/* ComptaNext — warm editorial identity, restrained motion */
@font-face{font-family:Kalam;src:url('fonts/kalam-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#2c4437;--navy:#2c4437;--green:#829968;--darkgreen:#526c45;--cream:#faf7ef;--mint:#f0f3e7;--muted:#697266;--line:#e3e5d9;--forest:#526c45;--ease:cubic-bezier(.22,.75,.25,1)}
body{color:var(--ink);background:#fffefa}
h1,h2,h3{font-family:Manrope,Arial,sans-serif!important}
h2{font-weight:650;letter-spacing:-1.6px}
h2 .serif{color:#6d8257}
.header{background:#fffefbf5}
.nav{height:82px}
.logo{width:215px}
.brand-logo{display:block;width:100%;height:auto}
.button{background:#d5e49a;border-color:#d5e49a;color:#2c4437;border-radius:32px;font-weight:650;transition:background .25s,transform .25s,box-shadow .25s}
.button:hover{background:#c8dc85;box-shadow:0 7px 20px #4b623513;transform:translateY(-2px)}
.button .icon{filter:none}
.nav-cta{font-size:12px!important}
.hero-v2.editorial-hero{position:relative;background:var(--cream);overflow:hidden}
.editorial-hero-grid{position:relative;min-height:740px;padding-top:58px;padding-bottom:48px}
.hero-ambience{position:absolute;inset:0 0 54px auto;width:68%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,#000 39%,#000 100%)}
.hero-ambience img{display:block;width:100%;height:100%;object-fit:cover;object-position:66% 50%;transform:translateY(var(--scene-drift,0px)) scale(1.055);transform-origin:center;animation:scene-arrival 1.8s var(--ease) both;will-change:transform}
.editorial-copy{position:relative;z-index:2;width:54%;max-width:650px}
.hero-brand{display:block;width:min(100%,535px);height:auto;margin:4px 0 16px}
.hero-location{font-size:10px;letter-spacing:2.4px;font-weight:550;color:#637057;margin:0 0 48px 5px}
.editorial-hero h1{font-family:Manrope,Arial,sans-serif!important;font-size:clamp(30px,2.8vw,41px);font-weight:650;line-height:1.5;letter-spacing:-1.5px;margin:0 0 21px;color:#2c4437}
.ink-underline{display:inline-block;position:relative;isolation:isolate;white-space:nowrap}
.ink-underline:after{content:"";position:absolute;left:-1%;right:-2%;bottom:.02em;border-bottom:5px solid #c4d384;transform:scaleX(0) rotate(-1.5deg);transform-origin:left;animation:draw-ink .8s 1.05s var(--ease) forwards;z-index:-1}
.editorial-intro{font-size:16px;line-height:1.85;color:#68715f;margin:0 0 29px;max-width:430px}
.handwriting{font-family:Kalam,cursive!important;font-weight:700;font-style:normal;letter-spacing:-.3px}
.personal-note{font-size:24px;color:#566d43;rotate:-2deg;margin:4px 0 20px;transform-origin:left}
.personal-note .handwriting{display:inline-block;border-bottom:2px solid #c4d384;padding-bottom:1px}
.editorial-hero .hero-actions{display:flex;align-items:center;gap:24px;margin:0}
.editorial-hero .hero-actions .button{font-size:13px;padding:16px 23px;gap:20px}
.editorial-demo{font-size:12px;font-weight:500;display:inline-flex;gap:12px;align-items:center}
.editorial-demo .icon{width:16px;transition:transform .3s}
.editorial-demo:hover .icon{transform:translateY(4px)}
.hero-person{font-size:10px;color:#717861;margin:26px 0 0}
.hero-person strong{font-weight:650;color:#40543a}
.margin-note{position:absolute;right:9%;top:48px;z-index:3;font-size:30px;line-height:1.3;rotate:-6deg;color:#2c4437;text-align:center;margin:0;transform:translateY(var(--note-drift,0px))}
.margin-note .ink-underline:after{bottom:-3px;border-width:3px;animation-delay:1.4s}
.ambience-label{position:absolute;right:0;bottom:17px;color:#344433;background:#faf7efd9;font-size:8px;padding:3px 7px;border-radius:3px;z-index:3}
.hero-bottom{position:relative;z-index:3;background:#faf7ef;border-top:1px solid #e5e4d7}
.hero-bottom>.wrap{height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-bottom a{display:inline-flex;align-items:center;gap:18px;font-size:11px}
.hero-bottom a .icon{width:15px;animation:gentle-arrow 2s 2s 2}
#motion-toggle{border:0;background:none;color:#707660;font-size:10px;display:inline-flex;align-items:center;gap:7px;padding:8px 0}
#motion-toggle .icon{width:12px;height:12px;opacity:.7}
.trust-bar{background:#fffefa;border-bottom:1px solid #ebeade}
.trust-bar span{font-size:11px;color:#7b806f}
.trust-bar strong{color:#42563d;font-size:12px}
.meeting-band{background:#f3f3e7;border-bottom:1px solid #e4e5d8;padding:21px 0;overflow:hidden}
.meeting-band-inner{display:flex;align-items:center;justify-content:center;gap:34px}
.meeting-ticket{display:inline-block;font-size:23px;line-height:1.2;padding:10px 22px 7px;background:#e0e8b8;color:#465c38;border:1.5px dashed #8c9c67;border-radius:9px;rotate:-2deg;transform-origin:center;white-space:nowrap}
.meeting-band p{font-size:17px;font-weight:500;letter-spacing:-.25px;margin:0}
.meeting-band .button{padding:11px 22px;font-size:13px;gap:15px}
.meeting-band.is-visible .meeting-ticket{animation:ticket-settle .9s var(--ease) both}
.meeting-ticket:hover{rotate:1deg;transition:rotate .25s}
#expertises{padding-top:100px}
#expertises .section-heading>p{margin-right:0;max-width:330px;font-size:14px}
#expertises .section-heading h2{font-size:42px}
.expertise-grid{gap:20px}
.expertise-card{border-radius:12px;padding:30px 26px;background:#faf9f2;border-color:#e3e5d8!important}
.expertise-card:nth-child(2){background:#f0f3e8;border-color:#e3e5d8!important}
.expertise-card:nth-child(3){background:#faf9f2}
.expertise-card:nth-child(4){background:#f0f3e8}
.expertise-card:hover{background:#fffefa;box-shadow:0 8px 24px #40593208;transform:translateY(-6px)}
.service-icon{border-radius:0;background:transparent;width:34px;height:34px;margin-bottom:26px}
.service-icon img{width:31px;height:31px;opacity:.75}
.expertise-card:hover .service-icon{rotate:0deg;transform:translateY(-3px)}
.expertise-card h3{font-size:22px;line-height:1.45}
.expertise-card p{font-size:13px;line-height:1.8}
.expertise-card ul{font-size:11px}
.live-welcome>p,.live-welcome>p em{font-family:Kalam,cursive;font-weight:700;font-style:normal;color:#698255}
.live-welcome>p{font-size:25px}.live-welcome>p em{font-size:22px}
.live-heading h2{font-size:43px}
.report-banner{background:#edf1df}
.live-metrics article:nth-child(n){background:#fffefa}
.live-metrics article:nth-child(3){background:#f0f4e8}
.legend-current{background:#829968!important}
.conversation-card{rotate:0;box-shadow:6px 8px 0 #efe8d7}
.cabinet{background:#f1f3e8}
.founder-art{rotate:0;box-shadow:none;border-radius:10px}
.founder-intro{font-family:Kalam,cursive!important;font-weight:700;font-style:normal!important}
footer .footer-brand img{width:230px;height:auto;display:block}
.entrance{animation:editorial-arrival .85s var(--ease) both}
.entrance:nth-child(1){animation-delay:.08s}
.entrance:nth-child(2){animation-delay:.18s}
.entrance:nth-child(3){animation-delay:.32s}
.entrance:nth-child(4){animation-delay:.46s}
.entrance:nth-child(5){animation-delay:.6s}
.entrance:nth-child(6){animation-delay:.73s}
.entrance:nth-child(7){animation-delay:.85s}
.margin-note.entrance{animation-delay:.6s}
.js .expertise-card.reveal{transition-delay:var(--entry-delay,0ms)}
.js .reveal{transition-timing-function:var(--ease);transition-duration:.7s}
.motion-paused *, .motion-paused *:before, .motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:0s!important}
.motion-paused .entrance,.motion-paused .hero-ambience img{animation:none!important;opacity:1;filter:none;transform:none}
.motion-paused .ink-underline:after{animation:none!important;transform:scaleX(1) rotate(-1.5deg)}
.motion-paused .hero-ambience img{will-change:auto}
.motion-paused .reveal{opacity:1!important;transform:none!important}
@keyframes editorial-arrival{from{opacity:0;transform:translateY(22px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes scene-arrival{from{opacity:0;scale:1.025}to{opacity:1;scale:1}}
@keyframes draw-ink{from{transform:scaleX(0) rotate(-1.5deg)}to{transform:scaleX(1) rotate(-1.5deg)}}
@keyframes ticket-settle{0%{opacity:0;transform:translateY(14px) rotate(5deg)}65%{opacity:1;transform:translateY(-2px) rotate(-2deg)}100%{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes gentle-arrow{50%{transform:translateY(4px)}}
@media(min-width:1600px){.editorial-hero-grid{min-height:820px;padding-top:75px}.hero-ambience{width:66%}.hero-brand{width:580px}.hero-location{margin-bottom:60px}.editorial-hero h1{font-size:42px}.editorial-intro{font-size:18px}.personal-note{font-size:27px;margin-top:38px;margin-bottom:28px}.margin-note{font-size:34px;top:60px;right:6%}}
@media(max-width:1100px){.nav{gap:20px}.nav nav{gap:20px;font-size:12px}.logo{width:195px}.editorial-hero-grid{min-height:690px;padding-top:60px}.editorial-copy{width:58%}.hero-brand{width:455px}.hero-location{font-size:8px;letter-spacing:1.8px;margin-bottom:42px}.editorial-hero h1{font-size:32px;letter-spacing:-1px}.editorial-intro{font-size:14px}.personal-note{font-size:22px}.editorial-hero .hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.hero-person{font-size:9px;margin-top:22px}.margin-note{font-size:26px;right:2%;top:55px}.hero-ambience{width:66%;mask-image:linear-gradient(to right,transparent 0%,#000 46%,#000 100%)}.meeting-band-inner{gap:22px}.meeting-ticket{font-size:21px;padding:10px 16px 7px}.meeting-band p{font-size:14px}.expertise-card{padding:26px 20px}.expertise-card h3{font-size:20px}}
@media(max-width:820px){.nav nav{gap:15px}.logo{width:170px}.nav-cta{font-size:10px!important;padding:13px 16px!important}.editorial-copy{width:63%}.editorial-hero-grid{min-height:680px;padding-top:60px}.hero-brand{width:390px}.hero-location{font-size:7px;letter-spacing:1px}.editorial-hero h1{font-size:29px}.editorial-intro{font-size:13px}.margin-note{font-size:21px;right:0;top:40px}.hero-ambience{width:66%;mask-image:linear-gradient(to right,transparent,#000 54%)}.meeting-band-inner{gap:16px;justify-content:space-between}.meeting-ticket{font-size:17px;padding:9px 13px 6px}.meeting-band p{font-size:12px;max-width:190px}.meeting-band .button{font-size:11px;padding:10px 15px;gap:8px}#expertises .section-heading h2{font-size:35px}#expertises .section-heading>p{max-width:250px;font-size:12px}.live-heading h2{font-size:35px}.hero-bottom a{font-size:9px}#motion-toggle{font-size:9px}}
@media(max-width:600px){
.nav{height:75px}.logo{width:192px}.header{backdrop-filter:blur(10px)}html{scroll-padding-top:91px}
.editorial-hero-grid{min-height:0;padding-top:36px;padding-bottom:285px}
.editorial-copy{width:100%;max-width:none}
.hero-brand{width:100%;max-width:360px;margin:3px 0 13px}
.hero-location{font-size:7px;letter-spacing:1.05px;margin:0 0 31px 2px}
.editorial-hero h1{font-size:30px;line-height:1.5;letter-spacing:-1.1px;margin-bottom:17px}
.editorial-intro{font-size:13px;line-height:1.8;max-width:320px;margin-bottom:22px}
.personal-note{font-size:22px;margin:0 0 20px}
.editorial-hero .hero-actions{flex-direction:row;align-items:center;gap:15px;flex-wrap:wrap}
.editorial-hero .hero-actions .button{font-size:11px;gap:12px;padding:14px 18px}
.editorial-demo{font-size:10px;gap:7px}
.hero-person{font-size:9px;line-height:1.8;margin-top:22px;max-width:300px}
.hero-ambience{inset:auto 0 54px;width:100%;height:320px;mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 100%)}
.hero-ambience img{object-position:68% 63%;transform:scale(1.03);will-change:auto}
.margin-note{top:auto;bottom:172px;right:auto;left:13px;font-size:22px;line-height:1.25;padding:12px 14px;background:#faf7efdc;border-radius:2px;rotate:-5deg}
.ambience-label{right:0;bottom:9px;font-size:6px}
.hero-bottom>.wrap{height:54px;gap:12px}
.hero-bottom a{font-size:8px;line-height:1.5;max-width:170px;gap:8px}
#motion-toggle{font-size:8px;white-space:nowrap}
#motion-toggle .icon{width:11px;height:11px}
.trust-bar span{font-size:9px}.trust-bar strong{font-size:10px}
.meeting-band{padding:22px 0}
.meeting-band-inner{flex-wrap:wrap;justify-content:center;gap:14px 17px;text-align:center}
.meeting-ticket{font-size:20px;padding:10px 17px 6px}
.meeting-band p{order:3;max-width:none;width:100%;font-size:12px}
.meeting-band .button{font-size:11px;padding:12px 17px}
#expertises{padding-top:65px}#expertises .section-heading h2{font-size:33px}#expertises .section-heading>p{max-width:none;font-size:13px}
.expertise-grid{gap:15px}.expertise-card{padding:27px}.expertise-card h3{font-size:23px}.expertise-card p{font-size:14px}.expertise-card ul{font-size:12px}.card-link{font-size:12px}
.live-heading h2{font-size:31px}.live-heading h2 br{display:block}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto!important}.entrance,.hero-ambience img,.meeting-band.is-visible .meeting-ticket,.hero-bottom a .icon{animation:none!important;opacity:1;transform:none;filter:none}
.ink-underline:after{animation:none!important;transform:scaleX(1) rotate(-1.5deg)}
.hero-ambience img{will-change:auto}.margin-note{transform:none}.js .expertise-card.reveal{transition-delay:0ms}
}
.motion-paused .scene,.motion-paused .agenda-item,.motion-paused .decision-chips>span,.motion-paused .message,.motion-paused .meeting-ticket{animation:none!important;opacity:1;transform:none}
.motion-paused .scan-sweep{display:none}
.motion-paused .document-confirm{animation:none!important;opacity:1;transform:none}

/* Welcome offer and opaque backing for the handwritten photo caption. */
.editorial-hero .margin-note{background:#faf7ef;padding:18px 24px 21px;border:1px solid #e3dfcf;border-radius:3px;box-shadow:0 6px 20px #25372b14;color:#243d2e}

.welcome-offer{position:relative;display:inline-flex;width:340px;max-width:100%;padding:0;margin:8px 0 5px;gap:0;color:#263e30;background:#e8edcd;border:1px solid #d2dab5;border-radius:9px;text-decoration:none;box-shadow:0 5px 0 #dce2bf,0 12px 25px #324c3310;rotate:-2deg;transform-origin:left center;transition:rotate .35s,box-shadow .35s}
.offer-main{flex:1;min-width:0;padding:15px 22px 14px}.offer-eyebrow{display:block;font-size:8px;font-weight:650;letter-spacing:1.9px}.offer-value{display:flex;align-items:center;gap:14px;margin:5px 0 2px}.offer-value>strong{font-family:Manrope,Arial,sans-serif;font-size:76px;font-weight:750;line-height:.98;letter-spacing:-5px}.offer-value>span{font-size:21px;font-weight:550;line-height:1.15;letter-spacing:-.5px}.offer-value em{font-family:Kalam,cursive;font-size:29px;font-style:normal;font-weight:700}.offer-caption{display:block;font-size:10px;margin-top:7px;color:#536345}
.offer-stub{position:relative;width:70px;flex-shrink:0;border-left:1px dashed #91a374;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#dfe7bc;border-radius:0 8px 8px 0}.offer-stub:before,.offer-stub:after{content:'';position:absolute;left:-7px;width:13px;height:13px;border-radius:50%;background:#faf7ef}.offer-stub:before{top:-7px}.offer-stub:after{bottom:-7px}.offer-stub>span{font-size:8px;font-weight:650;writing-mode:vertical-rl;letter-spacing:1.4px}.offer-stub i{font-style:normal;width:30px;height:30px;border:1px solid #9dae81;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .25s,color .25s}
.welcome-offer:hover{rotate:0deg;box-shadow:0 3px 0 #dce2bf,0 10px 25px #324c331c}.welcome-offer:hover .offer-stub i{background:#2c4437;color:#faf7ef}.welcome-offer:focus-visible{outline:3px solid #526b3e;outline-offset:5px}.editorial-copy .personal-note{margin-top:24px}
@media(max-width:600px){.editorial-hero .margin-note{padding:14px 18px 17px;background:#faf7ef}.welcome-offer{width:310px;margin-top:10px}.offer-main{padding:14px 18px}.offer-value>strong{font-size:65px}.offer-value>span{font-size:20px}.offer-value em{font-size:27px}.offer-stub{width:60px}}
@media(prefers-reduced-motion:reduce){.welcome-offer,.offer-stub i{transition:none}}