/* Warm orange brand palette with the reference's spacious composition. */
:root{--color-ink:#f5f5f0;--color-muted:#9b9da5;--color-ground:#202124;--color-surface:#292b33;--color-accent:#be4b20;--brand-blue:#be4b20;--brand-soft:#fab592;--brand-button:#b4451e;--paper:#f5f5f0;--ink:#24262b}
body{background:var(--paper);color:var(--ink)}
.brand img{width:32px;height:32px;object-fit:contain}
.brand-dot{color:var(--brand-blue)}
.brand svg{color:var(--brand-blue)}
.muted{color:#858992}
.primary{background:var(--brand-button);color:#fff;border-radius:40px}
.primary:focus-visible{outline-color:var(--brand-soft)}
.skip{background:var(--brand-blue);color:#fff}
.header{background:#14172233;border-color:#ffffff24;color:#fff}
.desktop-nav a{color:#e0e1e8}
.header-contact{color:#fff}
.header-contact span{color:var(--brand-soft)}
.menu-toggle{background:#ffffff0a}
.menu-toggle span{background:#fff}
.hero{height:100svh;min-height:760px;max-height:1100px;background:#10141d;isolation:isolate}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;animation:hero-image-enter 1400ms var(--motion-ease-out) both}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0d111bea 0%,#0d111bc9 30%,#0d111b32 72%,#0d111b05),linear-gradient(0deg,#10141dd9,transparent 30%)}
.hero-copy{text-align:left;max-width:1440px;padding:190px 5.5% 150px;margin:0 auto;color:#fff}
.hero-eyebrow{justify-content:flex-start;color:#e8ded9;font-size:9px;letter-spacing:.16em}
.status-dot{background:var(--brand-blue);box-shadow:0 0 14px #be4b2055}
.hero h1{font-size:clamp(58px,6.5vw,104px);font-weight:500;line-height:1.03;margin-top:36px;margin-bottom:30px;letter-spacing:-.065em}
.hero h1 span{color:var(--brand-soft)}
.hero-description{max-width:455px;font-size:15px;color:#e1e2e7;line-height:1.8}
.hero-links{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}
.hero .button{margin:0;font-size:12px;padding:18px 23px}
.hero-discover{display:inline-flex;gap:15px;align-items:center;font-size:10px;color:#efe5e0}
.hero-note{font-size:9px;color:#b1b5c0;margin-top:18px}
.hero-bottom{color:#c3c7d2;bottom:27px;font-size:7px}
.hero-bottom>span{font-size:6px}
@keyframes hero-image-enter{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
.platforms{background:var(--paper);border-color:#24262b22}
.platforms>p{color:#747780}
.platforms>div{color:#41434b}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.kinetic-section{height:185svh;min-height:1100px;background:#11131c;color:#fff;position:relative;isolation:isolate}
.kinetic-sticky{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 9% 19%,#be4b204d,transparent 50%),radial-gradient(ellipse at 83% 75%,#d1815938,transparent 55%),#11131c}
.kinetic-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,#be4b2020,transparent 60%);pointer-events:none}
.kinetic-caption{position:absolute;top:35px;left:5.5%;font-size:8px;letter-spacing:.18em;color:#d8bfb2}
.kinetic-lines{position:relative;z-index:2;width:100%;pointer-events:none;padding:60px 0}
.kinetic-row{width:max-content;font-size:clamp(120px,20.5vw,360px);letter-spacing:-.065em;line-height:1.08;font-weight:500;padding:0 2vw}
.kinetic-row span{display:block;background:linear-gradient(100deg,#fef0e9,#fab592 62%,#efcab8);background-clip:text;-webkit-background-clip:text;color:transparent}
.row-one{margin-bottom:13px}
.kinetic-section .sculpture{position:absolute;inset:auto -6% 1% auto;left:auto;transform:none;width:720px;height:650px;opacity:.12;pointer-events:none}
.kinetic-bottom{position:absolute;bottom:28px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;color:#c5a99b;font-size:7px;letter-spacing:.12em;z-index:3}
.kinetic-bottom button{padding:12px 0 12px 15px;background:transparent;color:#dcc2b5;font-size:9px;letter-spacing:0}
.intro{background:var(--paper)}
.intro .section-label,.numbers .section-label,.process .section-label,.pricing .section-label,.faq .section-label{color:#737780}
.section-dot{background:var(--brand-blue)}
.section-label>span:last-child{color:#81848c}
.intro-text,.intro-text>p,.process-grid p{color:#747780}
.intro-text .lead{color:var(--ink)}
.intro .text-link,.faq .text-link{color:var(--ink);border-color:#24262b55}
.values{border-color:#24262b22}
.values span{color:#747780}
.values span:before{color:var(--brand-blue)}
.services{background:radial-gradient(ellipse at 90% 50%,#be4b2019,transparent 65%),#202124;color:#f5f5f0}
.services .section-label{color:#a8adb9}
.section-heading>p{color:#747780}
.services .section-heading>p{color:#a8abb4}
.services .muted{color:#9096aa}
.service-list>button{border-color:#ffffff1c;color:#b9bdcc;background:transparent}
.service-list>button[aria-selected=true]{background:#be4b2020;color:#fff;border-color:#be4b2065}
.service-index{color:#fab592}
.service-arrow{color:#fab592}
.service-contact{color:#f6eae4;border-color:#fab59266}
.service-panel{border-color:#ffffff14;background:#292b33}
.service-image{margin:0;position:relative;overflow:hidden;background:#171a24;aspect-ratio:1.65}
.service-image img{display:block;width:100%;height:100%;object-fit:cover}
.service-image figcaption{position:absolute;bottom:13px;right:15px;font-size:6px;letter-spacing:.1em;color:#fff;text-shadow:0 1px 8px #000;background:#1118274d;padding:4px 7px}
.service-copy .eyebrow{color:#fab592}
.service-copy>p:not(.eyebrow){color:#b3b6c2}
.service-copy ul{border-color:#ffffff19}
.service-copy li{color:#c7c9d3}
.service-copy li:before{color:var(--brand-soft)}
.numbers{background:var(--paper)}
.stat{border-color:#24262b33}
.stat>p:first-child{color:#747780}
.stat-value{color:var(--brand-blue)}
.stat>p:not(:first-child){color:#747780}
.stat>a{color:#5b5e68;border-color:#24262b44}
.stats-foot{border-color:#24262b22}
.stats-foot>p,.experience span{color:#747780}
.experience strong{color:var(--ink)}
.statement{background:#be4b20;color:#fff}
.statement h2>span{color:#fddbca}
.statement:after{border-color:#ffffff22;box-shadow:0 0 0 50px #ffffff0b,0 0 0 100px #ffffff08}
.statement-bottom{border-color:#ffffff40}
.round-link{border-color:#ffffff66}
.process{background:#fff}
.process-grid article{border-color:#24262b33}
.process-grid article>span{color:var(--brand-blue)}
.check-section{background:#faf1ec;color:var(--ink)}
.check-copy>.eyebrow{color:#a1725b}
.check-copy>p:last-child,.check-form legend{color:#747780}
.check-form label{border-color:#24262b22}
.check-form label small{color:#828694}
.check-form input{border-color:#7d86aa}
.check-form input:checked{background:var(--brand-blue);border-color:var(--brand-blue)}
.check-form input:checked:after{color:#fff}
.check-result{background:#fff;border-color:#be4b2033;color:#5f6373}
.check-result strong{color:#24262b}
.check-result a{color:#8c3519;border-color:#be4b2066}
.pricing{background:var(--paper)}
.price-card{background:#fff;border-color:#24262b22;color:#24262b}
.price-card.featured{background:#fef5f0;border-color:#be4b2055}
.price-badge{background:var(--brand-blue);color:#fff}
.price-card .eyebrow{color:#8c3519}
.price-card>p:not(.eyebrow),.price small{color:#747780}
.price-card .outline{border-color:#be4b2044;color:#8c3519;border-radius:40px}
.price-card ul{border-color:#24262b1c}
.price-card li{color:#676b76}
.price-card li:before{color:var(--brand-blue)}
.pricing-note{color:#747780}
.faq{background:#fff}
.faq-list details{border-color:#24262b22}
.faq-list details:last-child{border-color:#24262b22}
.faq-list summary>span:before,.faq-list summary>span:after{background:var(--brand-blue)}
.faq-list details>p{color:#747780}
.contact{background:radial-gradient(ellipse at 90% 30%,#be4b2030,transparent 55%),#202124;border-color:#ffffff19;color:#fff}
.contact h2 span{color:var(--brand-soft)}
.contact-bottom{border-color:#ffffff28}
.contact-bottom>p{color:#b6bbc9}
.contact-note{color:#9399ad}
.footer{background:#18191e;color:#f5f5f0}
.footer-top>p{color:#9b9eaa}
.footer-top>a:last-child{color:#c2c5d0}
.footer-bottom{color:#878b9a;border-color:#ffffff1a}
.menu-dialog{background:#202124;color:#fff}
.menu-dialog::backdrop{background:#11121dcc}
.menu-dialog nav>a{border-color:#ffffff22}
.menu-dialog nav>a small{color:#fab592}
.menu-dialog>p{color:#999ead}
@media(hover:hover) and (pointer:fine){.primary:hover{background:#8c3519}.service-list>button:hover{background:#be4b2015}.price-card .outline:hover{background:#feede5}.round-link:hover{background:#ffffff19}.intro .text-link:hover,.faq .text-link:hover{color:#8c3519}}
@media(min-width:1500px){.hero-copy{padding-left:0;padding-right:0}}
@media(max-width:1100px){.hero{min-height:760px}.hero-copy{padding-top:185px}.hero h1{font-size:74px}.hero-description{max-width:420px}.hero-shade{background:linear-gradient(90deg,#0d111bea,#0d111bc2 30%,#0d111b11),linear-gradient(0deg,#10141de0,transparent 40%)}}
@media(max-width:760px){.hero{height:100svh;min-height:790px;max-height:1050px}.hero-image{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#0c101de8,#0c101d9e 65%,#0c101d30),linear-gradient(0deg,#10141de8,transparent 75%)}.hero-copy{padding:170px 6% 130px}.hero h1{font-size:clamp(42px,8.5vw,64px);margin-top:27px;margin-bottom:27px}.hero-eyebrow{font-size:7px;letter-spacing:.12em;max-width:300px}.hero-description{font-size:13px;max-width:350px;line-height:1.8}.hero-links{gap:25px;margin-top:28px}.hero .button{font-size:11px;padding:17px 20px}.hero-discover{font-size:10px}.hero-note{font-size:8px;max-width:240px}.hero-bottom>span{display:block;max-width:100px;font-size:5px;text-align:right;line-height:1.6}.kinetic-section{height:150svh;min-height:1000px}.kinetic-sticky{min-height:520px}.kinetic-caption{font-size:6px;top:30px;left:6%}.kinetic-lines{padding:65px 0}.kinetic-row{font-size:28vw;line-height:1.17;letter-spacing:-.065em;padding:0 5vw}.row-one{margin-bottom:15px}.kinetic-section .sculpture{width:550px;height:550px;right:-25%;bottom:3%;opacity:.18}.kinetic-bottom{left:6%;right:6%;font-size:5px;gap:15px}.kinetic-bottom>span{max-width:140px;line-height:1.8}.kinetic-bottom button{font-size:8px}.service-image{aspect-ratio:1.5}}
@media(max-width:380px){.hero{min-height:800px}.hero h1{font-size:40px}.hero-copy{padding-top:160px}.hero-links{gap:23px}.kinetic-row{font-size:29vw}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:hero-image-fade 300ms ease-out both}.kinetic-section{height:auto;min-height:0}.kinetic-sticky{position:relative;height:auto;min-height:500px}.kinetic-row{font-size:clamp(45px,9vw,150px);width:100%;text-align:center;transform:none!important}.kinetic-section .sculpture{opacity:.1}.kinetic-caption{max-width:85%}.hero-discover:hover .arrow{transform:none}}
@keyframes hero-image-fade{from{opacity:0}to{opacity:1}}

/* Minimal video title frame; supporting copy follows in its own section. */
.header .desktop-nav,.header .header-contact{display:none}
.hero-video-section{min-height:620px;height:100svh;max-height:none}
.hero-video{animation:none;object-position:center}
.hero-video-section .hero-shade{background:linear-gradient(0deg,#0d111bd9 0%,#0d111b55 34%,#0d111b0d 70%,#0d111b44 100%)}
.hero-copy.hero-caption{position:absolute;bottom:9%;left:5.5%;right:5.5%;padding:0;margin:0;max-width:none}
.hero-caption h1{font-size:clamp(62px,8vw,140px);line-height:1.02;margin:0;font-weight:500;letter-spacing:-.065em;text-shadow:0 2px 25px #00000019}
.hero-caption h1 span{color:#fcc7ac}
.hero-video-toggle{position:absolute;bottom:25px;right:5.5%;z-index:3;background:#11152066;border:1px solid #ffffff30;border-radius:25px;padding:10px 15px;color:#f4ebe7;font-size:9px;line-height:1.5}
.hero-intro{background:#f5f5f0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.7fr);gap:12%;padding:75px 5.5%;align-items:center;border-bottom:1px solid #24262b18}
.hero-intro .eyebrow{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.13em;color:#747780;margin-bottom:25px}
.hero-intro-lead{font-size:clamp(24px,2.7vw,38px);letter-spacing:-.045em;line-height:1.25;color:#24262b;max-width:690px;margin-bottom:19px}
.hero-intro-copy>p:last-child{font-size:14px;line-height:1.8;color:#747780;max-width:520px}
.hero-intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.hero-intro-actions .button{font-size:12px;gap:30px;min-width:260px}
.hero-intro-note{font-size:9px;line-height:1.8;color:#747780;padding-left:4px}
.hero-intro-discover{font-size:11px;display:flex;align-items:center;gap:30px;color:#8c3519;margin-top:6px;padding:8px 4px}
@media(hover:hover) and (pointer:fine){.hero-video-toggle:hover{background:#48291aaa}}
@media(max-width:760px){.hero-video-section{height:100svh;min-height:580px;max-height:none}.hero-video{object-position:58% center}.hero-copy.hero-caption{left:6%;right:6%;bottom:16%;padding:0}.hero-caption h1{font-size:clamp(40px,8.5vw,64px);margin:0;line-height:1.08;letter-spacing:-.06em}.hero-video-toggle{right:6%;bottom:25px;font-size:8px}.hero-intro{display:block;padding:50px 6%}.hero-intro .eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:21px}.hero-intro-lead{font-size:27px;line-height:1.25}.hero-intro-copy>p:last-child{font-size:13px}.hero-intro-actions{margin-top:30px;gap:14px}.hero-intro-actions .button{min-width:0;width:100%;font-size:12px}.hero-intro-note{font-size:9px}.hero-intro-discover{margin-top:3px}}

/* Keep the media visible to Safari and center scaled typography from its left edge. */
.hero-video{z-index:0}
.hero-video-section .hero-shade{z-index:1}
.hero-video-section .hero-caption{z-index:2}
.kinetic-row{transform-origin:left center}