:root{--ink:#0b0f12;--ink-2:#12181c;--paper:#f2f1eb;--warm:#e7e3d8;--accent:#c8f34f;--green:#1f5545;--text:#111619;--muted:#6f7876;--line:rgba(11,15,18,.16);--dark-line:rgba(255,255,255,.14);--sans:'Manrope',sans-serif;--mono:'DM Mono',monospace;--home-header-height:82px;--home-header-height-compact:70px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:100;left:12px;top:12px;transform:translateY(-150%);padding:10px 14px;background:var(--accent);color:var(--ink)}.skip-link:focus{transform:none}.shell{width:min(1240px,calc(100% - 80px));margin:auto}.site-header{position:fixed;z-index:50;inset:0 0 auto;height:82px;display:flex;align-items:center;padding:0 40px;color:#fff;border-bottom:1px solid var(--dark-line);background:rgba(11,15,18,.72);backdrop-filter:blur(18px);transition:.3s}.site-header.scrolled{height:70px;background:rgba(11,15,18,.92)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.06em}.brand span span{color:var(--accent)}.brand-symbol{width:34px;height:34px;color:var(--accent)}.desktop-nav{display:flex;gap:34px;margin:auto;color:#aeb5b3;font-size:12px}.desktop-nav a{transition:.25s}.desktop-nav a:hover{color:var(--accent)}.header-cta{display:flex;align-items:center;gap:30px;padding:12px 16px;border:1px solid #68716f;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.header-cta:hover{color:var(--ink);background:var(--accent);border-color:var(--accent)}.menu-toggle,.mobile-nav{display:none}.section-dark{color:#f4f5f0;background:var(--ink)}.section-light{background:var(--paper)}.section-warm{background:var(--warm)}.section-accent{background:var(--accent)}.kicker{margin:0 0 24px;color:#899492;font:500 9px var(--mono);letter-spacing:.14em}.kicker.dark{color:var(--green)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.06em;line-height:.98}h2{font-size:clamp(44px,5.4vw,76px);font-weight:600}h2 em{color:var(--green);font-style:normal}.section-dark h2 em{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:0;font:500 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}.button:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(200,243,79,.18),0 0 0 1px rgba(200,243,79,.62)}.button:active{transform:none}.button-primary{color:var(--ink);background:var(--accent);border-color:var(--accent)}.button-primary:hover{color:var(--ink);background:#ddff7d;border-color:#ddff7d;transform:none}.button .a2t-motion-arrow{display:inline-block;transition:transform .2s ease}.button:hover,.button:focus-visible,.button:active{transform:none}.button:hover .a2t-motion-arrow.is-ne{transform:translate(2px,-2px)}.button:hover .a2t-motion-arrow.is-east{transform:translateX(3px)}.button:hover .a2t-motion-arrow.is-south{transform:translateY(3px)}.button-quiet{padding-left:0;min-height:auto;border-color:transparent;background:transparent;color:#c2c8c5}.button-quiet:hover{color:#f3f5f0}.button-quiet span{color:var(--accent)}.button-dark{color:#fff;background:var(--ink);border-color:var(--ink)}.button-dark:hover{color:var(--ink);background:var(--accent);border-color:var(--accent);transform:none}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:stretch;overflow:hidden;color:#fff;background:var(--ink)}.hero-canvas,.hero-wash{position:absolute;inset:0;width:100%;height:100%}.hero-canvas{opacity:.65}.hero-wash{background:linear-gradient(90deg,rgba(11,15,18,.98) 0%,rgba(11,15,18,.87) 43%,rgba(11,15,18,.25) 72%,rgba(11,15,18,.6) 100%),linear-gradient(0deg,var(--ink),transparent 35%);pointer-events:none}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.65fr);gap:120px;align-items:center;min-height:calc(100vh - var(--home-header-height));min-height:calc(100svh - var(--home-header-height));padding:112px 0 82px}.hero-copy{max-width:850px}.hero h1{margin:0;font-size:clamp(64px,7.15vw,116px);font-weight:600;line-height:.91}.hero h1 em,.hero h1 span{color:var(--accent);font-style:normal}.hero-lead{max-width:650px;margin:34px 0 0;color:#a6afac;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:36px}.hero-system{align-self:end;margin-bottom:22px;padding:18px 0;border-top:1px solid rgba(201,243,79,.48);border-bottom:1px solid var(--dark-line)}.hero-system>p{color:#7f8b87;font:8px var(--mono);letter-spacing:.12em}.system-flow{display:grid;gap:0}.system-flow article{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:14px 0;color:#87918e}.system-flow article>span{font:8px var(--mono)}.system-flow small,.system-flow strong{display:block}.system-flow small{font:7px var(--mono);letter-spacing:.12em}.system-flow strong{margin-top:3px;color:#d9deda;font-size:13px}.system-flow article.active>span,.system-flow article.active small{color:var(--accent)}.system-flow article.active strong{color:#fff}.system-flow>i{height:16px;width:1px;margin-left:15px;background:linear-gradient(var(--accent),transparent)}.system-foot{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--dark-line)}.system-foot span{padding:5px 7px;border:1px solid #37413e;color:#788480;font:7px var(--mono)}.hero-bottom{position:absolute;z-index:2;bottom:22px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;color:#66736f;font:7px var(--mono);letter-spacing:.12em}.hero-bottom a{color:#aab3b0}.hero-bottom i{color:var(--accent);font-style:normal;margin-left:10px}.proof,.services,.process,.decisions,.benefits,.contact{padding:145px 0}.section-heading{display:grid;grid-template-columns:1.5fr .5fr;gap:90px;align-items:end;margin-bottom:75px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:390px;margin:0;color:var(--muted);font-size:16px}.section-heading.inverse>p{color:#929d99}.featured-product{display:grid;grid-template-columns:35% 65%;min-height:610px;background:#d9e1d2}.product-copy{display:flex;flex-direction:column;padding:55px 45px;background:#173d34;color:#fff}.product-number{color:#a9c997;font:8px var(--mono);letter-spacing:.12em}.product-copy h3{margin:70px 0 20px;font-size:43px}.product-copy>p:not(.product-number){color:#b1c0ba;line-height:1.7}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 42px;padding:0;list-style:none}.tag-list li{padding:6px 8px;border:1px solid rgba(255,255,255,.22);color:#bfcac5;font:7px var(--mono)}.inline-link{margin-top:auto;color:var(--accent);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.inline-link span{margin-left:12px}.notes-surface{margin:42px 42px 42px 0;background:#f7f7f2;box-shadow:22px 28px 50px rgba(25,50,36,.17)}.surface-nav{height:55px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #d7dbd3;font:8px var(--mono);color:#7d867f}.surface-nav b{margin-right:auto;color:#183d34;font-size:11px}.surface-nav b span{color:#549060}.surface-nav i{width:27px;height:27px;margin-left:20px;display:grid;place-items:center;border-radius:50%;background:#dce9d5;color:#285844;font-style:normal}.surface-body{display:grid;grid-template-columns:115px 1fr;min-height:450px}.surface-body aside{display:flex;flex-direction:column;gap:17px;padding:28px 17px;background:#e9eee6;color:#78837b;font-size:9px}.surface-body aside b{color:#215442}.surface-body main{padding:45px 38px}.surface-body main>small{color:var(--green);font:8px var(--mono)}.surface-body h4{margin:23px 0 50px;font-size:34px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.module-grid article{position:relative;min-height:105px;padding:17px;border:1px solid #d3d9d0;background:#f0f2ec}.module-grid span,.module-grid b{display:block}.module-grid span{color:#7e8881;font:7px var(--mono)}.module-grid b{margin-top:18px;font-size:12px}.module-grid i{position:absolute;right:14px;bottom:12px;color:var(--green);font-style:normal}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.product-tile{min-height:360px;padding:28px;border:1px solid var(--line)}.tile-head{display:grid;grid-template-columns:30px 1fr auto;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.tile-head span,.tile-head small{font:8px var(--mono);color:var(--green)}.tile-head b{font-size:16px}.support-tile{background:#e8e6df}.chat-demo{max-width:390px;margin:45px auto 35px}.chat-demo p{max-width:75%;padding:13px 15px;font-size:11px}.chat-demo .visitor{margin-left:auto;background:#d6d8d0}.chat-demo .agent{background:var(--accent)}.chat-demo div{margin-top:32px;padding:12px;border:1px solid #c4c9c0;color:#7a847c;font:8px var(--mono)}.chat-demo div span{float:right;color:var(--green)}.product-tile footer{color:#707a74;font:8px var(--mono);letter-spacing:.1em}.messenger-tile{display:flex;flex-direction:column;color:#fff;background:#17231f}.messenger-tile .tile-head{border-color:var(--dark-line)}.messenger-tile .tile-head small,.messenger-tile .tile-head span{color:var(--accent)}.message-demo{display:flex;align-items:center;gap:25px;margin:auto}.message-demo>i{width:95px;height:95px;display:grid;place-items:center;border-radius:50%;color:var(--accent);border:1px solid #4b5b54;font:30px var(--mono);font-style:normal}.message-demo small,.message-demo strong,.message-demo span{display:block}.message-demo small{color:#7e8d87;font:7px var(--mono)}.message-demo strong{font-size:24px;max-width:280px;margin:10px 0}.message-demo span{color:#92a09a;font-size:10px}.messenger-tile footer{color:#7d8b86}.service-list{border-top:1px solid var(--dark-line)}.service-row{display:grid;grid-template-columns:50px 1.2fr 1fr 35px;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid var(--dark-line);color:#7e8985;outline:0;transition:.35s}.service-row>span{font:9px var(--mono)}.service-row h3{margin:0;color:#c5cbc8;font-size:31px}.service-row p{margin:0;font-size:13px}.service-row>i{font-size:20px;font-style:normal;opacity:0;transform:translateX(-8px);transition:.3s}.service-row:hover,.service-row:focus,.service-row.active{padding-left:12px;color:#aab4b0;background:linear-gradient(90deg,rgba(200,243,79,.06),transparent)}.service-row.active>span,.service-row.active>i{color:var(--accent);opacity:1;transform:none}.service-row.active h3{color:#fff}.service-preview{display:grid;grid-template-columns:150px 1fr 1.4fr;gap:25px;align-items:center;margin-top:55px;padding-top:25px;border-top:1px solid var(--dark-line)}.preview-label{color:#6f7b77;font:8px var(--mono)}.service-preview strong{font-size:17px}.service-preview p{margin:0;color:#929d99}.preview-line{height:1px;background:#36423e;position:relative}.preview-line i{display:block;width:42%;height:1px;background:var(--accent)}.service-preview small{grid-column:2/4;color:#65726d;font:8px var(--mono)}.process-layout{display:grid;grid-template-columns:38% 62%;gap:95px}.process-intro{position:sticky;top:130px;align-self:start}.process-intro h2{font-size:clamp(44px,4.5vw,65px)}.process-intro>p:not(.kicker){max-width:380px;color:var(--muted);font-size:17px}.process-progress{height:2px;margin-top:55px;background:#d0d1ca}.process-progress i{display:block;width:14.28%;height:100%;background:var(--green)}.process-intro>span{display:block;margin-top:12px;color:#969d98;font:9px var(--mono)}.process-intro>span b{color:var(--green);font-size:17px}.process-step{display:grid;grid-template-columns:55px 1fr;gap:25px;min-height:285px;padding:55px 20px;border-top:1px solid var(--line);opacity:.38;transition:.45s}.process-step:last-child{border-bottom:1px solid var(--line)}.process-step.active{opacity:1;padding-left:35px}.process-step>span{color:var(--green);font:9px var(--mono)}.process-step small{color:var(--green);font:8px var(--mono);letter-spacing:.13em}.process-step h3{max-width:620px;margin:18px 0;font-size:32px}.process-step p{max-width:560px;color:var(--muted)}.process-step div>b{color:#7b8580;font:8px var(--mono);font-weight:400;letter-spacing:.1em}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-grid article{min-height:285px;padding:32px;border-right:1px solid var(--line)}.principle-grid article:last-child{border-right:0}.principle-grid span{color:var(--green);font:9px var(--mono)}.principle-grid h3{margin:70px 0 16px;font-size:27px}.principle-grid p{color:var(--muted)}.decision-table{margin-top:75px;border-top:1px solid var(--line)}.decision-table>div{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:25px;padding:22px 12px;border-bottom:1px solid var(--line);align-items:center}.decision-table .table-head{color:#7b837e;font:8px var(--mono);letter-spacing:.1em}.decision-table b{font-size:14px}.decision-table span{color:var(--green);font:9px var(--mono)}.decision-table p{margin:0;color:var(--muted);font-size:12px}.stack-strip{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:55px}.stack-strip span{margin-right:15px;color:#7a837e;font:8px var(--mono)}.stack-strip b{padding:7px 9px;border:1px solid #c5c4bb;font:8px var(--mono);font-weight:400}.benefit-layout{display:grid;grid-template-columns:42% 58%;gap:90px}.benefit-copy>p:not(.kicker){max-width:460px;color:#9ba5a1;font-size:17px;line-height:1.7}.benefit-copy .button{margin-top:25px}.benefit-terms{border-top:1px solid var(--dark-line)}.benefit-terms article{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:30px 8px;border-bottom:1px solid var(--dark-line)}.benefit-terms article>span{color:var(--accent);font:40px var(--mono);letter-spacing:-.08em}.benefit-terms small{color:#76837e;font:8px var(--mono);letter-spacing:.12em}.benefit-terms h3{margin:8px 0;font-size:24px}.benefit-terms p{margin:0;color:#909b97;font-size:12px}.terms-note{color:#66736e;font:8px/1.6 var(--mono);margin-top:18px}.contact-layout{display:grid;grid-template-columns:42% 58%;gap:100px}.contact h2{font-size:clamp(48px,6vw,84px)}.contact-layout>div>p:not(.kicker){max-width:430px;color:#314334;font-size:17px}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .85s,transform .85s}.reveal-on-scroll.visible{opacity:1;transform:none}@media(max-width:1000px){.shell{width:calc(100% - 48px)}.desktop-nav,.header-cta{display:none}.menu-toggle{display:grid;gap:6px;margin-left:auto;padding:10px;border:0;background:none}.menu-toggle i{display:block;width:24px;height:1px;background:#fff}.mobile-nav{position:fixed;inset:82px 0 0;display:flex;visibility:hidden;opacity:0;flex-direction:column;padding:45px 24px;background:var(--ink);transition:.3s}.mobile-nav a{padding:19px 0;border-bottom:1px solid var(--dark-line);font-size:25px}.menu-open .mobile-nav{visibility:visible;opacity:1}.hero-layout{grid-template-columns:1fr;gap:70px;padding-top:145px}.hero-system{max-width:480px;margin-bottom:0}.section-heading{grid-template-columns:1fr;gap:25px}.featured-product{grid-template-columns:1fr}.notes-surface{margin:0 30px 30px}.product-copy h3{margin-top:45px}.process-layout{grid-template-columns:1fr;gap:40px}.process-intro{position:static}.benefit-layout,.contact-layout{grid-template-columns:1fr;gap:60px}.service-preview{grid-template-columns:120px 1fr}.service-preview p{grid-column:2}.preview-line{display:none}.service-preview small{grid-column:2}}@media(max-width:680px){.shell{width:calc(100% - 38px)}.site-header{height:70px;padding:0 19px}.brand{font-size:18px}.brand-symbol{width:30px}.mobile-nav{inset:70px 0 0}.hero h1{font-size:clamp(52px,15vw,72px)}.hero-layout{padding:120px 0 95px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-bottom{display:none}.proof,.services,.process,.decisions,.benefits,.contact{padding:95px 0}.section-heading{margin-bottom:50px}.section-heading h2{font-size:42px}.featured-product{min-height:0}.product-copy{padding:35px 25px}.product-copy h3{font-size:35px}.notes-surface{margin:0}.surface-body{grid-template-columns:1fr}.surface-body aside{display:none}.surface-body main{padding:30px 22px}.surface-body h4{font-size:27px}.module-grid{grid-template-columns:1fr}.product-pair{grid-template-columns:1fr}.message-demo{align-items:flex-start}.service-row{grid-template-columns:35px 1fr 20px;gap:12px;padding:22px 0}.service-row h3{font-size:22px}.service-row p{grid-column:2/4}.service-preview{grid-template-columns:1fr}.service-preview p,.service-preview small{grid-column:auto}.process-step{grid-template-columns:35px 1fr;padding:38px 0;min-height:0}.process-step.active{padding-left:10px}.process-step h3{font-size:25px}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.principle-grid h3{margin-top:40px}.decision-table>div{grid-template-columns:1fr;gap:8px}.decision-table .table-head{display:none}.benefit-terms article{grid-template-columns:55px 1fr}.benefit-terms article>span{font-size:30px}}
/* Crescentsphere moon field */
.moon-motion{position:relative;z-index:2;width:132%;height:132%;border:0;background:rgba(0,0,0,0)!important;color-scheme:normal;display:block;clip-path:circle(32.5% at 50% 50%);filter:drop-shadow(0 0 28px rgba(215,238,218,.14)) drop-shadow(0 28px 45px rgba(0,0,0,.38));mix-blend-mode:normal;pointer-events:auto}
.moon-signal:after{content:'';position:absolute;left:3px;top:-16px;width:22px;height:29px;border-left:1px solid rgba(218,255,231,.9);border-bottom:1px solid rgba(200,243,79,.6);clip-path:polygon(0 0,42% 28%,18% 42%,72% 60%,45% 73%,100% 100%,31% 80%,51% 61%,0 44%,26% 27%);opacity:0;animation:moonLightning 7s linear infinite}@keyframes moonLightning{0%,42%,100%{opacity:0}46%,51%{opacity:.9}54%{opacity:0}}
.hero-moon{position:absolute;z-index:1;right:2%;top:14%;width:min(43vw,570px);height:min(43vw,570px);min-width:390px;min-height:390px;pointer-events:none;display:grid;place-items:center}.moon-halo{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,rgba(190,221,197,.11),rgba(100,159,135,.05) 31%,transparent 68%);filter:blur(17px)}.moon-logo{position:relative;z-index:2;width:58%;opacity:.94;filter:drop-shadow(0 0 24px rgba(215,238,218,.12)) drop-shadow(0 28px 45px rgba(0,0,0,.38));animation:moonFloat 9s ease-in-out infinite}.moon-orbit{position:absolute;border:1px solid rgba(200,243,79,.17);border-radius:50%;opacity:.7}.orbit-a{inset:7% 1%;transform:rotate(-23deg)}.orbit-b{inset:17% 10%;border-color:rgba(177,216,193,.12);transform:rotate(32deg)}.moon-stars{position:absolute;inset:0;z-index:1}.moon-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#c8f34f;box-shadow:0 0 8px rgba(200,243,79,.65);opacity:.36}.moon-stars i:nth-child(1){left:12%;top:30%}.moon-stars i:nth-child(2){left:25%;top:12%;opacity:.2}.moon-stars i:nth-child(3){left:76%;top:17%;width:3px;height:3px}.moon-stars i:nth-child(4){left:89%;top:44%;opacity:.22}.moon-stars i:nth-child(5){left:80%;top:73%;width:3px;height:3px}.moon-stars i:nth-child(6){left:18%;top:78%;opacity:.25}.moon-stars i:nth-child(7){left:43%;top:5%;opacity:.22}.moon-stars i:nth-child(8){left:6%;top:58%;opacity:.18}.moon-stars i:nth-child(9){left:60%;top:91%;opacity:.22}.moon-signal{position:absolute;z-index:3;width:5px;height:5px;left:15%;top:51%;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(200,243,79,.08),0 0 14px rgba(200,243,79,.7);animation:signalTravel 7s linear infinite}.moon-label{position:absolute;z-index:4;right:2%;bottom:10%;color:#82908a;font:7px var(--mono);letter-spacing:.13em}.moon-label:before{content:'';display:inline-block;width:34px;height:1px;margin:0 10px 3px 0;background:var(--accent)}@keyframes moonFloat{50%{transform:translateY(-7px) rotate(1deg)}}@keyframes signalTravel{0%{transform:translate(0,0);opacity:0}12%{opacity:.9}54%{transform:translate(220px,-84px);opacity:.75}82%{transform:translate(295px,60px);opacity:.3}100%{transform:translate(0,0);opacity:0}}.hero-system,.hero-copy{position:relative;z-index:4}.hero-canvas{z-index:0}@media(max-width:1000px){.hero-moon{position:relative;right:auto;top:auto;width:min(78vw,540px);height:min(78vw,540px);min-width:0;min-height:0;margin:-25px auto -35px;grid-row:2;order:2}.hero-system{order:3}.hero-layout{gap:35px}.moon-label{right:0}}@media(max-width:680px){.hero-moon{width:92vw;height:92vw;margin:-35px auto -30px}.moon-logo{width:62%}.moon-label{font-size:6px;bottom:6%;right:0}.moon-label:before{width:18px;margin-right:6px}.moon-signal{animation-duration:8s}}
/* Moon-only hero treatment */
.hero-system{display:block!important;position:absolute;z-index:3;right:0;bottom:7%;width:54%;max-width:430px;opacity:.72}.hero-moon{z-index:2}.moon-label{display:none}.moon-halo{inset:-2%;background:radial-gradient(circle,rgba(211,237,218,.12),rgba(100,159,135,.035) 34%,transparent 68%);filter:blur(22px)}.moon-orbit{opacity:.45}.moon-stars i{opacity:.18}.moon-signal{width:3px;height:3px;box-shadow:0 0 0 4px rgba(200,243,79,.05),0 0 10px rgba(200,243,79,.55)}
@media(max-width:1000px){.hero-system{display:none!important}.hero-moon{position:relative;right:auto;top:auto;width:min(78vw,540px);height:min(78vw,540px);min-width:0;min-height:0;margin:-25px auto -35px;grid-row:2;order:2}}

