/* Deeper product explanations, local demos, and standalone workflow guides. */
.interactive-section{padding-block:46px 35px}.interactive-section .section-heading h2{font-size:clamp(31px,3.6vw,48px);max-width:690px;line-height:1.1}.interactive-section .section-heading>p{max-width:360px}.interactive-lab{background:#19251e;color:#edf3e7;border:1px solid #3b4f3c;border-radius:15px;overflow:hidden;box-shadow:0 20px 65px #10201615}.lab-intro{display:grid;grid-template-columns:1fr 1fr;min-height:350px}.lab-intro-art{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 50%,#405238,transparent 65%),linear-gradient(135deg,#223022,#18241c);border-right:1px solid #3b4f3c}.lab-orbit{position:absolute;width:260px;height:140px;border:1px solid #7c966066;border-radius:50%;transform:rotate(-25deg)}.second-orbit{width:200px;height:230px;transform:rotate(30deg)}.lab-core.app-icon{height:100px;width:100px;font-size:39px;border-radius:25px;box-shadow:0 15px 60px #0a170b80;transform:rotate(-7deg)}.lab-art-caption{position:absolute;bottom:30px;font-size:8px;letter-spacing:.15em;color:#c1d1b2}.lab-intro-copy{padding:36px 40px}.lab-tag{font-size:9px;letter-spacing:.14em;color:#d5ee8a}.lab-intro-copy h3{font-size:34px;line-height:1.1;margin:19px 0;letter-spacing:-.04em}.lab-intro-copy>p{font-size:13px;color:#bfceb5;max-width:380px;line-height:1.8}.lab-intro-copy .button{margin-top:23px}.lab-start-note{display:block;font-size:10px;color:#bfceb5;margin-top:15px}.lab-load-status:empty{display:none}.lab-load-status{margin-top:14px}.lab-boundary{font-size:12px;color:var(--muted);line-height:1.8;margin:17px 0}.interactive-section>.text-link{margin-top:5px}.interface-sketch{padding:0;border:1px solid var(--line);border-radius:10px}.interface-sketch>summary{padding:20px 24px;font-size:14px}.interface-sketch .product-demo-section{width:100%;padding:5px 24px 24px}.interface-sketch .demo-heading{display:none}.interface-sketch .demo-caption{margin-bottom:0}.interface-sketch .demo-window{box-shadow:none}
.lab-body{display:grid;grid-template-columns:290px 1fr;min-height:390px}.lab-controls{background:#202e23;border-right:1px solid #40513b;padding:28px 25px;display:flex;flex-direction:column;align-items:stretch;gap:20px}.lab-controls>.eyebrow{font-size:9px;color:#c4d8ab}.lab-controls>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#c0ceb6}.lab-control{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px}.lab-control>span{display:block;width:100%;color:#e3ecd9;line-height:1.5}.lab-control input[type=range]{accent-color:#d5ee8a;flex:1;min-width:0;height:26px;cursor:pointer;margin:0}.lab-control output{color:#d5ee8a;font-variant-numeric:tabular-nums;min-width:35px;text-align:right;font-size:11px}.lab-control select{display:block;width:100%;background:#162219;color:#edf3e7;border:1px solid #6a805a;border-radius:5px;padding:11px 10px;font-size:12px;max-width:100%}.lab-control-note{font-size:10px;color:#b7c8ac;margin-top:auto;padding-top:10px;line-height:1.7}.lab-button{padding:11px 14px;border:1px solid #6a805a;background:#293c25;color:#e7f0df;border-radius:6px;font-size:11px;line-height:1.4;text-align:left}.lab-button:hover{background:#405333;border-color:#aec48b}.lab-button:disabled{opacity:.6}.lab-checkbox{font-size:12px;color:#e3ecd9;display:flex;align-items:start;gap:10px;line-height:1.6}.lab-checkbox input{margin-top:3px;accent-color:#d5ee8a;width:17px;height:17px;flex-shrink:0}.lab-stage{padding:28px 32px;min-width:0;display:flex;flex-direction:column;gap:21px;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#2c3b29,transparent 80%),#18241c}.lab-stage h3{line-height:1.2}.lab-stage .eyebrow{font-size:9px;color:#c4d8ab}.lab-result{font-size:12px;color:#e0efca;padding:15px 17px;line-height:1.75;background:#2b3b25;border:1px solid #526b40;border-radius:7px}.lab-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lab-stat{border-top:1px solid #4b6041;padding-top:15px;min-width:0}.lab-stat>span{display:block;font-size:10px;color:#becfb1;line-height:1.6}.lab-stat>strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.03em;margin-top:8px;overflow-wrap:anywhere}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px;border-top:1px solid #40513b;background:#202e23}.lab-toolbar>span{font-size:10px;color:#b7c8ac}.lab-toolbar .lab-button{padding:8px 12px}.lab-small{font-size:10px;color:#becfb1;line-height:1.8}.lab-small a{text-decoration:underline;text-underline-offset:3px}.lab-nojs{font-size:13px;color:var(--muted)}.lab-nojs a{text-decoration:underline}.interactive-lab :is(input,select,button):focus-visible{outline:3px solid #d5ee8a;outline-offset:4px}.interactive-lab button.button-lime{color:#20251f;background:#d5ee8a}
.lab-document{padding:25px;background:#edf0e2;color:#263121;border-radius:4px;box-shadow:0 12px 30px #0002}.lab-document .eyebrow{color:#4b603c}.lab-document pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;margin-top:20px}.hash-record>span{font-size:10px;color:#becfb1;display:block;margin-bottom:9px}.hash-record code{display:block;overflow-wrap:anywhere;font-size:11px;color:#d5ee8a;line-height:1.8}.lab-data-card{border:1px solid #526b40;padding:23px;border-radius:7px}.lab-data-card h3{font-size:23px}.lab-data-card p{font-size:13px;color:#becfb1;margin-top:15px}.lab-data-card code{display:block;font-size:11px;color:#d5ee8a;margin-top:20px;overflow-wrap:anywhere}.lab-report{background:#f2f1e6;color:#27351f;padding:30px;box-shadow:0 10px 35px #0003}.lab-report .eyebrow{color:#4b603c}.lab-report h3{font-family:Georgia,serif;font-weight:400;font-size:30px;max-width:380px;margin-top:23px}.lab-report>p{font-size:11px;color:#4b603c;margin-top:22px}.lab-big-number{display:block;font-size:64px;letter-spacing:-.07em;font-weight:500;line-height:1.1;margin-top:12px}.lab-source-ref{font-size:10px;display:block;color:#4b603c;border-top:1px solid #c5cfb5;padding-top:14px}.lab-mini-chart{width:100%;max-width:440px;height:80px}.lab-canvas-frame{display:flex;justify-content:center;background:#101b14;border:1px solid #526b40;border-radius:7px;overflow:hidden}.lab-art-canvas{display:block;max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain}.lab-brand-preview{padding:25px;text-align:center;border:1px solid #526b40;border-radius:7px}.lab-brand-preview svg{width:100%;max-height:245px}.lab-brand-preview[data-palette=field]{background:#20251f;color:#d5ee8a}.lab-brand-preview[data-palette=field] path{fill:#d5ee8a}.lab-brand-preview[data-palette=coast]{background:#162d42;color:#b2d6f4}.lab-brand-preview[data-palette=coast] path{fill:#b2d6f4}.lab-brand-preview[data-palette=clay]{background:#3c251c;color:#ecb89c}.lab-brand-preview[data-palette=clay] path{fill:#ecb89c}.brand-token-label{display:inline-block;padding:9px 12px;border:1px solid currentColor;border-radius:4px;font-size:9px;letter-spacing:.1em}.lab-publication{background:linear-gradient(155deg,#e3edca,#b0c28b);color:#26351d;padding:35px;min-height:290px;position:relative;display:flex;flex-direction:column;justify-content:center}.lab-publication .eyebrow{color:#40532d}.lab-publication h3{font-family:Georgia,serif;font-size:42px;font-weight:400;max-width:380px;margin:20px 0}.lab-publication p{font-size:14px;max-width:360px;color:#40532d}.edition-label{display:block;font-size:10px;border-top:1px solid #899f6c;padding-top:17px;margin-top:25px}.lab-component-preview{padding:30px;border-radius:12px}.lab-component-preview .eyebrow{color:inherit}.lab-component-preview[data-pair=accessible]{background:#d5ee8a;color:#20251f}.lab-component-preview[data-pair=subtle]{background:#f5f5ef;color:#676d62}.lab-component-preview[data-pair=faint]{background:#f5f5ef;color:#b4b9ad}.lab-component-preview h3{font-size:31px;margin-top:24px}.lab-component-preview p{font-size:14px;margin-top:17px;max-width:340px}.sample-component-action{display:inline-block;border:1px solid currentColor;padding:10px 15px;font-size:12px;border-radius:6px;margin-top:23px}.lab-photo-records{display:grid;gap:12px}.photo-record{display:flex;align-items:center;gap:15px;padding:14px;background:#263824;border:1px solid #526b40;border-radius:6px}.record-art{height:55px;width:65px;flex-shrink:0;border-radius:4px;background:radial-gradient(circle at 70% 25%,#efd9a3 0 12%,transparent 13%),linear-gradient(140deg,#b2cdac,#476b53)}.record-art-1{filter:hue-rotate(30deg)}.record-art-2{filter:hue-rotate(-35deg)}.record-art-3{filter:hue-rotate(10deg)}.photo-record strong{display:block;font-size:13px;font-weight:500}.photo-record small{display:block;font-size:10px;color:#becfb1;margin-top:7px;line-height:1.6}.photo-record>span:last-child{margin-left:auto;font-size:10px;color:#d5ee8a;white-space:nowrap}.record-held{background:#302f22;border-color:#676441}.record-held>span:last-child{color:#efdaa0}.lab-flux-visual{background:#d5ee8a;color:#26351d;padding:35px}.lab-flux-visual .eyebrow{color:#40532d}.lab-flux-visual h3{font-size:34px;margin:22px 0}.lab-flux-visual>span:not(.eyebrow){font-size:12px}.lab-flux-visual svg{width:100%;margin-top:25px}.passage-button{border:1px solid #526b40;background:#243520;color:#e3ecd9;border-radius:6px;padding:13px;text-align:left;font-size:11px;line-height:1.8}.passage-button>span{display:block;color:#c0d5a6;font-size:9px;margin-bottom:5px}.passage-button[aria-pressed=true]{border-color:#d5ee8a;background:#3b4d2e}.lab-audio-visual{background:#202e23;padding:24px;border:1px solid #526b40;border-radius:7px}.lab-audio-visual svg{width:100%;margin-block:15px}.lab-audio-visual p{font-size:17px;line-height:1.7}.lab-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lab-comparison>div{background:#202e23;border:1px solid #526b40;border-radius:6px;padding:18px;min-width:0}.lab-comparison pre{font-size:11px;line-height:1.9;color:#d5ee8a;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:20px}.lab-differences{padding-left:20px;margin:0;font-size:12px;line-height:1.8;color:#efdaa0}.lab-differences:empty{display:none}.lab-webgl{position:relative;width:100%;min-height:340px;border:1px solid #526b40;border-radius:8px;overflow:hidden;background:#17231d}.lab-three-canvas{display:block;width:100%;height:340px;touch-action:pan-y;cursor:grab}.lab-three-canvas:active{cursor:grabbing}.webgl-fallback{padding:50px 30px;font-size:15px;line-height:1.9;color:#d4e4c2;text-align:center;max-width:500px;margin:auto}
.deep-feature-section{padding-bottom:70px}.feature-accordion{border-top:1px solid var(--line)}.feature-accordion details{padding:0}.feature-accordion summary{padding-block:23px;font-size:21px;letter-spacing:-.025em;justify-content:start}.feature-index{font-size:11px;color:var(--muted);margin-right:13px}.feature-accordion summary>span:last-child{margin-left:auto}.feature-accordion details[open] summary>span:not(:last-child){transform:none}.feature-expanded{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;padding:0 35px 30px 45px}.feature-expanded h3{font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:10px}.feature-expanded p{padding:0;font-size:14px;line-height:1.85;max-width:560px}.workflow-guide-link{margin-top:30px;border:1px solid var(--line);border-radius:10px;padding:30px;display:flex;align-items:center;gap:40px;justify-content:space-between}.workflow-guide-link .eyebrow{font-size:9px;color:var(--muted)}.workflow-guide-link h3{font-size:25px;margin-top:16px;line-height:1.2}.workflow-guide-link p{font-size:13px;color:var(--muted);margin-top:14px;max-width:660px}.workflow-guide-link .button{flex-shrink:0}
.guide-hero{padding-block:32px 45px}.guide-hero>.eyebrow{color:var(--muted)}.guide-hero h1{font-size:clamp(39px,4.8vw,66px);max-width:930px;line-height:1.06;letter-spacing:-.06em;margin-top:25px}.guide-goal{font-size:18px;color:var(--muted);max-width:800px;margin-top:25px}.guide-meta{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;border-block:1px solid var(--line);padding-block:24px;margin-top:35px;font-size:12px;color:var(--muted);line-height:1.7}.guide-meta strong{display:block;color:var(--ink);font-size:10px;letter-spacing:.06em;margin-bottom:9px}.guide-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px;padding-block:25px 70px;align-items:start}.guide-contents{position:sticky;top:115px;display:flex;flex-direction:column;gap:20px;padding:20px 0}.guide-contents strong{font-size:9px;letter-spacing:.14em;color:var(--muted);margin-bottom:10px}.guide-contents a{font-size:12px;color:var(--muted);line-height:1.5}.guide-contents a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.guide-body{min-width:0}.guide-body h2{font-size:37px;line-height:1.1;margin-top:19px}.guide-intro{font-size:14px;color:var(--muted);line-height:1.85;max-width:730px;margin-top:20px}.walkthrough-steps{padding:0;margin:35px 0 0;list-style:none;display:grid;gap:25px}.walkthrough-steps>li{border:1px solid var(--line);border-radius:12px;padding:28px}.walkthrough-step-heading{display:flex;gap:20px;align-items:baseline}.walkthrough-step-heading>span{font-size:11px;color:var(--muted)}.walkthrough-step-heading h3{font-size:25px;line-height:1.2}.walkthrough-steps dl{margin:24px 0 0;display:grid;gap:18px}.walkthrough-steps dl>div{display:grid;grid-template-columns:105px 1fr;gap:20px}.walkthrough-steps dt{font-size:11px;color:var(--ink);line-height:1.8}.walkthrough-steps dd{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.guide-section{padding-top:60px}.exchange-table-wrap{margin-top:25px}.exchange-table{border-collapse:collapse;width:100%;font-size:13px}.exchange-table caption{font-size:10px;color:var(--muted);text-align:left;padding-bottom:15px}.exchange-table th,.exchange-table td{padding:16px 13px;border:1px solid var(--line);text-align:left;line-height:1.8;vertical-align:top}.exchange-table th{font-weight:500}.exchange-table thead th{font-size:11px;color:var(--ink);background:#81996710}.exchange-table tbody th{width:23%}.exchange-table td{color:var(--muted)}.guide-handoff{border-left:2px solid #879c6d;padding:5px 0 5px 25px;margin-top:30px}.guide-handoff h3{font-size:22px;line-height:1.25}.guide-handoff p{font-size:13px;color:var(--muted);margin-top:14px;line-height:1.85}.guide-handoff .text-link{margin-top:20px}.guide-limits{padding-left:20px;font-size:15px;line-height:1.85;color:var(--muted);display:grid;gap:17px;margin-top:25px}.guide-readiness{margin-top:25px;background:#81996710;border:1px solid var(--line);padding:27px;border-radius:10px}.guide-readiness h3{font-size:17px;letter-spacing:-.02em;line-height:1.3}.guide-readiness h3:not(:first-child){margin-top:25px}.guide-readiness p{font-size:13px;color:var(--muted);line-height:1.85;margin-top:12px}.guide-faq{margin-top:25px;border-top:1px solid var(--line)}.guide-source-note{margin-top:35px}.guide-source-note h3{font-size:17px}.guide-source-note p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:13px}.guide-source-note a{text-decoration:underline;text-underline-offset:3px}.guide-return{display:flex;align-items:center;gap:25px;background:#81996710;border:1px solid var(--line);padding:32px;border-radius:12px}.guide-return h2{font-size:29px}.guide-return p{font-size:13px;color:var(--muted);margin-top:12px}.guide-return .button{margin-left:auto;flex-shrink:0}
@media(max-width:1050px){.lab-body{grid-template-columns:250px 1fr}.lab-controls{padding:25px 20px}.lab-stage{padding:24px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.guide-meta{gap:22px}.workflow-guide-link{gap:25px;align-items:start;flex-direction:column}.lab-intro-copy{padding:30px}.photo-record{gap:10px}.record-art{width:45px;height:50px}.photo-record>span:last-child{white-space:normal;max-width:70px}}
@media(max-width:800px){.lab-body{grid-template-columns:1fr}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-right:0;border-bottom:1px solid #40513b}.lab-controls>.eyebrow{grid-column:1/-1}.lab-control-note{grid-column:1/-1;padding:0}.lab-controls>.lab-button{align-self:end}.lab-stage{padding:28px}.lab-intro-copy h3{font-size:29px}.lab-orbit{width:210px;height:120px}.second-orbit{width:160px;height:210px}.lab-core.app-icon{width:80px;height:80px;font-size:31px;border-radius:22px}.feature-expanded{gap:25px;padding-left:0}.guide-layout{grid-template-columns:1fr;gap:30px}.guide-contents{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:14px 25px;border-block:1px solid var(--line);padding-block:20px}.guide-contents strong{width:100%;margin:0}.guide-return{flex-wrap:wrap}.guide-return .button{margin-left:0}.guide-body h2{font-size:34px}}
@media(max-width:600px){.interactive-section{padding-block:32px}.interactive-section .section-heading h2{font-size:32px}.interactive-section .section-heading>p{font-size:13px}.lab-intro{grid-template-columns:1fr}.lab-intro-art{min-height:180px;border-right:0;border-bottom:1px solid #40513b}.lab-art-caption{bottom:15px;font-size:6px}.lab-orbit{height:95px;width:200px}.second-orbit{height:145px;width:160px}.lab-core.app-icon{width:64px;height:64px;font-size:26px;border-radius:17px}.lab-intro-copy{padding:25px}.lab-intro-copy h3{font-size:29px}.lab-intro-copy>p{font-size:12px}.lab-tag{font-size:8px}.lab-boundary{font-size:11px}.lab-controls{padding:22px;grid-template-columns:1fr;gap:20px}.lab-control-note{font-size:10px}.lab-controls>.lab-button{width:100%}.lab-stage{padding:20px;gap:18px}.lab-stat-grid{gap:12px}.lab-stat>strong{font-size:20px}.lab-stat>span{font-size:9px}.lab-result{font-size:11px;padding:13px}.lab-toolbar{padding:13px 16px;gap:10px;flex-wrap:wrap}.lab-toolbar>span{order:3;width:100%;text-align:center;font-size:9px}.lab-toolbar>.lab-button:last-child{margin-left:auto}.lab-document{padding:20px}.lab-document pre{font-size:11px}.hash-record code{font-size:10px}.lab-data-card{padding:18px}.lab-data-card h3{font-size:21px}.lab-data-card p{font-size:12px}.lab-report{padding:22px}.lab-report h3{font-size:27px}.lab-big-number{font-size:55px}.lab-publication{padding:23px;min-height:260px}.lab-publication h3{font-size:33px}.lab-publication p{font-size:12px}.lab-component-preview{padding:23px}.lab-component-preview h3{font-size:27px}.lab-photo-records{gap:10px}.photo-record{padding:12px;flex-wrap:wrap}.photo-record>span:last-child{max-width:none;flex-basis:100%;margin-left:55px}.photo-record strong{font-size:12px}.photo-record small{font-size:9px}.lab-flux-visual{padding:25px}.lab-flux-visual h3{font-size:29px}.lab-audio-visual{padding:18px}.lab-audio-visual p{font-size:15px}.lab-comparison{grid-template-columns:1fr}.lab-comparison pre{font-size:12px}.lab-three-canvas{height:280px}.lab-webgl{min-height:280px}.webgl-fallback{font-size:13px;padding:35px 23px}.interface-sketch>summary{padding:18px;font-size:12px}.interface-sketch .product-demo-section{padding:0 10px 15px}.deep-feature-section{padding-bottom:45px}.feature-accordion summary{font-size:18px;gap:12px;line-height:1.4}.feature-index{font-size:10px;margin-right:2px}.feature-expanded{grid-template-columns:1fr;gap:20px;padding-bottom:25px}.feature-expanded p{font-size:13px}.workflow-guide-link{padding:23px}.workflow-guide-link h3{font-size:23px}.workflow-guide-link p{font-size:12px}.workflow-guide-link .button{font-size:11px;max-width:100%}.guide-hero{padding-block:24px 30px}.guide-hero h1{font-size:39px}.guide-hero>.eyebrow{font-size:9px}.guide-goal{font-size:16px}.guide-meta{grid-template-columns:1fr;gap:17px;margin-top:25px;padding-block:20px}.guide-meta>span{display:grid;grid-template-columns:65px 1fr;gap:12px}.guide-meta strong{margin:0}.guide-actions{align-items:start;flex-direction:column;gap:20px}.guide-layout{padding-block:10px 45px}.guide-contents{gap:15px 20px}.guide-contents a{font-size:11px}.guide-body h2{font-size:31px}.guide-intro{font-size:13px}.walkthrough-steps{gap:20px;margin-top:25px}.walkthrough-steps>li{padding:23px}.walkthrough-step-heading{gap:14px}.walkthrough-step-heading h3{font-size:23px}.walkthrough-steps dl>div{grid-template-columns:1fr;gap:6px}.walkthrough-steps dt{font-size:10px;font-weight:600}.walkthrough-steps dd{font-size:13px}.guide-section{padding-top:45px}.exchange-table{font-size:11px;table-layout:fixed}.exchange-table th,.exchange-table td{padding:11px 8px;overflow-wrap:anywhere}.exchange-table thead th{font-size:10px}.exchange-table tbody th{width:auto}.guide-handoff{padding-left:18px}.guide-handoff h3{font-size:21px}.guide-handoff p{font-size:12px}.guide-limits{font-size:13px}.guide-readiness{padding:23px}.guide-readiness p{font-size:12px}.guide-return{padding:25px;gap:20px}.guide-return h2{font-size:26px}.guide-return p{font-size:12px}.guide-return>.app-icon{display:none}}
.feature-accordion summary>span:nth-child(2){color:var(--ink);font-size:inherit;font-weight:500}