@font-face{font-family:Inter;src:url(./fonts/inter-400-normal-latin.woff2) format('woff2');font-display:swap}
@font-face{font-family:Mono;src:url(./fonts/jetbrains-mono-400-normal-latin.woff2) format('woff2');font-display:swap}

:root{--paper:#f7fbf8;--ink:#203a2d;--muted:#6b746b;--green:#315e42;--accent:#44d969;--line:#dce2d7;--mono:Mono,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.7}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.site-header{height:96px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}
.brand{font-size:25px;letter-spacing:-1px;display:flex;align-items:center;gap:9px;font-weight:bold}
.brand-symbol{font-size:33px;line-height:1;transform:rotate(-12deg)}
.brand-symbol span{color:var(--accent)}
.brand-tag{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:9px}
.site-header nav{display:flex;gap:28px;font-size:12px}
.site-header nav a:hover,.text-link:hover,aside a:hover{color:var(--accent)}
[aria-current=page]{color:var(--green);text-decoration:underline;text-underline-offset:7px}
.header-cta{border:1px solid var(--line);padding:9px 18px;font-size:12px;display:flex;gap:25px}
main,footer{max-width:1440px;margin:auto}
.hero{position:relative;padding:100px 5% 90px;display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;overflow:hidden;min-height:640px}
.eyebrow{font:10px var(--mono);letter-spacing:1.7px;display:flex;align-items:center;gap:10px;margin:0 0 24px}
.status-dot{width:6px;height:6px;background:#63865b;border-radius:50%;display:inline-block;flex-shrink:0}
h1{font-size:clamp(42px,4.5vw,66px);font-weight:400;line-height:1.08;letter-spacing:-3.7px;margin:0 0 26px}
h2{font-size:36px;font-weight:400;line-height:1.18;letter-spacing:-1.4px;margin:0}
h3{font-size:20px;letter-spacing:-.6px;font-weight:400}
.intro{font-size:15px;color:var(--muted);max-width:445px;line-height:1.85}
.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px;flex-wrap:wrap}
.button{background:var(--green);color:#fff;padding:13px 20px;display:inline-flex;align-items:center;gap:28px;font-size:12px;transition:background .2s}
.button:hover{background:#22472f}
.text-link{font-size:12px;display:flex;gap:15px}
.terminal-wrap{position:relative;padding:30px 0 40px;min-width:0}
.terminal{position:relative;border:1px solid #cbd6c3;border-radius:9px;background:#fcfffd;box-shadow:0 20px 55px #294b2514,0 3px 8px #294b2508;transform:rotate(-2deg);z-index:2}
.terminal-bar{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:#8a9285;border-bottom:1px solid #dfe9e2;padding:13px 17px;background:#ebf3ed;border-radius:9px 9px 0 0}
.dots{display:flex;gap:5px}
.dots i{width:7px;height:7px;background:#c1cbb9;border-radius:50%}
.dots i:first-child{background:#78d690}
.terminal-body{padding:22px 25px}
.terminal-welcome{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.mascot{width:85px;height:77px;flex-shrink:0}
.terminal-welcome strong{font-size:17px;font-weight:400}
.terminal-welcome span{display:block;font:10px var(--mono);color:var(--muted);margin-top:7px}
.command{border:1px solid #e2e7dc;background:#f3f9f4;border-radius:4px;padding:12px 15px;font:11px/1.9 var(--mono)}
.command span{color:#54804c}
.command b{font-weight:400;color:#929b8c}
.command em{font-style:normal;color:var(--accent)}
.prompt{margin-right:8px}
.terminal-output{font:10px/2.3 var(--mono);padding:17px 8px;color:#687563}
.terminal-output span{color:#688b49;margin-right:10px}
.terminal-result{border-top:1px solid #dfe9e2;display:flex;align-items:center;gap:8px;padding-top:13px;font:10px var(--mono)}
.terminal-result>span:last-child{margin-left:auto;color:#8b9386}
.terminal-caption{font:7px var(--mono);letter-spacing:1px;color:#8a9285;margin-top:17px}
.floating-label{position:absolute;bottom:0;right:10px;display:flex;align-items:center;gap:8px;font:9px var(--mono);color:#75806c}
.orbit{position:absolute;border:1px solid #c9dfce;border-radius:50%;width:580px;height:300px;left:-30px;top:70px;transform:rotate(-37deg);pointer-events:none}
.orbit-two{transform:rotate(35deg);border-color:#bfe6c9}
.diffusion-canvas{position:fixed;inset:0;width:100%;height:100%;opacity:.65;pointer-events:none;z-index:-1}
.hero-copy,.terminal-wrap,.chapter-mark{z-index:1}
.stack-strip{margin:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#6a7566;font-size:14px}
.mono{font:9px var(--mono);letter-spacing:1px}
.stack-strip .mono{color:#8a9283;font-size:8px}
.module-section{padding:85px 5%}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}
.section-heading .eyebrow{color:#3ea257;margin-bottom:17px}
.section-heading p:last-child{color:var(--muted);font-size:12px;line-height:1.8;margin:0}
.module-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.module{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 22px 20px;display:flex;flex-direction:column;transition:background .2s}
.module:hover{background:#e7f2ea}
.module-top{display:flex;align-items:center;justify-content:space-between}
.module-top .mono{color:#8a9381}
.module-icon{font-size:27px;color:#6b8150}
.module:nth-child(3n) .module-icon{color:var(--accent)}
.module h3{margin:30px 0 12px}
.module p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 25px}
.module-link{font:9px var(--mono);margin-top:auto;display:flex;justify-content:space-between}
.story{padding:0 5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:65px}
.editorial{padding:35px 0;border-top:1px solid var(--line)}
.section-number{display:block;margin-bottom:22px;color:var(--accent)}
.editorial h2{font-size:30px;max-width:600px}
.editorial p{max-width:650px;font-size:15px;color:var(--muted);line-height:1.95}
.closing{position:relative;margin:0 5%;padding:55px;background:#e6f2e9;overflow:hidden}
.closing h2{font-size:43px;margin-bottom:28px}
.closing-art{position:absolute;right:11%;top:0;font-size:260px;color:#b3c39e;line-height:1.1;font-family:Arial;font-weight:100}
.closing .eyebrow{color:#67816e;font-size:8px}
footer{padding:40px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;font-size:11px;color:var(--muted)}
footer .brand{color:var(--ink);font-size:21px}
footer .brand-tag{font-size:10px}
footer .mono{font-size:8px}
.inner-hero{min-height:480px;border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr;padding-top:85px;padding-bottom:75px}
.inner-hero .intro{max-width:590px}
.chapter-mark{font-size:175px;color:#a9cdb2;text-align:center;font-weight:400}
.article-layout{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:75px 9% 85px}
.article-layout aside{font-size:12px;align-self:start;position:sticky;top:30px}
.article-layout aside a{display:block;margin:15px 0;color:var(--muted)}
.article-layout .editorial:first-child{padding-top:28px}
.back-link{padding-top:25px}
.source-note{line-height:2.2;color:#87917e;border-top:1px solid var(--line);padding-top:25px;overflow-wrap:anywhere}
.contact-action{padding:0 9% 60px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:#fff;padding:12px}
.skip-link:focus{top:12px}

@media(min-width:1600px){h1{font-size:68px}
}
@media(max-width:1100px){.site-header nav{gap:16px}
.brand-tag{display:none}
.hero{gap:25px;padding-top:65px;padding-bottom:65px}
h1{letter-spacing:-2.5px}
.hero-actions{gap:18px}
.module-grid{grid-template-columns:repeat(2,1fr)}
.terminal-body{padding:18px}
.terminal-welcome span{font-size:8px}
.stack-strip{flex-wrap:wrap}
.closing-art{right:4%}
}
@media(max-width:720px){.site-header{height:auto;min-height:85px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;gap:12px}
.site-header nav{order:3;flex-basis:100%;justify-content:space-between;gap:10px;font-size:10px}
.brand{font-size:22px}
.header-cta{padding:7px 12px;font-size:10px}
.hero{display:block;padding-top:55px;min-height:0}
.hero h1{font-size:47px;letter-spacing:-2.8px}
.intro{font-size:14px}
.terminal-wrap{margin-top:35px;padding-left:8px;padding-right:8px}
.terminal{transform:rotate(-1deg)}
.orbit{width:400px;max-width:110%;left:0}
.stack-strip{font-size:11px;justify-content:flex-start;gap:16px 25px}
.stack-strip .mono{width:100%}
.module-section{padding-top:55px;padding-bottom:50px}
.section-heading{display:block}
.section-heading h2{font-size:30px}
.section-heading p:last-child{margin-top:17px}
.module{padding:20px 15px}
.module h3{font-size:18px}
.module p{font-size:11px}
.story{grid-template-columns:1fr;gap:5px;padding-bottom:35px}
.closing{padding:32px 25px}
.closing h2{font-size:34px}
.closing .eyebrow{max-width:210px;line-height:1.8}
.closing-art{font-size:170px;right:-40px;top:45px;opacity:.45}
.closing .button{position:relative;z-index:1}
footer{flex-wrap:wrap;gap:15px}
footer>span:nth-child(2){width:55%;font-size:10px}
.inner-hero .chapter-mark{display:none}
.article-layout{display:block;padding:40px 6%}
.article-layout aside{position:static;margin-bottom:40px}
.editorial h2{font-size:29px}
.editorial p{font-size:14px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}


.inline-icon{display:inline-block;width:12px;height:12px;vertical-align:middle;flex-shrink:0}.stack-icon{width:29px;height:29px;display:block}.chapter-mark .stack-icon{width:160px;height:160px;margin:auto}.angel-mascot{width:260px;height:246px}.closing-art{top:30px}.terminal-output .inline-icon{width:10px;height:10px}.module-top .mono{display:flex;gap:8px}.module-top .mono .inline-icon{width:9px;height:9px}

/* Browser-only product tours. */
.brand-logo{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.demo-section{padding:30px 5% 70px;scroll-margin-top:30px}
.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.demo-heading .eyebrow{margin-bottom:14px}.demo-badge{font:9px var(--mono);letter-spacing:1px;background:#def7e4;color:#2e9849;border:1px solid #b1edc0;padding:9px 12px;white-space:nowrap}
.demo-section button{font:11px Inter,Arial,sans-serif;color:var(--ink);border:1px solid var(--line);background:#f9fffb;padding:8px 12px;cursor:pointer;border-radius:4px;line-height:1.5}
.demo-section button:hover{background:#e6f2e9;border-color:#a7b89a}.demo-section button:disabled{opacity:.4;cursor:default}.demo-section button.demo-primary{background:var(--green);color:white;border-color:var(--green)}
.console-shell,.ide-shell{border:1px solid #c8d3c0;border-radius:10px;overflow:hidden;box-shadow:0 15px 50px #294b2510;background:#fbfffc}
.console-top{background:#edf2e7;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:14px}.console-top strong span{font-weight:400;color:var(--muted);font-size:11px}.demo-live{font:10px var(--mono);color:var(--green)}
.console-layout{display:grid;grid-template-columns:185px minmax(0,1fr);min-height:600px}.console-nav{padding:25px 12px;background:#f1f8f3;border-right:1px solid var(--line)}.console-nav>p{padding-left:12px}.console-nav button{display:block;width:100%;border:0;text-align:left;background:none;margin:5px 0;padding:11px}.console-nav button span{color:#87947d;margin-right:12px;font:9px var(--mono)}.console-nav button[aria-current=page]{background:#e3ebd9;color:var(--green);text-decoration:none}.console-nav-note{padding:30px 12px;font-size:10px;line-height:1.8;color:var(--muted)}
.console-content{padding:24px;min-width:0}.console-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.console-filters label{font:9px var(--mono);color:var(--muted)}.console-filters select{display:block;min-width:150px;margin-top:7px;background:#fbfffc;color:var(--ink);border:1px solid var(--line);padding:9px;font:11px var(--mono);border-radius:4px}.console-filters>button{margin-left:auto}
.tour-card,.ide-tour{border:1px solid #a6e6b6;border-left:3px solid var(--accent);background:#e9fcee;padding:20px;display:flex;gap:20px;justify-content:space-between;align-items:center;margin:22px 0}.tour-card h3,.ide-tour h3{margin:8px 0;font-size:17px}.tour-card p,.ide-tour p{font-size:12px;color:#5f7063;max-width:650px;margin:0}.tour-actions,.ide-tour>div:last-child{display:flex;gap:8px;flex-shrink:0}.tour-card .mono,.ide-tour .mono{color:#35a050;font-size:8px}
.console-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0}.console-title h3{margin:0}.console-title .mono{font-size:8px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid>div{border:1px solid var(--line);border-radius:5px;padding:17px 14px}.metric-grid strong{display:block;font-size:30px;font-weight:400;line-height:1.3}.metric-grid span{display:block;font-size:11px;margin-top:7px}.metric-grid small{display:block;font:8px var(--mono);color:var(--muted);margin-top:7px}
.network-map{margin-top:24px;padding:22px;border:1px solid var(--line);background:radial-gradient(#dce4d4 .6px,transparent .6px);background-size:10px 10px}.network-map>.mono{font-size:8px;color:var(--muted)}.network-map>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 7px}.network-map button{font-size:10px;padding:13px}.route-arrow{color:var(--accent)}.console-summary{padding:12px 0}.console-summary h3{font-size:17px;margin-bottom:8px}.console-summary p{font-size:12px;color:var(--muted)}.console-foot{font:8px var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:24px}
.resource-search{font:10px var(--mono);display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.resource-search input{font:11px Inter,sans-serif;padding:9px;border:1px solid var(--line);border-radius:4px;min-width:230px;background:#fbfffc}.resource-table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;font:9px var(--mono);color:var(--muted);background:#edf6ef}td,th{padding:13px 10px;border-bottom:1px solid var(--line)}td:first-child button{border:0;background:none;padding:0;color:var(--green);text-decoration:underline;text-underline-offset:3px}.health{color:#4a7648;font-size:10px}.resource-detail{border:1px solid #bdcdb0;background:#f4faf6;border-radius:5px;margin-top:20px;padding:18px}.detail-heading{display:flex;justify-content:space-between;align-items:center}.detail-heading h3{margin:0;font-size:17px}.detail-tabs{display:flex;gap:8px;margin-top:14px}.detail-tabs [aria-pressed=true]{background:#e3ebd9}.resource-detail pre{font:11px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.rollout-result{font-size:11px;color:var(--green)}.event-list>div{display:flex;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid var(--line);font-size:12px}.event-dot{width:7px;height:7px;border-radius:50%;background:#73955d;flex-shrink:0}.event-list time{margin-left:auto;font:9px var(--mono);color:var(--muted)}
.ide-tour{margin:0 0 20px}.ide-titlebar{padding:12px 16px;background:#dfefe3;display:flex;justify-content:space-between;align-items:center;gap:12px;font:10px var(--mono)}.ide-titlebar small{color:var(--muted);font-size:9px}.window-controls{letter-spacing:4px;color:#53b76c}.ide-toolbar{display:flex;align-items:center;gap:20px;padding:8px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;background:#eef7f0}.ide-toolbar button{padding:2px 8px}.ide-local{margin-left:auto;font:8px var(--mono);color:var(--green)}.ide-body{display:grid;grid-template-columns:210px minmax(0,1fr)}.ide-explorer{background:#edf6ef;padding:18px 10px;border-right:1px solid var(--line);min-width:0}.ide-explorer>p,.ide-explorer>strong{display:block;padding:0 9px;font-size:9px;color:var(--muted)}.ide-explorer>strong{font:9px var(--mono);margin:25px 0 14px}.ide-explorer>p:last-child{font:9px/1.8 var(--mono);margin-top:40px}.ide-explorer button{border:0;background:none;display:flex;width:100%;text-align:left;padding:10px 8px;gap:8px;font-size:10px;border-radius:2px}.ide-explorer .selected{background:#e1ead7}.file-type{color:#38a253;font:9px var(--mono);min-width:18px}.ide-workbench{min-width:0;background:#f9fdfa}.ide-tabs{display:flex;overflow:auto;background:#e6f2e9;border-bottom:1px solid var(--line)}.ide-tabs button{border:0;border-right:1px solid var(--line);border-radius:0;background:none;white-space:nowrap;padding:13px}.ide-tabs [aria-selected=true]{background:#f9fdfa;box-shadow:inset 0 2px var(--accent)}.ide-breadcrumb{font:9px var(--mono);padding:10px 17px;color:var(--muted)}#monaco-editor{height:390px;width:100%;overflow:hidden}#editor-fallback{width:100%;height:100%;resize:none;border:0;padding:16px 20px;background:#f9fdfa;color:var(--ink);font:12px/23px var(--mono);tab-size:4}.ide-panel-tabs{display:flex;gap:8px;border-top:1px solid var(--line);padding:5px 10px}.ide-panel-tabs button{border:0;background:none;font-size:10px}.ide-panel-tabs [aria-selected=true]{box-shadow:inset 0 -2px var(--accent)}.ide-panel{height:145px;overflow:auto;margin:0;padding:12px 20px;font:10px/1.8 var(--mono);white-space:pre-wrap}.ide-status{display:flex;justify-content:space-between;gap:12px;padding:8px 14px;background:var(--green);color:#eff5e8;font:8px var(--mono)}.demo-note{font:9px/1.8 var(--mono);color:var(--muted);margin-top:16px}
@media(max-width:1000px){.site-header{gap:15px}.site-header nav{gap:14px}.brand-tag{display:none}.console-layout{grid-template-columns:150px minmax(0,1fr)}.console-content{padding:18px}.metric-grid{grid-template-columns:repeat(2,1fr)}.network-map>div{flex-wrap:wrap;justify-content:start}.tour-card,.ide-tour{align-items:start;flex-direction:column}.ide-body{grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:650px){.demo-heading{align-items:start;flex-direction:column}.demo-heading h2{font-size:29px}.demo-badge{font-size:8px}.console-layout{display:block}.console-nav{display:flex;gap:5px;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line)}.console-nav>p,.console-nav-note,.console-nav button span{display:none}.console-nav button{width:auto;white-space:nowrap;font-size:10px;padding:8px}.console-top{padding:12px;font-size:12px;flex-wrap:wrap}.console-top strong span{display:none}.console-content{padding:14px}.console-filters{gap:10px}.console-filters select{min-width:125px}.console-filters>button{margin-left:0}.console-title{align-items:start;flex-direction:column}.event-list>div{flex-wrap:wrap}.event-list time{margin-left:19px}.ide-titlebar{flex-wrap:wrap}.window-controls,.ide-titlebar small{display:none}.ide-toolbar{gap:12px}.ide-body{display:block}.ide-explorer{padding:9px;display:flex;overflow:auto;gap:5px;border-right:0;border-bottom:1px solid var(--line)}.ide-explorer>p,.ide-explorer>strong{display:none}.ide-explorer button{width:auto;white-space:nowrap;font-size:9px;padding:6px}.ide-explorer>p:last-child{display:none}.ide-tabs button{font-size:10px}.ide-status{flex-wrap:wrap;font-size:7px}.tour-actions{width:100%}#monaco-editor{height:350px}.brand-logo{width:34px;height:34px}}

.footer-legal{width:100%;display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding-top:22px;font-size:11px;line-height:1.7}

.provision-steps{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line);background:#edf6ef}
.provision-steps [aria-current=step]{background:var(--green);color:white;border-color:var(--green)}
.provision-content{padding:0 24px 12px;min-width:0}.provision-artifacts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.provision-artifacts section{min-width:0;border:1px solid var(--line);background:#f9fdfa}.provision-artifacts h3{font:11px var(--mono);margin:0;padding:14px 18px;border-bottom:1px solid var(--line);background:#edf2e7}
.provision-artifacts pre{font:11px/1.9 var(--mono);padding:18px;margin:0;max-height:480px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:800px){.provision-artifacts{grid-template-columns:minmax(0,1fr)}.provision-content{padding:0 14px 12px}.provision-steps{padding:14px}}

@media(max-width:700px){.closing-art .angel-mascot{width:180px;height:170px}}

/* Shared product, account and research surfaces. */
.integration-banner{margin:35px 5% 65px;padding:32px;border:1px solid var(--line);background:#ebf3ed;display:flex;align-items:center;justify-content:space-between;gap:30px}
.integration-banner .eyebrow{margin-bottom:15px}.integration-banner p:last-child{color:var(--muted)}
.integration-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;padding:0 5% 70px}
.home-hero h1{font-size:clamp(36px,4vw,58px);letter-spacing:-2px;max-width:680px}
.site-header nav{gap:18px;flex-wrap:wrap}.hero-copy{min-width:0}
.contact-section{padding:0 5% 80px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-section p{color:var(--muted)}
.pandora-form{border:1px solid var(--line);padding:30px;background:#fcfffd;min-width:0}
.pandora-form label{display:block;font:10px var(--mono);letter-spacing:1px;margin:18px 0 7px}
.pandora-form input,.pandora-form textarea,.pandora-form select{display:block;width:100%;min-width:0;border:1px solid #bdc9b6;border-radius:3px;padding:12px;background:var(--paper);color:var(--ink);font:16px Inter,Arial,sans-serif}
.pandora-form textarea{resize:vertical}.pandora-form :is(input,textarea,select):focus-visible{outline:2px solid var(--green);outline-offset:3px}
.pandora-form button{border:0;cursor:pointer;font-family:inherit;margin-top:24px}.form-note{font-size:11px;line-height:1.7}
.offscreen-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#contact-status{padding:16px;border:1px solid var(--green);background:#e5f2e8;color:var(--ink)}
.art-collection{padding:0 5% 80px}.art-study{margin:0;padding:48px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;scroll-margin-top:30px}
.art-surface{background:#ebf3ed;border:1px solid var(--line);padding:18px;min-width:0}.art-surface svg{display:block;width:100%;height:auto}.art-surface .mono{display:block;color:var(--muted)}
.art-study h2{font-size:30px}.art-study p{color:var(--muted)}.art-study .study-note{font-size:12px}.art-study .text-link{margin-top:22px}
@media(max-width:1100px){.site-header{height:auto;min-height:96px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.site-header nav{order:3;width:100%;justify-content:center}.integration-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.contact-section,.art-study{grid-template-columns:1fr;gap:25px}.contact-section{padding-top:20px}.pandora-form{padding:20px}.integration-banner{padding:24px}.site-header nav{justify-content:flex-start;gap:12px 20px}.header-cta{gap:8px;padding:9px 12px}.brand-tag{display:none}.art-study h2{font-size:26px}.home-hero h1{letter-spacing:-1.5px}.integration-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Applications share the workspace's paper, green and quiet editorial grid. */
.request-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:65px;padding:0 5% 80px;scroll-margin-top:30px}
.request-layout aside p{color:var(--muted)}.request-layout aside h2{font-size:34px}.request-process{padding-left:22px;color:var(--muted);font-size:13px;line-height:2.4;margin:30px 0}
.request-form fieldset{border:0;border-top:1px solid var(--line);padding:22px 0 28px;margin:0;min-width:0}.request-form legend{font:10px var(--mono);letter-spacing:1px;padding-right:12px;color:var(--green)}
.request-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px}.request-field{min-width:0}.request-field:has(textarea){grid-column:1/-1}
.request-form label{line-height:1.7}.request-form .consent{display:flex;align-items:flex-start;gap:12px;font:12px/1.8 Inter,Arial,sans-serif;letter-spacing:0;margin-top:28px}.request-form .consent input{width:18px;height:18px;margin-top:3px;flex-shrink:0;accent-color:var(--green)}
.request-form button:disabled{opacity:.65;cursor:default}#request-status{border:1px solid var(--green);background:#e5f2e8;padding:16px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.provision-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 5% 70px}.provision-offer{border:1px solid var(--line);padding:34px;background:#ebf3ed}.provision-offer h2{font-size:40px}.provision-offer>p{color:var(--muted)}.provision-offer .offer-price{font-size:22px;color:var(--ink);line-height:1.5}.provision-offer .form-note{overflow-wrap:anywhere;min-height:65px}
.request-links{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.request-layout .button,.provision-offer .button{white-space:normal;text-align:left}.site-header nav{font-size:11px;gap:12px}.site-header{gap:18px}
@media(max-width:1050px){.request-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.request-grid{grid-template-columns:minmax(0,1fr)}.request-links{flex-shrink:1}}
@media(max-width:700px){.request-layout,.provision-offers{grid-template-columns:minmax(0,1fr)}.request-layout{gap:30px}.provision-offer{padding:25px}.request-layout aside h2{font-size:29px}.request-process{margin:20px 0}.provision-offer .form-note{min-height:0}.site-header nav{gap:12px 18px}}

/* Dependency marks retain their source colors and aspect ratios. */
.stack-strip{display:block;padding:24px 0 16px;min-width:0}
.stack-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.stack-strip .stack-strip-heading .mono{width:auto;font-size:9px;letter-spacing:.13em}
.stack-pause{font:inherit;font-size:11px;color:var(--green);background:transparent;border:1px solid var(--line);border-radius:20px;padding:7px 13px;cursor:pointer}
.stack-pause[hidden]{display:none}
.stack-window{overflow-x:auto;overscroll-behavior-x:contain}
.stack-track{display:flex;flex-flow:row nowrap;width:max-content}
.stack-group{display:flex;flex-flow:row nowrap;align-items:center;gap:48px;list-style:none;margin:0;padding:8px 48px 12px 0;flex-shrink:0}
.stack-item{flex-shrink:0}
.stack-item a,.stack-concept{display:flex;align-items:center;gap:12px;white-space:nowrap;color:var(--green);text-decoration:none;font-size:15px;font-weight:600;min-height:54px}
.stack-item img{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.stack-item small{display:block;margin-top:5px;font:8px var(--mono,monospace);letter-spacing:.13em;color:#6a7566}
.stack-attribution{font-size:10px;line-height:1.6;color:#6a7566;margin:12px 0 0}
.stack-attribution a{text-underline-offset:3px;color:inherit}
.stack-animated .stack-window{overflow:hidden}
.stack-animated .stack-track{animation:stack-slide 100s linear infinite}
.stack-paused .stack-track,.stack-strip:hover .stack-track,.stack-strip:focus-within .stack-track{animation-play-state:paused}
.stack-strip:focus-within .stack-window{overflow-x:auto}
.stack-item a:focus-visible,.stack-pause:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@keyframes stack-slide{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:640px){.stack-group{gap:30px;padding-right:30px}.stack-item a,.stack-concept{font-size:13px}.stack-item img{width:34px;height:34px}.stack-attribution{max-width:38em}}
@media(prefers-reduced-motion:reduce){.stack-animated .stack-track{animation:none}.stack-strip .stack-window{overflow-x:auto}.stack-group[aria-hidden="true"]{display:none}}

body{isolation:isolate;min-height:100vh}
.diffusion-controls{position:fixed;right:18px;bottom:14px;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);background:#f7fbf8ee;color:var(--ink);font:11px var(--mono)}
.diffusion-controls input{width:100px;accent-color:#83b56c}
.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-top:28px}
.account-grid article{padding:28px;border:1px solid var(--line);background:#f7fbf8cc}
.account-grid p{color:var(--muted)}
.workspace-form{max-width:680px;padding:60px 24px;margin:auto}
.workspace-form input:not([type=hidden]),.workspace-form textarea,.workspace-form select{max-width:100%;border:1px solid var(--line);padding:12px;background:var(--paper);color:var(--ink)}
.workspace-form .column{max-width:100%}.workspace-form .services{list-style:none;padding:0}.workspace-form .service{display:block;border:1px solid var(--line);padding:20px;margin:16px 0}.workspace-form label{display:block;margin-top:16px}.workspace-form table{width:100%;border-collapse:collapse}.workspace-form td,.workspace-form th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}
footer{padding-bottom:70px}

.workspace-form .trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.workspace-form .field span{display:block}.workspace-form .hint,.workspace-form .fineprint{font-size:12px;color:var(--muted)}
.workspace-form .field input,.workspace-form textarea{display:block;width:100%}
.workspace-form .cta{background:var(--green);color:white;padding:12px 20px;border:0;margin-top:24px;cursor:pointer}
.workspace-form .notice{padding:16px;border:1px solid var(--line)}
@media(max-width:720px){.workspace-form h1{font-size:38px;letter-spacing:-1.5px}.site-header{height:auto;min-height:96px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.site-header nav{flex-wrap:wrap;gap:12px}}

/* Optional team portrait uses the shared site shell. */
.team-portrait{display:block;width:min(100%,448px);height:auto;aspect-ratio:4/5;object-fit:cover;margin-bottom:28px;border-radius:12px}

.draft-page{max-width:960px;margin:40px auto 80px;padding:35px 5%}.draft-page h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.035em;overflow-wrap:anywhere}.draft-page ul{padding-left:20px}.draft-page li{margin:18px 0}.draft-page a{text-decoration:underline;text-underline-offset:4px}