/* Atmospheric hero composition: moon high in the sky, delivery model below it. */
.hero-moon{right:2.5%;top:-2%;width:min(35vw,490px);height:min(35vw,490px);min-width:380px;min-height:380px}
.moon-halo{inset:-18%;background:radial-gradient(circle at 48% 46%,rgba(220,238,225,.075),rgba(117,164,143,.028) 27%,rgba(16,34,31,.01) 52%,transparent 73%);filter:blur(42px);opacity:.72}
.moon-orbit{opacity:.3;border-color:rgba(200,243,79,.13)}
.moon-stars i{background:#d8e7d2;box-shadow:0 0 7px rgba(205,237,205,.42);opacity:.22}
.moon-stars i:nth-child(3),.moon-stars i:nth-child(5){width:2px;height:2px;opacity:.34}
.moon-motion{width:112%;height:112%;clip-path:circle(28% at 50% 50%);filter:drop-shadow(0 0 22px rgba(214,238,220,.1)) drop-shadow(0 25px 46px rgba(0,0,0,.5));opacity:.82}
.hero-system{right:1%;bottom:2.5%;width:42%;max-width:470px;opacity:.78;background:linear-gradient(90deg,transparent,rgba(11,15,18,.24) 18%,rgba(11,15,18,.24) 100%);padding-left:16px}
.moon-signal{display:none}
.moon-signal:after{content:'';position:absolute;left:1px;right:auto;top:0;width:105px;height:1px;border:0;clip-path:none;opacity:1;animation:none;transform-origin:left center;transform:rotate(-27deg);background:linear-gradient(90deg,rgba(244,248,241,.82),rgba(232,240,229,.14) 50%,transparent);filter:blur(.2px)}
@keyframes rareShootingStar{0%,70%,100%{opacity:0;transform:translate(0,0)}71%{opacity:.9}74.5%{opacity:.72;transform:translate(-145px,74px)}76%{opacity:0;transform:translate(-195px,100px)}}
@media(max-width:1000px){.hero-moon{right:auto;top:auto;width:min(86vw,560px);height:min(86vw,560px);min-width:0;min-height:0;margin:-15px auto -55px}.hero-system{display:none!important}.moon-motion{width:140%;height:140%}.moon-signal{animation-duration:34s}}

/* Minimal sky layer: keep the horizon open so the mark reads as a distant moon. */
.hero-landscape{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden}
.hero-landscape:after{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(11,15,18,.88) 0%,rgba(11,15,18,.62) 38%,rgba(11,15,18,.12) 68%,rgba(11,15,18,.3) 100%),linear-gradient(0deg,rgba(11,15,18,.62),transparent 34%)}
.scene-art{position:absolute;z-index:0;left:-5%;bottom:-11%;width:110%;height:76%;object-fit:cover;object-position:center bottom;filter:grayscale(.82) saturate(.18) brightness(.56) contrast(1.08);opacity:.78;mix-blend-mode:screen;clip-path:inset(30% 0 0);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 17%,#000 39%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 17%,#000 39%,#000 87%,transparent 100%)}
.scene-energy{position:absolute;z-index:1;left:7%;right:4%;bottom:17%;height:1px;opacity:0;background:linear-gradient(90deg,transparent,rgba(200,243,79,.05) 20%,rgba(232,248,213,.7) 50%,rgba(200,243,79,.05) 80%,transparent);filter:blur(.25px);transform:scaleX(.1);transform-origin:left center;animation:sceneEnergySweep 31s ease-in-out infinite}
@keyframes sceneEnergySweep{0%,76%,100%{opacity:0;transform:scaleX(.1)}78%{opacity:.7}84%{opacity:0;transform:scaleX(1)}}
.sky-streaks{position:absolute;z-index:4;inset:0;pointer-events:none;overflow:hidden}.sky-streak{position:absolute;z-index:1;width:76px;height:1px;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(235,242,238,.12) 38%,rgba(248,251,247,.72) 100%);transform-origin:100% 50%;will-change:transform,opacity}.sky-streak:after{content:'';position:absolute;right:-1px;top:50%;width:3px;height:3px;border-radius:50%;background:#f7fbf3;box-shadow:0 0 6px 1px rgba(241,249,238,.5);transform:translateY(-50%)}
.streak-a{left:72%;top:24%;transform:rotate(28deg);animation:skyStreakA 43s linear infinite}.streak-b{left:26%;top:19%;width:78px;transform:rotate(21deg);animation:skyStreakB 57s linear infinite}
@keyframes skyStreakA{0%,68%,100%{opacity:0;transform:translate(0,0) rotate(28deg)}69%{opacity:.8}72%{opacity:0;transform:translate(-130px,70px) rotate(28deg)}}
@keyframes skyStreakB{0%,73%,100%{opacity:0;transform:translate(0,0) rotate(21deg)}74%{opacity:.6}77%{opacity:0;transform:translate(105px,48px) rotate(21deg)}}
@media(max-width:1000px){.hero-landscape{display:none}.moon-motion{width:120%;height:120%;opacity:.9}}

/* Desktop viewport fit */
@media(min-width:1001px){
  .hero-layout{z-index:auto;padding-top:118px;padding-bottom:62px}
  .hero-moon{z-index:2;top:6%;right:14%;width:min(19vw,285px);height:min(19vw,285px);min-width:250px;min-height:250px;opacity:.62;filter:blur(.3px)}
  .moon-halo{opacity:.34;filter:blur(64px)}
  .moon-orbit{opacity:.1}
  .hero-system{z-index:5;top:68%;bottom:auto;right:1%;width:39%;max-width:440px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(11,15,18,.08),rgba(11,15,18,.54) 24%,rgba(11,15,18,.36))}
  .scene-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center;clip-path:none;filter:grayscale(.88) saturate(.16) brightness(.66) contrast(1.13);opacity:.92;mask-image:none;-webkit-mask-image:none;transform:scale(1.3);transform-origin:center 47%}
  .hero-landscape:before{content:'';position:absolute;z-index:2;left:2%;top:30%;width:24%;height:50%;background:radial-gradient(ellipse at 50% 55%,rgba(177,128,55,.16),rgba(11,15,18,0) 68%);mix-blend-mode:screen;filter:blur(18px)}
  .hero-landscape:after{background:radial-gradient(circle at 12% 58%,rgba(11,15,18,.02),rgba(11,15,18,.3) 22%,transparent 40%),linear-gradient(90deg,rgba(11,15,18,.7) 0%,rgba(11,15,18,.61) 39%,rgba(11,15,18,.2) 64%,rgba(11,15,18,.18) 100%),linear-gradient(0deg,rgba(11,15,18,.34),transparent 35%)}
}

