:root{--ink:#171b16;--paper:#f3f3eb;--lime:#d8f78b;--muted:#62675f;--line:#d5d8cd;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #728b36;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.skip-link{position:absolute;top:-80px;left:20px;background:var(--lime);padding:15px;z-index:10}.skip-link:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5%;background:var(--paper)}.wordmark{font-size:34px;font-weight:700;letter-spacing:-2px}.brand-dot{color:#6d8835}.header nav{display:flex;gap:35px;font-size:14px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;height:1px;background:currentColor;bottom:-6px;left:0;right:100%;transition:right .2s}.header nav a:hover:after{right:0}.header-cta{border:1px solid #c8cbbf;padding:13px 19px;font-size:13px;display:flex;gap:30px;border-radius:4px;transition:background .2s}.header-cta:hover{background:var(--lime)}.menu-toggle{display:none}.hero{min-height:740px;height:calc(100svh - 100px);max-height:1050px;position:relative;overflow:hidden;background:#202a27;color:var(--paper)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.24);animation:photo-enter 1.6s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,23,19,.94),rgba(13,23,19,.77) 38%,rgba(13,23,19,.08) 100%),linear-gradient(0deg,rgba(9,18,15,.75),transparent 30%)}.hero-content{position:relative;padding:64px 7% 130px;max-width:1000px}.eyebrow{font-size:11px;font-weight:550;letter-spacing:1.8px;display:flex;align-items:center;gap:13px;margin:0}.status-dot{width:7px;height:7px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--lime)}.hero h1{font-size:clamp(100px,11.4vw,180px);letter-spacing:-.085em;line-height:1.05;font-weight:550;margin:30px 0 21px}.hero h1 span{color:var(--lime)}.hero h2{font-size:clamp(32px,3.5vw,52px);font-weight:450;line-height:1.12;letter-spacing:-1.6px;margin:0 0 23px}.hero-description{font-size:15px;line-height:1.7;max-width:390px;color:#d1d6cc;margin:0 0 28px}.button{padding:17px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border-radius:3px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;line-height:16px;transition:transform .2s}.button:hover span{transform:translate(2px,-2px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e6ffb2}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid #ffffff35;padding:25px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px}.hero-bottom a{font-size:12px;letter-spacing:0}.hero-bottom a span{margin-left:20px}.hero-content>*{animation:enter .85s both}.hero-content>:nth-child(2){animation-delay:.1s}.hero-content>:nth-child(3){animation-delay:.2s}.hero-content>:nth-child(4){animation-delay:.3s}.hero-content>:nth-child(5){animation-delay:.4s}.section-pad{padding:100px 7%}.small-cross{font-size:21px;font-weight:400;line-height:10px}.about{padding-top:105px;padding-bottom:110px}.section-label{margin-bottom:45px}.about-body{display:grid;grid-template-columns:1.35fr 1fr;gap:10%}.about h2,.section-heading h2{font-weight:450;font-size:clamp(32px,3.5vw,50px);line-height:1.15;letter-spacing:-2px;margin:0}.about h2 span{color:#8b9084}.about-copy p{font-size:15px;line-height:1.8;margin:0 0 19px;color:var(--muted)}.text-link{font-size:13px;font-weight:600;display:inline-flex;justify-content:space-between;gap:45px;padding:9px 0 12px;border-bottom:1px solid currentColor}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-2px)}.approach{background:#e9ebe2;padding-top:75px;padding-bottom:80px}.section-heading{display:grid;grid-template-columns:1fr 1.2fr .8fr;align-items:start;gap:30px}.section-heading .eyebrow{padding-top:10px}.section-heading h2{font-size:40px}.section-heading>p:last-child{font-size:14px;line-height:1.8;margin:9px 0;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px}.principle{position:relative;border-top:1px solid #bec3b4;padding:32px 36px 0 0}.principle+.principle{border-left:1px solid #cbd0c0;padding-left:36px}.principle-number{font-size:10px;color:var(--muted)}.principle-symbol{height:68px;display:flex;align-items:center;gap:5px;margin:15px 0}.principle-symbol i{display:block;width:25px;height:25px;border:1px solid #6a755a;transform:rotate(-30deg) skew(15deg)}.principle-symbol i:nth-child(2){margin-left:-15px;margin-top:-14px}.principle-symbol i:nth-child(3){margin-left:-15px;margin-top:-28px}.connected i{border-radius:50%;transform:none;width:31px;height:31px}.connected i:nth-child(2){margin-top:0;margin-left:-14px}.connected i:nth-child(3){margin-top:0;margin-left:-14px}.forward{font-size:65px;line-height:1;font-weight:400;color:#6a755a}.principle h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0 0 15px}.principle p{font-size:14px;line-height:1.8;color:var(--muted);max-width:290px;margin:0}.product{background:var(--lime);padding-top:45px;padding-bottom:70px;overflow:hidden}.product-top{display:flex;justify-content:space-between;border-bottom:1px solid #aabf79;padding-bottom:28px}.product-top .status-dot{background:var(--ink)}.product-family{font-size:12px}.product-body{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:55px;align-items:center}.product-copy h2{font-size:clamp(55px,6vw,88px);font-weight:550;letter-spacing:-5px;margin:0 0 27px;line-height:1}.product-copy h2 span{font-size:.65em;display:inline-block;margin-left:20px;vertical-align:top}.product-copy h3{font-size:36px;line-height:1.15;letter-spacing:-1.3px;font-weight:450;margin:0 0 21px}.product-copy>p{font-size:14px;line-height:1.8;max-width:360px;color:#3c4b2d;margin:0 0 28px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#313d29}.product-url{display:block;font-size:11px;color:#4c5d36;margin-top:16px;width:fit-content}.product-url:hover{text-decoration:underline}.product-visual{height:480px;background:#c8e67e;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50% 50% 4px 4px}.orbit{position:absolute;width:540px;height:540px;border:1px solid #94ad5a66;border-radius:50%}.orbit-two{width:370px;height:370px}.visual-label{position:absolute;font-size:8px;letter-spacing:1.5px;color:#4e622f;left:0;right:0;text-align:center}.top-label{top:32px}.bottom-label{bottom:24px}.receipt{z-index:1;background:#fcfdf4;width:244px;padding:25px 24px 18px;box-shadow:10px 15px 28px #607c3025;transform:rotate(-6deg);clip-path:polygon(0 0,100% 0,100% 98%,96% 100%,92% 98%,88% 100%,84% 98%,80% 100%,76% 98%,72% 100%,68% 98%,64% 100%,60% 98%,56% 100%,52% 98%,48% 100%,44% 98%,40% 100%,36% 98%,32% 100%,28% 98%,24% 100%,20% 98%,16% 100%,12% 98%,8% 100%,4% 98%,0 100%);transition:transform .4s}.product-visual:hover .receipt{transform:rotate(0) translateY(-5px)}.receipt-logo{font-size:23px;letter-spacing:-1px;font-weight:650;display:flex;justify-content:space-between}.receipt-rule{border-top:1px solid #dce0d3;margin:15px 0}.receipt-check{border-radius:50%;background:var(--lime);width:34px;height:34px;display:grid;place-items:center;margin:18px auto 12px}.receipt strong{font-size:13px;text-align:center;display:block;font-weight:550}.receipt p{text-align:center;font-size:9px;color:#737b69;margin:7px 0 20px}.dashed{border-top-style:dashed}.receipt-line{display:flex;justify-content:space-between;font-size:9px;margin:12px 0;color:#6a715f}.receipt-line span:last-child{color:var(--ink)}.receipt-barcode{height:27px;margin:20px 15px 10px;background:repeating-linear-gradient(90deg,#2a3121 0 2px,transparent 2px 4px,#2a3121 4px 5px,transparent 5px 9px,#2a3121 9px 12px,transparent 12px 14px);opacity:.75}.receipt-foot{display:block;text-align:center;font-size:7px;letter-spacing:1.2px;margin-bottom:7px}.closing{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;background:var(--ink);color:var(--paper);padding-top:75px;padding-bottom:85px}.closing>.eyebrow{grid-column:1/-1;color:#b5c1a7}.closing h2{font-size:clamp(45px,5.5vw,76px);line-height:1.06;letter-spacing:-3px;font-weight:450;margin:12px 0 0}.closing h2 em{font-style:normal;color:var(--lime)}.closing>div{align-self:end}.closing p:not(.eyebrow){font-size:14px;line-height:1.8;color:#b4bcab}.closing .text-link{color:var(--lime);margin-top:10px;min-width:215px}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:30px 5%;background:var(--paper)}footer .wordmark{font-size:28px}footer p,footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}footer p{margin-right:auto}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes photo-enter{from{transform:scale(1.07)}to{transform:scale(1)}}@media(min-width:1600px){.hero-content{padding-top:80px}.hero h1{margin-top:40px}}@media(max-width:1000px){.header nav{gap:20px}.header{gap:20px}.hero{min-height:720px}.hero-content{padding-top:65px}.hero h1{font-size:130px}.about-body{gap:6%}.section-heading{grid-template-columns:1fr 1.4fr}.section-heading>p:last-child{display:none}.principle{padding-right:22px}.principle+.principle{padding-left:22px}.product-body{gap:5%}.product-visual{height:440px}.product-copy h2{font-size:66px}.product-copy h2 span{margin-left:10px}footer p{display:none}}@media(max-width:680px){.header{height:78px;padding:0 6%;gap:14px;position:relative;z-index:5}.wordmark{font-size:30px}.header-cta{font-size:11px;padding:11px 12px;gap:10px;margin-left:auto}.menu-toggle{display:flex;align-items:center;gap:8px;background:none;border:0;font-size:12px;padding:10px 0;order:3;cursor:pointer}.menu-toggle span{font-size:19px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px 6% 30px;border-top:1px solid var(--line);flex-direction:column;gap:25px}.header nav.open{display:flex}.hero{min-height:700px;height:calc(100svh - 78px);max-height:900px}.hero-content{padding:64px 7% 110px}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#0d1713e8,#0d17138a),linear-gradient(0deg,#0d1713b3,transparent)}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;gap:9px}.hero h1{font-size:clamp(90px,22vw,140px);margin:45px 0 27px;letter-spacing:-7px}.hero h2{font-size:37px;letter-spacing:-1.5px}.hero-description{max-width:330px;font-size:14px;margin-bottom:28px}.hero-bottom{left:7%;right:7%;padding:23px 0}.hero-bottom>span{font-size:8px;letter-spacing:.7px}.hero-bottom>span:last-child{display:none}.hero-bottom a{font-size:11px}.section-pad{padding:65px 7%}.section-label{margin-bottom:30px}.about-body{grid-template-columns:1fr;gap:28px}.about h2{font-size:36px;letter-spacing:-1.5px}.about-copy p{font-size:14px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:30px}.section-heading h2{font-size:36px}.principles{grid-template-columns:1fr;margin-top:35px}.principle{padding:23px 0 28px 70px;min-height:180px}.principle+.principle{border-left:none;padding-left:70px}.principle-number{position:absolute;left:0;top:30px}.principle-symbol{height:55px;margin:0 0 12px}.principle h3{font-size:20px}.principle p{max-width:100%;font-size:14px}.product-top{gap:12px}.product-top .eyebrow{font-size:8px;letter-spacing:1px;gap:7px}.product-family{font-size:9px;white-space:nowrap}.product-body{grid-template-columns:1fr;gap:40px;padding-top:35px}.product-copy h2{font-size:70px;margin-bottom:24px}.product-copy h3{font-size:34px}.product-visual{height:430px;max-width:430px;width:100%;margin:auto}.product{padding-top:30px}.closing{grid-template-columns:1fr;gap:25px}.closing>.eyebrow{font-size:9px;letter-spacing:1px}.closing h2{font-size:55px}.closing>div{margin-top:0}footer{padding:27px 7%;flex-wrap:wrap;gap:20px}footer .wordmark{flex-basis:100%}footer>span{margin-right:auto}.eyebrow{font-size:10px;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Floating navigation */
html{scroll-padding-top:120px}
.header{position:fixed;z-index:20;top:20px;left:28px;right:28px;height:76px;padding:0 18px 0 24px;gap:24px;border:1px solid #ffffff90;border-radius:18px;background:rgba(246,247,239,.94);box-shadow:0 8px 32px #0c170f14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header-brand{display:flex;align-items:center;gap:11px;font-size:30px;letter-spacing:-1.7px;flex-shrink:0}
.brand-symbol{width:34px;height:34px;padding:3px;color:var(--ink);background:var(--lime);border-radius:10px}
.header nav{position:absolute;left:50%;transform:translateX(-50%);gap:4px;padding:4px;background:#e5e8de99;border:1px solid #d9ded080;border-radius:100px;font-size:12px}
.header nav a{display:flex;align-items:center;gap:8px;padding:11px 18px;white-space:nowrap;border-radius:100px;transition:background .2s,color .2s,box-shadow .2s;color:#5e6558}
.header nav a:after{display:none}
.header nav a:hover{background:#f9fbf3;color:var(--ink)}
.header nav a[aria-current]{background:#fffef7;color:var(--ink);box-shadow:0 2px 7px #17200d0a}
.nav-product-dot{width:5px;height:5px;background:#718b3a;border-radius:50%}
.header-cta{margin-left:auto;background:var(--ink);color:var(--paper);border:0;border-radius:100px;padding:7px 7px 7px 20px;gap:22px;font-weight:500;font-size:12px;transition:background .2s,box-shadow .2s}
.header-cta>span{display:grid;place-items:center;background:var(--lime);color:var(--ink);width:34px;height:34px;border-radius:50%;font-size:19px;transition:transform .2s}
.header-cta:hover{background:#303d27;box-shadow:0 3px 12px #171b161c}.header-cta:hover>span{transform:rotate(45deg)}
.hero{height:100svh;min-height:840px;max-height:1150px}.hero-content{padding-top:155px}.hero h1{margin-top:26px}
@media(min-width:1600px){.hero-content{padding-top:175px}}
@media(max-width:1000px){.header{left:20px;right:20px;padding-left:18px;gap:16px}.header nav a{padding:10px 12px}.header-brand{font-size:27px;gap:8px}.header-cta{gap:12px;padding-left:15px}}
@media(max-width:800px) and (min-width:681px){.header nav{position:static;transform:none;margin:auto}.header nav a{padding:10px 9px;font-size:11px}.brand-symbol{display:none}.header-cta{font-size:11px;gap:8px}.header-cta>span{width:29px;height:29px}}
@media(max-width:680px){html{scroll-padding-top:105px}.header{top:12px;left:12px;right:12px;height:66px;padding:0 12px 0 16px;border-radius:16px;gap:12px}.header-brand{font-size:26px;gap:8px}.brand-symbol{width:29px;height:29px;border-radius:8px}.header-cta{font-size:10px;padding:5px 5px 5px 12px;gap:8px}.header-cta>span{width:27px;height:27px;font-size:16px}.menu-toggle{width:32px;height:36px;padding:8px 3px;position:relative;flex-direction:column;justify-content:center;gap:5px;flex-shrink:0}.menu-toggle .menu-line{display:block;width:20px;height:1.5px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] .menu-line:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-line:last-child{transform:translateY(-3.25px) rotate(-45deg)}.header nav{position:absolute;left:0;right:0;top:76px;transform:none;background:#f5f6ee;border:1px solid #d9ded0;border-radius:16px;padding:12px;gap:4px;box-shadow:0 15px 30px #10200f20}.header nav a{padding:16px 15px;border-radius:9px;font-size:14px}.header nav.open{display:flex}.hero{height:100svh;min-height:780px}.hero-content{padding-top:130px}.hero h1{margin-top:35px}}
@media(max-width:370px){.header-brand{font-size:24px}.header-brand .brand-symbol{display:none}.header{gap:8px}.header-cta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.header *{transition:none!important}}

/* Keep the CTA label and icon aligned as one control. */
.header .header-cta{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;gap:14px;padding:0 18px;border-radius:10px;font-size:13px;font-weight:550;line-height:1;white-space:nowrap;letter-spacing:0;background:var(--ink);color:var(--paper)}
.header-cta .cta-arrow{display:block;flex-shrink:0;color:var(--lime);transition:transform .2s ease}
.header .header-cta:hover{background:#303d27;box-shadow:none}
.header-cta:hover .cta-arrow{transform:translate(2px,-2px)}
@media(max-width:800px) and (min-width:681px){.header .header-cta{padding:0 14px;font-size:12px;gap:10px}}
@media(max-width:680px){.header .header-cta{min-height:40px;font-size:12px;padding:0 12px;gap:9px}.header-cta .cta-arrow{width:15px;height:15px}.header{gap:10px}.header-brand .brand-symbol{display:none}}

/* Official Buypass identity, kept at its original aspect ratio. */
.product-copy .product-brand{margin:0 0 28px;line-height:0;max-width:380px}
.product-brand a{display:block;border-radius:4px}
.product-brand img{display:block;width:100%;height:auto}
.receipt-logo img{display:block;width:100%;height:auto}
@media(max-width:680px){.product-copy .product-brand{max-width:330px;margin-bottom:25px}}

/* ATH digital identity: slate ink, dual gold, Inter. */
:root{--ink:#0f172a;--paper:#f7f8fa;--lime:#d4a84b;--gold:#d4a84b;--antique:#7a5c1e;--muted:#a9b4c7;--line:#29344a;font-family:'Inter',sans-serif;background:var(--ink);color:var(--paper)}
body{background:var(--ink)}a:focus-visible,button:focus-visible{outline-color:var(--gold)}
.header{background:#0f172a;border:1px solid #33405a;border-radius:12px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.ath-lockup{display:block;position:relative;overflow:hidden;aspect-ratio:620/220;width:160px;flex-shrink:0}
.ath-lockup>img{position:absolute;display:block;width:258.0645%;height:auto;max-width:none;left:-58.0645%;top:-84.0909%}
.header .header-brand{width:155px;height:55px;padding:0}
.header nav{background:#ffffff05;border-color:#ffffff12}.header nav a{color:#c0c8d7}.header nav a:hover{background:#ffffff0a;color:#fff}.header nav a[aria-current]{background:#263149;color:#e8c77e;box-shadow:none}.nav-product-dot{background:var(--gold)}
.header .header-cta{background:var(--gold);color:var(--ink);border-radius:7px;font-weight:600}.header-cta .cta-arrow{color:var(--ink)}.header .header-cta:hover{background:#e1b85f}
.hero{background:var(--ink)}.hero-image{opacity:.3;filter:grayscale(1);object-position:center}.hero-shade{background:linear-gradient(90deg,#0f172af5,#0f172ab8 50%,#0f172a35),linear-gradient(0deg,#0f172a,transparent 40%)}
.hero h1.hero-lockup{width:490px;max-width:100%;height:auto;margin:28px 0 28px;line-height:1;letter-spacing:0}.hero h2{font-weight:700;font-size:clamp(32px,3.3vw,48px);letter-spacing:-1.8px}.hero-content{padding-top:145px}.hero .eyebrow{color:#e4c57f}.hero-description{color:#b7c2d4}.hero-bottom{border-color:#ffffff20;color:#aebbd1}.button-lime{background:var(--gold);color:var(--ink)}.button-lime:hover{background:#e1b85f}
.eyebrow{color:#d4a84b}.about{background:var(--ink)}.about h2,.section-heading h2{font-weight:700}.about h2 span{color:#a2afc5}.about-copy p{color:#acb8cb}.about .text-link{color:var(--gold)}
.approach{background:#131e33}.section-heading>p:last-child,.principle p,.principle-number{color:#acb8cb}.principle{border-color:#344058}.principle+.principle{border-color:#344058}.principle h3{font-weight:500}.principle-symbol i{border-color:var(--gold)}.principle-symbol.forward{color:var(--gold)}
.product{background:#0f172a;border-top:1px solid #29344a;border-bottom:1px solid #29344a}.product-top{border-color:#344058}.product-family{color:#aebbd1}.product-top .status-dot{background:var(--gold)}.product-copy>p{color:#acb8cb}.product-copy h3{font-weight:500}.product-url{color:#b7c2d4}.button-dark{background:var(--gold);color:var(--ink)}.button-dark:hover{background:#e1b85f}
.product-brand img{content:url('assets/buypass-logo-light.png')}.product-visual{background:#19243b;border-radius:8px}.orbit{border-color:#d4a84b25}.visual-label{color:#d4a84b}.receipt{background:#f7f8fa;color:#0f172a;box-shadow:none}.receipt-check{background:#e9d7ae}.receipt-line span:last-child{color:#0f172a}.receipt-rule{border-color:#cbd1db}.receipt-barcode{background:repeating-linear-gradient(90deg,#0f172a 0 2px,transparent 2px 4px,#0f172a 4px 5px,transparent 5px 9px,#0f172a 9px 12px,transparent 12px 14px)}
.closing{background:#131e33}.closing h2{font-weight:700}.closing>.eyebrow{color:#d4a84b}.closing p:not(.eyebrow){color:#acb8cb}.closing .text-link{color:var(--gold)}footer{background:#0f172a}footer p,footer>span,footer>a:last-child{color:#a9b4c7}.footer-lockup{width:145px;height:52px}.closing h2 em{color:var(--gold)}
@media(max-width:800px) and (min-width:681px){.header .header-brand{width:120px;height:43px}}
@media(max-width:680px){.header .header-brand{width:112px;height:40px}.header{border-radius:10px;padding-left:14px}.header nav{background:#0f172a;border-color:#344058;box-shadow:none}.menu-toggle .menu-line{background:#d4a84b}.hero-content{padding-top:130px}.hero h1.hero-lockup{width:360px;margin:38px 0 35px}.hero h2{font-size:34px;letter-spacing:-1.2px}.hero{min-height:810px}.footer-lockup{flex-basis:auto!important}.closing h2{font-size:49px}}
@media(max-width:370px){.header .header-brand{width:94px;height:34px}.header .header-cta{padding:0 10px;font-size:11px}.header{gap:8px}.hero h1.hero-lockup{margin-top:32px}}
.hero-shade{background:linear-gradient(90deg,#0f172a 0%,#0f172a 46%,#0f172a99 75%,#0f172a55),linear-gradient(0deg,#0f172a,transparent 45%)}
@media(max-width:680px){.hero-shade{background:linear-gradient(90deg,#0f172a 0%,#0f172af5 85%,#0f172ac9)}}

/* White and slate surfaces, with an untinted architectural hero. */
:root{font-family:'DM Sans',sans-serif;background:#fff;color:#0f172a}
body{background:#fff;color:#0f172a}
.hero{background:#191919;color:#fff;min-height:760px}
.hero-image{opacity:1;filter:grayscale(1)}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.47) 48%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%)}
.hero-content{padding-top:220px;max-width:1100px}
.hero h1{font-size:clamp(48px,6.2vw,88px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:30px 0 28px}
.hero-description{color:#e0e0df;max-width:405px;font-size:16px}
.hero-bottom{color:#e0e0df;border-color:#ffffff40}
.about{background:#fff;color:#0f172a}.about h2{font-weight:500}.about h2 span{color:#78808b}.about-copy p{color:#596271}.about .text-link{color:#7a5c1e}.about .eyebrow{color:#7a5c1e}
.approach{background:#f4f5f7;color:#0f172a}.section-heading h2{font-weight:500}.approach .eyebrow{color:#7a5c1e}.section-heading>p:last-child,.principle p,.principle-number{color:#596271}.principle,.principle+.principle{border-color:#d5d9df}.principle-symbol i{border-color:#7a5c1e}.principle-symbol.forward{color:#7a5c1e}
.product{background:#fff;color:#0f172a;border-color:#e0e3e8}.product-top{border-color:#d5d9df}.product-top .eyebrow{color:#7a5c1e}.product-family{color:#596271}.product-copy>p{color:#596271}.product-url{color:#596271}.product-brand img{content:normal}.product-visual{background:#eef0f4}.orbit{border-color:#0f172a15}.visual-label{color:#7a5c1e}
.closing{background:#0f172a;color:#f7f8fa}.closing h2{font-weight:500}footer{color:#f7f8fa}
@media(max-width:1000px){.hero-content{padding-top:200px}}
@media(max-width:680px){.hero{min-height:730px}.hero-content{padding-top:175px}.hero h1{font-size:clamp(42px,10.5vw,64px);letter-spacing:-.055em;margin:28px 0 26px}.hero-description{font-size:14px;max-width:330px}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.4)),linear-gradient(0deg,rgba(0,0,0,.6),transparent 50%)}}