:root{
      --paper:#f2f1ec;--white:#fff;--ink:#101116;--muted:#686962;--hair:rgba(16,17,22,.16);
      --lime:#c8f43d;--lilac:#b9a7ff;--peach:#ff795d;--night:#0d1120;--panel:#171d31;
      --sans:"General Sans",sans-serif;--serif:"Sentient",serif;--mono:"SFMono-Regular",Consolas,monospace;
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font:17px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--peach);outline-offset:4px}.wrap{width:min(1420px,calc(100% - 64px));margin:auto}.mono{font:600 10px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase}.nav{position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid var(--hair)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:27px;font-weight:600;letter-spacing:-.06em;text-decoration:none}.brand small{margin-left:9px;color:var(--muted);font:600 9px var(--mono);letter-spacing:.08em}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{font-size:14px;text-decoration:none}.nav-links .contact{padding-bottom:3px;border-bottom:1px solid}

    /* Hero */
    .hero{min-height:100svh;padding:145px 0 0}.hero-top{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:55px;align-items:end}.hero h1{max-width:1120px;margin:0;font-size:clamp(64px,8.5vw,132px);font-weight:500;letter-spacing:-.078em;line-height:.84}.hero h1 em{font-family:var(--serif);font-weight:400}.hero-aside{padding-bottom:7px}.hero-aside p{margin:0 0 26px;color:var(--muted);font-size:18px}.hero-link{display:inline-flex;gap:12px;padding-bottom:5px;border-bottom:1px solid;text-decoration:none;font-weight:600}.hero-art{position:relative;height:570px;margin-top:64px}.hero-art:before{content:"";position:absolute;inset:8% 6% 0;border-radius:48% 48% 0 0;background:var(--lime);filter:blur(.2px)}
    .app-shell{position:absolute;left:50%;bottom:-45px;width:min(1040px,82vw);height:510px;overflow:hidden;border:1px solid #34394a;border-radius:28px 28px 0 0;background:var(--night);color:#fff;box-shadow:0 40px 100px #0005;transform:translateX(-50%)}.shell-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #ffffff1f;color:#949caf;font:600 9px var(--mono);letter-spacing:.08em}.shell-body{display:grid;grid-template-columns:180px 1fr;height:458px}.shell-side{padding:21px 16px;border-right:1px solid #ffffff1f;background:#101526}.shell-logo{margin-bottom:30px;font-size:20px;font-weight:600}.side-item{display:flex;justify-content:space-between;padding:10px 9px;border-radius:8px;color:#8991a4;font-size:12px}.side-item.active{background:#242b40;color:#fff}.side-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--lime)}.shell-main{padding:27px}.shell-head{display:flex;align-items:flex-end;justify-content:space-between}.shell-head h2{margin:5px 0 0;font-size:31px;font-weight:500;letter-spacing:-.045em}.live{padding:7px 10px;border:1px solid #3a435c;border-radius:99px;color:#aab1c1;font:600 8px var(--mono)}.live:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.workbench{display:grid;grid-template-columns:1.08fr .92fr;gap:13px;margin-top:24px}.conversation,.intel{min-height:320px;border:1px solid #323a51;border-radius:17px;background:#151b2d}.conversation{padding:18px}.message{max-width:88%;padding:16px 18px;border-radius:18px 18px 5px 18px;background:var(--lime);color:var(--ink);font-size:16px;line-height:1.35}.reply{margin-top:35px;color:#b8bdc9;font-size:13px}.typing{display:inline-flex;gap:4px;margin-top:12px;padding:10px 13px;border-radius:14px;background:#252c40}.typing i{width:5px;height:5px;border-radius:50%;background:#aeb4c3;animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.intel{padding:18px}.intel-title{font:600 9px var(--mono);letter-spacing:.08em;color:#8e96aa;text-transform:uppercase}.signal{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #ffffff17}.check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-size:10px}.signal strong{display:block;font-size:12px}.signal small{display:block;margin-top:2px;color:#80889d;font-size:10px}.confidence{color:var(--lime);font:600 8px var(--mono)}.phone{position:absolute;right:1%;bottom:28px;width:250px;height:430px;padding:9px;border-radius:39px;background:#0c0d11;box-shadow:0 35px 80px #0006;transform:rotate(5deg)}.phone-screen{height:100%;overflow:hidden;border-radius:31px;background:#f4f3ee;color:var(--ink)}.phone-top{height:52px;padding:19px;text-align:center;font-size:11px;font-weight:600}.wa-msg{margin:32px 13px 0;padding:13px;border-radius:15px 15px 4px 15px;background:#d7ffbe;font-size:12px}.wa-reply{margin:9px 34px 0 13px;padding:13px;border-radius:15px 15px 15px 4px;background:#fff;font-size:11px;box-shadow:0 5px 20px #00000012}.wa-action{margin:18px 13px;padding:12px;border-radius:10px;background:var(--ink);color:#fff;text-align:center;font-size:11px}.opportunity{position:absolute;left:0;bottom:45px;width:280px;padding:19px;border:1px solid var(--hair);border-radius:18px;background:#fff;box-shadow:0 24px 55px #0002;transform:rotate(-5deg)}.opportunity .status{display:inline-block;padding:5px 8px;border-radius:99px;background:var(--lime);font:600 8px var(--mono)}.opportunity h3{margin:19px 0 15px;font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.05}.opp-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--hair);font-size:11px}.opp-row span{color:var(--muted)}
    @keyframes blink{50%{opacity:.25}}

    /* Thesis */
    .thesis{padding:150px 0}.thesis-grid{display:grid;grid-template-columns:210px 1fr;gap:55px}.thesis h2{max-width:1100px;margin:0;font-size:clamp(54px,7.5vw,110px);font-weight:500;letter-spacing:-.074em;line-height:.9}.thesis h2 em{font-family:var(--serif);font-weight:400;color:#ef4c31}.frictions{margin-top:110px;border-top:1px solid}.friction{display:grid;grid-template-columns:100px 1fr 320px;gap:25px;align-items:center;min-height:150px;border-bottom:1px solid var(--hair)}.friction h3{margin:0;font-size:clamp(32px,4vw,57px);font-weight:500;letter-spacing:-.055em;line-height:.98}.friction p{margin:0;color:var(--muted)}


    /* One continuous scene. Every signal keeps the same DOM node through the journey. */
    .story{position:relative;background:var(--night);color:#fff}
    .story.motion-ready{height:520svh}
    .story:not(.motion-ready){height:auto}
    .story-sticky{display:none}
    .motion-ready .story-sticky{display:block;position:sticky;top:0;height:100svh;min-height:570px;overflow:hidden;isolation:isolate}
    .story-sticky:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 67% 42%,#25304c66,transparent 65%)}
    .story-intro{position:absolute;inset:32px 40px auto;display:flex;align-items:center;justify-content:space-between;z-index:5}
    .story-intro .mono{color:#a8afc1;font-size:10px;letter-spacing:.12em}
    .motion-toggle{display:flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #ffffff24;border-radius:30px;color:#cad0dd;background:transparent;font:500 11px var(--ui);cursor:pointer}
    .motion-toggle:hover{background:#ffffff0a;border-color:#ffffff50}
    button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
    .pause-icon{font-size:13px;line-height:1;width:12px}
    .story-copy{position:absolute;left:40px;top:43%;width:clamp(240px,23vw,350px);z-index:4;transform:translateY(-10%)}
    .story-step{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;transform:translateY(18px)}
    .story-step.active{opacity:1;transform:none}
    .story-step .mono{color:var(--lime);font-size:10px}
    .story-step h3{margin:19px 0;font-size:clamp(38px,4.1vw,61px);font-weight:500;letter-spacing:-.065em;line-height:.96}
    .story-step p{max-width:280px;margin:0;color:#abb4c8;font-size:16px;line-height:1.6}
    .story-stage-window{position:absolute;left:29%;right:1%;top:98px;bottom:104px;perspective:1200px;pointer-events:none}
    .story-stage{position:absolute;left:50%;top:50%;width:1000px;height:720px;transform:translate(-50%,-50%) scale(var(--stage-scale,.8));transform-origin:center;--dock:0;--label:0;--read:0;--resolved:0;font-family:var(--ui)}
    .story-stage:before{content:"";position:absolute;inset:40px 60px;border-radius:50%;border:1px solid #a6b6dd09;transform:rotate(-18deg)}
    .story-stage:after{content:"";position:absolute;inset:110px 10px;border-radius:50%;border:1px solid #a6b6dd09;transform:rotate(24deg)}
    .motion-item{position:absolute;left:0;top:0;transform-origin:center;will-change:transform}
    .source-message{width:580px;min-height:156px;padding:23px 30px 26px;z-index:4;border:1px solid #d6fa76;border-radius:25px 25px 7px 25px;background:var(--lime);color:var(--ink);box-shadow:0 20px 70px #00000035}
    .source-eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:13px;font-size:13px;font-weight:700;letter-spacing:.015em}
    .source-eyebrow svg{width:15px;height:15px}
    .source-message p{margin:0;font-size:32px;font-weight:500;line-height:1.22;letter-spacing:-.035em}
    .source-message mark{color:inherit;background:none;box-shadow:inset 0 calc(var(--read)*-1.2em) #91b62055;border-radius:3px}
    .signal-token{width:232px;height:104px;z-index:6;--accent:var(--lime)}
    .token-inner{height:100%;padding:17px 21px;border:1px solid #46516b;border-left:3px solid var(--accent);border-radius:15px;background:#1b2338;box-shadow:0 14px 34px #00000035;overflow:hidden;
      background:color-mix(in srgb,#1b2338,#fff calc(var(--dock)*100%));border-color:color-mix(in srgb,#46516b,#d5d8cf calc(var(--dock)*100%));border-left-color:var(--accent);box-shadow:0 calc(14px*(1 - var(--dock))) calc(34px*(1 - var(--dock))) #00000035}
    .signal-token[data-token="1"]{--accent:var(--lilac)}
    .signal-token[data-token="2"]{--accent:var(--peach)}
    .signal-token[data-token="3"]{--accent:#a9b4cf}
    .token-meta{height:18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#a8b5d1;font-size:12px;font-weight:500;letter-spacing:.015em;color:color-mix(in srgb,#a8b5d1,#6b726b calc(var(--dock)*100%))}
    .token-meta span:first-child{clip-path:inset(0 calc((1 - var(--label))*100%) 0 0)}
    .token-check{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#121827;font-size:11px;font-weight:700;transform:scale(var(--label));transform-origin:center}
    .token-value{display:block;position:relative;font-size:24px;font-weight:700;letter-spacing:-.035em;line-height:1.15;color:#f8fafc;color:color-mix(in srgb,#f8fafc,#17201c calc(var(--dock)*100%));white-space:nowrap}
    .token-value small{font-size:15px;font-weight:500;letter-spacing:0}
    .token-unresolved,.token-resolved{display:block}
    .token-unresolved{transform:translateY(calc(var(--resolved)*-32px));opacity:calc(1 - var(--resolved))}
    .token-resolved{position:absolute;inset:0;transform:translateY(calc((1 - var(--resolved))*32px));opacity:var(--resolved);font-size:20px;line-height:1.12}
    .token-resolved small{display:block;margin-top:3px;font-size:12px}
    .signal-token[data-token="3"] .token-check{background:color-mix(in srgb,#a9b4cf,var(--lime) calc(var(--resolved)*100%))}
    .scene-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2}
    .scene-wires path{fill:none;stroke-width:1.25;stroke-linecap:round}
    .wire-base{stroke:#8ca1c44d}
    .wire-current{stroke:var(--wire-color,var(--lime));stroke-width:2!important;stroke-dasharray:6 110;opacity:.8}
    .context-core{width:250px;height:250px;z-index:5;text-align:center;display:grid;place-items:center;border-radius:50%;background:#101626;box-shadow:0 0 0 1px #ffffff10,0 20px 50px #0003}
    .context-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
    .context-ring circle{fill:none;stroke-width:5}
    .ring-track{stroke:#34405a}
    .ring-value{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
    .core-brand{position:absolute;font:600 35px var(--sans);letter-spacing:-.08em}
    .context-number{font-size:69px;font-weight:700;letter-spacing:-.065em;font-variant-numeric:tabular-nums;line-height:1}
    .context-number span{font-size:26px;letter-spacing:-.04em;color:#8f9bb6}
    .context-label{display:block;margin-top:10px;color:#b0bad0;font-size:14px;font-weight:500}
    .core-count{opacity:0}
    .read-scan{position:absolute;left:135px;top:180px;width:730px;height:2px;background:linear-gradient(90deg,transparent,#c8f43d99,transparent);box-shadow:0 5px 35px 3px #c8f43d20;z-index:7;opacity:0}
    .read-scan span{position:absolute;right:0;bottom:11px;color:var(--lime);font-size:11px;letter-spacing:.025em}
    .ambient-fragment{padding:11px 16px;border:1px solid #52607850;border-radius:10px;background:#131b2c;color:#8f9bb4;font-size:13px;font-weight:500;z-index:1;white-space:nowrap}
    .ambient-fragment svg{display:inline-block;width:13px;height:13px;margin-right:7px;vertical-align:-2px}
    .followup{width:540px;min-height:90px;display:flex;gap:15px;align-items:flex-start;padding:19px 22px;border:1px solid #a898d25c;border-radius:18px 18px 18px 5px;background:#292740;z-index:8;box-shadow:0 20px 50px #0003}
    .followup-avatar{flex:0 0 29px;height:29px;display:grid;place-items:center;background:var(--lilac);color:var(--ink);border-radius:9px;font:600 20px var(--sans)}
    .followup small{display:block;color:#bdaee5;font-size:12px;font-weight:700;margin-bottom:6px}
    .followup p{margin:0;font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.015em}
    .example-reply{width:435px;height:67px;padding:12px 18px;border-radius:16px 16px 5px 16px;border:1px solid #788848;background:#293621;color:#e1f4c0;z-index:8;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.02em}
    .example-reply small{display:block;margin-bottom:3px;font-size:11px;font-weight:500;letter-spacing:.01em;color:#a9bf8a}
    .handoff-frame{width:630px;height:572px;background:#f2f3ed;border:1px solid #fff;border-radius:25px;z-index:3;box-shadow:0 40px 100px #0006;overflow:hidden;color:#17201c}
    .handoff-head{position:absolute;inset:0 0 auto;height:68px;padding:21px 25px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #17201c19;font-size:13px;font-weight:700}
    .handoff-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e0e6d4}
    .handoff-head small{margin-left:auto;margin-right:65px;color:#7c8679;font-size:11px;font-weight:500}
    .handoff-footer{position:absolute;bottom:0;left:0;right:0;padding:19px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #17201c19;background:#e6f0d5}
    .handoff-footer small{display:block;margin-bottom:4px;color:#526443;font-size:11px;font-weight:500}
    .handoff-footer strong{font-size:15px;font-weight:700;letter-spacing:-.015em}
    .handoff-ready{padding:9px 12px;border:1px solid #7397424d;border-radius:8px;background:var(--lime);font-size:11px;font-weight:700}
    .story-bottom{position:absolute;inset:auto 40px 28px;z-index:8;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
    .story-note{max-width:245px;color:#74819b;font:11px/1.5 var(--ui)}
    .story-note span{display:block;color:#a3aec3;margin-bottom:3px}
    .story-nav{display:flex;gap:22px;width:min(660px,64vw)}
    .story-nav button{flex:1;min-width:0;position:relative;padding:14px 0 0;text-align:left;border:0;border-top:1px solid #ffffff24;background:none;color:#8995ac;font:500 11px var(--ui);cursor:pointer;--fill:0}
    .story-nav button:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--lime);transform:scaleX(var(--fill));transform-origin:left}
    .story-nav button[aria-current="step"]{color:#e3edcf}
    .story-nav b{margin-right:7px;font-weight:500;font-variant-numeric:tabular-nums}
    .story-reduced{padding:80px 32px}
    .story-reduced h3{font-size:40px;max-width:700px;font-weight:500;line-height:1;letter-spacing:-.055em}
    .reduced-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
    .reduced-flow article{padding:24px;border:1px solid #ffffff24;border-radius:16px;background:#171d31}
    .reduced-flow small{color:var(--lime);font-size:12px}
    .reduced-flow h4{font-size:20px;font-weight:500;margin:14px 0 9px}
    .reduced-flow p{color:#aab4c9;font-size:14px}
    .motion-ready .story-reduced{display:none}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

    /* Product details: a quiet, open composition after the kinetic story. */
    .gallery{padding:150px 0}
    .gallery-head{display:grid;grid-template-columns:210px 1fr;gap:55px;margin-bottom:88px}
    .gallery h2{max-width:1000px;margin:0;font-size:clamp(52px,7vw,100px);font-weight:500;letter-spacing:-.07em;line-height:.9}
    .product-details{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(44px,7vw,110px);align-items:start}
    .product-detail{min-width:0}
    .product-detail--qualification{padding-top:96px}
    .detail-label{display:flex;align-items:center;gap:10px;color:var(--muted);font:500 11px var(--sans);letter-spacing:.025em}
    .detail-label:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--ink)}
    .product-detail h3{margin:20px 0 0;font:500 clamp(35px,3.8vw,55px)/1.03 var(--sans);letter-spacing:-.055em}
    .product-detail h3 em{font-family:var(--serif);font-weight:400}
    .detail-caption{max-width:420px;margin:27px 0 0;color:var(--muted);font:400 15px/1.6 var(--sans);letter-spacing:-.01em}
    .knowledge-detail{margin-top:35px;font-family:var(--ui);font-feature-settings:"ss01" on}
    .answer-detail{padding:23px 28px 25px;background:#fff;border:1px solid #dcded6;border-radius:15px;box-shadow:0 8px 28px #10111605}
    .detail-appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#778074;font:500 11px var(--ui)}
    .detail-app-name{display:flex;align-items:center;gap:10px;color:#4c5548}
    .detail-app-mark{font:600 20px var(--sans);letter-spacing:-.07em;color:var(--ink)}
    .detail-app-state{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap}
    .detail-app-state:before{content:"";width:5px;height:5px;border-radius:50%;background:#7b8c58}
    .answer-detail p{margin:24px 0 25px;max-width:510px;color:#343a31;font:500 clamp(18px,1.7vw,23px)/1.52 var(--ui);letter-spacing:-.026em}
    .source-phrase{border-bottom:1px solid #dfe3d9}
    .source-phrase.is-selected{border-color:#9bae68}
    .citation{display:inline-grid;place-items:center;min-width:20px;height:20px;position:relative;top:-3px;margin-left:3px;padding:0 5px;border:1px solid #dce2d3;border-radius:5px;background:transparent;color:#7a826f;font:500 10px var(--ui);cursor:pointer;vertical-align:baseline}
    .citation[aria-pressed="true"]{background:#e9efdc;border-color:#acba8c;color:#354225}
    .citation:hover{background:#edf1e4}
    .answer-detail-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #edf0e8;color:#737b69;font:400 10px var(--ui)}
    .answer-detail-footer span:first-child{color:#68715e}
    .source-connection{height:25px;margin-left:40px;border-left:1px solid #c6ccbe}
    .source-record{display:flex;gap:13px;align-items:center;min-height:65px;margin-left:22px;padding:4px 0 4px 0;color:#343a31}
    .source-file-icon{flex:0 0 36px;height:43px;display:grid;place-items:center;background:#e8e5ee;border:1px solid #d9d4e1;border-radius:6px;color:#7e748e}
    .source-file-icon svg{width:16px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}
    .source-record-copy small{display:block;color:#72746a;font:400 10px var(--ui);margin-bottom:4px}
    .source-record-copy strong{display:block;font:500 13px/1.4 var(--ui);letter-spacing:-.012em}
    .source-record-copy p{margin:3px 0 0;color:#72746a;font:400 11px/1.4 var(--ui)}
    .qualification-detail{margin-top:35px;font-family:var(--ui);font-feature-settings:"ss01" on}
    .gathered-label{color:#72786a;font-size:11px;line-height:1.4}
    .gathered-signals{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
    .gathered-signals span{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid #d7deca;border-radius:7px;background:#edf0e6;color:#566249;font:500 12px var(--ui)}
    .gathered-signals svg{width:11px;height:11px;fill:none;stroke:#6e8450;stroke-width:1.6}
    .question-connection{position:relative;height:30px;margin-left:21px;border-left:1px solid #c6ccbe}
    .question-connection:after{content:"";position:absolute;left:-3px;bottom:-2px;width:5px;height:5px;border:1px solid #a9a2bd;border-radius:50%;background:var(--paper);z-index:1}
    .question-detail{padding:21px 25px 25px;border:1px solid #dbd6e4;border-radius:13px;background:#e9e5f0}
    .question-detail-label{display:flex;align-items:center;gap:8px;color:#756783;font:500 10px var(--ui)}
    .question-detail-label svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.25}
    .question-detail p{margin:16px 0 0;color:#433951;max-width:330px;font:500 clamp(19px,1.8vw,25px)/1.35 var(--ui);letter-spacing:-.026em}
    .product-detail--qualification .detail-caption{margin-top:27px}
    @media(max-width:1050px){
      .product-details{gap:44px}
      .product-detail--qualification{padding-top:75px}
      .answer-detail{padding:20px}
      .answer-detail p{font-size:19px}
      .question-detail{padding:21px}
      .question-detail p{font-size:21px}
    }
    @media(max-width:760px){
      .gallery{padding:95px 0}
      .gallery-head{margin-bottom:58px}
      .product-details{grid-template-columns:1fr;gap:65px}
      .product-detail--qualification{padding-top:0}
      .product-detail h3{font-size:38px;margin-top:17px}
      .knowledge-detail,.qualification-detail{margin-top:28px}
      .answer-detail{padding:21px}
      .answer-detail p{font-size:20px}
      .detail-app-state{font-size:9px}
      .detail-caption{font-size:14px;max-width:350px;margin-top:22px}
      .question-detail p{font-size:23px;max-width:320px}
      .source-record{margin-left:14px}
      .source-connection{margin-left:32px}
    }

    /* Proof + final */
    .proof{padding:140px 0;background:var(--lilac)}.proof-head{display:grid;grid-template-columns:210px 1fr;gap:55px;margin-bottom:65px}.proof h2{max-width:1050px;margin:0;font-size:clamp(52px,7vw,100px);font-weight:500;letter-spacing:-.07em;line-height:.9}.case{display:grid;grid-template-columns:200px 1fr 340px;gap:35px;padding:40px 0;border-top:1px solid}.case:last-child{border-bottom:1px solid}.case h3{margin:0;font-size:clamp(31px,4vw,55px);font-weight:500;letter-spacing:-.055em;line-height:.98}.case p{margin:0;color:#49464f}.final{min-height:80svh;display:flex;flex-direction:column;justify-content:space-between;padding:35px 0 27px;background:var(--peach)}.final h2{max-width:1200px;margin:80px 0 50px;font-size:clamp(68px,10vw,150px);font-weight:500;letter-spacing:-.08em;line-height:.82}.final h2 em{font-family:var(--serif);font-weight:400}.button{display:inline-flex;padding:18px 21px;background:var(--ink);color:#fff;text-decoration:none;font-weight:600}.footer{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid;font:9px var(--mono);text-transform:uppercase}


    /* Product typography is deliberately denser than the editorial website. */
    :root{--ui:"Satoshi","General Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
    .app-shell,.phone,.opportunity,.surface{font-family:var(--ui);font-feature-settings:"ss01" on,"tnum" on}
    .shell-logo{font-family:var(--sans)}
    .shell-bar,.intel-title,.live,.opportunity .status,.surface-bar,.app-shell .mono,.surface .mono,.qual-row small{font-family:var(--ui);text-transform:none;letter-spacing:.015em;font-size:11px;font-weight:500}
    .shell-head h2{font:700 24px/1.2 var(--ui);letter-spacing:-.035em;margin-top:7px}
    .side-item{font-size:12px;font-weight:500;padding:11px 9px}
    .shell-bar{font-size:10px;color:#a7b0c3;letter-spacing:.03em}
    .message{font-size:15px;font-weight:500;line-height:1.48;letter-spacing:-.018em}
    .reply{font-size:12px;line-height:1.6;letter-spacing:0}
    .intel-title{font-weight:700;color:#afb8cb}
    .signal{grid-template-columns:22px 1fr auto;gap:9px}
    .signal strong{font-size:12px;font-weight:700;letter-spacing:-.01em}
    .signal small{font-size:11px;color:#a3adc1;line-height:1.4}
    .confidence{font:500 10px var(--ui);font-variant-numeric:tabular-nums}
    .phone-top{font-size:12px;font-weight:700;letter-spacing:-.01em}
    .wa-msg,.wa-reply{font-size:12px;line-height:1.5;letter-spacing:-.012em;font-weight:500}
    .wa-action{font-size:11px;font-weight:700}
    .opportunity .status{font-size:9px;font-weight:700;letter-spacing:.035em}
    .opportunity h3{font:700 21px/1.18 var(--ui);letter-spacing:-.025em}
    .opp-row{font-size:11px;line-height:1.45}
    .opp-row b{font-weight:700}
    .surface-bar{font-size:11px;letter-spacing:.025em}
    .surface-panel h3{font:700 29px/1.2 var(--ui);letter-spacing:-.035em;max-width:380px;margin:17px 0 32px}
    .surface .mono{font-size:12px}
    .source-row{font-size:13px;padding:18px 0;align-items:center;gap:12px}
    .source-row b,.qual-row strong{font-weight:700}
    .source-row span{font-size:11px;background:#edf1e7;color:#667555;padding:3px 7px;border-radius:5px}
    .qual-row small{font-size:11px;color:#b0bad0}
    .qual-row strong{font-size:14px;letter-spacing:-.012em}
    .surface-panel.dark .mono{color:#b0bad0}
    .gallery-note{font-family:var(--sans)}

    @media(max-width:1050px){.hero-top,.thesis-grid,.gallery-head,.proof-head{grid-template-columns:1fr}.hero-art{height:620px}.app-shell{width:94vw}.phone{right:0}.opportunity{left:0}.friction,.case{grid-template-columns:80px 1fr}.friction p,.case p{grid-column:2}.surface-grid{grid-template-columns:1fr}}
    @media(max-width:720px){.wrap{width:calc(100% - 30px)}.nav-inner{height:64px}.nav-links a:not(.contact){display:none}.hero{padding-top:110px}.hero h1{font-size:58px}.hero-art{height:570px;margin-top:45px}.app-shell{left:0;width:100%;height:500px;transform:none;border-radius:22px 22px 0 0}.shell-body{grid-template-columns:1fr}.shell-side{display:none}.shell-main{padding:18px}.workbench{grid-template-columns:1fr}.intel{display:none}.phone{right:-34px;bottom:6px;width:190px;height:340px}.opportunity{left:-18px;bottom:30px;width:220px}.thesis{padding:100px 0}.thesis h2,.gallery h2,.proof h2{font-size:51px}.frictions{margin-top:70px}.friction,.case{grid-template-columns:1fr;gap:12px;padding:28px 0}.friction p,.case p{grid-column:1}.surface-body{padding:14px}.surface-panel{padding:20px}.gallery-note{grid-template-columns:1fr}.footer{flex-direction:column;gap:10px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-shell,.phone,.opportunity,.message,.signal,.typing i{animation:none}.scene-object,.story-step{transition:none}}

    @media(min-width:1600px){.story-copy{left:max(60px,calc((100vw - 1480px)/2))}.story-stage-window{right:max(40px,calc((100vw - 1550px)/2))}}
    @media(max-width:1050px){.reduced-flow{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:1050px) and (min-width:761px){
      .story-copy{left:28px;width:220px}.story-step h3{font-size:39px}.story-step p{font-size:14px}
      .story-stage-window{left:26%;right:0;top:100px;bottom:110px}.story-intro{left:28px;right:28px}
      .story-bottom{left:28px;right:28px}.story-note{max-width:195px}.story-nav{gap:14px}
    }
    @media(max-width:760px){
      .story.motion-ready{height:460svh}
      .motion-ready .story-sticky{min-height:0}
      .story-intro{inset:22px 20px auto}
      .story-intro .mono{font-size:8px;max-width:180px;line-height:1.6}
      .motion-toggle{padding:8px 9px;font-size:10px;gap:6px}
      .story-copy{left:22px;top:86px;bottom:auto;width:calc(100% - 44px);transform:none}
      .story-step h3{font-size:35px;max-width:320px;margin:10px 0 9px}
      .story-step p{font-size:13px;line-height:1.45;max-width:330px}
      .story-step .mono{font-size:9px}
      .story-stage-window{left:12px;right:12px;top:224px;bottom:94px}
      .story-stage{width:600px;height:800px}
      .source-message{width:480px;min-height:150px;padding:23px 25px}
      .source-message p{font-size:30px}
      .source-eyebrow{font-size:17px}
      .signal-token{width:228px;height:110px}
      .token-meta{font-size:18px;margin-bottom:10px;letter-spacing:0}
      .token-value{font-size:28px}
      .token-resolved{font-size:21px}.token-resolved small{font-size:14px}
      .handoff-frame{width:566px;height:670px}
      .handoff-head{font-size:15px}
      .handoff-head small{font-size:15px;margin-right:44px}
      .handoff-footer{padding:23px}
      .handoff-footer small{font-size:14px}.handoff-footer strong{font-size:17px}
      .handoff-ready{font-size:12px;padding:10px}
      .followup{width:530px;padding:17px 22px}.followup p{font-size:22px;line-height:1.25}.followup small{font-size:17px}
      .example-reply{width:440px;height:75px;padding:11px 18px;font-size:24px}.example-reply small{font-size:16px}
      .story-bottom{inset:auto 22px 23px;display:block}
      .story-note{font-size:9px;max-width:none;margin-top:15px}.story-note span{display:inline;margin-right:5px}
      .story-nav{width:100%;gap:15px}.story-nav button{font-size:10px;padding-top:11px}.story-nav b{margin-right:4px}
      .read-scan{left:30px;width:540px}
      .reduced-flow{grid-template-columns:1fr}.story-reduced{padding:50px 22px}
      .story-reduced h3{font-size:34px}
    }
    @media(max-width:760px) and (max-height:700px){
      .story-copy{top:70px}.story-step h3{font-size:28px;max-width:100%;margin:8px 0}.story-step p{font-size:12px}
      .story-stage-window{top:192px;bottom:76px}.story-bottom{bottom:16px}.story-note{margin-top:10px}
    }
    @media(prefers-reduced-motion:reduce){
      .story.motion-ready{height:auto}.motion-ready .story-sticky{display:none}.motion-ready .story-reduced{display:block}
      .app-shell,.phone,.opportunity,.message,.signal,.typing i{animation:none}
      .app-shell{transform:translateX(-50%)}
    }
    @media(prefers-reduced-motion:reduce) and (max-width:720px){.app-shell{transform:none}}


    /* The entrance follows the viewport, preserving the low, visible product peek. */
    .hero-art .app-shell,.hero-art .phone,.hero-art .opportunity,
    .hero-art .message,.hero-art .signal{animation:none}
    .hero-art.scroll-reveal .app-shell{
      transform:translate3d(-50%,var(--hero-shell-y,0px),0) scale(var(--hero-shell-scale,1));
      transform-origin:center bottom;
    }
    .hero-art.scroll-reveal .phone{
      transform:translate3d(var(--hero-phone-x,0px),var(--hero-phone-y,0px),0) rotate(var(--hero-phone-rotation,5deg));
    }
    .hero-art.scroll-reveal .opportunity{
      transform:translate3d(var(--hero-card-x,0px),var(--hero-card-y,0px),0) rotate(var(--hero-card-rotation,-5deg));
    }
    .hero-art.scroll-reveal .message{
      opacity:var(--hero-message,1);
      transform:translateY(var(--hero-message-y,0px));
    }
    .hero-art.scroll-reveal .reply,.hero-art.scroll-reveal .typing{
      opacity:var(--hero-reply,1);
      transform:translateY(var(--hero-reply-y,0px));
    }
    .hero-art.scroll-reveal .signal{
      opacity:var(--hero-signal,1);
      transform:translateX(var(--hero-signal-x,0px));
    }
    .hero-art.scroll-reveal .wa-msg{
      opacity:var(--hero-wa-message,1);
      transform:translateY(var(--hero-wa-message-y,0px));
    }
    .hero-art.scroll-reveal .wa-reply,.hero-art.scroll-reveal .wa-action{
      opacity:var(--hero-wa-reply,1);
      transform:translateY(var(--hero-wa-reply-y,0px));
    }
    .hero-art .typing i{animation-play-state:var(--hero-idle,paused)}
    @media(max-width:720px){
      .hero-art.scroll-reveal .app-shell{transform:translate3d(0,var(--hero-shell-y,0px),0) scale(var(--hero-shell-scale,1))}
    }
    @media(prefers-reduced-motion:reduce){.hero-art .typing i{animation:none}}


    /* Final copy: preserve the composition and make room for the longer text. */
    .thesis-support{grid-column:2;max-width:780px;margin-top:4px}
    .thesis-support p{margin:0 0 18px;font-size:19px;line-height:1.6;letter-spacing:-.015em;color:var(--muted)}
    .thesis-support p:last-child{margin-bottom:0}
    .friction{padding:28px 0}
    .detail-support{max-width:420px;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
    .outcomes{padding:0 0 140px;background:var(--paper)}
    .outcomes .wrap{border-top:1px solid var(--hair);padding-top:72px}
    .outcomes h2{max-width:1110px;margin:0;font-size:clamp(46px,6vw,86px);font-weight:500;line-height:.98;letter-spacing:-.06em}
    .outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;margin-top:68px}
    .outcome{padding-top:23px;border-top:1px solid var(--hair)}
    .outcome h3{margin:0 0 18px;font-size:clamp(25px,2.5vw,36px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
    .outcome p{max-width:360px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}
    .industries{padding:135px 0;background:var(--lilac)}
    .industries-head{display:grid;grid-template-columns:210px minmax(0,1fr);gap:55px}
    .industries h2{max-width:1040px;margin:0;font-size:clamp(52px,7vw,100px);font-weight:500;line-height:.92;letter-spacing:-.07em}
    .industries-intro{max-width:780px;margin:35px 0 0;color:#494451;font-size:19px;line-height:1.6;letter-spacing:-.015em}
    .industry-list{margin-top:75px;border-top:1px solid #10111666}
    .industry{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;padding:38px 0;border-bottom:1px solid #10111638}
    .industry h3{max-width:630px;margin:0;font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.02;letter-spacing:-.055em;overflow-wrap:break-word}
    .industry p{max-width:490px;margin:0;color:#494451;font-size:16px;line-height:1.65}
    .industries-footer{display:flex;gap:45px;align-items:flex-end;justify-content:space-between;margin-top:52px}
    .industries-footer p{max-width:620px;margin:0;font-size:18px;line-height:1.5;letter-spacing:-.018em}
    .industries-footer a{flex-shrink:0;padding-bottom:5px;border-bottom:1px solid;text-decoration:none;font-size:14px;font-weight:500}
    .final-content{padding-top:65px;padding-bottom:80px}
    .final h2{margin:25px 0 40px}
    .final-explanation{max-width:690px;margin:0 0 30px;font-size:19px;line-height:1.6;letter-spacing:-.012em}
    .final .button{border:0;font:600 16px/1.5 var(--sans)}
    .final .button:disabled{opacity:1;cursor:default}
    .footer a{text-decoration:none}
    .footer a:hover{text-decoration:underline}
    .source-message p{font-size:28px;line-height:1.2}
    .signal-token[data-token="0"] .token-value,.signal-token[data-token="1"] .token-value{font-size:21px;letter-spacing:-.025em}
    .followup p{font-size:19px;line-height:1.3}
    .opportunity .status{line-height:1.35}
    @media(max-width:1050px){
      .thesis-support{grid-column:1;max-width:740px;margin-top:-15px}
      .industries-head{grid-template-columns:1fr;gap:30px}
      .industry{gap:40px}
      .outcome-grid{gap:30px}
      .industries-footer{align-items:flex-start;flex-direction:column;gap:25px}
    }
    @media(max-width:760px){
      .outcomes{padding-bottom:95px}
      .outcomes .wrap{padding-top:48px}
      .outcomes h2{font-size:43px}
      .outcome-grid{grid-template-columns:1fr;margin-top:42px;gap:30px}
      .outcome h3{font-size:29px;margin-bottom:12px}
      .outcome p{max-width:100%;font-size:15px}
      .industries{padding:95px 0}
      .industries h2{font-size:51px}
      .industries-intro{font-size:17px;margin-top:28px}
      .industry-list{margin-top:48px}
      .industry{grid-template-columns:1fr;gap:18px;padding:28px 0}
      .industry h3{font-size:35px}
      .industry p{font-size:15px}
      .industries-footer{margin-top:35px}
      .industries-footer p{font-size:17px}
      .industries-footer a{font-size:13px}
      .thesis-support p{font-size:17px}
      .detail-support{font-size:13px}
      .final-content{padding-top:50px;padding-bottom:65px}
      .final h2{margin:22px 0 30px}
      .final-explanation{font-size:17px}
      .footer{gap:12px;flex-wrap:wrap}
      .source-message p{font-size:24px;line-height:1.2}
      .signal-token[data-token="0"] .token-value,.signal-token[data-token="1"] .token-value{font-size:22px}
      .followup p{font-size:20px;line-height:1.25}
      .followup small{font-size:15px}
    }
    @media(max-width:720px){
      .phone-top{height:44px;padding:14px 12px;font-size:11px}
      .wa-msg{margin-top:14px;padding:10px;font-size:11px;line-height:1.4}
      .wa-reply{margin:8px 13px 0;padding:10px;font-size:11px;line-height:1.4}
      .wa-action{margin:12px 13px;padding:10px;font-size:10px}
    }


    /* Official Rondex identity v1: original vectors, unaltered proportions. */
    .brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}
    .brand-picture{display:block}
    .brand-lockup{display:block;width:220.023px;height:36px}
    .shell-logo img{display:block;width:115.85px;height:26px}
    .core-brand{display:block;width:151.497px;height:34px;line-height:0}
    .core-brand img{display:block;width:100%;height:100%}
    .followup-avatar img{display:block;width:19px;height:19px}
    .detail-app-mark{display:inline-flex;align-items:center;line-height:0}
    .detail-app-mark img{display:block;width:18px;height:18px}
    @media(max-width:900px){
      .nav .brand-lockup{width:124.762px;height:28px}
      .nav-links{gap:16px}
      .nav-links a{font-size:13px}
    }