@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');

:root{--ink:#eeeae0;--paper:#1c211e;--cream:#252b27;--orange:#e99476;--muted:#b9bdb3;--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--orange);color:white}
.skip-link{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-150%);padding:12px;background:white;color:#1d211e}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.site-header{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#1a1d1b;color:#f4f3ed}
.wordmark{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.13em;line-height:1.2}
.wordmark-sub,.footer-brand span{display:block;font-size:8px;letter-spacing:.2em;margin-top:5px;color:#b5b8af}
.wordmark-symbol{height:30px;display:flex;align-items:center;gap:3px}
.wordmark-symbol i{display:block;width:3px;background:var(--orange);height:12px}
.wordmark-symbol i:nth-child(2){height:24px}.wordmark-symbol i:nth-child(3){height:30px}.wordmark-symbol i:nth-child(4){height:18px}
.primary-nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600}
.primary-nav a:not(.nav-contact){color:#d1d2cb;transition:color .2s}
.primary-nav a:hover{color:white}
.nav-contact{border:1px solid #6c7069;padding:13px 18px}.nav-contact span{margin-left:18px}
.menu-toggle{display:none}
.hero{min-height:660px;height:calc(100svh - 82px);max-height:900px;position:relative;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.hero-image,.hero-overlay{position:absolute;inset:0}
.hero-image{background:url('https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?auto=format&fit=crop&w=2200&q=85') center 53%/cover}
.hero-overlay{background:linear-gradient(90deg,rgba(13,17,15,.88) 0%,rgba(17,19,17,.62) 45%,rgba(17,19,17,.15) 100%),linear-gradient(0deg,rgba(16,19,17,.55),transparent 30%)}
.hero-content{position:relative;z-index:1;margin:0 9%;padding:50px 0 90px;max-width:900px}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;margin:0 0 28px;color:#c5c8be}
.eyebrow.light{color:#e1e2d9}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);vertical-align:1px;margin-right:10px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}
h1,h2,h3,.footer-top p{font-family:var(--serif)}
h1{font-size:clamp(64px,8.5vw,130px);line-height:.98;letter-spacing:-.045em;margin-bottom:28px}
h1 em,h2 em,h3 em{font-weight:400;color:var(--orange)}
.hero-intro{font-size:16px;line-height:1.8;max-width:410px;color:#e3e3da;margin-bottom:33px}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 20px;font-size:12px;font-weight:700;transition:background .2s,color .2s}
.button-light{background:#f2f1e9;color:#1d211e}.button-light:hover{background:var(--orange);color:#1d211e}
.button-dark{background:var(--orange);color:#1d211e}.button-dark:hover{background:#f4b39b}
.text-link,.arrow-link{font-size:12px;font-weight:700}.light-link{color:#fff}.text-link span,.arrow-link span{margin-left:14px}
.hero-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;color:#e3e4dc;font-size:9px;font-weight:700;letter-spacing:.16em}
.hero-bottom-right{display:flex;align-items:center;gap:18px}.mini-wave{color:var(--orange);font-size:15px;letter-spacing:0}
.ticker{background:#9e4f38;overflow:hidden}
.ticker-inner{min-width:max-content;display:flex;align-items:center;justify-content:space-around;gap:36px;padding:19px 30px;color:#fff4ec;font-size:10px;font-weight:700;letter-spacing:.18em}
.ticker-inner b{font-size:16px;font-weight:400}
.section-wrap{padding-left:9%;padding-right:9%}
.intro{padding-top:120px;padding-bottom:90px;background:linear-gradient(90deg,rgba(24,30,26,.97),rgba(24,30,26,.87)),url('https://images.unsplash.com/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=1800&q=85') center/cover}
.section-label{display:flex;align-items:center;gap:22px;font-size:9px;font-weight:700;letter-spacing:.16em;color:#aeb5aa;margin-bottom:80px}
.label-line{height:1px;background:#555e55;flex:1}
.intro-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}
h2{font-size:clamp(48px,5.7vw,85px);letter-spacing:-.045em;line-height:1.04;margin-bottom:0}
.intro-copy{max-width:510px;padding-top:35px}
.intro-copy p,.section-heading>p,.service-card p,.feature-panel p,.approach-content>p:not(.eyebrow),.contact-copy,.contact-card p{font-size:14px;line-height:1.85;color:#c1c6bb}
.intro-copy .lead{font-size:19px;line-height:1.5;color:var(--ink);font-weight:600}
.arrow-link{display:inline-block;border-bottom:1px solid var(--ink);padding:12px 0;margin-top:15px}
.arrow-link:hover{color:var(--orange);border-color:var(--orange)}
.feature{display:grid;grid-template-columns:1.2fr 1fr;padding-bottom:125px}
.feature-image{position:relative;min-height:490px}
.image-stamp{position:absolute;bottom:28px;left:28px;width:108px;height:108px;border-radius:50%;background:var(--orange);color:#1d211e;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;line-height:1.4;font-weight:700;letter-spacing:.08em}
.stamp-star{font-size:28px;font-weight:400}
.feature-panel{background:#303a33;padding:45px 11%;display:flex;flex-direction:column;justify-content:space-between;min-height:490px}
.panel-number{font-size:9px;font-weight:700;letter-spacing:.17em;color:#b9c1b6}
.feature-icon{display:block;font-size:40px;color:var(--orange);margin-bottom:20px}
.feature-panel h3{font-size:clamp(31px,3.2vw,48px);line-height:1.1;letter-spacing:-.035em;margin-bottom:20px}
.feature-panel p{max-width:380px;color:#c5ccc1}
.feature-tags{display:flex;gap:22px;font-size:9px;font-weight:700;letter-spacing:.17em;color:#c0c8bd}
.listening{padding-top:110px;padding-bottom:110px;background:linear-gradient(110deg,rgba(23,28,25,.97),rgba(28,34,30,.88)),url('https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?auto=format&fit=crop&w=1800&q=85') center/cover}
.comparison-list{border-top:1px solid #59605a}
.comparison{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid #59605a}
.comparison-title>span,.audio-version>span,.listening-note{font-size:9px;font-weight:700;letter-spacing:.15em;color:#bdc5b9}
.comparison-title h3{font-size:32px;line-height:1.1;margin:12px 0 5px}
.comparison-title p{color:#bdc5b9;font-size:12px;margin:0}
.comparison-audio{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.audio-version{min-width:0;background:rgba(48,58,51,.88);padding:18px;border:1px solid #4f5c50}
.audio-version-after{border-color:#a86f5b}
.audio-version-after>span{color:var(--orange)}
.audio-version audio{display:block;width:100%;height:40px;margin-top:14px}
.audio-version audio a{color:var(--orange)}
.listening-note{margin:28px 0 0;line-height:1.8}
.listening-note span{color:var(--orange);margin:0 12px}
.services{padding-top:100px;padding-bottom:135px;background:linear-gradient(rgba(25,30,27,.92),rgba(25,30,27,.97)),url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?auto=format&fit=crop&w=1800&q=85') center/cover}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:8%;margin-bottom:60px}
.section-heading>p{max-width:330px;margin-bottom:3px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.service-image{height:300px;position:relative;overflow:hidden;background:#303a33}
.service-image img{transition:transform .5s}
.service-card:hover img{transform:scale(1.04)}
.service-image span{position:absolute;top:18px;left:18px;background:var(--paper);color:var(--ink);padding:9px 10px;font-size:9px;font-weight:700}
.service-card-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #555e55;padding:23px 0 16px}
.service-card-heading h3{font-size:29px;letter-spacing:-.03em;margin:0}
.service-card-heading span{font-size:20px;color:var(--orange)}
.service-card p{max-width:340px;margin:17px 0 20px}
.approach{display:grid;grid-template-columns:1fr 1fr;background:#252b27;color:#f4f3ed}
.approach-image{min-height:700px;background:url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1400&q=85') center/cover}
.approach-content{padding:110px 14% 100px 12%}
.approach-content h2{font-size:clamp(46px,4.7vw,70px);margin-bottom:27px}
.approach-content>p:not(.eyebrow){color:#c0c4ba;max-width:470px}
.steps{margin-top:45px}
.steps>div{display:flex;gap:28px;padding:20px 0;border-top:1px solid #59605a}
.steps>div>span{font-size:10px;font-weight:700;color:var(--orange);padding-top:4px}
.steps p{margin:0}.steps strong{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.steps small{display:block;font-size:12px;line-height:1.7;color:#b5bbb1;max-width:390px}
.contact{padding-top:125px;padding-bottom:130px;background:linear-gradient(90deg,rgba(25,31,27,.96),rgba(25,31,27,.88)),url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=85') center/cover}
.contact-grid{align-items:start}
.contact-copy{max-width:420px;margin:28px 0}
.contact-email{display:inline-block;font-size:clamp(13px,1.3vw,17px);font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:8px;overflow-wrap:anywhere}
.contact-email span{margin-left:12px;color:var(--orange)}
.contact-card{min-width:0;background:linear-gradient(145deg,rgba(49,60,52,.97),rgba(32,41,35,.98));border:1px solid #59655a;padding:45px 48px;box-shadow:0 24px 70px rgba(0,0,0,.2)}
.contact-card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:.15em;color:#c0c8bd;margin-bottom:32px}
.contact-card-top span{font-size:26px;color:var(--orange)}
.contact-card h3{font-size:clamp(34px,3.4vw,48px);line-height:1.1;letter-spacing:-.035em;margin-bottom:16px}
.contact-card p{max-width:380px;margin-bottom:30px}
.contact-card small{display:block;color:#c0c8bd;margin-top:14px;font-size:11px}
.contact-form{border-top:1px solid #647064;padding-top:26px}
.contact-fields{display:grid;gap:20px}
.form-field{display:grid;gap:9px;min-width:0}
.contact-form label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d9ded5}
.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #657468;border-radius:2px;background:#1b2520;color:#f2f2eb;padding:14px 15px;font:inherit;font-size:14px;line-height:1.4;transition:border-color .2s,background .2s}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a7b0a5;opacity:1}
.contact-form input:hover,.contact-form select:hover,.contact-form textarea:hover{border-color:#a6b0a3}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--orange);background:#202c25;outline:2px solid rgba(233,148,118,.35);outline-offset:2px}
.contact-form textarea{resize:vertical;min-height:135px}
.contact-form select{min-height:50px;cursor:pointer}
.contact-form .button{border:0;cursor:pointer;margin-top:18px;min-height:52px}
.turnstile-wrap{max-width:100%;overflow:auto;margin-top:22px}
.contact-response{min-height:100vh;max-width:800px;padding:12vh 9%}
.contact-response h1{font-size:clamp(48px,8vw,80px)}
.contact-response p:not(.eyebrow){color:#c1c6bb;line-height:1.8}
.contact-response p a{text-decoration:underline;overflow-wrap:anywhere}
.footer{background:#1b201d;color:#f2f2eb;padding:65px 9% 25px}
.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:65px}
.footer-brand{font-size:16px;letter-spacing:.14em;font-weight:700}.footer-top p{font-size:24px;line-height:1.15;color:#d6d8cf;margin:0}
.back-top{font-size:10px;font-weight:700;letter-spacing:.13em}.back-top span{font-size:18px;margin-left:10px;color:var(--orange)}
.footer-bottom{border-top:1px solid #4a504a;padding-top:23px;display:flex;justify-content:space-between;gap:20px;color:#a8aea5;font-size:9px;font-weight:700;letter-spacing:.12em}
.footer-bottom a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .site-header{padding:0 5%}.primary-nav{gap:20px}
  .section-wrap{padding-left:6%;padding-right:6%}
  .intro-grid,.contact-grid{gap:6%}.service-image{height:240px}
  .approach-content{padding:80px 8%}.approach-image{min-height:620px}
  .feature-panel{padding:40px 8%}
}
@media(max-width:650px){
  html{scroll-padding-top:20px}
  .site-header{min-height:70px;height:auto;position:relative;z-index:5;flex-wrap:wrap}
  .js .site-header{height:70px}
  .js .menu-toggle{display:block;border:1px solid #62675f;background:transparent;color:#fff;padding:10px 12px;font-size:11px;font-weight:700}
  .menu-toggle span{margin-left:8px}
  .primary-nav{width:100%;display:flex;flex-wrap:wrap;gap:15px;padding:12px 0 18px}
  .js .primary-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#1a1d1b;padding:10px 5% 25px;align-items:stretch;gap:0;flex-direction:column}
  .js .primary-nav.is-open{display:flex}.js .primary-nav a{padding:15px 0}.js .primary-nav .nav-contact{padding:15px;margin-top:8px}
  .hero{min-height:650px;height:calc(100svh - 70px);max-height:800px}
  .hero-image{background-position:60% center}.hero-overlay{background:linear-gradient(90deg,rgba(13,17,15,.82),rgba(17,19,17,.42)),linear-gradient(0deg,rgba(16,19,17,.6),transparent 30%)}
  .hero-content{margin:0 6%;padding-bottom:70px}h1{font-size:clamp(58px,12vw,80px)}
  .hero-intro{font-size:14px;max-width:330px}.hero-bottom-right{display:none}
  .section-wrap{padding-left:6%;padding-right:6%}.intro{padding-top:80px;padding-bottom:65px}
  .section-label{margin-bottom:52px}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.intro-copy{padding-top:0}
  h2{font-size:clamp(47px,11vw,68px)}
  .feature{grid-template-columns:1fr;padding-bottom:85px}.feature-image{min-height:320px}.feature-panel{min-height:370px}
  .listening{padding-top:80px;padding-bottom:80px}.comparison{grid-template-columns:1fr;gap:20px}.comparison-audio{grid-template-columns:1fr}
  .services{padding-bottom:85px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}
  .service-grid{grid-template-columns:1fr;gap:30px}.service-image{height:300px}.service-card p{margin-bottom:0}
  .approach{grid-template-columns:1fr}.approach-image{min-height:340px}.approach-content{padding:75px 6%}
  .contact{padding-top:80px;padding-bottom:85px}.contact-card{padding:32px 24px}.contact-card-top{margin-bottom:25px}
  .contact-form .button{width:100%}
  .footer{padding:55px 6% 25px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top p{width:100%;order:3}.footer-bottom{flex-wrap:wrap;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}