:root{color-scheme:dark;--bg:#080b0a;--surface:#101411;--line:#252c27;--text:#f0f1ec;--muted:#a4ada5;--green:#bbf77a;--font:'Forma Sans',Inter,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--green);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{color:inherit}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button,a,summary{touch-action:manipulation}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font:12px/1.5 var(--mono);letter-spacing:.13em;display:flex;align-items:center;gap:10px}.soon-tag{display:inline-block;vertical-align:middle;margin-left:6px;padding:3px 7px;font:11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green);border:1px solid #3d5c2b;border-radius:3px;background:#b4ea750c;white-space:nowrap}.soon-line{display:block;margin-top:12px}.soon-line .soon-tag{margin-left:0;margin-right:8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.index{color:var(--green);margin-right:5px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--green);color:var(--bg);padding:12px 20px}.skip-link:focus{top:12px}.header{position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff0d;background:#080b0aef;backdrop-filter:blur(16px)}.nav{height:87px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;gap:13px;align-items:center;font-size:25px;line-height:1.2;letter-spacing:-1.1px;font-weight:650;white-space:nowrap}.brand-light{font-weight:380}.brand-period{color:var(--green)}.brand-icon{width:26px;height:29px;position:relative;display:block}.brand-icon:before{content:'';position:absolute;left:5px;top:5px;height:21px;width:2px;background:var(--green)}.brand-icon:after{content:'';position:absolute;left:6px;top:3px;width:17px;height:17px;border:2px solid var(--green);border-top:0;border-left:0;border-radius:0 0 13px 0}.brand-icon i{position:absolute;z-index:1;width:7px;height:7px;background:var(--green);border:2px solid var(--bg);outline:1px solid var(--green);border-radius:50%;left:2.5px;top:1px}.brand-icon i:nth-child(2){top:23px}.brand-icon i:nth-child(3){left:19px;top:0}.nav-links{display:flex;align-items:center;gap:30px;font-size:12px;color:#bdc5bd}.nav-links>a{padding-block:14px}.nav-links>a:hover,.text-link:hover{color:var(--green)}.button{min-height:53px;padding:14px 23px;background:var(--green);color:#102008;display:inline-flex;gap:24px;align-items:center;justify-content:center;font-size:13px;font-weight:600;border:1px solid var(--green);border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:#d1ff9f;border-color:#d1ff9f;transform:translateY(-2px)}.button-small{min-height:40px;padding:9px 14px;gap:16px;font-size:12px}.button-small .icon{width:16px;height:16px}.menu-toggle,.mobile-access{display:none!important}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;column-gap:18px;padding-top:87px}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{font-size:12px;letter-spacing:.11em}h1{font-size:clamp(49px,5.4vw,78px);line-height:1.07;letter-spacing:-.065em;font-weight:500;margin-top:30px}h1>span{color:var(--green)}.hero-description{color:var(--muted);font-size:16px;line-height:1.8;max-width:405px;margin-top:26px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:33px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;min-height:44px}.play-icon{font-size:25px;line-height:1}.hero-note{display:flex;gap:15px;margin-top:23px;color:#9aa49b;font-size:12px}.hero-note span+span:before{content:'·';margin-right:15px;color:#5f715f}.hero-art{position:relative;min-width:0;margin-top:-20px;height:490px;isolation:isolate;overflow:hidden;background-image:radial-gradient(#b9ec7b23 .65px,transparent .65px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.hero-art:before{content:'';position:absolute;inset:8%;background:radial-gradient(ellipse,#9ee8600a,transparent 70%);z-index:-1}.art-coordinate{position:absolute;left:10%;right:10%;display:flex;justify-content:space-between;color:#93a188;font:12px var(--mono);letter-spacing:.1em;z-index:2}.top-coordinate{top:9px}.bottom-coordinate{bottom:8px}.bottom-coordinate span:last-child{font-size:18px;line-height:.5}#form-canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.art-orbit{position:absolute;inset:10%;border:1px solid #b9ec7b12;border-radius:50%}.art-orbit:before,.art-orbit:after{content:'';position:absolute;left:-13%;right:-13%;top:50%;border-top:1px solid #b9ec7b12}.art-orbit:after{transform:rotate(90deg)}.art-label{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #3c4d37;background:#0b110ced;display:flex;gap:10px;align-items:center;font:12px var(--mono);padding:10px 13px;border-radius:4px;color:#c7d3ba}.hero-baseline{grid-column:1/-1;border-top:1px solid var(--line);margin-top:70px;padding-block:22px;display:flex;justify-content:space-between;font:12px var(--mono);letter-spacing:.08em;color:#9ba59a}.hero-baseline a{display:flex;gap:26px}.hero-baseline a:hover{color:var(--green)}.hero-baseline>a>span{color:var(--green)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.section-aside{font-size:12px;color:#96a194}h2{font-size:clamp(34px,3.5vw,48px);line-height:1.16;letter-spacing:-.055em;font-weight:480}h2 span{color:#9ba79b}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:46px}.section-heading>p{max-width:315px;font-size:13px;color:var(--muted);line-height:1.8}.platform{padding-top:83px}.workspace{border:1px solid #354033;border-radius:9px;overflow:hidden;box-shadow:0 28px 80px #0005;scroll-margin-top:110px}.workspace-bar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#141a16;border-bottom:1px solid var(--line)}.workspace-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:550}.mini-mark{font-size:22px;color:var(--green);font-weight:750}.slash{color:#778675}.project-name{color:#aeb8ad;font-weight:400}.demo-badge{font:12px var(--mono);letter-spacing:.1em;color:#abb8a9;border:1px solid #354333;border-radius:3px;padding:5px 7px}.workspace-body{display:grid;grid-template-columns:182px 1fr;min-height:465px;background:#0f1310}.workspace-sidebar{padding:23px 12px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar-label{display:flex;justify-content:space-between;padding:0 10px;font:12px var(--mono);letter-spacing:.12em;color:#9da897;margin-bottom:18px}.sidebar-label>span{color:#63735e}.page-buttons{display:grid;gap:3px}.page-button{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;min-height:38px;padding:8px 10px;font-size:12px;text-align:left;border-radius:4px;color:#a3ada0}.page-button .icon{width:14px;height:14px}.page-button>span{margin-left:auto;color:#7b8c72}.page-button.active{background:#c2fa7b0b;border-color:#c2fa7b16;color:var(--green)}.page-button:hover{background:#c2fa7b0d}.sidebar-bottom{margin-top:auto;display:flex;gap:9px;align-items:start;color:#99a593;font-size:12px;padding:15px 10px 0;line-height:1.8}.sidebar-bottom .status-dot{margin-top:5px;width:4px;height:4px}.sidebar-bottom strong{font-weight:450;color:#c6d2bd}.workspace-main{min-width:0}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:12px;height:51px;border-bottom:1px solid var(--line);background:#121713}.editor-tabs{display:flex;gap:20px;height:100%}.editor-tabs button{background:none;border:0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;color:#9daa97;font-size:12px;padding:0 2px;white-space:nowrap}.editor-tabs .icon{width:13px;height:13px}.editor-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}.draft-state{display:flex;align-items:center;gap:7px;font-size:12px;color:#b2bdaa;white-space:nowrap}.draft-state .status-dot{width:4px;height:4px}.preview-panel{padding:18px;background:#191f19}.sample-site{background:#ecebe3;color:#24281f;padding:23px 28px 17px;overflow:hidden;min-height:380px}.sample-nav{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:650;letter-spacing:-.05em}.sample-star{color:#5b5f4c;margin-left:6px;font-size:20px}.sample-nav-caption{font:12px var(--mono);letter-spacing:.12em;color:#555b4b}.sample-content{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:275px;gap:10px}.sample-copy{padding-block:23px;position:relative;z-index:1}.sample-kicker{font:12px var(--mono);letter-spacing:.13em;color:#5f6557}.sample-copy h3{font-size:clamp(31px,3.25vw,47px);letter-spacing:-.065em;line-height:1.05;font-weight:500;margin-top:16px}.sample-copy>p{max-width:245px;color:#585e50;font-size:12px;line-height:1.8;margin-top:14px}.sample-cta{display:flex;gap:22px;align-items:center;min-height:33px;background:#2b3528;color:#eff1e7;border:0;padding:8px 11px;font-size:12px;margin-top:20px}.sample-cta:focus-visible{outline-color:#37492a}.sample-cta>span{font-size:12px}.sample-sculpture{position:relative;height:240px;min-width:0}.sculpture-inner{position:absolute;left:50%;top:45%;width:165px;height:170px;transform:translate(-50%,-50%) rotate(-30deg)}.sculpture-inner i{position:absolute;inset:0;border:15px solid #a5b58b;border-radius:48% 48% 20% 20%;transform:translateY(calc(var(--n)*7px)) scaleX(calc(1 - var(--n)*.035));box-shadow:1px 2px 1px #40543880,inset 1px 1px 1px #f7ffd0; background:#a5b58b06}.sculpture-inner i:nth-child(1){--n:8}.sculpture-inner i:nth-child(2){--n:7}.sculpture-inner i:nth-child(3){--n:6}.sculpture-inner i:nth-child(4){--n:5}.sculpture-inner i:nth-child(5){--n:4}.sculpture-inner i:nth-child(6){--n:3}.sculpture-inner i:nth-child(7){--n:2}.sculpture-inner i:nth-child(8){--n:1}.sculpture-inner i:nth-child(9){--n:0}.sample-sculpture>span{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#68735e;font:12px var(--mono);letter-spacing:.09em}.sample-footer{border-top:1px solid #3b44312e;display:flex;justify-content:space-between;gap:10px;padding-top:12px;font:12px var(--mono);letter-spacing:.07em;color:#636a59}.workspace-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:15px;background:#121713;border-top:1px solid var(--line);font-size:12px;color:#a4b09b}.workspace-foot>span:first-child{display:flex;align-items:center;gap:7px}.workspace-foot .status-dot{width:4px;height:4px}.code-panel,.history-panel{min-height:416px;padding:25px 32px;background:#101810}.code-filename{display:flex;gap:10px;align-items:center;font:12px var(--mono);color:#d7e1cc}.code-filename span:last-child{margin-left:auto;font-size:12px;color:#8fa17e}.code-panel pre{margin:24px 0;overflow:auto;color:#c2ed9a;font:12px/1.95 var(--mono);tab-size:2}.code-note{font-size:12px;color:#99ab8c;border-top:1px solid var(--line);padding-top:16px}.history-heading{font-size:20px;letter-spacing:-.04em}.history-description{font-size:12px;color:var(--muted);margin-top:5px;margin-bottom:18px}.history-item{display:flex;gap:17px;align-items:center;position:relative;padding:14px 0}.history-node{width:8px;height:8px;border-radius:50%;background:#516048;outline:4px solid #263521;flex-shrink:0}.history-item:first-of-type .history-node{background:var(--green)}.history-item strong{font-size:12px;font-weight:450}.history-item p{color:#99aa8f;font-size:12px;margin-top:3px}.current-badge,.revision-number{margin-left:auto;font:12px var(--mono);color:var(--green)}.current-badge{padding:4px 7px;background:#b4ea750c;border:1px solid #b4ea752a;border-radius:3px}.history-footnote{display:flex;align-items:center;gap:8px;font-size:12px;color:#a7b39a;margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.history-footnote .icon{width:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;column-gap:48px}.feature{border-top:1px solid var(--line);padding-top:26px;padding-bottom:30px}.feature-icon{color:var(--green);width:22px;height:22px;margin-bottom:16px}.feature h3{font-size:16px;letter-spacing:-.025em;font-weight:500;margin-bottom:11px}.feature p{font-size:12px;color:var(--muted);line-height:1.85;max-width:330px}.feature-detail{display:block;margin-top:19px;color:#b6c2ab;font-size:12px}.ai-section{background:#111810;border-block:1px solid #2c39272b}.ai-section .section{padding-block:90px}.protocol-tag{display:flex;align-items:center;gap:9px;color:#bfd2ac;font:12px var(--mono);letter-spacing:.1em}.ai-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.ai-copy>p{max-width:410px;color:#a9b7a1;font-size:13px;line-height:1.85;margin-top:23px}.integrations{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.integrations>span{display:flex;align-items:center;gap:9px;border:1px solid #3b4933;padding:8px 11px;font-size:12px;border-radius:4px}.integrations b{font-size:21px;line-height:1;font-weight:400;color:#d9e9c8}.integrations .codex-mark{font:17px var(--mono)}.integrations .mcp-integration{font-size:12px;border-color:transparent;color:#aabd9d;padding-inline:4px}.connection-benefits{display:grid;gap:12px;margin-top:25px}.connection-benefits>div{display:flex;gap:10px;font-size:12px;color:#c2ceb9}.connection-benefits .icon{color:var(--green);width:15px;height:18px}.ai-copy>.text-link{margin-top:28px;color:var(--green)}.conversation{background:#0a0f0a;border:1px solid #405435;border-radius:8px;overflow:hidden;box-shadow:0 28px 60px #060a0840;transform:rotate(-1deg)}.conversation-top{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #2c3826;padding:17px 21px;font:12px var(--mono);color:#bbcbae;letter-spacing:.04em}.conversation-top>span:first-child{display:flex;align-items:center;gap:8px}.conversation-top .icon{width:15px;height:15px;color:var(--green)}.example-label{font:12px var(--mono);color:#9aad8a;letter-spacing:.04em}.prompt{display:flex;gap:13px;margin:26px 22px}.avatar{width:25px;height:25px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.human-avatar{background:#2c3827;color:#ceddc1;font-size:12px;border:1px solid #485b3d}.prompt>p{font-size:12px;color:#d1dbc9;background:#1b2519;border:1px solid #31402b;border-radius:0 7px 7px 7px;padding:13px 15px;line-height:1.85}.assistant-message{display:flex;gap:13px;margin:0 22px 23px}.ai-avatar{background:var(--green);color:#223719}.ai-avatar .icon{width:15px}.assistant-message>div{flex:1;min-width:0}.assistant-label{font-size:12px;font-weight:500;color:#cbe2b5}.assistant-message p{font-size:12px;color:#aabca0;line-height:1.8;margin:6px 0 16px}.tool-action{display:flex;align-items:center;gap:8px;font-size:12px;color:#b5c5a9;padding-block:8px;border-bottom:1px solid #202d1d}.tool-action .icon{width:13px;height:13px;color:var(--green)}.tool-action code{margin-left:auto;font-size:12px;color:#8c9e7f}.result-card{display:flex;gap:10px;align-items:center;border:1px solid #4e663c;border-radius:5px;padding:13px 11px;margin-top:19px;background:#172212}.result-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #536d41;border-radius:4px;color:var(--green)}.result-icon .icon{width:18px}.result-card strong{display:block;font-size:12px;font-weight:450}.result-card small{display:block;font-size:12px;color:#a9be97;margin-top:2px}.result-card>.icon{margin-left:auto;width:15px;color:var(--green)}.conversation-bottom{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #2c3826;padding:13px 17px;font-size:12px;color:#99ad8a}.conversation-bottom .icon{width:13px;height:13px}.publish-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}.domain-card{padding:31px;background:#131813;border:1px solid #36422f;border-radius:7px;overflow:hidden}.card-label{display:flex;align-items:center;gap:9px;font:12px var(--mono);color:#c1cfb5;letter-spacing:.06em}.card-label .icon{width:16px;height:16px;color:var(--green)}.domain-visual{display:flex;align-items:center;margin-top:53px;gap:3px;white-space:nowrap;font-size:clamp(20px,2.05vw,30px);letter-spacing:-.045em}.domain-prefix{color:#829372}.domain-address{color:#d8efc4}.domain-cursor{margin-left:5px;background:var(--green);width:2px;height:30px;animation:blink 1.2s step-end infinite}.domain-status{display:flex;align-items:center;gap:6px;margin-top:9px;font:12px var(--mono);letter-spacing:.06em;color:#b6c8a4}.domain-status>.example-label{margin-left:auto}.domain-status .status-dot{width:4px;height:4px}.domain-card h3{font-size:19px;font-weight:480;letter-spacing:-.035em;margin-top:45px}.domain-card>p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:13px;overflow-wrap:anywhere}.domain-card strong{font-weight:450;color:#d0d9c6}.domain-steps{display:flex;justify-content:space-between;gap:10px;margin-top:29px;padding-top:19px;border-top:1px solid #36422f;color:#bdd0ab;font:12px var(--mono)}.publish-features{display:grid;gap:29px}.publish-features>article{display:flex;gap:20px}.small-number{color:#a6b691;font:12px var(--mono);padding-top:6px}.publish-features h3{font-weight:480;font-size:17px;letter-spacing:-.035em}.publish-features p{color:var(--muted);font-size:12px;line-height:1.85;margin-top:10px}.security-strip{display:flex;align-items:center;gap:22px;margin-top:38px;padding:24px 0;border-block:1px solid var(--line)}.security-icon{color:var(--green);width:45px;height:45px;border:1px solid #33432b;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.security-icon .icon{width:22px;height:22px}.security-strip h3{font-size:13px;font-weight:500}.security-strip p{font-size:12px;color:var(--muted);max-width:500px;line-height:1.8;margin-top:4px}.security-tags{display:flex;flex-wrap:wrap;justify-content:end;gap:6px;margin-left:auto;max-width:270px;flex-shrink:0}.security-tags>span{font:12px var(--mono);color:#acb99f;border:1px solid #313c2c;border-radius:3px;padding:5px 7px}.workflow{padding-top:0}.workflow h2{font-size:38px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:45px}.workflow-number{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font:12px var(--mono);color:var(--green)}.workflow-number>span{color:#617157;font-size:18px}.workflow-grid h3{font-size:18px;letter-spacing:-.03em;font-weight:480;margin-top:25px}.workflow-grid p{font-size:12px;color:var(--muted);margin-top:11px;line-height:1.85;max-width:290px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-top:80px}.faq-intro h2{margin-top:25px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;font-size:13px;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-family:var(--mono);font-size:18px;color:#a9bf98;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--green)}.faq-list details>p{color:var(--muted);font-size:12px;line-height:1.9;padding:0 25px 22px 0}.closing{text-align:center;position:relative;isolation:isolate;overflow:hidden;border:1px solid #35482b;background:#111a0f;border-radius:8px;padding:68px 24px 58px}.closing-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#bffa8810 1px,transparent 1px),linear-gradient(90deg,#bffa8810 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000)}.closing>.eyebrow{justify-content:center;font-size:12px;color:#c1d5af}.closing h2{font-size:clamp(41px,4.8vw,66px);margin-top:22px;letter-spacing:-.06em;line-height:1.05}.closing h2 span{color:var(--green)}.closing>p{font-size:13px;color:#aabf99;margin-top:20px}.closing>.button{margin-top:27px}.closing-login{display:block;width:fit-content;margin:20px auto 0;font-size:12px;color:#a6b797;min-height:30px}.closing-login>span{color:#d0e3bd}.closing-login:hover>span{color:var(--green)}.closing-coordinate{position:absolute;bottom:18px;right:20px;font:12px var(--mono);color:#899e77;letter-spacing:.1em}@keyframes blink{50%{opacity:0}}
@media(min-width:1550px){.hero{padding-top:100px}h1{font-size:85px}.hero-art{height:520px}.hero-baseline{margin-top:80px}.hero-description{font-size:17px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.nav-links{gap:20px}.nav{gap:20px}.brand{font-size:23px}.hero{padding-top:65px}.hero-art{height:455px}.hero-copy>.eyebrow{font-size:12px}.hero-actions{gap:19px}.hero-actions .button{gap:16px;padding-inline:18px}.hero-actions .text-link{font-size:12px}.section-heading{gap:40px}.section-heading>p{max-width:280px}.ai-layout{gap:45px}.feature-grid{column-gap:28px}.workspace-body{grid-template-columns:152px 1fr}.sample-site{padding-inline:23px}.sample-nav-caption{font-size:12px}.publish-grid{gap:40px}.domain-card{padding:25px}.security-tags{max-width:200px}.workflow-grid{gap:30px}.faq-section{gap:40px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.section{padding-block:80px}.nav{height:74px}.nav-links{gap:16px;font-size:12px}.nav-cta{display:none}.hero{padding-top:55px;grid-template-columns:1.16fr 1fr;gap:0}h1{font-size:clamp(40px,6.1vw,55px)}.hero-description{font-size:13px;max-width:330px}.hero-copy>.eyebrow{font-size:12px}.hero-art{height:395px;margin-top:-13px;margin-right:-12px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-actions .button{font-size:12px;min-height:46px}.hero-note{font-size:12px;gap:10px}.hero-note span+span:before{margin-right:10px}.art-coordinate{font-size:12px}.art-label{font-size:12px;bottom:65px;padding:8px;gap:5px}.art-label .status-dot{width:4px;height:4px}.hero-baseline{margin-top:48px;font-size:12px}.section-aside{font-size:12px}.section-heading{gap:30px}.section-heading>p{max-width:235px;font-size:12px}h2{font-size:33px}.workspace-body{grid-template-columns:127px 1fr}.workspace-bar{padding-inline:15px;height:48px}.workspace-brand{font-size:12px;gap:9px}.demo-badge{font-size:12px}.workspace-sidebar{padding-inline:6px}.sidebar-label{font-size:12px}.page-button{font-size:12px;gap:6px}.page-button .icon{width:12px}.sidebar-bottom{font-size:12px;padding-inline:7px;gap:5px}.workspace-toolbar{padding-inline:12px}.editor-tabs{gap:13px}.editor-tabs button{font-size:12px}.editor-tabs .icon{width:11px}.draft-state{font-size:12px}.sample-site{padding-inline:18px;min-height:350px}.sample-content{min-height:250px}.preview-panel{padding:12px}.sample-copy h3{font-size:32px}.sample-copy>p{font-size:12px;max-width:170px}.sample-nav-caption{display:none}.sample-kicker{font-size:12px}.sample-cta{font-size:12px}.sample-sculpture{height:205px}.sculpture-inner{width:117px;height:126px;left:48%}.sculpture-inner i{border-width:11px}.workspace-body{min-height:425px}.code-panel,.history-panel{min-height:375px;padding:24px}.code-panel pre{font-size:12px}.history-heading{font-size:18px}.history-item strong{font-size:12px}.history-description,.history-item p{font-size:12px}.feature h3{font-size:14px}.feature p{font-size:12px}.feature-detail{font-size:12px}.feature-grid{gap:0 24px}.ai-layout{gap:30px}.ai-copy>p{font-size:12px}.integrations{gap:6px}.integrations>span{font-size:12px;gap:5px;padding:8px}.integrations .mcp-integration{font-size:12px}.connection-benefits>div{font-size:12px}.conversation-top{padding-inline:15px;font-size:12px}.conversation-top .example-label{font-size:12px}.prompt{margin:20px 14px;gap:8px}.prompt p{font-size:12px;padding:11px}.assistant-message{margin-inline:14px;gap:8px}.assistant-label{font-size:12px}.assistant-message p{font-size:12px}.tool-action{font-size:12px}.tool-action code{font-size:12px}.conversation-bottom{font-size:12px}.publish-grid{gap:30px}.domain-card{padding:21px}.domain-visual{font-size:20px;letter-spacing:-.06em;margin-top:40px}.domain-cursor{height:23px;width:1px}.domain-card h3{font-size:17px;margin-top:35px}.domain-card>p{font-size:12px}.card-label{font-size:12px}.domain-status{font-size:12px}.domain-status .example-label{font-size:12px}.domain-steps{font-size:12px}.publish-features h3{font-size:15px}.publish-features p{font-size:12px}.publish-features>article{gap:13px}.publish-features{gap:24px}.security-strip{gap:15px;flex-wrap:wrap}.security-strip>div:not(.security-tags){flex:1}.security-tags{max-width:none;width:100%;justify-content:start;padding-left:60px}.workflow{padding-top:0}.workflow h2{font-size:33px}.workflow-grid h3{font-size:16px}.workflow-grid p{font-size:12px}.faq-section{grid-template-columns:.75fr 1.25fr;gap:32px}.faq-list summary{font-size:12px}.faq-list details>p{font-size:12px}}
@media(max-width:620px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.section{padding-block:63px}.nav{height:72px}.brand{font-size:25px;gap:12px}.nav-cta{display:none}.menu-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;padding:10px;background:transparent;border:1px solid #35412e;border-radius:4px}.menu-toggle>span{height:1px;width:20px;background:#dae4ce;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;padding:16px 20px 24px;gap:0;background:#0d130c;border-bottom:1px solid #415333;box-shadow:0 20px 30px #0007}.nav-links.open{display:flex}.nav-links>a{font-size:14px;border-bottom:1px solid #273321;padding:13px 0;min-height:46px}.nav-links>.mobile-access{display:block!important;color:var(--green);border-bottom:0}.hero{grid-template-columns:1fr;padding-top:42px}.hero-copy>.eyebrow{font-size:12px;letter-spacing:.06em;gap:7px}h1{font-size:clamp(44px,10.9vw,66px);line-height:1.07;margin-top:26px;letter-spacing:-.062em}.hero-description{font-size:14px;max-width:350px;margin-top:24px;line-height:1.8}.hero-actions{margin-top:27px;gap:19px}.hero-actions .button{font-size:12px;min-height:49px;padding-inline:18px;gap:18px}.hero-actions .text-link{font-size:12px;gap:6px}.hero-note{font-size:12px;margin-top:19px;gap:12px}.hero-note span+span:before{margin-right:12px}.hero-art{height:340px;width:100%;margin:28px auto -4px;max-width:410px}.art-label{font-size:12px;bottom:29px;gap:7px;padding:8px 10px}.art-coordinate{font-size:12px}.top-coordinate{top:5px}.bottom-coordinate{bottom:0}.hero-baseline{margin-top:25px;gap:15px;align-items:center;padding-block:19px;font-size:12px;letter-spacing:.01em}.hero-baseline>span{max-width:150px;line-height:1.8}.hero-baseline a{gap:12px;line-height:1.8}.section-top{margin-bottom:25px}.section-aside{display:none}.eyebrow{font-size:12px;letter-spacing:.1em}.section-heading{display:block;margin-bottom:29px}h2{font-size:clamp(29px,7.45vw,41px);letter-spacing:-.05em}.section-heading>p{font-size:12px;max-width:330px;margin-top:19px}.platform{padding-top:50px}.workspace{border-radius:6px}.workspace-bar{height:48px;padding-inline:12px}.workspace-brand{font-size:12px;gap:8px}.mini-mark{font-size:20px}.demo-badge{font-size:12px;padding:4px;letter-spacing:.03em}.workspace-body{display:block;min-height:0}.workspace-sidebar{display:block;padding:8px 9px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-label,.sidebar-bottom{display:none}.page-buttons{display:flex;gap:5px}.page-button{font-size:12px;padding:7px 9px;min-height:34px;gap:6px}.page-button>span{display:none}.workspace-toolbar{padding-inline:12px;height:47px}.editor-tabs{gap:20px;width:100%;justify-content:space-between}.editor-tabs button{font-size:12px;gap:5px}.editor-tabs .icon{width:12px}.draft-state{display:none}.preview-panel{padding:9px}.sample-site{padding:18px 16px 13px;min-height:425px}.sample-nav{font-size:17px}.sample-content{grid-template-columns:1fr 1fr;min-height:332px;gap:0;align-items:start;position:relative}.sample-copy{grid-column:1/-1;max-width:225px;padding-top:24px;padding-bottom:0}.sample-copy h3{font-size:38px;line-height:1.02;max-width:220px;margin-top:11px}.sample-kicker{font-size:12px}.sample-copy>p{font-size:12px;max-width:170px;margin-top:14px}.sample-cta{font-size:12px;min-height:33px;margin-top:15px;gap:16px}.sample-sculpture{position:absolute;right:-18px;bottom:4px;width:135px;height:153px;opacity:.92}.sculpture-inner{width:95px;height:110px;left:49%;top:38%}.sculpture-inner i{border-width:9px;transform:translateY(calc(var(--n)*4.5px)) scaleX(calc(1 - var(--n)*.035))}.sample-sculpture>span{font-size:12px;bottom:-5px;white-space:nowrap}.sample-footer{font-size:12px;padding-top:13px;gap:7px}.workspace-foot{padding:11px 12px;font-size:12px}.workspace-foot>span:last-child{display:none}.code-panel,.history-panel{min-height:443px;padding:22px 18px}.code-panel pre{font-size:12px;line-height:2.1;margin-top:29px}.code-filename{font-size:12px}.code-filename span:last-child{font-size:12px}.code-note{font-size:12px}.history-heading{font-size:22px}.history-description{font-size:12px;line-height:1.8;margin-top:9px;margin-bottom:21px}.history-item{gap:12px;padding-block:18px}.history-item strong{font-size:12px}.history-item p{font-size:12px}.current-badge{font-size:12px}.history-footnote{font-size:12px;align-items:start;margin-top:22px}.feature-grid{grid-template-columns:1fr 1fr;gap:0 22px;margin-top:35px}.feature{padding-top:23px;padding-bottom:26px}.feature h3{font-size:14px;line-height:1.4;text-wrap:pretty}.feature p{font-size:12px;line-height:1.8}.feature-detail{font-size:12px;line-height:1.7;margin-top:13px}.feature-icon{margin-bottom:13px;width:21px}.ai-section .section{padding-block:60px}.protocol-tag{font-size:12px;gap:6px}.ai-layout{grid-template-columns:1fr;gap:32px}.ai-copy>p{font-size:12px;max-width:none;margin-top:18px}.integrations{margin-block:22px;gap:7px}.integrations>span{font-size:12px;padding:9px 10px;gap:7px}.integrations .mcp-integration{font-size:12px}.connection-benefits>div{font-size:12px;gap:9px}.ai-copy>.text-link{margin-top:19px;font-size:12px}.conversation{transform:none}.conversation-top{font-size:12px;padding:15px 17px}.conversation-top .example-label{font-size:12px}.prompt{margin:23px 18px;gap:12px}.prompt>p{font-size:12px;padding:13px}.assistant-message{margin:0 18px 23px;gap:12px}.assistant-label{font-size:12px}.assistant-message p{font-size:12px}.tool-action{font-size:12px}.tool-action code{font-size:12px}.result-card{margin-top:18px;padding:13px 12px}.result-card strong{font-size:12px}.result-card small{font-size:12px}.conversation-bottom{font-size:12px;padding:13px 8px}.publish-grid{grid-template-columns:1fr;gap:32px}.domain-card{padding:24px}.card-label{font-size:12px}.domain-visual{font-size:clamp(22px,6.3vw,32px);margin-top:45px}.domain-status{font-size:12px;margin-top:11px}.domain-card h3{font-size:19px;margin-top:35px}.domain-card>p{font-size:12px;margin-top:15px}.domain-steps{font-size:12px;margin-top:26px}.publish-features{gap:27px}.publish-features>article{gap:18px}.publish-features h3{font-size:17px}.publish-features p{font-size:12px}.security-strip{margin-top:33px;gap:16px;padding-block:22px;align-items:start}.security-icon{width:38px;height:38px}.security-icon .icon{width:20px}.security-strip h3{font-size:13px}.security-strip p{font-size:12px;margin-top:7px}.security-tags{padding-left:54px;gap:6px}.security-tags>span{font-size:12px;padding:5px 6px}.workflow{padding-top:0}.workflow h2{font-size:31px}.workflow-grid{grid-template-columns:1fr;gap:26px;margin-top:31px}.workflow-grid article{display:grid;grid-template-columns:35px 1fr;column-gap:15px;border-top:1px solid var(--line);padding-top:21px}.workflow-number{grid-row:1/3;border:0;padding-top:4px;display:block;font-size:12px}.workflow-number>span{display:none}.workflow-grid h3{margin:0;font-size:17px}.workflow-grid p{font-size:12px;margin-top:9px;max-width:none}.faq-section{grid-template-columns:1fr;gap:29px;padding-top:49px}.faq-intro h2{margin-top:17px;font-size:35px}.faq-intro h2 br{display:none}.faq-intro h2 br:after{content:' '}.faq-list summary{font-size:12px;padding:19px 0}.faq-list details>p{font-size:12px;padding-right:10px}.closing{padding:48px 19px 48px}.closing>.eyebrow{font-size:12px}.closing h2{font-size:clamp(36px,8.8vw,47px);margin-top:22px}.closing>p{font-size:12px;max-width:230px;margin:20px auto 0}.closing>.button{margin-top:23px;font-size:12px;min-height:49px}.closing-login{font-size:12px;margin-top:17px}.closing-coordinate{font-size:12px;right:14px;bottom:13px}.closing-grid{background-size:37px 37px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding-inline:13px;gap:12px}.hero-actions .text-link{font-size:12px}.hero-copy>.eyebrow{font-size:12px}.feature-grid{gap:0 16px}.feature h3{font-size:13px}.sample-sculpture{width:105px;right:-23px}.demo-badge{font-size:12px}.workspace-brand{font-size:12px}.domain-card{padding:20px}.domain-visual{font-size:21px}.integrations{gap:4px}.integrations>span{font-size:12px;padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* A small website coming together in three dimensions. All elements are native
   HTML/CSS/SVG, so the complete scene works in FormaNativa's isolated preview. */
.hero-art{perspective:1000px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);background-size:25px 25px;height:525px;margin-top:-18px}
.hero-art:before{inset:10% -5% 8%;background:radial-gradient(ellipse at 54% 53%,#9ee8600e,transparent 67%)}
.art-coordinate{left:6%;right:6%}.top-coordinate{top:11px}.bottom-coordinate{bottom:9px}.art-label{bottom:35px;background:#0d160ce8;border-color:#506a3b;font-size:9px;padding:10px 15px;z-index:12}.bottom-coordinate span:last-child{font-size:15px;line-height:1}
.web-scene{--pointer-x:0deg;--pointer-y:0deg;position:absolute;inset:31px 0 54px;transform-style:preserve-3d;transform:rotateX(var(--pointer-x)) rotateY(var(--pointer-y));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.web-floor{position:absolute;inset:44% -15% -8%;background-image:linear-gradient(#a5d2761c 1px,transparent 1px),linear-gradient(90deg,#a5d2761c 1px,transparent 1px);background-size:30px 30px;transform:rotateX(63deg) rotateZ(-23deg) translateZ(-95px);border:1px solid #a5d2761c;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.web-network{position:absolute;inset:-3% -2% 0;width:104%;height:104%;overflow:visible;transform:translateZ(-100px)}
.network-track{stroke:#c2f4873b;stroke-width:1;stroke-dasharray:3 5}.network-flow{stroke:#c7ff92;stroke-width:1.7;stroke-dasharray:20 540;animation:route-flow 11s linear infinite}.web-network circle{fill:#bbf77a;stroke:#24321b;stroke-width:3}
.web-page{position:absolute;transform-style:preserve-3d;border:1px solid #779958;border-radius:7px;background:#111b11;box-shadow:0 2px 0 #4d6635,0 5px 0 #263b1a,0 18px 35px #0006;overflow:visible;backface-visibility:hidden}
.web-page:after{content:'';position:absolute;inset:-1px;border:1px solid #dcffb320;border-radius:7px;pointer-events:none}
.web-chrome{height:26px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background:#172417;border-bottom:1px solid #6f904542;border-radius:6px 6px 0 0;color:#b2c59e;font:6px var(--mono);letter-spacing:.025em;white-space:nowrap}
.window-dots{display:flex;gap:3px}.window-dots i{width:3px;height:3px;border-radius:50%;background:#9dbe7e}.window-dots i:nth-child(2){opacity:.65}.window-dots i:nth-child(3){opacity:.35}.web-chrome>span:last-child{font-size:10px;color:#c2ee94}
.web-page-number{position:absolute;right:-15px;bottom:-11px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #637f46;background:#162213;color:#c9e9ab;font:8px var(--mono);border-radius:5px;transform:translateZ(10px);box-shadow:0 5px 12px #0004}
.web-page-home{width:76%;left:12%;top:28%;z-index:3;transform:rotateX(13deg) rotateY(-24deg) rotateZ(-9deg) translateZ(35px);animation:float-home 8s ease-in-out infinite;border-color:#b2d593;box-shadow:1px 3px 0 #769753,2px 6px 0 #3b5728,0 28px 45px #0009}
.home-mini{padding:17px 20px 12px;background:#e9eddf;color:#20351d;border-radius:0 0 6px 6px}
.home-mini-nav{display:flex;justify-content:space-between;align-items:center}.home-mini-nav>span:first-child{font-size:16px;letter-spacing:-.08em;font-weight:620}.home-mini-nav>span:first-child span{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:2px}.home-mini-nav>span:last-child{font:5px var(--mono);letter-spacing:.02em;color:#60724f}
.home-mini-body{display:grid;grid-template-columns:1.3fr 1fr;gap:0;align-items:center;padding-block:28px 22px;min-height:176px}.mini-eyebrow{font:5px var(--mono);letter-spacing:.08em;display:block;white-space:nowrap}.home-mini-copy{position:relative;z-index:1}.home-mini-copy>strong{display:block;font-size:29px;line-height:.99;letter-spacing:-.065em;font-weight:550;margin-top:12px;white-space:nowrap}.mini-description{display:block;font-size:6px;line-height:1.8;color:#657257;margin-top:12px}.mini-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:95px;background:#293e20;color:#e1edcf;padding:7px 9px;font:5px var(--mono);margin-top:15px;border-radius:2px}.mini-button>span{font-size:9px}.home-mini-footer{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #637c452f;color:#6c7a5e;font:4px var(--mono);letter-spacing:.05em;white-space:nowrap}
.web-object{position:relative;width:100%;height:130px;transform-style:preserve-3d;perspective:400px}.object-slab{position:absolute;width:80px;height:80px;left:18%;top:15%;border:1px solid #a4c478;border-radius:15px 15px 15px 3px;background:#b3cd8e;box-shadow:2px 3px 0 #536e35,inset 1px 1px 0 #ebffd0;transform:rotateX(38deg) rotateY(-17deg) rotateZ(-30deg) translateZ(calc(var(--slab)*9px));animation:assemble-slab 8s ease-in-out infinite}.object-slab:before{content:'';position:absolute;inset:20px;border:1px solid #638047;border-radius:4px;background:#6d8c4e;box-shadow:inset 2px 2px 0 #415930}.object-slab:nth-child(1){--slab:0}.object-slab:nth-child(2){--slab:1}.object-slab:nth-child(3){--slab:2}.object-slab:nth-child(4){--slab:3}.object-slab:nth-child(5){--slab:4}.object-slab:nth-child(6){--slab:5}.web-object>span{position:absolute;bottom:-2px;left:5px;right:-5px;text-align:center;font:4px var(--mono);color:#6c8058;white-space:nowrap}
.web-page-projects{width:53%;left:41%;top:3%;z-index:1;transform:rotateX(10deg) rotateY(-24deg) rotateZ(8deg) translateZ(-45px);animation:float-projects 9s ease-in-out infinite}.projects-mini{padding:16px 17px 18px;color:#d7e8c6}.projects-mini>.mini-eyebrow{font-size:4px;color:#9cb18a}.projects-mini>strong{display:block;font-size:18px;font-weight:450;letter-spacing:-.04em;margin-top:7px}.mini-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.mini-project-grid>div{height:78px;position:relative;border:1px solid #b2d38523;background:#25351d;overflow:hidden;border-radius:3px}.mini-project-grid>div:nth-child(2){background:#b8cb96;color:#314525}.mini-project-grid>div:nth-child(3){background:#3f522b}.mini-project-grid>div>span{position:absolute;bottom:6px;left:5px;font:3px var(--mono);letter-spacing:.02em;white-space:nowrap}.project-ring{position:absolute;left:18%;top:18%;width:65%;aspect-ratio:1;border:8px double #bbd59c;border-radius:50%;transform:rotateX(23deg) rotateY(38deg);box-shadow:2px 2px 0 #77945b}.project-arch{position:absolute;left:24%;top:13%;width:54%;height:55%;border:9px solid #506a37;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:2px -1px 0 #d8e6c0}.project-star{position:absolute;inset:0;display:grid;place-items:center;font:60px/1 var(--font);font-style:normal;color:#c5e2a5;padding-bottom:10px}
.web-page-contact{width:44%;left:2%;top:65%;z-index:5;transform:rotateX(11deg) rotateY(-19deg) rotateZ(10deg) translateZ(55px);animation:float-contact 10s ease-in-out infinite}.contact-mini{padding:14px 17px 16px;background:#152010;border-radius:0 0 6px 6px}.contact-mini>.mini-eyebrow{font-size:4px;color:#a7bd92}.contact-mini>strong{display:block;font-size:24px;letter-spacing:-.065em;line-height:1.07;font-weight:450;margin-top:8px;color:#dfedce}.contact-mini>strong>span{color:#bbf77a}.contact-mini>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding-top:10px;border-top:1px solid #93b06b36;font:4px var(--mono);color:#a7bd8e;white-space:nowrap}.contact-arrow{width:22px;height:22px;display:grid;place-items:center;background:#b7ed7b;color:#273e17;border-radius:50%;font-size:14px}
.floating-block{position:absolute;z-index:6;border:1px solid #8baa654f;border-radius:6px;background:#1b2b15ed;box-shadow:0 9px 20px #0004;color:#c6eca2;transform-style:preserve-3d}.code-block{left:7%;top:13%;width:69px;padding:10px 12px;transform:rotateX(12deg) rotateY(-20deg) rotateZ(-13deg);animation:float-code 7s ease-in-out infinite}.code-block>span{font:21px/1.2 var(--mono);display:block;margin-bottom:8px}.code-block>i{display:block;width:75%;height:2px;background:#b3d38c78;margin-top:4px}.code-block>i:nth-child(3){width:47%;margin-left:8px;background:#b3d38c35}.code-block>i:nth-child(4){width:65%}.type-block{right:5%;bottom:10%;padding:8px 12px;transform:rotateX(14deg) rotateY(-20deg) rotateZ(-8deg) translateZ(55px);animation:float-type 8s ease-in-out infinite}.type-block>span{font-size:32px;line-height:1.1;letter-spacing:-.065em}.type-block>small{display:block;font:4px var(--mono);letter-spacing:.03em;margin-top:3px;color:#8eaa76}.web-cursor{position:absolute;right:19%;bottom:24%;z-index:8;transform:translateZ(75px);animation:cursor-drift 10s ease-in-out infinite}.web-cursor>svg{width:27px;height:27px;fill:#c3f78d;stroke:#1e3114;stroke-width:1.2;filter:drop-shadow(0 2px 2px #0008)}.web-cursor>span{position:absolute;left:19px;top:25px;color:#213815;background:#c3f78d;padding:4px 8px;border-radius:0 3px 3px;font-size:7px;white-space:nowrap}
@keyframes route-flow{to{stroke-dashoffset:-1120}}
@keyframes float-home{0%,100%{transform:rotateX(13deg) rotateY(-24deg) rotateZ(-9deg) translateZ(35px) translateY(0)}50%{transform:rotateX(10deg) rotateY(-19deg) rotateZ(-7deg) translateZ(45px) translateY(-9px)}}
@keyframes float-projects{0%,100%{transform:rotateX(10deg) rotateY(-24deg) rotateZ(8deg) translateZ(-45px) translateY(0)}50%{transform:rotateX(14deg) rotateY(-21deg) rotateZ(6deg) translateZ(-35px) translateY(7px)}}
@keyframes float-contact{0%,100%{transform:rotateX(11deg) rotateY(-19deg) rotateZ(10deg) translateZ(55px) translateY(0)}50%{transform:rotateX(14deg) rotateY(-24deg) rotateZ(8deg) translateZ(65px) translateY(-7px)}}
@keyframes assemble-slab{0%,100%{transform:rotateX(38deg) rotateY(-17deg) rotateZ(-30deg) translateZ(calc(var(--slab)*9px))}50%{transform:rotateX(44deg) rotateY(-12deg) rotateZ(-24deg) translateZ(calc(var(--slab)*13px))}}
@keyframes float-code{0%,100%{transform:rotateX(12deg) rotateY(-20deg) rotateZ(-13deg) translateY(0)}50%{transform:rotateX(18deg) rotateY(-16deg) rotateZ(-9deg) translateY(8px)}}
@keyframes float-type{0%,100%{transform:rotateX(14deg) rotateY(-20deg) rotateZ(-8deg) translateZ(55px) translateY(0)}50%{transform:rotateX(10deg) rotateY(-15deg) rotateZ(-12deg) translateZ(65px) translateY(-8px)}}
@keyframes cursor-drift{0%,100%{transform:translateZ(75px) translate(0,0)}40%,60%{transform:translateZ(75px) translate(-16px,-14px)}}
.motion-paused .web-scene *{animation-play-state:paused!important}
@media(min-width:1550px){.hero-art{height:555px}.home-mini-copy>strong{font-size:32px}.home-mini-body{min-height:190px}.web-object{height:150px}.object-slab{width:87px;height:87px}.web-page-contact{top:66%}}
@media(max-width:1100px){.hero-art{height:490px}.web-scene{inset:30px 0 57px}.web-page-home{width:78%;left:11%;top:28%}.home-mini{padding:14px 15px 11px}.home-mini-copy>strong{font-size:25px}.home-mini-body{padding-block:23px 18px;min-height:160px}.home-mini-nav>span:first-child{font-size:14px}.home-mini-nav>span:last-child{font-size:4px}.mini-eyebrow{font-size:4px}.mini-description{font-size:5px}.home-mini-footer{font-size:3px}.object-slab{width:68px;height:68px;left:16%}.object-slab:before{inset:17px}.web-object{height:113px}.web-object>span{font-size:3px}.projects-mini{padding:13px}.projects-mini>strong{font-size:16px}.mini-project-grid{gap:6px}.mini-project-grid>div{height:66px}.project-ring{border-width:6px}.project-arch{border-width:7px}.project-star{font-size:48px}.mini-project-grid>div>span{font-size:2.5px}.web-page-contact{top:65%;width:46%}.contact-mini{padding:13px 14px}.contact-mini>strong{font-size:22px}.contact-mini>div{font-size:3px}.code-block{left:6%;width:62px;padding:9px 10px}.code-block>span{font-size:19px}.type-block{right:2%;bottom:11%;padding:7px 10px}.type-block>span{font-size:27px}}
@media(max-width:850px){.hero-art{height:420px;margin-top:-6px}.web-scene{inset:29px 0 53px}.web-chrome{height:21px;padding-inline:8px;font-size:5px}.window-dots{gap:2px}.window-dots i{width:2px;height:2px}.web-chrome>span:last-child{font-size:8px}.home-mini{padding:11px 12px 8px}.home-mini-nav>span:first-child{font-size:12px}.home-mini-nav>span:last-child{font-size:3px}.home-mini-body{padding-block:20px 15px;min-height:135px}.home-mini-copy>strong{font-size:20px;margin-top:9px}.mini-eyebrow{font-size:3px}.mini-description{font-size:4px;margin-top:9px}.mini-button{width:75px;font-size:4px;padding:5px 7px;margin-top:11px;gap:10px}.mini-button>span{font-size:7px}.web-object{height:90px}.object-slab{width:53px;height:53px;border-radius:11px 11px 11px 2px}.object-slab:before{inset:13px}.web-object>span{font-size:2.5px;bottom:-4px;left:-3px}.home-mini-footer{font-size:2.5px;padding-top:7px}.web-page-number{width:19px;height:19px;font-size:6px;right:-8px;bottom:-7px}.web-page-projects{width:54%;left:43%;top:4%}.projects-mini{padding:10px 11px}.projects-mini>.mini-eyebrow{font-size:3px}.projects-mini>strong{font-size:13px;margin-top:6px}.mini-project-grid{margin-top:10px;gap:5px}.mini-project-grid>div{height:52px}.mini-project-grid>div>span{font-size:2px;left:3px;bottom:4px}.project-ring{border-width:5px}.project-arch{border-width:6px}.project-star{font-size:37px;padding-bottom:7px}.web-page-contact{width:49%;left:0;top:64%}.contact-mini{padding:10px 12px}.contact-mini>.mini-eyebrow{font-size:3px}.contact-mini>strong{font-size:18px;margin-top:6px}.contact-mini>div{font-size:2.5px;margin-top:10px;padding-top:8px;gap:3px}.contact-arrow{width:18px;height:18px;font-size:11px}.code-block{left:3%;top:14%;width:52px;padding:8px}.code-block>span{font-size:16px;margin-bottom:6px}.code-block>i{height:1px;margin-top:3px}.type-block{right:0%;padding:7px 9px}.type-block>span{font-size:24px}.type-block>small{font-size:3px}.web-cursor>svg{width:22px;height:22px}.web-cursor>span{font-size:6px;padding:3px 6px;left:16px;top:22px}.art-label{font-size:7px;padding:9px 11px;bottom:34px;gap:7px}.top-coordinate{font-size:6px}.bottom-coordinate{font-size:6px}}
@media(max-width:620px){.hero-art{height:410px;margin:30px auto 0;width:100%;max-width:410px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}.web-scene{inset:28px 0 59px}.web-page-home{width:77%;left:12%;top:29%}.home-mini-copy>strong{font-size:22px}.home-mini-body{min-height:140px;padding-block:18px 15px}.web-page-projects{width:53%;left:43%;top:3%}.web-page-contact{width:46%;left:3%;top:64%}.projects-mini>strong{font-size:13px}.contact-mini>strong{font-size:18px}.type-block{right:3%;bottom:7%}.code-block{left:5%;top:12%}.web-cursor{right:16%;bottom:20%}.top-coordinate{font-size:6px;top:7px;left:5%;right:5%}.bottom-coordinate{font-size:6px;bottom:8px;left:5%;right:5%}.art-label{bottom:31px;font-size:8px;padding:8px 12px}.hero-art .art-label .status-dot{width:4px;height:4px}}
@media(max-width:359px){.hero-art{height:365px}.home-mini-copy>strong{font-size:19px}.home-mini-body{min-height:118px;padding-block:16px 12px}.home-mini{padding-inline:10px}.home-mini-nav>span:last-child{font-size:2.5px}.web-object{height:80px}.object-slab{width:43px;height:43px;left:17%}.object-slab:before{inset:11px}.mini-description{font-size:3.5px}.mini-button{width:67px;font-size:3.5px}.projects-mini{padding:9px}.projects-mini>strong{font-size:11px}.mini-project-grid{gap:4px}.mini-project-grid>div{height:43px}.project-star{font-size:31px}.contact-mini{padding:9px 10px}.contact-mini>strong{font-size:16px}.contact-mini>.mini-eyebrow{font-size:2.5px}.contact-mini>div{font-size:2px}.contact-arrow{width:15px;height:15px;font-size:10px}.type-block>span{font-size:21px}.code-block{width:47px;padding:7px}.code-block>span{font-size:15px}.art-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.web-scene,.web-scene *{animation:none!important;transition:none!important}.web-scene{transform:none}}

/* The brand is made of the same unfolding browser pages as the scene. */
.brand{gap:11px;font-weight:560;letter-spacing:-1.1px}.brand-light{font-weight:560;color:var(--green)}.brand-period{color:#8ba878}.brand-icon{width:34px;height:37px;perspective:180px}.brand-icon:before,.brand-icon:after{display:none}.brand-symbol{width:34px;height:37px;overflow:visible}.mark-back{fill:#12200f;stroke:#a5d476;stroke-width:1.1;transform-origin:24px 31px;transition:transform .5s}.mark-middle{fill:#365327;stroke:#b9e58f;stroke-width:1.1;transform-origin:22px 33px;transition:transform .5s}.mark-front{fill:#c4f78f;stroke:#c4f78f;stroke-width:1}.mark-bar{stroke:#4b6d31;stroke-width:.6}.mark-dot{fill:#3e6325;stroke:none}.mark-letter{fill:#28471a;stroke:none}.brand:hover .mark-back,.brand:focus-visible .mark-back{transform:translate(3px,-2px) rotate(12deg)}.brand:hover .mark-middle,.brand:focus-visible .mark-middle{transform:translate(1px,-1px) rotate(5deg)}
.hero-wordmark{display:flex;align-items:baseline;white-space:nowrap;font-size:clamp(51px,5.9vw,83px);letter-spacing:-.069em;font-weight:550;line-height:1.1;margin-top:30px}.hero-wordmark>span:first-child{color:#f0f1ec}.hero-wordmark>span:nth-child(2){color:var(--green)}.title-cursor{display:inline-block;width:4px;height:.7em;background:var(--green);margin-left:9px;transform:translateY(.025em);animation:title-cursor 2.6s step-end infinite}.hero-statement{font-size:clamp(28px,3.2vw,45px);line-height:1.15;letter-spacing:-.05em;margin-top:19px;font-weight:420;color:#e1e7db}.hero-description{margin-top:24px;max-width:410px}.hero-note{margin-top:22px}
.art-controls{position:absolute;bottom:33px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:14px;z-index:15}.art-scene-name{font:6px var(--mono);letter-spacing:.05em;color:#b4c89f;min-width:108px;text-align:right}.art-remix{display:flex;align-items:center;gap:8px;min-height:39px;border:1px solid #526b3d;border-radius:4px;background:#172312;color:#d6edc1;padding:8px 11px;font-size:9px;transition:background .2s,transform .2s}.art-remix>.icon{width:13px;height:13px;color:var(--green)}.art-remix>span{font-size:15px;margin-left:3px}.art-remix:hover{background:#25381c;transform:translateY(-2px)}.art-remix:active{transform:translateY(0)}
.hero-art[data-scene="arquitectura"] .home-mini{background:#ebe4d5;color:#4b4029}.hero-art[data-scene="arquitectura"] .object-slab{background:#c9b98a;border-color:#e5d8b2;box-shadow:2px 3px 0 #837144,inset 1px 1px 0 #fff0c8;border-radius:2px}.hero-art[data-scene="arquitectura"] .object-slab:before{background:#7b704c;border-color:#958357;border-radius:0}.hero-art[data-scene="arquitectura"] .home-mini-copy>strong{font-size:26px}.hero-art[data-scene="arquitectura"] .projects-mini{background:#252319;border-radius:0 0 6px 6px}.hero-art[data-scene="arquitectura"] .mini-project-grid>div{filter:sepia(.5)}
.hero-art[data-scene="tecnologia"] .home-mini{background:#dae8ed;color:#153b4b}.hero-art[data-scene="tecnologia"] .object-slab{background:#88bfc9;border-color:#acdce4;box-shadow:2px 3px 0 #377080,inset 1px 1px 0 #c9faff;border-radius:5px}.hero-art[data-scene="tecnologia"] .object-slab:before{background:#2f7287;border-color:#529aad;border-radius:50%}.hero-art[data-scene="tecnologia"] .projects-mini{background:#15242b;border-radius:0 0 6px 6px}.hero-art[data-scene="tecnologia"] .mini-project-grid>div{filter:hue-rotate(80deg)}.hero-art[data-scene="tecnologia"] .mini-button{background:#245064}
@keyframes title-cursor{0%,65%,100%{opacity:1}66%,99%{opacity:.15}}
@media(min-width:1550px){.hero-wordmark{font-size:86px}.hero-statement{font-size:46px}}
@media(max-width:1100px){.hero-wordmark{font-size:clamp(49px,5.8vw,67px)}.hero-statement{font-size:36px}.hero-art[data-scene="arquitectura"] .home-mini-copy>strong{font-size:23px}.art-controls{gap:9px}.art-scene-name{font-size:5px;min-width:93px}.art-remix{font-size:8px;min-height:36px;padding-inline:9px}}
@media(max-width:850px){.hero-wordmark{font-size:clamp(39px,6.15vw,53px)}.hero-statement{font-size:29px;margin-top:16px}.hero-description{font-size:13px}.title-cursor{width:3px;margin-left:6px}.hero-art[data-scene="arquitectura"] .home-mini-copy>strong{font-size:18px}.art-controls{bottom:29px;gap:8px}.art-scene-name{font-size:4px;min-width:74px}.art-remix{font-size:7px;min-height:32px;gap:5px;padding-inline:8px}.art-remix>.icon{width:10px;height:10px}.art-remix>span{font-size:12px;margin-left:0}}
@media(max-width:620px){.brand{font-size:25px;gap:9px}.brand-icon,.brand-symbol{width:31px;height:34px}.hero-wordmark{font-size:clamp(41px,11.2vw,62px);margin-top:25px;letter-spacing:-.072em}.title-cursor{width:2px;margin-left:5px}.hero-statement{font-size:clamp(27px,7.4vw,38px);margin-top:17px;line-height:1.14;letter-spacing:-.04em}.hero-description{font-size:14px;margin-top:20px}.hero-art{margin-top:28px;height:420px}.hero-art[data-scene="arquitectura"] .home-mini-copy>strong{font-size:19px}.art-controls{bottom:29px;gap:11px}.art-scene-name{font-size:5px;min-width:88px}.art-remix{font-size:9px;min-height:38px;padding:7px 10px;gap:7px}.art-remix>.icon{width:12px;height:12px}.art-remix>span{font-size:14px;margin-left:2px}}
@media(max-width:359px){.hero-wordmark{font-size:38px}.hero-statement{font-size:26px}.hero-art{height:375px}.hero-art[data-scene="arquitectura"] .home-mini-copy>strong{font-size:17px}.art-remix{font-size:8px;padding-inline:8px;gap:5px}.art-scene-name{font-size:4.5px;min-width:78px}.art-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.title-cursor{animation:none}.brand *{transition:none!important}}

/* Keep the foreground page clear of the main page's headline and the controls. */
.web-page-contact{width:35%;left:0;top:75%}.contact-mini{padding:12px 14px}.contact-mini>strong{font-size:21px}.contact-mini>div{font-size:3px;margin-top:10px;padding-top:8px}.contact-mini>.mini-eyebrow{font-size:3px}.art-controls{justify-content:flex-end;left:auto;right:5%;bottom:20px}.bottom-coordinate{bottom:1px}.web-page-contact .web-page-number{right:-9px;bottom:-7px}
@media(max-width:1100px){.web-page-contact{width:36%;top:74%}.contact-mini{padding:10px 12px}.contact-mini>strong{font-size:18px}.contact-mini>.mini-eyebrow{font-size:2.7px}.contact-mini>div{font-size:2.5px}.contact-arrow{width:18px;height:18px;font-size:11px}.art-controls{right:4%;bottom:19px}}
@media(max-width:850px){.web-page-contact{width:37%;left:0;top:73%}.contact-mini{padding:8px 10px}.contact-mini>strong{font-size:16px}.contact-mini>.mini-eyebrow{font-size:2.3px}.contact-mini>div{font-size:2px;gap:2px}.contact-arrow{width:15px;height:15px;font-size:10px}.art-controls{right:4%;bottom:19px}}
@media(max-width:620px){.web-page-contact{width:37%;left:2%;top:73%}.contact-mini>strong{font-size:16px}.art-controls{right:4%;bottom:18px;gap:8px}.art-scene-name{font-size:4px;min-width:69px}.art-remix{font-size:8px;min-height:36px;padding-inline:8px;gap:6px}.art-remix>.icon{width:11px;height:11px}.art-remix>span{font-size:13px}.bottom-coordinate{bottom:0}.type-block{right:3%;bottom:8%}}
@media(max-width:359px){.contact-mini{padding:8px}.contact-mini>strong{font-size:14px}.contact-mini>.mini-eyebrow{font-size:2px}.contact-mini>div{font-size:1.8px}.art-scene-name{font-size:3.5px;min-width:64px}.art-remix{font-size:7px;gap:5px;padding-inline:7px}.art-controls{right:4%;gap:6px}}

.web-page-contact{left:8%}.hero-art .bottom-coordinate{display:none}

/* Each idea owns its markup, spatial arrangement and objects. The button swaps
   complete scenes; these are visual concepts, not new product capabilities. */
.web-scene{container-type:inline-size;isolation:isolate;inset:30px 0 73px}.idea-stage{position:absolute;inset:0;transform-style:preserve-3d;font-size:1cqw}.concept-window{position:absolute;overflow:hidden;border:1px solid var(--concept-edge,#788673);border-radius:1.4cqw;background:var(--concept-bg,#172017);box-shadow:0 1cqw 0 var(--concept-side,#354130),0 3cqw 6cqw #0006;transform-style:preserve-3d;backface-visibility:hidden;--rx:8deg;--ry:-15deg;--rz:-6deg;--tz:0px;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) translateZ(var(--tz));animation:concept-float 9s ease-in-out infinite}
.concept-chrome{display:flex;align-items:center;justify-content:space-between;gap:2cqw;height:4.8cqw;padding-inline:2cqw;border-bottom:1px solid #ffffff18;background:#0002;color:var(--chrome-ink,#bfcbbb);font:1cqw var(--mono);white-space:nowrap}.concept-chrome>span:first-child{font-size:.8cqw;letter-spacing:.12em}.concept-chrome>span:last-child{font-size:1.3cqw}.concept-kicker{font:1cqw var(--mono);letter-spacing:.08em}.concept-tag{position:absolute;font:1cqw var(--mono);letter-spacing:.08em;color:#a9bd95;border:1px solid #a9bd9540;background:#10170ee6;border-radius:.6cqw;padding:1.4cqw 2cqw;white-space:nowrap}.art-controls{left:7%;right:4%;bottom:10px;justify-content:space-between;gap:12px}.art-scene-name{font-size:7px;min-width:0;text-align:left;white-space:nowrap}.art-remix{font-size:10px;min-height:44px;padding:8px 12px;flex-shrink:0}.art-remix>.icon{width:13px;height:13px}.hero-art .web-scene.scene-arriving{animation:scene-arrive .6s cubic-bezier(.16,.8,.25,1) both}.hero-art:has(.scene-arriving) .art-remix>span{transform:rotate(180deg);transition:transform .6s}.hero-art .top-coordinate{font-size:7px}
@keyframes concept-float{0%,100%{transform:translateY(0) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) translateZ(var(--tz))}50%{transform:translateY(-1.3cqw) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) translateZ(var(--tz))}}
@keyframes scene-arrive{from{opacity:0;transform:translateY(24px) scale(.89) rotateY(-10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0)}}

/* Architecture: a tall editorial cover, a building and a separate floor plan. */
.architecture-stage{--concept-bg:#e7decc;--concept-edge:#baa98a;--concept-side:#7f7057;--chrome-ink:#6c614e}.architecture-grid{position:absolute;inset:18% -8% -7%;background-image:linear-gradient(#ceb99822 1px,transparent 1px),linear-gradient(90deg,#ceb99822 1px,transparent 1px);background-size:5cqw 5cqw;transform:perspective(500px) rotateX(60deg) rotateZ(-25deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.architecture-cover{left:8%;top:9%;width:47%;--rx:6deg;--ry:19deg;--rz:-6deg;z-index:2}.architecture-editorial{padding:3.4cqw 3.6cqw 3cqw;color:#4a3d2b}.architecture-brand{font:italic 5.8cqw/1 Georgia,serif;letter-spacing:-.06em}.architecture-brand>span{font:1.6cqw Georgia,serif;vertical-align:top;margin-left:.5cqw}.architecture-editorial>.concept-kicker{display:block;font-size:.8cqw;margin-top:4.6cqw}.architecture-editorial>strong{font:normal 8.2cqw/.95 Georgia,serif;letter-spacing:-.05em;display:block;margin-top:2.8cqw}.architecture-rule{height:1px;background:#9b8b6b;width:21%;margin-top:3cqw}.architecture-caption{display:block;font-size:1.2cqw;line-height:1.5;margin-top:2cqw}.architecture-foot{display:flex;justify-content:space-between;gap:1cqw;font:1cqw var(--mono);margin-top:4cqw;padding-top:2cqw;border-top:1px solid #b1a183}.architecture-foot>span{font-size:2cqw}.architecture-model{position:absolute;width:64%;right:-1%;top:29%;z-index:5;transform:translateZ(45px) rotate(-4deg);animation:building-float 8s ease-in-out infinite}.architecture-model>svg{display:block;width:100%;filter:drop-shadow(0 2cqw 1cqw #0006)}.architecture-model>span{display:block;margin:1cqw 0 0 10cqw;color:#b8c8a0;font:1cqw var(--mono);white-space:nowrap}.architecture-plan{width:38%;right:5%;top:4%;--rx:12deg;--ry:-25deg;--rz:12deg;z-index:1;background:#243025;--chrome-ink:#bbcbac;animation-delay:-2s}.architecture-plan>svg{display:block;width:100%;height:23cqw;padding:1cqw}.architecture-plan>span{display:block;color:#b8c5a4;font:1cqw var(--mono);padding:0 2cqw 2cqw}.architecture-tag{bottom:1%;left:8%;transform:rotate(-5deg)}@keyframes building-float{0%,100%{transform:translateZ(45px) translateY(0) rotate(-4deg)}50%{transform:translateZ(45px) translateY(-1.4cqw) rotate(-1deg)}}

/* Storefront: wide product grid, a separate phone and a paper selection slip. */
.shop-stage{--concept-bg:#f3f0e8;--concept-edge:#cfc7b3;--concept-side:#79715b;--chrome-ink:#857d6b}.shop-browser{left:7%;top:10%;width:84%;--rx:13deg;--ry:-13deg;--rz:5deg;z-index:2}.shop-content{padding:3cqw 3.4cqw 2.5cqw;color:#342f28}.shop-nav{display:flex;align-items:center;justify-content:space-between;gap:2cqw}.shop-nav>strong{font-size:4.4cqw;line-height:1;font-weight:550;letter-spacing:-.08em}.shop-nav>strong>span{font-size:1.4cqw;vertical-align:top}.shop-nav>span{font:1cqw var(--mono)}.shop-heading{display:flex;justify-content:space-between;align-items:end;margin-top:4.5cqw}.shop-heading>span{font:1cqw var(--mono);max-width:15cqw}.shop-heading>strong{font:normal 5.6cqw/1.01 Georgia,serif;letter-spacing:-.05em}.shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;margin-top:3cqw}.shop-product{background:#e0d8c9;border:1px solid #c2b6a02b;padding:2cqw 1.5cqw 1.8cqw;min-width:0}.shop-product:nth-child(2){background:#ddd1b9}.shop-product:nth-child(3){background:#dbd1c8}.shop-product>strong{display:block;font-size:1.5cqw;font-weight:500;margin-top:1.5cqw}.shop-product>span{font: .7cqw var(--mono);white-space:nowrap}.shop-footer{display:flex;justify-content:space-between;margin-top:3cqw;padding-top:2cqw;border-top:1px solid #b5ac963b;font:.7cqw var(--mono)}.product-lamp,.product-chair,.product-vase{position:relative;width:100%;height:15cqw;transform-style:preserve-3d}.product-lamp>i{position:absolute;width:75%;height:7cqw;left:12%;top:.7cqw;border-radius:12cqw 12cqw 1cqw 1cqw;background:#b6623c;box-shadow:inset -2cqw .4cqw 2cqw #5c2f2836,0 .6cqw 0 #7a452c;transform:rotate(-5deg)}.product-lamp>b{position:absolute;width:1.1cqw;height:7cqw;left:49%;top:6cqw;background:#8b4a2e;transform:rotate(-5deg)}.product-lamp>span{position:absolute;left:27%;bottom:.7cqw;width:50%;height:2cqw;border-radius:50%;background:#ad5c36;box-shadow:0 .7cqw 0 #7d432a,1cqw 1.7cqw 1.5cqw #573a3b22}.product-chair{transform:perspective(250px) rotateY(-23deg) rotateX(8deg)}.product-chair>i{position:absolute;left:22%;top:0;width:65%;height:8cqw;background:#657454;border-radius:4cqw 4cqw .5cqw .5cqw;box-shadow:1cqw .4cqw 0 #384a32}.product-chair>b{position:absolute;left:18%;top:8cqw;width:75%;height:3.5cqw;background:#788666;transform:rotateX(55deg);box-shadow:0 .7cqw 0 #405237}.product-chair>span,.product-chair>em{position:absolute;left:25%;top:10cqw;width:.8cqw;height:4.5cqw;background:#424c35;transform:rotate(8deg)}.product-chair>em{left:82%;transform:rotate(-8deg)}.product-vase>i{position:absolute;width:62%;height:10cqw;left:22%;bottom:1cqw;background:#c29165;border-radius:35% 35% 40% 40%;box-shadow:inset -2cqw 0 2cqw #74472a45,.8cqw 1cqw 1.3cqw #604b2a22}.product-vase>b{position:absolute;width:30%;height:5cqw;left:38%;top:1cqw;background:#c99a74;border-radius:1.3cqw 1.3cqw 0 0;border-top:1cqw solid #7c4a2f;box-shadow:inset -1cqw 0 1cqw #74472a35}.shop-mobile{position:absolute;width:26%;left:9%;top:50%;z-index:5;background:#f7f2e8;border:2px solid #bcb2a0;border-radius:3cqw;padding:2.2cqw 1.8cqw 2.5cqw;box-shadow:.6cqw .6cqw 0 #716c5b,0 2cqw 4cqw #0006;transform:rotate(-12deg) rotateY(15deg)}.phone-notch{width:30%;height:1.1cqw;border-radius:2cqw;background:#292b27;margin:-1cqw auto 2cqw}.phone-nav{font-size:2cqw;font-weight:550;display:flex;justify-content:space-between}.phone-product{margin-top:2cqw;background:#dfd2be;padding:1cqw 0}.phone-product .product-lamp{height:14cqw;transform:scale(.84)}.phone-eyebrow{display:block;font:.65cqw var(--mono);margin-top:2cqw}.shop-mobile>strong{display:block;font:2.5cqw Georgia,serif;margin-top:.7cqw}.shop-mobile>p{font-size:.8cqw;margin-top:.7cqw}.swatch-row{display:flex;gap:1cqw;margin-top:1.6cqw}.swatch-row>i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#b86e42;outline:1px solid #b9a590;outline-offset:2px}.swatch-row>i:nth-child(2){background:#727f5a}.swatch-row>i:nth-child(3){background:#dbc6a3}.phone-cta{display:flex;justify-content:space-between;align-items:center;background:#333c2b;color:#eef0df;font:.7cqw var(--mono);padding:1.7cqw 1cqw;margin-top:2cqw}.shop-receipt{position:absolute;right:7%;top:66%;width:28%;padding:2.5cqw;background:#d8bd78;color:#514629;transform:rotate(13deg);z-index:4;box-shadow:0 1.5cqw 3cqw #0004;clip-path:polygon(0 0,100% 0,100% 95%,95% 100%,90% 95%,85% 100%,80% 95%,75% 100%,70% 95%,65% 100%,60% 95%,55% 100%,50% 95%,45% 100%,40% 95%,35% 100%,30% 95%,25% 100%,20% 95%,15% 100%,10% 95%,5% 100%,0 95%)}.shop-receipt>span{font:.8cqw var(--mono)}.shop-receipt>strong{font:3.3cqw/1 Georgia,serif;display:block;margin-top:1.5cqw}.shop-receipt>i{display:block;border-top:1px dashed #6f614d70;margin:2cqw 0}.receipt-barcode{height:3cqw;margin-top:1.4cqw;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 7px);opacity:.7}.shop-tag{left:39%;bottom:1%;font-size:.8cqw}

/* Music: typographic poster, rotating vinyl, ticket and compact lineup. */
.festival-stage{--concept-bg:#e87948;--concept-edge:#b98954;--concept-side:#75432e;--chrome-ink:#3e2c20}.festival-poster{left:24%;top:3%;width:48%;--rx:8deg;--ry:18deg;--rz:-8deg;z-index:3}.poster-content{padding:2.5cqw 3.5cqw 3.2cqw;color:#33291f}.poster-kicker{font:.75cqw var(--mono)}.poster-content>strong{display:block;font-size:17cqw;font-weight:820;line-height:.77;letter-spacing:-.095em;margin-top:3.6cqw;position:relative}.poster-content>strong>span{position:absolute;font-size:9cqw;right:.5cqw;bottom:.5cqw}.poster-subtitle{font-size:2.4cqw;line-height:1.1;font-weight:620;letter-spacing:-.04em;margin-top:3.5cqw}.poster-date{display:flex;justify-content:space-between;gap:2cqw;border-top:2px solid #33291f;margin-top:3.2cqw;padding-top:2cqw}.poster-date>span:first-child{font-size:2cqw;font-weight:700;line-height:1.1}.poster-date>span:last-child{font: .9cqw/1.5 var(--mono)}.vinyl{position:absolute;right:-1%;top:19%;width:57%;aspect-ratio:1;border-radius:50%;z-index:1;border:1px solid #647467;background:repeating-radial-gradient(circle,#18221d 0 1px,#303a3022 1px 2px,#0b100d 2px 4px);box-shadow:0 1cqw 0 #1f2e22,0 3cqw 4cqw #0005;animation:vinyl-spin 28s linear infinite;transform-style:preserve-3d}.vinyl:before{content:'';position:absolute;inset:6%;border:1px solid #8fb29636;border-radius:50%}.vinyl-label{position:absolute;inset:32%;border-radius:50%;background:#e2c584;color:#43321c;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #ffe8c26b}.vinyl-label>span{font-size:3cqw;letter-spacing:-.08em;font-weight:700}.vinyl-label>small{font:.6cqw var(--mono);margin-top:.5cqw}.vinyl-label>i{width:1cqw;height:1cqw;border-radius:50%;background:#11190d;margin-top:1cqw}.festival-orbit{position:absolute;inset:2% 1% 2%;border:1px solid #e2c58422;border-radius:50%;transform:rotateX(50deg) rotateZ(-20deg)}.festival-lineup{left:3%;top:60%;width:45%;z-index:5;background:#191e16;--chrome-ink:#d6d9b7;--rz:8deg;--ry:-15deg;--rx:5deg}.festival-lineup>div:last-child{padding:2.4cqw;color:#e3e9c6}.festival-lineup>div:last-child>span{font:.8cqw var(--mono);color:#ca9f6b}.festival-lineup strong{display:flex;justify-content:space-between;align-items:center;font-size:2.6cqw;line-height:1.5;letter-spacing:-.04em;font-weight:450;border-bottom:1px solid #89946e2e;padding:.7cqw 0}.festival-lineup strong>i{font:.8cqw var(--mono);color:#ca9f6b}.festival-ticket{position:absolute;right:6%;bottom:1%;width:22%;padding:2cqw;background:#e6d699;color:#3a361f;transform:rotate(15deg);z-index:4;border-radius:.5cqw;box-shadow:0 2cqw 2cqw #0004;border-left:2px dashed #1e231b66}.festival-ticket>span{font:.7cqw var(--mono)}.festival-ticket>strong{display:block;font-size:5cqw;line-height:.91;font-weight:750;letter-spacing:-.055em;margin-top:2cqw}.sound-wave{position:absolute;left:4%;top:22%;width:17%;height:22%;display:flex;align-items:center;justify-content:center;gap:.7cqw;transform:rotate(-12deg);z-index:1}.sound-wave>i{width:.9cqw;height:30%;background:#dfbc75;border-radius:1cqw;animation:wave-beat 1.6s ease-in-out infinite alternate}.sound-wave>i:nth-child(3n){height:80%;animation-delay:-.6s}.sound-wave>i:nth-child(3n+1){height:50%;animation-delay:-1s}.sound-wave>i:nth-child(4n){height:95%;animation-delay:-.2s}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes wave-beat{to{transform:scaleY(.3)}}

/* Analytics: a real dashboard layout, side navigation, charts and a task board. */
.dashboard-stage{--concept-bg:#12212a;--concept-edge:#4a7a8a;--concept-side:#254a55;--chrome-ink:#83bcc7}.dashboard-grid{position:absolute;inset:0;background-image:radial-gradient(#70dcd544 .8px,transparent .8px);background-size:3.6cqw 3.6cqw;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.dashboard-browser{width:86%;left:6%;top:14%;--rx:10deg;--ry:-17deg;--rz:-4deg;z-index:2}.dashboard-shell{display:grid;grid-template-columns:8cqw 1fr;min-height:43cqw}.dashboard-sidebar{border-right:1px solid #7bd5d71a;background:#0e1b21;display:flex;flex-direction:column;align-items:center;padding-block:2.4cqw;gap:2.4cqw;color:#8fb2b9}.dashboard-sidebar>strong{font-size:3.8cqw;letter-spacing:-.12em;color:#d1eef2;line-height:1}.dashboard-sidebar>strong>span{color:#85f4db}.dashboard-sidebar>i{font-style:normal;font-size:2.3cqw;line-height:1.1}.dashboard-sidebar>i:first-of-type{color:#85f4db;background:#60caca18;padding:.8cqw;border-radius:1cqw}.dashboard-sidebar>b{margin-top:auto;font-size:2.2cqw;color:#e9ffff}.dashboard-main{padding:2.5cqw 3cqw 3cqw;min-width:0;color:#e0f1ee}.dashboard-nav{display:flex;justify-content:space-between;align-items:center;font:.8cqw var(--mono);color:#88aeb3}.dashboard-avatar{width:2.5cqw;height:2.5cqw;border-radius:50%;background:#386779;color:#e8fffb;display:grid;place-items:center;font-size:1cqw}.dashboard-heading{display:block;font-size:4.3cqw;letter-spacing:-.065em;line-height:1.1;font-weight:530;margin-top:1.4cqw}.dashboard-subheading{display:block;font-size:1.1cqw;color:#8fafb2;margin-top:1cqw}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw;margin-top:2.6cqw}.metric-grid>div{border:1px solid #55859535;background:#172d35;padding:1.8cqw;border-radius:1cqw}.metric-grid>div>span{font:.65cqw var(--mono);color:#8eb3b8}.metric-grid strong{font-size:3.9cqw;font-weight:450;display:flex;align-items:baseline;justify-content:space-between;line-height:1.3;margin-top:.7cqw}.metric-grid small{font:.6cqw var(--mono);color:#75e5c8}.dashboard-chart{border:1px solid #5284932e;border-radius:1cqw;padding:2cqw;margin-top:2cqw;background:#10252e}.dashboard-chart>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:1.1cqw}.dashboard-chart>div:first-child>strong{font-weight:450}.dashboard-chart>div:first-child>span{font:.65cqw var(--mono);color:#81adba}.dashboard-chart>svg{display:block;width:100%;height:16cqw;margin-top:1.7cqw}.chart-labels{display:flex;justify-content:space-between;font:.6cqw var(--mono);color:#80a7ad}.dashboard-task{display:flex;align-items:center;gap:1.5cqw;font-size:1cqw;padding-top:2cqw;color:#a3c2c4}.dashboard-task>span{color:#7be6d2}.dashboard-task>i{font:.6cqw var(--mono);margin-left:auto;color:#74d6bc}.dashboard-kanban{width:52%;left:1%;top:68%;z-index:5;--rx:7deg;--ry:20deg;--rz:7deg;background:#152932}.kanban-columns{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;padding:2cqw}.kanban-columns>div>span{display:flex;justify-content:space-between;color:#8cc0c7;font:.7cqw var(--mono);margin-bottom:1.4cqw}.kanban-columns>div>span>b{color:#b2e9dc}.kanban-columns i{display:block;font-style:normal;font-size:1cqw;padding:1.5cqw 1.2cqw;background:#233e45;border:1px solid #4e929a35;border-radius:.6cqw;margin-top:1cqw;color:#d8eeeb}.kanban-columns i>span{display:block;width:42%;height:.6cqw;background:#6ed7bf80;border-radius:1cqw;margin-top:1cqw}.dashboard-orb{position:absolute;right:2%;top:0;width:27%;aspect-ratio:1;z-index:4;display:grid;place-items:center;background:radial-gradient(circle,#65d5d426,transparent 65%)}.dashboard-orb>i{position:absolute;inset:8%;border:1px solid #6bddd8;border-radius:50%;transform:rotateX(65deg) rotateZ(20deg);animation:data-orbit 14s linear infinite}.dashboard-orb>i:nth-child(2){transform:rotateY(65deg) rotateZ(-20deg);animation-direction:reverse}.dashboard-orb>i:nth-child(3){inset:21%;border-color:#a8f8e9;transform:rotateX(45deg) rotateY(45deg)}.dashboard-orb>span{font-size:5cqw;letter-spacing:-.1em;color:#aaf5e4}.dashboard-status{position:absolute;right:3%;bottom:3%;width:35%;display:flex;align-items:center;gap:2cqw;padding:2.8cqw 2cqw;border:1px solid #589596;background:#163934;border-radius:1cqw;z-index:6;transform:rotate(-8deg);box-shadow:0 2cqw 3cqw #0004}.dashboard-status>i{width:1cqw;height:1cqw;background:#8be6ba;border-radius:50%;box-shadow:0 0 2cqw #9ce2ca55}.dashboard-status strong{font-size:1.8cqw;font-weight:500}.dashboard-status span{display:block;font:.65cqw var(--mono);color:#8ebdb0;margin-top:.8cqw}.dashboard-status>b{margin-left:auto;font-size:2cqw;color:#a8e4c7}.dashboard-tag{left:8%;top:3%;font-size:.8cqw}@keyframes data-orbit{to{transform:rotateX(65deg) rotateZ(380deg)}}

/* Food: a warm editorial website, a printed menu and a cup with rising steam. */
.food-stage{--concept-bg:#e9dfc8;--concept-edge:#b7b084;--concept-side:#6d6749;--chrome-ink:#827656}.food-table-grid{position:absolute;inset:12% 0 -5%;background-image:linear-gradient(#a1b57520 1px,transparent 1px),linear-gradient(90deg,#a1b57520 1px,transparent 1px);background-size:7cqw 7cqw;transform:rotateX(45deg) rotateZ(-16deg);mask-image:radial-gradient(ellipse,#000,transparent 65%)}.food-browser{width:81%;left:10%;top:9%;--rx:11deg;--ry:-12deg;--rz:7deg;z-index:2}.food-content{padding:3cqw 3.3cqw 2.5cqw;position:relative;color:#6c3e27;background:#e7dfc9}.food-nav{display:flex;align-items:center;justify-content:space-between}.food-nav>strong{font:italic 3.9cqw Georgia,serif;letter-spacing:-.055em}.food-nav>strong>span{font:2.5cqw var(--font);margin-left:.7cqw}.food-nav>span{font:.7cqw var(--mono);color:#766748}.food-title{position:relative;z-index:2;padding-top:4cqw;padding-bottom:3cqw}.food-title>span{font:.85cqw var(--mono);letter-spacing:.02em}.food-title>strong{font:normal 7.2cqw/.92 Georgia,serif;letter-spacing:-.06em;display:block;margin-top:2.4cqw}.food-title>p{font-size:1.3cqw;line-height:1.5;margin-top:2cqw;color:#876647}.food-plate{position:absolute;right:3%;top:28%;width:40%;aspect-ratio:1;border-radius:50%;background:#e1cd9f;border:1.8cqw double #bc9f63;box-shadow:inset 0 0 0 1.2cqw #f1e8cc,inset 0 0 0 1.5cqw #c8b47b,1cqw 2cqw 2cqw #69513626;transform:rotate(-15deg)}.plate-food{position:absolute;inset:18%;border-radius:50%;background:#8b60352b}.plate-food>i{position:absolute;width:35%;height:68%;border-radius:80% 10% 80% 10%;background:#55754b;transform:rotate(-20deg);left:8%;top:6%;box-shadow:inset 1cqw 0 #355933}.plate-food>i:nth-child(2){left:42%;top:20%;transform:rotate(70deg);background:#6f8845}.plate-food>i:nth-child(3){left:20%;top:30%;transform:rotate(120deg);background:#7b9958}.plate-food>b{position:absolute;width:30%;height:30%;border-radius:50%;background:#ae5f3d;border:.7cqw solid #d68956;left:55%;top:8%}.plate-food>b:nth-of-type(2){left:10%;top:63%;background:#bf6b41}.plate-food>span{position:absolute;width:18%;height:22%;background:#ece3b9;left:28%;top:20%;transform:rotate(30deg);box-shadow:.3cqw .3cqw .4cqw #785e3b33}.plate-food>span:nth-of-type(2){left:48%;top:53%;transform:rotate(-15deg)}.plate-food>span:nth-of-type(3){left:17%;top:49%;transform:rotate(25deg)}.food-footer{display:flex;justify-content:space-between;gap:2cqw;border-top:1px solid #9e875e50;font:.65cqw var(--mono);padding-top:2cqw}.food-menu{position:absolute;left:4%;top:55%;width:31%;background:#f1e7cc;color:#57472a;z-index:4;padding:3cqw;transform:rotate(-12deg) rotateY(12deg);border:1px solid #b3a584;box-shadow:.5cqw 1cqw 0 #ab9871,0 2cqw 3cqw #0004}.menu-top>span{font:1cqw var(--mono);letter-spacing:.1em}.menu-top>strong{font:5cqw Georgia,serif;display:block;letter-spacing:-.06em;margin-top:1cqw}.menu-course{margin-top:2.5cqw}.menu-course>span{display:block;font:.6cqw var(--mono);color:#9b7952}.menu-course>strong{display:block;font:1.7cqw Georgia,serif;margin-top:.7cqw}.menu-course>i{display:block;height:1px;background:#b8a88560;margin-top:1.3cqw}.menu-bottom{font:.7cqw var(--mono);display:block;margin-top:2.5cqw}.coffee-saucer{position:absolute;width:30%;aspect-ratio:1;right:9%;bottom:1%;background:#bdc495;border:1px solid #e9ecd0;border-radius:50%;box-shadow:inset 0 0 0 1.5cqw #cdd2ac,inset 0 0 0 1.8cqw #9aab77,0 1cqw 0 #889164,1cqw 2cqw 3cqw #0005;transform:rotateX(35deg) rotateZ(-15deg);z-index:6;transform-style:preserve-3d}.coffee-cup{position:absolute;inset:18%;border-radius:50%;background:#85976b;border:2.3cqw solid #e5e6c7;box-shadow:0 2cqw 0 #a3ad86,0 4cqw 0 #929f76,0 5cqw 2cqw #263a3933;transform:translateZ(2cqw)}.coffee-cup:after{content:'';position:absolute;left:95%;top:20%;width:5cqw;height:7cqw;border:1.8cqw solid #d6dbb6;border-radius:50%;z-index:-1}.coffee-cup>span{position:absolute;inset:0;background:#704426;border-radius:50%;border:.6cqw solid #b58a4e;box-shadow:inset -1cqw 1cqw 2cqw #3b241c77}.coffee-cup>span:after{content:'';position:absolute;inset:17%;border-radius:50% 50% 25% 50%;border:1.1cqw solid #d8b77e;transform:rotate(45deg)}.coffee-steam{position:absolute;left:42%;bottom:72%;width:3cqw;height:13cqw;border-left:1px solid #e2ecd580;border-radius:50%;transform:translateZ(4cqw);animation:steam-rise 4s ease-out infinite}.coffee-steam:nth-of-type(2){left:60%;height:10cqw;animation-delay:-1.3s}.coffee-steam:nth-of-type(3){left:30%;height:10cqw;animation-delay:-2.6s}.food-note{position:absolute;right:3%;top:2%;background:#8b573d;color:#f5dfb8;padding:2cqw 2.7cqw;transform:rotate(-10deg);z-index:5;font:2.5cqw/1.1 Georgia,serif;box-shadow:0 1cqw 2cqw #0004}.food-note>em{font-weight:normal}.food-note>span{font-size:2cqw;position:absolute;right:1.3cqw;bottom:.4cqw}@keyframes steam-rise{0%{opacity:0;transform:translateY(1cqw) translateZ(4cqw)}35%{opacity:.65}100%{opacity:0;transform:translateY(-5cqw) translateZ(4cqw)}}

@media(max-width:1100px){.art-scene-name{font-size:6px}.art-remix{font-size:9px}.web-scene{inset:30px 0 68px}}
@media(max-width:850px){.art-controls{left:5%;right:4%;gap:7px}.art-scene-name{font-size:5px}.art-remix{font-size:8px;gap:6px;min-height:40px;padding-inline:9px}.hero-art .top-coordinate{font-size:6px}.web-scene{inset:28px 0 67px}.food-stage,.shop-stage{top:3%}}
@media(max-width:620px){.hero-art{height:430px}.web-scene{inset:30px 0 68px}.art-controls{left:6%;right:4%;bottom:10px}.art-scene-name{font-size:6px}.art-remix{font-size:9px;min-height:44px;padding-inline:10px}.hero-art .top-coordinate{font-size:6px}.idea-stage{top:4%}.architecture-stage,.festival-stage{top:6%}.architecture-cover{top:7%}.architecture-tag{bottom:7%}.architecture-model{top:28%}.shop-mobile{top:45%}.shop-receipt{top:59%}.shop-tag{bottom:8%}.festival-lineup{top:54%}.festival-ticket{bottom:10%}.vinyl{top:18%}.dashboard-kanban{top:61%}.dashboard-status{bottom:9%}.dashboard-browser{top:13%}.food-menu{top:51%}.coffee-saucer{bottom:9%}.food-stage{top:7%}}
@media(max-width:359px){.hero-art{height:390px}.art-scene-name{font-size:5px}.art-remix{font-size:8px;padding-inline:8px}.web-scene{inset:27px 0 65px}}
@media(prefers-reduced-motion:reduce){.hero-art .web-scene.scene-arriving,.idea-stage *{animation:none!important;transition:none!important}.hero-art .web-scene.scene-arriving{opacity:1;transform:none}}

/* Each composition has a deliberate stacking order. Flatten the sibling plane
   so differently tilted windows do not cut through one another in the browser. */
.idea-stage{transform-style:flat}.shop-mobile{color:#342f28}
@media(min-width:621px){.idea-stage{transform:scale(.91);transform-origin:50% 15%}}
.art-scene-name{background:#0c140bef;border:1px solid #80976025;border-radius:3px;padding:6px 7px}

/* Reading sizes stay consistent across viewports; layouts reflow instead.
   The miniature websites inside the decorative 3D scene retain their scale. */
:root {
  --muted: #b6beb6;
  --reading: 1rem;
  --ui-text: .875rem;
  --caption: .75rem;
}
body { font-size: var(--reading); }
.hero-description,
.section-heading > p,
.feature p,
.ai-copy > p,
.prompt > p,
.assistant-message p,
.domain-card > p,
.publish-features p,
.security-strip p,
.workflow-grid p,
.faq-list summary,
.faq-list details > p,
.closing > p { font-size: var(--reading); line-height: 1.75; }
.feature h3,
.publish-features h3,
.security-strip h3,
.workflow-grid h3 { font-size: 1.125rem; line-height: 1.4; }
.section-heading > p { max-width: 360px; }
.hero-description { max-width: 440px; }
.feature p { max-width: none; }
.section-heading { align-items: start; }

.nav-links,
.nav-links > a,
.button,
.button-small,
.hero-actions .button,
.hero-actions .text-link,
.closing > .button,
.text-link,
.ai-copy > .text-link,
.hero-note,
.section-aside,
.feature-detail,
.integrations > span,
.integrations .mcp-integration,
.connection-benefits > div,
.closing-login { font-size: var(--ui-text); }
.button-small { min-height: 44px; }
.hero-actions { flex-wrap: wrap; gap: 16px 24px; }
.hero-note { flex-wrap: wrap; gap: 8px 15px; }
.hero-copy > .eyebrow,
.eyebrow,
.closing > .eyebrow { font-size: var(--caption); line-height: 1.6; letter-spacing: .075em; }
.hero-baseline { font-size: var(--caption); line-height: 1.7; flex-wrap: wrap; gap: 16px; }
.hero-baseline a { font-size: var(--ui-text); min-height: 44px; align-items: center; }
.hero-baseline > span { max-width: none; }
.section-top { flex-wrap: wrap; gap: 16px 24px; }
.protocol-tag { font-size: var(--ui-text); line-height: 1.5; color: #daf3c5; letter-spacing: .04em; }
.integrations { gap: 10px; }
.integrations > span { padding: 10px 13px; gap: 9px; }
.integrations .mcp-integration { padding: 10px 13px; color: #daf3c5; border-color: #526843; background: #b4ef7410; }
.connection-benefits > div { line-height: 1.7; align-items: start; }
.connection-benefits .icon { margin-top: 3px; flex-shrink: 0; }
.ai-layout { gap: 64px; }
.ai-copy > p { max-width: 470px; }

/* The interactive editor is readable at actual size, including its example. */
.workspace-body { grid-template-columns: 190px minmax(0, 1fr); }
.workspace-brand,
.page-button,
.editor-tabs button,
.sidebar-bottom,
.code-filename,
.code-note,
.history-description,
.history-item strong,
.history-item p,
.history-footnote { font-size: var(--ui-text); }
.workspace-bar { height: auto; min-height: 64px; padding-block: 14px; gap: 12px; flex-wrap: wrap; }
.workspace-brand { flex-wrap: wrap; gap: 8px; }
.demo-badge,
.sidebar-label,
.draft-state,
.workspace-foot,
.code-filename span:last-child,
.current-badge,
.revision-number { font-size: var(--caption); line-height: 1.5; }
.demo-badge { letter-spacing: .04em; }
.sidebar-label > span,
.page-button > span,
.slash { color: #aabb9f; }
.page-button { min-height: 44px; }
.workspace-toolbar { height: auto; min-height: 56px; flex-wrap: wrap; }
.editor-tabs { min-height: 56px; gap: 20px; }
.editor-tabs .icon,
.page-button .icon { width: 16px; height: 16px; }
.editor-tabs button { min-height: 44px; }
.workspace-foot { flex-wrap: wrap; }
.sample-nav-caption,
.sample-kicker,
.sample-footer { font-size: var(--caption); line-height: 1.6; letter-spacing: .03em; }
.sample-nav { flex-wrap: wrap; gap: 12px; }
.sample-copy > p { font-size: var(--reading); line-height: 1.7; max-width: 320px; }
.sample-cta { font-size: var(--ui-text); min-height: 44px; padding: 10px 14px; }
.sample-cta > span { font-size: 16px; }
.sample-footer { flex-wrap: wrap; gap: 10px 20px; color: #535b49; }
.sample-content { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); min-height: 330px; }
.sample-sculpture > span { display: none; }
.code-panel pre { font-size: var(--ui-text); line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; }
.code-filename { flex-wrap: wrap; }
.history-item { align-items: start; }
.history-node { margin-top: 7px; }
.history-item > div { min-width: 0; }
.history-item p { line-height: 1.7; }
.current-badge,.revision-number { flex-shrink: 0; }

/* Examples and secondary information have the same reading hierarchy. */
.conversation-top,
.conversation-top .example-label,
.example-label,
.tool-action code,
.card-label,
.domain-status,
.domain-status .example-label,
.domain-steps,
.security-tags > span { font-size: var(--caption); line-height: 1.6; }
.conversation-top { flex-wrap: wrap; }
.prompt > p { min-width: 0; }
.avatar { width: 30px; height: 30px; }
.human-avatar { font-size: var(--caption); }
.assistant-label,
.tool-action,
.result-card small,
.conversation-bottom { font-size: var(--ui-text); line-height: 1.65; }
.tool-action { flex-wrap: wrap; column-gap: 8px; }
.tool-action code { color: #b2c4a5; overflow-wrap: anywhere; }
.result-card strong { font-size: var(--reading); }
.result-card > span:not(.result-icon) { min-width: 0; }
.conversation-bottom { align-items: start; justify-content: start; padding: 16px 22px; }
.conversation-bottom .icon { margin-top: 4px; flex-shrink: 0; }
.domain-status { flex-wrap: wrap; }
.domain-steps { flex-wrap: wrap; gap: 14px 20px; }
.security-tags { max-width: 250px; }
.security-tags > span { padding: 7px 9px; }
.small-number { font-size: var(--ui-text); }
.workflow-number { font-size: var(--ui-text); }
.closing-login { line-height: 1.8; }
.closing-coordinate { position: static; display: block; margin-top: 28px; font-size: var(--caption); }

/* Readable controls sit outside the miniature composition. */
.hero-art .top-coordinate { font-size: var(--caption); line-height: 1.5; letter-spacing: .04em; left: 5%; right: 5%; gap: 12px; }
.hero-art .top-coordinate > span:last-child { white-space: nowrap; flex-shrink: 0; }
.art-controls { left: 5%; right: 5%; bottom: 10px; gap: 8px; flex-wrap: wrap; }
.art-scene-name { font-size: var(--caption); line-height: 1.6; color: #c5d9b2; white-space: normal; }
.art-remix { font-size: var(--ui-text); min-height: 44px; padding: 9px 13px; gap: 8px; }
.art-remix > .icon { width: 16px; height: 16px; }
.art-remix > span { font-size: 18px; }
.web-scene { inset: 44px 0 112px; }

@media (max-width: 1100px) {
  .nav-links { gap: 18px; }
  .ai-layout { gap: 36px; }
  .workspace-body { grid-template-columns: 170px minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { max-width: 620px; }
  .hero-wordmark { font-size: clamp(41px, 9vw, 72px); }
  .hero-description { max-width: 520px; }
  .hero-art { width: 100%; max-width: 560px; height: 520px; margin: 36px auto 0; }
  .hero-baseline { margin-top: 30px; }
  .feature-grid { grid-template-columns: 1fr 1fr; gap: 0 32px; }
  .ai-layout,.publish-grid { grid-template-columns: 1fr; gap: 40px; }
  .ai-copy > p { max-width: 600px; }
  .conversation { transform: none; }
  .security-strip { flex-wrap: wrap; }
  .security-tags { max-width: none; width: 100%; padding-left: 60px; justify-content: start; }
  .faq-section { grid-template-columns: 1fr; gap: 32px; }
  .faq-intro h2 br { display: none; }
}
@media (max-width: 760px) {
  .nav { height: 72px; }
  .nav-cta { display: none; }
  .menu-toggle { display: flex !important; flex-direction: column; justify-content: center; gap: 6px; width: 44px; height: 44px; padding: 10px; background: transparent; border: 1px solid #526843; border-radius: 4px; }
  .menu-toggle > span { height: 1px; width: 20px; background: #dae4ce; transition: transform .2s; }
  .menu-toggle[aria-expanded=true] > span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] > span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .nav-links { display: none; position: absolute; top: 72px; left: 0; right: 0; flex-direction: column; align-items: stretch; padding: 16px 20px 24px; gap: 0; background: #0d130c; border-bottom: 1px solid #415333; }
  .nav-links.open { display: flex; }
  .nav-links > a { font-size: var(--reading); padding: 13px 0; border-bottom: 1px solid #273321; }
  .nav-links > .mobile-access { display: block !important; color: var(--green); }
  .section-heading { display: block; }
  .section-heading > p { margin-top: 22px; max-width: 550px; }
  .workspace-body { display: block; }
  .workspace-sidebar { padding: 10px 12px; border-right: 0; border-bottom: 1px solid var(--line); }
  .sidebar-label,.sidebar-bottom { display: none; }
  .page-buttons { display: flex; flex-wrap: wrap; gap: 4px; }
  .page-button { padding: 8px; }
  .page-button > span { display: none; }
  .draft-state { display: none; }
  .workspace-foot > span:last-child { display: block; }
  .security-strip > div:not(.security-tags) { flex: 1; min-width: 0; }
  .workflow-grid { grid-template-columns: 1fr; }
  .workflow-grid p { max-width: none; }
}
@media (max-width: 620px) {
  .hero-art { height: 460px; max-width: 440px; }
  .art-controls { justify-content: center; flex-direction: column; gap: 8px; }
  .art-scene-name { text-align: center; }
  .hero-art .top-coordinate { font-size: var(--caption); }
  .hero-note { gap: 6px 10px; }
  .hero-note span + span:before { margin-right: 10px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature { padding-block: 26px; }
  .feature-detail { margin-top: 14px; }
  .workspace-brand .project-name { flex-basis: 100%; margin-left: 0; }
  .workspace-brand .slash { display: none; }
  .workspace-bar { align-items: start; }
  .editor-tabs { width: 100%; gap: 8px; justify-content: space-between; }
  .editor-tabs button { gap: 5px; }
  .editor-tabs .icon { display: none; }
  .sample-content { display: flex; flex-direction: column; min-height: 0; }
  .sample-copy { max-width: none; padding-block: 24px 0; }
  .sample-copy > p { max-width: 100%; }
  .sample-copy h3 { max-width: none; }
  .sample-sculpture { position: relative; width: 100%; height: 170px; right: auto; bottom: auto; margin-top: 10px; opacity: 1; }
  .sculpture-inner { left: 50%; top: 43%; }
  .preview-panel { padding: 8px; }
  .sample-site { padding-inline: 16px; }
  .history-item { gap: 12px; flex-wrap: wrap; }
  .history-item > div { flex: 1; }
  .history-item > .current-badge,.history-item > .revision-number { margin-left: 24px; }
  .prompt,.assistant-message { margin-inline: 16px; gap: 10px; }
  .prompt > p { padding: 12px; }
  .tool-action { display: grid; grid-template-columns: 16px minmax(0, 1fr); }
  .tool-action code { grid-column: 2; margin-left: 0; }
  .result-card { gap: 8px; padding: 12px 10px; }
  .result-icon { display: none; }
  .conversation-bottom { padding-inline: 16px; }
  .domain-status { gap: 10px 8px; }
  .domain-status > .example-label { margin-left: 0; }
  .domain-steps { flex-direction: column; }
  .security-tags { padding-left: 0; }
  .closing > p { max-width: none; }
  .closing-login > span { display: block; margin-top: 6px; }
  .footer-main { grid-template-columns: 1fr; }
  .back-top { grid-column: 1; grid-row: 3; margin-left: 0; }
  .footer-bottom > div { margin-left: 0; gap: 14px; }
}