:root {
      --ink:#15243a; --ink-2:#354967; --muted:#687991; --subtle:#93a0b3;
      --primary:#1766ef; --primary-dark:#104cbd; --teal:#38d2d2;
      --bg:#f7f9fc; --white:#ffffff; --line:#e5ebf3; --soft:#edf4ff;
      --navy:#0c1f39; --navy-2:#112b4b; --shadow:0 16px 50px rgba(28,61,101,.055);
      --radius:18px; --page:1240px;
    }
    *,*::before,*::after { box-sizing:border-box; }
    html {scroll-behavior:smooth;scroll-padding-top:94px;}
    body {margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;}
    button,input {font:inherit;} button {cursor:pointer;} a {color:inherit;text-decoration:none;} ::selection {background:#d4e5ff;}
    .container {width:min(calc(100% - 72px),var(--page));margin-inline:auto;}
    .site-header {position:sticky;top:0;z-index:50;height:78px;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,235,244,.88);}
    .header-inner {height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px;}
    .brand {display:inline-flex;align-items:center;gap:12px;flex-shrink:0;}
    .brand-mark {width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#0e315c 0%,#1356a1 85%);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);}
    .brand-mark::before {content:"";position:absolute;left:9px;top:10px;width:22px;height:18px;border:3px solid white;border-top:0;border-right:0;border-radius:0 0 0 18px;transform:rotate(-26deg);}
    .brand-mark::after {content:"";position:absolute;left:20px;top:7px;width:12px;height:19px;background:#76dff2;clip-path:polygon(0 100%,60% 0,100% 100%);transform:rotate(21deg);}
    .brand-main {font-weight:850;font-size:19px;letter-spacing:-.6px;white-space:nowrap;}
    .brand-main small {font-size:12px;font-weight:700;letter-spacing:.02em;color:#59728d;margin-left:8px;}
    .nav {display:flex;align-items:center;gap:25px;margin-left:auto;}
    .nav a {font-size:14px;font-weight:650;color:#53657c;white-space:nowrap;transition:color .18s;}
    .nav a:hover {color:var(--primary);}
    .nav-actions {display:flex;align-items:center;gap:14px;flex-shrink:0;}
    .search-trigger {display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:white;color:#61728c;}
    .plain-login {border:none;background:none;font-size:13px;font-weight:700;color:#54677f;padding:10px 0;}
    .join-cta {color:#fff!important;background:#1766ef;border-radius:11px;padding:11px 15px!important;display:inline-flex;gap:7px;align-items:center;justify-content:center;font-size:13px!important;box-shadow:0 5px 12px rgba(23,102,239,.18);}
    .join-cta:hover {background:#0d55d1;}
    .mobile-menu-btn {display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:white;align-items:center;justify-content:center;}
    .mobile-nav {display:none;}
    .icon {display:inline-block;width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none;vertical-align:middle;}
    .icon.sm {width:16px;height:16px;} .icon.lg {width:24px;height:24px;}
    .eyebrow {display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.115em;font-weight:800;color:#266bd6;text-transform:uppercase;}
    .eyebrow::before {content:"";height:7px;width:7px;background:#2379ed;border-radius:50%;box-shadow:0 0 0 4px rgba(35,121,237,.1);}
    .hero {margin-top:30px;border-radius:28px;position:relative;overflow:hidden;border:1px solid #e0eaf7;background:radial-gradient(ellipse 60% 75% at 96% 3%,rgba(200,228,255,.66),transparent 75%),linear-gradient(118deg,#ffffff 5%,#f5faff 62%,#eaf4ff 100%);box-shadow:var(--shadow);}
    .hero::after {content:"";position:absolute;right:-150px;top:-230px;width:520px;height:520px;border:1px solid rgba(48,126,229,.13);border-radius:50%;pointer-events:none;}
    .hero-top {padding:56px 56px 35px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:42px;align-items:center;position:relative;z-index:1;}
    .hero-copy h1 {font-size:clamp(40px,4.05vw,57px);letter-spacing:-2.5px;line-height:1.18;margin:20px 0 18px;font-weight:860;color:#0e2545;}
    .hero-sub {font-size:20px;line-height:1.65;font-weight:750;letter-spacing:-.3px;color:#254c78;max-width:580px;margin:0 0 13px;}
    .hero-intro {font-size:14px;line-height:1.95;color:#637792;max-width:570px;margin:0;}
    .hero-quick {margin-top:26px;display:flex;align-items:center;gap:11px;flex-wrap:wrap;}
    .btn-main,.btn-outline,.btn-ghost {border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:760;padding:13px 18px;transition:background-color .2s,color .2s,transform .2s;}
    .btn-main {background:var(--primary);color:white;box-shadow:0 8px 20px rgba(23,102,239,.17);}
    .btn-main:hover {transform:translateY(-2px);background:var(--primary-dark);}
    .btn-outline {background:#fff;border:1px solid #d7e5fa;color:#2a578c;}
    .btn-outline:hover {background:#eaf3ff;}
    .btn-ghost {background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;}
    .hero-detail {font-size:12px;color:#7b91ab;margin-top:12px;}
    .console {background:linear-gradient(145deg,#0c2340,#102d51 64%,#0a2340);border-radius:20px;padding:21px 23px 24px;box-shadow:0 20px 35px rgba(19,49,90,.19);position:relative;overflow:hidden;color:#dcecff;min-height:337px;}
    .console::before {content:"";position:absolute;inset:-100px -50px auto auto;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(26,118,209,.27),transparent 69%);}
    .console-top {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.115);padding-bottom:16px;position:relative;}
    .console-dots {display:flex;gap:6px;} .console-dots i {width:7px;height:7px;background:#456383;border-radius:50%;} .console-dots i:first-child{background:#5c80a4;}
    .console-caption {font-size:10px;letter-spacing:.1em;color:#9bb4cf;font-weight:800;}
    .console-flow {position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:30px;}
    .console-node {border:1px solid rgba(131,177,219,.24);background:rgba(255,255,255,.045);border-radius:12px;padding:16px 5px;min-height:91px;text-align:center;position:relative;}
    .console-node:not(:last-child)::after {content:"→";position:absolute;right:-9px;top:33px;color:#79baff;font-weight:900;z-index:1;font-size:15px;}
    .console-node svg {color:#72b3f7;width:19px;height:19px;margin-bottom:8px;}
    .console-node:nth-child(3){border-color:rgba(92,224,228,.47);background:rgba(68,165,205,.12);}
    .console-node strong {display:block;font-size:11px;color:#f1f7ff;white-space:nowrap;}
    .console-node span {font-size:9px;color:#91aecb;display:block;margin-top:5px;}
    .console-lower {margin-top:17px;border:1px solid rgba(122,169,215,.23);background:rgba(4,18,34,.37);border-radius:14px;padding:16px;display:flex;gap:17px;align-items:center;}
    .console-film {width:123px;flex-shrink:0;display:flex;gap:5px;}
    .film-frame {height:90px;flex:1;border-radius:6px;position:relative;overflow:hidden;background:linear-gradient(158deg,#80a8d0 0%,#3c668a 44%,#152b47 100%);}
    .film-frame::before {content:"";position:absolute;left:50%;top:18px;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#b6d0df;}
    .film-frame::after {content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:29px;height:39px;border-radius:15px 15px 4px 4px;background:#1e3e61;}
    .film-frame:nth-child(2){background:linear-gradient(155deg,#b3d7da,#537d9e 60%,#244b73);}
    .film-frame:nth-child(3){background:linear-gradient(155deg,#a6b5db,#526c9b 60%,#213b60);}
    .console-output {min-width:0;flex:1;}
    .console-output .overline {font-size:10px;color:#7cf0e2;letter-spacing:.05em;font-weight:800;}
    .console-output h3 {font-size:14px;margin:8px 0;color:#f5faff;}
    .console-output p {font-size:11px;color:#a5bed5;line-height:1.8;margin:0;}
    .console-bottom {display:flex;gap:8px;flex-wrap:wrap;margin-top:15px;}
    .console-bottom span {font-size:10px;color:#9fc2e7;padding:7px 9px;background:rgba(98,169,243,.095);border:1px solid rgba(126,183,244,.16);border-radius:20px;}
    .hero-values {border-top:1px solid #e1ebf5;margin:0 56px 28px;padding-top:22px;position:relative;z-index:1;}
    .hero-values-heading {display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:12px;}
    .hero-values-heading strong {font-size:14px;} .hero-values-heading span {font-size:12px;color:#9aacbd;}
    .value-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
    .value {padding:13px 13px;display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.64);border:1px solid #e5ecf6;border-radius:13px;}
    .value-n {font-size:13px;letter-spacing:.01em;color:#3974d1;font-weight:850;line-height:1.4;}
    .value strong {font-size:12px;display:block;color:#203d60;margin-bottom:4px;line-height:1.2;}
    .value small {font-size:11px;color:#7890a8;line-height:1.35;display:block;}
    .section {margin-top:68px;} .section-title-row {display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px;}
    .section-meta {display:block;font-size:11px;color:#2674d6;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;}
    .section h2 {font-size:29px;line-height:1.28;letter-spacing:-.9px;font-weight:830;margin:0;}
    .section-desc {font-size:13px;color:#75869d;margin:9px 0 0;line-height:1.75;}
    .section-link {display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:700;color:#266ac4;white-space:nowrap;padding-bottom:4px;}
    .entrance-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
    .entrance {background:white;border:1px solid var(--line);padding:22px;border-radius:17px;display:flex;align-items:flex-start;gap:15px;min-height:125px;box-shadow:0 7px 22px rgba(22,54,94,.025);transition:transform .2s,box-shadow .2s,border-color .2s;}
    .entrance:hover,.card:hover {transform:translateY(-3px);box-shadow:0 12px 30px rgba(18,64,128,.075);border-color:#cbdcf4;}
    .entrance-icon {width:42px;height:42px;border-radius:13px;background:var(--i-bg,#edf4ff);color:var(--i-color,#2771d5);display:grid;place-items:center;flex-shrink:0;}
    .entrance h3 {font-size:16px;margin:0 0 6px;font-weight:800;} .entrance p {margin:0;font-size:12px;line-height:1.65;color:#8390a3;}
    .entrance .arr {margin-left:auto;margin-top:4px;color:#a4b5c9;}
    .activity-strip {display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:13px;}
    .activity-card {background:white;border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;gap:14px;align-items:center;min-height:98px;}
    .activity-card.primary {background:linear-gradient(115deg,#103765,#0f4a83);border-color:#14477e;color:#fff;}
    .activity-symbol {width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#eaf2fe;color:#2670d5;flex-shrink:0;}
    .activity-card.primary .activity-symbol {background:rgba(255,255,255,.13);color:#8ac9ff;}
    .activity-card b {display:block;font-size:13px;margin:0 0 5px;} .activity-card span {font-size:11px;color:#8697aa;line-height:1.7;} .activity-card.primary span {color:#b7d1ed;}
    .featured {background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;display:grid;grid-template-columns:1.03fr .97fr;gap:34px;box-shadow:var(--shadow);}
    .feature-display {min-height:322px;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 7%,rgba(32,127,229,.34),transparent 60%),linear-gradient(145deg,#0b2343,#153d69);padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;}
    .feature-display::before {content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(110,187,249,.13);border-radius:50%;right:-260px;top:-230px;}
    .feature-display-top {display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9abde3;letter-spacing:.07em;font-weight:750;}
    .feature-process {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;position:relative;}
    .feature-step {height:114px;border:1px solid rgba(129,189,249,.3);background:rgba(255,255,255,.07);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;position:relative;}
    .feature-step:not(:last-child)::after {content:"→";position:absolute;top:48%;right:-12px;color:#83baf6;z-index:1;}
    .feature-step svg {color:#81c4ff;width:24px;height:24px;}
    .feature-step strong {font-size:12px;color:#ecf5ff;} .feature-display-foot {display:flex;gap:8px;flex-wrap:wrap;}
    .feature-display-foot span {background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.15);padding:6px 9px;border-radius:6px;color:#bcd8f4;font-size:10px;}
    .feature-text {padding:20px 18px 18px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
    .chip {display:inline-flex;align-items:center;gap:6px;background:#edf5ff;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:760;color:#2a69bb;}
    .chip.muted {background:#f3f5f8;color:#76869b;} .chip.violet{background:#f2efff;color:#6d56c3;}
    .chip.member {background:#fff1e8;color:#ba632e;} .chip.free {background:#e8f8f3;color:#238b72;}
    .feature-text h3 {font-size:28px;line-height:1.4;letter-spacing:-.6px;margin:18px 0 12px;}
    .feature-text p {font-size:14px;line-height:1.9;color:#6e819a;margin:0;max-width:420px;}
    .feature-checks {display:grid;grid-template-columns:repeat(2,1fr);gap:12px 17px;margin:21px 0 23px;width:100%;}
    .feature-checks span {font-size:12px;font-weight:650;color:#46627e;display:flex;align-items:center;gap:8px;}
    .feature-checks svg {color:#21a08e;width:15px;height:15px;}
    .filter-group {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
    .filter-btn {padding:9px 15px;border-radius:9px;border:1px solid #e3eaf4;background:white;font-size:12px;font-weight:740;color:#64758d;}
    .filter-btn.active {background:#1a67e3;color:white;border-color:#1a67e3;}
    .article-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
    .card {background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;}
    .article {padding:22px;display:flex;flex-direction:column;min-height:222px;}
    .card-tags {display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
    .article h3 {font-size:17px;line-height:1.55;letter-spacing:-.28px;margin:14px 0 9px;font-weight:800;}
    .article p {font-size:12px;line-height:1.85;color:#8190a2;margin:0 0 22px;}
    .card-meta {margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#97a5b4;}
    .card-meta .read {font-weight:700;color:#2b72d1;display:inline-flex;align-items:center;gap:4px;}
    .tool-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
    .tool {padding:22px;min-height:255px;display:flex;flex-direction:column;}
    .tool-icon {width:50px;height:50px;border-radius:15px;background:#edf5ff;color:#2d75d8;display:grid;place-items:center;margin-bottom:17px;}
    .tool:nth-child(2) .tool-icon{background:#eaf8f6;color:#128e82;}.tool:nth-child(3) .tool-icon{background:#f3f0ff;color:#7351c0;}
    .tool h3 {font-size:17px;letter-spacing:-.25px;margin:10px 0 8px;}
    .tool p {font-size:12px;line-height:1.82;color:#8192a6;margin:0 0 15px;}
    .tool .card-meta {border-top:1px solid #eff2f7;padding-top:15px;}
    .record-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
    .record-cover {height:171px;background:linear-gradient(135deg,#153e77,#0c213f);position:relative;overflow:hidden;padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;}
    .record-cover::after {content:"";position:absolute;right:-60px;bottom:-140px;width:280px;height:280px;border:35px solid rgba(100,173,244,.12);border-radius:50%;}
    .record:nth-child(2) .record-cover{background:linear-gradient(135deg,#1c6981,#0b394f);}.record:nth-child(3) .record-cover{background:linear-gradient(135deg,#45508c,#1e2c58);}
    .record-cover .top {font-size:10px;font-weight:800;letter-spacing:.1em;color:#b7d9fc;}
    .record-cover strong {display:block;font-size:18px;max-width:230px;line-height:1.45;z-index:1;}
    .record-cover .play {position:absolute;right:22px;top:59px;display:grid;place-items:center;border-radius:50%;height:47px;width:47px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(5px);}
    .record-copy {padding:19px 20px 21px;}
    .record-copy h3 {font-size:15px;margin:9px 0 7px;line-height:1.5;}
    .record-copy p {color:#8796a8;font-size:12px;line-height:1.65;margin:0;}
    .qa-layout {display:grid;grid-template-columns:1.04fr .96fr;gap:17px;}
    .qa-list {background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 22px;}
    .qa-item {padding:20px 1px;border-bottom:1px solid #edf1f6;cursor:pointer;}
    .qa-item:last-child {border:0;} .qa-item-head {display:flex;align-items:center;justify-content:space-between;gap:12px;}
    .qa-item h3 {font-size:14px;line-height:1.5;margin:0;font-weight:780;}
    .qa-item p {font-size:12px;color:#8495a8;line-height:1.7;margin:8px 0 0;}
    .qa-item .plus {color:#7a9bc3;font-size:20px;transition:transform .2s;}
    .qa-item.open .plus {transform:rotate(45deg);}
    .qa-answer {display:none;padding-top:13px;font-size:12px;line-height:1.85;color:#526b88;}
    .qa-item.open .qa-answer {display:block;}
    .ask-card {border-radius:18px;background:linear-gradient(145deg,#11365f,#0d2341);padding:30px;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:310px;}
    .ask-card .mini {color:#9bbce0;font-size:11px;letter-spacing:.08em;font-weight:750;}
    .ask-card h3 {font-size:26px;margin:14px 0 12px;line-height:1.35;letter-spacing:-.5px;}
    .ask-card p {font-size:13px;line-height:1.9;color:#b5cce4;margin:0;max-width:360px;}
    .quota {display:flex;gap:9px;margin:20px 0;flex-wrap:wrap;}
    .quota span {padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-size:11px;color:#dcecff;}
    .ask-card .btn-ghost {align-self:flex-start;}
    .bottom-grid {display:grid;grid-template-columns:1fr 1.15fr;gap:18px;}
    .changelog,.membership {border-radius:19px;padding:29px;}
    .changelog {background:white;border:1px solid var(--line);}
    .changelog h3 {font-size:19px;margin:0 0 16px;}
    .log {display:grid;grid-template-columns:53px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #eef2f7;}
    .log:last-of-type {border-bottom:0;}.log .day {font-size:11px;font-weight:850;color:#4380d2;}
    .log b {font-size:12px;display:block;margin-bottom:5px;} .log p {font-size:11px;color:#8a9aab;margin:0;line-height:1.6;}
    .membership {background:radial-gradient(ellipse at 100% -30%,rgba(68,146,236,.27),transparent 65%),linear-gradient(133deg,#0c2443,#163962);color:#fff;position:relative;overflow:hidden;}
    .membership .kicker {font-size:11px;letter-spacing:.08em;color:#8ac6fb;font-weight:800;}
    .membership h3 {font-size:24px;margin:14px 0 8px;letter-spacing:-.45px;}
    .membership p {margin:0;color:#aec8e5;font-size:12px;line-height:1.75;}
    .membership-list {display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:22px 0;}
    .membership-list span {font-size:12px;color:#d8e9fa;display:flex;gap:7px;align-items:center;}
    .membership-list svg {color:#72d8ce;width:14px;height:14px;}
    .membership-foot {display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:17px;border-top:1px solid rgba(255,255,255,.13);}
    .price {font-size:34px;font-weight:860;letter-spacing:-1.3px;} .price small {font-size:12px;font-weight:500;letter-spacing:0;color:#9eb6d2;margin-left:4px;}
    .membership .btn-main {background:white;color:#154b91;box-shadow:none;}
    .membership .btn-main:hover {background:#e8f3ff;}
    .site-footer {border-top:1px solid #e1e9f2;padding:35px 0;margin-top:72px;background:white;}
    .footer-inner {display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;}
    .footer-desc {font-size:11px;line-height:1.7;color:#98a6b5;margin:8px 0 0;}
    .footer-links {display:flex;gap:20px;font-size:12px;color:#7d91a5;}
    .modal-backdrop {position:fixed;inset:0;z-index:150;background:rgba(8,24,43,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:22px;}
    .modal-backdrop.show {display:flex;}
    .modal {background:white;border-radius:22px;max-width:570px;width:100%;padding:31px;box-shadow:0 24px 80px rgba(0,0,0,.16);position:relative;max-height:min(85vh,800px);overflow-y:auto;}
    .modal-close {position:absolute;right:18px;top:16px;border:1px solid #e4eaf1;border-radius:10px;background:white;width:34px;height:34px;display:grid;place-items:center;color:#667c95;}
    .modal h2 {font-size:24px;margin:18px 0 12px;line-height:1.4;letter-spacing:-.5px;}
    .modal p {font-size:14px;line-height:1.9;color:#657992;}
    .modal-preview {background:#f1f6fd;padding:18px;border-radius:13px;color:#47627f;font-size:13px;line-height:1.85;margin:20px 0;}
    .modal-lock {background:#fff7ef;border:1px dashed #eac89f;color:#946131;border-radius:12px;padding:16px;font-size:13px;line-height:1.8;}
    .modal-note {margin-top:18px;font-size:12px;color:#9aabc0;}
    .search-overlay {position:fixed;inset:0;z-index:140;background:rgba(8,24,43,.55);display:none;align-items:flex-start;justify-content:center;padding:12vh 20px 20px;}
    .search-overlay.show {display:flex;}
    .search-panel {width:min(100%,660px);background:white;border-radius:20px;padding:20px;box-shadow:0 20px 70px rgba(0,0,0,.17);}
    .search-line {display:flex;align-items:center;gap:12px;border:1px solid #dce6f2;border-radius:13px;padding:14px;color:#7890a8;}
    .search-line input {flex:1;border:0;outline:0;font-size:15px;color:#1e3856;min-width:0;}
    .search-dismiss {border:0;background:#f1f5fa;border-radius:7px;padding:5px 8px;font-size:11px;color:#70849a;}
    .search-results {max-height:52vh;overflow:auto;margin-top:14px;}
    .search-result {width:100%;border:0;background:white;text-align:left;padding:13px;border-radius:10px;display:block;}
    .search-result:hover {background:#f0f5fc;} .search-result b {display:block;font-size:13px;margin-bottom:5px;}.search-result small {font-size:11px;color:#8194aa;}
    .empty {font-size:13px;color:#92a0b0;padding:25px 13px;text-align:center;}
    .prototype-bar {margin-top:28px;color:#8b9aad;font-size:11px;text-align:center;line-height:1.75;}
    @media(max-width:1150px){.nav{gap:15px}.nav a{font-size:13px}.brand-main small{display:none}.hero-top{gap:22px}.console-node{padding:14px 1px}.value{gap:8px}.article h3{font-size:16px}}
    @media(max-width:920px){.container{width:min(calc(100% - 44px),var(--page))}.site-header{height:70px}.nav,.plain-login,.nav-actions>.join-cta{display:none}.mobile-menu-btn{display:flex}.header-inner{gap:15px}.mobile-nav{display:none;background:white;border-bottom:1px solid var(--line);padding:15px 22px;position:absolute;left:0;right:0;top:69px;box-shadow:0 25px 40px rgba(20,50,83,.1)}.mobile-nav.open{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mobile-nav a{padding:12px;border-radius:10px;background:#f4f7fc;font-size:13px;font-weight:700}.mobile-nav a:last-child{background:#1766ef;color:white;text-align:center}.hero-top{grid-template-columns:1fr;padding:46px 38px 30px;gap:30px}.hero-copy h1{font-size:45px}.hero-intro{max-width:680px}.console{max-width:600px}.hero-values{margin:0 38px 26px}.entrance-grid,.article-grid,.tool-grid,.record-grid{grid-template-columns:repeat(2,1fr)}.activity-strip{grid-template-columns:1fr 1fr}.activity-card:last-child{grid-column:1/-1}.featured{gap:18px}.feature-text h3{font-size:23px}.bottom-grid{grid-template-columns:1fr}.qa-layout{grid-template-columns:1fr}}
    @media(max-width:600px){html{scroll-padding-top:76px}.container{width:calc(100% - 30px)}.site-header{height:64px}.header-inner{gap:11px}.brand{gap:9px}.brand-mark{width:34px;height:34px;border-radius:11px}.brand-main{font-size:17px}.nav-actions{gap:8px}.mobile-nav{top:63px}.search-trigger,.mobile-menu-btn{width:35px;height:35px}.hero{margin-top:14px;border-radius:20px}.hero-top{padding:31px 23px 24px;gap:25px}.hero-copy h1{font-size:37px;letter-spacing:-1.5px;margin:13px 0 14px}.eyebrow{font-size:10px;letter-spacing:.06em}.hero-sub{font-size:17px;line-height:1.65}.hero-intro{font-size:12px;line-height:1.9}.hero-quick{margin-top:21px;gap:8px}.btn-main,.btn-outline{font-size:12px;padding:11px 13px;border-radius:10px}.console{border-radius:16px;padding:17px 16px;min-height:300px}.console-flow{gap:5px;padding-top:21px}.console-node{padding:14px 1px;min-height:80px;border-radius:9px}.console-node svg{width:17px;height:17px;margin-bottom:6px}.console-node strong{font-size:10px}.console-node span{font-size:8px}.console-node:not(:last-child)::after{right:-6px;font-size:11px}.console-lower{gap:10px;padding:12px}.console-film{width:104px}.film-frame{height:76px}.console-output h3{font-size:12px}.console-output p{font-size:10px}.console-bottom span{font-size:9px;padding:5px 7px}.hero-values{margin:0 17px 17px;padding-top:16px}.hero-values-heading{align-items:center;margin-bottom:11px}.hero-values-heading strong{font-size:12px}.hero-values-heading span{font-size:10px}.value-grid{grid-template-columns:repeat(2,1fr);gap:7px}.value{padding:11px 8px;gap:6px;border-radius:10px;min-height:65px}.value-n{font-size:11px}.value strong{font-size:10.5px;margin-bottom:3px}.value small{font-size:9px;line-height:1.4}.section{margin-top:46px}.section-title-row{margin-bottom:17px;align-items:center}.section h2{font-size:22px}.section-desc{font-size:11px;margin-top:8px}.section-meta{font-size:10px;margin-bottom:6px}.section-link{font-size:11px}.entrance-grid{grid-template-columns:repeat(2,1fr);gap:10px}.article-grid,.tool-grid,.record-grid{grid-template-columns:1fr;gap:11px}.entrance{padding:14px;min-height:122px;display:block;border-radius:14px}.entrance-icon{width:36px;height:36px;border-radius:10px;margin-bottom:12px}.entrance-icon .icon{width:20px;height:20px}.entrance .arr{display:none}.entrance h3{font-size:13px;margin-bottom:6px}.entrance p{font-size:10px;line-height:1.6}.activity-strip{grid-template-columns:1fr;gap:9px}.activity-card{min-height:82px;padding:15px 17px}.activity-card:last-child{grid-column:auto}.featured{grid-template-columns:1fr;padding:10px;gap:0;border-radius:18px}.feature-display{min-height:268px;padding:20px;border-radius:13px}.feature-step{height:93px;gap:7px}.feature-step strong{font-size:10px}.feature-step svg{width:19px;height:19px}.feature-text{padding:20px 12px 17px}.feature-text h3{font-size:21px;margin:13px 0 9px}.feature-text p{font-size:12px}.feature-checks{margin:17px 0;gap:10px}.feature-checks span{font-size:11px}.filter-group{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.filter-btn{font-size:11px;white-space:nowrap;padding:8px 12px}.article{padding:18px;min-height:175px}.article h3{font-size:15px;line-height:1.5;margin:12px 0 8px}.article p{font-size:12px;line-height:1.75;margin-bottom:13px}.card-meta{font-size:11px}.chip{font-size:9px;padding:4px 6px}.tool{padding:18px;min-height:194px}.tool-icon{width:42px;height:42px;margin-bottom:13px}.tool h3{font-size:15px;line-height:1.5}.tool p{font-size:12px}.tool .card-meta{padding-top:11px}.record-cover{height:172px;padding:18px}.record-cover .top{font-size:10px}.record-cover strong{font-size:20px;max-width:220px}.record-cover .play{width:46px;height:46px;right:20px;top:62px}.record-copy{padding:14px}.record-copy h3{font-size:15px}.record-copy p{font-size:12px}.qa-layout{gap:12px}.qa-list{padding:3px 16px}.qa-item{padding:17px 0}.qa-item h3{font-size:12px}.qa-item p{font-size:11px}.ask-card{min-height:270px;padding:23px}.ask-card h3{font-size:23px}.ask-card p{font-size:12px}.bottom-grid{gap:12px}.changelog,.membership{padding:23px}.membership-list{grid-template-columns:1fr 1fr}.membership-list span{font-size:10px}.membership h3{font-size:21px}.price{font-size:30px}.footer-inner{align-items:flex-start}.footer-links{flex-wrap:wrap;gap:12px}.modal{padding:25px 22px}.modal h2{font-size:21px}}
    @media(max-width:360px){.brand-main{font-size:15px}.value{padding:9px 6px}.value strong{font-size:10px}.hero-copy h1{font-size:34px}.entrance-grid{grid-template-columns:repeat(2,1fr)}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}