@font-face{font-family:Outfit;src:url('assets/fonts/outfit-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/fonts/outfit-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/fonts/outfit-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}

:root{--paper:#fafaf9;--ink:#101112;--text:#101112;--text-muted:#505258;--text-dim:#62656b;--border:#d8dadb;--gold:#f5bd02;--section-py:104px;--ui-ease:cubic-bezier(.22,1,.36,1)}
body{font-weight:400;background:var(--paper)}
p{ text-wrap:pretty }
.subheading,.about-text,.hero-desc{font-weight:400}
.h-display{font-size:52px;line-height:1.08}
.eyebrow{font-weight:500;font-size:12px;color:var(--text-dim);margin-bottom:24px}
.hero.is-3d .hero-content{user-select:text;-webkit-user-select:text}
.hero-badge{font-weight:500;font-size:12px}
.hero-subhead{font-weight:400}
.hero-desc{color:#54565b}
.hero-stat .l{font-weight:400}
.hero-stat .v{font-variant-numeric:tabular-nums}
.hero-stat{padding-top:28px;padding-bottom:28px}
.trust{background:#101112;padding:20px 0}
.marquee span{font-weight:400;color:#d3d5d6}
.marquee span::after{font-size:13px;color:var(--gold)}

/* One control language: firm silhouette, separate icon area, no layout shift. */
.btn,.nav-cta{--button-bg:#101112;--button-fg:#fff;--arrow-bg:#f5bd02;--arrow-fg:#101112;position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;border:1px solid transparent;border-radius:4px;background:var(--button-bg);color:var(--button-fg);padding:6px 6px 6px 22px;font-size:14px;line-height:1.3;font-weight:600;box-shadow:none;transition:background-color .2s,color .2s,border-color .2s}
.btn .arr,.nav-cta .arr{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;margin:0;border-radius:2px;background:var(--arrow-bg);color:var(--arrow-fg);overflow:hidden;transition:background-color .2s,color .2s}
.arr svg{width:20px;height:20px;transition:transform .35s var(--ui-ease)}
.btn:hover,.nav-cta:hover{background:#292b2d;color:#fff;transform:none;box-shadow:none}
.btn:active,.nav-cta:active{background:#3b3d3f}
.btn:focus-visible,.nav-cta:focus-visible{outline:2px solid #a57d00!important;outline-offset:5px}
.btn-ghost{--button-bg:transparent;--button-fg:#101112;--arrow-bg:transparent;--arrow-fg:#101112;border-color:#aeb0b2;padding-left:20px}
.btn-ghost:hover{background:#e8e9e8;color:#101112;border-color:#727579}
.btn-ghost:active{background:#dedfde}
.hero-cta{gap:14px}
.hero-cta .btn{font-size:14px}
.nav-links{gap:22px}
.nav-links a{font-weight:500}
.nav-links a:not(.nav-cta)::after{height:2px;bottom:8px;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ui-ease)}
.nav-links a:not(.nav-cta):hover::after,.nav-links a[aria-current="location"]::after{transform:scaleX(1)}
.nav-links a[aria-current="location"]{color:#0a0a0b}
.nav-links .nav-cta{background:#101112;color:white!important;padding:5px 5px 5px 16px;min-height:46px;font-size:13px;font-weight:600!important;gap:16px}
.nav-cta .arr{width:34px;height:34px;flex-basis:34px}
.nav-cta .arr svg{width:18px;height:18px}
.nav .container{gap:20px}
.lang-switch{border:1px solid #d2d4d5;background:#f4f4f2;border-radius:4px;padding:3px;display:flex;gap:2px}
.lang-switch button{padding:0;width:34px;min-height:34px;font-weight:600;border-radius:2px}
.lang-switch button.on{background:white;color:#101112;box-shadow:0 1px 3px #00000016}
.burger{border-radius:4px}
.burger:hover{background:#e7e8e7}

.about-grid{grid-template-columns:1.1fr 1fr;gap:112px}
.about-left .h-display{max-width:570px}
.about-text{font-size:18px;line-height:1.7}
.about-visual{border-left:0;padding-left:0;padding-top:6px}
.stat-card{padding:24px 0 0;border-top:3px solid var(--gold)}
.stat-card .mega{font-size:72px;line-height:1.08;margin-bottom:18px}
.stat-card .mega-label{font-weight:400;font-size:14px}
.float-chip{font-weight:500;font-size:12px}
.float-chip-2{margin-top:22px}
.mini .n{font-size:32px}
.mini .l{font-size:13px;font-weight:400}
.mini .n.g{font-size:16px;font-weight:600}
.feat-list{margin-top:64px;padding-top:36px;gap:56px}
.feat h4{font-size:20px;font-weight:600}
.feat p{font-size:15px;line-height:1.7}
.feat-icon{color:#9b7700}
.constat{background:#f0f1f1}
.constat > .container{grid-template-columns:1fr 1.25fr;gap:100px}
.constat .h-display{font-size:42px}
.constat-grid{gap:34px 36px}
.constat-card{border-top:1px solid #bfc3c5;padding-top:24px}
.constat-card h3{font-weight:600;font-size:21px}
.constat-card p{font-size:16px;line-height:1.7}
.constat-card .tag{font-size:12px;font-weight:500;margin-bottom:20px;color:#666b70}

.approche > .container{grid-template-columns:.85fr 1.25fr;gap:88px}
.approche-summary{grid-template-columns:28px minmax(0,1fr) 36px;gap:18px;padding:25px 0;align-items:center}
.approche-summary::after{display:none}
.approche-item{position:relative}
.approche-item h3{font-size:21px;font-weight:600;line-height:1.4}
.approche-num{font-size:12px;font-weight:500;color:#686b70;font-variant-numeric:tabular-nums}
.approche-item p{padding:0 54px 28px 46px;font-size:16px;line-height:1.75}
.disclosure-mark,.faq-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f0f1f0;border-radius:50%;color:#101112;transition:background-color .2s,color .2s}
.disclosure-mark svg,.faq-icon svg{width:18px;height:18px}
.approche-summary:hover h3{text-decoration:none}
.approche-summary:hover .disclosure-mark,.faq-q:hover .faq-icon{background:#dedfdd}
.approche-item[open]{border-color:#101112}
.approche-item[open] .approche-num{color:#946f00}
.approche-item[open] .disclosure-mark,.faq-item.open .faq-icon{background:#101112;color:white}
.approche-summary:focus-visible,.faq-q:focus-visible{outline-offset:6px}

.strategy{background:#141516;--text:#fafaf9;--text-muted:#b8bbbe;--text-dim:#b8bbbe;--border:#36393c}
.strategy .section-head{max-width:880px}
.process-grid{grid-template-columns:1.05fr .95fr;gap:100px}
.step-num{width:36px;height:36px;border-color:#4a4e51;font-size:12px;font-weight:500;border-radius:50%;transition:background-color .2s,color .2s}
.step h4{font-size:21px;font-weight:600}
.step p{font-size:16px;line-height:1.75}
.step:not(:last-child)::after{left:18px;background:#383b3e}
.sms-lead{color:#bec1c4;font-size:15px;line-height:1.65}
.sms-showcase{position:sticky;top:112px}
.strategy-note{font-size:16px;color:#b8bbbe;line-height:1.7;margin-top:40px}
.strategy-note strong{color:#fafaf9}

.results .section-head{display:grid;grid-template-columns:1.2fr .8fr;column-gap:100px;max-width:none;align-items:end;margin-bottom:56px}
.results .eyebrow{grid-column:1/-1}
.results .h-display{margin:0;max-width:680px}
.results .subheading{font-size:17px;line-height:1.7;padding-bottom:3px}
.res-grid{grid-template-columns:1.35fr 1fr 1fr;margin-bottom:56px}
.res-card{padding:20px 30px 12px;border-color:#d3d5d6}
.res-card .counter{font-size:66px;line-height:1.06;letter-spacing:0;font-variant-numeric:tabular-nums;margin-bottom:22px}
.res-card:first-child .counter{font-size:76px}
.res-card .r-label{font-size:16px;line-height:1.6;margin-bottom:22px;max-width:240px}
.res-card .r-context{font-size:12px;font-weight:500;color:#62656b}
.res-ico{margin-bottom:26px;color:#74787b}
.res-marq{border-top-color:#d3d5d6;padding-top:26px}
.rm-val{font-size:24px}
.rm-desc{font-size:13px;color:#62656b}

/* The live product becomes the second dark chapter, between two light sections. */
.dashboard{background:#0e1011;--text:#f7f8f6;--text-muted:#b8bdc1;--text-dim:#b8bdc1;--border:#373b3e;color:var(--text);padding-top:112px;padding-bottom:104px}
.dashboard > .container{grid-template-columns:1.15fr .85fr;column-gap:112px}
.dashboard .section-head{max-width:100%;margin-bottom:64px}
.dashboard .h-display{font-size:54px;max-width:960px}
.dashboard .h-display .accent{color:var(--gold)}
.dashboard .section-head .subheading{font-size:17px;line-height:1.75;max-width:820px}
.dashboard .eyebrow{color:#c6cbce}
.dash-points{gap:30px}
.dash-point{padding-left:48px}
.dp-ico{color:var(--gold)}
.dp-ico svg{stroke:currentColor}
.dash-point h4{font-weight:600;font-size:20px;color:#f7f8f6;margin-bottom:10px}
.dash-point p{font-size:16px;line-height:1.75;max-width:520px}
.dash-demo-intro{border-color:#373b3e;padding-top:28px;margin-top:10px}
.dash-demo-intro .dd-eyebrow{font-size:12px;font-weight:500;color:#f5bd02}
.dash-demo-intro h3{font-size:30px;color:#f7f8f6;margin-bottom:14px}
.dash-demo-intro p{font-size:16px;line-height:1.75;color:#b8bdc1;max-width:520px}
.dashboard > .container > .dash-phone{width:354px;background:#44494d;box-shadow:0 32px 70px #00000060,0 0 0 1px #ffffff14}
.dash-caption{color:#afb5ba;font-size:13px;max-width:320px;margin-top:22px}
.dashboard .btn{--button-bg:#f5bd02;--button-fg:#101112;--arrow-bg:#101112;--arrow-fg:#f5bd02}
.dashboard .btn:hover{background:#ffcf2a;color:#101112}
.dashboard .btn:focus-visible{outline-color:#f5bd02!important}

.why-grid{gap:24px}
.why-card{grid-template-columns:32px 1fr;column-gap:24px;padding-bottom:28px}
.why-card h3{font-size:23px;font-weight:600}
.why-card p{font-size:16px;line-height:1.75}
.why-ico{color:#927000}
.timing{background:#f5bd02;padding:72px 0}
.timing .eyebrow{color:#564407}
.timing .h-display{font-size:46px}
.timing-content p{font-size:17px;line-height:1.75;color:#342d16}
.timing-mega{font-size:80px;line-height:1.04}
.timing-label{font-size:18px;font-weight:600}
.timing-sub{font-size:15px;line-height:1.65}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:18px;line-height:1.5;font-weight:500;padding:24px 0}
.faq-icon{flex:0 0 36px}
.faq-item.open .faq-q{font-weight:500}
.faq-item.open .faq-icon{transform:none}
.faq-item.open .faq-icon svg{transform:none}
.faq-a-inner{font-size:16px;line-height:1.8;padding:0 66px 26px 0}
.faq-item.open{border-color:#101112}

.cta{background:#eef0ef;border-top:1px solid #d7dad8}
.cta-box{grid-template-columns:.9fr 1.15fr;column-gap:112px}
.cta-box h2{font-size:48px;max-width:440px;line-height:1.1}
.cta-box > p{font-size:17px;line-height:1.75;max-width:400px}
.cta-eyebrow{font-size:12px!important;font-weight:500!important}
.lf-grid{gap:24px}
.lf-field label{font-size:13px;font-weight:500;line-height:1.5}
.lf-field input,.lf-field select{min-height:54px;border:1px solid #bcc2be;border-radius:4px;background-color:#fafbf9;font-weight:400;padding:14px 16px;color:#101112;transition:border-color .2s,background-color .2s,box-shadow .2s}
.lf-field select{padding-right:42px}
.lf-field input:hover,.lf-field select:hover{border-color:#757e78}
.lf-field input:focus,.lf-field select:focus{outline:2px solid #9b7700!important;outline-offset:2px;border-color:#101112;box-shadow:none;background-color:#fff}
.lf-field:focus-within label{color:#725600}
.lf-note{font-size:12px!important;text-align:left!important;font-weight:400}
.preview-status{font-size:14px!important;line-height:1.6;margin:18px 0 0!important;padding:14px 16px!important;background:#fff3c2;color:#433400!important;border-left:3px solid #b68a00;text-align:left}
footer{background:#101112;padding-top:52px}
.foot-tag{font-weight:400;font-size:15px;color:#b9bdc0}
.socials a{border-color:#43474a;background:transparent}
.socials a:hover{background:#f5bd02;color:#101112;border-color:#f5bd02}

@media(hover:hover) and (pointer:fine){
  .btn:hover .arr svg,.nav-cta:hover .arr svg{transform:translateX(3px)}
  .btn[target="_blank"]:hover .arr svg{transform:translate(2px,-2px)}
}
@media(max-width:1200px){
  .nav-links{gap:16px}.nav .container{gap:16px}.nav-links .nav-cta{gap:10px;padding-left:12px}
  .about-grid,.constat > .container,.approche > .container,.cta-box{gap:64px}
  .stat-card .mega{font-size:62px}.h-display{font-size:46px}.dashboard .h-display{font-size:48px}
  .results .section-head{column-gap:56px}.res-card:first-child .counter{font-size:64px}.res-card .counter{font-size:56px}
  .dashboard > .container{column-gap:64px}.process-grid{gap:72px}.cta-box h2{font-size:42px}
}
@media(max-width:1050px){
  .nav-links{gap:0}.nav-links a{font-size:22px;font-weight:500;padding:14px 0;border-bottom:1px solid #e2e4e3}
  .nav-links .nav-cta{font-size:16px;padding:6px 6px 6px 18px;width:100%;margin-top:24px;min-height:54px}
  .nav-cta .arr{width:40px;height:40px;flex-basis:40px}.lang-switch{margin-left:auto}
  .hero-cta .btn{font-size:13px;gap:16px}.hero-cta .btn .arr{width:38px;height:38px;flex-basis:38px}
  .constat > .container{grid-template-columns:1fr;gap:42px}.constat .section-head{max-width:650px}
  .approche > .container{gap:48px}.approche-item h3{font-size:19px}
  .stat-card .mega{font-size:52px}.res-card:first-child .counter{font-size:54px}.res-card .counter{font-size:48px}.res-card{padding-left:24px;padding-right:20px}
  .results .section-head{grid-template-columns:1fr;gap:22px}.results .h-display{max-width:650px}.results .subheading{max-width:580px}
  .dashboard > .container{column-gap:36px}.dashboard .h-display{font-size:44px}.cta-box{column-gap:48px}
}
@media(max-width:800px){
  :root{--section-py:76px}.h-display{font-size:40px}.hero .btn{min-height:52px;padding-left:16px}
  .about-grid{grid-template-columns:1fr;gap:40px}.about-visual{max-width:620px}.stat-card .mega{font-size:68px}
  .feat-list{gap:28px;margin-top:44px}.feat h4{font-size:19px}
  .constat .h-display{font-size:40px}.approche > .container{grid-template-columns:1fr;gap:20px}
  .process-grid{grid-template-columns:1fr;gap:24px}.sms-showcase{position:static}.strategy .h-display{max-width:660px}
  .res-grid{grid-template-columns:1fr 1fr}.res-card:first-child{padding-bottom:30px}.res-card:first-child .counter{font-size:72px}.res-card .counter{font-size:54px}
  .dashboard{padding:80px 0}.dashboard > .container{grid-template-columns:1fr}.dashboard .section-head{margin-bottom:44px}.dashboard .h-display{font-size:42px}
  .dashboard .section-head .subheading{font-size:16px}.dash-points{gap:26px}.dash-demo-intro{margin-top:22px}.dash-cta{justify-self:center}
  .why > .container,.faq > .container{gap:0}.timing .h-display{font-size:40px}.timing-mega{font-size:68px}
  .cta-box{grid-template-columns:1fr;gap:0}.cta-box h2{font-size:42px;max-width:560px}.cta-box > p{max-width:560px}
}
@media(max-width:600px){
  :root{--section-py:64px}.h-display,.constat .h-display,.dashboard .h-display{font-size:34px}.eyebrow{margin-bottom:20px}
  .hero h1{font-size:54px}.hero-desc{font-size:16px}.hero-subhead{font-size:20px}.hero-cta{gap:10px;flex-wrap:wrap}
  .hero-cta .btn{font-size:12px;padding-left:12px;gap:10px;min-height:50px}.hero-cta .btn .arr{width:32px;height:36px;flex-basis:32px}.hero-cta .arr svg{width:18px;height:18px}
  .hero-stat .v{font-size:28px}.hero-stat .l{font-size:12px}.stat-card .mega{font-size:52px}
  .about-text{font-size:16px}.about-grid{gap:36px}.feat-list{gap:26px}.feat p{font-size:15px}
  .constat-card h3{font-size:21px}.constat-card p{font-size:15px}.constat-grid{gap:28px}
  .approche-summary{grid-template-columns:22px minmax(0,1fr) 32px;gap:12px;padding:22px 0}.approche-item h3{font-size:19px}.approche-item p{font-size:15px;padding:0 0 24px 34px}
  .disclosure-mark,.faq-icon{width:32px;height:32px}.faq-icon{flex-basis:32px}
  .step h4{font-size:20px}.step p{font-size:15px}.step{padding-left:50px}.sms-lead{font-size:15px}
  .results .section-head{gap:0;margin-bottom:36px}.results .h-display{margin-bottom:22px}.results .subheading{font-size:16px}
  .res-card:first-child .counter{font-size:60px}.res-card .counter{font-size:44px}.res-card .r-label{font-size:15px}.res-card .r-context{font-size:11px}.res-card{padding:0 0 0 20px}.rm-val{font-size:23px}
  .dashboard{padding:64px 0}.dash-point h4{font-size:19px}.dash-point p,.dash-demo-intro p{font-size:15px}.dash-point{padding-left:42px}.dash-demo-intro h3{font-size:28px}
  .dash-cta .btn{font-size:13px;padding-left:16px;gap:20px}.why-card h3{font-size:21px}.why-card p{font-size:15px}
  .timing .h-display{font-size:36px}.timing-mega{font-size:60px}.timing-content p{font-size:16px}
  .faq-q{font-size:17px;gap:20px}.faq-a-inner{font-size:15px;padding-right:0}
  .cta-box h2{font-size:36px}.cta-box > p{font-size:16px}.lf-grid{gap:22px}.lf-field label{font-size:13px}
  .lf-submit{font-size:14px;padding-left:18px}.foot-tag{font-size:14px}
}
@media(max-width:360px){.hero h1{font-size:46px}.res-card:first-child .counter{font-size:52px}.hero-cta .btn{font-size:11px}.stat-card .mega{font-size:44px}.lang-switch button{width:29px}}
@media(prefers-reduced-motion:reduce){.arr svg,.btn,.nav-cta,.disclosure-mark,.faq-icon{transition:none!important}}