/* Standalone product-design prototype routes */
.prototype-page{background:#0b0f12;color:#edf0ed}.prototype-page .site-header{position:sticky;top:0}.prototype-page .site-header .desktop-nav a.active{color:var(--accent)}
.header-tools{display:flex;gap:5px;margin-right:12px}.header-tools a,.header-theme{width:31px;height:31px;display:grid;place-items:center;border:1px solid #45504c;background:transparent;color:#aab4af;font:13px var(--mono);transition:.2s}.header-tools a:hover,.header-theme:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:1100px){.header-tools{display:none}}
.prototype-outlet{min-height:calc(100svh - 82px);background:#0b0f12}.proto-shell{width:min(1240px,calc(100% - 80px));margin:0 auto;padding:48px 0 135px}.proto-crumb{display:flex;gap:12px;align-items:center;margin-bottom:72px;color:#68746f;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.proto-crumb a:hover{color:var(--accent)}.proto-crumb i{font-style:normal;color:#394540}.proto-page-head{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:75px}.proto-kicker{margin:0 0 25px;color:#99a49f;font:9px var(--mono);letter-spacing:.14em}.proto-page-head h1,.proto-split-hero h1,.proto-case-hero h1{margin:0;color:#f1f3ef;font-size:clamp(52px,6.5vw,98px);font-weight:600;line-height:.91;letter-spacing:-.065em}.proto-page-head h1 em,.proto-split-hero h1 em,.proto-request h1 em{font-style:normal;color:var(--accent)}.proto-head-side{color:#9ca7a3;font-size:16px;line-height:1.65}.proto-head-side p{max-width:400px;margin:0 0 22px}.proto-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:47px;padding:0 18px;border:1px solid #53605b;color:#e7ece8;font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase;transition:.25s}.proto-button:hover{border-color:var(--accent);color:var(--accent);transform:none}.proto-button.primary{border-color:var(--accent);background:var(--accent);color:#0b0f12}.proto-button.primary:hover{background:#e0ff83;color:#0b0f12}.proto-button.confirmed{background:#d7edba;border-color:#d7edba}.proto-index-list{border-top:1px solid #35403c}.proto-index-row{display:grid;grid-template-columns:55px 1.25fr 1.3fr 1fr 25px;gap:25px;align-items:center;padding:28px 8px;border-bottom:1px solid #35403c;color:#85918c;transition:.3s}.proto-index-row:hover{padding-left:18px;background:linear-gradient(90deg,rgba(200,243,79,.07),transparent);color:#f4f6f2}.proto-index-row>span,.proto-index-row small{font:9px var(--mono);color:#87948f}.proto-index-row h2{margin:0;color:#d5dbd6;font-size:29px}.proto-index-row p{margin:0;font-size:13px}.proto-index-row b{font-size:18px;color:var(--accent);font-weight:400}.proto-band{margin-top:115px;padding:28px 0 0;border-top:1px solid #35403c}.proto-three{display:grid;grid-template-columns:repeat(3,1fr)}.proto-three article{min-height:220px;padding:25px;border-right:1px solid #35403c}.proto-three article:last-child{border-right:0}.proto-three span,.proto-detail-grid span{font:9px var(--mono);color:var(--accent)}.proto-three h3{margin:70px 0 14px;font-size:27px}.proto-three p,.proto-detail-grid p{color:#8e9994;line-height:1.65}.proto-split-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;padding:35px 0 115px}.proto-split-hero>div>p:not(.proto-kicker){max-width:550px;margin:36px 0 0;color:#a9b2ad;font-size:18px;line-height:1.7}.proto-actions{display:flex;gap:12px;margin-top:35px}.proto-split-hero aside{align-self:end;border-top:1px solid #a6ce46;padding-top:20px;display:flex;flex-direction:column;gap:14px;color:#cfd6d1}.proto-split-hero aside span{margin-bottom:10px;color:#7d8984;font:9px var(--mono)}.proto-split-hero aside strong{font-size:15px;font-weight:500}.proto-detail-grid,.proto-feature-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #35403c;border-bottom:1px solid #35403c}.proto-detail-grid article,.proto-feature-list>div{min-height:280px;padding:30px 28px;border-right:1px solid #35403c}.proto-detail-grid article:last-child,.proto-feature-list>div:last-child{border-right:0}.proto-detail-grid h2,.proto-feature-list h2{margin:70px 0 14px;font-size:26px}.proto-study-grid,.proto-product-grid,.proto-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proto-study{padding-bottom:27px;border-bottom:1px solid #35403c}.proto-study-art{height:300px;margin-bottom:24px;padding:20px;background:#1a2421;position:relative;overflow:hidden}.proto-study-art:after{content:'';position:absolute;inset:28% -10% -20%;background:linear-gradient(155deg,transparent 20%,rgba(200,243,79,.7) 20.5%,rgba(200,243,79,.05) 48%,transparent 48.5%),linear-gradient(165deg,transparent 35%,#8e9d95 35.5%,rgba(142,157,149,.1) 68%,transparent 68.5%);opacity:.6}.proto-study-art.art-2{background:#16272a}.proto-study-art.art-3{background:#222427}.proto-study-art span{position:relative;z-index:1;color:#c8f34f;font:10px var(--mono)}.proto-study small,.proto-product>small{color:#92a099;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.proto-study h2,.proto-product h2{margin:13px 0 12px;font-size:28px}.proto-study p,.proto-product p{min-height:55px;margin:0;color:#929d98;line-height:1.6}.proto-study strong{display:block;margin-top:24px;color:var(--accent);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.proto-study strong i{float:right;font-style:normal}.proto-product{padding-bottom:27px;border-bottom:1px solid #35403c}.proto-product-art{height:280px;display:block;margin-bottom:24px;padding:20px;background:#15221f;position:relative;overflow:hidden}.proto-product-art>span{color:#b8cebd;font:9px var(--mono)}.proto-product-art>div{position:absolute;inset:25% 13% 10%;border:1px solid rgba(220,239,226,.35);background:rgba(9,17,15,.6);padding:16px}.proto-product-art.product-1>div:before{content:'WORKSPACE';color:#7c9086;font:8px var(--mono)}.proto-product-art.product-1 i{display:inline-block;width:33%;height:65px;margin:25px 2% 0 0;border:1px solid #486152;background:rgba(200,243,79,.1)}.proto-product-art.product-1 i:last-child{margin-right:0}.proto-product-art.product-2>div p{max-width:70%;padding:10px;background:#c8f34f;color:#0b0f12;font-size:10px}.proto-product-art.product-2>div p+p{margin-left:auto;background:#31483f;color:#dae5de}.proto-product-art.product-3{background:#202126}.proto-product-art.product-3>div{display:grid;place-items:center;border:0;background:transparent}.proto-product-art.product-3 b{display:grid;place-items:center;width:90px;height:90px;border:1px solid #79818f;border-radius:50%;color:#c8f34f;font:28px var(--mono)}.proto-product footer{display:flex;justify-content:space-between;margin-top:27px}.proto-product footer strong{color:#d6ddd8;font:10px var(--mono)}.proto-product footer a{color:var(--accent);font:9px var(--mono)}.proto-search{display:flex;align-items:center;border:1px solid #35403c;max-width:360px;height:48px}.proto-search span{padding:0 13px;color:var(--accent);font-size:20px}.proto-search input{flex:1;border:0;outline:0;background:transparent;color:#fff}.proto-search button{height:100%;padding:0 14px;border:0;border-left:1px solid #35403c;background:none;color:#9eaaa5;font:9px var(--mono)}.proto-product-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center;padding:0 0 120px}.proto-product-stage{height:570px;padding:26px;background:#17201e;position:relative}.proto-product-stage>span{color:#c8f34f;font:9px var(--mono)}.notes-window{position:absolute;inset:100px 12% 50px;background:#e9eee7;color:#173d34;box-shadow:0 30px 80px rgba(0,0,0,.35)}.notes-window nav{height:53px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #c6d0c4}.notes-window nav b{font-size:12px}.notes-window nav b span{color:#5a9566}.notes-window nav i{width:22px;height:22px;margin-left:auto;border-radius:50%;background:#b5ccae}.notes-window section{display:grid;grid-template-columns:95px 1fr;height:calc(100% - 53px)}.notes-window aside{padding:20px 12px;background:#dfe8de;color:#6c7e72;font-size:9px;line-height:2.8}.notes-window main{padding:35px 28px}.notes-window main small{font:8px var(--mono);color:#315d48}.notes-window main h3{margin:17px 0 30px;font-size:25px;line-height:1}.notes-window main div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notes-window main div i{height:75px;border:1px solid #c6d0c4;background:#f3f5ef}.proto-buy h1{margin:0 0 25px;font-size:clamp(54px,6vw,88px);line-height:.88}.proto-buy>p:not(.proto-kicker){color:#9fa9a4;font-size:17px;line-height:1.65}.proto-price{display:flex;align-items:center;gap:12px;margin:32px 0}.proto-price strong{font:36px var(--mono);color:#f0f4ef}.proto-price span,.proto-buy>small{color:#87938d;font:9px var(--mono);line-height:1.5}.proto-buy .proto-button{width:100%}.proto-buy>small{display:block;margin-top:15px}.proto-feature-list{margin-top:0}.proto-feature-list h2{margin-top:58px}.proto-case-hero{display:grid;grid-template-columns:1fr .8fr;gap:100px;padding-bottom:75px}.proto-case-hero dl{margin:0;border-top:1px solid #526154}.proto-case-hero dl div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #35403c}.proto-case-hero dt{color:#83908a;font:9px var(--mono)}.proto-case-hero dd{margin:0;color:#dae1dc;font-size:13px}.proto-case-visual{height:470px;display:flex;margin-bottom:105px;background:#151c1b;border:1px solid #35403c}.mini-sidebar{width:90px;padding:24px 20px;border-right:1px solid #35403c}.mini-sidebar b{display:grid;place-items:center;width:38px;height:38px;margin-bottom:60px;background:#c8f34f;color:#0b0f12}.mini-sidebar i{display:block;width:34px;height:1px;margin:27px 0;background:#65736c}.mini-work{flex:1;padding:42px}.mini-work>span{color:#8c9993;font:9px var(--mono)}.mini-work h3{margin:18px 0 55px;font-size:33px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-metrics b{padding:22px;border:1px solid #35403c;color:#c8f34f;font:27px var(--mono)}.mini-metrics small{display:block;margin-top:12px;color:#89958f;font:8px var(--mono)}.proto-story{max-width:800px;padding-left:12%;border-top:1px solid #35403c;padding-top:30px}.proto-story>span{color:#c8f34f;font:9px var(--mono)}.proto-story h2{margin:55px 0 18px;font-size:43px}.proto-story p{color:#9aa59f;font-size:17px;line-height:1.7}.proto-workspace-head{display:flex;justify-content:space-between;align-items:end;padding:10px 0 45px}.proto-workspace-head h1{margin:0;font-size:66px}.proto-workspace-head p{color:#99a49f;font-size:16px}.proto-workspace-head>div:last-child{display:grid;grid-template-columns:auto auto;gap:5px 14px;align-items:center}.proto-workspace-head>div:last-child strong{font:34px var(--mono);color:#c8f34f}.proto-workspace-head>div:last-child small{grid-column:2;color:#87938e;font:8px var(--mono)}.proto-status{display:inline-block;padding:6px 8px;border:1px solid #53615a;color:#aab5af;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.proto-status.green{border-color:#c8f34f;color:#c8f34f}.proto-workspace{display:grid;grid-template-columns:235px 1fr;min-height:620px;border-top:1px solid #35403c;border-bottom:1px solid #35403c}.proto-workspace>aside{padding:30px 18px;border-right:1px solid #35403c}.proto-workspace>aside p{color:#75827c;font:8px var(--mono)}.proto-workspace>aside button{display:flex;justify-content:space-between;width:100%;padding:15px 10px;border:0;border-left:1px solid transparent;background:none;color:#89958f;text-align:left;font:11px var(--sans)}.proto-workspace>aside button span{color:#64716c;font:8px var(--mono)}.proto-workspace>aside button.active{border-left-color:#c8f34f;background:rgba(200,243,79,.07);color:#fff}.proto-workspace>main{padding:35px}.proto-next{display:grid;grid-template-columns:1fr auto;gap:10px 30px;padding:20px;border-top:1px solid #c8f34f;background:rgba(200,243,79,.05)}.proto-next>span{grid-column:1/-1;color:#c8f34f;font:8px var(--mono)}.proto-next h2{margin:0;font-size:22px}.proto-next p{margin:8px 0 0;color:#94a099;font-size:12px}.proto-next .proto-button{grid-row:2;grid-column:2}.proto-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.proto-work-grid article{min-height:170px;padding:22px;border:1px solid #35403c}.proto-work-grid article.wide{grid-column:1/-1}.proto-work-grid article>span,.proto-account-stats span{color:#7f8d86;font:8px var(--mono);letter-spacing:.1em}.proto-work-grid h3{margin:22px 0 18px;font-size:22px}.proto-work-grid article>strong{color:#c8f34f;font:13px var(--mono)}.proto-work-grid article>p{color:#7f8b85;font-size:11px}.proto-meter{height:2px;margin:20px 0 12px;background:#39433f}.proto-meter i{display:block;height:100%;background:#c8f34f}.proto-work-grid ul{margin:20px 0 0;padding:0;list-style:none}.proto-work-grid li{display:flex;gap:13px;padding:12px 0;border-top:1px solid #35403c}.proto-work-grid li>i{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#c8f34f}.proto-work-grid li b,.proto-work-grid li small{display:block}.proto-work-grid li b{font-size:12px}.proto-work-grid li small{margin-top:4px;color:#7d8984;font:8px var(--mono)}.proto-blog-feature{display:grid;grid-template-columns:1fr 260px;min-height:330px;margin-bottom:70px;border-top:1px solid #c8f34f;border-bottom:1px solid #35403c;background:#121a18}.proto-blog-feature>div{padding:35px}.proto-blog-feature span,.proto-article-grid article>span{color:#a2b5a7;font:8px var(--mono);letter-spacing:.1em}.proto-blog-feature h2{max-width:680px;margin:60px 0 18px;font-size:43px}.proto-blog-feature p{max-width:580px;color:#98a49e}.proto-blog-feature a{display:block;margin-top:35px;color:#c8f34f;font:9px var(--mono)}.proto-blog-feature aside{display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid #35403c}.proto-blog-feature aside b{margin:20px 0;color:#c8f34f;font:80px var(--mono)}.proto-blog-feature aside small{color:#89958f;font:9px var(--mono)}.proto-article-grid article{min-height:280px;padding:28px;border:1px solid #35403c}.proto-article-grid h2{margin:55px 0 16px;font-size:25px}.proto-article-grid p{color:#909c95;line-height:1.6}.proto-article-grid a{display:block;margin-top:35px;color:#c8f34f;font:9px var(--mono)}.proto-post{max-width:1100px;margin:0 auto}.proto-post>header{max-width:880px;padding-bottom:70px;border-bottom:1px solid #35403c}.proto-post h1{margin:0;font-size:clamp(54px,7vw,100px);line-height:.92}.proto-post>header>div{display:flex;gap:28px;margin-top:35px;color:#86938c;font:9px var(--mono)}.proto-post-body{display:grid;grid-template-columns:220px 1fr;gap:75px;padding-top:55px}.proto-post-body aside{display:flex;flex-direction:column;gap:17px;color:#7e8a84;font:9px var(--mono)}.proto-post-body aside span{color:#c8f34f}.proto-post-body main{max-width:670px}.proto-post-body main .lead{margin-top:0;color:#e2e8e3;font-size:23px;line-height:1.55}.proto-post-body h2{margin:55px 0 17px;font-size:33px}.proto-post-body p{color:#9da8a2;line-height:1.8}.proto-post-body blockquote{margin:40px 0;padding:22px 25px;border-left:2px solid #c8f34f;color:#dde6df;font-size:19px}.proto-account{display:grid;grid-template-columns:310px 1fr;min-height:650px;border-top:1px solid #35403c;border-bottom:1px solid #35403c}.proto-account>aside{padding:48px 30px;border-right:1px solid #35403c}.proto-account h1{margin:0;font-size:46px;line-height:.95}.proto-account>aside>p:not(.proto-kicker){margin:30px 0 55px;color:#96a29c;line-height:1.65}.proto-account>aside nav{display:flex;flex-direction:column;gap:4px}.proto-account>aside nav a{padding:12px;color:#808d87;font:10px var(--mono)}.proto-account>aside nav a.active{border-left:1px solid #c8f34f;background:rgba(200,243,79,.07);color:#fff}.proto-account>main{padding:48px}.proto-account>main>header{display:flex;align-items:center;gap:18px;padding-bottom:38px;border-bottom:1px solid #35403c}.proto-account>main>header .proto-button{margin-left:auto}.proto-avatar{display:grid;place-items:center;width:57px;height:57px;border:1px solid #c8f34f;color:#c8f34f;font:14px var(--mono)}.proto-account>main>header span,.proto-account-stats span{color:#85928b;font:8px var(--mono)}.proto-account>main>header h2{margin:6px 0;font-size:23px}.proto-account>main>header p{margin:0;color:#87938e;font-size:12px}.proto-account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0}.proto-account-stats article{padding:20px;border:1px solid #35403c}.proto-account-stats strong{display:block;margin:25px 0 10px;color:#c8f34f;font:28px var(--mono)}.proto-account-stats p{margin:0;color:#84918b;font-size:11px}.proto-account-list{border-top:1px solid #35403c}.proto-account-list h3{margin:25px 0;font-size:20px}.proto-account-list a{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #35403c}.proto-account-list a>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #53615a;color:#c8f34f}.proto-account-list a b,.proto-account-list a small{display:block}.proto-account-list a small{margin-top:4px;color:#7d8984;font:8px var(--mono)}.proto-account-list a>i{margin-left:auto;color:#c8f34f;font-style:normal}.proto-request{display:grid;grid-template-columns:380px 1fr;min-height:700px;border-top:1px solid #35403c;border-bottom:1px solid #35403c}.proto-request>aside{padding:52px 38px;border-right:1px solid #35403c}.proto-request h1{margin:0;font-size:58px;line-height:.91}.proto-request>aside>p:not(.proto-kicker){margin:30px 0 70px;color:#97a29c;line-height:1.65}.proto-request ol{display:flex;flex-direction:column;gap:23px;margin:0;padding:0;list-style:none}.proto-request li{color:#68756f;font:10px var(--mono)}.proto-request li span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border:1px solid #35403c}.proto-request li.active{color:#fff}.proto-request li.active span{border-color:#c8f34f;color:#c8f34f}.proto-request form{padding:60px 65px}.proto-form-head>span{color:#c8f34f;font:9px var(--mono)}.proto-form-head h2{margin:24px 0 13px;font-size:38px}.proto-form-head p{color:#98a49e}.proto-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:42px 0}.proto-choice-grid label{display:block;cursor:pointer}.proto-choice-grid input{position:absolute;opacity:0}.proto-choice-grid label span{display:block;min-height:120px;padding:20px;border:1px solid #35403c;transition:.2s}.proto-choice-grid label span:hover,.proto-choice-grid input:checked+span{border-color:#c8f34f;background:rgba(200,243,79,.06)}.proto-choice-grid b,.proto-choice-grid small{display:block}.proto-choice-grid b{font-size:14px}.proto-choice-grid small{margin-top:12px;color:#88958f;font-size:11px;line-height:1.5}.proto-field{display:block}.proto-field span{display:block;margin-bottom:10px;color:#8b9891;font:9px var(--mono);text-transform:uppercase}.proto-field input{width:100%;padding:14px 0;border:0;border-bottom:1px solid #53615a;outline:0;background:transparent;color:#fff}.proto-field input:focus{border-color:#c8f34f}.proto-request form>footer{display:flex;justify-content:space-between;align-items:center;margin-top:60px;padding-top:22px;border-top:1px solid #35403c}.proto-request form>footer small{color:#6f7c75;font:8px var(--mono)}.proto-footer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;align-items:start;padding:65px max(40px,calc((100% - 1240px)/2)) 28px;border-top:1px solid #35403c;background:#080b0d;color:#fff}.proto-footer .brand{font-size:20px}.proto-footer p{margin:4px 0;color:#7d8984}.proto-footer nav{display:flex;gap:18px;color:#9aa59f;font:9px var(--mono)}.proto-footer>span:last-child{justify-self:end;color:#607069;font:8px var(--mono)}
@media(max-width:900px){.proto-shell{width:calc(100% - 48px)}.proto-page-head,.proto-split-hero,.proto-product-hero,.proto-case-hero{grid-template-columns:1fr;gap:40px}.proto-index-row{grid-template-columns:35px 1fr 20px}.proto-index-row p,.proto-index-row small{grid-column:2}.proto-three,.proto-detail-grid,.proto-feature-list,.proto-study-grid,.proto-product-grid,.proto-article-grid{grid-template-columns:1fr 1fr}.proto-study-art{height:230px}.proto-product-stage{height:500px}.proto-workspace{grid-template-columns:190px 1fr}.proto-account{grid-template-columns:240px 1fr}.proto-request{grid-template-columns:280px 1fr}.proto-request form{padding:45px 30px}.proto-footer{grid-template-columns:1fr 1fr}.proto-footer>span:last-child{justify-self:start}}
@media(max-width:620px){.proto-shell{width:calc(100% - 38px);padding-top:30px}.proto-crumb{margin-bottom:45px}.proto-page-head h1,.proto-split-hero h1,.proto-case-hero h1{font-size:52px}.proto-actions{flex-direction:column;align-items:stretch}.proto-three,.proto-detail-grid,.proto-feature-list,.proto-study-grid,.proto-product-grid,.proto-article-grid{grid-template-columns:1fr}.proto-three article,.proto-detail-grid article,.proto-feature-list>div{border-right:0;border-bottom:1px solid #35403c}.proto-three article:last-child,.proto-detail-grid article:last-child,.proto-feature-list>div:last-child{border-bottom:0}.proto-split-hero{padding-bottom:75px}.proto-product-stage{height:390px;padding:16px}.notes-window{inset:72px 6% 25px}.notes-window section{grid-template-columns:64px 1fr}.notes-window aside{font-size:7px}.notes-window main{padding:20px 15px}.notes-window main h3{font-size:17px}.proto-case-visual{height:300px}.mini-sidebar{width:55px;padding:18px 12px}.mini-work{padding:25px}.mini-work h3{margin-bottom:30px;font-size:24px}.mini-metrics{grid-template-columns:1fr}.mini-metrics b{padding:10px;font-size:19px}.proto-story{padding-left:0}.proto-story h2{font-size:31px}.proto-workspace-head{display:block}.proto-workspace-head h1{font-size:47px}.proto-workspace-head>div:last-child{margin-top:25px;max-width:170px}.proto-workspace{grid-template-columns:1fr}.proto-workspace>aside{border-right:0;border-bottom:1px solid #35403c;display:grid;grid-template-columns:1fr 1fr}.proto-workspace>aside p{grid-column:1/-1}.proto-workspace>main{padding:18px}.proto-next{display:block}.proto-next .proto-button{margin-top:18px}.proto-work-grid{grid-template-columns:1fr}.proto-work-grid article.wide{grid-column:auto}.proto-blog-feature{grid-template-columns:1fr}.proto-blog-feature aside{min-height:145px;border-left:0;border-top:1px solid #35403c}.proto-blog-feature h2{margin-top:40px;font-size:32px}.proto-post-body{grid-template-columns:1fr;gap:35px}.proto-post-body aside{display:none}.proto-post-body main .lead{font-size:20px}.proto-account{grid-template-columns:1fr}.proto-account>aside{border-right:0;border-bottom:1px solid #35403c}.proto-account>main{padding:25px 20px}.proto-account>main>header{align-items:flex-start;flex-wrap:wrap}.proto-account>main>header .proto-button{margin-left:0;width:100%}.proto-account-stats{grid-template-columns:1fr}.proto-request{grid-template-columns:1fr}.proto-request>aside{border-right:0;border-bottom:1px solid #35403c}.proto-request form{padding:35px 20px}.proto-choice-grid{grid-template-columns:1fr}.proto-request form>footer{display:block}.proto-request form>footer .proto-button{margin-top:18px;width:100%}.proto-footer{grid-template-columns:1fr;padding:45px 19px 25px}.proto-footer>span:last-child{justify-self:start}}

/* Commerce, authentication and activity prototype surfaces */
.proto-cart{display:grid;grid-template-columns:1fr 350px;gap:70px;align-items:start}.proto-cart-items{border-top:1px solid #35403c}.proto-cart-items article{display:grid;grid-template-columns:90px 1fr auto 28px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid #35403c}.cart-thumb{display:grid;place-items:center;width:90px;height:90px;background:#172822;color:#c8f34f;font:17px var(--mono)}.cart-thumb.chat{background:#24252a;color:#dde6e0}.proto-cart-items small{color:#829089;font:8px var(--mono)}.proto-cart-items h2{margin:8px 0;font-size:21px}.proto-cart-items p{margin:0;color:#89958f;font-size:11px}.proto-cart-items article>strong{font:13px var(--mono)}.proto-cart-items button{border:0;background:none;color:#65726c;font-size:19px}.proto-cart-items button:hover{color:#fff}.proto-summary{padding:28px;border-top:1px solid #c8f34f;background:#121917}.proto-summary>span{color:#87938d;font:8px var(--mono);letter-spacing:.1em}.proto-summary>div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #35403c}.proto-summary b{color:#9ba6a0;font-size:12px;font-weight:500}.proto-summary strong{font:12px var(--mono)}.proto-summary .total{margin-bottom:22px}.proto-summary .total b,.proto-summary .total strong{color:#fff;font-size:15px}.proto-summary .proto-button{width:100%}.proto-summary>small{display:block;margin-top:15px;color:#718078;font:8px/1.6 var(--mono)}.proto-checkout{display:grid;grid-template-columns:360px 1fr;gap:80px;border-top:1px solid #35403c}.proto-checkout>div{padding-top:55px}.proto-checkout h1{margin:0;font-size:60px;line-height:.92}.proto-checkout h1 em,.proto-confirmation h1 em,.proto-auth h1 em{color:#c8f34f;font-style:normal}.proto-checkout>div>p:not(.proto-kicker){margin:28px 0 55px;color:#96a29b;line-height:1.65}.proto-checkout-steps{display:flex;flex-direction:column;gap:15px;color:#66736c;font:9px var(--mono)}.proto-checkout-steps span.active{color:#c8f34f}.proto-checkout form{padding:55px 60px;border-left:1px solid #35403c}.proto-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.proto-form-grid .full{grid-column:1/-1}.proto-checkout .proto-field{margin-top:28px}.proto-payment-note{margin:50px 0 30px;padding:22px;border-top:1px solid #c8f34f;background:rgba(200,243,79,.04)}.proto-payment-note span,.proto-payment-note strong,.proto-payment-note small{display:block}.proto-payment-note span{color:#c8f34f;font:8px var(--mono)}.proto-payment-note strong{margin:15px 0 7px;font-size:17px}.proto-payment-note small{color:#84918a}.proto-checkout form>.proto-button{width:100%}.proto-confirmation{max-width:900px;margin:30px auto 0;text-align:center}.proto-confirm-mark{display:grid;place-items:center;width:75px;height:75px;margin:0 auto 35px;border:1px solid #c8f34f;color:#c8f34f;font:23px var(--mono)}.proto-confirmation h1{margin:0;font-size:70px;line-height:.92}.proto-confirmation>p:not(.proto-kicker){max-width:600px;margin:30px auto 50px;color:#9ca7a1;font-size:16px}.proto-confirm-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:42px;border-top:1px solid #35403c;border-bottom:1px solid #35403c}.proto-confirm-grid article{padding:25px;border-right:1px solid #35403c;text-align:left}.proto-confirm-grid article:last-child{border-right:0}.proto-confirm-grid span,.proto-confirm-grid strong,.proto-confirm-grid small{display:block}.proto-confirm-grid span{color:#7c8982;font:8px var(--mono)}.proto-confirm-grid strong{margin:25px 0 7px;color:#eef2ee;font-size:17px}.proto-confirm-grid small{color:#7c8982;font-size:10px}.proto-auth{display:grid;grid-template-columns:1fr 520px;min-height:680px;border-top:1px solid #35403c;border-bottom:1px solid #35403c}.proto-auth>aside{padding:70px 65px;background:radial-gradient(circle at 20% 85%,rgba(200,243,79,.09),transparent 36%),#101715}.proto-auth>aside h1{margin:0;font-size:65px;line-height:.9}.proto-auth>aside>p:not(.proto-kicker){max-width:500px;margin:35px 0;color:#98a49d;font-size:16px;line-height:1.7}.proto-auth>aside>div{margin-top:150px;padding-top:20px;border-top:1px solid #35403c}.proto-auth>aside>div span,.proto-auth>aside>div strong{display:block}.proto-auth>aside>div span{color:#7f8d86;font:8px var(--mono)}.proto-auth>aside>div strong{margin-top:11px;color:#cbd4ce;font-size:12px}.proto-auth>form{padding:70px 55px;background:#0e1314}.proto-auth form h2{margin:0 0 45px;font-size:35px}.proto-auth form>.proto-field{margin-top:28px}.proto-auth form>.proto-button{width:100%;margin-top:30px}.proto-auth-row{display:flex;justify-content:space-between;margin-top:18px;color:#829089;font-size:10px}.proto-auth-row a{color:#c8f34f}.proto-auth-switch{margin:22px 0 0;text-align:center;color:#77847e;font-size:10px}.proto-auth-switch a{color:#c8f34f}.proto-auth-single{display:block;max-width:600px;min-height:0;margin:40px auto}.proto-auth-single form{border:1px solid #35403c}.proto-auth-single h1{margin:0;font-size:55px;line-height:.92}.proto-auth-single form>p:not(.proto-kicker){margin:25px 0;color:#909d96}.proto-auth-single .proto-auth-switch{display:block}.proto-notifications{max-width:900px;border-top:1px solid #35403c}.proto-notifications>header{display:flex;justify-content:space-between;padding:17px 0;color:#7f8c85;font:8px var(--mono)}.proto-notifications>header button{border:0;background:none;color:#c8f34f;font:8px var(--mono)}.proto-notifications>a{display:grid;grid-template-columns:10px 1fr auto;gap:20px;align-items:center;padding:22px 8px;border-top:1px solid #35403c;transition:.2s}.proto-notifications>a:hover{padding-left:18px;background:rgba(200,243,79,.04)}.proto-notifications>a>i{width:6px;height:6px;border:1px solid #829088;border-radius:50%}.proto-notifications>a>i.green{border-color:#c8f34f;background:#c8f34f;box-shadow:0 0 10px rgba(200,243,79,.3)}.proto-notifications b,.proto-notifications span,.proto-notifications small{display:block}.proto-notifications b{font-size:14px}.proto-notifications span{margin:5px 0;color:#909c95;font-size:11px}.proto-notifications small{color:#65726c;font:8px var(--mono)}.proto-notifications>a>strong{color:#c8f34f;font-weight:400}
@media(max-width:900px){.proto-cart{grid-template-columns:1fr;gap:40px}.proto-summary{max-width:none}.proto-checkout{grid-template-columns:280px 1fr;gap:0}.proto-auth{grid-template-columns:1fr 460px}.proto-auth>aside{padding:55px 40px}.proto-auth>aside h1{font-size:52px}.proto-auth>form{padding:55px 40px}}
@media(max-width:620px){.proto-cart-items article{grid-template-columns:65px 1fr auto}.cart-thumb{width:65px;height:65px}.proto-cart-items article>strong{grid-column:2}.proto-cart-items article>button{grid-row:1;grid-column:3}.proto-checkout{grid-template-columns:1fr}.proto-checkout h1{font-size:49px}.proto-checkout form{padding:40px 0;border-left:0}.proto-form-grid{grid-template-columns:1fr}.proto-form-grid .full{grid-column:auto}.proto-confirmation h1{font-size:50px}.proto-confirm-grid{grid-template-columns:1fr}.proto-confirm-grid article{border-right:0;border-bottom:1px solid #35403c}.proto-confirm-grid article:last-child{border-bottom:0}.proto-auth{grid-template-columns:1fr}.proto-auth>aside{padding:48px 25px}.proto-auth>aside h1{font-size:49px}.proto-auth>aside>div{margin-top:70px}.proto-auth>form{padding:45px 25px}.proto-auth-row{align-items:flex-start;flex-direction:column;gap:14px}}

/* Account management surfaces */
.proto-account-manage{min-height:670px}.account-section-head{display:flex;align-items:center;gap:17px;padding-bottom:32px;border-bottom:1px solid #35403c}.account-section-head>div:nth-child(2){flex:1}.account-section-head>div>span,.security-list article>div>span,.purchase-list article>div>span,.receipt-list h3{color:#819089;font:8px var(--mono);letter-spacing:.1em}.account-section-head h2{margin:8px 0 5px;font-size:25px}.account-section-head p{margin:0;color:#87948d;font-size:12px}.account-section-head .proto-button{margin-left:auto}.proto-avatar.large{width:70px;height:70px}.account-form{max-width:700px;padding-top:28px}.account-form>.proto-field{margin-top:23px}.account-form textarea{width:100%;min-height:90px;padding:12px 0;border:0;border-bottom:1px solid #53615a;outline:0;resize:vertical;background:transparent;color:#fff}.account-form>.proto-button{margin-top:35px}.setting-list{margin-top:40px;border-top:1px solid #35403c}.setting-list label{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 0;border-bottom:1px solid #35403c}.setting-list b,.setting-list small{display:block}.setting-list b{font-size:13px}.setting-list small{margin-top:6px;color:#7f8c85;font-size:11px}.setting-list input{accent-color:#c8f34f}.security-list article{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:23px 0;border-bottom:1px solid #35403c}.security-list h3{margin:9px 0 7px;font-size:16px}.security-list p{margin:0;color:#87948d;font-size:11px}.security-list .proto-status{flex:0 0 auto}.purchase-list{border-top:1px solid #35403c;margin-top:28px}.purchase-list article{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #35403c}.purchase-list .cart-thumb{width:70px;height:70px}.purchase-list h3{margin:8px 0;font-size:18px}.purchase-list p{margin:0;color:#85918a;font-size:11px}.purchase-list a,.receipt-list b{color:#c8f34f;font:9px var(--mono)}.receipt-list{margin-top:35px;border-top:1px solid #35403c}.receipt-list h3{padding:22px 0;margin:0}.receipt-list a{display:grid;grid-template-columns:1fr auto auto;gap:22px;padding:15px 0;border-top:1px solid #35403c;color:#aab5af;font:10px var(--mono)}.receipt-list strong{color:#fff;font-weight:400}.receipt-list b{font-weight:400}
@media(max-width:620px){.account-section-head{align-items:flex-start;flex-wrap:wrap}.account-section-head .proto-button{margin-left:0;width:100%}.security-list article{display:block}.security-list article .proto-button,.security-list article .proto-status{margin-top:18px}.purchase-list article{grid-template-columns:55px 1fr}.purchase-list .cart-thumb{width:55px;height:55px}.purchase-list article>a{grid-column:2}.receipt-list a{grid-template-columns:1fr auto}.receipt-list b{grid-column:2;grid-row:1}.receipt-list strong{grid-column:1}}

/* Blog utilities, support, legal and state screens */
.proto-search-results{max-width:940px;border-top:1px solid #35403c}.proto-search-results>header{display:flex;justify-content:space-between;padding:17px 0;color:#7e8b84;font:8px var(--mono)}.proto-search-results>header button{border:0;background:none;color:#c8f34f;font:8px var(--mono)}.proto-search-results>a{display:grid;grid-template-columns:45px 1fr 20px;gap:20px;align-items:start;padding:25px 8px;border-top:1px solid #35403c}.proto-search-results>a:hover{background:rgba(200,243,79,.04)}.proto-search-results>a>span{color:#c8f34f;font:9px var(--mono)}.proto-search-results small{color:#7e8b84;font:8px var(--mono)}.proto-search-results h2{margin:9px 0;font-size:23px}.proto-search-results p{margin:0;color:#909c95;font-size:12px}.proto-search-results>b{color:#c8f34f;font-weight:400}.proto-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #35403c}.proto-topic-grid a{min-height:280px;padding:25px;border-right:1px solid #35403c;border-bottom:1px solid #35403c}.proto-topic-grid a:last-child{border-right:0}.proto-topic-grid span{color:#c8f34f;font:8px var(--mono)}.proto-topic-grid h2{margin:65px 0 14px;font-size:26px}.proto-topic-grid p{color:#909c95;font-size:12px;line-height:1.6}.proto-topic-grid b{display:block;margin-top:30px;color:#c8f34f;font:9px var(--mono)}.proto-comments{max-width:850px;margin:auto}.proto-comments>header{padding-bottom:50px;border-bottom:1px solid #35403c}.proto-comments h1{margin:0;font-size:56px;line-height:.92}.proto-comments>header>p:last-child{margin:24px 0 0;color:#89958f}.proto-comments>article{display:flex;gap:16px;padding:24px 0;border-bottom:1px solid #35403c}.comment-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #c8f34f;color:#c8f34f;font:9px var(--mono)}.proto-comments article b,.proto-comments article small{display:block}.proto-comments article small{margin-top:5px;color:#728078;font:8px var(--mono)}.proto-comments article p{max-width:650px;color:#a2ada6;line-height:1.6}.proto-comments article button{border:0;background:none;color:#c8f34f;font:9px var(--mono)}.proto-comments form{margin-top:35px;padding:25px;border-top:1px solid #c8f34f;background:rgba(200,243,79,.04)}.proto-comments textarea,.support-form textarea{width:100%;min-height:100px;padding:14px 0;border:0;border-bottom:1px solid #53615a;background:transparent;outline:0;color:#fff;resize:vertical}.proto-comments form footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.proto-comments form small{color:#75827b;font:8px var(--mono)}.proto-support{display:grid;grid-template-columns:360px 1fr;min-height:710px;border-top:1px solid #35403c;border-bottom:1px solid #35403c}.proto-support>aside{padding:55px 38px;border-right:1px solid #35403c;background:#101715}.proto-support h1{margin:0;font-size:57px;line-height:.9}.proto-support h1 em{font-style:normal;color:#c8f34f}.proto-support>aside>p:not(.proto-kicker){margin:30px 0 70px;color:#96a29b;line-height:1.65}.proto-support>aside>div{padding-top:18px;border-top:1px solid #35403c}.proto-support>aside>div span,.proto-support>aside>div strong{display:block}.proto-support>aside>div span{color:#7f8d86;font:8px var(--mono)}.proto-support>aside>div strong{margin-top:10px;color:#c8f34f;font:12px var(--mono)}.proto-support>main{padding:45px 55px}.support-search{display:flex;align-items:center;height:50px;border:1px solid #35403c}.support-search span{padding:0 14px;color:#c8f34f;font-size:20px}.support-search input{flex:1;border:0;outline:0;background:transparent;color:#fff}.support-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:35px 0}.support-topic-grid a{min-height:150px;padding:20px;border:1px solid #35403c}.support-topic-grid span{color:#c8f34f;font:9px var(--mono)}.support-topic-grid h2{margin:35px 0 8px;font-size:19px}.support-topic-grid p{margin:0;color:#84918a;font-size:11px}.support-form{padding-top:25px;border-top:1px solid #35403c}.support-form h2{margin:15px 0 25px;font-size:27px}.support-form .proto-field{margin-top:20px}.support-form .proto-button{margin-top:30px}.proto-legal{max-width:1080px;margin:auto}.proto-legal>header{padding-bottom:60px;border-bottom:1px solid #35403c}.proto-legal h1{margin:0;font-size:76px;line-height:.9}.proto-legal h1 em{font-style:normal;color:#c8f34f}.proto-legal>header>p:last-child{margin:28px 0 0;color:#7f8c85;font:9px var(--mono)}.proto-legal>section{display:grid;grid-template-columns:220px 1fr;gap:65px;padding-top:50px}.proto-legal aside{display:flex;flex-direction:column;gap:17px;color:#7f8c85;font:9px var(--mono)}.proto-legal aside span{color:#c8f34f}.proto-legal main{max-width:690px}.proto-legal main .lead{margin-top:0;color:#e0e7e1;font-size:20px;line-height:1.6}.proto-legal h2{margin:55px 0 16px;font-size:30px}.proto-legal main p{color:#9ba69f;line-height:1.8}.proto-empty,.proto-error{max-width:800px;margin:60px auto;text-align:center}.empty-mark{display:grid;place-items:center;width:80px;height:80px;margin:15px auto 35px;border:1px solid #53615a;color:#c8f34f;font:35px var(--mono)}.proto-empty h1{margin:0;font-size:73px;line-height:.9}.proto-empty h1 em{font-style:normal;color:#c8f34f}.proto-empty p,.proto-error p{max-width:520px;margin:28px auto 35px;color:#96a29b;line-height:1.7}.proto-error{padding:70px 20px;border-top:1px solid #c8f34f;border-bottom:1px solid #35403c}.proto-error strong{display:block;font-size:70px;line-height:.9;font-weight:600}.proto-error>div{display:flex;justify-content:center;gap:10px}
@media(max-width:900px){.proto-topic-grid{grid-template-columns:1fr 1fr}.proto-support{grid-template-columns:280px 1fr}.proto-support>main{padding:35px}.proto-legal>section{grid-template-columns:170px 1fr}.proto-legal h1{font-size:60px}}
@media(max-width:620px){.proto-search-results>a{grid-template-columns:30px 1fr 16px;gap:12px}.proto-search-results h2{font-size:19px}.proto-topic-grid{grid-template-columns:1fr}.proto-topic-grid a{min-height:0;border-right:0}.proto-topic-grid h2{margin-top:30px}.proto-comments h1{font-size:44px}.proto-comments form footer{display:block}.proto-comments form .proto-button{margin-top:15px;width:100%}.proto-support{grid-template-columns:1fr}.proto-support>aside{border-right:0;border-bottom:1px solid #35403c;padding:42px 24px}.proto-support h1{font-size:49px}.proto-support>main{padding:30px 0}.support-topic-grid{grid-template-columns:1fr}.proto-legal>section{grid-template-columns:1fr;gap:30px}.proto-legal h1{font-size:51px}.proto-legal aside{display:none}.proto-error strong{font-size:49px}.proto-error>div{flex-direction:column}.proto-empty h1{font-size:51px}}

/* Store navigation, categories, wishlist and review surfaces */
.proto-store-nav{display:flex;gap:24px;margin:-30px 0 55px;padding-bottom:16px;border-bottom:1px solid #35403c;color:#7f8c85;font:9px var(--mono)}.proto-store-nav a.active,.proto-store-nav a:hover{color:#c8f34f}.proto-category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #35403c}.proto-category-grid a{min-height:270px;padding:25px;border-right:1px solid #35403c;border-bottom:1px solid #35403c}.proto-category-grid a:last-child{border-right:0}.proto-category-grid span{color:#c8f34f;font:8px var(--mono)}.proto-category-grid h2{margin:75px 0 14px;font-size:26px}.proto-category-grid p{color:#929e97;line-height:1.6}.proto-category-grid b{display:block;margin-top:28px;color:#c8f34f;font:9px var(--mono)}.proto-wishlist{border-top:1px solid #35403c}.proto-wishlist article{display:grid;grid-template-columns:90px 1fr auto auto;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid #35403c}.proto-wishlist .cart-thumb{width:90px;height:90px}.proto-wishlist article>div:nth-child(2)>span{color:#819089;font:8px var(--mono)}.proto-wishlist h2{margin:8px 0;font-size:21px}.proto-wishlist p{margin:0;color:#89958f;font-size:11px}.proto-wishlist article>strong{font:12px var(--mono);white-space:nowrap}.proto-wishlist article>div:last-child{display:flex;gap:8px}.proto-wishlist .proto-button{min-height:38px}.proto-review-head{display:grid;grid-template-columns:1fr 260px;gap:80px;padding:35px 0 75px;border-bottom:1px solid #35403c}.proto-review-head h1{margin:0;font-size:75px;line-height:.9}.proto-review-head h1 em{font-style:normal;color:#c8f34f}.proto-review-head>div>p:last-child{max-width:470px;margin-top:28px;color:#96a29b;font-size:16px;line-height:1.6}.proto-review-head aside{align-self:end;border-top:1px solid #c8f34f;padding-top:17px}.proto-review-head aside strong,.proto-review-head aside span,.proto-review-head aside small{display:block}.proto-review-head aside strong{font:55px var(--mono);color:#c8f34f}.proto-review-head aside span{margin:12px 0;color:#c8f34f;letter-spacing:.2em}.proto-review-head aside small{color:#84918b;font:9px var(--mono)}.proto-review-list{max-width:760px}.proto-review-list article{padding:25px 0;border-bottom:1px solid #35403c}.proto-review-list article header{display:flex;align-items:center;gap:13px}.proto-review-list article header>div:nth-child(2){flex:1}.proto-review-list article header b,.proto-review-list article header small{display:block}.proto-review-list article header small{margin-top:5px;color:#75827b;font:8px var(--mono)}.proto-review-list article header>span{color:#c8f34f;letter-spacing:.1em}.proto-review-list article p{color:#a4aea8;line-height:1.6}.proto-review-list article footer{color:#7e8b84;font:9px var(--mono)}.proto-review-list article footer button{border:0;background:none;color:#c8f34f;font:9px var(--mono)}.proto-review-list form{margin-top:30px;padding:25px;border-top:1px solid #c8f34f;background:rgba(200,243,79,.04)}.review-stars{margin:20px 0;color:#c8f34f;font-size:22px;letter-spacing:.1em}.proto-review-list form textarea{width:100%;min-height:100px;padding:12px 0;border:0;border-bottom:1px solid #53615a;background:transparent;outline:0;resize:vertical;color:#fff}
@media(max-width:900px){.proto-category-grid{grid-template-columns:1fr 1fr}.proto-wishlist article{grid-template-columns:70px 1fr auto}.proto-wishlist article>div:last-child{grid-column:2}.proto-review-head{grid-template-columns:1fr 190px;gap:35px}.proto-review-head h1{font-size:57px}}
@media(max-width:620px){.proto-store-nav{gap:14px;overflow:auto;white-space:nowrap}.proto-category-grid{grid-template-columns:1fr}.proto-category-grid a{min-height:0;border-right:0}.proto-category-grid h2{margin-top:35px}.proto-wishlist article{grid-template-columns:60px 1fr}.proto-wishlist .cart-thumb{width:60px;height:60px}.proto-wishlist article>strong{grid-column:2}.proto-wishlist article>div:last-child{grid-column:2}.proto-wishlist article>div:last-child .proto-button{flex:1}.proto-review-head{grid-template-columns:1fr}.proto-review-head h1{font-size:50px}.proto-review-head aside{max-width:190px}}

/* Production-shaped Products, Services and request dashboard */
.proto-market{display:grid;grid-template-columns:325px 1fr;gap:45px;padding-top:20px}.proto-market aside{display:flex;flex-direction:column;gap:18px}.market-cart,.market-browse,.market-custom{padding:20px;border:1px solid #35403c;background:#111817}.market-cart header,.market-browse header{display:flex;align-items:center;gap:10px}.market-cart header span,.market-browse header span,.market-custom>span{color:#839089;font:8px var(--mono);letter-spacing:.1em}.market-cart header b{display:block;font-size:23px}.market-cart header i{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;border:1px solid #c8f34f;color:#c8f34f;font-style:normal}.market-cart>div{display:flex;justify-content:space-between;margin:18px 0;padding:14px 0;border-top:1px solid #35403c;border-bottom:1px solid #35403c;color:#85928b;font-size:11px}.market-cart>div strong{color:#fff;font:13px var(--mono)}.market-cart>a,.market-custom>a{display:block;padding:12px;border:1px solid #53615a;color:#c8f34f;text-align:center;font:9px var(--mono)}.market-browse header{justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #35403c}.market-browse header b{font-size:19px}.market-browse header span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#29342f}.market-browse>a{display:flex;justify-content:space-between;padding:11px 12px;color:#aeb8b2;font-size:12px}.market-browse>a.active{background:#c8f34f;color:#0b0f12}.market-browse>a i{font:9px var(--mono);font-style:normal}.market-custom{margin-top:auto}.market-custom h3{margin:18px 0 8px;font-size:20px}.market-custom p{color:#85928b;font-size:12px;line-height:1.6}.market-custom>a{border-color:#c8f34f;background:#c8f34f;color:#0b0f12}.market-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.market-toolbar>div:first-child{display:flex;gap:8px}.market-toolbar button{padding:11px 14px;border:1px solid #53615a;background:none;color:#cbd4ce;font:9px var(--mono)}.market-products{display:flex;flex-direction:column;gap:16px}.market-product{display:grid;grid-template-columns:43% 1fr;background:#131b19;border:1px solid #35403c}.market-product-image{min-height:300px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#182923;position:relative;overflow:hidden}.market-product-image:after{content:'';position:absolute;inset:38% -10% -10%;background:linear-gradient(155deg,transparent 20%,rgba(200,243,79,.7) 20.5%,rgba(200,243,79,.04) 49%,transparent 49.5%),linear-gradient(165deg,transparent 33%,#8b9e96 33.5%,rgba(142,157,149,.1) 68%,transparent 68.5%);opacity:.6}.market-image-2{background:#1c2832}.market-image-3{background:#22242a}.market-product-image>span,.market-product-image>div{position:relative;z-index:1}.market-product-image>span{color:#c8f34f;font:9px var(--mono)}.market-product-image>div{display:flex;align-items:end;justify-content:space-between}.market-product-image b{font-size:36px;color:#eef4ef}.market-product-image small{color:#a4b5ac;font:8px var(--mono)}.market-product-body{padding:20px}.market-product-body>header{display:flex;justify-content:space-between;align-items:center}.market-product-body>header span{padding:5px 8px;background:rgba(200,243,79,.12);color:#c8f34f;font:8px var(--mono)}.market-product-body>header b{color:#b6c8bd;font:8px var(--mono)}.market-product-body h2{margin:20px 0 10px;font-size:25px;line-height:1}.market-product-body>p{min-height:42px;color:#8e9a94;font-size:12px;line-height:1.55}.market-product-meta{display:flex;gap:16px;padding:13px 0;border-top:1px solid #35403c;border-bottom:1px solid #35403c;color:#84918b;font:9px var(--mono)}.market-product-body>footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.market-product-body>footer>div:first-child{display:flex;gap:12px;align-items:center}.market-product-body>footer strong{color:#fff;font:17px var(--mono)}.market-product-body>footer del{color:#748079;font:11px var(--mono)}.market-product-body>footer>div:last-child{display:flex;gap:8px}.market-product-body .proto-button{min-height:38px;padding:0 12px}.market-count{color:#748179;font:9px var(--mono)}.proto-service-catalog{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proto-service-catalog article{padding:27px;border:1px solid #35403c;background:#111817}.proto-service-catalog article>div{display:flex;justify-content:space-between}.proto-service-catalog article>div span{color:#c8f34f;font:9px var(--mono)}.proto-service-catalog article>div small{color:#819089;font:8px var(--mono)}.proto-service-catalog h2{margin:58px 0 12px;font-size:31px}.proto-service-catalog p{min-height:48px;color:#93a098;font-size:12px;line-height:1.6}.proto-service-catalog ul{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0;padding:0;list-style:none}.proto-service-catalog li{padding:7px 9px;border:1px solid #35403c;color:#9eaaa3;font:8px var(--mono)}.proto-service-catalog a{color:#c8f34f;font:9px var(--mono)}.proto-service-path{margin-top:100px;border-top:1px solid #35403c}.proto-service-path header{max-width:560px;padding-top:25px}.proto-service-path h2{margin:20px 0 45px;font-size:38px}.proto-service-path>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #35403c;border-bottom:1px solid #35403c}.proto-service-path article{min-height:210px;padding:22px;border-right:1px solid #35403c}.proto-service-path article:last-child{border-right:0}.proto-service-path article>span{color:#7e8b84;font:9px var(--mono)}.proto-service-path article.active>span{color:#c8f34f}.proto-service-path h3{margin:65px 0 11px;font-size:18px}.proto-service-path p{color:#84918a;font-size:11px;line-height:1.6}.request-dashboard-hero{display:flex;justify-content:space-between;gap:35px;padding:35px 40px;margin-bottom:28px;border:1px solid #35403c;background:radial-gradient(circle at 80% 30%,rgba(200,243,79,.08),transparent 42%),#111817}.request-dashboard-hero>div>span{color:#c8f34f;font:9px var(--mono)}.request-dashboard-hero h1{margin:22px 0 12px;font-size:64px;line-height:.9}.request-dashboard-hero p{max-width:700px;color:#a0aba4;line-height:1.6}.request-dashboard-hero>div>div{display:flex;gap:8px;margin-top:28px}.request-dashboard-hero>div>div b{padding:8px 10px;border:1px solid #53615a;color:#c8f34f;font:9px var(--mono)}.request-dashboard-hero>a{align-self:start;padding:14px 16px;background:#f0f4ee;color:#0b0f12;font:10px var(--mono)}.request-dashboard-hero>a strong{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:8px;background:#c8f34f}.request-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:35px}.request-metrics article{padding:20px;border:1px solid #35403c;background:#111817}.request-metrics article>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:28px;border:1px solid #53615a;color:#c8f34f;font:18px var(--mono)}.request-metrics h3{margin:0;color:#d8dfda;font-size:14px}.request-metrics strong{display:block;margin:18px 0 8px;color:#fff;font:31px var(--mono)}.request-metrics p{margin:0;color:#7f8c85;font-size:10px}.request-dashboard-list{padding:28px 0;border-top:1px solid #35403c}.request-dashboard-list>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.request-dashboard-list h2{margin:0;font-size:32px}
@media(max-width:900px){.proto-market{grid-template-columns:235px 1fr;gap:25px}.market-toolbar{display:block}.market-toolbar .proto-search{margin-top:14px;max-width:none}.proto-service-path>div{grid-template-columns:1fr 1fr}.request-metrics{grid-template-columns:1fr 1fr}.request-dashboard-hero h1{font-size:51px}}
@media(max-width:620px){.proto-market{grid-template-columns:1fr}.proto-market aside{order:2}.market-product{grid-template-columns:1fr}.market-product-image{min-height:220px}.market-product-body>footer{display:block}.market-product-body>footer>div:last-child{margin-top:15px}.proto-service-catalog{grid-template-columns:1fr}.proto-service-path>div{grid-template-columns:1fr}.proto-service-path article{min-height:0;border-right:0;border-bottom:1px solid #35403c}.proto-service-path h2{font-size:30px}.request-dashboard-hero{display:block;padding:26px 20px}.request-dashboard-hero>a{display:inline-block;margin-top:20px}.request-dashboard-hero>div>div{flex-wrap:wrap}.request-metrics{grid-template-columns:1fr}.request-dashboard-list>header{display:block}.request-dashboard-list .proto-button{margin-top:20px}.proto-request-list>a{grid-template-columns:1fr auto}}
.product-section-nav{display:flex;gap:24px;margin-bottom:45px;padding-bottom:15px;border-bottom:1px solid #35403c;color:#7f8c85;font:9px var(--mono)}.product-section-nav a.active,.product-section-nav a:hover{color:#c8f34f}.product-code-stage{background:#14201d}.code-product-preview{position:absolute;inset:85px 8% 45px;background:#edf1ec;color:#12251d;box-shadow:0 30px 70px rgba(0,0,0,.3)}.code-product-preview>header{height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #ced7ce}.code-product-preview>header b{margin-right:auto;font-size:12px}.code-product-preview>header i{width:7px;height:7px;margin-left:6px;border-radius:50%;background:#9bac9f}.code-product-preview>main{display:grid;grid-template-columns:82px 1fr;height:calc(100% - 48px)}.code-product-preview aside{display:flex;flex-direction:column;gap:16px;padding:22px 12px;background:#dde7de;color:#66796d;font:8px var(--mono)}.code-product-preview section{padding:35px}.code-product-preview section small{color:#3d674e;font:8px var(--mono)}.code-product-preview section h3{margin:20px 0 40px;font-size:29px}.code-product-preview section div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.code-product-preview section div i{height:80px;border:1px solid #cbd5cb;background:#f7f8f4}.product-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.product-detail-meta span{padding:7px 9px;border:1px solid #35403c;color:#84918b;font:8px var(--mono)}.proto-buy>.proto-button+.proto-button{width:100%;margin-top:8px}.proto-price del{color:#68756e}.proto-workspace>aside a{display:flex;justify-content:space-between;width:100%;padding:15px 10px;border-left:1px solid transparent;color:#89958f;font-size:11px}.proto-workspace>aside a span{color:#64716c;font:8px var(--mono)}.proto-workspace>aside a.active{border-left-color:#c8f34f;background:rgba(200,243,79,.07);color:#fff}
@media(max-width:620px){.product-section-nav{overflow:auto;white-space:nowrap}.code-product-preview{inset:65px 4% 25px}.code-product-preview>main{grid-template-columns:55px 1fr}.code-product-preview aside{padding:15px 8px;font-size:6px}.code-product-preview section{padding:20px 14px}.code-product-preview section h3{font-size:20px}.code-product-preview section div i{height:55px}}

/* Client portal project states */
.proto-request-list{border-top:1px solid #35403c}.proto-request-list>header,.proto-request-list>a{display:grid;grid-template-columns:1.4fr .8fr 1fr .5fr 22px;gap:22px;align-items:center;padding:18px 10px;border-bottom:1px solid #35403c}.proto-request-list>header{color:#78857e;font:8px var(--mono);letter-spacing:.1em}.proto-request-list>a{min-height:90px;transition:.2s}.proto-request-list>a:hover{padding-left:18px;background:rgba(200,243,79,.04)}.proto-request-list small,.proto-request-list time{color:#718078;font:8px var(--mono)}.proto-request-list h2{margin:8px 0 0;font-size:20px}.proto-request-list p{margin:0;color:#9ba59f;font-size:12px}.proto-request-list>b{color:#c8f34f;font-size:17px;font-weight:400}.workspace-section-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:30px;border-bottom:1px solid #35403c}.workspace-section-head>div>span,.workspace-document>span,.workspace-note>span,.progress-update>span,.workspace-files a{color:#7f8c85;font:8px var(--mono);letter-spacing:.1em}.workspace-section-head h2{margin:17px 0 8px;font-size:31px}.workspace-section-head p{margin:0;color:#84918a;font-size:12px}.workspace-balance{color:#c8f34f;font:30px var(--mono);text-align:right}.workspace-balance small{display:block;margin-top:7px;color:#7f8c85;font:8px var(--mono)}.proposal-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #35403c}.proposal-summary article{min-height:190px;padding:25px;border-right:1px solid #35403c}.proposal-summary article:last-child{border-right:0}.proposal-summary span,.payment-timeline span{color:#7f8c85;font:8px var(--mono)}.proposal-summary h3{margin:55px 0 0;font-size:17px;line-height:1.35}.workspace-document{max-width:700px;padding:40px 0}.workspace-document h3{margin:25px 0 15px;font-size:27px}.workspace-document p{color:#96a29b;line-height:1.7}.workspace-document ul{margin:25px 0 0;padding:0;list-style:none;color:#cfd7d1;font-size:12px}.workspace-document li{padding:12px 0;border-top:1px solid #35403c}.workspace-document li:before{content:'✓';margin-right:12px;color:#c8f34f}.payment-timeline{border-top:0}.payment-timeline article{display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid #35403c}.payment-timeline article>i{display:grid;place-items:center;width:32px;height:32px;border:1px solid #53615a;color:#a0aca5;font:10px var(--mono);font-style:normal}.payment-timeline article.done>i{border-color:#c8f34f;color:#c8f34f}.payment-timeline h3{margin:8px 0;font-size:19px}.payment-timeline p{margin:0;color:#828e87;font-size:11px}.workspace-note{max-width:650px;margin-top:30px;padding:22px;border-top:1px solid #c8f34f;background:rgba(200,243,79,.04)}.workspace-note p{margin:14px 0 0;color:#9ca7a1;font-size:12px;line-height:1.6}.progress-stage{display:grid;grid-template-columns:220px 1fr;gap:65px;padding:35px 0;border-bottom:1px solid #35403c}.progress-stage>div>span{color:#7f8c85;font:8px var(--mono)}.progress-stage>div>strong{display:block;margin:20px 0;font:43px var(--mono);color:#c8f34f}.progress-stage ol{margin:0;padding:0;list-style:none}.progress-stage li{display:grid;grid-template-columns:32px 1fr auto;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #35403c;color:#87938c;font-size:12px}.progress-stage li i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #47544e;color:#7e8b84;font:9px var(--mono);font-style:normal}.progress-stage li.done,.progress-stage li.active{color:#f0f3ef}.progress-stage li.done i,.progress-stage li.active i{border-color:#c8f34f;color:#c8f34f}.progress-stage li small{color:#728079;font:8px var(--mono)}.progress-stage li.active small{color:#c8f34f}.progress-update{max-width:700px;padding:35px 0}.progress-update h3{margin:20px 0 12px;font-size:25px}.progress-update>p{color:#96a29c;line-height:1.65}.workspace-files{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.workspace-files a{display:flex;gap:20px;padding:10px 12px;border:1px solid #35403c}.workspace-files a b{color:#c8f34f;font-weight:400}.workspace-messages{max-width:730px}.message-thread article{display:flex;gap:14px;padding:22px 0;border-bottom:1px solid #35403c}.message-avatar{display:grid;place-items:center;flex:0 0 35px;height:35px;border:1px solid #c8f34f;color:#c8f34f;font:9px var(--mono)}.message-thread article.client .message-avatar{border-color:#64736b;color:#aeb9b3}.message-thread header{display:flex;gap:18px}.message-thread header time{color:#68756e;font:8px var(--mono)}.message-thread p{max-width:600px;margin:12px 0;color:#a3ada7;font-size:12px;line-height:1.6}.message-thread a{color:#c8f34f;font:9px var(--mono)}.workspace-messages form{margin-top:25px}.workspace-messages textarea{width:100%;min-height:95px;padding:15px;border:1px solid #35403c;outline:0;resize:vertical;background:#101615;color:#fff}.workspace-messages textarea:focus{border-color:#c8f34f}.workspace-messages form footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.workspace-messages form footer>button:first-child{border:0;background:none;color:#8b9891;font:9px var(--mono)}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.delivery-grid article{min-height:190px;padding:23px;border:1px solid #35403c}.delivery-grid article>span{color:#c8f34f;font:8px var(--mono)}.delivery-grid h3{margin:43px 0 12px;font-size:21px}.delivery-grid p{margin:0 0 22px;color:#87948d;font-size:11px;line-height:1.6}.delivery-grid a{color:#c8f34f;font:9px var(--mono)}
@media(max-width:620px){.proto-request-list>header{display:none}.proto-request-list>a{grid-template-columns:1fr auto;gap:8px}.proto-request-list>a .proto-status,.proto-request-list>a p,.proto-request-list>a time{grid-column:1}.proto-request-list>a>b{grid-row:1/4;grid-column:2}.workspace-section-head{display:block}.workspace-section-head .proto-status,.workspace-balance{display:inline-block;margin-top:20px;text-align:left}.proposal-summary{grid-template-columns:1fr}.proposal-summary article{min-height:0;border-right:0;border-bottom:1px solid #35403c}.proposal-summary article:last-child{border-bottom:0}.proposal-summary h3{margin-top:25px}.progress-stage{grid-template-columns:1fr;gap:30px}.progress-stage li{grid-template-columns:32px 1fr}.progress-stage li small{grid-column:2}.payment-timeline article{grid-template-columns:35px 1fr}.payment-timeline article .proto-status{grid-column:2}.delivery-grid{grid-template-columns:1fr}.workspace-messages form footer{align-items:flex-start;flex-direction:column;gap:16px}}

/* Final responsive pass for catalog and client-workspace routes. */
@media(max-width:620px){
  .market-toolbar>div:first-child{max-width:100%;overflow-x:auto;padding-bottom:5px;white-space:nowrap}
  .market-toolbar button{flex:0 0 auto}
  .market-product-body{padding:18px}
  .market-product-body h2{font-size:22px}
  .market-product-meta{flex-wrap:wrap;gap:8px 13px}
  .market-product-body>footer>div:last-child{display:grid;grid-template-columns:1fr 1fr}
  .market-product-body .proto-button{width:100%}
  .market-custom{margin-top:0}
  .request-dashboard-hero h1{font-size:43px}
  .request-dashboard-hero p{font-size:13px}
  .request-dashboard-list h2{font-size:27px}
  .proto-request-list>a{padding:18px 4px}
  .proto-request-list h2{font-size:18px}
  .proto-workspace>aside{grid-template-columns:repeat(3,1fr);padding:20px 8px}
  .proto-workspace>aside a{padding:12px 7px;font-size:9px}
  .proto-workspace>aside a span{display:none}
  .proto-cart-items article{grid-template-columns:56px 1fr auto;gap:12px}
  .proto-cart-items article>strong{grid-column:2}
  .proto-cart-items article>button{grid-column:3;grid-row:1}
}
.mountain-occlusion{display:none}
@media(min-width:1001px){
  .mountain-occlusion{display:block;position:absolute;z-index:3;inset:0;pointer-events:none;overflow:hidden;clip-path:polygon(0 100%,0 96%,18% 94%,35% 90%,48% 82%,55% 76%,62% 66%,69% 51%,75% 59%,81% 66%,88% 66%,94% 72%,100% 75%,100% 100%)}
  .mountain-occlusion img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center;filter:grayscale(.88) saturate(.16) brightness(.63) contrast(1.18);opacity:.9;transform:scale(1.3);transform-origin:center 47%}
  .mountain-occlusion:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,18,.84),rgba(11,15,18,.67) 39%,rgba(11,15,18,.14) 68%,rgba(11,15,18,.12)),linear-gradient(0deg,rgba(11,15,18,.28),transparent 38%)}
}

/* Final atmospheric balance: warm terrain, cool moonlight, unambiguous meteor direction. */
@media(min-width:1001px){
  .hero-moon{opacity:.5}
  .moon-motion{opacity:.9;filter:drop-shadow(0 0 17px rgba(225,239,242,.18)) drop-shadow(0 0 38px rgba(190,213,220,.09)) drop-shadow(0 22px 38px rgba(0,0,0,.46))}
  .hero-landscape:before{left:47%;top:17%;width:28%;height:34%;background:radial-gradient(ellipse,rgba(218,235,239,.11),rgba(218,235,239,.035) 32%,transparent 72%);filter:blur(28px);opacity:.7}
  .mountain-occlusion:before{content:'';position:absolute;z-index:2;left:48%;bottom:9%;width:34%;height:10%;background:radial-gradient(ellipse,rgba(215,232,235,.1),transparent 68%);filter:blur(20px);opacity:.55}
}

/* Site-wide internal-page skin, derived from the homepage system. */
.market-toolbar button.active{border-color:var(--accent);background:rgba(200,243,79,.1);color:var(--accent)}
.proto-cart-empty{padding:32px 0;border-bottom:1px solid var(--proto-line);color:#87938d;font-size:13px}
.prototype-page{--proto-bg:#0b0f12;--proto-panel:#111817;--proto-panel-2:#151d1b;--proto-line:#35403c;--proto-line-strong:#53615a;--proto-copy:#9da8a2;--proto-silver:#eef2ee;--proto-accent:#c8f34f;background:var(--proto-bg)}
.prototype-page .site-header{height:72px;background:rgba(8,11,13,.92);border-bottom-color:rgba(222,232,226,.14);box-shadow:0 12px 35px rgba(0,0,0,.16)}
.prototype-page .brand{letter-spacing:-.04em}
.prototype-page .desktop-nav a{position:relative;padding:27px 0 25px}
.prototype-page .desktop-nav a:after{content:'';position:absolute;right:0;bottom:17px;left:0;height:1px;background:var(--proto-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.prototype-page .desktop-nav a.active:after,.prototype-page .desktop-nav a:hover:after{transform:scaleX(1)}
.menu-toggle:focus-visible,.mobile-theme:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
body.menu-open .menu-toggle{border-color:var(--accent);color:var(--accent)}
body.menu-open .menu-toggle i:first-child{transform:translateY(4px) rotate(45deg)}
body.menu-open .menu-toggle i:last-child{transform:translateY(-4px) rotate(-45deg)}
.prototype-page .header-tools a{background:#0d1312}
.header-tools a{position:relative}.header-count{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:50%;background:var(--accent);color:var(--ink);font:8px var(--mono)}
.mobile-nav-count{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:6px;padding:0 4px;border-radius:50%;background:var(--accent);color:var(--ink);font:8px var(--mono);font-weight:500}
.prototype-page .header-theme{background:#0d1312}
.prototype-page .header-cta{background:var(--proto-accent);border-color:var(--proto-accent);color:var(--proto-bg)}
.prototype-outlet{background:radial-gradient(circle at 75% 0,rgba(218,230,225,.045),transparent 25%),var(--proto-bg)}
.prototype-outlet:focus{outline:0}
.prototype-page .prototype-outlet{animation:proto-route-in .28s ease both}
@keyframes proto-route-in{from{opacity:.45}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.prototype-page .prototype-outlet{animation:none}}
.proto-shell{padding-top:42px}
.proto-crumb{min-height:24px;margin-bottom:64px;border-bottom:1px solid rgba(83,97,90,.28);padding-bottom:17px}
.proto-crumb span{color:#9eaaa4}
.proto-page-head{padding-bottom:70px;margin-bottom:0}
.proto-page-head h1,.proto-split-hero h1,.proto-case-hero h1,.proto-buy h1,.proto-workspace-head h1{letter-spacing:-.045em}
.proto-page-head h1 em,.proto-split-hero h1 em,.proto-request h1 em{color:#d9e1dc}
.proto-kicker{color:var(--proto-accent)}
.proto-head-side,.proto-split-hero>div>p:not(.proto-kicker),.proto-buy>p:not(.proto-kicker){color:var(--proto-copy)}
.proto-button,.market-toolbar button,.proto-search,.support-search{border-color:var(--proto-line-strong);background:rgba(17,24,23,.35)}
.proto-button:focus-visible,.market-toolbar button:focus-visible,.proto-search input:focus-visible,.support-search input:focus-visible,.proto-field input:focus-visible,.proto-field textarea:focus-visible,a:focus-visible{outline:2px solid var(--proto-accent);outline-offset:3px}
.proto-button.primary{box-shadow:0 12px 30px rgba(200,243,79,.07)}
.proto-service-catalog article,.market-cart,.market-browse,.market-custom,.market-product,.request-metrics article,.proto-work-grid article,.proto-article-grid article,.proto-account-stats article,.support-topic-grid a{background:linear-gradient(145deg,rgba(238,242,238,.018),transparent 48%),var(--proto-panel);border-color:var(--proto-line)}
.proto-service-catalog article,.market-product,.proto-study,.proto-article-grid article,.support-topic-grid a{transition:border-color .22s,background .22s,transform .22s}
.proto-service-catalog article:hover,.market-product:hover,.proto-article-grid article:hover,.support-topic-grid a:hover{border-color:var(--proto-line-strong);background-color:var(--proto-panel-2)}
.proto-service-catalog article:hover,.proto-article-grid article:hover,.support-topic-grid a:hover{transform:translateY(-3px)}
.proto-service-catalog h2,.market-product-body h2,.proto-study h2,.proto-article-grid h2{letter-spacing:-.035em}
.market-product-image{border-right:1px solid var(--proto-line)}
.market-product-body>footer{padding-top:20px;border-top:1px solid rgba(83,97,90,.35)}
.product-section-nav{position:sticky;z-index:5;top:72px;padding:15px 0;background:rgba(11,15,18,.94);backdrop-filter:blur(12px)}
.product-section-nav a{padding:6px 0;border-bottom:1px solid transparent}.product-section-nav a.active{border-bottom-color:var(--accent)}
.proto-feature-list>div:target,.proto-feature-list>div.product-focus{background:rgba(200,243,79,.035)}
.proto-product-stage,.proto-case-visual{border:1px solid var(--proto-line)}
.code-product-preview{border:1px solid #bec9c0}
.proto-service-path article.active{background:rgba(200,243,79,.035)}
.request-dashboard-hero{border-top-color:var(--proto-accent)}
.request-metrics article>span,.proto-avatar,.message-avatar,.comment-avatar{background:#0d1312}
.proto-workspace,.proto-account,.proto-request,.proto-auth,.proto-support{background:rgba(10,14,15,.35)}
.proto-workspace>aside,.proto-account>aside,.proto-request>aside,.proto-support>aside{background:var(--proto-panel)}
.proto-next,.workspace-note,.proto-comments form{border:1px solid rgba(200,243,79,.34);border-top-color:var(--proto-accent)}
.proto-form-head h2,.workspace-section-head h2,.account-section-head h2{letter-spacing:-.035em}
.proto-field input,.proto-field textarea,.proto-comments textarea,.support-form textarea,.workspace-messages textarea{border-radius:0;transition:border-color .2s,background .2s}
.proto-field input:focus,.proto-field textarea:focus,.proto-comments textarea:focus,.support-form textarea:focus,.workspace-messages textarea:focus{background:rgba(238,242,238,.025)}
.proto-post-body main{font-size:16px}
.proto-post-body main p,.proto-legal main p{color:#abb5af}
.proto-post-body main .lead,.proto-legal main .lead{color:var(--proto-silver)}
.proto-footer{grid-template-columns:1.4fr repeat(3,1fr);gap:55px;padding-top:70px;background:#070a0c}
.proto-footer>div:first-child p{max-width:290px;margin-top:17px;line-height:1.7}
.proto-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.proto-footer nav>span{margin-bottom:9px;color:#627069;font:8px var(--mono);letter-spacing:.13em}
.proto-footer nav a{color:#a6b0aa;font:11px var(--sans)}
.proto-footer nav a:hover{color:var(--proto-accent)}
.proto-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:27px;border-top:1px solid var(--proto-line);color:#627069;font:8px var(--mono)}
.prototype-message{animation:proto-message-in .3s ease both}@keyframes proto-message-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.request-review{padding:22px;border-top:1px solid var(--proto-accent);background:rgba(200,243,79,.04)}.request-review>span,.request-review>strong{display:block}.request-review>span{color:var(--proto-accent);font:8px var(--mono)}.request-review>strong{margin:14px 0 8px;font-size:18px}.request-review>p{margin:0;color:var(--proto-copy);font-size:12px;line-height:1.6}.proto-request li.complete{color:#aab6af}.proto-request li.complete span{border-color:#77947d;color:var(--proto-accent)}
.proto-page-head .proto-search{background:rgba(17,24,23,.45)}
.mobile-theme{display:none}
html[data-theme="light"] .prototype-outlet{background:radial-gradient(circle at 75% 0,rgba(31,85,69,.055),transparent 27%),#e9ece8;color:#111619}
html[data-theme="light"] .prototype-page{--proto-bg:#e9ece8;--proto-panel:#f4f5f1;--proto-panel-2:#eef1ec;--proto-line:#c8cec8;--proto-line-strong:#aab3ac;--proto-copy:#59635e;--proto-silver:#111619;--proto-accent:#466d24;color:#111619;background:#e9ece8}
html[data-theme="light"] .prototype-page .site-header{background:rgba(238,241,236,.94);color:#111619;border-bottom-color:#c9d0ca}
html[data-theme="light"] .prototype-page .brand-symbol{color:#466d24}
html[data-theme="light"] .prototype-page .brand-symbol path:last-child{fill:#eef1ec}
html[data-theme="light"] .prototype-page .desktop-nav,html[data-theme="light"] .prototype-page .header-tools a,html[data-theme="light"] .prototype-page .header-theme{color:#58625d}
html[data-theme="light"] .prototype-page .header-tools a,html[data-theme="light"] .prototype-page .header-theme{background:#f4f5f1;border-color:#b7c0b9}
html[data-theme="light"] .prototype-page .header-cta{background:#25312c;border-color:#25312c;color:#f5f6f2}
html[data-theme="light"] .prototype-page .proto-page-head h1,html[data-theme="light"] .prototype-page .proto-split-hero h1,html[data-theme="light"] .prototype-page .proto-case-hero h1,html[data-theme="light"] .prototype-page .proto-buy h1{color:#111619}
html[data-theme="light"] .prototype-page .proto-page-head h1 em,html[data-theme="light"] .prototype-page .proto-split-hero h1 em,html[data-theme="light"] .prototype-page .proto-request h1 em{color:#466d24}
html[data-theme="light"] .prototype-page .proto-button{color:#1a211e;background:rgba(255,255,255,.35)}
html[data-theme="light"] .prototype-page .proto-button.primary{background:#25312c;border-color:#25312c;color:#f5f6f2}
html[data-theme="light"] .prototype-page .proto-service-catalog article,html[data-theme="light"] .prototype-page .market-cart,html[data-theme="light"] .prototype-page .market-browse,html[data-theme="light"] .prototype-page .market-custom,html[data-theme="light"] .prototype-page .market-product,html[data-theme="light"] .prototype-page .request-metrics article,html[data-theme="light"] .prototype-page .proto-work-grid article,html[data-theme="light"] .prototype-page .proto-article-grid article,html[data-theme="light"] .prototype-page .proto-account-stats article,html[data-theme="light"] .prototype-page .support-topic-grid a{color:#111619}
html[data-theme="light"] .prototype-page .proto-workspace,html[data-theme="light"] .prototype-page .proto-account,html[data-theme="light"] .prototype-page .proto-request,html[data-theme="light"] .prototype-page .proto-auth,html[data-theme="light"] .prototype-page .proto-support{background:rgba(255,255,255,.25)}
html[data-theme="light"] .prototype-page .proto-workspace>aside,html[data-theme="light"] .prototype-page .proto-account>aside,html[data-theme="light"] .prototype-page .proto-request>aside,html[data-theme="light"] .prototype-page .proto-support>aside{background:#e0e5df}
html[data-theme="light"] .prototype-page input,html[data-theme="light"] .prototype-page textarea{color:#111619}
html[data-theme="light"] .prototype-page .proto-footer{background:#111619;color:#f3f5f1}
@media(max-width:900px){.proto-footer{grid-template-columns:1.3fr repeat(3,1fr);gap:25px}.proto-product-hero{padding-bottom:80px}.product-section-nav{top:70px}}
@media(max-width:620px){
  .prototype-page .site-header{height:64px}
  .mobile-theme{display:flex;align-items:center;gap:10px;width:100%;padding:16px 0;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;text-align:left}
  .proto-shell{width:calc(100% - 32px);padding-top:24px;padding-bottom:90px}
  .proto-crumb{margin-bottom:38px;overflow-x:auto;white-space:nowrap}
  .proto-page-head{padding-bottom:50px}
  .proto-page-head h1,.proto-split-hero h1,.proto-case-hero h1{font-size:clamp(42px,13vw,52px)}
  .proto-head-side{font-size:14px}
  .product-section-nav{top:64px;margin-right:-16px;margin-left:-16px;padding:14px 16px}
  .proto-service-catalog article{padding:22px}
  .proto-service-catalog h2{margin-top:38px;font-size:27px}
  .proto-service-path{margin-top:70px}
  .proto-account>aside,.proto-request>aside,.proto-support>aside{padding-right:22px;padding-left:22px}
  .proto-footer{grid-template-columns:1fr 1fr;gap:38px 24px;padding:48px 16px 24px}
  .proto-footer>div:first-child{grid-column:1/-1}
  .proto-footer nav:last-of-type{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .proto-footer nav:last-of-type>span{grid-column:1/-1}
  .proto-footer-bottom{flex-direction:column;gap:10px}
}

/* Final restrained skin: preserve old page shapes, tune only the shared visual language. */
.prototype-page .proto-shell{font-size:15px}
.prototype-page .proto-shell h1,.prototype-page .proto-shell h2,.prototype-page .proto-shell h3{font-weight:600}
.prototype-page .proto-shell h1{font-size:clamp(48px,6vw,82px)}
.prototype-page .proto-shell h2{font-size:clamp(24px,3vw,42px)}
.prototype-page .proto-shell h3{font-size:clamp(17px,2vw,27px)}
.prototype-page .proto-shell article,.prototype-page .proto-shell section,.prototype-page .proto-shell aside,.prototype-page .proto-shell form{border-radius:5px}
.prototype-page .proto-shell .proto-page-head,.prototype-page .proto-shell .proto-split-hero,.prototype-page .proto-shell .proto-case-hero{border-radius:0}
.prototype-page .proto-shell .proto-button{border-radius:4px;letter-spacing:.06em}
.prototype-page .proto-shell .proto-button:hover{transform:none}
.prototype-page .proto-shell .proto-status{border-radius:3px}
.prototype-page .proto-shell .market-product-image,.prototype-page .proto-shell .proto-product-art,.prototype-page .proto-shell .proto-study-art,.prototype-page .proto-shell .proto-product-stage,.prototype-page .proto-shell .proto-case-visual{border-radius:4px;overflow:hidden}
.prototype-page .proto-shell .market-product,.prototype-page .proto-shell .proto-service-catalog article,.prototype-page .proto-shell .proto-work-grid article,.prototype-page .proto-shell .request-metrics article,.prototype-page .proto-shell .proto-article-grid article,.prototype-page .proto-shell .support-topic-grid a{box-shadow:0 10px 28px rgba(0,0,0,.10)}
.prototype-page .proto-shell .market-product:hover,.prototype-page .proto-shell .proto-service-catalog article:hover,.prototype-page .proto-shell .proto-article-grid article:hover,.prototype-page .proto-shell .support-topic-grid a:hover{transform:none}
.prototype-page .proto-shell .proto-page-head h1 em,.prototype-page .proto-shell .proto-split-hero h1 em,.prototype-page .proto-shell .proto-case-hero h1 em,.prototype-page .proto-shell .proto-buy h1 em{color:var(--proto-accent)}
.prototype-page .proto-shell .proto-crumb a,.prototype-page .proto-shell .proto-store-nav a,.prototype-page .proto-shell .product-section-nav a{transition:color .2s ease}
.prototype-page .proto-shell input,.prototype-page .proto-shell textarea,.prototype-page .proto-shell select{border-radius:3px}
@media(max-width:620px){
  .prototype-page .proto-shell h1{font-size:clamp(40px,12vw,54px)}
  .prototype-page .proto-shell h2{font-size:clamp(22px,7vw,31px)}
  .prototype-page .proto-shell article,.prototype-page .proto-shell section,.prototype-page .proto-shell aside,.prototype-page .proto-shell form{border-radius:4px}
}

/* Upgrade 65 — homepage now uses the canonical production header. The hero
   occupies the viewport remaining below that in-flow sticky header. */
body.a2t-production-shell.a2t-home-page .hero {
  min-height: calc(100svh - var(--a2t-header-height));
}

body.a2t-production-shell.a2t-home-page .a2t-site-header {
  flex: none;
}

@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero {
    min-height: calc(100svh - var(--a2t-header-height));
  }
}

/* Upgrade 66 — homepage CTA is a gateway into the structured project request,
   not a second data-capture form. The canonical shared footer follows it. */
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta {
  padding: clamp(104px, 10vw, 150px) 0 !important;
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-layout {
  grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
  gap: clamp(72px, 9vw, 132px);
  align-items: end;
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-copy h2 {
  max-width: 610px;
  margin-bottom: 0;
  color: var(--ink);
  font-size: clamp(54px, 6vw, 86px);
  line-height: .96;
  text-wrap: balance;
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-panel {
  padding-top: 28px;
  border-top: 1px solid rgba(11,15,18,.38);
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-panel > p {
  max-width: 650px;
  margin: 0;
  color: #26392e;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.65;
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 26px;
  margin-top: 34px;
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-actions .button-dark {
  min-width: 222px;
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  color: #173c30;
  font: 500 9px/1.3 var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-secondary span {
  color: var(--ink);
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-secondary:hover,
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-secondary:focus-visible {
  color: var(--ink);
  outline: none;
  text-decoration: underline;
  text-underline-offset: 5px;
}
body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-meta {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  margin-top: 44px;
  padding-top: 18px;
  border-top: 1px solid rgba(11,15,18,.22);
  color: #35513e;
  font: 500 8px/1.5 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.a2t-production-shell.a2t-home-page .a2t-footer {
  border-top-color: rgba(200,243,79,.32) !important;
}
@media (max-width: 1000px) {
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-layout {
    grid-template-columns: 1fr;
    gap: 54px;
  }
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-panel {
    max-width: 760px;
  }
}
@media (max-width: 680px) {
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta {
    padding: 88px 0 !important;
  }
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-layout {
    gap: 42px;
  }
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-copy h2 {
    font-size: clamp(44px, 13vw, 62px);
  }
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-panel {
    padding-top: 22px;
  }
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin-top: 28px;
  }
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-actions .button-dark {
    width: 100%;
    min-width: 0;
  }
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
    margin-top: 34px;
  }
}


/* Upgrade 67 — light-surface contrast ownership.
   The shared production foundation now lets headings inherit from their
   nearest surface. These homepage sections explicitly declare their surface
   foreground/copy tokens so cream, paper and lime areas never inherit the
   dark-shell white/muted palette. */
body.a2t-production-shell.a2t-home-page .section-dark {
  --a2t-copy: #9ca6a1;
  --a2t-copy-soft: #77827d;
  color: #f4f5f0;
  color-scheme: dark;
}
body.a2t-production-shell.a2t-home-page .section-light,
body.a2t-production-shell.a2t-home-page .section-warm {
  --a2t-copy: #59635e;
  --a2t-copy-soft: #68726d;
  color: #111619;
  color-scheme: light;
}
body.a2t-production-shell.a2t-home-page .section-accent {
  --a2t-copy: #314334;
  --a2t-copy-soft: #45604e;
  color: #0b0f12;
  color-scheme: light;
}

/* Dark product demonstrations live inside the light Proof section and own
   their foreground locally rather than inheriting the paper surface. */
body.a2t-production-shell.a2t-home-page .product-copy,
body.a2t-production-shell.a2t-home-page .messenger-tile {
  --a2t-copy: #aeb9b4;
  --a2t-copy-soft: #7e8d87;
  color: #f4f5f0;
  color-scheme: dark;
}

/* Light-section reading contrast: secondary text remains subordinate without
   dropping below a practical desktop reading level. */
body.a2t-production-shell.a2t-home-page :is(.section-light, .section-warm) .section-heading > p,
body.a2t-production-shell.a2t-home-page .process-intro > p:not(.kicker),
body.a2t-production-shell.a2t-home-page .process-step p,
body.a2t-production-shell.a2t-home-page .principle-grid p,
body.a2t-production-shell.a2t-home-page .decision-table p {
  color: #59635e;
}
body.a2t-production-shell.a2t-home-page .process-intro > span,
body.a2t-production-shell.a2t-home-page .process-step div > b,
body.a2t-production-shell.a2t-home-page .decision-table .table-head,
body.a2t-production-shell.a2t-home-page .stack-strip > span {
  color: #59635e;
}
body.a2t-production-shell.a2t-home-page .process-step {
  opacity: .62;
}
body.a2t-production-shell.a2t-home-page .process-step.active {
  opacity: 1;
}

/* Small labels inside the light product proof surfaces were also too pale at
   their compact sizes. */
body.a2t-production-shell.a2t-home-page .surface-nav,
body.a2t-production-shell.a2t-home-page .surface-body aside,
body.a2t-production-shell.a2t-home-page .module-grid span,
body.a2t-production-shell.a2t-home-page .product-tile footer,
body.a2t-production-shell.a2t-home-page .chat-demo div {
  color: #59635e;
}

/* Upgrade 68 — true first-screen homepage hero fit.
   The shared header is in normal sticky flow, so desktop hero height is exactly
   the remaining visual viewport. Internal type/spacing responds to viewport
   height so the CTA and bottom cue cannot be pushed below the first screen. */
@media (min-width: 1001px) {
  body.a2t-production-shell.a2t-home-page .hero {
    height: auto;
    min-height: calc(100vh - var(--a2t-header-height));
    min-height: calc(100svh - var(--a2t-header-height));
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    width: min(1240px, calc(100% - 80px));
    height: auto;
    min-height: calc(100vh - var(--a2t-header-height));
    min-height: calc(100svh - var(--a2t-header-height));
    padding-top: clamp(64px, 7.8svh, 92px);
    padding-bottom: clamp(72px, 8.8svh, 98px);
    align-items: center;
    gap: clamp(84px, 8vw, 120px);
  }

  body.a2t-production-shell.a2t-home-page .hero-copy {
    align-self: center;
  }

  body.a2t-production-shell.a2t-home-page .hero .kicker {
    margin-bottom: clamp(14px, 2.1svh, 22px);
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    font-size: clamp(64px, min(7.25vw, 12.8svh), 116px);
    line-height: .91;
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    max-width: 650px;
    margin-top: clamp(24px, 3.4svh, 34px);
    font-size: clamp(16px, min(1.35vw, 2.2svh), 18px);
    line-height: 1.62;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions {
    margin-top: clamp(24px, 3.8svh, 36px);
  }

  body.a2t-production-shell.a2t-home-page .hero-system {
    top: auto;
    align-self: end;
    margin-bottom: clamp(12px, 2.4svh, 22px);
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom {
    bottom: clamp(18px, 2.5svh, 22px);
  }
}

/* Common laptop-height calibration: keep the stronger hero composition while
   trimming only excess breathing space on shorter desktop windows. */
@media (min-width: 1001px) and (max-height: 900px) {
  body.a2t-production-shell.a2t-home-page .hero-layout {
    padding-top: clamp(56px, 6.5svh, 76px);
    padding-bottom: clamp(64px, 7.8svh, 84px);
    gap: clamp(72px, 6vw, 96px);
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    font-size: clamp(60px, min(6.9vw, 12.1svh), 108px);
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    max-width: 620px;
    margin-top: clamp(20px, 2.8svh, 28px);
    line-height: 1.56;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions {
    margin-top: clamp(20px, 3svh, 30px);
  }
}

@media (min-width: 1001px) and (max-height: 780px) {
  body.a2t-production-shell.a2t-home-page .hero-layout {
    padding-top: 52px;
    padding-bottom: 66px;
    gap: 74px;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    font-size: clamp(56px, min(6.35vw, 11.2svh), 96px);
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.52;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions {
    margin-top: 22px;
  }

  body.a2t-production-shell.a2t-home-page .hero-system {
    margin-bottom: 8px;
  }
}

/* Very short desktop windows should remain usable rather than clipping. */
@media (min-width: 1001px) and (max-height: 680px) {
  body.a2t-production-shell.a2t-home-page .hero {
    height: auto;
    min-height: calc(100svh - var(--a2t-header-height));
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    min-height: calc(100svh - var(--a2t-header-height));
    padding-top: 42px;
    padding-bottom: 58px;
  }
}
@supports (height:100dvh){.hero{min-height:100dvh}.hero-layout{min-height:calc(100dvh - var(--home-header-height))}}@media (min-width:1024px) and (max-height:900px){.hero-layout{padding:104px 0 74px;gap:94px}.hero h1{font-size:clamp(62px,6.75vw,108px)}.hero-lead{margin-top:30px;font-size:17px;line-height:1.62}.hero-actions{margin-top:32px}.hero-system{margin-bottom:12px}.hero-bottom{bottom:18px}}@media (min-width:1024px) and (max-height:780px){.hero-layout{padding:96px 0 68px;gap:74px}.hero h1{font-size:clamp(56px,6.35vw,96px)}.hero-lead{max-width:620px;font-size:16px;line-height:1.58}.hero-actions{margin-top:26px;gap:24px}.hero-system{padding:16px 0;margin-bottom:6px}.system-flow article{padding:11px 0}.system-foot{padding-top:12px}.hero-bottom{bottom:14px}}
/* ========================================================================== 
   Upgrade 70 — canonical homepage hero positioning restore
   The approved composition was designed as a full-viewport stage behind the
   header. The shared production header remains canonical; only the homepage
   hero overlaps its flow so the original element coordinates are restored.
   ========================================================================== */
@media (min-width: 1001px) {
  body.a2t-production-shell.a2t-home-page .hero {
    height: 100vh;
    height: 100svh;
    min-height: 100vh;
    min-height: 100svh;
    margin-top: calc(-1 * var(--a2t-header-height));
    display: flex;
    align-items: center;
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    width: min(1240px, calc(100% - 80px));
    height: auto;
    min-height: 0;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .65fr);
    gap: 120px;
    align-items: center;
    padding: 118px 0 62px;
    z-index: auto;
  }

  body.a2t-production-shell.a2t-home-page .hero-copy {
    max-width: 850px;
    align-self: auto;
  }

  body.a2t-production-shell.a2t-home-page .hero .kicker {
    margin-bottom: 24px;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    max-width: 850px;
    font-size: clamp(64px, 7.4vw, 116px);
    line-height: .91;
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    max-width: 650px;
    margin-top: 35px;
    font-size: 18px;
    line-height: 1.65;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions {
    margin-top: 38px;
    gap: 28px;
  }

  body.a2t-production-shell.a2t-home-page .hero-system {
    position: absolute;
    z-index: 5;
    top: 68%;
    right: 1%;
    bottom: auto;
    width: 39%;
    max-width: 440px;
    margin-bottom: 0;
    transform: translateY(calc(-50% + var(--a2t-hero-aside-drop)));
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom {
    bottom: 24px;
  }
}

@supports (height: 100dvh) {
  @media (min-width: 1001px) {
    body.a2t-production-shell.a2t-home-page .hero {
      height: 100dvh;
      min-height: 100dvh;
    }
  }
}

/* Only genuinely short desktop windows compress. Normal laptop/desktop
   viewports retain the approved reference composition exactly. */
@media (min-width: 1001px) and (max-height: 820px) {
  body.a2t-production-shell.a2t-home-page .hero-layout {
    padding-top: 96px;
    padding-bottom: 52px;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    font-size: clamp(58px, 6.8vw, 104px);
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.55;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions {
    margin-top: 26px;
  }
}

@media (min-width: 1001px) and (max-height: 700px) {
  body.a2t-production-shell.a2t-home-page .hero {
    height: auto;
    min-height: calc(100svh - var(--a2t-header-height));
    margin-top: 0;
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    min-height: calc(100svh - var(--a2t-header-height));
    padding-top: 42px;
    padding-bottom: 58px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .button > span { transition: none !important; }
  .button:hover > span { transform: none !important; }
}
@media (prefers-reduced-motion:reduce){.button .a2t-motion-arrow{transition:none!important}.button:hover .a2t-motion-arrow{transform:none!important}}
/* Upgrade 74 — homepage technical rail follows the shared lower optical line. */
@media (min-width: 1024px) {
  body.a2t-production-shell.a2t-home-page .hero-system {
    transform: translateY(calc(-50% + var(--a2t-hero-aside-drop))) !important;
  }
}
@media (max-width: 1023px) {
  body.a2t-production-shell.a2t-home-page .hero-system { transform: none !important; }
}

/* ========================================================================== 
   Upgrade 88 — homepage small-device composition
   Desktop (>=1024px) remains the approved canonical composition. Phones and
   small tablets get an intentional editorial sequence instead of a compressed
   desktop grid. Shared shell/navigation behavior continues to come from the
   Upgrade 87 mobile foundation.
   ========================================================================== */
@media (max-width: 1023px) {
  body.a2t-production-shell.a2t-home-page .mountain-occlusion { display: none !important; }

  body.a2t-production-shell.a2t-home-page .shell {
    max-width: 760px;
  }

  body.a2t-production-shell.a2t-home-page .hero {
    height: auto;
    min-height: 0;
    margin-top: 0;
    overflow: hidden;
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    z-index: 3;
    width: min(760px, calc(100% - 48px));
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
    align-items: start;
    padding: 76px 0 36px;
  }

  body.a2t-production-shell.a2t-home-page .hero-copy {
    position: relative;
    z-index: 5;
    max-width: 760px;
  }

  body.a2t-production-shell.a2t-home-page .hero .kicker {
    margin-bottom: 18px;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    max-width: 11.6ch;
    margin: 0;
    font-size: clamp(58px, 9.1vw, 82px);
    line-height: .93;
    text-wrap: balance;
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    max-width: 650px;
    margin-top: 26px;
    color: #aeb7b3;
    font-size: 17px;
    line-height: 1.62;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions {
    gap: 18px;
    margin-top: 28px;
  }

  /* The delivery model remains visible on touch devices. Old prototype rules
     hid it below 1000px, which removed useful hero information on phones. */
  body.a2t-production-shell.a2t-home-page .hero-system {
    position: relative !important;
    z-index: 5;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 100%;
    max-width: 620px;
    margin: 4px 0 0;
    padding: 18px 0 0;
    border-top-color: rgba(200,243,79,.5);
    border-bottom: 0;
    background: transparent;
    opacity: 1;
    transform: none !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-system > p {
    margin-bottom: 7px;
    color: #87928e;
    font-size: 8px;
  }

  body.a2t-production-shell.a2t-home-page .system-flow article {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 11px;
    min-height: 57px;
    padding: 10px 0;
  }

  body.a2t-production-shell.a2t-home-page .system-flow strong {
    font-size: 14px;
    line-height: 1.35;
  }

  body.a2t-production-shell.a2t-home-page .system-flow > i {
    height: 10px;
    margin-left: 16px;
  }

  body.a2t-production-shell.a2t-home-page .system-foot {
    gap: 6px;
    padding-top: 12px;
  }

  body.a2t-production-shell.a2t-home-page .system-foot span {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 5px 8px;
    color: #939e99;
    font-size: 7px;
  }

  /* Moon and terrain become a quiet atmospheric layer rather than a huge
     second grid row, keeping the first phone screen useful and readable. */
  body.a2t-production-shell.a2t-home-page .hero-moon {
    position: absolute;
    z-index: 2;
    top: clamp(250px, 38%, 390px);
    right: -72px;
    width: 300px;
    height: 300px;
    min-width: 0;
    min-height: 0;
    margin: 0;
    opacity: .48;
    pointer-events: none;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    width: 126%;
    height: 126%;
    opacity: .78;
  }

  body.a2t-production-shell.a2t-home-page .moon-orbit,
  body.a2t-production-shell.a2t-home-page .moon-stars {
    opacity: .42;
  }

  body.a2t-production-shell.a2t-home-page .hero-landscape {
    display: block;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    inset: auto -24% -3%;
    width: 150%;
    height: 52%;
    object-fit: cover;
    object-position: 51% 68%;
    clip-path: none;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.22) 18%, #000 52%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.22) 18%, #000 52%, #000 100%);
    filter: grayscale(.88) saturate(.18) brightness(.47) contrast(1.12);
    opacity: .6;
    mix-blend-mode: normal;
    transform: none;
  }

  body.a2t-production-shell.a2t-home-page .hero-landscape::after {
    background:
      linear-gradient(180deg, rgba(11,15,18,.98) 0%, rgba(11,15,18,.9) 42%, rgba(11,15,18,.52) 68%, rgba(11,15,18,.42) 100%),
      linear-gradient(90deg, rgba(11,15,18,.86), rgba(11,15,18,.35));
  }

  body.a2t-production-shell.a2t-home-page .hero-wash {
    z-index: 2;
    background:
      linear-gradient(90deg, rgba(11,15,18,.98) 0%, rgba(11,15,18,.86) 66%, rgba(11,15,18,.55) 100%),
      linear-gradient(0deg, rgba(11,15,18,.62), transparent 46%);
  }

  body.a2t-production-shell.a2t-home-page .hero-canvas {
    opacity: .34;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom {
    position: relative;
    z-index: 5;
    right: auto;
    bottom: auto;
    left: auto;
    width: min(760px, calc(100% - 48px));
    margin: 0 auto;
    padding: 16px 0 22px;
    border-top: 1px solid rgba(255,255,255,.1);
    transform: none;
  }

  body.a2t-production-shell.a2t-home-page :is(.proof,.services,.process,.decisions,.benefits,.contact) {
    padding: 112px 0;
  }

  body.a2t-production-shell.a2t-home-page .section-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    margin-bottom: 54px;
  }

  body.a2t-production-shell.a2t-home-page .section-heading h2 {
    max-width: 760px;
    font-size: clamp(46px, 7.5vw, 64px);
    line-height: .98;
  }

  body.a2t-production-shell.a2t-home-page .section-heading > p {
    max-width: 620px;
    font-size: 16px;
    line-height: 1.65;
  }

  /* Product Proof */
  body.a2t-production-shell.a2t-home-page .featured-product {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  body.a2t-production-shell.a2t-home-page .product-copy {
    min-height: 0;
    padding: 44px 36px;
  }

  body.a2t-production-shell.a2t-home-page .product-copy h3 {
    max-width: 12ch;
    margin: 44px 0 18px;
    font-size: 40px;
  }

  body.a2t-production-shell.a2t-home-page .notes-surface {
    margin: 28px;
    box-shadow: 14px 18px 38px rgba(25,50,36,.14);
  }

  body.a2t-production-shell.a2t-home-page .surface-body {
    grid-template-columns: 100px minmax(0, 1fr);
    min-height: 410px;
  }

  body.a2t-production-shell.a2t-home-page .surface-body main {
    min-width: 0;
    padding: 36px 28px;
  }

  body.a2t-production-shell.a2t-home-page .surface-body h4 {
    margin: 20px 0 38px;
    font-size: 31px;
  }

  body.a2t-production-shell.a2t-home-page .product-pair {
    gap: 14px;
  }

  /* Services */
  body.a2t-production-shell.a2t-home-page .service-row:hover,
  body.a2t-production-shell.a2t-home-page .service-row:focus,
  body.a2t-production-shell.a2t-home-page .service-row.active {
    padding-left: 0;
  }

  body.a2t-production-shell.a2t-home-page .service-preview {
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 14px 22px;
    margin-top: 42px;
    padding-top: 22px;
  }

  body.a2t-production-shell.a2t-home-page .service-preview p,
  body.a2t-production-shell.a2t-home-page .service-preview small {
    grid-column: 2;
  }

  body.a2t-production-shell.a2t-home-page .service-preview strong {
    font-size: 18px;
  }

  /* Process becomes one readable editorial sequence. */
  body.a2t-production-shell.a2t-home-page .process-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }

  body.a2t-production-shell.a2t-home-page .process-intro {
    position: static;
    max-width: 660px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--line);
  }

  body.a2t-production-shell.a2t-home-page .process-intro h2 {
    max-width: 11ch;
    font-size: clamp(44px, 7.2vw, 62px);
  }

  body.a2t-production-shell.a2t-home-page .process-intro > p:not(.kicker) {
    max-width: 580px;
    font-size: 16px;
    line-height: 1.65;
  }

  body.a2t-production-shell.a2t-home-page .process-progress {
    margin-top: 34px;
  }

  body.a2t-production-shell.a2t-home-page .process-step {
    min-height: 0;
    opacity: .78;
  }

  body.a2t-production-shell.a2t-home-page .process-step.active {
    padding-left: 20px;
    opacity: 1;
  }

  /* Benefits + final CTA already stack at this width; tune the reading width. */
  body.a2t-production-shell.a2t-home-page .benefit-layout,
  body.a2t-production-shell.a2t-home-page .contact-layout,
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body.a2t-production-shell.a2t-home-page .benefit-layout {
    gap: 56px;
  }

  body.a2t-production-shell.a2t-home-page .benefit-copy {
    max-width: 650px;
  }

  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-layout {
    gap: 48px;
  }
}

@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .shell,
  body.a2t-production-shell.a2t-home-page .hero-layout,
  body.a2t-production-shell.a2t-home-page .hero-bottom {
    width: calc(100% - (2 * var(--a2t-gutter)));
    max-width: none;
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    gap: 30px;
    padding: 52px 0 28px;
  }

  body.a2t-production-shell.a2t-home-page .hero .kicker {
    margin-bottom: 16px;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    max-width: 10.8ch;
    font-size: clamp(48px, 13.5vw, 66px);
    line-height: .94;
    letter-spacing: -.065em;
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    max-width: 34rem;
    margin-top: 22px;
    font-size: 16px;
    line-height: 1.6;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions .button-primary {
    width: 100%;
    min-height: 52px;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions .button-quiet {
    width: max-content;
    min-height: 44px;
    padding-right: 6px;
  }

  body.a2t-production-shell.a2t-home-page .hero-system {
    max-width: none;
    margin-top: 2px;
    padding-top: 16px;
  }

  body.a2t-production-shell.a2t-home-page .system-flow article {
    min-height: 54px;
    padding: 9px 0;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    top: 320px;
    right: -68px;
    width: 238px;
    height: 238px;
    opacity: .38;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    right: -34%;
    width: 170%;
    height: 43%;
    object-position: 50% 72%;
    opacity: .52;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 58px;
    padding: 14px 0 20px;
    font-size: 7px;
    line-height: 1.5;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom span {
    max-width: 64%;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom a {
    margin-left: auto;
    white-space: nowrap;
  }

  body.a2t-production-shell.a2t-home-page :is(.proof,.services,.process,.decisions,.benefits,.contact) {
    padding: 86px 0;
  }

  body.a2t-production-shell.a2t-home-page .section-heading {
    gap: 18px;
    margin-bottom: 42px;
  }

  body.a2t-production-shell.a2t-home-page .section-heading .kicker {
    margin-bottom: 18px;
  }

  body.a2t-production-shell.a2t-home-page .section-heading h2 {
    max-width: 12ch;
    font-size: clamp(39px, 11.2vw, 52px);
  }

  body.a2t-production-shell.a2t-home-page .section-heading > p {
    font-size: 15px;
    line-height: 1.65;
  }

  /* Product Proof phone composition */
  body.a2t-production-shell.a2t-home-page .product-copy {
    padding: 32px 22px 34px;
  }

  body.a2t-production-shell.a2t-home-page .product-copy h3 {
    margin: 34px 0 16px;
    font-size: clamp(31px, 9.4vw, 39px);
  }

  body.a2t-production-shell.a2t-home-page .product-copy > p:not(.product-number) {
    font-size: 14px;
    line-height: 1.65;
  }

  body.a2t-production-shell.a2t-home-page .tag-list {
    gap: 6px;
    margin: 22px 0 30px;
  }

  body.a2t-production-shell.a2t-home-page .tag-list li {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
  }

  body.a2t-production-shell.a2t-home-page .notes-surface {
    margin: 0;
    box-shadow: none;
  }

  body.a2t-production-shell.a2t-home-page .surface-nav {
    min-height: 48px;
    height: auto;
    gap: 12px;
    padding: 10px 12px;
  }

  body.a2t-production-shell.a2t-home-page .surface-nav b {
    min-width: 0;
    white-space: nowrap;
  }

  body.a2t-production-shell.a2t-home-page .surface-nav > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.a2t-production-shell.a2t-home-page .surface-body {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  body.a2t-production-shell.a2t-home-page .surface-body aside {
    display: none;
  }

  body.a2t-production-shell.a2t-home-page .surface-body main {
    padding: 28px 18px 22px;
  }

  body.a2t-production-shell.a2t-home-page .surface-body h4 {
    margin: 18px 0 28px;
    font-size: clamp(25px, 7.8vw, 31px);
  }

  body.a2t-production-shell.a2t-home-page .module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.a2t-production-shell.a2t-home-page .module-grid article {
    min-height: 98px;
    padding: 14px 12px;
  }

  body.a2t-production-shell.a2t-home-page .module-grid b {
    margin-top: 15px;
    font-size: 11px;
    line-height: 1.35;
  }

  body.a2t-production-shell.a2t-home-page .product-pair {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 12px;
  }

  body.a2t-production-shell.a2t-home-page .product-tile {
    min-height: 310px;
    padding: 22px 18px;
  }

  body.a2t-production-shell.a2t-home-page .chat-demo {
    margin: 34px auto 26px;
  }

  body.a2t-production-shell.a2t-home-page .message-demo {
    width: 100%;
    gap: 18px;
  }

  body.a2t-production-shell.a2t-home-page .message-demo > i {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    font-size: 24px;
  }

  body.a2t-production-shell.a2t-home-page .message-demo strong {
    max-width: none;
    font-size: 20px;
  }

  /* Services are always legible without hover. */
  body.a2t-production-shell.a2t-home-page .service-row {
    grid-template-columns: 34px minmax(0, 1fr) 24px;
    gap: 10px 12px;
    min-height: 0;
    padding: 22px 0;
    color: #a6b0ac;
    background: transparent;
  }

  body.a2t-production-shell.a2t-home-page .service-row h3 {
    font-size: clamp(23px, 7vw, 29px);
    line-height: 1.08;
  }

  body.a2t-production-shell.a2t-home-page .service-row p {
    grid-column: 2 / 4;
    margin: 0;
    color: #929e99;
    font-size: 13px;
    line-height: 1.55;
  }

  body.a2t-production-shell.a2t-home-page .service-row > i {
    align-self: start;
    margin-top: 2px;
    color: var(--accent);
    opacity: .68;
    transform: none;
  }

  body.a2t-production-shell.a2t-home-page .service-row.active {
    color: #d8dfdc;
    background: linear-gradient(90deg, rgba(200,243,79,.045), transparent 72%);
  }

  body.a2t-production-shell.a2t-home-page .service-preview {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 28px;
    padding: 20px 0 0;
  }

  body.a2t-production-shell.a2t-home-page .service-preview :is(p,small) {
    grid-column: auto;
  }

  body.a2t-production-shell.a2t-home-page .preview-label {
    margin-bottom: 5px;
  }

  body.a2t-production-shell.a2t-home-page .service-preview strong {
    font-size: 18px;
  }

  body.a2t-production-shell.a2t-home-page .service-preview p {
    color: #a0aaa6;
    font-size: 13px;
    line-height: 1.6;
  }

  /* Process */
  body.a2t-production-shell.a2t-home-page .process-layout {
    gap: 38px;
  }

  body.a2t-production-shell.a2t-home-page .process-intro h2 {
    max-width: 12ch;
    font-size: clamp(38px, 10.8vw, 50px);
  }

  body.a2t-production-shell.a2t-home-page .process-progress {
    margin-top: 28px;
  }

  body.a2t-production-shell.a2t-home-page .process-step,
  body.a2t-production-shell.a2t-home-page .process-step.active {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 14px;
    min-height: 0;
    padding: 28px 0;
  }

  body.a2t-production-shell.a2t-home-page .process-step {
    opacity: .78;
  }

  body.a2t-production-shell.a2t-home-page .process-step.active {
    opacity: 1;
    box-shadow: inset 2px 0 0 var(--green);
  }

  body.a2t-production-shell.a2t-home-page .process-step > span {
    padding-left: 8px;
  }

  body.a2t-production-shell.a2t-home-page .process-step h3 {
    margin: 13px 0 12px;
    font-size: clamp(24px, 7.2vw, 30px);
    line-height: 1.08;
  }

  body.a2t-production-shell.a2t-home-page .process-step p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.62;
  }

  /* Engineering judgement: cards stack, while table rows keep their semantic
     labels through data attributes instead of becoming unlabeled text blocks. */
  body.a2t-production-shell.a2t-home-page .principle-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.a2t-production-shell.a2t-home-page .principle-grid article {
    min-height: 0;
    padding: 28px 4px 30px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  body.a2t-production-shell.a2t-home-page .principle-grid article:last-child {
    border-bottom: 0;
  }

  body.a2t-production-shell.a2t-home-page .principle-grid h3 {
    margin: 26px 0 12px;
    font-size: 25px;
  }

  body.a2t-production-shell.a2t-home-page .principle-grid p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.62;
  }

  body.a2t-production-shell.a2t-home-page .decision-table {
    margin-top: 48px;
  }

  body.a2t-production-shell.a2t-home-page .decision-table .table-head {
    display: none;
  }

  body.a2t-production-shell.a2t-home-page .decision-table > div:not(.table-head) {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
    padding: 23px 2px;
  }

  body.a2t-production-shell.a2t-home-page .decision-table > div:not(.table-head) > * {
    display: block;
    min-width: 0;
  }

  body.a2t-production-shell.a2t-home-page .decision-table > div:not(.table-head) > *::before {
    content: attr(data-mobile-label);
    display: block;
    margin-bottom: 5px;
    color: #68736d;
    font: 500 7px/1.4 var(--mono);
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  body.a2t-production-shell.a2t-home-page .decision-table b {
    font-size: 15px;
    line-height: 1.4;
  }

  body.a2t-production-shell.a2t-home-page .decision-table span {
    font-size: 10px;
    line-height: 1.45;
  }

  body.a2t-production-shell.a2t-home-page .decision-table p {
    font-size: 13px;
    line-height: 1.58;
  }

  body.a2t-production-shell.a2t-home-page .stack-strip {
    gap: 7px;
    margin-top: 38px;
  }

  body.a2t-production-shell.a2t-home-page .stack-strip span {
    flex: 0 0 100%;
    margin: 0 0 3px;
  }

  body.a2t-production-shell.a2t-home-page .stack-strip b {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
  }

  /* Continuity */
  body.a2t-production-shell.a2t-home-page .benefit-layout {
    gap: 46px;
  }

  body.a2t-production-shell.a2t-home-page .benefit-copy h2 {
    font-size: clamp(39px, 11vw, 51px);
  }

  body.a2t-production-shell.a2t-home-page .benefit-copy > p:not(.kicker) {
    font-size: 15px;
    line-height: 1.65;
  }

  body.a2t-production-shell.a2t-home-page .benefit-terms article {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 17px;
    padding: 24px 0;
  }

  body.a2t-production-shell.a2t-home-page .benefit-terms article > span {
    font-size: 29px;
  }

  body.a2t-production-shell.a2t-home-page .benefit-terms h3 {
    font-size: 22px;
  }

  body.a2t-production-shell.a2t-home-page .benefit-terms p {
    font-size: 13px;
    line-height: 1.55;
  }

  body.a2t-production-shell.a2t-home-page .terms-note {
    font-size: 8px;
    line-height: 1.65;
  }

  /* Final project CTA */
  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta {
    padding: 82px 0 !important;
  }

  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-layout {
    gap: 36px;
  }

  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-copy h2 {
    max-width: 10ch;
    font-size: clamp(41px, 12.3vw, 56px);
    line-height: .98;
  }

  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-panel {
    max-width: none;
    padding-top: 20px;
  }

  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-panel > p {
    font-size: 16px;
    line-height: 1.62;
  }

  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-actions {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    margin-top: 26px;
  }

  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-actions .button-dark {
    width: 100%;
    min-width: 0;
    min-height: 52px;
  }

  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-secondary {
    min-height: 44px;
    width: max-content;
    padding: 0;
  }

  body.a2t-production-shell.a2t-home-page .a2t-home-project-cta-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    margin-top: 30px;
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .hero-layout {
    padding-top: 44px;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    max-width: 10.4ch;
    font-size: clamp(46px, 13.2vw, 57px);
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    margin-top: 20px;
    font-size: 15px;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    top: 314px;
    right: -58px;
    width: 205px;
    height: 205px;
    opacity: .34;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    right: -44%;
    width: 190%;
    height: 40%;
  }

  body.a2t-production-shell.a2t-home-page .system-flow strong {
    font-size: 13px;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom span {
    max-width: 60%;
  }

  body.a2t-production-shell.a2t-home-page :is(.proof,.services,.process,.decisions,.benefits,.contact) {
    padding: 76px 0;
  }

  body.a2t-production-shell.a2t-home-page .section-heading h2 {
    font-size: clamp(37px, 10.8vw, 46px);
  }

  body.a2t-production-shell.a2t-home-page .product-tile {
    min-height: 285px;
  }

  body.a2t-production-shell.a2t-home-page .message-demo {
    align-items: flex-start;
  }

  body.a2t-production-shell.a2t-home-page .message-demo > i {
    flex-basis: 60px;
    width: 60px;
    height: 60px;
    font-size: 20px;
  }

  body.a2t-production-shell.a2t-home-page .message-demo strong {
    font-size: 18px;
  }

  body.a2t-production-shell.a2t-home-page .service-row {
    grid-template-columns: 28px minmax(0, 1fr) 20px;
    gap: 9px 10px;
  }

  body.a2t-production-shell.a2t-home-page .service-row h3 {
    font-size: 23px;
  }

  body.a2t-production-shell.a2t-home-page .process-step,
  body.a2t-production-shell.a2t-home-page .process-step.active {
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 11px;
  }

  body.a2t-production-shell.a2t-home-page .benefit-terms article {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
  }

  body.a2t-production-shell.a2t-home-page .benefit-terms article > span {
    font-size: 26px;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .hero h1 {
    font-size: 43px;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    right: -62px;
    width: 185px;
    height: 185px;
  }

  body.a2t-production-shell.a2t-home-page .module-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.a2t-production-shell.a2t-home-page .module-grid article {
    min-height: 82px;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom span {
    display: none;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom a {
    margin-left: 0;
  }
}

@media (hover: none) and (pointer: coarse) and (max-width: 1023px) {
  body.a2t-production-shell.a2t-home-page .service-row:hover {
    padding-left: 0;
  }

  body.a2t-production-shell.a2t-home-page .service-row > i {
    opacity: .72;
    transform: none;
  }
}

/* ========================================================================== 
   Upgrade 96 — phone hero correction
   Keep the approved desktop/tablet hero system untouched. On phones the
   delivery rail is intentionally removed and the hero becomes one clean
   editorial column so the first screen does not feel like a stacked desktop
   composition.
   ========================================================================== */
@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero {
    min-height: 0;
    height: auto;
    isolation: isolate;
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    display: block;
    width: calc(100% - (2 * var(--a2t-gutter)));
    min-height: 0;
    padding: clamp(38px, 7.5vh, 54px) 0 18px;
  }

  /* The desktop right-side delivery rail is not part of the phone hero. */
  body.a2t-production-shell.a2t-home-page .hero-system {
    display: none !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-copy {
    width: 100%;
    max-width: 34rem;
  }

  body.a2t-production-shell.a2t-home-page .hero .kicker {
    max-width: 28ch;
    margin-bottom: 17px;
    font-size: 8px;
    line-height: 1.45;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    width: 100%;
    max-width: 11.4ch;
    font-size: clamp(44px, 11.5vw, 62px);
    line-height: .94;
    letter-spacing: -.065em;
    text-wrap: balance;
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    max-width: 32ch;
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.58;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions {
    width: 100%;
    max-width: 34rem;
    margin-top: 24px;
    gap: 6px;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions .button-primary {
    width: 100% !important;
    min-height: 52px;
    padding-inline: 18px;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions .button-quiet {
    width: max-content;
    min-height: 44px;
    margin-top: 1px;
  }

  /* Remove the other desktop-side focal object as well. The landscape stays
     as the single quiet visual layer behind the phone composition. */
  body.a2t-production-shell.a2t-home-page .hero-moon {
    display: none !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-canvas {
    opacity: .22;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    inset: auto -47% -1%;
    width: 205%;
    height: 38%;
    object-position: 50% 73%;
    opacity: .42;
    filter: grayscale(.92) saturate(.14) brightness(.43) contrast(1.12);
  }

  body.a2t-production-shell.a2t-home-page .hero-landscape::after {
    background:
      linear-gradient(180deg, rgba(11,15,18,.98) 0%, rgba(11,15,18,.92) 33%, rgba(11,15,18,.66) 66%, rgba(11,15,18,.48) 100%),
      linear-gradient(90deg, rgba(11,15,18,.9), rgba(11,15,18,.38));
  }

  body.a2t-production-shell.a2t-home-page .hero-wash {
    background:
      linear-gradient(90deg, rgba(11,15,18,.98) 0%, rgba(11,15,18,.9) 72%, rgba(11,15,18,.7) 100%),
      linear-gradient(0deg, rgba(11,15,18,.68), transparent 48%);
  }

  /* Phone ending is a single, quiet continuation cue rather than the desktop
     two-sided footer rail. */
  body.a2t-production-shell.a2t-home-page .hero-bottom {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: flex-start;
    min-height: 48px;
    width: calc(100% - (2 * var(--a2t-gutter)));
    margin: 0 auto;
    padding: 12px 0 18px;
    border-top: 1px solid rgba(200,243,79,.32);
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom span {
    display: none;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #b7bfbc;
    font-size: 8px;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom i {
    margin-left: 0;
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .hero-layout {
    padding-top: 38px;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    max-width: 100%;
    font-size: clamp(42px, 13.1vw, 50px);
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    max-width: 30ch;
    margin-top: 19px;
    font-size: 15px;
    line-height: 1.55;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions {
    margin-top: 21px;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    inset: auto -54% -1%;
    width: 220%;
    height: 34%;
    opacity: .36;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .hero-layout {
    padding-top: 34px;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    max-width: 100%;
    font-size: 42px;
    line-height: .95;
  }

  body.a2t-production-shell.a2t-home-page .hero-lead {
    max-width: 29ch;
    font-size: 14.5px;
  }

  body.a2t-production-shell.a2t-home-page .hero-actions .button-primary {
    min-height: 50px;
  }
}

/* Upgrade 96 structural correction: once hero-bottom enters normal flow on
   non-desktop widths, the hero itself must stop being a horizontal flex row. */
@media (max-width: 1023px) {
  body.a2t-production-shell.a2t-home-page .hero {
    display: block;
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    margin-inline: auto;
  }
}

/* Upgrade 97: the homepage hero secondary action is a true Products CTA.
   Keep it visually secondary to Start a project, but make the action boundary
   and destination clear instead of presenting it as a loose text fragment. */
body.a2t-production-shell.a2t-home-page .hero-actions .hero-product-cta {
  min-width: 210px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .025);
  color: #e4e9e6;
}

body.a2t-production-shell.a2t-home-page .hero-actions .hero-product-cta .a2t-motion-arrow {
  color: var(--accent);
}

body.a2t-production-shell.a2t-home-page .hero-actions .hero-product-cta:hover,
body.a2t-production-shell.a2t-home-page .hero-actions .hero-product-cta:focus-visible {
  border-color: rgba(200, 243, 79, .7);
  background: rgba(200, 243, 79, .055);
  color: #fff;
}

@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero-actions .hero-product-cta {
    width: 100%;
    min-height: 50px;
    margin-top: 0;
    padding-inline: 18px;
  }
}

/* ==========================================================================
   Upgrade 102 — restore the complete homepage hero rail on phones
   The phone hero keeps the approved readable copy/CTA stack, but the original
   right-side visual story (Crescentsphere + connected delivery model) returns
   below it. The hero also owns at least the remaining visual viewport so the
   light proof section cannot enter the initial 100% viewport.
   ========================================================================== */
@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero {
    height: auto;
    min-height: calc(100vh - var(--a2t-header-height));
    min-height: calc(100svh - var(--a2t-header-height));
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "copy"
      "moon"
      "system";
    gap: 0;
    min-height: 0;
    padding-bottom: 12px;
  }

  body.a2t-production-shell.a2t-home-page .hero-copy {
    grid-area: copy;
  }

  /* Restore the full visual focal point instead of suppressing it on phones. */
  body.a2t-production-shell.a2t-home-page .hero-moon {
    grid-area: moon;
    display: grid !important;
    position: relative !important;
    inset: auto !important;
    justify-self: center;
    width: min(78vw, 285px);
    height: min(78vw, 285px);
    min-width: 0;
    min-height: 0;
    margin: 0 auto -24px;
    opacity: .72;
    pointer-events: none;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    width: 128%;
    height: 128%;
    opacity: .9;
  }

  body.a2t-production-shell.a2t-home-page .moon-halo {
    opacity: .62;
  }

  body.a2t-production-shell.a2t-home-page .moon-orbit {
    opacity: .22;
  }

  body.a2t-production-shell.a2t-home-page .moon-stars {
    opacity: .5;
  }

  /* Restore every delivery-model row and technology badge as the second half
     of the mobile hero, matching the information available on desktop. */
  body.a2t-production-shell.a2t-home-page .hero-system {
    grid-area: system;
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 17px 0 4px;
    border-top: 1px solid rgba(200, 243, 79, .48);
    border-bottom: 0;
    background: transparent;
    opacity: 1;
    transform: none !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-system > p {
    margin: 0 0 6px;
    color: #87928e;
    font-size: 8px;
    line-height: 1.45;
  }

  body.a2t-production-shell.a2t-home-page .system-flow article {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    min-height: 48px;
    padding: 8px 0;
  }

  body.a2t-production-shell.a2t-home-page .system-flow article > span {
    font-size: 7px;
  }

  body.a2t-production-shell.a2t-home-page .system-flow small {
    font-size: 6.5px;
  }

  body.a2t-production-shell.a2t-home-page .system-flow strong {
    font-size: 13px;
    line-height: 1.3;
  }

  body.a2t-production-shell.a2t-home-page .system-flow > i {
    height: 8px;
    margin-left: 14px;
  }

  body.a2t-production-shell.a2t-home-page .system-foot {
    gap: 5px;
    padding-top: 10px;
  }

  body.a2t-production-shell.a2t-home-page .system-foot span {
    min-height: 25px;
    padding: 4px 7px;
    font-size: 6.5px;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom {
    margin-top: 0;
  }
}

@supports (height: 100dvh) {
  @media (max-width: 760px) {
    body.a2t-production-shell.a2t-home-page .hero {
      min-height: calc(100dvh - var(--a2t-header-height));
    }
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .hero-moon {
    width: min(76vw, 245px);
    height: min(76vw, 245px);
    margin-top: 2px;
    margin-bottom: -20px;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .hero-moon {
    width: 220px;
    height: 220px;
    margin-bottom: -18px;
  }

  body.a2t-production-shell.a2t-home-page .system-flow article {
    min-height: 45px;
    padding-block: 7px;
  }
}


/* ========================================================================== 
   Upgrade 103 — mobile hero background composition refinement
   Phones should show the branded night-scene as part of the hero itself:
   moon in the upper-right area, date tree in the lower-left area, and a clean
   readable copy column in front. This override intentionally replaces the
   stacked mobile moon/rail treatment introduced in Upgrade 102.
   ========================================================================== */
@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero {
    position: relative;
    min-height: calc(100svh - var(--a2t-header-height));
    min-height: calc(100dvh - var(--a2t-header-height));
    height: auto;
    isolation: isolate;
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    display: block;
    width: calc(100% - (2 * var(--a2t-gutter)));
    min-height: 0;
    padding: clamp(38px, 7.2vh, 54px) 0 14px;
  }

  body.a2t-production-shell.a2t-home-page .hero-copy {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 34rem;
  }

  /* Keep the hero focused. The homepage still fills the mobile viewport, but
     the desktop delivery rail does not become a stacked secondary block. */
  body.a2t-production-shell.a2t-home-page .hero-system {
    display: none !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-landscape {
    display: block !important;
    inset: 0;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    inset: 0;
    width: 168%;
    height: 100%;
    left: -26%;
    bottom: 0;
    object-fit: cover;
    object-position: left bottom;
    clip-path: none;
    -webkit-mask-image: none;
    mask-image: none;
    filter: grayscale(.92) saturate(.12) brightness(.44) contrast(1.16);
    opacity: .72;
    mix-blend-mode: normal;
    transform: none;
  }

  body.a2t-production-shell.a2t-home-page .hero-landscape::after {
    background:
      linear-gradient(180deg, rgba(11,15,18,.92) 0%, rgba(11,15,18,.82) 34%, rgba(11,15,18,.58) 62%, rgba(11,15,18,.72) 100%),
      linear-gradient(90deg, rgba(11,15,18,.92) 0%, rgba(11,15,18,.78) 44%, rgba(11,15,18,.34) 72%, rgba(11,15,18,.5) 100%);
  }

  body.a2t-production-shell.a2t-home-page .hero-wash {
    z-index: 2;
    background:
      radial-gradient(circle at 83% 18%, rgba(196, 221, 255, .12), rgba(11,15,18,0) 16%),
      linear-gradient(90deg, rgba(11,15,18,.96) 0%, rgba(11,15,18,.88) 60%, rgba(11,15,18,.56) 100%),
      linear-gradient(0deg, rgba(11,15,18,.56), transparent 47%);
  }

  body.a2t-production-shell.a2t-home-page .hero-canvas {
    opacity: .24;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    display: grid !important;
    position: absolute !important;
    z-index: 3;
    top: clamp(78px, 11svh, 124px);
    right: clamp(-14px, -2vw, 6px);
    inset-inline-start: auto;
    inset-inline-end: clamp(-14px, -2vw, 6px);
    width: min(48vw, 172px);
    height: min(48vw, 172px);
    min-width: 0;
    min-height: 0;
    margin: 0;
    opacity: .54;
    pointer-events: none;
    justify-self: auto;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    width: 122%;
    height: 122%;
    opacity: .84;
  }

  body.a2t-production-shell.a2t-home-page .moon-halo {
    inset: -10%;
    opacity: .46;
    filter: blur(28px);
  }

  body.a2t-production-shell.a2t-home-page .moon-orbit {
    opacity: .24;
  }

  body.a2t-production-shell.a2t-home-page .moon-stars {
    opacity: .34;
  }

  body.a2t-production-shell.a2t-home-page .moon-label,
  body.a2t-production-shell.a2t-home-page .hero-moon .moon-signal {
    display: none;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: flex-start;
    min-height: 48px;
    width: calc(100% - (2 * var(--a2t-gutter)));
    margin: 0 auto;
    padding: 8px 0 18px;
    border-top: 1px solid rgba(200,243,79,.32);
    transform: none;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom span {
    display: none;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom a {
    margin-left: 0;
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .hero h1 {
    max-width: 10.6ch;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    top: 92px;
    right: -16px;
    inset-inline-end: -16px;
    width: min(46vw, 152px);
    height: min(46vw, 152px);
    opacity: .5;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    width: 186%;
    left: -38%;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .hero-moon {
    top: 86px;
    right: -14px;
    inset-inline-end: -14px;
    width: 136px;
    height: 136px;
    opacity: .48;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    width: 198%;
    left: -46%;
  }
}


/* ========================================================================== 
   Upgrade 104 — mobile hero composition correction
   Preserve Upgrade 102's complete delivery rail while making the moon and
   desert artwork true background/focal layers on phones. Critical geometry
   uses !important where Upgrade 102's inset shorthand previously won the
   cascade and forced the moon back into normal flow.
   ========================================================================== */
@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero {
    min-height: calc(100svh - var(--a2t-header-height));
    height: auto;
    isolation: isolate;
  }

  body.a2t-production-shell.a2t-home-page .hero-layout {
    display: block;
    width: calc(100% - (2 * var(--a2t-gutter)));
    min-height: 0;
    padding: clamp(38px, 7.2vh, 54px) 0 14px;
  }

  body.a2t-production-shell.a2t-home-page .hero-copy {
    position: relative;
    z-index: 6;
  }

  /* Keep the complete desktop-side delivery story available on mobile. It
     follows the CTA stack in normal flow while the moon stays atmospheric. */
  body.a2t-production-shell.a2t-home-page .hero-system {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    z-index: 6;
    width: 100%;
    max-width: none;
    margin: 26px 0 0;
    padding: 17px 0 4px;
    border-top: 1px solid rgba(200,243,79,.48);
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(11,15,18,.12), rgba(11,15,18,.3));
    opacity: 1;
    transform: none !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-system > p {
    margin: 0 0 6px;
    color: #87928e;
    font-size: 8px;
    line-height: 1.45;
  }

  body.a2t-production-shell.a2t-home-page .system-flow article {
    grid-template-columns: 30px minmax(0,1fr);
    gap: 10px;
    min-height: 48px;
    padding: 8px 0;
  }

  body.a2t-production-shell.a2t-home-page .system-flow > i {
    height: 8px;
    margin-left: 14px;
  }

  body.a2t-production-shell.a2t-home-page .system-foot {
    gap: 5px;
    padding-top: 10px;
  }

  /* The moon is a small upper-right focal point, not a grid row. Upgrade 102
     set `inset:auto !important`; reset the complete inset shorthand here. */
  body.a2t-production-shell.a2t-home-page .hero-moon {
    display: grid !important;
    position: absolute !important;
    inset: 14px -10px auto auto !important;
    z-index: 4;
    width: min(34vw, 118px);
    height: min(34vw, 118px);
    min-width: 0;
    min-height: 0;
    margin: 0 !important;
    opacity: .58;
    pointer-events: none;
    justify-self: auto;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    width: 126%;
    height: 126%;
    opacity: .9;
  }

  body.a2t-production-shell.a2t-home-page .moon-halo {
    inset: -14%;
    opacity: .52;
    filter: blur(24px);
  }

  body.a2t-production-shell.a2t-home-page .moon-orbit {
    opacity: .22;
  }

  body.a2t-production-shell.a2t-home-page .moon-stars {
    opacity: .34;
  }

  body.a2t-production-shell.a2t-home-page .moon-label,
  body.a2t-production-shell.a2t-home-page .hero-moon .moon-signal {
    display: none;
  }

  /* Do not use object-fit:cover on the tall phone hero: it crops the source so
     tightly that the date tree disappears. Keep the source wide, preserve its
     aspect ratio, and anchor it at the hero bottom. This puts the date tree at
     roughly 18-20% of the viewport width and keeps mountain texture to right. */
  body.a2t-production-shell.a2t-home-page .hero-landscape {
    display: block !important;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    top: auto !important;
    right: auto !important;
    bottom: -1% !important;
    left: -24% !important;
    width: 220% !important;
    height: auto !important;
    max-width: none;
    object-fit: contain;
    object-position: left bottom;
    clip-path: none;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.3) 14%, #000 35%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.3) 14%, #000 35%, #000 100%);
    filter: grayscale(.86) saturate(.22) brightness(.56) contrast(1.12);
    opacity: .78;
    mix-blend-mode: normal;
    transform: none !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-landscape::after {
    background:
      linear-gradient(180deg, rgba(11,15,18,.96) 0%, rgba(11,15,18,.9) 41%, rgba(11,15,18,.58) 68%, rgba(11,15,18,.36) 100%),
      linear-gradient(90deg, rgba(11,15,18,.84) 0%, rgba(11,15,18,.72) 48%, rgba(11,15,18,.38) 78%, rgba(11,15,18,.5) 100%);
  }

  body.a2t-production-shell.a2t-home-page .hero-wash {
    z-index: 2;
    background:
      radial-gradient(circle at 86% 9%, rgba(201,224,255,.1), rgba(11,15,18,0) 13%),
      linear-gradient(90deg, rgba(11,15,18,.94) 0%, rgba(11,15,18,.86) 62%, rgba(11,15,18,.55) 100%),
      linear-gradient(0deg, rgba(11,15,18,.42), transparent 44%);
  }

  body.a2t-production-shell.a2t-home-page .hero-canvas {
    opacity: .3;
  }

  body.a2t-production-shell.a2t-home-page .hero-bottom {
    position: relative;
    z-index: 6;
    margin-top: 0;
  }
}

@supports (height: 100dvh) {
  @media (max-width: 760px) {
    body.a2t-production-shell.a2t-home-page .hero {
      min-height: calc(100dvh - var(--a2t-header-height));
    }
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 12px -8px auto auto !important;
    width: 106px;
    height: 106px;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    left: -25% !important;
    width: 224% !important;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 10px -7px auto auto !important;
    width: 96px;
    height: 96px;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    left: -27% !important;
    width: 232% !important;
  }
}


/* ========================================================================== 
   Upgrade 105 — mobile hero atmosphere without copy compression
   The moon never claims layout width. The desert/date-tree crop is tied to
   the first phone viewport (not the full, taller hero created by the delivery
   rail), and mobile shooting stars receive an immediate CSS-backed signal.
   ========================================================================== */
@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero-copy,
  body.a2t-production-shell.a2t-home-page .hero h1,
  body.a2t-production-shell.a2t-home-page .hero-lead,
  body.a2t-production-shell.a2t-home-page .hero-actions {
    max-width: 100% !important;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    width: 100%;
    text-wrap: pretty;
  }

  /* Moon is atmosphere only. It sits in the open upper-right sky and is
     completely removed from layout calculations, so copy wraps exactly as it
     would if the moon did not exist. */
  body.a2t-production-shell.a2t-home-page .hero-moon {
    display: grid !important;
    position: absolute !important;
    inset: 16px -14px auto auto !important;
    z-index: 3;
    width: clamp(86px, 29vw, 112px);
    height: clamp(86px, 29vw, 112px);
    margin: 0 !important;
    opacity: .5;
    pointer-events: none;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    width: 122%;
    height: 122%;
    opacity: .88;
  }

  /* The hero can be taller than one viewport because the full delivery model
     remains present. Anchor the landscape to the FIRST viewport instead of
     `bottom:0` on the whole hero, otherwise the date tree is pushed far below
     the initial screen. */
  body.a2t-production-shell.a2t-home-page .scene-art {
    top: calc(100svh - var(--a2t-header-height) - 330px) !important;
    right: auto !important;
    bottom: auto !important;
    left: -24% !important;
    width: 214% !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left bottom !important;
    opacity: .82;
    filter: grayscale(.78) saturate(.3) brightness(.66) contrast(1.1);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.48) 10%, #000 28%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.48) 10%, #000 28%, #000 100%);
  }

  /* Keep the source-image star field and date tree legible while protecting
     the copy with a localized upper-left veil rather than blacking out the
     entire artwork. */
  body.a2t-production-shell.a2t-home-page .hero-landscape::after {
    background:
      radial-gradient(ellipse 105% 62% at 0% 24%, rgba(11,15,18,.78) 0%, rgba(11,15,18,.55) 48%, rgba(11,15,18,0) 100%),
      linear-gradient(180deg, rgba(11,15,18,.55) 0%, rgba(11,15,18,.34) 48%, rgba(11,15,18,.12) 76%, rgba(11,15,18,.26) 100%);
  }

  body.a2t-production-shell.a2t-home-page .hero-wash {
    z-index: 2;
    background:
      radial-gradient(circle at 86% 10%, rgba(196,220,255,.1), rgba(11,15,18,0) 15%),
      linear-gradient(180deg, rgba(11,15,18,.32) 0%, rgba(11,15,18,.2) 54%, rgba(11,15,18,.08) 78%, rgba(11,15,18,.26) 100%);
  }

  /* Preserve the JS shooting-star system, but give phones two immediate,
     deterministic passes so the effect is actually discoverable instead of
     waiting up to ten seconds for the first random star. */
  body.a2t-production-shell.a2t-home-page .sky-streaks {
    z-index: 5;
    display: block !important;
    opacity: .92;
  }

  body.a2t-production-shell.a2t-home-page .sky-streaks::before,
  body.a2t-production-shell.a2t-home-page .sky-streaks::after {
    content: '';
    position: absolute;
    width: 68px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 0%, rgba(235,242,238,.14) 35%, rgba(248,251,247,.86) 100%);
    box-shadow: 14px 0 10px -7px rgba(248,251,247,.65);
    transform-origin: 100% 50%;
  }

  body.a2t-production-shell.a2t-home-page .sky-streaks::before {
    top: 13%;
    right: 9%;
    animation: a2tMobileShootA 7.6s ease-in-out 1.1s infinite;
  }

  body.a2t-production-shell.a2t-home-page .sky-streaks::after {
    top: 23%;
    right: 36%;
    width: 52px;
    animation: a2tMobileShootB 10.8s ease-in-out 4.4s infinite;
  }
}

@supports (height: 100dvh) {
  @media (max-width: 760px) {
    body.a2t-production-shell.a2t-home-page .scene-art {
      top: calc(100dvh - var(--a2t-header-height) - 330px) !important;
    }
  }
}

@keyframes a2tMobileShootA {
  0%, 8%, 100% { opacity: 0; transform: translate3d(0,0,0) rotate(-26deg); }
  10% { opacity: .72; }
  14% { opacity: .34; transform: translate3d(-46px,28px,0) rotate(-26deg); }
  18% { opacity: 0; transform: translate3d(-78px,48px,0) rotate(-26deg); }
}

@keyframes a2tMobileShootB {
  0%, 10%, 100% { opacity: 0; transform: translate3d(0,0,0) rotate(-22deg); }
  12% { opacity: .55; }
  16% { opacity: .25; transform: translate3d(-38px,22px,0) rotate(-22deg); }
  20% { opacity: 0; transform: translate3d(-66px,38px,0) rotate(-22deg); }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .hero h1 {
    max-width: 100% !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 14px -12px auto auto !important;
    width: 94px;
    height: 94px;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    top: calc(100svh - var(--a2t-header-height) - 300px) !important;
    left: -27% !important;
    width: 220% !important;
  }
}

@supports (height: 100dvh) {
  @media (max-width: 430px) {
    body.a2t-production-shell.a2t-home-page .scene-art {
      top: calc(100dvh - var(--a2t-header-height) - 300px) !important;
    }
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 12px -10px auto auto !important;
    width: 86px;
    height: 86px;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    left: -29% !important;
    width: 226% !important;
  }
}


/* ========================================================================== 
   Upgrade 106 — mobile hero visual parity refinement
   Keep the full hero copy width, preserve the delivery rail, use the desktop
   shooting-star system without extra pseudo streaks, and crop the desert scene
   so the date tree fills the lower-left of the first mobile viewport.
   ========================================================================== */
@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero h1,
  body.a2t-production-shell.a2t-home-page .hero-copy,
  body.a2t-production-shell.a2t-home-page .hero-lead,
  body.a2t-production-shell.a2t-home-page .hero-actions {
    max-width: 100% !important;
  }

  body.a2t-production-shell.a2t-home-page .hero h1 {
    width: 100%;
    text-wrap: balance;
  }

  /* Background scene is locked to the first mobile viewport so the visible
     date-tree composition does not reframe while scrolling down to the system
     rail. */
  body.a2t-production-shell.a2t-home-page .hero-landscape,
  body.a2t-production-shell.a2t-home-page .hero-wash,
  body.a2t-production-shell.a2t-home-page .hero-canvas {
    inset: 0 0 auto 0 !important;
    height: calc(100svh - var(--a2t-header-height)) !important;
    bottom: auto !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-landscape {
    display: block !important;
    overflow: hidden;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: 18% 100% !important;
    clip-path: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    filter: grayscale(.76) saturate(.22) brightness(.6) contrast(1.12) !important;
    opacity: .9 !important;
    transform: scale(1.24) !important;
    transform-origin: 18% 72% !important;
    will-change: transform;
  }

  body.a2t-production-shell.a2t-home-page .hero-landscape::after {
    background:
      radial-gradient(ellipse 92% 58% at 4% 22%, rgba(11,15,18,.84) 0%, rgba(11,15,18,.62) 42%, rgba(11,15,18,0) 100%),
      linear-gradient(180deg, rgba(11,15,18,.34) 0%, rgba(11,15,18,.14) 48%, rgba(11,15,18,.18) 74%, rgba(11,15,18,.36) 100%) !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-wash {
    z-index: 2;
    background:
      radial-gradient(circle at 87% 11%, rgba(196,220,255,.12), rgba(11,15,18,0) 17%),
      linear-gradient(180deg, rgba(11,15,18,.24) 0%, rgba(11,15,18,.10) 56%, rgba(11,15,18,.18) 100%) !important;
  }

  /* Use the same Crescentsphere iframe behavior as desktop. The moon is still
     positioned for mobile, but hover/ambient lightning and transform behavior
     stay available because pointer events are not disabled. */
  body.a2t-production-shell.a2t-home-page .hero-moon {
    display: grid !important;
    position: absolute !important;
    inset: 14px -10px auto auto !important;
    width: clamp(92px, 30vw, 118px) !important;
    height: clamp(92px, 30vw, 118px) !important;
    margin: 0 !important;
    opacity: .58 !important;
    pointer-events: auto !important;
    z-index: 4;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    width: 132% !important;
    height: 132% !important;
    opacity: .92 !important;
    pointer-events: auto;
  }

  body.a2t-production-shell.a2t-home-page .moon-halo {
    inset: -16% !important;
    opacity: .52 !important;
    filter: blur(32px) !important;
  }

  body.a2t-production-shell.a2t-home-page .moon-orbit,
  body.a2t-production-shell.a2t-home-page .moon-stars {
    opacity: .34 !important;
  }

  body.a2t-production-shell.a2t-home-page .moon-label,
  body.a2t-production-shell.a2t-home-page .moon-signal {
    display: none !important;
  }

  /* Mobile should use the same JS-generated shooting-star behavior as desktop,
     so remove the CSS-backed fallback streaks introduced earlier. */
  body.a2t-production-shell.a2t-home-page .sky-streaks {
    z-index: 5;
    display: block !important;
    opacity: .92;
  }

  body.a2t-production-shell.a2t-home-page .sky-streaks::before,
  body.a2t-production-shell.a2t-home-page .sky-streaks::after {
    content: none !important;
    display: none !important;
  }
}

@supports (height: 100dvh) {
  @media (max-width: 760px) {
    body.a2t-production-shell.a2t-home-page .hero-landscape,
    body.a2t-production-shell.a2t-home-page .hero-wash,
    body.a2t-production-shell.a2t-home-page .hero-canvas {
      height: calc(100dvh - var(--a2t-header-height)) !important;
    }
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 16% 100% !important;
    transform: scale(1.3) !important;
    transform-origin: 16% 74% !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 12px -8px auto auto !important;
    width: 100px !important;
    height: 100px !important;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 15% 100% !important;
    transform: scale(1.34) !important;
    transform-origin: 15% 76% !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 10px -8px auto auto !important;
    width: 92px !important;
    height: 92px !important;
  }
}


/* ========================================================================== 
   Upgrade 107 — mobile hero freeze and moon alignment
   Freeze the mobile background scene to the first viewport while the delivery
   rail scrolls, enlarge/reposition the date tree crop, and vertically center
   the moon artwork inside its orbit ring.
   ========================================================================== */
body.a2t-production-shell.a2t-home-page .hero-viewport-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero-viewport-bg {
    position: sticky;
    top: 0;
    inset: auto;
    display: block;
    width: 100%;
    height: calc(100svh - var(--a2t-header-height));
    margin-bottom: calc(-1 * (100svh - var(--a2t-header-height)));
  }

  body.a2t-production-shell.a2t-home-page .hero-viewport-bg > .hero-canvas,
  body.a2t-production-shell.a2t-home-page .hero-viewport-bg > .hero-wash,
  body.a2t-production-shell.a2t-home-page .hero-viewport-bg > .hero-landscape {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    bottom: auto !important;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 10% 100% !important;
    transform: scale(1.42) !important;
    transform-origin: 12% 79% !important;
    opacity: .92 !important;
    filter: grayscale(.76) saturate(.22) brightness(.61) contrast(1.12) !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 10px -6px auto auto !important;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    width: 132% !important;
    height: 132% !important;
    transform: translateY(-8%) !important;
    transform-origin: center center;
  }
}

@supports (height: 100dvh) {
  @media (max-width: 760px) {
    body.a2t-production-shell.a2t-home-page .hero-viewport-bg {
      height: calc(100dvh - var(--a2t-header-height));
      margin-bottom: calc(-1 * (100dvh - var(--a2t-header-height)));
    }
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 8% 100% !important;
    transform: scale(1.48) !important;
    transform-origin: 11% 80% !important;
  }

  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 8px -6px auto auto !important;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    transform: translateY(-9%) !important;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 6% 100% !important;
    transform: scale(1.54) !important;
    transform-origin: 10% 81% !important;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    transform: translateY(-10%) !important;
  }
}


/* ========================================================================== 
   Upgrade 108 — mobile moon lift and left-anchored date-tree balance
   Final mobile-only tuning: lift the moon slightly more within the orbit ring,
   and keep the desert image less zoomed while anchoring the date tree firmly
   into the bottom-left corner of the first viewport.
   ========================================================================== */
@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 4px -6px auto auto !important;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    transform: translateY(-13%) !important;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 0% 100% !important;
    transform: scale(1.28) !important;
    transform-origin: 0% 82% !important;
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .hero-moon {
    inset: 3px -6px auto auto !important;
  }

  body.a2t-production-shell.a2t-home-page .moon-motion {
    transform: translateY(-14%) !important;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 0% 100% !important;
    transform: scale(1.32) !important;
    transform-origin: 0% 83% !important;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .moon-motion {
    transform: translateY(-15%) !important;
  }

  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 0% 100% !important;
    transform: scale(1.36) !important;
    transform-origin: 0% 84% !important;
  }
}


/* ========================================================================== 
   Upgrade 109 — mobile date-tree bottom anchoring
   Fine-tune the mobile home hero crop so the desert image is anchored from the
   bottom of the dark hero viewport and the date tree sits in the far lower-left.
   ========================================================================== */
@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 0% 100% !important;
    transform: scale(1.18) translateY(3.5%) !important;
    transform-origin: 0% 100% !important;
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 0% 100% !important;
    transform: scale(1.22) translateY(4%) !important;
    transform-origin: 0% 100% !important;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 0% 100% !important;
    transform: scale(1.26) translateY(4.5%) !important;
    transform-origin: 0% 100% !important;
  }
}


/* ========================================================================== 
   Upgrade 110 — mobile date-tree left/bottom correction
   Move the visible crop slightly right so the palm/date tree lands on the far
   lower-left of the viewport, and bias the artwork downward so it begins from
   the bottom edge of the dark hero area.
   ========================================================================== */
@media (max-width: 760px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 22% 100% !important;
    transform: translate3d(0, 6.5%, 0) scale(1.12) !important;
    transform-origin: 22% 100% !important;
  }
}

@media (max-width: 430px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 23% 100% !important;
    transform: translate3d(0, 7.5%, 0) scale(1.16) !important;
    transform-origin: 23% 100% !important;
  }
}

@media (max-width: 350px) {
  body.a2t-production-shell.a2t-home-page .scene-art {
    object-position: 24% 100% !important;
    transform: translate3d(0, 8%, 0) scale(1.19) !important;
    transform-origin: 24% 100% !important;
  }
}