@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('assets/manrope-400.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url('assets/manrope-500.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('assets/manrope-600.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url('assets/manrope-700.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url('assets/manrope-800.ttf') format('truetype')}
*{box-sizing:border-box}:root{--gutter:clamp(20px,3.64vw,96px)}html{font-size:clamp(16px,1.2121vw,22px);scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#fafaf7;color:#20251f;font-family:Guide,Arial,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #7965c5;outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}.wrap{width:calc(100% - 2*var(--gutter));margin-inline:auto}.header{height:7rem;display:flex;align-items:center;justify-content:space-between;gap:1.5625rem}.logo{font-size:2rem;line-height:1;font-weight:800;letter-spacing:-0.1125rem;text-decoration:none;white-space:nowrap}.brand-dot{color:#8270ac}.logo-mark{display:inline-block;border:1px solid #aeb3a8;border-radius:50%;width:1.6875rem;height:1.6875rem;font-size:1.25rem;line-height:1.5625rem;text-align:center;margin-left:0.5625rem;vertical-align:top}.header nav{display:flex;gap:2rem;font-size:0.875rem}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline}.button{display:inline-flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.0625rem 1.375rem;border:1px solid transparent;border-radius:0.4375rem;text-decoration:none;font-size:0.875rem;font-weight:700;line-height:1.4;transition:background .2s,transform .2s}.button:hover{transform:translateY(-0.125rem)}.button span{font-size:1.3125rem;line-height:1}.dark{background:#20251f;color:#fff}.dark:hover{background:#384332}.small{padding:0.75rem 1rem}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:2.1875rem;align-items:center;padding:2.5rem 0 4.375rem}.eyebrow{font-size:0.75rem;font-weight:700;letter-spacing:0.1125rem;margin:0 0 1.625rem}.hero h1{font-size:clamp(3.375rem,6.4vw,5.875rem);line-height:1.03;letter-spacing:-0.3125rem;font-weight:600;margin:0 0 1.75rem}.hero h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-0.25rem}.lead{font-size:1.1875rem;line-height:1.6;max-width:27.5rem;color:#5e635a;margin:0 0 1.75rem}.hero-note{font-size:0.8125rem;color:#686d64;margin:1rem 0 0}.hero-visual{position:relative;height:35.3125rem;border-radius:0.625rem;background:#333d36;margin-left:0.625rem}.hero-photo{width:100%;height:100%;border-radius:0.625rem;object-position:52% center;filter:brightness(.83)}.visual-top{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:0.875rem}.visual-top>span:last-child{font-size:1.6875rem}.location-tag{position:absolute;left:1.5rem;top:4.375rem;color:#fff;font-size:0.625rem;letter-spacing:0.1rem}.arrival-card{position:absolute;left:-2.1875rem;bottom:3.4375rem;right:2.1875rem;display:flex;align-items:center;gap:1.3125rem;padding:1.5rem;background:#e6e4f3;border-radius:0.5rem;box-shadow:0 0.75rem 2.1875rem #0002}.arrival-card div{display:flex;flex-direction:column}.arrival-card strong{font-size:1.4375rem;letter-spacing:-0.0375rem;margin:0.125rem 0}.arrival-card div>span:last-child{font-size:0.8125rem}.arrival-icon{font-size:3.5625rem;line-height:1}.micro{font-size:0.625rem;letter-spacing:0.0688rem;font-weight:700}.image-caption{position:absolute;bottom:1.125rem;left:1.5rem;color:#fff;font-size:0.75rem}.proof{border-top:1px solid #d7dad2;border-bottom:1px solid #d7dad2;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;padding:1.6875rem 0;gap:1.875rem}.proof p{font-size:0.875rem;margin:0}.proof p strong{font-weight:500;color:#73786f}.proof>div{display:flex;flex-direction:column;border-left:1px solid #d7dad2;padding-left:2.1875rem}.proof>div strong{font-size:2.25rem;line-height:1.1;font-weight:500;letter-spacing:-0.0625rem}.proof>div span{font-size:0.75rem;margin-top:0.375rem;color:#5e635a}.section{padding:6.875rem 0}h2{font-size:clamp(2.25rem,4vw,3.625rem);line-height:1.08;letter-spacing:-0.1437rem;font-weight:500;margin:0}h2 em{font-family:Georgia,serif;font-weight:400}.split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.split>p{font-size:1.125rem;color:#64695f;margin:0.1875rem 0;max-width:30.625rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.375rem;margin-top:3.4375rem}.features article{border:1px solid #d9ddd3;border-radius:0.625rem;padding:1.75rem;display:flex;flex-direction:column}.features article:nth-child(2){background:#e6e4f3;border-color:#e6e4f3}.feature-number{font-size:0.75rem;border:1px solid #bdc2b7;width:1.875rem;height:1.875rem;line-height:1.75rem;text-align:center;border-radius:50%}h3{font-size:1.5rem;line-height:1.2;font-weight:500;letter-spacing:-0.0437rem;margin:1.6875rem 0 0.75rem}.features p,.workflow p,.audience-grid p{font-size:0.9375rem;color:#5e635a;margin:0 0 1.875rem}.feature-bottom{font-size:0.75rem;border-top:1px solid #cbd0c3;padding-top:1.125rem;margin-top:auto}.way-section{background:#e9ece3;padding:5.625rem 0}.way-layout{display:grid;grid-template-columns:1fr .85fr;gap:6.25rem;align-items:center}.way-copy>p:not(.eyebrow){max-width:27.5rem;color:#555e50;font-size:1rem;margin-top:1.625rem}.check-list{list-style:none;padding:0;font-size:0.875rem;margin:1.625rem 0}.check-list li{padding:0.5rem 0}.check-list li:before{content:'✓';margin-right:0.8125rem}.way-copy .muted{font-size:0.8125rem!important;max-width:25rem!important}.demo{background:#fff;border-radius:0.625rem;padding:1.25rem;box-shadow:0 1.25rem 3.125rem #2330200d;max-width:30rem;width:100%;justify-self:end}.demo-head{display:flex;justify-content:space-between;gap:1.25rem;font-size:0.625rem;letter-spacing:0.0625rem;font-weight:700;padding:0.125rem 0 1.125rem}.demo-image{position:relative;overflow:hidden;border-radius:0.375rem}.demo-image img{aspect-ratio:1.6;width:100%}.demo-arrow{position:absolute;left:48%;bottom:16%;font-size:4.5rem;color:#e6e4f3;font-family:Arial,sans-serif;font-weight:900;line-height:1;filter:drop-shadow(0 0.125rem 0.125rem #111);-webkit-text-stroke:2px #20251f}.demo-label{position:absolute;top:0.625rem;left:0.625rem;padding:0.1875rem 0.4375rem;background:#20251fe0;color:#fff;font-size:0.5625rem;letter-spacing:0.0437rem}.demo-body{min-height:10rem;padding-top:1.25rem}.demo-body .micro{margin:0;color:#66715e}.demo-body h3{margin:0.5625rem 0;font-size:1.5625rem}.demo-body>p:last-child{font-size:0.875rem;color:#656b61;margin:0}.demo-actions{display:flex;gap:0.5rem}.demo-actions .button{flex:1}.back{background:#f2f3ee;border:0;border-radius:0.4375rem;width:3rem}.demo-footnote{font-size:0.6875rem;color:#6c7367;margin:0.875rem 0 0}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:2.8125rem;margin-top:3.125rem}.workflow article{border-top:1px solid #cbd0c3;padding-top:1.375rem}.workflow article>span{font-family:Georgia,serif;font-size:2.1875rem;color:#7b856f}.workflow h3{margin-top:0.75rem}.workflow p{margin-bottom:0}.reference{display:grid;grid-template-columns:1fr 1fr;background:#20251f;color:#fff;border-radius:0.625rem;overflow:hidden}.reference-photo{position:relative;min-height:33.125rem}.reference-photo img{height:100%;width:100%;position:absolute;object-position:50%}.reference-photo>span{position:absolute;bottom:1.5625rem;left:1.5625rem;font-size:0.6875rem;letter-spacing:0.0938rem;color:white;background:#20251fd9;padding:0.5rem 0.75rem}.reference-copy{padding:3.4375rem}.reference-copy>p:not(.eyebrow){color:#c3c9bc;font-size:1rem;margin:1.5625rem 0}.tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin:1.5625rem 0 2.1875rem}.tags span{border:1px solid #64705c;padding:0.25rem 0.5625rem;border-radius:0.25rem;font-size:0.6875rem}.text-link{font-size:0.9375rem;font-weight:600;text-underline-offset:0.375rem}.text-link span{margin-left:0.75rem}.secondary-link{display:block;color:#bec6b4;font-size:0.75rem;margin-top:1.1875rem}.audiences h2{font-family:Georgia,serif;font-style:italic;font-size:4rem}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.8125rem;margin-top:2.8125rem}.audience-grid h3{margin-top:0}.audience-grid p{margin:0}.contact{background:#20251f;color:#fff;padding:5.3125rem 0}.contact-inner{text-align:center}.contact h2{font-size:clamp(2.5rem,5vw,4.25rem)}.contact h2 em{color:#dedbef}.contact p:not(.eyebrow){max-width:35rem;margin:1.5625rem auto;color:#bdc6b5}.lavender{background:#e6e4f3;color:#20251f}.lavender:hover{background:#d2cde8}.contact-note{display:block;font-size:0.75rem;margin-top:1.125rem;color:#bfc7b7}.footer{display:flex;align-items:center;justify-content:space-between;gap:1.5625rem;padding-block:2.5rem}.footer .logo{font-size:1.6875rem}.footer p{font-size:0.75rem;color:#646b5d}.footer p a{font-weight:700}.footer>div{display:flex;gap:1.25rem;font-size:0.75rem}.footer>div a{text-decoration:none}.skip{position:fixed;top:-6.25rem;z-index:100;background:#fff;padding:0.75rem}.skip:focus{top:0}.legal{max-width:50rem;padding:4.0625rem 0 6.25rem}.legal h1{font-size:3rem;line-height:1.1;letter-spacing:-0.125rem}.legal h2{font-size:1.625rem;letter-spacing:-0.0312rem;margin-top:2.375rem}.legal p{color:#535b4e}
@media(min-width:1500px){.hero h1{font-size:6.125rem}}@media(max-width:1100px){.wrap{width:calc(100% - 3.5rem)}.header nav{gap:1.125rem}.hero h1{letter-spacing:-0.1875rem}.hero{gap:0.9375rem}.hero-visual{height:31.25rem}.arrival-card{left:-0.9375rem;right:0.9375rem;padding:1.125rem;gap:0.75rem}.arrival-card strong{font-size:1.3125rem}.way-layout{gap:3.125rem}.reference-copy{padding:2.1875rem}.proof>div{padding-left:1.25rem}.footer>div{gap:0.75rem}}@media(max-width:760px){.wrap{width:calc(100% - 2.5rem)}.header{height:5.375rem;gap:0.9375rem}.header nav{display:none}.header .button{font-size:0.75rem;padding:0.625rem;gap:0.625rem}.logo{font-size:1.6875rem}.logo-mark{display:none}.hero{grid-template-columns:1fr;padding:1.875rem 0 2.5rem;gap:2.1875rem}.eyebrow{font-size:0.625rem;letter-spacing:0.0875rem;margin-bottom:1.375rem}.hero h1{font-size:clamp(3rem,10.8vw,4.6875rem);letter-spacing:-0.1875rem}.hero h1 span{letter-spacing:-0.1688rem}.lead{font-size:1.0625rem;max-width:32.5rem}.hero-visual{margin:0 0 0 0.75rem;height:25.625rem}.arrival-card{left:-0.75rem;right:1.375rem;bottom:2.8125rem}.visual-top{font-size:0.8125rem}.proof{grid-template-columns:repeat(3,1fr);gap:1.375rem 0.625rem}.proof p{grid-column:1/-1}.proof>div{padding-left:0.75rem}.proof>div strong{font-size:1.875rem}.proof>div span{font-size:0.6875rem;line-height:1.45}.section{padding:4.0625rem 0}.split{grid-template-columns:1fr;gap:1.5625rem}.split>p{font-size:1rem}.features,.workflow,.audience-grid{grid-template-columns:1fr;gap:1.125rem;margin-top:2rem}.features article{padding:1.5625rem}.features h3{margin-top:1.25rem}.features p{margin-bottom:1.25rem}.way-section{padding:3.75rem 0}.way-layout{grid-template-columns:1fr;gap:2.1875rem}.demo{justify-self:center}.way-copy h2{font-size:2.6875rem}.reference{grid-template-columns:1fr}.reference-photo{min-height:18.75rem}.reference-copy{padding:2rem 1.5625rem}.workflow{gap:1.6875rem}.audiences h2{font-size:2.6875rem}.audience-grid{gap:1.875rem}.contact{padding:4.0625rem 0}.footer{flex-wrap:wrap;align-items:flex-start;padding-block:1.875rem}.footer p{margin:0;max-width:13.125rem}.footer>div{width:100%;justify-content:space-between;gap:0.5rem}h2{letter-spacing:-0.1rem}.demo-actions .button{padding:0.875rem 0.75rem;font-size:0.8125rem;gap:0.625rem}.hero .button{font-size:0.8125rem;gap:0.9375rem}.legal h1{font-size:2.375rem;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Dayguide's independent product identity */
body{background:#fbfbfd;color:#182435}.dark,.contact,.reference{background:#17263a}.dark:hover{background:#2b3e59}.brand-dot{color:#8772c6}.hero{gap:2.5rem;padding-top:2.1875rem}.hero h1{font-size:clamp(3rem,5.7vw,5.125rem);letter-spacing:-0.25rem;line-height:1.07}.hero h1 span{font-size:.82em;letter-spacing:-0.1875rem;color:#6e599f}.hero-visual.product-hero{height:39.375rem;background:#182a43;overflow:visible}.hero-grid{position:absolute;inset:0;border-radius:0.625rem;overflow:hidden;background:linear-gradient(90deg,#ffffff09 1px,transparent 1px),linear-gradient(#ffffff09 1px,transparent 1px);background-size:3.125rem 3.125rem}.hero-phone{height:32.5rem;width:auto;position:absolute;top:2.9375rem;left:50%;transform:translateX(-50%) rotate(7deg);filter:drop-shadow(0 1.5rem 1.375rem #0005);object-fit:contain}.hero-side-note{position:absolute;left:1.4375rem;top:9.6875rem;color:#c4cbdd;font-size:0.5625rem;line-height:2.3;letter-spacing:0.0625rem}.vertical-line{display:block;width:0.0625rem;height:7.5rem;background:#64718a;margin-top:1.375rem}.product-hero .arrival-card{bottom:2.625rem;left:-1.5625rem;right:3.75rem;padding:1.25rem}.product-hero .arrival-card strong{font-size:1.375rem}.product-hero .visual-top{font-size:0.625rem;letter-spacing:0.0938rem}.product-hero .image-caption{bottom:0.875rem;font-size:0.625rem}.scroll-story{background:#eef0f8;border-top:1px solid #e1e3ef;border-bottom:1px solid #e1e3ef}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:5.625rem;align-items:start}.story-stage{position:sticky;top:1.875rem;min-height:41.25rem;height:calc(100vh - 3.75rem);max-height:52.5rem;display:flex;align-items:center;flex-direction:column;justify-content:center}.story-stage-label{width:100%;display:flex;justify-content:space-between;font-size:0.6875rem;letter-spacing:0.0625rem;margin:1.25rem 0}.story-phones{position:relative;width:100%;height:min(66vh,38.75rem);min-height:26.875rem}.story-phone{height:100%;width:auto;position:absolute;left:50%;transform:translateX(-50%);object-fit:contain;opacity:0;transition:opacity .35s}.story-phone.active{opacity:1}.story-stage>p{font-size:0.6875rem;color:#5b677c;margin:1.25rem 0}.story-chapter{min-height:85vh;padding:8.125rem 0;display:flex;flex-direction:column;justify-content:center}.story-chapter h2{font-size:clamp(2.25rem,4.1vw,3.75rem);letter-spacing:-0.125rem}.story-chapter>p:not(.eyebrow){font-size:1.125rem;color:#586578;max-width:28.125rem;margin:1.5625rem 0}.story-outcome{font-size:0.8125rem;border-top:1px solid #cdd3e1;padding-top:1.125rem;max-width:27.5rem}.way-section{background:#17263a;color:white}.way-copy>p:not(.eyebrow){color:#c1c8d5}.check-list li:before{color:#d6c9f9}.demo{color:#182435}.reference{border:1px solid #35465b}.reference-copy>p:not(.eyebrow){color:#c5cddd}.tags span{border-color:#657187}.secondary-link{color:#c5cddd}.contact p:not(.eyebrow),.contact-note{color:#c5cddd}.more-audiences{border-top:1px solid #d9dee8;margin-top:2.1875rem;padding-top:1.5625rem;display:flex;flex-wrap:wrap;gap:0.9375rem 1.75rem;font-size:0.8125rem}.more-audiences span{color:#69768b}.more-audiences strong{font-weight:500}.pricing{padding-top:1.25rem}.price-disclaimer{border-left:3px solid #9983cb;padding-left:1.25rem!important;font-size:0.875rem!important}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.8125rem}.price-grid article{border:1px solid #d6dbe5;border-radius:0.625rem;padding:1.6875rem;display:flex;flex-direction:column}.price-grid article.price-featured{background:#e6e4f3;border-color:#c4bddc}.price-grid h3{font-size:1.625rem}.price-grid p{font-size:0.875rem;color:#5b6676;min-height:4.0625rem}.price{font-size:2rem;letter-spacing:-0.1rem;white-space:nowrap;margin:1.125rem 0 0.5rem}.price>span{font-size:0.75rem;letter-spacing:0}.dummy{font-size:0.5625rem;letter-spacing:0.05rem;font-weight:600}.price-grid ul{padding:1.5rem 0 0 1.125rem;font-size:0.8125rem;border-top:1px solid #c6ccd8;margin-top:1.5625rem}.price-grid li{padding:0.3125rem 0}.pricing-footnote{font-size:0.75rem;color:#69768b;margin:1.375rem 0 0}.faq{padding-bottom:6.25rem;max-width:55rem}.faq h2{margin-bottom:2rem}.faq details{border-bottom:1px solid #d6dbe5;padding:1.25rem 0}.faq summary{cursor:pointer;font-size:1.0625rem;padding-right:0.9375rem}.faq details p{font-size:0.9375rem;color:#5b6676;max-width:46.875rem}.legal{min-height:70vh}.legal h2{margin-bottom:1.25rem}.legal a{text-underline-offset:0.1875rem}.no-js-note{font-size:0.75rem;color:#596577}.word{display:inline-block}
@media(max-width:1100px){.hero{gap:1.5625rem}.hero-visual.product-hero{height:35rem}.hero-phone{height:28.75rem}.hero-side-note{display:none}.product-hero .arrival-card{right:1.5625rem;padding:1.0625rem}.story-grid{gap:2.8125rem}.price-grid article{padding:1.25rem}.price{font-size:1.75rem}}@media(max-width:760px){.hero{gap:2.1875rem}.hero h1{font-size:clamp(2.8125rem,10vw,4.5rem);letter-spacing:-0.1688rem}.hero h1 span{letter-spacing:-0.125rem}.hero-visual.product-hero{height:32.5rem;margin-left:0}.hero-phone{height:26.875rem;top:2.1875rem}.product-hero .arrival-card{left:-0.375rem;right:1.5625rem;bottom:2.25rem;padding:1.0625rem}.hero-side-note{display:none}.story-grid{grid-template-columns:1fr;gap:0}.story-stage{top:0;min-height:0;height:48vh;max-height:30rem;background:#eef0f8;z-index:2;padding-top:0.625rem;border-bottom:1px solid #cfd5e3}.story-phones{height:36vh;min-height:0}.story-stage-label{margin:0 0 0.5rem;font-size:0.5625rem}.story-stage>p{font-size:0.5625rem;margin:0.5rem 0}.story-chapter{min-height:70vh;padding:3.4375rem 0}.story-chapter h2{font-size:2.375rem;letter-spacing:-0.0875rem}.story-chapter>p:not(.eyebrow){font-size:1rem}.story-outcome{font-size:0.75rem}.price-grid{grid-template-columns:1fr}.price-grid p{min-height:0}.price{font-size:2.1875rem}.price-grid article{padding:1.75rem}.pricing{padding-top:0.625rem}.faq{padding-bottom:3.75rem}.more-audiences{gap:0.75rem 1.25rem}.reference-photo{min-height:16.875rem}.demo-body{min-height:10.9375rem}}
@media(prefers-reduced-motion:reduce){.story-stage{position:static;height:auto;max-height:none;padding:1.875rem 0}.story-phones{height:auto;min-height:0;display:flex;gap:0.75rem;align-items:flex-start}.story-phone{position:static;transform:none;opacity:1;transition:none;width:calc((100% - 1.5rem)/3);height:auto}.story-chapter{min-height:0;padding:1.875rem 0}.story-grid{display:block}.story-stage>p{margin-bottom:0}}html.no-motion .story-phone{transition:none}html.no-js .story-stage{position:static;height:auto;max-height:none}html.no-js .story-phones{height:auto;min-height:0;display:flex;gap:0.75rem}html.no-js .story-phone{position:static;transform:none;opacity:1;width:calc((100% - 1.5rem)/3);height:auto}html.no-js .story-chapter{min-height:0;padding:1.875rem 0}

body{font-family:Manrope,Arial,sans-serif}.hero-note{margin-top:1rem}.hero h1{font-weight:600}.logo{font-weight:800}

html.lenis,html.lenis body{height:auto}html.lenis.lenis-smooth{scroll-behavior:auto!important}.no-js .demo-actions{display:none}.micro{font-size:0.75rem}.hero-side-note{font-size:0.6875rem}.location-tag,.demo-label,.demo-head,.dummy{font-size:0.6875rem}.hero-note{padding-top:0.5rem}
/* Typography verified against fdk.ai */
body,p{font-family:'Geist',Arial,sans-serif}h1,h2,h3,.logo,.button{font-family:'Space Grotesk',Arial,sans-serif}.eyebrow,.micro,.dummy,.story-stage-label{font-family:'Geist Mono',monospace}.hero h1 span,h2 em,.audiences h2{font-family:'Space Grotesk',Arial,sans-serif;font-style:normal;font-weight:500}.hero-phone{border-radius:1.5rem;border:5px solid #101c2b}.real-screen{border-radius:0.9375rem;border:1px solid #c1c7d1;box-shadow:0 1rem 1.875rem #0c183322;object-fit:contain;background:#fff}.story-phone.real-screen{max-width:100%;width:auto}.real-walk{text-align:center;justify-self:center;width:100%;max-width:24.375rem}.real-walk>img{display:block;width:auto;height:auto;max-height:43.125rem;margin:0 auto}.real-walk .eyebrow{margin-bottom:1.25rem;color:#d8d2eb}.capture-controls{display:flex;align-items:center;gap:0.9375rem;margin:1.25rem 0 0.75rem}.capture-controls button{flex:0 0 2.75rem;height:2.75rem;border:1px solid #748099;background:transparent;color:white;border-radius:0.375rem;font-size:1.4375rem}.capture-controls p{flex:1;font-size:0.8125rem;margin:0;line-height:1.4}.capture-note{font-size:0.75rem;color:#bcc7d8}.real-walk .text-link{display:inline-block;font-size:0.8125rem;margin-top:0.625rem}.two-prices{grid-template-columns:1fr 1fr}.creator .split p{color:#5c6778;font-size:1.125rem;margin-top:0}.modular{padding-bottom:4.375rem}.hero-note{margin-top:1rem!important}.story-phone{transition:opacity .2s}.no-js .capture-controls{display:none}.no-js .story-phones{flex-wrap:wrap}.no-js .story-phone.real-screen{width:calc((100% - 1.5rem)/3);height:auto;max-height:none}.way-layout{align-items:center}
@media(max-width:760px){.two-prices{grid-template-columns:1fr}.real-walk>img{width:100%;height:auto;max-height:none}.real-walk{max-width:21.875rem}.hero-phone{height:26.875rem}.hero h1 span{font-size:.85em}.way-copy h2{font-size:2.3125rem}.story-stage-label{font-size:0.5625rem;letter-spacing:0.0312rem}.story-stage>p{font-size:0.625rem}.real-screen{border-radius:0.625rem}.creator .split p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.story-phones{flex-wrap:wrap}.story-phone.real-screen{width:calc((100% - 1.5rem)/3);height:auto;max-height:none}}@media(max-width:500px) and (prefers-reduced-motion:reduce){.story-phone.real-screen{width:calc((100% - 0.75rem)/2)}}

.admin-proof{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:3.125rem 0 6.25rem}.admin-proof>div>p:not(.eyebrow){max-width:28.125rem;color:#5b6879;font-size:1.125rem}.admin-proof>img{width:100%;max-width:21.875rem;justify-self:center}.admin-proof .capture-note{color:#667184}@media(max-width:760px){.admin-proof{grid-template-columns:1fr;gap:1.875rem;padding:0.625rem 0 3.75rem}.admin-proof>div>p:not(.eyebrow){font-size:1rem}}

.tour-proof{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding-top:6.875rem;padding-bottom:6.875rem;align-items:center}.tour-proof-copy>p:not(.eyebrow){max-width:30rem;color:#586578}.tour-explanation{padding-left:1.375rem;max-width:30rem}.tour-explanation li{padding:0.75rem 0 0.75rem 0.5rem}.tour-explanation strong{display:block}.tour-gallery{width:100%;max-width:24.375rem;justify-self:center;text-align:center;min-width:0}.tour-gallery>img{display:block;width:auto;height:auto;max-width:100%;max-height:43.125rem;object-fit:contain;margin:auto}.tour-gallery .capture-controls button{color:#182435;border-color:#a8afbf}.tour-gallery .capture-note{color:#586578}.tour-gallery .text-link{font-size:0.8125rem}.tour-proof .muted{font-size:0.8125rem}.no-js .tour-gallery>noscript img{max-width:100%;height:auto}@media(max-width:760px){.tour-proof{grid-template-columns:1fr;gap:1.875rem;padding-top:3.75rem;padding-bottom:3.75rem}.tour-gallery{max-width:21.875rem}.tour-proof h2{font-size:2.375rem}}

@media(max-width:760px){.tour-gallery>img{width:100%;height:auto;max-height:none}}

/* Spatial identity · FDK family, cool palette */
:root{--ink:#0c1f2e;--paper:#f6f8fb;--accent:#9ebdce}body{background:var(--paper);color:var(--ink)}.header{position:relative;z-index:3;color:#f6f8fb}.header a{color:inherit}.header .dark{background:#f6f8fb;color:#0c1f2e}.header:before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);background:#0c1f2e;z-index:-1}.logo .logo-mark{display:inline-block;width:1.9375rem;height:1.9375rem;border:0;border-radius:0;background:none;margin-left:0.75rem;vertical-align:middle;color:inherit;padding:0}.brand-dot{color:#9ebdce}.hero{position:relative;isolation:isolate;color:#f6f8fb;min-height:47.5rem;gap:4.0625rem;padding-top:2.8125rem;padding-bottom:4.0625rem}.hero:before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);background:#0c1f2e;z-index:-2}.hero-ghost{position:absolute;left:-3%;bottom:-1.25rem;font-family:'Space Grotesk',sans-serif;font-size:clamp(12.5rem,39vw,40rem);font-weight:700;line-height:.8;letter-spacing:-.09em;color:#ffffff06;pointer-events:none;z-index:-1;user-select:none}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(3rem,5.5vw,5rem);font-weight:500;line-height:1.03}.hero h1 span{color:#9ebdce;font-size:.88em}.hero .lead,.hero-note{color:#b4c2cd}.hero .dark{background:#e7eff4;color:#0c1f2e;border:1px solid #e7eff4}.hero .dark:hover{background:white;transform:translateY(-0.1875rem)}.hero-visual.product-hero{height:40.625rem;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;position:relative}.device-stage{height:34.375rem;display:flex;justify-content:center;align-items:center;perspective:87.5rem}.device-float{width:15.125rem;transform:rotateX(8deg) rotateY(-19deg) rotateZ(7deg);transform-style:preserve-3d;position:relative;border-radius:1.8125rem;box-shadow:0.5625rem 0.625rem 0 #273e4d,0.625rem 0.6875rem 0 #5b7181,1.375rem 2.1875rem 2.5rem #0005}.hero .hero-phone{position:relative;display:block;top:auto;left:auto;transform:none;width:100%;height:auto;border:5px solid #263d4d;border-radius:1.8125rem;filter:none;object-fit:contain}.hero-device-caption{position:relative;margin:1.5625rem auto 0;width:max-content;max-width:100%;border-left:1px solid #5b7484;padding-left:1.25rem;display:flex;flex-direction:column;gap:0.5rem;color:#b4c2cd;font-size:0.75rem}.hero-device-caption strong{font-family:'Space Grotesk';font-size:1.5625rem;color:#f6f8fb;font-weight:500}.hero-device-caption .micro{font-size:0.5625rem;letter-spacing:0.075rem}.dark,.contact,.way-section,.reference{background:#0c1f2e}.scroll-story,.story-stage{background:#edf2f5}.story-outcome{border-color:#c5d1d9}.story-stage-label,.eyebrow{color:inherit}.price-grid article.price-featured{background:#e3ebf1;border-color:#bacbd6}.dummy,.price-disclaimer strong{color:#345569}.price-disclaimer{border-color:#708fA2}.lavender{background:#dce7ee;color:#0c1f2e}.check-list li:before{color:#9ebdce}.features article{background:transparent}.real-walk .eyebrow{color:#b4c2cd}[data-ghost]{position:relative;isolation:isolate}[data-ghost]:before{content:attr(data-ghost);position:absolute;right:0;top:0.3125rem;color:#0c1f2e06;font-family:'Space Grotesk';font-size:clamp(9.375rem,25vw,20.625rem);font-weight:600;line-height:1;z-index:-1;pointer-events:none}.capture-controls button{cursor:pointer;transition:background .2s,transform .2s}.capture-controls button:hover:not(:disabled){background:#9ebdce33;transform:translateY(-0.125rem)}.capture-controls button:disabled{opacity:.35}
@media(max-width:760px){.header .button{font-size:0.6875rem}.hero{padding-top:1.875rem;gap:0.9375rem;min-height:0;padding-bottom:2.8125rem}.hero h1{font-size:clamp(2.75rem,10vw,4.125rem)}.hero-visual.product-hero{height:35.3125rem;margin-top:0.9375rem}.device-stage{height:28.125rem;perspective:62.5rem}.device-float{width:12.1875rem}.hero .hero-phone{height:auto}.hero-device-caption{margin-top:1.25rem}.hero-ghost{font-size:65vw;bottom:5%;left:0}.header .logo-mark{width:1.5rem;height:1.5rem;margin-left:0.4375rem}[data-ghost]:before{font-size:9.375rem}}
@media(prefers-reduced-motion:reduce){.device-float{transform:rotateY(-10deg) rotateZ(3deg)}.capture-controls button{transition:none}}
@media(max-width:760px){.hero-ghost{width:calc(100% - 5rem);overflow:hidden}}

.header .logo{position:relative;margin-left:0.75rem;margin-top:0.5625rem;margin-bottom:0.5625rem}.logo-route{position:absolute;left:-.5em;top:-.6875em;width:5.5em;height:2.25em;overflow:visible;pointer-events:none}.header .logo-route{display:block}.header .logo{padding:0}

.header .logo{display:block;width:9.8125rem;height:3.75rem;margin:0;line-height:0}.logo-unified{display:block;width:100%;height:100%;overflow:visible}@media(max-width:760px){.header .logo{width:8.5625rem;height:3.3125rem}}

/* Footer: gleiches Logo wie im Header, via currentColor dunkel auf hellem Grund */
.footer .logo{display:block;width:8.5625rem;height:3.3125rem;line-height:0}.footer .logo-unified{display:block;width:100%;height:100%;overflow:visible}

/* Preissektion: drei Editionen mit Festpreisen */
.price-setup{display:block;font-size:0.8125rem;color:#345569;margin:0.125rem 0 0}

/* Fluide Skalierung: Root-Schriftgrösse 16px bei 1320px Viewport, wächst bis 22px; alle Masse in rem, darum skaliert die ganze Seite mit dem Bildschirm. Breakpoints bleiben in px. */

/* Neue Sektionen (Sept 2026): Brücke, vier Zielgruppen, Baukasten, Sprachen, Analytics */
.bridge{background:#0c1f2e;color:#f6f8fb;padding:5.5rem 0}.bridge .eyebrow{color:#9ebdce}.bridge h2{max-width:62rem}.bridge-steps{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.bridge-steps li{border-left:1px solid #5b7484;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.bridge-steps .micro{color:#9ebdce;font-size:.6875rem;letter-spacing:.12em}.bridge-steps strong{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;font-size:1.5rem;letter-spacing:-.03em;line-height:1.15}.bridge-steps li>span:last-child{font-size:.9375rem;color:#b4c2cd;line-height:1.55}
.audience-grid.four{grid-template-columns:repeat(4,1fr);gap:2.5rem}.audience-modules{display:block;margin-top:1rem;font-family:'Geist Mono',monospace;font-size:.6875rem;letter-spacing:.06em;color:#69768b;border-top:1px solid #d9dee8;padding-top:.75rem}
.module-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;margin-top:3.4375rem}.module-grid article{border:1px solid #d6dbe5;border-radius:.625rem;padding:1.5rem;display:flex;flex-direction:column;background:#fff}.module-grid h3{font-size:1.25rem;margin:1.125rem 0 .5rem;letter-spacing:-.02em}.module-grid p{font-size:.875rem;color:#5b6676;margin:0 0 1.25rem;line-height:1.55}.module-for{margin-top:auto;font-family:'Geist Mono',monospace;font-size:.625rem;letter-spacing:.08em;color:#69768b;border-top:1px solid #e1e5ee;padding-top:.75rem}
.platform-title{margin:3rem 0 1.25rem!important}.platform{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.platform article{background:#e3ebf1;border:1px solid #bacbd6;border-radius:.625rem;padding:1.5rem}.platform h3{font-size:1.125rem;margin:0 0 .5rem}.platform p{font-size:.875rem;color:#345569;margin:0;line-height:1.55}
.lang-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.75rem}.lang-grid>span{display:inline-block;border:1px solid #bacbd6;border-radius:.5rem;padding:.75rem 1.125rem;font-size:1.125rem;background:#fff;color:#0c1f2e;min-width:9rem}.lang-grid small{display:block;font-family:'Geist Mono',monospace;font-size:.625rem;letter-spacing:.1em;color:#69768b;margin-top:.375rem}
.analytics-section{padding-top:0}.analytics{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.analytics-copy>p:not(.eyebrow){max-width:30rem;color:#586578;font-size:1.125rem;margin:1.5rem 0 0}.analytics-card{background:#0c1f2e;color:#f6f8fb;border-radius:.625rem;padding:1.75rem;box-shadow:0 1.5rem 3rem #0c183322}.analytics-head{display:flex;justify-content:space-between;gap:1rem;font-family:'Geist Mono',monospace;font-size:.6875rem;letter-spacing:.1em;color:#9ebdce;margin-bottom:1.5rem}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.kpis div{border-top:1px solid #35465b;padding-top:.75rem}.kpis strong{display:block;font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;font-size:2rem;letter-spacing:-.05em;line-height:1.1;font-variant-numeric:tabular-nums}.kpis span{font-size:.75rem;color:#b4c2cd}.bars{display:flex;align-items:flex-end;gap:.25rem;height:6rem;margin:1.75rem 0 .5rem;border-bottom:1px solid #35465b}.bars i{flex:1;display:block;background:#9ebdce;border-radius:.25rem .25rem 0 0}.bar-label{display:flex;justify-content:space-between;font-family:'Geist Mono',monospace;font-size:.625rem;letter-spacing:.08em;color:#69768b}.top-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:.625rem;font-size:.8125rem}.top-list div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #35465b;padding-bottom:.625rem}.top-list div span:first-child{color:#b4c2cd}
@media(max-width:1100px){.bridge-steps{grid-template-columns:repeat(2,1fr)}.audience-grid.four{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(3,1fr)}.platform{grid-template-columns:repeat(2,1fr)}.analytics{gap:3rem}}
@media(max-width:760px){.bridge{padding:4rem 0}.bridge-steps{grid-template-columns:1fr;gap:1.5rem}.audience-grid.four{grid-template-columns:1fr;gap:1.75rem}.module-grid{grid-template-columns:1fr}.platform{grid-template-columns:1fr}.analytics{grid-template-columns:1fr;gap:2rem}.lang-grid>span{min-width:0;flex:1 1 40%}.analytics-card{padding:1.25rem}.kpis strong{font-size:1.6rem}}

/* Preissektion folgt jetzt direkt auf die Referenz: oberer Abstand wie bei den anderen Sektionen */
.pricing{padding-top:6.875rem}

/* Startseite v2 und Fallstudie (Sept 2026): Hero mit QR, Video-Platz, Auf-Anfrage-Module, Sprachen ohne Obergrenze, echte Analytics, Zitat */
.hero-visual.product-hero{height:auto}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hero-link{color:#b4c2cd;font-size:.9375rem}
.hero-qr{display:flex;gap:1.25rem;align-items:center;margin:1.5rem auto 0;max-width:30rem;background:#f6f8fb;color:#0c1f2e;border-radius:.625rem;padding:1rem 1.25rem;box-shadow:0 1rem 2rem #00000059}.hero-qr img{width:6.5rem;height:6.5rem;flex:0 0 auto;display:block}.hero-qr div{display:flex;flex-direction:column;gap:.375rem}.hero-qr .micro{color:#345569;font-size:.6875rem;letter-spacing:.12em}.hero-qr strong{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;font-size:1.25rem;line-height:1.15;letter-spacing:-.02em}.hero-qr div>span:last-child{font-size:.8125rem;color:#5b6676}
.video{padding-top:4rem;padding-bottom:2rem}.video-frame{aspect-ratio:16/9;max-width:100%;background:#0c1f2e;border-radius:.625rem;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;color:#f6f8fb;margin-top:1.5rem}.video-poster{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding:2rem}.video-poster .micro{color:#9ebdce}.video-poster strong{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;font-size:clamp(1.75rem,3.5vw,3.25rem);letter-spacing:-.04em;line-height:1.05}.play{width:4.5rem;height:4.5rem;border:1px solid #9ebdce;border-radius:50%;position:relative;display:block}.play:after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-left:1.25rem solid #f6f8fb;border-top:.75rem solid transparent;border-bottom:.75rem solid transparent}.video-note{font-size:.8125rem;color:#69768b;margin:1rem 0 0}
.request-intro{font-size:1.125rem;color:#586578;margin:0 0 1.5rem}.request-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem 2rem}.request-grid div{border-top:1px solid #d6dbe5;padding-top:1rem;display:flex;flex-direction:column;gap:.375rem}.request-grid strong{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;font-size:1.125rem;letter-spacing:-.02em}.request-grid span{font-size:.875rem;color:#5b6676;line-height:1.5}
.lang-grid>.lang-more{border-style:dashed;background:transparent;color:#345569}.lang-proof{margin:2rem 0 0;font-size:1rem;color:#345569;border-left:3px solid #9ebdce;padding-left:1.25rem;max-width:44rem}
.share-list{display:flex;flex-direction:column;gap:.5rem;margin:1.75rem 0 .5rem}.share-list div{display:grid;grid-template-columns:5.5rem 1fr 3rem;align-items:center;gap:.75rem;font-size:.8125rem}.share-list span{color:#b4c2cd}.share-list i{display:block;height:.75rem;background:#9ebdce;border-radius:0 .25rem .25rem 0;min-width:.25rem}.share-list b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.quote{padding:4rem 0}.quote blockquote{margin:0;max-width:56rem}.quote blockquote p{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:500;letter-spacing:-.03em;line-height:1.25;margin:0}.quote footer{margin-top:1.25rem;font-family:'Geist Mono',monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#69768b}
@media(max-width:1100px){.request-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hero-visual.product-hero{height:auto}.request-grid{grid-template-columns:1fr}.hero-qr{max-width:100%;padding:.875rem 1rem}.hero-qr img{width:5rem;height:5rem}.video{padding-top:2.5rem}.share-list div{grid-template-columns:4.5rem 1fr 2.5rem}}

/* Hero-Zeile v2 ist länger: etwas kleinere Schrift, breitere Textspalte */
@media(min-width:1101px){.hero{grid-template-columns:1.25fr 1fr}.hero h1{font-size:clamp(2.6rem,4.4vw,4.4rem)}}

/* Presse-Zeile (Bekannt aus) */
.press{border-top:1px solid #d6dbe5;border-bottom:1px solid #d6dbe5;padding:2rem 0;display:grid;grid-template-columns:auto 1fr;gap:.5rem 3rem;align-items:center;margin-top:3rem}.press .micro{color:#69768b;letter-spacing:.12em}.press a{font-family:'Space Grotesk',Arial,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:-.02em;text-decoration:none;color:#0c1f2e;line-height:1.3}.press a:hover{text-decoration:underline;text-underline-offset:.3em}.press-note{grid-column:2;font-size:.8125rem;color:#69768b}
@media(max-width:760px){.press{grid-template-columns:1fr;gap:.75rem;margin-top:2rem}.press-note{grid-column:1}.press a{font-size:1.125rem}}

/* Sprachwahl im Header: Knopf mit Kürzel, Untermenü per Klick (Struktur wie auf fdk.ai, Farben von day.guide). Markup erzeugt i18n/build.mjs. */
.lang-switch{position:relative}
.header .lang-switch{margin-left:auto}
.header nav+.lang-switch{margin-left:0}
.lang-switch summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border-radius:.4375rem;font-family:'Space Grotesk',Arial,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:inherit;transition:background .2s}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary:hover,.lang-switch[open] summary{background:#ffffff14}
.lang-switch-caret{width:.4375rem;height:.4375rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.125rem) rotate(45deg);transition:transform .2s}
.lang-switch[open] .lang-switch-caret{transform:translateY(.125rem) rotate(225deg)}
.lang-switch-menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:15rem;background:#0c1f2e;color:#f6f8fb;border:1px solid #345569;border-radius:.625rem;box-shadow:0 1.5rem 3.75rem -1.25rem #0a0a0ab3;padding:1rem 0 .5rem;z-index:50}
.lang-switch-eyebrow{display:flex;gap:.75rem;margin:0 0 .375rem;padding:0 1.375rem .75rem;border-bottom:1px solid #345569;font-family:'Geist Mono',monospace;font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:#69768b}
.lang-switch-eyebrow span:first-child{color:#9ebdce}
.lang-switch-menu a{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.75rem 1.375rem;border-left:2px solid transparent;font-family:'Space Grotesk',Arial,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#f6f8fb}
.lang-switch-menu a span{font-family:'Geist Mono',monospace;font-size:.625rem;letter-spacing:.1em;color:#69768b}
.lang-switch-menu a:hover{background:#ffffff0d}
.lang-switch-menu a[aria-current="page"]{background:#ffffff0d;border-left-color:#9ebdce}
.lang-switch-menu a[aria-current="page"] span{color:#9ebdce}

/* Header bleibt beim Scrollen oben (wie auf fdk.ai). Anker landen unter dem Header, die Scroll-Story startet unter dem Header. */
.header{position:sticky;top:0;z-index:40}
html{scroll-padding-top:8.5rem}
.story-stage{top:8.875rem;height:calc(100vh - 10.75rem)}
@media(max-width:760px){html{scroll-padding-top:6.5rem}.story-stage{top:5.375rem}.header nav+.lang-switch{margin-left:auto}}
/* Hero: QR-Karte auf Desktop, auf Mobile stattdessen der Button «App live öffnen». */
.hero-app{display:none}
@media(max-width:760px){.hero-qr{display:none}.hero-app{display:flex;width:100%;justify-content:center;margin-top:1.5rem}}
/* NAV-Knopf und Vollbild-Menü auf Mobile, Aufbau wie auf fdk.ai. Der Knopf schaltet die Klasse nav-open (script.js). */
.nav-toggle{display:none}
@media(max-width:760px){
.nav-toggle{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem .75rem .5rem .875rem;border:1px solid #f6f8fb;border-radius:.4375rem;background:none;color:inherit;font:500 .75rem/1 'Space Grotesk',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.nav-toggle-icon{position:relative;width:1rem;height:.75rem;display:block}
.nav-toggle-icon span{position:absolute;left:0;width:100%;height:1.5px;background:currentColor;transition:transform .2s,opacity .2s}
.nav-toggle-icon span:nth-child(1){top:0}.nav-toggle-icon span:nth-child(2){top:calc(50% - .75px)}.nav-toggle-icon span:nth-child(3){bottom:0}
.nav-open .nav-toggle-icon span:nth-child(1){transform:translateY(.34rem) rotate(45deg)}.nav-open .nav-toggle-icon span:nth-child(2){opacity:0}.nav-open .nav-toggle-icon span:nth-child(3){transform:translateY(-.34rem) rotate(-45deg)}
.header.nav-open nav{display:flex;flex-direction:column;position:fixed;left:0;right:0;top:5.375rem;bottom:0;padding:1.25rem var(--gutter) 2rem;background:#0c1f2e;overflow:auto;gap:0;counter-reset:item;z-index:39;font-size:1rem}
.header.nav-open nav::before{content:"00 " attr(aria-label);display:block;font-family:'Geist Mono',monospace;font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:#69768b;padding-bottom:.75rem;border-bottom:1px solid #345569}
.header.nav-open nav a{counter-increment:item;display:flex;justify-content:space-between;align-items:center;padding:1.125rem 0;border-bottom:1px solid #345569;font-family:'Space Grotesk',Arial,sans-serif;font-size:1.75rem;font-weight:500;letter-spacing:-.02em;color:#f6f8fb;text-decoration:none}
.header.nav-open nav a::after{content:counter(item,decimal-leading-zero);font-family:'Geist Mono',monospace;font-size:.625rem;letter-spacing:.1em;color:#69768b}
body.nav-open{overflow:hidden}
}