/* Dark theme for every page, so inner pages match the homepage. Loaded after style.css and experience.css. */
body{background:#071d20;color:#eef6f2;font-family:Geist,'Segoe UI',Arial,sans-serif}
main{background:#071d20}
h1,h2,h3,h4,dt,strong{color:#f2faf7}
p,dd,li{color:#a9bfbd}
em{color:#7fdcbd}
::selection{background:#61e6c555;color:#fff}
.eyebrow,.tiny-tag{color:#7fdcbd}
.caption,.demo-note{color:#7f9c97}
.raised{background:#0b2527;border-block:1px solid #ffffff0d}
.page-intro{padding-top:90px}
.page-intro h1{font-size:clamp(40px,5.2vw,74px);line-height:1.04;letter-spacing:-.05em;font-weight:560}
.page-intro h1 em{background:linear-gradient(100deg,#95e1c2,#a9c1f4 55%,#d1b2e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-intro .lead{font-size:18px;line-height:1.65;color:#b6c9c6;max-width:760px}
.skip{background:#0f2a2b;color:#fff}

.button{background:#9debd4;color:#0b2a26;border-color:#9debd4;border-radius:40px}
.button:hover{background:#b6f2e0}
.button.ghost{background:transparent;color:#e8f5f1;border-color:#ffffff33}
.button.mint{background:#9debd4;color:#0b2a26;border-color:#9debd4}
.text-link{color:#cfeee4;border-color:#61e6c555}
.text-link:hover{color:#9ff0d6;border-color:#61e6c5}

.site-header{background:#081d20eb;border-color:#ffffff12;color:#e9f3f2}
.logo{color:#f2faf7}
.brand-ai{color:#7fdcbd}
.site-header nav>a:not(.button):hover{color:#9ff0d6}
.nav-panel{background:#0c2427;border-color:#ffffff1a;box-shadow:0 20px 40px #0008}
.nav-panel a:hover{background:#ffffff0d}
@media (max-width:1000px){.site-header nav{background:#0b2428;border-color:#ffffff1a}}

.service-row{border-color:#ffffff14}
.service-row:last-child{border-color:#ffffff14}
.service-row .index{color:#61e6c5}
.circle-arrow{border-color:#ffffff2b}
.service-row:hover .circle-arrow{background:#61e6c5;color:#08201f}

.process-demo{border-color:#ffffff14}
.process-tabs{background:#0b2325}
.process-tabs button{border-color:#ffffff10;color:#cfe3df}
.process-tabs button span{color:#61e6c5}
.process-tabs button[aria-pressed=true]{color:#9ff0d6;background:#61e6c514}
.process-detail{background:#0f2a2b}
.process-number{color:#ffffff10}
.deliverable{border-color:#ffffff14}
.deliverable small{color:#7f9c97}

.article-card{border-color:#ffffff14;background:#0b2325}
.article-card:hover{box-shadow:0 18px 40px #0006}
.article-art{background:#12302f}
.article-art:before,.article-art:after{border-color:#61e6c540}
.article-art>span{color:#7fdcbd}
.art-1{background:#0f2531}.art-1>span{color:#a9c1f4}
.art-2{background:#1b1f33}.art-2>span{color:#d1b2e9}.art-2:before,.art-2:after{border-color:#d1b2e940}

.faq-section{border-color:#ffffff12}
.faq{border-color:#ffffff14}
.faq summary{color:#f2faf7}
.cta-section{background:linear-gradient(140deg,#12302f,#0b2224);border-top:1px solid #ffffff12}
.cta-inner .button{background:#9debd4;color:#0b2a26;border-color:#9debd4}

footer{background:#061719;border-top:1px solid #ffffff10}
.footer-grid>div>a:not(.logo){color:#9fb7b3}
.footer-grid>div>a:not(.logo):hover{color:#9ff0d6}
.footer-grid h2{color:#eef6f2}
.footer-bottom{border-color:#ffffff12;color:#7f9c97}
.footer-address{font-style:normal;font-size:13px;line-height:1.6;color:#9fb7b3;margin:14px 0}

.feature-statement{background:linear-gradient(160deg,#12302f,#0c2224);border:1px solid #ffffff12}
.feature-statement>span{color:#7fdcbd}
.feature-list article{border-color:#ffffff14}
.feature-list article>span{color:#61e6c5}
.check-list li{border-color:#ffffff14;color:#cfe3df}
.check-list li:before{color:#61e6c5}
.rounded{border-color:#ffffff14}
.simple-card{background:#0f2a2b;border-color:#ffffff14}
.simple-card small{color:#7fdcbd}
.icon{background:#61e6c514;border-color:#61e6c540;color:#9ff0d6}
.paper{background:#0b2325;border-color:#ffffff14}
.paper dt,.paper dd{border-color:#ffffff12}
.paper dd{color:#a9bfbd}
.paper small{color:#7f9c97}
.exposure-stack{background:#0b2325}
.exposure-stack>div{background:#0f2a2b;border-color:#ffffff14;color:#e6f2ef}
.exposure-stack b{color:#7fdcbd}
.pilot-results>div{border-color:#ffffff14}
.number-list li{border-color:#ffffff14}
.timeline{border-color:#61e6c540}
.timeline>div:before{background:#61e6c5}
.timeline span{color:#7fdcbd}

.contact-card{background:#0b2325;border-color:#ffffff14}
.contact-person a{color:#7fdcbd}
input,textarea,select{background:#0f2a2b;border-color:#ffffff24;color:#eef6f2}
input:focus,textarea:focus,select:focus{outline:2px solid #61e6c5;outline-offset:1px;border-color:#61e6c5}
input::placeholder,textarea::placeholder{color:#7f9c97}
select option{background:#0f2a2b;color:#eef6f2}
.consent input{accent-color:#61e6c5}
.form-note,#form-status{color:#9fb7b3;font-size:13px}
label{color:#dcebe7}

.insights-filter{background:#0b2325;border-color:#ffffff14}
.insights-filter>span{color:#7f9c97}
.back-link{color:#7fdcbd}
.article-meta{color:#7f9c97}
.article-toc>a{color:#9fb7b3;border-color:#ffffff12}
.legal-copy h2{color:#f2faf7}

/* Light-on-dark versions of the comparison blocks used on inner pages */
.studio-pair{border-color:#ffffff10}
.studio-pair .ba-frame{box-shadow:0 30px 80px #0006,0 0 0 1px #ffffff14}
.studio-head .unlock{color:#9ff0d6}
.studio-pair .ba-list.bad{background:#ff8a7a0f;border-color:#ff8a7a2e}.studio-pair .ba-list.bad>span{color:#ff9d90}.studio-pair .ba-list.bad li::before{color:#ff8a7a}
.studio-pair .ba-list.good{background:#61e6c512;border-color:#61e6c533}.studio-pair .ba-list.good>span{color:#7debcb}.studio-pair .ba-list.good li::before{color:#61e6c5}
.studio-pair .chapter-did{color:#a9bfbd}.studio-pair .chapter-did b{color:#eef6f2}
.studio-index a{border-color:#ffffff1f;color:#cfe3df}
.studio-index a:hover{border-color:#61e6c5}
.story-link a{background:linear-gradient(140deg,#12302f,#0b2224);border-color:#ffffff14;color:#eef6f2}
.story-link a:hover{border-color:#61e6c560}
.story-link em{color:#9ff0d6}

/* About, pricing, ROI calculator and form states */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.value-n{font:600 13px Geist,sans-serif;color:#61e6c5;letter-spacing:.1em}
.value-grid h3{font-size:21px;margin:12px 0 10px;letter-spacing:-.02em}
.value-grid p{font-size:15px;line-height:1.6;margin:0}
.about-why h2,.company-details h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.035em}
.about-why p{font-size:17px;line-height:1.7}
.check-list a{color:#9ff0d6;text-decoration:underline;text-underline-offset:3px}
.company-details address{font-style:normal}
.company-details dd a{color:#9ff0d6}

.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.model-card{padding:30px;border-radius:20px;background:#0f2a2b;border:1px solid #ffffff14;display:flex;flex-direction:column}
.model-card.featured{border-color:#61e6c560;background:linear-gradient(160deg,#143533,#0c2224);box-shadow:0 20px 60px #0006}
.model-card .eyebrow{margin:0 0 10px}
.model-card h2{font-size:24px;letter-spacing:-.025em;margin:0}
.model-card strong{display:block;margin:12px 0 14px;font-size:18px;color:#9ff0d6}
.model-card p{font-size:15px;line-height:1.6}
.model-card .check-list li{font-size:14px;padding:10px 0 10px 28px}

.roi{display:grid;grid-template-columns:400px 1fr;gap:24px;align-items:start}
.roi-inputs{padding:26px;border-radius:20px;background:#0b2325;border:1px solid #ffffff14;position:sticky;top:100px}
.roi-inputs h3,.roi-results h3{font-size:17px;margin:0 0 14px;letter-spacing:-.01em}
.roi-field{display:block;margin:0 0 18px;color:#dcebe7;font-size:14px}
.roi-field>span{display:flex;justify-content:space-between;gap:12px;font-weight:550}
.roi-field output{color:#9ff0d6;font-weight:650;white-space:nowrap}
.roi-field input[type=range]{width:100%;margin:10px 0 4px;padding:0;border:0;background:none;accent-color:#61e6c5;height:22px}
.roi-field small{display:block;font-size:12px;color:#7f9c97;line-height:1.4}
.roi-assumptions{border-top:1px solid #ffffff14;padding-top:14px;margin-top:6px}
.roi-assumptions summary{cursor:pointer;font-weight:600;color:#cfe3df;margin-bottom:14px}
.roi-results{display:flex;flex-direction:column;gap:18px}
.roi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.roi-card{padding:22px;border-radius:18px;background:linear-gradient(160deg,#143533,#0c2224);border:1px solid #61e6c533}
.roi-card small{display:block;font-size:13px;color:#a9bfbd}
.roi-card strong{display:block;font-size:clamp(28px,2.6vw,38px);letter-spacing:-.035em;margin:6px 0 4px;color:#f2faf7}
.roi-card span{font-size:13px;color:#9ff0d6;line-height:1.4;display:block}
.roi-bars,.roi-quality{padding:24px;border-radius:18px;background:#0b2325;border:1px solid #ffffff14}
.roi-bars h3:not(:first-child){margin-top:20px}
.roi-bar{display:grid;grid-template-columns:100px 1fr 80px;gap:12px;align-items:center;margin:8px 0;font-size:14px}
.roi-bar>div{height:16px;border-radius:10px;background:#ffffff0a;overflow:hidden}
.roi-bar i{display:block;height:100%;border-radius:10px;transition:width .35s ease;width:50%}
.roi-bar i.old{background:repeating-linear-gradient(135deg,#ff8a7a88 0 8px,#ff8a7a55 8px 16px)}
.roi-bar i.new{background:linear-gradient(90deg,#2fbf94,#61e6c5)}
.roi-bar b{text-align:right;color:#eef6f2}
.roi-q{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.roi-q>div{padding:16px;border-radius:14px;background:#ff8a7a0d;border:1px solid #ff8a7a2b}
.roi-q>div:last-child{background:#61e6c50f;border-color:#61e6c533}
.roi-q ul{margin:10px 0 0;padding-left:18px;font-size:14px;line-height:1.7}
.roi-note{font-size:13px;color:#7f9c97;margin:0}
.roi-results>.button{align-self:flex-start}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-card label{display:block;margin-bottom:14px;font-size:14px}
.form-done{padding:30px 10px;text-align:center}
.form-done .done-mark{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#61e6c522;color:#61e6c5;font-size:26px}
.form-done h3{font-size:26px;margin:16px 0 8px}
.form-done b{color:#eef6f2}

@media (max-width:1100px){.value-grid{grid-template-columns:1fr 1fr}.roi{grid-template-columns:1fr}.roi-inputs{position:static}}
@media (max-width:760px){.value-grid,.model-grid,.roi-cards,.roi-q,.form-row{grid-template-columns:1fr}.roi-bar{grid-template-columns:80px 1fr 64px;font-size:13px}}
.contact-card label.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px}.contact-card label.consent input{width:18px;height:18px;margin-top:3px}