:root {
        --ink: #0a1511;
        --forest: #0a211a;
        --forest-2: #11342a;
        --green: #69e0a6;
        --green-strong: #40c985;
        --green-dim: #2b815d;
        --mist: #e8eee9;
        --paper: #f6f8f5;
        --line: rgba(232, 238, 233, 0.16);
        --line-dark: rgba(10, 21, 17, 0.14);
        --muted: #9eb4aa;
        --slate: #52635b;
        --display: "Sora", sans-serif;
        --body: "Manrope", sans-serif;
        --mono: "DM Mono", monospace;
        --max: 1220px;
      }

      * { box-sizing: border-box; }
      html { scroll-behavior: smooth; }
      body {
        margin: 0;
        color: var(--ink);
        background: var(--paper);
        font-family: var(--body);
        -webkit-font-smoothing: antialiased;
      }
      a { color: inherit; text-decoration: none; }
      button, a { -webkit-tap-highlight-color: transparent; }
      a:focus-visible, button:focus-visible, iframe:focus-visible {
        outline: 3px solid var(--green);
        outline-offset: 4px;
      }
      .skip-link {
        position: fixed;
        z-index: 20;
        top: 12px;
        left: 12px;
        padding: 10px 14px;
        color: var(--ink);
        background: var(--green);
        transform: translateY(-160%);
        transition: transform 160ms ease;
      }
      .skip-link:focus { transform: translateY(0); }
      .shell { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }
      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: inherit;
        font-family: var(--mono);
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.11em;
        line-height: 1.2;
        text-transform: uppercase;
      }
      .eyebrow::before {
        width: 7px;
        height: 7px;
        content: "";
        border-radius: 50%;
        background: currentColor;
        box-shadow: 0 0 0 4px rgba(105, 224, 166, 0.16);
      }
      h1, h2, h3, p { margin-top: 0; }
      h1, h2, h3 { font-family: var(--display); text-wrap: balance; }
      p { text-wrap: pretty; }
      .button {
        display: inline-flex;
        min-height: 50px;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 0 18px;
        border: 1px solid transparent;
        border-radius: 8px;
        font-family: var(--body);
        font-size: 14px;
        font-weight: 800;
        transition: transform 180ms cubic-bezier(.22, 1, .36, 1), background 180ms ease, border-color 180ms ease;
      }
      .button:hover { transform: translateY(-2px); }
      .button--primary { color: var(--ink); background: var(--green); }
      .button--primary:hover { background: #8aefbb; }
      .button--ghost { color: var(--mist); border-color: var(--line); background: rgba(255,255,255,0.035); }
      .button--ghost:hover { border-color: rgba(105,224,166,0.7); background: rgba(105,224,166,0.08); }
      .arrow { width: 16px; height: 16px; transition: transform 180ms ease; }
      .button:hover .arrow, .inline-link:hover .arrow { transform: translateX(3px); }

      .site-header {
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
        left: 0;
        padding: 22px 0;
        color: var(--mist);
      }
      .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
      .brand { display: inline-flex; align-items: center; gap: 10px; font-family: var(--display); font-size: 18px; font-weight: 800; letter-spacing: -0.04em; }
      .brand img { width: 31px; height: 31px; object-fit: contain; filter: grayscale(1) brightness(3); }
      .main-nav { display: flex; align-items: center; gap: 28px; color: #c3d4cb; font-size: 13px; font-weight: 700; }
      .main-nav a { transition: color 160ms ease; }
      .main-nav a:hover { color: var(--green); }
      .header-actions { display: flex; align-items: center; gap: 17px; font-size: 13px; font-weight: 800; }
      .header-actions > a:first-child { color: #c3d4cb; }
      .header-actions .button { min-height: 42px; padding: 0 14px; }

      .hero {
        position: relative;
        overflow: hidden;
        min-height: 900px;
        padding: 158px 0 70px;
        color: var(--mist);
        background: var(--forest);
        isolation: isolate;
      }
      .hero::before {
        position: absolute;
        z-index: -4;
        inset: 0;
        content: "";
        opacity: 0.78;
        background: linear-gradient(90deg, rgba(7,18,15,0.98) 3%, rgba(7,18,15,0.82) 45%, rgba(7,18,15,0.48) 100%), url("assets/bg-hero.webp") center/cover no-repeat;
      }
      .hero::after {
        position: absolute;
        z-index: -3;
        right: -14vw;
        bottom: -28vw;
        width: 70vw;
        height: 70vw;
        content: "";
        border-radius: 50%;
        background: radial-gradient(circle, rgba(73, 207, 143, 0.22), transparent 62%);
        filter: blur(4px);
      }
      #wave-field { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; opacity: 0.7; pointer-events: none; }
      .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 0.84fr) minmax(520px, 1.16fr);
        gap: clamp(38px, 6vw, 92px);
        align-items: center;
      }
      .hero-copy { max-width: 600px; padding-bottom: 18px; }
      .hero-copy .eyebrow { color: var(--green); }
      .hero h1 {
        max-width: 600px;
        margin: 22px 0 24px;
        font-size: clamp(46px, 5.2vw, 78px);
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 1.04;
      }
      .hero h1 em { color: var(--green); font-style: normal; }
      .hero-lead { max-width: 56ch; margin-bottom: 32px; color: #c1d0c8; font-size: 17px; line-height: 1.68; }
      .hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }
      .hero-cred {
        display: flex;
        flex-wrap: wrap;
        gap: 9px 18px;
        margin: 36px 0 0;
        padding: 0;
        color: #93a99e;
        font-size: 12px;
        font-weight: 700;
        list-style: none;
      }
      .hero-cred li { display: inline-flex; align-items: center; gap: 7px; }
      .hero-cred svg { color: var(--green); }

      .demo-frame {
        position: relative;
        min-height: 650px;
        padding: 1px;
        overflow: hidden;
        border: 1px solid rgba(105,224,166,0.42);
        border-radius: 12px;
        background: rgba(105,224,166,0.13);
        box-shadow: 0 6px 8px rgba(0,0,0,0.18);
      }
      .demo-frame::before {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        left: 0;
        height: 50px;
        content: "";
        pointer-events: none;
        background: linear-gradient(180deg, rgba(5,15,12,0.7), transparent);
      }
      .demo-bar {
        position: absolute;
        z-index: 2;
        top: 15px;
        right: 17px;
        left: 17px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        pointer-events: none;
      }
      .demo-state { display: inline-flex; align-items: center; gap: 7px; color: white; font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; text-shadow: 0 1px 10px rgba(0,0,0,0.6); }
      .demo-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(105,224,166,0.24); }
      .demo-state[data-status="carregando"] i { background: #e4bc68; box-shadow: 0 0 0 4px rgba(228,188,104,0.22); }
      .demo-open { color: #e7fff2; font-size: 11px; font-weight: 800; pointer-events: auto; text-decoration: underline; text-underline-offset: 4px; }
      .demo-open:hover { color: var(--green); }
      .demo-frame iframe { display: block; width: 100%; min-height: 648px; border: 0; background: #0b1512; }
      .demo-overlay {
        position: absolute;
        z-index: 2;
        inset: 51px 0 0;
        display: grid;
        place-items: center;
        padding: 30px;
        pointer-events: none;
        opacity: 1;
        background: linear-gradient(135deg, rgba(5,19,14,.42), rgba(7,31,21,.72));
        transition: opacity 300ms ease;
      }
      .demo-frame[data-ready="true"] .demo-overlay { opacity: 0; }
      .demo-ghost {
        width: min(78%, 370px);
        padding: 20px;
        border: 1px solid rgba(147,237,188,.28);
        border-radius: 10px;
        background: rgba(8,29,20,.77);
      }
      .demo-ghost__top { display:flex; align-items:center; gap:9px; margin-bottom:18px; color:#e7fff1; font-family:var(--display); font-size:13px; font-weight:700; }
      .demo-ghost__top i { width:25px; height:25px; border-radius:7px; background:linear-gradient(145deg,#91efbc,#24794e); box-shadow:4px 5px 0 rgba(0,0,0,.22); }
      .demo-ghost__line { height:8px; margin:8px 0; border-radius:4px; background:rgba(194,244,213,.17); } .demo-ghost__line--short { width:58%; }
      .demo-ghost__pulse { display:flex; align-items:center; gap:9px; margin-top:20px; padding-top:16px; border-top:1px solid rgba(194,244,213,.14); color:#96b9a5; font-size:11px; }
      .demo-ghost__pulse i { width:7px; height:7px; border-radius:50%; background:#e4bc68; box-shadow:0 0 0 4px rgba(228,188,104,.15); }
      .demo-fallback {
        position: absolute;
        z-index: 3;
        right: 24px;
        bottom: 24px;
        left: 24px;
        display: none;
        padding: 16px;
        color: #d5e4dc;
        background: #0b1d17;
        border: 1px solid rgba(105,224,166,0.36);
        border-radius: 8px;
        font-size: 13px;
        line-height: 1.55;
      }
      .demo-fallback[data-visible="true"] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
      .demo-fallback a { color: var(--green); font-weight: 800; white-space: nowrap; }
      .demo-note { margin: 11px 4px 0; color: #92a99d; font-size: 11px; line-height: 1.5; }

      .signal-strip {
        color: #b9c9c0;
        background: #081712;
        border-bottom: 1px solid rgba(232,238,233,0.08);
      }
      .signal-strip .shell { display: flex; min-height: 74px; align-items: center; justify-content: space-between; gap: 22px; }
      .signal-intro { color: #81988c; font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
      .signal-list { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 16px; font-size: 12px; font-weight: 800; }
      .signal-list span { display: inline-flex; align-items: center; gap: 7px; }
      .signal-list span::before { width: 4px; height: 4px; content: ""; border-radius: 50%; background: var(--green-dim); }

      .engine { position:relative; overflow:hidden; padding:clamp(88px,11vw,154px) 0; color:var(--mist); background:#071711; }
      .engine::before { position:absolute; top:-34vw; right:-15vw; width:72vw; height:72vw; content:""; border-radius:50%; background:radial-gradient(circle,rgba(67,212,143,.2),rgba(13,52,38,.04) 46%,transparent 70%); }
      .engine .shell { position:relative; }
      .engine-grid { display:grid; grid-template-columns:minmax(330px,.82fr) minmax(520px,1.18fr); gap:clamp(42px,8vw,116px); align-items:center; }
      .engine-copy .eyebrow { margin-bottom:22px; color:var(--green); }
      .engine-copy h2 { max-width:13ch; margin-bottom:23px; font-size:clamp(40px,4.7vw,62px); font-weight:700; letter-spacing:-.04em; line-height:1.06; }
      .engine-copy > p { max-width:43ch; margin-bottom:35px; color:#afc4b8; font-size:15px; line-height:1.74; }
      .engine-legend { display:grid; max-width:470px; border-top:1px solid rgba(232,238,233,.17); }
      .engine-legend-item { display:grid; grid-template-columns:31px 1fr; gap:15px; padding:16px 0; border-bottom:1px solid rgba(232,238,233,.13); }
      .engine-legend-item b { color:var(--green); font-family:var(--display); font-size:14px; }
      .engine-legend-item strong { display:block; margin-bottom:3px; font-size:13px; }
      .engine-legend-item span { color:#93aa9e; font-size:12px; line-height:1.5; }
      .intro { padding: 152px 0 132px; }
      .intro-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(300px, 0.74fr); gap: 80px; align-items: end; }
      .intro h2, .section-heading h2 { margin-bottom: 0; font-size: clamp(34px, 4.4vw, 58px); font-weight: 700; letter-spacing: -0.04em; line-height: 1.1; }
      .intro h2 { max-width: 15ch; }
      .intro p { max-width: 48ch; margin-bottom: 0; color: var(--slate); font-size: 16px; line-height: 1.75; }
      .underscore { color: var(--green-dim); }

      .outcomes { padding-bottom: 142px; }
      .outcome-grid { display: grid; grid-template-columns: 1.15fr 0.85fr 1fr; border-top: 1px solid var(--line-dark); }
      .outcome { min-height: 295px; padding: 36px 34px 24px 0; }
      .outcome + .outcome { padding-left: 34px; border-left: 1px solid var(--line-dark); }
      .outcome-mark { display: block; margin-bottom: 48px; color: var(--green-dim); font-family: var(--mono); font-size: 12px; }
      .outcome h3 { max-width: 15ch; margin-bottom: 12px; font-size: 22px; letter-spacing: -0.03em; line-height: 1.25; }
      .outcome p { max-width: 31ch; margin-bottom: 0; color: var(--slate); font-size: 14px; line-height: 1.65; }

      .operation { position: relative; overflow: hidden; padding: 128px 0 138px; color: var(--mist); background: #102a21; }
      .operation::before { position: absolute; top: -260px; left: -190px; width: 650px; height: 650px; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(95,223,162,0.16), transparent 68%); }
      .operation .shell { position: relative; }
      .section-heading { display: grid; grid-template-columns: 0.94fr 0.65fr; gap: 90px; align-items: end; margin-bottom: 70px; }
      .section-heading .eyebrow { color: var(--green); margin-bottom: 21px; }
      .section-heading h2 { max-width: 15ch; }
      .section-heading p { max-width: 42ch; margin: 0 0 3px; color: #b3c6bb; font-size: 15px; line-height: 1.7; }
      .sequence { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid rgba(232,238,233,0.23); }
      .sequence-step { min-height: 244px; padding: 30px 30px 0 0; }
      .sequence-step + .sequence-step { padding-left: 30px; border-left: 1px solid rgba(232,238,233,0.23); }
      .sequence-number { display: block; margin-bottom: 64px; color: var(--green); font-family: var(--mono); font-size: 11px; letter-spacing: 0.07em; }
      .sequence-step h3 { margin-bottom: 10px; font-size: 21px; letter-spacing: -0.03em; }
      .sequence-step p { max-width: 28ch; margin-bottom: 0; color: #aec0b6; font-size: 14px; line-height: 1.65; }

      .command { padding: 145px 0; background: #e7eee8; }
      .command-layout { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr); gap: 94px; align-items: center; }
      .command-copy .eyebrow { margin-bottom: 22px; color: var(--green-dim); }
      .command-copy h2 { max-width: 13ch; margin-bottom: 22px; font-size: clamp(38px, 4.3vw, 56px); letter-spacing: -0.04em; line-height: 1.08; }
      .command-copy p { max-width: 48ch; margin-bottom: 29px; color: var(--slate); font-size: 15px; line-height: 1.72; }
      .inline-link { display: inline-flex; align-items: center; gap: 8px; color: #174837; font-size: 14px; font-weight: 800; }
      .control-sheet { padding: 34px; color: #dce9e2; background: var(--ink); border-radius: 12px; }
      .sheet-title { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 21px; border-bottom: 1px solid rgba(232,238,233,0.14); }
      .sheet-title strong { font-family: var(--display); font-size: 18px; letter-spacing: -0.03em; }
      .sheet-title span { color: var(--green); font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; }
      .control-line { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; padding: 18px 0; border-bottom: 1px solid rgba(232,238,233,0.12); }
      .control-line:last-child { border-bottom: 0; padding-bottom: 0; }
      .control-line dt { font-size: 13px; font-weight: 800; }
      .control-line dd { margin: 3px 0 0; color: #92a99d; font-size: 12px; line-height: 1.45; }
      .status { display: inline-flex; align-items: center; gap: 7px; color: var(--green); font-family: var(--mono); font-size: 10px; white-space: nowrap; }
      .status::before { width: 6px; height: 6px; content: ""; border-radius: 50%; background: currentColor; }

      .protocols { position:relative; overflow:hidden; padding:136px 0; color:var(--mist); background:#103e2c; }
      .protocols::after { position:absolute; right:-20vw; bottom:-28vw; width:72vw; height:72vw; content:""; border-radius:50%; background:radial-gradient(circle,rgba(119,231,170,.16),transparent 68%); }
      .protocols .shell { position:relative; z-index:1; }
      .protocol-header { display:flex; align-items:end; justify-content:space-between; gap:55px; padding-bottom:47px; border-bottom:1px solid rgba(232,238,233,.22); }
      .protocol-header .eyebrow { margin-bottom:20px; color:var(--green); } .protocol-header h2 { max-width:15ch; margin:0; font-size:clamp(37px,4.5vw,60px); letter-spacing:-.04em; line-height:1.08; } .protocol-header p { max-width:42ch; margin:0; color:#bad0c1; font-size:15px; line-height:1.7; }
      .protocol-grid { display:grid; grid-template-columns:1fr 1.04fr 1fr; }
      .protocol { position:relative; min-height:296px; padding:35px 29px 24px 0; } .protocol + .protocol { padding-left:30px; border-left:1px solid rgba(232,238,233,.22); }
      .protocol-badge { display:grid; width:48px; height:48px; place-items:center; margin-bottom:69px; border-radius:8px; color:#dfffee; background:linear-gradient(145deg,#75e5aa,#238158); box-shadow:inset 5px 5px 10px rgba(255,255,255,.23),inset -8px -7px 12px rgba(0,0,0,.18),5px 6px 0 rgba(4,26,17,.3); font-family:var(--display); font-size:12px; font-weight:800; letter-spacing:-.05em; }
      .protocol h3 { margin-bottom:10px; font-size:22px; letter-spacing:-.035em; } .protocol p { max-width:29ch; margin:0; color:#b7cabd; font-size:13px; line-height:1.65; }
      .feature-system { padding:139px 0 129px; background:#f2f5f1; }
      .feature-system-head { display:grid; grid-template-columns:1fr .68fr; gap:90px; align-items:end; margin-bottom:66px; } .feature-system-head .eyebrow { margin-bottom:20px; color:var(--green-dim); } .feature-system-head h2 { max-width:14ch; margin:0; font-size:clamp(36px,4.2vw,57px); letter-spacing:-.04em; line-height:1.09; } .feature-system-head p { max-width:41ch; margin:0; color:var(--slate); font-size:15px; line-height:1.7; }
      .feature-system-grid { display:grid; grid-template-columns:1.21fr .79fr; gap:22px; }
      .feature-primary { position:relative; min-height:440px; overflow:hidden; padding:37px; color:#eafff1; border-radius:12px; background:#0a2118; } .feature-primary::after { position:absolute; right:-16%; bottom:-47%; width:440px; height:440px; content:""; border-radius:50%; background:radial-gradient(circle at 38% 38%,rgba(130,244,180,.72),rgba(33,126,83,.35) 25%,transparent 65%); }
      .feature-primary h3 { position:relative; z-index:1; max-width:13ch; margin-bottom:12px; font-size:29px; letter-spacing:-.04em; line-height:1.13; } .feature-primary p { position:relative; z-index:1; max-width:38ch; margin-bottom:0; color:#b0c9b9; font-size:14px; line-height:1.67; }
      .feature-primary .system-orb { position:absolute; z-index:2; right:14%; bottom:19%; width:136px; height:136px; transform:rotate(-14deg); border:1px solid rgba(220,255,232,.48); border-radius:30px; background:linear-gradient(145deg,#8eeabc,#27734e 57%,#102b1d); box-shadow:18px 21px 0 rgba(2,14,8,.3),inset 13px 14px 22px rgba(255,255,255,.24),inset -20px -22px 29px rgba(0,0,0,.28); }
      .feature-primary .system-orb::before { position:absolute; top:27px; left:27px; width:80px; height:80px; content:""; border:1px solid rgba(225,255,236,.6); border-radius:50%; box-shadow:inset 6px 7px 10px rgba(255,255,255,.18); } .feature-primary .system-orb::after { position:absolute; top:50%; left:50%; width:25px; height:25px; content:""; transform:translate(-50%,-50%); border:6px solid rgba(225,255,236,.83); border-radius:50%; }
      .feature-primary .system-wire { position:absolute; z-index:1; right:0; bottom:0; width:73%; height:45%; opacity:.52; border-top:1px solid rgba(186,250,211,.38); border-left:1px solid rgba(186,250,211,.38); transform:skewY(-25deg); }
      .feature-stack { display:grid; grid-template-rows:1fr 1fr; gap:22px; } .feature-compact { position:relative; min-height:209px; overflow:hidden; padding:29px; border:1px solid rgba(10,21,17,.13); border-radius:12px; background:#e5eee7; } .feature-compact:nth-child(2) { color:#dff6e7; background:#164a35; border-color:#164a35; }
      .feature-compact .icon-3d { display:grid; width:43px; height:43px; place-items:center; margin-bottom:36px; color:#0c2e1e; border-radius:8px; background:linear-gradient(145deg,#aaf2c7,#4fc98b); box-shadow:5px 6px 0 rgba(16,73,48,.2),inset 5px 5px 8px rgba(255,255,255,.35); } .feature-compact:nth-child(2) .icon-3d { color:#e8fff0; background:linear-gradient(145deg,#63e19c,#1d8759); box-shadow:5px 6px 0 rgba(3,24,15,.29),inset 5px 5px 8px rgba(255,255,255,.19); }
      .feature-compact h3 { max-width:14ch; margin-bottom:7px; font-size:19px; letter-spacing:-.03em; } .feature-compact p { max-width:31ch; margin:0; color:#50645a; font-size:12px; line-height:1.55; } .feature-compact:nth-child(2) p { color:#b6d0bf; }
      .pricing { padding:139px 0; color:var(--mist); background:#07130e; } .pricing-head { display:flex; align-items:end; justify-content:space-between; gap:52px; margin-bottom:59px; } .pricing-head .eyebrow { margin-bottom:20px; color:var(--green); } .pricing-head h2 { max-width:12ch; margin:0; font-size:clamp(39px,4.5vw,60px); letter-spacing:-.04em; line-height:1.07; } .pricing-head p { max-width:40ch; margin:0; color:#a5bbad; font-size:14px; line-height:1.7; }
      .pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); align-items:stretch; gap:12px; } .plan { display:flex; min-height:524px; flex-direction:column; padding:29px; border:1px solid rgba(232,238,233,.18); border-radius:12px; background:rgba(255,255,255,.025); } .plan--featured { color:#092015; border-color:#76dfaa; background:#83e8ae; }
      .plan-label { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:23px; margin-bottom:28px; color:#bdd0c5; font-size:12px; font-weight:800; } .plan--featured .plan-label { color:#155239; } .plan-label span { padding:5px 8px; border:1px solid rgba(185,243,207,.35); border-radius:99px; color:var(--green); font-family:var(--mono); font-size:8px; letter-spacing:.06em; text-transform:uppercase; } .plan--featured .plan-label span { border-color:rgba(12,79,48,.21); color:#105033; background:rgba(239,255,244,.35); }
      .plan h3 { margin-bottom:15px; font-size:26px; letter-spacing:-.04em; } .plan-price { display:flex; align-items:baseline; gap:5px; margin-bottom:10px; font-family:var(--display); font-size:43px; font-weight:700; letter-spacing:-.05em; } .plan-price small { color:#a5bbad; font-family:var(--body); font-size:12px; font-weight:700; letter-spacing:0; } .plan--featured .plan-price small { color:#245c42; } .plan-fee { min-height:38px; margin-bottom:27px; color:#9db3a7; font-size:12px; line-height:1.5; } .plan--featured .plan-fee { color:#245c42; }
      .plan-list { display:grid; gap:12px; margin:0 0 27px; padding:23px 0; border-top:1px solid rgba(232,238,233,.15); list-style:none; } .plan--featured .plan-list { border-color:rgba(13,75,46,.22); } .plan-list li { display:flex; align-items:flex-start; gap:8px; color:#c4d5ca; font-size:12px; line-height:1.45; } .plan-list svg { flex:0 0 auto; margin-top:1px; color:var(--green); } .plan--featured .plan-list li { color:#164b34; } .plan--featured .plan-list svg { color:#0b5c38; } .plan .button { width:100%; margin-top:auto; } .plan--plain-button { color:var(--mist); border-color:rgba(232,238,233,.22); background:transparent; } .plan--plain-button:hover { border-color:var(--green); background:rgba(105,224,166,.08); } .pricing-note { margin:19px 0 0; color:#82988a; font-size:11px; line-height:1.6; }
      .closing { padding: 124px 0 42px; color: var(--mist); background: var(--ink); }
      .closing-inner { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(330px, 0.72fr); gap: 80px; align-items: end; padding-bottom: 112px; }
      .closing h2 { max-width: 12ch; margin: 18px 0 27px; font-size: clamp(42px, 5.1vw, 68px); letter-spacing: -0.04em; line-height: 1.04; }
      .closing .eyebrow { color: var(--green); }
      .closing p { max-width: 43ch; margin: 0; color: #afc2b7; font-size: 15px; line-height: 1.7; }
      .closing-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-start; }
      .footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 25px; border-top: 1px solid rgba(232,238,233,0.13); color: #82968b; font-size: 12px; }
      .footer .brand { color: var(--mist); font-size: 16px; }
      .footer .brand img { width: 25px; height: 25px; }
      .footer-links { display: flex; flex-wrap: wrap; gap: 8px 20px; font-weight: 700; }
      .footer-links a:hover { color: var(--green); }

      @media (max-width: 1050px) {
        .hero { min-height: 0; padding-top: 135px; }
        .hero-grid, .command-layout { grid-template-columns: 1fr; }
        .hero-copy { max-width: 690px; padding-bottom: 8px; }
        .demo-frame { max-width: 760px; }
        .hero::before { background: linear-gradient(180deg, rgba(7,18,15,0.95) 0%, rgba(7,18,15,0.73) 60%, rgba(7,18,15,0.52) 100%), url("assets/bg-hero.webp") center/cover no-repeat; }
        .intro-grid, .section-heading, .closing-inner { gap: 50px; }
        .command-layout { gap: 54px; }
        .engine-grid { grid-template-columns: 1fr; gap: 47px; }
        .engine-copy { max-width: 680px; }
        .engine-visual { max-width: 760px; }
        .protocol-header, .pricing-head { display: block; }
        .protocol-header p, .pricing-head p { margin-top: 24px; }
        .feature-system-head { grid-template-columns: 1fr; gap: 28px; }
        .main-nav { display: none; }
      }
      @media (max-width: 720px) {
        .shell { width: min(calc(100% - 32px), var(--max)); }
        .site-header { padding: 17px 0; }
        .brand { font-size: 17px; }
        .header-actions { gap: 0; }
        .header-actions > a:first-child { display: none; }
        .header-actions .button { min-height: 39px; padding: 0 11px; font-size: 12px; }
        .hero { padding: 116px 0 46px; }
        .hero h1 { font-size: clamp(40px, 12vw, 56px); }
        .hero-lead { font-size: 15px; line-height: 1.65; }
        .hero-cred { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 28px; }
        .demo-frame, .demo-frame iframe { min-height: 575px; }
        .demo-bar { top: 12px; right: 12px; left: 12px; }
        .demo-open { font-size: 10px; }
        .demo-fallback[data-visible="true"] { display: block; }
        .demo-fallback a { display: inline-block; margin-top: 8px; }
        .signal-strip .shell { min-height: auto; padding: 21px 0; align-items: flex-start; }
        .signal-intro { display: none; }
        .signal-list { flex-wrap: wrap; justify-content: flex-start; gap: 10px 17px; font-size: 11px; }
        .intro, .operation, .command, .connect { padding-top: 88px; padding-bottom: 88px; }
        .engine, .protocols, .feature-system, .pricing { padding-top: 88px; padding-bottom: 88px; }
        .intro-grid, .section-heading, .closing-inner { grid-template-columns: 1fr; gap: 29px; }
        .intro h2, .section-heading h2, .command-copy h2, .connect h2 { max-width: 15ch; }
        .outcomes { padding-bottom: 90px; }
        .outcome-grid, .sequence, .integration-list { grid-template-columns: 1fr; }
        .outcome { min-height: auto; padding: 28px 0; border-bottom: 1px solid var(--line-dark); }
        .outcome + .outcome { padding-left: 0; border-left: 0; }
        .outcome-mark { margin-bottom: 27px; }
        .section-heading { margin-bottom: 42px; }
        .sequence-step { min-height: auto; padding: 25px 0; border-bottom: 1px solid rgba(232,238,233,0.23); }
        .sequence-step + .sequence-step { padding-left: 0; border-left: 0; }
        .sequence-number { margin-bottom: 29px; }
        .control-sheet { padding: 24px 20px; }
        .engine-visual { min-height: 425px; margin: 0 -1px; }
        .engine-node { width:110px; min-height:75px; padding:11px; }
        .engine-node small { margin-bottom:4px; font-size:7px; }
        .engine-node strong { font-size:10px; }
        .engine-node--rule { top:27%; left:4%; }
        .engine-node--order { top:18%; right:11%; }
        .engine-node--intent { right:5%; bottom:24%; }
        .orbit { width:92px; height:92px; }
        .orbit::before { width:140px; height:51px; }
        .orbit::after { width:142px; height:52px; }
        .floating-cube--one { top:13%; right:4%; transform:scale(.7) rotate(30deg) skewY(-5deg); }
        .floating-cube--two { left:11%; transform:scale(.72) rotate(30deg) skewY(-5deg); }
        .engine-copy h2 { max-width:14ch; }
        .protocol-header { padding-bottom:29px; }
        .protocol-grid, .feature-system-grid, .pricing-grid { grid-template-columns:1fr; }
        .protocol { min-height:auto; padding:26px 0; border-bottom:1px solid rgba(232,238,233,.22); }
        .protocol + .protocol { padding-left:0; border-left:0; }
        .protocol-badge { margin-bottom:25px; }
        .feature-stack { grid-template-rows:auto; }
        .feature-primary { min-height:348px; padding:27px; }
        .feature-primary h3 { font-size:25px; }
        .feature-primary .system-orb { right:16%; bottom:13%; transform:scale(.8) rotate(-14deg); transform-origin:bottom right; }
        .feature-compact { min-height:188px; padding:25px; }
        .feature-compact .icon-3d { margin-bottom:25px; }
        .pricing-head { margin-bottom:36px; }
        .plan { min-height:0; padding:25px; }
        .plan-list { margin-bottom:21px; }
        .connect-top { display: block; padding-bottom: 30px; }
        .connect-top p { margin-top: 21px; }
        .integration { min-height: auto; padding: 24px 0; border-bottom: 1px solid var(--line-dark); }
        .integration + .integration { padding-left: 0; border-left: 0; }
        .integration small { margin-bottom: 15px; }
        .closing { padding-top: 88px; }
        .closing-inner { padding-bottom: 76px; }
        .footer { align-items: flex-start; flex-direction: column; }
      }
      @media (prefers-reduced-motion: reduce) {
        html { scroll-behavior: auto; }
        *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
        #wave-field { opacity: .55; }
      }