@font-face{font-family:DM Sans;src:url('assets/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--bg:#080b12;--panel:#10151f;--panel-light:#141c29;--text:#eff2f9;--muted:#9aa6ba;--subtle:#748197;--line:#ffffff17;--blue:#80b8ff;--purple:#ae98ff;--cyan:#91e9ef;--heading:Manrope,Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.7;overflow-x:clip}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button:disabled{opacity:.35;cursor:default}img{display:block;width:100%;max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:600;letter-spacing:-.05em;line-height:1.12}h2{font-size:clamp(36px,4.2vw,62px)}h3{font-size:30px}p{color:var(--muted)}strong{color:var(--text);font-weight:600}::selection{background:#83bdff;color:#080b12}.shell{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section{padding-block:116px}.small-label,.chapter-mark,.eyebrow,.tag,.source-note,.hero-foot,.hero-note,.scene-caption,.lab-toolbar,.lab-bottom,.interaction-hint,.case-controls,.artifact-header,.node-index,.feedback-label,.credit,.media-caption,.journey-status,.contact-block>span,footer>span{font-family:var(--body);font-size:10px;letter-spacing:.11em;font-weight:400}.chapter-mark{color:#a9bdd6;letter-spacing:.14em}.small-label{color:var(--blue);display:block;margin-bottom:15px;font-size:10px}.tag{border:1px solid #53678055;border-radius:30px;padding:6px 12px;font-size:9px;letter-spacing:.06em;color:#9caec4}.section-top{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--line);margin-bottom:54px;gap:20px}.section-heading{display:grid;grid-template-columns:1.45fr 1fr;gap:85px;align-items:end;margin-bottom:40px}.section-heading>p{font-size:15px;line-height:1.9;max-width:390px;padding-bottom:4px}.muted-heading{color:#9ba8bc}.gradient-word{color:#97b5ff;background:linear-gradient(115deg,#c7edff 0%,#86b3ff 45%,#ae8eff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skip{position:fixed;top:-80px;left:18px;padding:12px 18px;background:var(--blue);color:var(--bg);z-index:100}.skip:focus{top:14px}.reading-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));width:0;z-index:100}.ambient{position:absolute;inset:0 0 auto;height:1100px;background:radial-gradient(ellipse at 78% 32%,#13365b35,transparent 48%),radial-gradient(ellipse at 8% 60%,#3b235025,transparent 42%);pointer-events:none;z-index:-1}.header{display:flex;align-items:center;gap:30px;padding:21px 48px;height:89px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#080b12dc;backdrop-filter:blur(20px);z-index:50}.brand{display:flex;align-items:center;gap:17px;font-size:10px;letter-spacing:.13em;line-height:1.6}.brand-icon{font-family:Arial,sans-serif;font-size:39px;font-weight:bold;letter-spacing:-.1em;line-height:1}.brand-icon>span{color:var(--blue)}.brand small{display:block;font-size:7px;letter-spacing:.15em;color:var(--subtle);margin-top:4px}.header nav{display:flex;gap:30px;font-size:12px;margin-left:auto}.header nav>a{color:#b4bdd0;transition:color .25s}.header nav>a:hover{color:#fff}.header-contact{border:1px solid #7183a344;border-radius:30px;padding:10px 16px;font-size:11px;background:linear-gradient(110deg,#ffffff05,#8aa7ff10);transition:border-color .3s}.header-contact span{margin-left:18px;color:var(--blue)}.header-contact:hover{border-color:var(--blue)}.menu-toggle{display:none}.hero{position:relative;padding-top:75px;isolation:isolate}#constellation{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.58;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.24fr 1fr;gap:70px;align-items:center;padding-bottom:65px}.hero .eyebrow{font-size:9px;letter-spacing:.15em;color:#9cb4cc;display:flex;align-items:center;gap:11px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #91e9ef99,0 0 0 5px #91e9ef0c}.hero h1{font-size:clamp(86px,8.9vw,136px);font-weight:800;line-height:.98;letter-spacing:-.07em;margin:33px 0}.hero h1>span{display:block}.hero h1 .period{-webkit-text-fill-color:#91e9ef}.hero-lead{font-size:17px;line-height:1.85;max-width:450px;color:#c6d0e0;margin-bottom:15px}.hero-sub{font-size:14px;line-height:1.9;max-width:440px}.hero-actions{display:flex;align-items:center;gap:17px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 20px;border-radius:6px;font-size:11px;transition:transform .3s,box-shadow .3s}.primary{color:#070e1d;background:linear-gradient(110deg,#c1dcff,#89b1fc);box-shadow:0 0 30px #62a3ff16;position:relative;overflow:hidden}.primary::after{content:'';position:absolute;width:50px;height:200%;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:rotate(25deg);left:-90px;top:-50%;transition:left .65s}.primary:hover::after{left:120%}.primary:hover{transform:translateY(-3px);box-shadow:0 0 35px #62a3ff38}.button span{font-size:18px}.text-button{color:#c2cbdc;padding-inline:5px}.hero-note{font-size:9px;letter-spacing:0;color:var(--subtle);display:flex;align-items:center;gap:10px;margin-top:29px}.note-line{width:23px;height:1px;background:#5d728f}.portrait-scene{position:relative;min-width:0;perspective:1200px;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .5s ease-out}.portrait-frame{position:relative;width:94%;height:552px;margin-left:3%;border:1px solid #8bafff33;border-radius:180px 180px 20px 20px;overflow:hidden;background:#172033;box-shadow:0 0 70px #5183d311,0 28px 60px #0006}.portrait-frame>img{width:100%;height:100%;object-fit:cover;object-position:50% 39%;filter:saturate(.8)}.portrait-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080f1ff7 0%,#09122480 24%,transparent 62%),linear-gradient(90deg,#355a9210,#0d244f05)}.portrait-name{position:absolute;bottom:31px;left:26px;right:20px;display:flex;flex-direction:column;gap:7px}.portrait-name strong{font-family:var(--heading);font-size:29px;letter-spacing:-.04em}.portrait-name>span{font-size:8px;letter-spacing:.09em;color:#bfcee4}.portrait-name>span:last-child{font-size:9px;letter-spacing:0;color:#9eaeca}.portrait-orbit{position:absolute;width:112%;height:76%;border:1px solid #789dd229;border-radius:50%;left:-6%;top:12%;z-index:-1;transform:rotate(-30deg)}.orbit-two{height:96%;width:88%;top:0;left:6%;transform:rotate(28deg);border-style:dashed;border-color:#789dd21a}.floating-badge{display:flex;gap:12px;align-items:center;border:1px solid #7385a13d;position:absolute;padding:15px 18px;background:linear-gradient(110deg,#192332e8,#101726ee);backdrop-filter:blur(14px);border-radius:10px;box-shadow:0 15px 40px #0007;animation:float 7s ease-in-out infinite}.floating-badge div{display:flex;flex-direction:column;gap:4px}.floating-badge strong{font-size:12px}.floating-badge div>span{color:#99aac1;font-size:8px}.badge-icon{font-size:25px;color:var(--blue)}.badge-top{right:-18px;top:45px}.badge-bottom{left:-42px;bottom:95px;animation-delay:-3.5s}.scene-caption{font-size:8px;letter-spacing:.13em;text-align:center;display:block;margin-top:22px;color:var(--subtle)}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:8px;padding:24px 0;color:var(--subtle)}.hero-foot a{color:#b6c3d6}.hero-foot b{margin-left:25px;font-size:18px;font-weight:400}.intro-band{display:flex;align-items:center;gap:50px;padding:53px 0;border-block:1px solid var(--line)}.intro-band .chapter-mark{flex:0 0 160px}.intro-band p{font-family:var(--heading);font-size:27px;letter-spacing:-.04em;line-height:1.55}.intro-band p strong{font-weight:600}.circle-link{display:grid;place-items:center;border:1px solid #788aa444;border-radius:50%;width:53px;height:53px;flex-shrink:0;margin-left:auto;font-size:25px;color:var(--blue);transition:background .3s,transform .3s}.circle-link:hover{background:#16283d;transform:rotate(-45deg)}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:45px 0}.project-intro p{font-size:14px;line-height:1.9}.workflow-lab{border:1px solid #6581ac44;border-radius:14px;background:radial-gradient(ellipse at 25% 50%,#192b443b,transparent 70%),#0c111b;overflow:hidden;box-shadow:0 20px 90px #02050b66}.lab-toolbar{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);padding:15px 23px;font-size:9px;color:#9eb0c8;background:#101722}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#49586e}.window-dots i:first-child{background:#8092ac}.live-label{margin-left:auto;font-size:8px;display:flex;align-items:center;gap:7px}.live-label i{width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.lab-main{display:grid;grid-template-columns:1.8fr 1fr}.diagram{position:relative;min-height:400px;background-image:radial-gradient(#a5c0e01c 1px,transparent 1px);background-size:20px 20px}.flow-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.flow-base{fill:none;stroke:#394b6555;stroke-width:1.3}.flow-pulse{fill:none;stroke:url(#flowGradient);stroke-width:1.5;stroke-dasharray:10 110;animation:signal 5s linear infinite;filter:drop-shadow(0 0 3px #85bfff)}.human-node{position:absolute;left:50%;transform:translateX(-50%);background:#101a29;border:1px solid #687da045;border-radius:7px;text-align:center;padding:11px 16px;white-space:nowrap;z-index:2}.human-node span{display:block;font-size:7px;letter-spacing:.14em;color:#84a2c8}.human-node b{font-size:11px;font-weight:400;display:block;margin-top:3px}.top-human{top:23px}.bottom-human{bottom:26px;border-color:#a399db55}.bottom-human span{color:#b5a8e9}.flow-node{width:25%;position:absolute;top:132px;border:1px solid #627a9b55;background:linear-gradient(135deg,#1b2c42,#111b2a);border-radius:11px;padding:22px 10px 18px;text-align:center;transition:transform .3s,border-color .3s,box-shadow .3s;z-index:2}.flow-node:hover{transform:translateY(-5px);border-color:var(--blue)}.flow-node[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 30px #78b9ff20;background:linear-gradient(135deg,#223c5a,#17273f)}.flow-node.planner{left:6%}.flow-node.executor{left:37.5%}.flow-node.reviewer{right:6%}.node-icon{display:block;color:var(--blue);font-size:28px;line-height:1;margin-bottom:14px}.flow-node strong{display:block;font-family:var(--heading);font-size:17px;font-weight:600}.flow-node small{font-size:9px;color:#98aac3}.node-index{position:absolute;top:9px;right:10px;font-size:7px;color:#a1b8d6}.feedback-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:7px;color:#6e86a7}.role-panel{border-left:1px solid var(--line);padding:31px 28px;background:#ffffff02;display:flex;flex-direction:column}.role-panel h3{font-size:25px;line-height:1.25;margin:8px 0 18px}.role-panel>p{font-size:12px;line-height:1.9;min-height:68px}.role-handoff{border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.role-handoff>span{font-size:8px;color:var(--purple);letter-spacing:.13em}.role-handoff p{font-size:11px;line-height:1.8;margin-top:8px}.interaction-hint{font-size:7px;color:#778da9;margin-top:auto;padding-top:20px}.lab-bottom{padding:13px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#8a9eb9;font-size:8px;letter-spacing:0}.ownership-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:34px 0 70px}.ownership-row>div{position:relative;border-top:1px solid var(--line);padding-top:23px}.ownership-row>div>span{position:absolute;right:0;top:23px;font-size:9px;color:#7e94b3}.ownership-row h3{font-size:18px;margin-bottom:13px;letter-spacing:-.025em}.ownership-row p{font-size:12px;line-height:1.9;max-width:280px}.case-file{border:1px solid #586b8b44;background:linear-gradient(145deg,#151b29,#0d121e);border-radius:13px;overflow:hidden}.case-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:35px 38px;border-bottom:1px solid var(--line);align-items:end}.case-heading h3{font-size:33px;margin-top:20px}.case-heading p{font-size:13px;line-height:1.9;max-width:380px}.case-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 38px;border-bottom:1px solid var(--line);gap:20px}.case-tabs button{padding:18px 0;background:none;border:0;border-bottom:2px solid transparent;text-align:left;color:#7d8fa9;font-size:10px;letter-spacing:.07em}.case-tabs button[aria-selected=true]{color:#bdcfff;border-bottom-color:var(--blue)}.case-content{padding:37px 38px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;min-height:325px}.case-content h4{font-size:25px;line-height:1.35;margin-bottom:17px}.case-content p{font-size:12px;line-height:1.9}.case-controls{display:flex;gap:19px;align-items:center;margin-top:23px;font-size:9px;color:#99acc6}.case-controls button{width:31px;height:31px;border:1px solid #60769566;border-radius:50%;background:#162234;display:grid;place-items:center;line-height:1}.artifact-panel{border:1px solid #7187a835;background:#080e18;border-radius:9px;overflow:hidden;align-self:start;min-height:250px}.artifact-header{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #52627c44;font-size:8px;color:#98aecb}.artifact-row{display:flex;justify-content:space-between;gap:20px;padding:15px 20px;font-size:10px;border-bottom:1px solid #ffffff09}.artifact-row>span{color:#7d90ad}.artifact-row b{font-weight:400;text-align:right;color:#c3d3ed}.artifact-good b{color:var(--cyan)}.artifact-warning b{color:#f4c77b}.artifact-panel table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}.artifact-panel th,.artifact-panel td{padding:13px 15px;border-bottom:1px solid #ffffff0d}.artifact-panel th{color:#7d90ad;font-weight:400}.artifact-panel td:last-child{color:var(--cyan)}.artifact-foot{padding:13px 20px;color:#8e9eb7;font-size:9px}.source-note{font-size:10px;letter-spacing:0;line-height:1.8;color:#7e8ba0;margin-top:20px}.case-file>.source-note{padding:0 38px 25px;margin:0}summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;padding:23px 0;font-size:15px;color:#c3cddd}summary::-webkit-details-marker{display:none}summary>span:last-child{font-size:24px;font-weight:400;transition:transform .3s}details[open]>summary>span:last-child{transform:rotate(45deg)}.standards{margin-top:24px;border-bottom:1px solid var(--line)}.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:10px 0 30px}.standards h4{font-size:17px;letter-spacing:-.025em;margin-bottom:14px}.standards p{font-size:12px;line-height:1.8}.commerce-section{background:radial-gradient(ellipse at 78% 15%,#1f416c2e,transparent 42%),linear-gradient(180deg,#0d1420,#0a101a);border-block:1px solid var(--line)}.commerce-section .section-top{border-top:0;padding-top:0}.commerce-lead{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.mega-number{font-family:var(--heading);font-weight:600;font-size:clamp(120px,14vw,208px);line-height:1.05;letter-spacing:-.08em;margin:15px 0 25px;background:linear-gradient(135deg,#fff 20%,#89bbff 70%,#a69ff2);background-clip:text;-webkit-text-fill-color:transparent}.mega-number>span{font-size:.52em;vertical-align:top;line-height:1.65;font-weight:600}.commerce-lead h2{font-size:42px;line-height:1.22}.commerce-context p{font-size:13px;line-height:1.9;margin-top:20px}.credit{font-size:9px;letter-spacing:0;color:#7389a5;display:block;line-height:1.8;margin-top:18px}.site-constellation{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;padding:25px;border:1px solid #5480b32e;background:linear-gradient(135deg,#233c5e1a,#060d1922);border-radius:12px;transform:perspective(800px) rotateY(-9deg) rotateX(8deg);box-shadow:15px 20px 45px #0003;margin-bottom:28px}.site-constellation i{height:23px;border:1px solid #57799e61;background:linear-gradient(130deg,#36618a4d,#14283b);border-radius:4px;box-shadow:0 0 7px #598ac610;animation:nodeglow 5s calc(var(--i) * -.23s) infinite}.site-constellation>span{grid-column:1/-1;text-align:center;font-size:8px;letter-spacing:.18em;color:#7295b8;margin-top:10px}.evidence-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin:100px 0 32px}.evidence-intro h3{font-size:34px;margin-top:18px;line-height:1.25}.evidence-intro>p{font-size:13px;line-height:1.9}.evidence-console{border:1px solid #627b9c55;border-radius:12px;overflow:hidden;background:#111a27;box-shadow:0 25px 60px #0003}.evidence-nav{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:#0c1420}.evidence-nav button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:none;border:0;border-right:1px solid var(--line);padding:20px 19px;border-top:2px solid transparent;transition:background .2s}.evidence-nav button:last-child{border-right:0}.evidence-nav button:hover{background:#21334d66}.evidence-nav button[aria-selected=true]{background:linear-gradient(180deg,#28496d66,#172637);border-top-color:var(--blue)}.evidence-nav button>span{font-size:8px;letter-spacing:.13em;color:#8299b6}.evidence-nav strong{font-family:var(--heading);font-size:24px;font-weight:600;letter-spacing:-.04em}.evidence-nav small{font-size:8px;color:#8fa5c0;line-height:1.5;text-align:left}.evidence-view{padding:25px 28px 0}.evidence-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.evidence-caption .small-label{margin:0 0 5px;font-size:8px}.evidence-caption p{font-size:11px}.outline-button{background:#ffffff04;border:1px solid #6b85a455;border-radius:6px;padding:10px 14px;font-size:10px;color:#c0cee2;white-space:nowrap;transition:border-color .3s,background .3s}.outline-button>span{margin-left:14px}.outline-button:hover{border-color:var(--blue);background:#80b8ff12}.screenshot-button{position:relative;display:block;width:100%;padding:0;border:1px solid #64748e33;border-radius:7px;overflow:hidden;background:#f6f7f9;text-align:left}.screenshot-button img{height:auto;width:100%;transition:filter .3s}.screenshot-button>span{position:absolute;bottom:12px;right:12px;background:#0c172be8;color:#e2edff;font-size:8px;letter-spacing:.1em;padding:7px 12px;border-radius:4px;opacity:0;transition:opacity .3s}.screenshot-button:hover>span,.screenshot-button:focus-visible>span{opacity:1}.evidence-translation{display:flex;gap:25px;padding:18px 0 20px;align-items:baseline}.evidence-translation>span{font-size:7px;letter-spacing:.1em;color:#7188a5;white-space:nowrap}.evidence-translation p{font-size:10px;line-height:1.8}.evidence-translation b{font-weight:400;color:#c1d4ed}.sample-total{display:flex;gap:40px;align-items:center;padding:24px 28px;background:#14263b;border-top:1px solid #6786b033}.sample-total>div{display:flex;align-items:baseline;gap:15px}.sample-total strong{font-family:var(--heading);font-size:35px;letter-spacing:-.05em;color:#c2dbff}.sample-total span{font-size:10px;color:#9fb7d3}.sample-total p{font-size:10px;line-height:1.9;color:#9bb1cd}.cloudflare{border-block:1px solid var(--line);margin-top:36px}.cloudflare summary small{display:block;font-size:8px;letter-spacing:.12em;color:#7790b0;margin-bottom:6px}.cloudflare-content{display:grid;grid-template-columns:1.7fr 1fr;gap:35px;padding:10px 0 35px;align-items:center}.cloudflare-content p{font-size:12px;line-height:1.9}.journey-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:120px;align-items:start;margin-top:65px}.journey-aside{position:sticky;top:115px}.journey-portrait{width:180px;height:210px;border-radius:10px;overflow:hidden;margin-bottom:25px;border:1px solid #7384a733;position:relative}.journey-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080b1266,transparent 55%)}.journey-portrait img{height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.75)}.journey-aside>p{font-size:13px;line-height:1.9;margin-bottom:18px}.journey-progress{height:2px;background:#283348;margin-top:35px}.journey-progress>span{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--purple));display:block;transition:width .3s}.journey-status{display:block;font-size:8px;color:#7388a3;margin-top:13px}.timeline{position:relative;border-left:1px solid #40557370;padding-left:45px}.milestone{position:relative;padding-bottom:80px}.milestone:last-child{padding-bottom:0}.milestone-pin{position:absolute;left:-61px;top:0;border:1px solid #547195;background:#101b2b;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#8daace;transition:box-shadow .4s,background .4s}.milestone.in-view .milestone-pin{background:#6da8ee;color:#071221;border-color:#a2caff;box-shadow:0 0 0 6px #648cc013,0 0 30px #548afc55}.milestone>.small-label{font-size:8px}.milestone h3{font-size:34px;line-height:1.2;margin-bottom:24px}.milestone>p{font-size:13px;line-height:1.95;margin-bottom:18px}.archive-collage{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin:25px 0 10px}.archive-collage img{height:230px;object-fit:cover;border-radius:8px}.archive-collage img:last-child{object-position:30% center}.media-caption{font-size:9px;letter-spacing:0;line-height:1.7;color:#78879f;display:block}.lesson{padding:19px 0 0 17px;border-left:2px solid #739fc888;margin-top:24px}.lesson>span{font-size:8px;letter-spacing:.13em;color:var(--blue)}.lesson p{font-size:12px;color:#b6c3d8;line-height:1.9;margin-top:6px}.scooter-media{display:grid;grid-template-columns:1fr 1fr;gap:22px;border:1px solid #4c668844;padding:20px;border-radius:10px;background:radial-gradient(ellipse at 100% 0,#253d6455,transparent 65%),#0e1723;margin:24px 0;align-items:center}.scooter-media video{width:100%;max-height:350px;aspect-ratio:9/16;display:block;border-radius:7px;background:#060b10}.scooter-media>div>.small-label{font-size:7px}.scooter-media strong{display:block;font-family:var(--heading);font-size:28px;line-height:1.2;letter-spacing:-.04em}.scooter-media strong>span{font-size:25px;color:var(--blue);line-height:1.9}.scooter-media>div p{font-size:9px;line-height:1.9;margin-top:20px}.chain{display:flex;align-items:center;gap:10px;margin:24px 0;flex-wrap:wrap}.chain>span{border:1px solid #57779c55;border-radius:5px;padding:8px 12px;font-size:9px;background:#112036}.chain>b{color:#6788b0;font-size:12px;font-weight:400}.inline-link{display:inline-block;color:var(--blue);font-size:12px;padding-bottom:7px;border-bottom:1px solid #749bc955;margin-top:15px}.beyond-work{display:flex;align-items:center;gap:60px;border-top:1px solid var(--line);padding-top:35px;margin-top:80px}.beyond-work>span:first-child{font-size:8px;letter-spacing:.14em;color:#7e96b6}.beyond-work p{font-size:12px;line-height:1.9}.beyond-symbol{font-size:44px;color:#658cc2;margin-left:auto}.partners{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1a345c55,transparent 62%),#0b111e;border-top:1px solid var(--line)}.partners .section-top{border-top:0;padding-top:0}.partner-visual{position:relative;width:160px;height:100px;margin:70px auto 30px}.partner-visual>span{position:absolute;top:0;width:78px;height:78px;border:1px solid #829be68f;border-radius:50%;left:0;box-shadow:inset 0 0 25px #5b8ef215,0 0 20px #608bf411;animation:ringbreath 5s infinite}.partner-visual>span:nth-child(2){left:40px;top:15px;border-color:#a891e690;animation-delay:-1.5s}.partner-visual>span:nth-child(3){left:80px;animation-delay:-3s}.partner-visual i{position:absolute;left:68px;top:27px;font-size:21px;font-style:normal;color:#bdcfff}.partners h2{text-align:center;font-size:clamp(62px,7.6vw,108px);line-height:1.03;letter-spacing:-.065em}.partners-lead{text-align:center;font-size:18px;line-height:1.8;margin:33px auto;color:#bccae0}.partners-copy{max-width:710px;margin:0 auto;text-align:center}.partners-copy p{font-size:14px;line-height:1.95;margin-bottom:16px}.exchange{display:grid;grid-template-columns:1fr 60px 1fr;gap:45px;margin:65px auto 75px;max-width:930px;padding:35px 0;border-block:1px solid #6f89b22b}.exchange h3{font-size:26px;line-height:1.3;margin-bottom:17px}.exchange p{font-size:12px;line-height:1.9}.exchange-icon{align-self:center;justify-self:center;font-size:35px;color:#7195cf}.contact-block{text-align:center}.contact-block>a{font-family:var(--heading);font-size:clamp(20px,3.4vw,46px);letter-spacing:-.045em;display:block;color:#d7e5fc;margin:20px auto 24px;width:fit-content}.contact-block>a>span{color:var(--blue);display:inline-block;transition:transform .3s;margin-left:20px}.contact-block>a:hover>span{transform:translate(5px,-5px)}.contact-block .outline-button{font-size:10px}#copy-status{display:block;min-height:25px;font-size:10px;letter-spacing:0;margin-top:12px;color:var(--cyan)}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:38px;border-top:1px solid var(--line)}.footer-brand{font-size:11px;letter-spacing:.13em}.footer-brand>span{display:block;font-size:10px;color:#7889a3;letter-spacing:0;margin-top:7px}footer>div{display:flex;align-items:center;gap:25px;font-size:10px;color:#8ea2bd}footer>span{font-size:8px;color:#6c7f9b}#motion-toggle{border:1px solid #677d9c44;background:none;border-radius:30px;padding:8px 13px;font-size:9px;color:#a4b7d1}dialog{color:var(--text);background:#0e1724;border:1px solid #6f8fb966;border-radius:12px;width:min(1160px,94vw);max-height:92vh;padding:24px;box-shadow:0 40px 100px #0009}dialog::backdrop{background:#03060cd9;backdrop-filter:blur(9px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.dialog-toolbar h2{font-size:18px;letter-spacing:-.025em}.dialog-toolbar button{border:1px solid #7187a855;background:#14253a;border-radius:6px;font-size:11px;padding:8px 13px}.dialog-image-wrap{max-height:65vh;overflow:auto;background:#f6f7f9;border-radius:5px}.dialog-image-wrap img{width:100%;height:auto}#dialog-caption{font-size:12px;line-height:1.8;margin:18px 0 12px}#dialog-original{font-size:11px;color:var(--blue)}.reveal{transition:opacity .8s,transform .8s}.js .reveal.pending{opacity:0;transform:translateY(30px)}.hero-copy h1>span{animation:rise .95s both}.hero-copy h1>span:nth-child(2){animation-delay:.15s}.hero-copy>.eyebrow{animation:rise .7s both}.portrait-frame{animation:portrait-in 1.3s both}.portrait-scene:before{content:'';position:absolute;inset:10% -10%;border-radius:50%;background:radial-gradient(ellipse,#5382df20,transparent 65%);filter:blur(30px);z-index:-1}.workflow-lab,.case-file,.evidence-console{position:relative}.workflow-lab:before,.case-file:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--mx,-500px) var(--my,-500px),#76abff08,transparent 65%);z-index:0}.workflow-lab>*,.case-file>*{position:relative}.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .reveal.pending{opacity:1;transform:none}.no-motion .portrait-scene{transform:none}.no-motion .flow-pulse{stroke-dasharray:none;opacity:.5}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes signal{to{stroke-dashoffset:-240}}@keyframes nodeglow{0%,100%{border-color:#57799e61;background-color:#102641}50%{border-color:#86b6f7a6;background-color:#366cac}}@keyframes ringbreath{0%,100%{opacity:.5;scale:1}50%{opacity:1;scale:1.06}}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-in{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1600px){.hero{padding-top:90px}.hero-grid{gap:120px;padding-bottom:85px}.portrait-frame{height:585px}.hero h1{font-size:140px}.header{padding-inline:max(48px,calc((100vw - 1320px)/2))}}
@media(max-width:1150px){.shell{width:calc(100% - 72px)}.header{padding-inline:32px;gap:20px}.header nav{gap:20px}.hero-grid{gap:50px}.hero h1{font-size:100px}.portrait-frame{height:500px}.hero-lead{font-size:15px}.badge-bottom{left:-23px}.badge-top{right:-10px}.floating-badge{padding:12px}.section-heading{gap:40px}.section-heading h2{font-size:45px}.commerce-lead{gap:65px}.commerce-lead h2{font-size:36px}.journey-layout{gap:75px}.evidence-nav button{padding:18px 13px}.evidence-nav strong{font-size:22px}.role-panel{padding:25px 23px}.role-panel h3{font-size:22px}.case-content{gap:35px}.sample-total{gap:25px}.sample-total>div{display:block}.sample-total span{display:block}.hero-actions{gap:10px}.intro-band{gap:35px}.intro-band p{font-size:25px}.project-intro{gap:55px}}
@media(max-width:900px){.header nav{gap:16px;font-size:11px}.brand small{font-size:6px}.header-contact{display:none}.hero-grid{gap:35px}.hero h1{font-size:85px}.portrait-frame{height:460px}.floating-badge div>span{font-size:7px}.floating-badge strong{font-size:10px}.floating-badge .badge-icon{font-size:20px}.badge-bottom{bottom:105px}.hero-sub{font-size:13px}.hero-note{font-size:8px}.hero .eyebrow{font-size:8px}.button{font-size:10px;gap:12px;padding:12px 15px}.intro-band .chapter-mark{flex-basis:130px;font-size:9px}.intro-band p{font-size:21px}.lab-main{grid-template-columns:1.5fr 1fr}.diagram{min-height:405px}.flow-node strong{font-size:14px}.flow-node small{font-size:8px}.role-panel h3{font-size:20px}.role-panel>p{font-size:11px}.section-heading h2{font-size:39px}.section-heading{gap:30px}.section-heading>p{font-size:13px}.case-heading{gap:30px;padding:30px}.case-heading h3{font-size:28px}.case-content{padding:30px;gap:30px}.case-content h4{font-size:22px}.case-tabs{padding-inline:30px}.case-file>.source-note{padding-inline:30px}.commerce-lead{gap:35px}.commerce-lead h2{font-size:31px}.evidence-intro{gap:45px}.evidence-nav strong{font-size:20px}.evidence-nav small{font-size:7px}.journey-layout{gap:60px}.timeline{padding-left:33px}.milestone-pin{left:-49px}.milestone h3{font-size:29px}.archive-collage img{height:180px}.scooter-media{padding:14px;gap:15px}.scooter-media strong{font-size:25px}.scooter-media>div>.small-label{font-size:6px}.journey-aside>p{font-size:12px}.contact-block>a{font-size:33px}}
@media(max-width:700px){html{scroll-padding-top:90px}.shell{width:calc(100% - 40px)}.section{padding-block:75px}.header{height:76px;padding:16px 20px;gap:20px}.brand{font-size:9px;gap:13px}.brand-icon{font-size:32px}.brand small{font-size:6px}.menu-toggle{display:flex;align-items:center;gap:15px;background:#ffffff04;border:1px solid #7084a344;border-radius:5px;padding:7px 12px;font-size:10px;margin-left:auto}.menu-toggle span{font-size:16px}.header nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px 20px;background:#0c131ff7;backdrop-filter:blur(18px);border-bottom:1px solid #4d668766;flex-direction:column;gap:22px;font-size:14px}.header nav.open{display:flex}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr;gap:40px;padding-bottom:35px}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero h1{font-size:clamp(74px,17vw,118px);line-height:1.01;margin:28px 0 25px}.hero-lead{font-size:15px;max-width:480px}.hero-sub{font-size:13px;max-width:460px;line-height:1.9}.hero-actions{margin-top:25px;gap:12px}.button{font-size:10px;padding:13px 16px}.hero-note{font-size:8px;margin-top:22px}.portrait-scene{width:min(390px,90%);margin:5px auto 15px}.portrait-frame{height:460px}.floating-badge{padding:11px 13px}.floating-badge strong{font-size:11px}.floating-badge div>span{font-size:7px}.badge-top{right:-10px;top:38px}.badge-bottom{left:-17px;bottom:103px}.portrait-name{left:24px;bottom:29px}.portrait-name strong{font-size:27px}.portrait-name>span{font-size:7px}.scene-caption{font-size:7px}.hero-foot{font-size:7px;gap:25px;padding:21px 0}.hero-foot>a{white-space:nowrap}.hero-foot b{margin-left:9px}.intro-band{display:grid;grid-template-columns:1fr 40px;gap:20px;padding:35px 0}.intro-band .chapter-mark{grid-column:1/-1;font-size:8px}.intro-band p{font-size:23px}.circle-link{width:38px;height:38px;font-size:20px}.section-top{align-items:flex-start;margin-bottom:35px;gap:15px;padding-top:20px}.chapter-mark{font-size:8px}.tag{font-size:6px;padding:5px 8px;text-align:right;max-width:45%;line-height:1.7}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.section-heading h2{font-size:clamp(33px,8.7vw,46px);line-height:1.18}.section-heading>p{font-size:13px;line-height:1.9;max-width:none}.project-intro{grid-template-columns:1fr;gap:25px;margin:32px 0}.small-label{font-size:8px;margin-bottom:11px}.project-intro p{font-size:12px;line-height:1.9}.lab-toolbar{padding:13px 14px;font-size:7px;gap:10px}.live-label{font-size:6px;letter-spacing:.03em}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.lab-main{grid-template-columns:1fr}.diagram{min-height:330px}.flow-lines{height:330px}.human-node{padding:8px 12px}.human-node span{font-size:6px}.human-node b{font-size:10px}.top-human{top:20px}.bottom-human{bottom:25px}.flow-node{top:113px;padding:19px 4px 14px;width:27%}.flow-node.planner{left:4%}.flow-node.executor{left:36.5%}.flow-node.reviewer{right:4%}.flow-node strong{font-size:13px}.flow-node small{font-size:7px}.node-icon{font-size:22px;margin-bottom:10px}.node-index{font-size:6px;top:7px;right:7px}.feedback-label{font-size:6px;bottom:6px;letter-spacing:.1em}.role-panel{border-top:1px solid var(--line);border-left:0;padding:25px;min-height:282px}.role-panel h3{font-size:25px;margin:4px 0 14px}.role-panel>p{font-size:12px;min-height:0}.role-handoff{margin-top:18px;padding-top:14px}.role-handoff p{font-size:11px}.interaction-hint{font-size:7px;padding-top:16px}.lab-bottom{padding:13px 18px;display:block;font-size:7px;line-height:1.9}.lab-bottom>span{display:block}.ownership-row{grid-template-columns:1fr;gap:24px;margin:30px 0 45px}.ownership-row>div{padding-top:18px}.ownership-row>div>span{top:20px}.ownership-row h3{font-size:18px;margin-bottom:9px}.ownership-row p{font-size:12px;max-width:90%}.case-heading{grid-template-columns:1fr;gap:20px;padding:25px 22px}.case-heading h3{font-size:30px;margin-top:15px}.case-heading p{font-size:12px}.case-tabs{padding:0 18px;gap:12px}.case-tabs button{font-size:8px;padding:16px 0;letter-spacing:0}.case-content{grid-template-columns:1fr;gap:23px;padding:25px 22px;min-height:590px}.case-content h4{font-size:24px}.case-content p{font-size:12px}.artifact-panel{min-height:230px}.case-file>.source-note{padding:0 22px 23px;font-size:9px}.standards summary{font-size:13px}.standards-grid{grid-template-columns:1fr;gap:25px}.standards h4{font-size:18px;margin-bottom:9px}.commerce-lead{grid-template-columns:1fr;gap:35px}.mega-number{font-size:145px;margin:5px 0 20px}.commerce-lead h2{font-size:35px;line-height:1.25}.commerce-context p{font-size:13px}.site-constellation{max-width:420px;gap:8px;padding:23px;margin:20px auto 30px;transform:perspective(800px) rotateY(-7deg) rotateX(7deg)}.site-constellation i{height:22px}.site-constellation>span{font-size:7px}.evidence-intro{grid-template-columns:1fr;gap:20px;margin:60px 0 25px}.evidence-intro h3{font-size:30px;margin-top:14px}.evidence-intro>p{font-size:12px}.evidence-nav{grid-template-columns:repeat(3,1fr)}.evidence-nav button{padding:15px;border-bottom:1px solid var(--line)}.evidence-nav button:nth-child(3){border-right:0}.evidence-nav strong{font-size:24px}.evidence-nav button>span{font-size:7px}.evidence-nav small{font-size:7px}.evidence-view{padding:20px 16px 0}.evidence-caption{gap:12px;align-items:start}.evidence-caption .small-label{font-size:6px;max-width:160px;line-height:1.8}.evidence-caption p{font-size:9px}.outline-button{font-size:8px;padding:9px 10px}.outline-button>span{margin-left:5px}.evidence-translation{display:block;padding:16px 0}.evidence-translation>span{font-size:7px}.evidence-translation p{font-size:10px;margin-top:7px}.screenshot-button>span{opacity:1;font-size:6px;bottom:6px;right:6px;padding:5px 7px}.sample-total{display:block;padding:20px}.sample-total>div{display:flex;gap:13px;align-items:baseline}.sample-total strong{font-size:32px}.sample-total span{font-size:9px}.sample-total p{font-size:9px;margin-top:10px;line-height:1.9}.source-note{font-size:9px;line-height:1.9}.cloudflare summary{font-size:13px}.cloudflare summary small{font-size:7px;line-height:1.8}.cloudflare-content{grid-template-columns:1fr;gap:20px}.cloudflare-content p{font-size:11px}.journey-layout{grid-template-columns:1fr;gap:50px;margin-top:35px}.journey-aside{position:static;display:grid;grid-template-columns:100px 1fr;gap:0 20px}.journey-portrait{width:100px;height:140px;grid-row:1/4;margin:0}.journey-aside>.small-label{font-size:7px}.journey-aside>p{font-size:11px;line-height:1.9}.journey-aside>p:last-of-type{grid-column:1/-1;margin-top:17px;font-size:12px}.journey-progress{grid-column:1/-1;margin-top:8px}.journey-status{grid-column:1/-1;font-size:7px}.timeline{margin-left:15px;padding-left:28px}.milestone{padding-bottom:60px}.milestone-pin{left:-43px;width:29px;height:29px;font-size:8px}.milestone>.small-label{font-size:7px;line-height:1.8}.milestone h3{font-size:30px;margin-bottom:20px}.milestone>p{font-size:12px;line-height:1.95}.archive-collage{gap:9px;margin:20px 0 10px}.archive-collage img{height:180px}.media-caption{font-size:8px}.lesson{margin-top:22px;padding-left:14px}.lesson p{font-size:11px}.scooter-media{padding:13px;gap:15px;grid-template-columns:1.1fr 1fr}.scooter-media strong{font-size:23px}.scooter-media>div>.small-label{font-size:6px}.scooter-media>div p{font-size:8px;line-height:1.9}.chain{gap:7px}.chain>span{padding:6px 8px;font-size:8px}.beyond-work{display:block;margin-top:55px;padding-top:25px;position:relative}.beyond-work>span:first-child{font-size:7px}.beyond-work p{font-size:11px;line-height:1.9;margin-top:13px;padding-right:30px}.beyond-symbol{position:absolute;right:0;top:22px;font-size:32px}.partner-visual{margin-top:40px}.partners h2{font-size:clamp(55px,13vw,80px)}.partners-lead{font-size:15px;margin:25px 0;line-height:1.9}.partners-copy p{font-size:12px;line-height:1.95}.exchange{grid-template-columns:1fr;gap:25px;margin:40px 0 50px;padding-block:27px}.exchange h3{font-size:26px;margin-bottom:13px}.exchange p{font-size:12px}.exchange-icon{font-size:26px;transform:rotate(90deg)}.contact-block>a{font-size:clamp(18px,5.7vw,31px);letter-spacing:-.05em}.contact-block>a>span{margin-left:6px}.contact-block>.small-label{font-size:8px}footer{flex-wrap:wrap;gap:25px;padding-block:28px}.footer-brand{font-size:10px}.footer-brand>span{font-size:8px}footer>div{gap:15px;font-size:9px}footer>span{font-size:7px;width:100%}dialog{padding:17px;width:95vw;border-radius:9px}.dialog-toolbar{gap:14px;margin-bottom:17px}.dialog-toolbar h2{font-size:14px}.dialog-toolbar button{font-size:9px;padding:7px 10px}#dialog-caption{font-size:10px}#dialog-original{font-size:10px}.dialog-image-wrap{overflow:auto}.dialog-image-wrap img{min-width:700px}.hero-copy h1>span{animation-duration:.7s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal.pending{opacity:1;transform:none}.portrait-scene{transform:none}.flow-pulse{stroke-dasharray:none;opacity:.5}}

/* Leave room for gradient-text descenders and keep portrait captions unobstructed. */
.hero h1>span{padding-bottom:.14em;margin-bottom:-.14em}.badge-bottom{bottom:165px}

/* V2.1: full photograph, unobstructed subjects, and a text-only origin panel. */
.hero-grid{grid-template-columns:1fr 1.08fr;gap:65px}
.portrait-scene{transform:none}
.portrait-frame{width:100%;height:auto;margin:0;border-radius:16px;aspect-ratio:3/2}
.portrait-frame>img{width:100%;height:auto;object-fit:contain;filter:none}
.portrait-orbit{display:none}
.portrait-name{position:static;padding:23px 2px 20px;gap:5px}
.portrait-name strong{font-size:25px}
.portrait-name>span:first-child{font-size:7px}
.portrait-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.portrait-facts .floating-badge{position:static;animation:none;padding:14px 12px;gap:10px;box-shadow:none;border-radius:8px;min-width:0}
.portrait-facts .badge-icon{font-size:21px}
.portrait-facts strong{font-size:11px}
.portrait-facts div>span{font-size:7px;line-height:1.7}
.scene-caption{text-align:left;margin-top:18px}
.journey-layout{grid-template-columns:.65fr 1.35fr;gap:85px}
.journey-aside{padding:29px 25px;border-top:1px solid #789bd85c;border-bottom:1px solid var(--line);background:linear-gradient(140deg,#17233a66,transparent);border-radius:0 0 8px 8px}
.journey-aside h3{font-size:26px;margin:10px 0 23px}
@media(max-width:1150px){.hero-grid{gap:35px}.hero h1{font-size:90px}.portrait-facts{grid-template-columns:1fr}.journey-layout{gap:50px}}
@media(max-width:900px){.hero h1{font-size:80px}.journey-layout{gap:35px}.journey-aside{padding:24px 19px}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(74px,17vw,118px)}.portrait-scene{width:100%;margin:0 auto 10px;max-width:520px}.portrait-frame{height:auto;border-radius:12px}.portrait-name{padding:20px 0 17px}.portrait-facts{grid-template-columns:1fr 1fr;gap:9px}.portrait-facts .floating-badge{padding:12px 9px;gap:7px}.portrait-facts strong{font-size:10px}.portrait-facts div>span{font-size:6px}.portrait-facts .badge-icon{font-size:17px}.journey-layout{grid-template-columns:1fr;gap:40px}.journey-aside{display:block;padding:25px 22px}.journey-aside h3{font-size:27px;margin-bottom:18px}.journey-aside>p{font-size:12px}.journey-aside>p:last-of-type{margin-top:0}.journey-progress{margin-top:25px}}