:root{--color-primary: #0e2035;--color-primary-soft: #64748b;--color-accent: #64748b;--color-text: #101010;--color-muted: #f6f6f6;--color-border: #e0e0e0;--color-light: #ffffff;--color-light-text: #d3d3d3;--color-signal: #83a9a6;--shadow-soft: 0 18px 50px rgb(14 32 53 / 12%);--shadow-dark: 0 24px 70px rgb(0 0 0 / 22%);--max-width: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-light);color:var(--color-text);font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.45}a{color:inherit}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3,h4{margin:0;color:inherit;font-weight:700;line-height:1.15}h1{font-size:clamp(2.25rem,5vw,3.5rem)}h2{font-size:clamp(1.45rem,3vw,2.25rem);text-align:center}h3,h4{font-size:14px}.text-accent{color:var(--color-accent)}.text-old{color:#1e3a5f}.text-new{color:var(--color-primary-soft)}.site-header{display:grid;align-items:center;min-height:91.2px;padding:0 clamp(1.25rem,5vw,4rem);background:#fbfbfb;border-bottom:1px solid #8e8e8e;color:var(--color-primary)}.site-header__inner{display:grid;grid-template-columns:272px 1fr auto;align-items:center;gap:1rem;width:100%;max-width:var(--max-width);min-height:91.2px;margin:0 auto}.site-header__brand{display:inline-flex;align-items:center;gap:.7rem;justify-self:start;font-size:32px;font-weight:700;line-height:1.40625;text-decoration:none}.site-header__brand img{width:32px;height:32px;flex:0 0 auto}.site-header__nav{display:flex;justify-self:start}.site-header__nav a{border-bottom:1px solid currentColor;padding:1px 0;font-size:16.8px;font-weight:500;line-height:1.2;text-decoration:none;transition:color .18s ease,border-color .18s ease}.site-header__nav a:hover{color:var(--color-accent);border-color:var(--color-accent)}.site-header__cta{justify-self:end;width:138px;padding:10px 15px;background:var(--color-accent);color:var(--color-light);font-size:14px;font-weight:500;letter-spacing:.08em;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease,transform .18s ease}.site-header__cta:hover{background:#56657d;transform:translateY(-1px)}.mobile-menu{display:none}.section{padding:7.8rem clamp(1.25rem,5vw,4rem)}.section--dark{background:var(--color-primary);color:var(--color-light)}.section--muted{background:var(--color-muted)}.section--final-cta{border-top:1px solid var(--color-border);padding-top:6.4rem;padding-bottom:6.4rem}.section__inner{max-width:var(--max-width);margin:0 auto}.section__lede{max-width:820px;margin:.85rem auto 0;text-align:center}.section__lede--light{color:var(--color-light)}.hero{position:relative;display:grid;min-height:90vh;overflow:hidden;isolation:isolate;place-items:center;background:var(--color-primary);text-align:center}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none}.hero:before{inset:-5%;z-index:-2;background-image:url(/assets/darkoffices-hero-bg.webp);background-position:center;background-size:cover;animation:hero-background-zoom 20s ease forwards;transform-origin:center;will-change:transform}.hero:after{inset:0;background:radial-gradient(ellipse at center,#060e174d,#060e177a 45%,#060e17b8),linear-gradient(90deg,#060e176b,#060e1733 48%,#060e1775),linear-gradient(180deg,#060e1738,#060e1714 45%,#060e1757)}.hero__inner{position:relative;z-index:1;max-width:var(--max-width)}.hero__eyebrow,.label{margin:0 0 .75rem;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero__eyebrow{margin:0;color:var(--color-accent);font-size:16px;font-weight:600;line-height:1.6}.hero__eyebrow strong{font-size:2em}.hero__title{margin-top:19.2px;font-weight:600;line-height:1.15}.hero__copy{max-width:var(--max-width);margin:19.2px auto 0;color:var(--color-light);font-size:clamp(.875rem,.875rem + ((1vw - .2rem) * .455),1.125rem);line-height:1.6;text-align:center}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.35rem}.hero .hero__actions{align-items:center;margin-top:19.2px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.6rem clamp(1rem,2.5vw,1.6rem);border:1px solid transparent;border-radius:0;font-size:11px;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.button:after{content:"→";width:1em;margin-left:.55rem;transform:translate(0);transition:transform .18s ease}.button:hover{transform:translateY(-2px)}.button:hover:after{transform:translate(4px)}.button--accent,.button--primary{color:var(--color-light)}.button--accent{background:var(--color-primary-soft)}.button--accent:hover{background:#56657d;box-shadow:0 14px 36px #83a9a63d}.button--primary{background:var(--color-primary)}.button--primary:hover{background:#162c45;box-shadow:var(--shadow-soft)}.button--outline-light{border-color:var(--color-light);color:var(--color-light)}.button--outline-light:hover{border-color:var(--color-signal);color:var(--color-light);box-shadow:0 14px 36px #ffffff1f}.button--outline{border-color:var(--color-primary);color:var(--color-primary)}.button--outline:hover{border-color:var(--color-accent);color:var(--color-primary);box-shadow:var(--shadow-soft)}.hero .button{min-height:47px;padding:12px 31.4px;font-size:14.4px;font-weight:600;line-height:1.6}.hero .button--accent{height:47px;min-height:0;padding-top:10px;padding-bottom:10px;border-width:0}.hero .button--outline-light{border-width:2px}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.92fr);gap:2rem;align-items:center;margin-top:2rem}.split-layout h3,.card h3,.card h4{margin-bottom:.8rem}.feature-list{display:grid;gap:.22rem;padding:0;list-style:none}.feature-list li:before{content:"→ ";color:var(--color-accent);font-weight:700}.feature-list--compact{margin-bottom:0}.feature-list--compact li:before{content:"– "}.label--primary{color:var(--color-primary)}.label--accent{color:var(--color-accent)}.equation-card,.card{border:1px solid var(--color-border);border-radius:12px;padding:1.4rem}.equation-card{background:var(--color-muted);padding:1.55rem 1.8rem}.equation-card p:not(.label){margin:0 0 1.15rem;padding:1rem;background:var(--color-light);border:1px solid transparent;border-radius:8px;font-weight:700}.equation-card p:last-child{margin-bottom:0;border:2px solid var(--color-primary-soft)}.card{background:var(--color-light);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.card--accent{border-color:var(--color-accent)}.card__icon{display:block;width:1.2rem;height:1.2rem;margin-bottom:.85rem;color:var(--color-accent);font-size:1rem;font-weight:800;line-height:1;transition:color .18s ease,transform .18s ease}.card:hover{border-color:#64748b8c;box-shadow:var(--shadow-soft);transform:translateY(-4px)}.card:hover .card__icon{color:var(--color-signal);transform:translateY(-1px)}.card-grid{display:grid;gap:1.45rem;margin-top:2rem}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid--transparent .card{background:#0d1f326b;border-color:#83a9a673;color:var(--color-light);text-align:center}.card-grid--transparent .card:hover{background:#15324d8a;border-color:#83a9a6b8;box-shadow:var(--shadow-dark)}.super-section{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#07111c,#0e2035 46%,#102b3f),var(--color-primary)}.super-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 0 23%,rgb(131 169 166 / 12%) 36%,transparent 52% 100%),linear-gradient(160deg,transparent 0 52%,rgb(9 43 85 / 55%) 76%,transparent 100%),linear-gradient(25deg,rgb(255 255 255 / 5%) 0 1px,transparent 1px 100%);background-size:180% 180%,140% 140%,76px 76px;opacity:.72;pointer-events:none}.super-section h2,.super-section .section__lede{color:var(--color-light)}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.45rem;margin:2rem auto 0}.comparison-grid>div{padding:1.5rem;background:linear-gradient(135deg,#162c43e0,#1f374ec7);border:1px solid rgb(131 169 166 / 18%);border-radius:6px;box-shadow:0 20px 60px #0000001f}.comparison-grid__label{margin-top:0;color:var(--color-light);font-weight:700}.upgrade-line{margin:2rem 0 0;color:var(--color-light);font-size:clamp(1.1rem,3vw,1.7rem);font-weight:800;text-align:center}.upgrade-line strong{font-size:2em}.site-footer{position:relative;padding:5.8rem clamp(1.25rem,5vw,4rem) 0;overflow:hidden;background:linear-gradient(135deg,#1a1a12,#092b55);color:var(--color-light)}.site-footer:after{content:"";position:absolute;right:clamp(1rem,7vw,6rem);bottom:2rem;width:clamp(8rem,18vw,14rem);aspect-ratio:1;background:url(/assets/darkoffices-site-icon.svg) center / contain no-repeat;opacity:.045;pointer-events:none}.site-footer__inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:var(--max-width);margin:0 auto}.site-footer h2{margin-bottom:1rem;color:var(--color-light);font-size:12px;text-align:left}.site-footer p,.site-footer a{color:var(--color-light-text)}.site-footer nav{display:grid;gap:.5rem}.email-line{display:flex;align-items:flex-start;gap:.6rem}.email-line i{margin-top:.15rem;color:var(--color-light-text)}.site-footer__credit{position:relative;z-index:1;max-width:var(--max-width);margin:3rem auto 0;padding:1.65rem 0 2.4rem;border-top:1px solid #363333;color:var(--color-light);text-align:center}@keyframes hero-background-zoom{0%{transform:scale(1.02)}to{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero:before{animation:hero-background-zoom 20s ease forwards!important}}@media(max-width:820px){.site-header{min-height:56px;padding:0 .75rem}.site-header__inner{grid-template-columns:1fr auto 1fr;min-height:56px}.site-header__brand{gap:.35rem;font-size:12px}.site-header__brand img{width:18px;height:18px}.site-header__nav{display:none}.site-header__cta{justify-self:end;min-width:78px;padding:.55rem;font-size:7px}.mobile-menu{display:block;justify-self:center;position:relative}.mobile-menu summary{position:relative;width:16px;height:16px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:before{content:"";position:absolute;top:3px;left:2px;width:12px;height:2px;background:var(--color-primary);box-shadow:0 4px 0 var(--color-primary),0 8px 0 var(--color-primary)}.mobile-menu nav{display:none}.mobile-menu[open] nav{display:grid;position:fixed;inset:56px 0 auto;z-index:10;padding:1rem;background:#fbfbfb;border-bottom:1px solid #8e8e8e;text-align:center}.mobile-menu[open] nav a{border:0;color:var(--color-primary);font-size:12px;font-weight:700;text-decoration:none}.hero{min-height:82vh}.split-layout,.card-grid--two,.card-grid--three,.card-grid--four,.comparison-grid,.site-footer__inner{grid-template-columns:1fr}.section{padding-top:4.4rem;padding-bottom:4.4rem}.card-grid{gap:1.9rem}.card{min-height:185px;padding:1.75rem}.equation-card{padding:1.75rem}.section--final-cta{padding-top:4.6rem;padding-bottom:4.6rem}.site-footer{padding-top:3.2rem}}