:root{--cream:#f3eee5;--cream-2:#e9e0d4;--ink:#11100e;--muted:#6e685f;--line:#cfc5b8;--red:#bd3b30;--black:#0d0c0a;--container:min(1440px,calc(100vw - 72px));--serif:'Prata',serif;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:999;left:16px;top:-80px;background:#fff;padding:12px 16px}.skip-link:focus{top:16px}.site-header{height:74px;padding:0 max(24px,calc((100vw - 1540px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(17,16,14,.14);position:relative;z-index:80;background:rgba(243,238,229,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.brand-mark{width:36px;height:36px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:10px}.desktop-nav{display:flex;gap:36px;font-size:12px}.desktop-nav a,.header-cta{position:relative}.desktop-nav a::after,.header-cta::after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:currentColor;transition:right .35s cubic-bezier(.2,.8,.2,1)}.desktop-nav a:hover::after,.header-cta:hover::after{right:0}.header-cta{justify-self:end;font-size:12px}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span{display:block;width:28px;height:1px;background:currentColor;margin:6px}.mobile-menu{display:none}
.hero{width:var(--container);margin:0 auto;min-height:calc(100svh - 74px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:clamp(56px,6vw,110px);align-items:center;padding:74px 0 58px}.hero-copy{max-width:760px}.hero-intro{text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted);margin:0 0 30px}.hero h1{font-family:var(--serif);font-size:clamp(72px,6.2vw,112px);font-weight:400;line-height:.98;letter-spacing:-.045em;margin:0 0 32px;max-width:790px}.hero-lead{font-size:18px;line-height:1.55;color:var(--muted);max-width:680px;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:16px}.cta-primary,.cta-secondary,.form-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;border-radius:999px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s,color .35s}.cta-primary{background:var(--ink);color:var(--cream);padding:7px 8px 7px 22px;font-size:13px}.cta-primary i,.form-submit i{width:40px;height:40px;border-radius:50%;background:var(--red);display:grid;place-items:center;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .35s}.cta-primary svg,.cta-secondary svg,.form-submit svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.6}.cta-primary:hover,.form-submit:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(17,16,14,.18)}.cta-primary:hover i,.form-submit:hover i{transform:rotate(45deg)}.cta-secondary{padding:7px 8px 7px 20px;border:1px solid var(--line);font-size:13px}.cta-secondary i{width:40px;height:40px;border-radius:50%;background:rgba(17,16,14,.05);display:grid;place-items:center;transition:transform .45s}.cta-secondary:hover{background:#fff}.cta-secondary:hover i{transform:translateY(3px)}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}.hero-proof>div{border-top:1px solid var(--line);padding-top:18px}.hero-proof strong{display:block;font-family:var(--serif);font-size:38px;font-weight:400;line-height:1}.hero-proof span{display:block;font-size:9px;color:var(--muted);margin-top:10px}.hero-visual{height:min(74vh,820px);min-height:610px;position:relative;overflow:hidden;background:#15130f}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 33%;transform:scale(1.06)}.hero-shade,.hero-mobile-copy{display:none}.hero-caption{position:absolute;left:26px;bottom:24px;background:rgba(243,238,229,.92);backdrop-filter:blur(10px);padding:14px 18px;border-left:3px solid var(--red);display:grid;gap:3px;font-size:10px}.hero-caption b{font-size:13px}
section{position:relative}.diagnostic,.method,.experience,.fit{width:var(--container);margin:0 auto;padding:132px 0}.section-head,.method-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.55fr);gap:80px;align-items:end;margin-bottom:72px}.section-head h2,.method-intro h2{font-family:var(--serif);font-weight:400;font-size:clamp(58px,5vw,88px);line-height:1.03;letter-spacing:-.035em;margin:0;max-width:920px}.section-head p,.method-intro p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.diagnostic-desktop{display:grid;grid-template-columns:290px 1fr;background:var(--black);color:var(--cream);min-height:670px}.diagnostic-tabs{background:var(--cream-2);color:var(--ink);padding:130px 32px 40px;display:flex;flex-direction:column}.diagnostic-tab{appearance:none;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;padding:23px 0;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;cursor:pointer;font-size:15px}.diagnostic-tab span{font-size:9px}.diagnostic-tab.is-active{color:var(--ink);font-weight:600}.diagnostic-stage{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(400px,1.15fr);gap:68px;align-items:center;padding:76px 76px 68px}.system-map{width:min(100%,420px);aspect-ratio:1;position:relative;margin:auto}.map-node,.map-core{position:absolute;border:1px solid #5b5750;border-radius:50%;display:grid;place-items:center;text-transform:uppercase;letter-spacing:.08em;font-size:8px;transition:all .55s cubic-bezier(.2,.8,.2,1);z-index:2;background:var(--black)}.map-node{width:88px;height:88px}.map-core{width:112px;height:112px;left:50%;top:50%;transform:translate(-50%,-50%);border-color:var(--red);font-size:9px;font-weight:600}.node-owner{left:50%;top:0;transform:translateX(-50%)}.node-team{right:0;top:50%;transform:translateY(-50%)}.node-process{left:50%;bottom:0;transform:translateX(-50%)}.node-money{left:0;top:50%;transform:translateY(-50%)}.connector{position:absolute;background:#4b4741;z-index:1;transition:background .45s,transform .55s}.connector-top,.connector-bottom{width:1px;left:50%;transform:translateX(-50%)}.connector-top{top:88px;height:calc(50% - 144px)}.connector-bottom{bottom:88px;height:calc(50% - 144px)}.connector-left,.connector-right{height:1px;top:50%;transform:translateY(-50%)}.connector-left{left:88px;width:calc(50% - 144px)}.connector-right{right:88px;width:calc(50% - 144px)}.system-map[data-active=owner] .node-owner,.system-map[data-active=team] .node-team,.system-map[data-active=profit] .node-money,.system-map[data-active=growth] .node-process{background:var(--red);border-color:var(--red);color:#fff;transform:translateX(-50%) scale(1.06)}.system-map[data-active=team] .node-team{transform:translateY(-50%) scale(1.06)}.system-map[data-active=profit] .node-money{transform:translateY(-50%) scale(1.06)}.system-map[data-active=growth] .node-process{transform:translateX(-50%) scale(1.06)}.system-map[data-active=owner] .connector-top,.system-map[data-active=team] .connector-right,.system-map[data-active=profit] .connector-left,.system-map[data-active=growth] .connector-bottom{background:var(--red)}.map-core::after{content:'';position:absolute;inset:-14px;border:1px solid rgba(189,59,48,.35);border-radius:50%;animation:corePulse 2.5s ease-out infinite}.stage-copy{max-width:620px}.stage-symptom{text-transform:uppercase;letter-spacing:.07em;font-size:10px;color:#979188;margin:0 0 22px}.stage-copy h3{font-family:var(--serif);font-size:clamp(48px,4vw,74px);font-weight:400;line-height:1.05;letter-spacing:-.03em;margin:0 0 24px}.stage-copy>p:not(.stage-symptom){color:#b9b2a9;font-size:15px;line-height:1.68;margin:0 0 42px}.stage-result{border-top:1px solid #3b3833;padding-top:24px;display:grid;grid-template-columns:120px 1fr;gap:24px}.stage-result span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#817b73}.stage-result strong{font-size:14px;line-height:1.55}.diagnostic-mobile{display:none}
.principles{background:var(--red);color:#fff;overflow:hidden}.principles-track{width:var(--container);margin:0 auto;padding:104px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.principles article{padding:0 40px;min-height:250px}.principles article:first-child{padding-left:0}.principles article+article{border-left:1px solid rgba(255,255,255,.28)}.principles article span{font-size:10px;opacity:.65}.principles h3{font-family:var(--serif);font-size:clamp(42px,3.7vw,66px);font-weight:400;line-height:1.04;margin:34px 0 24px}.principles p{font-size:15px;line-height:1.55;color:#f0c9c4;max-width:300px}
.method{padding-bottom:154px}.method-intro{margin-bottom:80px}.method-journey{width:min(980px,100%);margin:0 auto;position:relative}.journey-rail{position:absolute;left:43px;top:42px;bottom:42px;width:1px;background:var(--line)}.journey-rail span{display:block;width:1px;height:0;background:var(--red);transition:height .1s linear}.journey-step{display:grid;grid-template-columns:88px 1fr;gap:44px;min-height:230px;align-items:start;opacity:.28;transition:opacity .5s,transform .5s;transform:scale(.985);position:relative}.journey-step>span{width:88px;height:88px;border:1px solid var(--line);background:var(--cream);border-radius:50%;display:grid;place-items:center;font-size:10px;z-index:2;transition:all .45s}.journey-step h3{font-family:var(--serif);font-size:clamp(44px,4vw,68px);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0 0 18px}.journey-step p{font-size:15px;line-height:1.65;color:var(--muted);max-width:760px;margin:0}.journey-step.is-current{opacity:1;transform:scale(1)}.journey-step.is-current>span{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.case-study{display:grid;grid-template-columns:1fr 1fr;background:var(--black);color:var(--cream)}.case-photo{min-height:760px;overflow:hidden}.case-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.case-study.is-visible .case-photo img{transform:scale(1.025)}.case-content{padding:100px clamp(52px,6vw,110px)}.case-kicker{display:flex;align-items:center;gap:18px;text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:#a39c92;margin-bottom:44px}.case-kicker span{background:var(--red);color:#fff;border-radius:999px;padding:10px 14px}.case-content h2{font-family:var(--serif);font-size:clamp(54px,4.7vw,82px);line-height:1.05;font-weight:400;letter-spacing:-.03em;margin:0 0 56px}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:42px}.case-story span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#837d75}.case-story p{font-size:14px;line-height:1.6;color:#c8c1b8}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.case-metrics strong{display:block;font-family:var(--serif);font-size:38px;font-weight:400}.case-metrics span{font-size:9px;color:#8f8980}.case-note{font-size:9px;color:#68635d;margin-top:38px}
.experience-list article{display:grid;grid-template-columns:54px minmax(0,1.4fr) minmax(260px,.55fr);gap:26px;align-items:center;padding:34px 0;border-top:1px solid var(--line)}.experience-list article:last-child{border-bottom:1px solid var(--line)}.experience-list span{font-size:9px;color:var(--muted)}.experience-list h3{font-family:var(--serif);font-size:clamp(34px,3.1vw,54px);font-weight:400;line-height:1.1;margin:0}.experience-list p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.fit{padding-top:116px}.fit-copy{display:grid;grid-template-columns:1.25fr .65fr;gap:80px;align-items:end;margin-bottom:64px}.fit h2{font-family:var(--serif);font-size:clamp(58px,5vw,86px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:0}.fit-copy p{font-size:15px;line-height:1.7;color:var(--muted)}.fit-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fit-panels article{padding:40px 42px;min-height:290px}.fit-yes{background:var(--ink);color:var(--cream)}.fit-no{background:var(--cream-2);color:var(--ink)}.fit-panels article>span{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.fit-panels ul{list-style:none;padding:0;margin:34px 0 0}.fit-panels li{padding:15px 0;border-top:1px solid currentColor;font-size:14px;line-height:1.5;opacity:.82}
.contact{width:var(--container);margin:0 auto 90px;background:var(--red);color:#fff;padding:88px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact-copy h2{font-family:var(--serif);font-size:clamp(54px,4.6vw,80px);line-height:1.05;font-weight:400;letter-spacing:-.03em;margin:0 0 30px}.contact-copy p{font-size:15px;line-height:1.7;color:#f0c9c4}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:26px}.contact-form label{display:grid;gap:10px}.contact-form label span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.55);border-radius:0;color:#fff;padding:14px 0;outline:none}.contact-form textarea{resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#efc1bc}.contact-form .full,.form-submit,.form-status{grid-column:1/-1}.form-submit{border:0;background:#fff;color:var(--ink);padding:7px 8px 7px 22px;justify-self:start;cursor:pointer}.form-status{font-size:10px;color:#efc1bc;margin:0}.site-footer{padding:44px max(24px,calc((100vw - 1540px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:end;border-top:1px solid var(--line)}.site-footer>div{display:flex;align-items:center;gap:14px}.site-footer>div:last-child{justify-content:flex-end;font-size:11px}.site-footer p{font-size:11px}
[data-hero-item]{opacity:0;transform:translateY(28px)}[data-hero-image]{clip-path:inset(0 0 100% 0)}body.is-ready [data-hero-item]{animation:heroRise .9s cubic-bezier(.2,.8,.2,1) forwards}body.is-ready [data-hero-item]:nth-child(2){animation-delay:.1s}body.is-ready [data-hero-item]:nth-child(3){animation-delay:.2s}body.is-ready [data-hero-item]:nth-child(4){animation-delay:.3s}body.is-ready [data-hero-item]:nth-child(5){animation-delay:.42s}body.is-ready [data-hero-image]{animation:imageUnveil 1.25s cubic-bezier(.2,.8,.2,1) .08s forwards}body.is-ready [data-hero-image] img{animation:imageScale 1.8s cubic-bezier(.2,.8,.2,1) .08s forwards}[data-reveal]{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal=row]{transform:translateX(-28px)}[data-reveal=case]{transform:translateY(50px) scale(.985)}
@keyframes heroRise{to{opacity:1;transform:none}}@keyframes imageUnveil{to{clip-path:inset(0)}}@keyframes imageScale{from{transform:scale(1.12)}to{transform:scale(1.06)}}@keyframes corePulse{0%{opacity:.6;transform:scale(.8)}70%,100%{opacity:0;transform:scale(1.45)}}
@media(max-width:1120px){:root{--container:calc(100vw - 48px)}.hero{grid-template-columns:1fr .8fr;gap:44px}.hero h1{font-size:68px}.diagnostic-stage{grid-template-columns:1fr;padding:54px}.system-map{max-width:340px}.case-content{padding:76px 48px}.contact{grid-template-columns:1fr;gap:54px}}
@media(max-width:760px){:root{--container:calc(100vw - 32px)}.site-header{position:absolute;top:0;left:0;right:0;height:68px;padding:0 16px;background:transparent;border:0;color:#fff;transition:background .3s,color .3s,box-shadow .3s}.site-header.is-scrolled{position:fixed;top:10px;left:12px;right:12px;height:58px;border-radius:999px;background:rgba(243,238,229,.94);color:var(--ink);box-shadow:0 12px 28px rgba(17,16,14,.13);padding:0 14px}.brand-name,.desktop-nav,.header-cta{display:none}.brand-mark{width:40px;height:40px}.menu-button{display:block;justify-self:end;color:inherit}.mobile-menu{position:fixed;z-index:70;inset:0;background:var(--black);color:var(--cream);padding:110px 28px 36px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-105%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.mobile-menu.is-open{transform:none}.mobile-menu nav{display:grid;gap:24px}.mobile-menu nav a{font-family:var(--serif);font-size:42px}.menu-open{overflow:hidden}.hero{width:100%;padding:0 0 74px;display:flex;flex-direction:column;gap:0;min-height:0}.hero-visual{order:1;height:72svh;min-height:590px}.hero-visual img{object-position:center 31%;transform:scale(1.03)}.hero-shade{display:block;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,9,8,.08) 15%,rgba(10,9,8,.06) 44%,rgba(10,9,8,.88) 100%)}.hero-mobile-copy{display:block;position:absolute;left:20px;right:20px;bottom:30px;color:#fff}.hero-mobile-copy p{font-size:9px;letter-spacing:.09em;text-transform:uppercase;line-height:1.5;max-width:290px;margin:0 0 18px;color:#ddd3c9}.hero-mobile-copy h1{font-size:clamp(42px,11.7vw,56px);line-height:1.02;letter-spacing:-.035em;margin:0;max-width:520px}.hero-caption{display:none}.hero-copy{order:2;padding:28px 16px 0}.hero-copy>.hero-intro,.hero-copy>h1{display:none}.hero-lead{font-size:16px;line-height:1.62;margin-bottom:26px}.hero-actions{display:grid;gap:12px}.cta-primary,.cta-secondary{width:100%;min-height:58px}.cta-secondary{background:transparent}.hero-proof{margin-top:44px;gap:12px}.hero-proof strong{font-size:26px}.hero-proof span{font-size:8px}.diagnostic,.method,.experience,.fit{padding:92px 0}.section-head,.method-intro,.fit-copy{grid-template-columns:1fr;gap:24px;margin-bottom:44px}.section-head h2,.method-intro h2,.fit h2{font-size:clamp(40px,10.5vw,52px);line-height:1.05}.section-head p,.method-intro p,.fit-copy p{font-size:14px}.diagnostic-desktop{display:none}.diagnostic-mobile{display:grid;gap:10px}.mobile-problem{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.15)}.mobile-problem button{width:100%;border:0;background:transparent;color:var(--ink);padding:18px 18px;display:flex;justify-content:space-between;align-items:center;text-align:left}.mobile-problem button span{font-size:14px;font-weight:500}.mobile-problem button i{width:26px;height:26px;border:1px solid var(--line);border-radius:50%;position:relative}.mobile-problem button i::before,.mobile-problem button i::after{content:'';position:absolute;left:7px;right:7px;top:12px;height:1px;background:var(--ink);transition:transform .3s}.mobile-problem button i::after{transform:rotate(90deg)}.mobile-problem.is-open{background:var(--black);color:var(--cream);border-color:var(--black)}.mobile-problem.is-open button{color:var(--cream)}.mobile-problem.is-open button i{border-color:#555}.mobile-problem.is-open button i::before,.mobile-problem.is-open button i::after{background:var(--cream)}.mobile-problem.is-open button i::after{transform:rotate(0)}.mobile-problem-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}.mobile-problem-body>*{overflow:hidden}.mobile-problem.is-open .mobile-problem-body{grid-template-rows:1fr}.mobile-problem-body{padding:0 18px}.mobile-problem.is-open .mobile-problem-body{padding-bottom:22px}.mobile-problem-body p:first-child{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#999188;margin:4px 0 14px}.mobile-problem-body h3{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.08;margin:0 0 14px}.mobile-problem-body p:not(:first-child){font-size:13px;line-height:1.55;color:#bdb5ab}.mobile-problem-body strong{font-size:12px;line-height:1.5;border-top:1px solid #3a3732;padding-top:15px;margin-top:10px}.principles-track{padding:72px 0;display:block}.principles article{padding:28px 0;min-height:0}.principles article+article{border-left:0;border-top:1px solid rgba(255,255,255,.28)}.principles h3{font-size:40px;margin:18px 0 14px}.principles p{font-size:13px}.method-intro{margin-bottom:54px}.method-journey{width:100%}.journey-rail{left:28px;top:28px;bottom:28px}.journey-step{grid-template-columns:56px 1fr;gap:18px;min-height:180px}.journey-step>span{width:56px;height:56px}.journey-step h3{font-size:34px}.journey-step p{font-size:13px}.case-study{grid-template-columns:1fr}.case-photo{height:500px;min-height:0}.case-photo img{object-position:center 30%}.case-content{padding:52px 16px 62px}.case-kicker{gap:10px;flex-wrap:wrap;margin-bottom:28px}.case-content h2{font-size:42px;line-height:1.06;margin-bottom:34px}.case-story{grid-template-columns:1fr;gap:14px}.case-metrics{margin-top:40px;gap:10px}.case-metrics strong{font-size:28px}.experience-list article{grid-template-columns:28px 1fr;gap:12px;padding:24px 0}.experience-list h3{font-size:28px}.experience-list p{grid-column:2;font-size:12px}.fit-panels{grid-template-columns:1fr;gap:12px}.fit-panels article{padding:26px 20px;min-height:0}.contact{width:100%;margin-bottom:0;padding:76px 16px;grid-template-columns:1fr;gap:38px}.contact-copy h2{font-size:44px}.contact-form{grid-template-columns:1fr}.contact-form .full,.form-submit,.form-status{grid-column:1}.site-footer{grid-template-columns:1fr;gap:22px;padding:38px 16px}.site-footer>div{align-items:flex-start}.site-footer>div:last-child{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.map-core::after{display:none}}
/* v6 final refinements */
.method-intro{margin-bottom:132px}
.fit-panels{gap:28px}
.fit-panels article{position:relative;overflow:hidden;padding:48px 48px 44px;min-height:360px;border-radius:0}
.fit-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.fit-title strong{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.1;letter-spacing:-.02em}
.fit-signal{width:12px;height:12px;border-radius:50%;flex:0 0 auto}
.fit-yes .fit-signal{background:var(--red);box-shadow:0 0 0 8px rgba(189,59,48,.13)}
.fit-no .fit-signal{background:transparent;border:1px solid var(--muted)}
.fit-note{max-width:560px;margin:0 0 34px;font-size:14px;line-height:1.65;opacity:.72}
.fit-panels ul{margin-top:0}
.fit-panels li{position:relative;padding:18px 0 18px 28px;border-top:1px solid currentColor}
.fit-panels li::before{content:'';position:absolute;left:0;top:25px;width:8px;height:1px;background:currentColor;opacity:.7}
.fit-yes{background:var(--ink);color:var(--cream)}
.fit-no{background:transparent;color:var(--ink);border:1px solid var(--line)}
.fit-no::after{content:'';position:absolute;right:-80px;bottom:-80px;width:180px;height:180px;border:1px solid rgba(17,16,14,.12);border-radius:50%}
@media(max-width:760px){
.site-header{backdrop-filter:none}
.site-header.is-scrolled{top:10px;left:16px;right:16px;background:rgba(243,238,229,.88);backdrop-filter:blur(16px);box-shadow:0 10px 28px rgba(17,16,14,.12)}
.hero-mobile-copy h1{font-size:clamp(40px,10.8vw,52px);line-height:1.04;letter-spacing:-.028em}
.section-head h2,.method-intro h2,.fit h2{line-height:1.1;letter-spacing:-.025em}
.method-intro{margin-bottom:72px}
.journey-step h3{line-height:1.12;letter-spacing:-.018em}
.mobile-problem{border-radius:20px;background:transparent;transition:background .35s,border-color .35s,transform .35s}
.mobile-problem button{padding:18px 20px}
.mobile-problem button span{font-size:15px;line-height:1.3}
.mobile-problem-body{max-height:0;overflow:hidden;padding:0 20px;opacity:0;transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease,padding .35s ease}
.mobile-problem-body>*{overflow:visible}
.mobile-problem.is-open .mobile-problem-body{max-height:440px;opacity:1;padding:2px 20px 24px}
.mobile-problem-body p:first-child{margin:2px 0 13px;font-size:9px;line-height:1.5}
.mobile-problem-body h3{font-size:30px;line-height:1.12;letter-spacing:-.02em;margin:0 0 14px}
.mobile-problem-body p:not(:first-child){font-size:13px;line-height:1.62;margin:0 0 18px}
.mobile-problem-body strong{display:block;font-size:12px;line-height:1.55;margin-top:0}
.fit-panels{gap:14px}
.fit-panels article{padding:28px 22px 24px;min-height:0}
.fit-title{margin-bottom:16px}
.fit-title strong{font-size:25px}
.fit-note{font-size:13px;margin-bottom:24px}
.fit-panels li{font-size:13px;padding:15px 0 15px 24px}
}
/* v7 — final editorial refinements */
.hero-proof{gap:18px;margin-top:62px}
.hero-proof>div{border:0;padding:20px 22px 18px;background:rgba(233,224,212,.54);min-height:118px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s}
.hero-proof>div:nth-child(2){background:rgba(255,255,255,.34)}
.hero-proof>div:nth-child(3){background:rgba(189,59,48,.075)}
.hero-proof>div:hover{transform:translateY(-5px);background:rgba(255,255,255,.62)}
.hero-proof strong{font-size:34px;letter-spacing:-.025em}
.hero-proof span{font-size:10px;line-height:1.45;margin-top:18px;max-width:170px}
.principles{background:var(--red);color:#fff;overflow:hidden}
.principles-inner{width:var(--container);margin:0 auto;padding:112px 0 118px;display:grid;grid-template-columns:minmax(280px,.66fr) minmax(0,1.34fr);gap:clamp(64px,8vw,150px);align-items:start}
.principles-intro{position:sticky;top:120px}
.principles-intro>p{margin:0 0 24px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f3c9c5}
.principles-intro h2{font-family:var(--serif);font-size:clamp(48px,4vw,72px);line-height:1.04;letter-spacing:-.03em;font-weight:400;margin:0;max-width:560px}
.principles-list{display:grid;gap:18px}
.principles-list article{position:relative;padding:32px 34px 34px;background:rgba(92,15,10,.16);min-height:180px;overflow:hidden;transform:translateY(26px);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s,background .4s}
.principles.is-visible .principles-list article{transform:none;opacity:1}
.principles.is-visible .principles-list article:nth-child(2){transition-delay:.12s}
.principles.is-visible .principles-list article:nth-child(3){transition-delay:.24s}
.principles-list article::after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;right:-92px;top:50%;transform:translateY(-50%) scale(.7);background:rgba(255,255,255,.075);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.principles-list article:hover{background:rgba(92,15,10,.27)}
.principles-list article:hover::after{transform:translateY(-50%) scale(1)}
.principles-list h3{font-family:var(--serif);font-size:clamp(38px,3vw,56px);font-weight:400;line-height:1.04;letter-spacing:-.025em;margin:0 0 18px;max-width:620px}
.principles-list p{font-size:14px;line-height:1.65;color:#f4d2ce;max-width:570px;margin:0}
.fit-panels{gap:22px}
.fit-panels article{padding:52px 50px 48px;min-height:400px;border-radius:0;display:flex;flex-direction:column}
.fit-eyebrow{margin:0 0 26px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.62}
.fit-panels h3{font-family:var(--serif);font-size:clamp(42px,3.4vw,60px);font-weight:400;line-height:1.03;letter-spacing:-.025em;margin:0 0 24px}
.fit-panels h3 em{font-style:normal;color:var(--red)}
.fit-yes h3 em{color:#f16357}
.fit-note{font-size:14px;line-height:1.65;max-width:520px;margin:0 0 34px;opacity:.72}
.fit-points{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}
.fit-points span{display:inline-flex;align-items:center;min-height:38px;padding:9px 14px;border-radius:999px;font-size:12px;line-height:1.35;background:rgba(255,255,255,.08)}
.fit-no .fit-points span{background:rgba(17,16,14,.055)}
.fit-yes{background:var(--ink);color:var(--cream)}
.fit-no{background:var(--cream-2);color:var(--ink);border:0}
.fit-no::after{display:none}
@media(max-width:760px){
.site-header{grid-template-columns:1fr auto}
.brand{grid-column:1}
.menu-button{grid-column:2;justify-self:end;margin-left:auto;transform:none}
.hero-proof{grid-template-columns:1fr;gap:10px;margin-top:34px}
.hero-proof>div{min-height:0;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px}
.hero-proof strong{font-size:25px;white-space:nowrap}
.hero-proof span{font-size:9px;margin:0;max-width:none}
.principles-inner{padding:74px 0 78px;display:block}
.principles-intro{position:static;margin-bottom:38px}
.principles-intro>p{margin-bottom:18px}
.principles-intro h2{font-size:42px;line-height:1.08}
.principles-list{gap:12px}
.principles-list article{min-height:0;padding:26px 22px 28px;border-radius:22px}
.principles-list h3{font-size:34px;line-height:1.08;margin-bottom:12px}
.principles-list p{font-size:13px;line-height:1.55;padding-right:14px}
.fit-panels article{padding:30px 22px 28px;min-height:0}
.fit-eyebrow{margin-bottom:18px}
.fit-panels h3{font-size:36px;line-height:1.07;margin-bottom:18px}
.fit-note{font-size:13px;margin-bottom:26px}
.fit-points{display:grid;gap:8px}
.fit-points span{border-radius:14px;min-height:0;padding:11px 12px;font-size:12px}
}
/* v8 — unified minimal system */
.hero-proof{display:flex;gap:clamp(30px,4vw,64px);align-items:flex-start;margin-top:58px}
.hero-proof>div{background:none!important;border:0!important;padding:0!important;min-height:0!important;display:block!important;transform:none!important}
.hero-proof>div:hover{transform:none!important;background:none!important}
.hero-proof strong{display:block;font-size:clamp(31px,2.7vw,44px);line-height:1.02;letter-spacing:-.03em}
.hero-proof span{display:block;margin-top:10px;font-size:9px;line-height:1.45;color:var(--muted);max-width:150px}
.diagnostic-tabs{padding:105px 28px 40px;gap:10px}
.diagnostic-tab{border:0!important;grid-template-columns:1fr;position:relative;padding:18px 20px;border-radius:16px!important;font-size:15px;line-height:1.35;transition:background .35s,color .35s,transform .35s}
.diagnostic-tab::after{content:'↗';position:absolute;right:18px;top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;transition:opacity .3s,transform .3s;font-size:13px}
.diagnostic-tab:hover{background:rgba(17,16,14,.045);transform:translateX(3px)}
.diagnostic-tab.is-active{background:var(--ink);color:var(--cream);font-weight:500}
.diagnostic-tab.is-active::after{opacity:.68;transform:translateY(-50%) translateX(0)}
.principles{background:var(--red);color:#fff}
.principles-inner{width:var(--container);margin:0 auto;padding:112px 0 116px;display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:clamp(70px,8vw,150px);align-items:start}
.principles-intro{position:sticky;top:120px}
.principles-intro>p{margin:0 0 22px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#f2c8c3}
.principles-intro h2{font-family:var(--serif);font-size:clamp(46px,4vw,70px);line-height:1.06;letter-spacing:-.03em;font-weight:400;margin:0;max-width:540px}
.principles-list{display:grid}
.principles-list article{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr);gap:42px;align-items:start;padding:30px 0;min-height:0;background:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.24)!important;border-radius:0!important;transform:translateY(20px);opacity:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s}
.principles-list article:first-child{border-top:1px solid rgba(255,255,255,.24)!important}
.principles.is-visible .principles-list article{transform:none;opacity:1}
.principles.is-visible .principles-list article:nth-child(2){transition-delay:.1s}
.principles.is-visible .principles-list article:nth-child(3){transition-delay:.2s}
.principles-list article::after{display:none!important}
.principles-list h3{font-family:var(--serif);font-size:clamp(34px,2.7vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0}
.principles-list p{font-size:14px;line-height:1.65;color:#f4d2ce;max-width:460px;margin:4px 0 0}
.fit-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fit-panels article{padding:42px 42px 38px;min-height:330px;border-radius:0;display:flex;flex-direction:column}
.fit-yes{background:var(--ink);color:var(--cream)}
.fit-no{background:var(--cream-2);color:var(--ink);border:0}
.fit-no::after{display:none!important}
.fit-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.fit-heading h3{font-family:var(--serif);font-size:clamp(36px,2.9vw,50px);font-weight:400;line-height:1.06;letter-spacing:-.025em;margin:0}
.fit-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:var(--red)}
.fit-no .fit-dot{background:transparent;border:1px solid var(--muted)}
.fit-note{font-size:14px;line-height:1.65;max-width:530px;margin:0 0 30px;opacity:.7}
.fit-panels ul{list-style:none;padding:0;margin:auto 0 0;display:grid;gap:12px}
.fit-panels li{position:relative;padding:0 0 0 18px;border:0!important;font-size:13px;line-height:1.5;opacity:.82}
.fit-panels li::before{content:'•';position:absolute;left:0;top:0;color:var(--red)}
.fit-no li::before{color:var(--muted)}
@media(max-width:760px){
.hero-proof{display:grid;grid-template-columns:1fr;gap:0;margin-top:34px}
.hero-proof>div{display:grid!important;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;padding:14px 0!important;border-bottom:1px solid rgba(17,16,14,.1)!important}
.hero-proof>div:first-child{border-top:1px solid rgba(17,16,14,.1)!important}
.hero-proof strong{font-size:24px;white-space:nowrap}
.hero-proof span{font-size:9px;margin:0;max-width:none}
.principles-inner{padding:76px 0 80px;display:block}
.principles-intro{position:static;margin-bottom:40px}
.principles-intro h2{font-size:40px;line-height:1.08}
.principles-list article{grid-template-columns:1fr;gap:10px;padding:24px 0}
.principles-list h3{font-size:31px;line-height:1.1}
.principles-list p{font-size:13px;line-height:1.55}
.fit-panels{grid-template-columns:1fr;gap:12px}
.fit-panels article{padding:28px 22px 26px;min-height:0}
.fit-heading{margin-bottom:16px}
.fit-heading h3{font-size:32px}
.fit-note{font-size:13px;margin-bottom:24px}
.fit-panels ul{gap:10px}
.fit-panels li{font-size:12.5px}
}
/* v9 — final semantic and spacing pass */
.diagnostic-tab{padding-right:58px!important;min-height:58px}
.diagnostic-tab::after{right:20px}
.hero-proof{display:flex;align-items:flex-start;gap:0;margin-top:52px;color:var(--muted)}
.hero-proof p{margin:0;padding-right:32px;max-width:230px}
.hero-proof p+p{padding-left:32px;border-left:1px solid rgba(17,16,14,.12)}
.hero-proof strong{display:block;font-family:var(--sans);font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--ink);line-height:1.25}
.hero-proof span{display:block;margin-top:7px;font-size:10px;line-height:1.45;max-width:190px}
.reframe{background:var(--red);color:#fff;overflow:hidden}
.reframe-inner{width:var(--container);margin:0 auto;padding:118px 0 126px;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(70px,9vw,165px);align-items:center}
.reframe-copy>p:first-child{margin:0 0 22px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f4cbc7}
.reframe-copy h2{font-family:var(--serif);font-size:clamp(48px,4vw,72px);line-height:1.05;letter-spacing:-.03em;font-weight:400;margin:0;max-width:650px}
.reframe-note{font-size:14px;line-height:1.65;color:#f4d3cf;max-width:520px;margin:30px 0 0}
.reframe-flow{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1.12fr) 48px minmax(0,1.16fr);align-items:stretch;gap:18px}
.reframe-flow article{padding:28px 0;display:flex;flex-direction:column;justify-content:space-between;min-height:210px;border-top:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.34);opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}
.reframe.is-visible .reframe-flow article{opacity:1;transform:none}
.reframe.is-visible .reframe-flow article:nth-of-type(2){transition-delay:.14s}
.reframe.is-visible .reframe-flow article:nth-of-type(3){transition-delay:.28s}
.reframe-flow span{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#f2c7c3}
.reframe-flow strong{font-family:var(--serif);font-size:clamp(27px,2.25vw,40px);line-height:1.12;font-weight:400;letter-spacing:-.02em}
.reframe-flow i{display:grid;place-items:center;opacity:.52}
.reframe-flow svg{width:44px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.reframe.is-visible .reframe-flow i{animation:flowNudge 1.1s .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes flowNudge{0%{opacity:0;transform:translateX(-12px)}100%{opacity:.52;transform:none}}
.method{padding-bottom:220px}
.method-intro{margin-bottom:112px}
.method-journey{width:min(1040px,100%)}
.journey-step{min-height:286px;gap:58px}
.journey-step h3{margin-bottom:24px}
.journey-step p{max-width:800px}
.journey-rail{bottom:-150px}
.fit-panels{gap:26px}
.fit-panels article{padding:48px 48px 44px;min-height:350px}
.fit-heading{margin-bottom:22px}
.fit-note{margin-bottom:34px}
.fit-points{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}
.fit-points span{display:inline-flex;align-items:center;min-height:38px;padding:10px 14px;border-radius:999px;font-size:12px;line-height:1.35;background:rgba(255,255,255,.08)}
.fit-no .fit-points span{background:rgba(17,16,14,.055)}
.fit-panels ul{display:none!important}
@media(max-width:760px){
.diagnostic-tab{padding-right:54px!important}
.hero-proof{display:grid;gap:0;margin-top:30px}
.hero-proof p{max-width:none;padding:14px 0!important;display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:baseline;border:0!important;border-top:1px solid rgba(17,16,14,.11)!important}
.hero-proof p:last-child{border-bottom:1px solid rgba(17,16,14,.11)!important}
.hero-proof strong{font-size:13px}
.hero-proof span{font-size:9px;margin:0;max-width:none}
.reframe-inner{padding:78px 0 84px;display:block}
.reframe-copy h2{font-size:40px;line-height:1.07}
.reframe-note{font-size:13px;margin-top:22px}
.reframe-flow{margin-top:48px;display:grid;grid-template-columns:1fr;gap:0}
.reframe-flow article{min-height:0;padding:22px 0;gap:18px}
.reframe-flow strong{font-size:29px;line-height:1.1}
.reframe-flow i{height:34px;justify-content:start}
.reframe-flow svg{width:36px;transform:rotate(90deg);transform-origin:center}
.method{padding-bottom:138px}
.method-intro{margin-bottom:72px}
.journey-step{min-height:220px;gap:20px}
.journey-rail{bottom:-72px}
.fit-panels{gap:12px}
.fit-panels article{padding:30px 22px 28px;min-height:0}
.fit-points{display:grid;gap:8px}
.fit-points span{border-radius:14px;min-height:0;padding:11px 12px;font-size:12px}
}
/* v10 — semantic reframe and experience redesign */
.reframe{background:var(--black);color:var(--cream);overflow:hidden}
.reframe::before{content:'';position:absolute;inset:auto -12vw -48% auto;width:52vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(189,59,48,.25),rgba(189,59,48,0) 67%);pointer-events:none}
.reframe-inner{width:var(--container);margin:0 auto;padding:122px 0 128px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(78px,9vw,160px);align-items:center}
.reframe-copy>p:first-child{margin:0 0 24px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a69f96}
.reframe-copy h2{font-family:var(--serif);font-size:clamp(48px,4.2vw,74px);line-height:1.04;letter-spacing:-.032em;font-weight:400;margin:0;max-width:620px}
.reframe-note{font-size:14px;line-height:1.65;color:#aaa39a;max-width:500px;margin:30px 0 0}
.reframe-sequence{position:relative;min-height:440px;display:grid;align-content:center;padding:44px 0}
.reframe-sequence article{position:absolute;inset:50% 0 auto;transform:translateY(calc(-50% + 26px));opacity:0;pointer-events:none;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.reframe-sequence article.is-active{opacity:1;transform:translateY(-50%);pointer-events:auto}
.reframe-sequence article span{display:inline-flex;align-items:center;min-height:30px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.075);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#c8c0b7;margin-bottom:24px}
.reframe-sequence article strong{display:block;font-family:var(--serif);font-size:clamp(52px,5vw,88px);line-height:1.01;font-weight:400;letter-spacing:-.038em;max-width:820px}
.reframe-sequence article p{font-size:14px;line-height:1.6;color:#aaa39a;margin:24px 0 0;max-width:520px}
.reframe-orbit{position:absolute;right:0;bottom:24px;display:flex;gap:9px;align-items:center}
.reframe-orbit i{width:8px;height:8px;border-radius:50%;background:#4c4842;transition:width .45s cubic-bezier(.2,.8,.2,1),background .45s}
.reframe-orbit i.is-active{width:34px;border-radius:999px;background:var(--red)}
.reframe.is-visible .reframe-copy{animation:reframeCopyIn .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes reframeCopyIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.method{padding-bottom:154px}
.method-journey{position:relative}
.journey-rail{top:44px;bottom:242px}
.experience{padding-top:120px}
.experience-head{grid-template-columns:minmax(0,1.15fr) minmax(280px,.5fr);margin-bottom:62px}
.experience-head h2{font-size:clamp(52px,4.5vw,78px);max-width:760px}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.experience-grid article{display:grid;grid-template-columns:58px 1fr;gap:22px;align-items:start;padding:30px 30px 32px;background:var(--cream-2);border-radius:22px;min-height:176px;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s}
.experience-grid article:nth-child(5){grid-column:1/-1;max-width:calc(50% - 9px)}
.experience-grid article:hover{transform:translateY(-5px);background:#e7dfd3}
.experience-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--red);color:#fff;box-shadow:0 12px 26px rgba(189,59,48,.16)}
.experience-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.experience-grid h3{font-family:var(--serif);font-size:clamp(27px,2.2vw,39px);font-weight:400;line-height:1.08;letter-spacing:-.022em;margin:2px 0 14px}
.experience-grid p{font-size:12px;line-height:1.55;color:var(--muted);margin:0;max-width:430px}
.experience-grid article[data-reveal]{opacity:0;transform:translateY(18px)}
.experience-grid article[data-reveal].is-visible{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1),background .45s}
@media(max-width:980px){
.reframe-inner{grid-template-columns:1fr;gap:54px}
.reframe-sequence{min-height:360px}
.experience-grid{grid-template-columns:1fr}
.experience-grid article:nth-child(5){grid-column:auto;max-width:none}
}
@media(max-width:760px){
.reframe-inner{padding:82px 0 88px;display:block}
.reframe-copy h2{font-size:42px;line-height:1.06}
.reframe-note{font-size:13px;margin-top:22px}
.reframe-sequence{min-height:330px;margin-top:46px;padding:28px 0}
.reframe-sequence article strong{font-size:clamp(43px,12vw,58px);line-height:1.02}
.reframe-sequence article p{font-size:13px;margin-top:18px}
.reframe-sequence article span{margin-bottom:18px}
.reframe-orbit{left:0;right:auto;bottom:8px}
.method{padding-bottom:112px}
.journey-rail{top:26px;bottom:194px}
.experience{padding-top:92px}
.experience-head{grid-template-columns:1fr;margin-bottom:40px}
.experience-head h2{font-size:42px;line-height:1.05}
.experience-grid{gap:12px}
.experience-grid article{grid-template-columns:48px 1fr;gap:16px;padding:22px 18px 24px;border-radius:18px;min-height:0}
.experience-icon{width:44px;height:44px;border-radius:14px}
.experience-icon svg{width:21px;height:21px}
.experience-grid h3{font-size:27px;line-height:1.08;margin:1px 0 10px}
.experience-grid p{font-size:12px}
}
/* v11 — unified system, manual reframe and zigzag method */
:root{--radius-lg:28px;--radius-md:22px;--radius-sm:16px}
h1,h2,h3,.stage-copy h3,.case-content h2,.contact-copy h2,.mobile-problem-body h3{font-family:var(--serif);font-weight:400;font-synthesis:none}
/* One radius language across the site */
.hero-visual,.diagnostic-desktop,.case-study,.contact,.fit-panels article{border-radius:var(--radius-lg);overflow:hidden}
.hero-caption,.case-kicker span,.form-submit,.cta-primary,.cta-secondary{border-radius:999px}
.mobile-problem,.experience-grid article{border-radius:var(--radius-md)}
.contact-form input,.contact-form textarea{border-radius:12px}
/* Subtle life on interactive surfaces */
@media (hover:hover) and (pointer:fine){
.experience-grid article,.fit-panels article,.mobile-problem,.diagnostic-tab,.contact-form label{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background .4s,border-color .4s}
.experience-grid article:hover,.fit-panels article:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 18px 46px rgba(17,16,14,.09)}
.diagnostic-tab:hover{transform:translateX(5px)}
.contact-form label:hover{transform:translateY(-2px)}
}
/* Reframe: clear separation and explicit manual switching */
.reframe-inner{grid-template-columns:minmax(300px,.64fr) minmax(0,1.36fr);gap:clamp(110px,12vw,220px);align-items:center}
.reframe-copy{max-width:560px}
.reframe-sequence{min-height:470px;padding:36px 0 0;display:grid;grid-template-rows:1fr auto;align-content:stretch}
.reframe-viewport{position:relative;min-height:350px;border-radius:var(--radius-lg);background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);overflow:hidden}
.reframe-sequence article{inset:50% clamp(34px,4vw,68px) auto;transform:translateY(calc(-50% + 24px));max-width:850px}
.reframe-sequence article.is-active{transform:translateY(-50%)}
.reframe-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;padding:6px;border-radius:999px;background:rgba(255,255,255,.055);width:min(100%,560px)}
.reframe-controls button{appearance:none;border:0;border-radius:999px;background:transparent;color:#8f8981;min-height:46px;padding:0 18px;font-size:11px;letter-spacing:.04em;cursor:pointer;transition:background .35s,color .35s,transform .35s}
.reframe-controls button.is-active{background:var(--cream);color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.reframe-controls button:hover{color:var(--cream)}
.reframe-controls button.is-active:hover{color:var(--ink)}
.reframe-orbit{display:none!important}
/* Zigzag method path */
.method-journey{width:min(1120px,100%);min-height:920px;position:relative;margin:0 auto}
.journey-rail{position:absolute;left:0;top:0;bottom:auto;width:180px;height:920px;background:none;z-index:0;pointer-events:none}
.journey-rail svg{display:block;width:100%;height:100%;overflow:visible}
.journey-path-base,.journey-path-progress{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.journey-path-base{stroke:rgba(17,16,14,.13);stroke-width:1.2}
.journey-path-progress{stroke:var(--red);stroke-width:1.7;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .12s linear}
.journey-rail-mobile{display:none}
.journey-step{grid-template-columns:92px minmax(0,1fr);gap:52px;min-height:230px;position:relative;z-index:1;transform:translateX(var(--journey-x,0)) scale(.985);width:calc(100% - 145px);transition:opacity .5s,transform .5s}
.journey-step:nth-of-type(1){--journey-x:0px}
.journey-step:nth-of-type(2){--journey-x:84px}
.journey-step:nth-of-type(3){--journey-x:14px}
.journey-step:nth-of-type(4){--journey-x:98px}
.journey-step.is-current{transform:translateX(var(--journey-x,0)) scale(1)}
.journey-step>span{width:92px;height:92px;border-width:1px;font-family:var(--serif);font-size:28px;line-height:1;box-shadow:0 0 0 10px var(--cream)}
.journey-step.is-current>span{box-shadow:0 0 0 10px var(--cream),0 16px 32px rgba(17,16,14,.12)}
.journey-step h3{font-size:clamp(42px,3.6vw,62px);line-height:1.08;letter-spacing:-.025em}
/* Consistent rounded content surfaces */
.case-photo img{border-radius:0}
.fit-panels{gap:20px}
.fit-panels article{border:1px solid rgba(17,16,14,.08)}
.fit-yes{border-color:transparent!important}
.contact{border-radius:var(--radius-lg)}
@media(max-width:980px){
.reframe-inner{grid-template-columns:1fr;gap:58px}
.reframe-copy{max-width:700px}
.reframe-sequence{min-height:420px}
.journey-step:nth-of-type(2),.journey-step:nth-of-type(4){--journey-x:52px}
.journey-step:nth-of-type(3){--journey-x:8px}
}
@media(max-width:760px){
:root{--radius-lg:22px;--radius-md:18px}
.hero-visual{border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.reframe-inner{padding:82px 0 88px}
.reframe-copy{max-width:none}
.reframe-sequence{min-height:390px;margin-top:44px;padding:0;display:grid}
.reframe-viewport{min-height:300px;border-radius:22px}
.reframe-sequence article{inset:50% 22px auto}
.reframe-sequence article strong{font-size:clamp(38px,10.7vw,52px)}
.reframe-controls{width:100%;margin-top:14px;gap:5px;padding:5px}
.reframe-controls button{font-size:10px;min-height:42px;padding:0 10px}
.method-journey{min-height:710px;width:100%}
.journey-rail-desktop{display:none}
.journey-rail-mobile{display:block;left:0;top:0;width:76px;height:710px}
.journey-step{grid-template-columns:58px minmax(0,1fr);gap:18px;min-height:178px;width:calc(100% - 18px);transform:translateX(var(--journey-x-mobile,0)) scale(.985)}
.journey-step:nth-of-type(1){--journey-x-mobile:0px}
.journey-step:nth-of-type(2){--journey-x-mobile:20px}
.journey-step:nth-of-type(3){--journey-x-mobile:0px}
.journey-step:nth-of-type(4){--journey-x-mobile:12px}
.journey-step.is-current{transform:translateX(var(--journey-x-mobile,0)) scale(1)}
.journey-step>span{width:58px;height:58px;font-size:20px;box-shadow:0 0 0 7px var(--cream)}
.journey-step.is-current>span{box-shadow:0 0 0 7px var(--cream),0 10px 24px rgba(17,16,14,.12)}
.journey-step h3{font-size:31px;line-height:1.1}
.journey-step p{font-size:12.5px}
.fit-panels article,.contact,.experience-grid article{border-radius:18px}
}
@media (hover:hover) and (pointer:fine){
.case-story>div,.case-metrics>div,.fit-points span,.reframe-controls button,.mobile-problem{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s}
.case-story>div:hover,.case-metrics>div:hover,.fit-points span:hover{transform:translateY(-3px) scale(1.015)}
.fit-points span:hover{box-shadow:0 10px 24px rgba(17,16,14,.08)}
}
/* v12 — cleanup: clearer reframe, cleaner journey, unified no-shadow system */
.hero-caption{
left:28px;bottom:26px;
padding:13px 16px 14px;
min-width:230px;
border:0;
border-radius:18px;
background:rgba(243,238,229,.94);
backdrop-filter:blur(12px);
display:flex;
flex-direction:column;
gap:2px;
box-shadow:none!important;
}
.hero-caption span{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hero-caption b{font-size:13px;font-weight:600;color:var(--ink)}
.reframe-inner{gap:clamp(140px,14vw,260px)}
.reframe-viewport{overflow:hidden}
.reframe-sequence article{max-width:760px}
.reframe-sequence article strong{font-size:clamp(52px,4.7vw,78px);line-height:1.02;overflow-wrap:anywhere}
.reframe-sequence article p{max-width:680px;line-height:1.55}
.reframe-controls button{box-shadow:none!important}
.reframe-controls button.is-active{box-shadow:none!important}
/* Remove decorative shadows everywhere except the Telegram submit button */
.experience-grid article,
.fit-panels article,
.mobile-problem,
.diagnostic-tab,
.case-story>div,
.case-metrics>div,
.fit-points span,
.reframe-viewport,
.reframe-controls,
.journey-step>span,
.hero-caption{box-shadow:none!important}
@media (hover:hover){
.experience-grid article:hover,
.fit-panels article:hover,
.fit-points span:hover,
.mobile-problem:hover,
.diagnostic-tab:hover{box-shadow:none!important}
}
.form-submit,.form-submit:hover{box-shadow:0 14px 34px rgba(17,16,14,.18)!important}
/* Cleaner journey: path behind opaque circles, no halo, no ghost outlines */
.method-journey{overflow:visible}
.journey-rail{z-index:0}
.journey-step{z-index:2;opacity:.42}
.journey-step>span{
position:relative;
z-index:3;
background:var(--cream);
border:0;
color:#a9a196;
box-shadow:none!important;
}
.journey-step.is-current{opacity:1}
.journey-step.is-current>span{
background:var(--ink);
color:var(--cream);
border:0;
box-shadow:none!important;
}
.journey-path-base{stroke:rgba(17,16,14,.10);stroke-width:1.15}
.journey-path-progress{stroke-width:1.6}
/* Cleaner experience cards */
.experience-grid article{border:1px solid rgba(17,16,14,.05)}
.experience-grid article:hover{transform:translateY(-3px) scale(1.006)}
.experience-icon{box-shadow:none!important}
/* Form fields with real inner padding */
.contact-form input,.contact-form textarea{
padding:16px 18px;
border:1px solid rgba(255,255,255,.34);
border-radius:14px;
background:rgba(255,255,255,.035);
}
.contact-form textarea{min-height:150px}
.contact-form input:focus,.contact-form textarea:focus{
border-color:rgba(255,255,255,.82);
background:rgba(255,255,255,.06);
}
@media (max-width:700px){
.hero-caption{left:18px;right:18px;bottom:18px;min-width:0;width:auto;padding:12px 14px;border-radius:16px}
.reframe-inner{gap:46px}
.reframe-sequence article strong{font-size:clamp(36px,10vw,48px);line-height:1.04}
.reframe-sequence article p{font-size:12.5px}
.reframe-controls button{font-size:9px;padding:0 8px}
.journey-step{opacity:.38}
.journey-step>span{border:0;box-shadow:none!important}
.contact-form input,.contact-form textarea{padding:15px 16px}
}
/* v13 — more breathing room inside the diagnostic statement card */
.reframe-viewport{
min-height:470px;
}
.reframe-sequence article{
inset:50% clamp(58px,5vw,92px) auto;
max-width:none;
}
.reframe-sequence article strong{
max-width:880px;
font-size:clamp(48px,4.35vw,74px);
line-height:1.04;
}
.reframe-sequence article p{
max-width:760px;
margin-top:30px;
}
@media (max-width: 1100px){
.reframe-viewport{min-height:430px}
.reframe-sequence article{inset:50% 44px auto}
}
@media (max-width: 720px){
.reframe-sequence{min-height:430px}
.reframe-viewport{min-height:350px}
.reframe-sequence article{inset:50% 26px auto}
.reframe-sequence article strong{
font-size:clamp(35px,9.7vw,46px);
line-height:1.06;
}
.reframe-sequence article p{
margin-top:22px;
max-width:100%;
}
}
/* v14 — cleaner mobile hero and navigation */
@media (max-width:760px){
/* The desktop photo caption must never overlay the mobile hero */
.hero-caption{display:none!important}
.mobile-menu{
padding:96px 18px 20px;
background:#0d0c0a;
overflow-y:auto;
}
.mobile-menu-inner{
width:min(100%,620px);
min-height:calc(100svh - 116px);
margin:0 auto;
display:flex;
flex-direction:column;
}
.mobile-menu-eyebrow{
margin:0 0 18px;
font-size:10px;
line-height:1;
letter-spacing:.12em;
text-transform:uppercase;
color:#8f8880;
}
.mobile-menu nav{
display:grid;
gap:8px;
}
.mobile-menu nav a{
display:grid;
grid-template-columns:1fr auto;
align-items:center;
column-gap:18px;
padding:18px 18px 17px;
border-radius:18px;
background:#151411;
transition:background .28s ease,transform .28s cubic-bezier(.2,.8,.2,1);
}
.mobile-menu nav a::after{
content:'';
grid-column:2;
grid-row:1 / span 2;
align-self:center;
width:20px;
height:20px;
background:currentColor;
color:#8f8880;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
transition:transform .28s ease,color .28s ease;
}
.mobile-menu nav a span{
font-family:var(--serif);
font-size:clamp(28px,8vw,38px);
line-height:1.05;
letter-spacing:-.025em;
}
.mobile-menu nav a small{
margin-top:7px;
max-width:300px;
font-family:var(--sans);
font-size:10px;
line-height:1.45;
color:#8f8880;
}
.mobile-menu nav a:active{
transform:scale(.985);
background:#1c1a17;
}
.mobile-menu nav a:active::after{transform:translate(2px,-2px);color:var(--cream)}
.mobile-menu-footer{
margin-top:auto;
padding-top:28px;
display:grid;
gap:12px;
}
.mobile-menu-cta{
min-height:56px;
padding:0 18px 0 20px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
background:var(--cream);
color:var(--ink);
font-size:13px;
font-weight:600;
}
.mobile-menu-cta span{
width:38px;height:38px;border-radius:50%;
display:grid;place-items:center;
background:var(--red);color:var(--cream);
font-size:16px;
}
.mobile-menu-telegram{
padding:6px 4px 0;
font-size:12px;
color:#a39b92;
}
}
@media (min-width:761px){
/* In case the overlay is opened on a compact desktop/tablet via future controls */
.mobile-menu-inner{width:min(100%,1100px);margin:auto}
}
/* v15 — evidence, formats, cases and clarity */
.hero-mobile-title{font-family:var(--serif);font-size:clamp(50px,13vw,72px);line-height:.98;letter-spacing:-.045em;margin:0;color:#fff}
.section-label{font-size:11px;line-height:1.3;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 18px}
.credibility{padding:112px var(--page-x);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9vw;align-items:end;background:#e9e1d6;border-radius:var(--radius-xl);margin:0 var(--page-x)}
.credibility-copy h2{font-family:var(--serif);font-size:clamp(46px,5vw,76px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:0 0 28px;max-width:760px}
.credibility-copy>p:last-child{font-size:17px;line-height:1.7;color:var(--muted);max-width:620px}
.credibility-facts{display:grid;gap:0}
.credibility-facts article{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr;gap:34px;align-items:start;padding:30px 0;border-bottom:1px solid rgba(17,16,14,.14)}
.credibility-facts article:first-child{border-top:1px solid rgba(17,16,14,.14)}
.credibility-facts strong{font-family:var(--serif);font-size:clamp(28px,2.7vw,42px);font-weight:400;line-height:1.05}
.credibility-facts span{font-size:14px;line-height:1.6;color:var(--muted);padding-top:7px}
.formats{padding:132px var(--page-x);background:var(--black);color:var(--cream);border-radius:var(--radius-xl);margin:0 var(--page-x)}
.formats-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);column-gap:8vw;align-items:end;margin-bottom:76px}
.formats-head .section-label{grid-column:1/-1;color:#9e9890}
.formats-head h2{font-family:var(--serif);font-size:clamp(50px,5.5vw,86px);font-weight:400;line-height:1;letter-spacing:-.045em;margin:0;max-width:920px}
.formats-head>p:last-child{font-size:15px;line-height:1.65;color:#aaa39b;margin:0 0 8px}
.formats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.formats-grid article{min-height:430px;padding:34px 32px 36px;border:1px solid rgba(244,239,231,.16);border-radius:26px;display:flex;flex-direction:column;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.formats-grid article:hover{transform:translateY(-4px);border-color:rgba(244,239,231,.34);background:rgba(255,255,255,.025)}
.formats-grid article>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#a49d94;margin-bottom:58px}
.formats-grid h3{font-family:var(--serif);font-size:clamp(32px,3vw,46px);font-weight:400;line-height:1.05;letter-spacing:-.03em;margin:0 0 24px}
.formats-grid p{font-size:14px;line-height:1.65;color:#aaa39b;margin:0 0 28px}
.formats-grid strong{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--cream);margin-top:auto;margin-bottom:10px}
.formats-grid strong+p{margin:0;color:#d5cfc7}
.cases-preview{padding:138px var(--page-x)}
.cases-preview-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.55fr);gap:9vw;align-items:end;margin-bottom:70px}
.cases-preview-head h2{font-family:var(--serif);font-size:clamp(50px,5.3vw,82px);font-weight:400;line-height:1;letter-spacing:-.045em;margin:0;max-width:900px}
.cases-preview-head>div:last-child p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 26px}
.cases-preview-head a{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:inherit;text-decoration:none;padding-bottom:5px;border-bottom:1px solid currentColor}
.case-preview-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}
.case-preview-card{min-height:560px;border-radius:28px;padding:34px;display:flex;flex-direction:column;text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.case-preview-card:hover{transform:translateY(-5px)}
.case-preview-card.dark{background:var(--black);color:var(--cream)}
.case-preview-card.red{background:var(--red);color:#fff}
.case-preview-card.light{background:#e9e1d6;color:var(--black)}
.demo-label{align-self:flex-start;font-size:9px;text-transform:uppercase;letter-spacing:.12em;padding:8px 11px;border-radius:999px;border:1px solid currentColor;opacity:.72}
.case-preview-card small{margin-top:54px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.65}
.case-preview-card h3{font-family:var(--serif);font-size:clamp(34px,3.5vw,54px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:18px 0 20px}
.case-preview-card p{font-size:13px;line-height:1.65;opacity:.7;margin:0;max-width:460px}
.case-preview-card>div{margin-top:auto;display:flex;align-items:flex-end;gap:14px}
.case-preview-card>div strong{font-family:var(--serif);font-size:58px;font-weight:400;line-height:.9}
.case-preview-card>div span{font-size:11px;line-height:1.3;max-width:110px;opacity:.7}
.faq{padding:130px var(--page-x);display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:10vw}
.faq-head h2{font-family:var(--serif);font-size:clamp(48px,5vw,78px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:0}
.faq-list{border-top:1px solid rgba(17,16,14,.16)}
.faq-list details{border-bottom:1px solid rgba(17,16,14,.16);padding:0}
.faq-list summary{cursor:pointer;list-style:none;font-size:20px;line-height:1.35;padding:28px 48px 28px 0;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:0;top:26px;font-size:24px;font-weight:400;transition:transform .25s ease}
.faq-list details[open] summary:after{transform:rotate(45deg)}
.faq-list p{font-size:14px;line-height:1.75;color:var(--muted);margin:-2px 60px 30px 0;max-width:720px}
.contact-expect{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin-top:36px;max-width:580px}
.contact-expect span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.62)}
.contact-expect b{font-size:13px;font-weight:500;color:#fff}
/* reduce repetition and visual weight */
.method{padding-top:118px;padding-bottom:118px}
.method-journey{margin-top:76px}
.journey-step{min-height:190px}
.fit-points span{box-shadow:none}
.experience-grid article{box-shadow:none}
.experience-grid article:hover{box-shadow:none}
@media(max-width:980px){
.credibility{grid-template-columns:1fr;gap:54px}
.formats-head,.cases-preview-head{grid-template-columns:1fr;gap:34px}
.formats-grid{grid-template-columns:1fr}
.formats-grid article{min-height:320px}
.case-preview-grid{grid-template-columns:1fr 1fr}
.case-preview-card:first-child{grid-column:1/-1}
.faq{grid-template-columns:1fr;gap:52px}
}
@media(max-width:760px){
.credibility{margin:0 14px;padding:72px 22px;border-radius:24px}
.credibility-copy h2{font-size:42px}
.credibility-copy>p:last-child{font-size:14px}
.credibility-facts article{grid-template-columns:1fr;gap:8px;padding:24px 0}
.credibility-facts strong{font-size:31px}
.credibility-facts span{font-size:12px;padding:0}
.formats{margin:0 14px;padding:78px 18px;border-radius:24px}
.formats-head{margin-bottom:44px}
.formats-head h2{font-size:43px}
.formats-head>p:last-child{font-size:13px}
.formats-grid{gap:10px}
.formats-grid article{min-height:0;padding:26px 22px 28px;border-radius:20px}
.formats-grid article>span{margin-bottom:34px}
.formats-grid h3{font-size:32px}
.cases-preview{padding:96px 14px}
.cases-preview-head{margin-bottom:42px}
.cases-preview-head h2{font-size:43px}
.case-preview-grid{grid-template-columns:1fr;gap:10px}
.case-preview-card:first-child{grid-column:auto}
.case-preview-card{min-height:430px;border-radius:22px;padding:24px}
.case-preview-card small{margin-top:38px}
.case-preview-card h3{font-size:38px}
.case-preview-card>div strong{font-size:48px}
.faq{padding:96px 20px;gap:42px}
.faq-head h2{font-size:43px}
.faq-list summary{font-size:17px;padding:24px 42px 24px 0}
.faq-list summary:after{top:21px}
.faq-list p{font-size:13px;margin:0 30px 26px 0}
.contact-expect{grid-template-columns:1fr;gap:6px;margin-top:28px}
.contact-expect b{margin-bottom:10px}
}
.contact-privacy{grid-column:1/-1;font-size:10px;line-height:1.55;color:rgba(255,255,255,.5);margin:2px 0 0;max-width:560px}
/* v16 — layout correction, calmer desktop rhythm, stronger responsive QA */
.hero-mobile-title{display:block;font-family:var(--serif);font-weight:400}
/* Credibility replaces the removed hero proof, so it must feel like a full section, not duplicated counters */
.credibility{
width:var(--container);margin:0 auto;padding:118px 0 126px;
display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(64px,8vw,128px);
align-items:start;background:transparent;border-radius:0
}
.credibility-copy{max-width:700px}
.credibility-copy h2{font-size:clamp(52px,4.7vw,78px);line-height:1.04;margin-bottom:30px}
.credibility-copy>p:last-child{font-size:16px;line-height:1.72;max-width:600px}
.credibility-facts{display:grid;grid-template-columns:1fr;gap:12px;padding-top:40px}
.credibility-facts article{
border:0!important;border-radius:22px;background:#e8dfd3;
grid-template-columns:minmax(190px,.7fr) 1fr;gap:36px;padding:30px 34px;align-items:center;
transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s ease
}
.credibility-facts article:nth-child(2){background:#eee7de}
.credibility-facts article:nth-child(3){background:#e4d9cc}
.credibility-facts article:hover{transform:translateX(6px);background:#f0e9e0}
.credibility-facts strong{font-size:clamp(29px,2.5vw,40px);line-height:1.08}
.credibility-facts span{font-size:13px;line-height:1.58;padding:0}
/* Desktop formats were overflowing because the section inherited edge-to-edge spacing */
.formats{
width:var(--container);margin:20px auto 0;padding:104px clamp(42px,5vw,78px) 86px;
border-radius:34px;overflow:hidden
}
.formats-head{grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:clamp(48px,7vw,110px);margin-bottom:58px}
.formats-head h2{font-size:clamp(54px,4.8vw,78px);max-width:850px}
.formats-grid{gap:12px}
.formats-grid article{min-height:360px;padding:30px 28px 32px;border-radius:22px}
.formats-grid article>span{margin-bottom:42px}
.formats-grid h3{font-size:clamp(32px,2.6vw,44px)}
.cases-preview{width:var(--container);margin:0 auto;padding:128px 0 132px}
.cases-preview-head{gap:clamp(58px,8vw,130px);margin-bottom:58px}
.cases-preview-head h2{font-size:clamp(52px,4.7vw,76px)}
.case-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;perspective:1200px}
.case-preview-card{min-height:500px;padding:30px;border-radius:24px;overflow:hidden;position:relative;
transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.case-preview-card::after{content:'';position:absolute;inset:auto -25% -45% 35%;height:62%;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(30px);transform:translateY(30px);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.case-preview-card:hover{transform:translateY(-8px) rotateX(1.5deg);filter:saturate(1.04)}
.case-preview-card:hover::after{transform:translateY(0)}
.case-preview-card h3{font-size:clamp(32px,2.8vw,48px)}
.case-preview-card>div{position:relative;z-index:1}
/* FAQ: smooth open/close is driven by JS; no abrupt native jump */
.faq-list details{overflow:hidden}
.faq-answer{height:0;overflow:hidden;opacity:0;transition:height .48s cubic-bezier(.2,.8,.2,1),opacity .32s ease}
.faq-list details[open] .faq-answer{opacity:1}
.faq-answer p{margin:0 60px 30px 0!important;padding-top:0}
/* Consistent vertical rhythm between the new blocks */
.credibility + .diagnostic{padding-top:130px}
.formats + .cases-preview{padding-top:124px}
.cases-preview + .experience{padding-top:116px}
@media(max-width:1100px){
.credibility{grid-template-columns:1fr;gap:44px}
.credibility-facts{padding-top:0}
.formats-head{grid-template-columns:1fr;gap:28px}
.case-preview-grid{grid-template-columns:1fr 1fr}
.case-preview-card:first-child{grid-column:1/-1}
}
@media(max-width:760px){
.hero-mobile-title{font-size:clamp(43px,11.5vw,56px)!important;line-height:1.01!important;letter-spacing:-.04em!important;margin:0!important;max-width:100%!important}
.hero-mobile-copy{bottom:28px}
.hero-mobile-copy>p:first-child{max-width:280px;margin-bottom:14px}
.hero-visual{height:74svh;min-height:610px}
.hero-copy{padding-top:30px}
.credibility{width:auto;margin:0 14px;padding:72px 22px 74px;border-radius:24px;background:#e9e1d6;gap:40px}
.credibility-copy h2{font-size:40px;line-height:1.07}
.credibility-copy>p:last-child{font-size:14px}
.credibility-facts{gap:9px}
.credibility-facts article{grid-template-columns:1fr;gap:7px;padding:22px 18px;border-radius:18px;background:rgba(255,255,255,.33)}
.credibility-facts article:nth-child(2),.credibility-facts article:nth-child(3){background:rgba(255,255,255,.24)}
.credibility-facts strong{font-size:29px}
.credibility-facts span{font-size:12px}
.formats{width:auto;margin:14px;padding:72px 18px 22px;border-radius:24px}
.formats-head{margin-bottom:38px}
.formats-head h2{font-size:41px;line-height:1.05}
.formats-grid article{min-height:0;padding:25px 20px 27px;border-radius:20px}
.formats-grid article>span{margin-bottom:28px}
.formats-grid h3{font-size:31px}
.cases-preview{width:auto;margin:0;padding:92px 14px}
.cases-preview-head{margin-bottom:38px}
.cases-preview-head h2{font-size:41px;line-height:1.05}
.case-preview-grid{grid-template-columns:1fr;gap:10px}
.case-preview-card:first-child{grid-column:auto}
.case-preview-card{min-height:400px;padding:23px;border-radius:22px}
.case-preview-card h3{font-size:35px}
.case-preview-card:hover{transform:none}
.case-preview-card:active{transform:scale(.985)}
.faq-answer p{margin:0 26px 26px 0!important}
.credibility + .diagnostic{padding-top:96px}
.formats + .cases-preview{padding-top:90px}
.cases-preview + .experience{padding-top:90px}
}
/* v17 — final spacing and alignment corrections */
@media(min-width:761px){
.method-intro{margin-bottom:112px}
.journey-step{min-height:260px;gap:52px}
.journey-step h3{font-size:clamp(48px,4.2vw,70px);line-height:1.07}
.faq{width:var(--container);margin:0 auto;padding:126px 0 132px;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);gap:clamp(72px,9vw,150px);align-items:start}
.faq-head{position:sticky;top:112px;align-self:start}
.faq-head h2{font-size:clamp(50px,4.7vw,74px);line-height:1.04;max-width:540px}
.faq-list summary{font-size:18px;padding:28px 54px 28px 0}
.faq-list p{max-width:760px}
.case-preview-card{min-height:540px}
.case-preview-card h3{font-size:clamp(31px,2.45vw,44px);line-height:1.08;margin-bottom:24px}
.case-preview-card p{margin-bottom:34px}
.case-preview-card>div{padding-top:22px;gap:18px;align-items:end}
.case-preview-card>div strong{font-size:clamp(50px,4.2vw,66px);line-height:.92}
.case-preview-card>div span{padding-bottom:5px;max-width:130px}
}
@media(max-width:760px){
.hero-mobile-copy{left:22px;right:22px;bottom:30px}
.hero-mobile-title{font-size:clamp(42px,10.8vw,52px)!important;line-height:1.055!important;letter-spacing:-.035em!important;text-transform:none!important;max-width:96%!important}
.hero-mobile-copy>p:first-child{font-size:9px;line-height:1.45;max-width:310px;margin-bottom:16px}
.hero-visual{height:72svh;min-height:600px;border-radius:0 0 24px 24px;overflow:hidden}
.hero-visual img{object-position:center 30%}
.method-intro{margin-bottom:62px}
.journey-step{grid-template-columns:68px 1fr;gap:22px;min-height:200px}
.journey-step>span{width:68px;height:68px;font-size:18px}
.journey-rail{left:33px;top:34px;bottom:34px}
.journey-step h3{font-size:36px;line-height:1.08}
.faq{padding:88px 18px 96px;grid-template-columns:1fr;gap:34px}
.faq-head h2{font-size:40px;line-height:1.06;max-width:330px}
.faq-list summary{font-size:16px;line-height:1.35;padding:22px 38px 22px 0}
.faq-list summary:after{right:2px;top:19px}
.case-preview-card{min-height:auto;padding:24px 22px 22px}
.case-preview-card small{margin-top:34px}
.case-preview-card h3{font-size:34px;line-height:1.08;margin-bottom:18px}
.case-preview-card p{margin-bottom:32px}
.case-preview-card>div{margin-top:0;padding-top:8px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:14px}
.case-preview-card>div strong{font-size:50px;line-height:.95}
.case-preview-card>div span{font-size:10px;padding-bottom:4px}
}
/* v18 — final motion pass: smoother, quieter and consistent */
:root{--ease-premium:cubic-bezier(.22,.61,.36,1)}
/* Remove lingering reveal delays that made hover feel late and jerky */
[data-reveal]{transition-delay:0s!important}
/* Experience cards now feel interactive without jumping */
.experience-grid article{
will-change:transform;
transition:opacity .8s var(--ease-premium),transform .8s var(--ease-premium),background-color .45s ease,border-color .45s ease!important;
transform-origin:center center;
}
.experience-grid article[data-reveal]{opacity:0;transform:translate3d(0,24px,0) scale(.992)}
.experience-grid article[data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.experience-grid article:hover{transform:translate3d(0,-4px,0) scale(1.008)!important;background:#e8dfd3}
.experience-grid .experience-icon{transition:transform .55s var(--ease-premium),background-color .4s ease}
.experience-grid article:hover .experience-icon{transform:translateY(-2px) scale(1.055)}
/* Main-page case cards: no mouse-tilt, no snapping, calm lift */
.case-preview-card{
transform:translate3d(0,0,0);
will-change:transform;
transition:opacity .82s var(--ease-premium),transform .72s var(--ease-premium),filter .5s ease,background-color .5s ease!important;
}
.case-preview-card[data-reveal]{opacity:0;transform:translate3d(0,28px,0) scale(.992)}
.case-preview-card[data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.case-preview-card:hover{transform:translate3d(0,-6px,0) scale(1.006)!important;filter:saturate(1.02)}
.case-preview-card::after{transition:transform .9s var(--ease-premium),opacity .7s ease}
.case-preview-card:hover::after{transform:translateY(-4px)}
@media(max-width:760px){
.experience-grid article:hover,.case-preview-card:hover{transform:none!important}
.experience-grid article:active,.case-preview-card:active{transform:scale(.992)!important}
}
/* v19 — credibility card alignment cleanup */
@media (min-width:761px){
.credibility-facts article{
grid-template-columns:minmax(250px,.82fr) minmax(0,1fr);
min-height:148px;
padding:32px 38px;
gap:42px;
align-items:center;
}
.credibility-facts strong{
display:block;
max-width:320px;
font-size:clamp(28px,2.25vw,38px);
line-height:1.02;
letter-spacing:-.025em;
}
.credibility-facts span{
align-self:center;
max-width:520px;
line-height:1.55;
}
}
/* v20 — smoother journey path and floating desktop navigation */
.journey-path-base,
.journey-path-progress{
stroke-linecap:round;
stroke-linejoin:round;
}
@media(min-width:761px){
.site-header{
position:sticky;
top:0;
width:100%;
transition:width .5s var(--ease-premium),top .5s var(--ease-premium),height .5s var(--ease-premium),border-radius .5s var(--ease-premium),background-color .45s ease,box-shadow .45s ease,border-color .45s ease;
}
.site-header.is-scrolled{
top:12px;
width:min(1480px,calc(100vw - 40px));
height:62px;
margin-inline:auto;
border:1px solid rgba(17,16,14,.12);
border-radius:18px;
background:rgba(243,238,229,.88);
box-shadow:0 16px 42px rgba(17,16,14,.11);
backdrop-filter:blur(18px) saturate(1.08);
}
.site-header.is-scrolled .brand-mark{
transform:scale(.92);
}
.site-header .brand-mark{
transition:transform .45s var(--ease-premium),background-color .35s ease,color .35s ease;
}
.site-header.is-scrolled .header-cta{
padding:10px 15px;
border-radius:999px;
background:var(--ink);
color:var(--cream);
}
.site-header .header-cta{
transition:padding .4s var(--ease-premium),border-radius .4s var(--ease-premium),background-color .35s ease,color .35s ease;
}
.site-header.is-scrolled .header-cta::after{display:none}
}
/* v21 — mobile journey path aligned precisely through every numbered circle */
@media(max-width:760px){
.journey-rail-mobile{
left:0!important;
top:0!important;
width:76px!important;
height:668px!important;
pointer-events:none;
}
.journey-rail-mobile svg{overflow:visible}
.journey-rail-mobile .journey-path-base,
.journey-rail-mobile .journey-path-progress{
vector-effect:non-scaling-stroke;
stroke-linecap:round;
stroke-linejoin:round;
}
}
/* v24 — force vector arrows, never emoji glyphs on iOS */
.ui-arrow{width:18px;height:18px;display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-menu-cta .ui-arrow{width:18px;height:18px}
.mobile-menu-cta{position:relative}
.mobile-menu-cta>.ui-arrow{width:38px;height:38px;padding:10px;border-radius:50%;background:var(--red);color:var(--cream)}
.cases-back .ui-arrow,.cases-intro a .ui-arrow{display:inline-block;vertical-align:-3px;margin-left:8px}
/* v29 concrete rewrite: keeps visual system, removes bookish overload */
.concrete-grid{grid-template-columns:repeat(4,1fr)}
.concrete-grid article{min-height:360px}
.concrete-grid article h3{font-size:clamp(30px,2.2vw,44px)}
.concrete-grid article p{max-width:360px}
.hero h1{max-width:760px}
.hero-lead{max-width:650px}
.credibility-copy h2,.section-head h2,.method-intro h2,.fit-copy h2,.cases-preview-head h2,.faq-head h2,.contact-copy h2{letter-spacing:-.032em}
@media(max-width:1020px){.concrete-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.concrete-grid{grid-template-columns:1fr}.concrete-grid article{min-height:0}.hero h1{font-size:clamp(48px,13.4vw,64px)}.hero-lead{font-size:15px}}
/* v30 — text/content correction without changing the original visual direction */
.hero h1{max-width:760px}
.hero-intro{letter-spacing:.085em}
.hero-caption{min-width:310px}
.hero-caption span{font-size:12px;text-transform:none;letter-spacing:0;color:#6e685f}
.hero-caption b{font-size:16px;line-height:1.25}
.credibility-copy{align-self:start}
.credibility-copy h2{max-width:820px}
.section-head p,.formats-head>p:last-child,.method-intro p,.fit-copy p,.cases-preview-head p,.contact-copy p{max-width:620px}
.formats{position:relative;overflow:hidden;background:linear-gradient(135deg,#0d0c0a 0%,#15110e 56%,#0d0c0a 100%)}
.formats::before{content:'';position:absolute;right:-18%;top:-28%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(189,59,48,.26),rgba(189,59,48,0) 68%);pointer-events:none}
.formats::after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(243,238,229,.26),transparent);pointer-events:none}
.formats-head,.formats-grid{position:relative;z-index:1}
.formats-head h2{max-width:760px}
.formats-grid article{background:rgba(255,255,255,.018);backdrop-filter:none}
.formats-grid article>span{letter-spacing:.075em;color:#bbb1a7}
.formats-grid strong{letter-spacing:.075em;color:#d9d1c8}
.method-intro h2{max-width:840px}
.contact{position:relative;overflow:hidden}
.contact::before{content:'';position:absolute;right:-18%;top:-30%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,0) 66%);pointer-events:none}.contact>*{position:relative;z-index:1}
@media(max-width:760px){.hero-caption{min-width:0}.formats::before{right:-45%;top:-12%;width:120%}.formats-head h2{max-width:none}.contact::before{width:120%;right:-60%;top:-18%}}
/* v33 — only hero photo scale adjustment */
.hero-visual img{
transform:scale(1.14)!important;
object-position:center 32%;
}
@keyframes imageScale{
from{transform:scale(1.20)}
to{transform:scale(1.14)}
}
@media(max-width:760px){
.hero-visual img{
transform:scale(1.08)!important;
object-position:center 30%;
}
@keyframes imageScale{
from{transform:scale(1.12)}
to{transform:scale(1.08)}
}
}
/* v36 — mobile fix: hero proof rows must not overlap */
@media (max-width: 760px) {
.hero-proof {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
margin-top: 30px !important;
}
.hero-proof p {
display: block !important;
max-width: none !important;
padding: 16px 0 15px !important;
border-left: 0 !important;
border-top: 1px solid rgba(17,16,14,.12) !important;
}
.hero-proof p + p {
padding-left: 0 !important;
}
.hero-proof p:last-child {
border-bottom: 1px solid rgba(17,16,14,.12) !important;
}
.hero-proof strong {
display: block !important;
font-size: 15px !important;
line-height: 1.25 !important;
white-space: normal !important;
margin: 0 0 6px !important;
}
.hero-proof span {
display: block !important;
font-size: 12px !important;
line-height: 1.45 !important;
max-width: 320px !important;
margin: 0 !important;
}
}
/* v40 — data-backed structure without overloading */
.hero-visual img{object-position:center 36%;transform:scale(1.03)}
@media(max-width:760px){.hero-visual img{object-position:center 34%;transform:scale(1.02)}}
.section-head h2,.method-intro h2,.scope-head h2,.services-head h2,.artifact-copy h2,.confidentiality h2{font-size:clamp(48px,4.5vw,78px);line-height:1.04;letter-spacing:-.04em}
.experience-scope{width:var(--container);margin:0 auto;padding:116px 0 124px}.scope-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:7vw;align-items:end;margin-bottom:54px}.scope-head h2{font-family:var(--serif);font-weight:400;margin:0;max-width:780px}.scope-head p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scope-grid article{min-height:260px;border:1px solid rgba(17,16,14,.12);border-radius:24px;padding:26px 24px 24px;background:rgba(255,255,255,.22);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}.scope-grid article:hover{transform:translateY(-3px);background:#fff}.scope-grid span{font-size:11px;color:var(--red);font-weight:600}.scope-grid h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,2.3vw,42px);line-height:1.04;letter-spacing:-.035em;margin:44px 0 16px}.scope-grid p{font-size:13px;line-height:1.62;color:var(--muted);margin:auto 0 0}
.cases-proof{padding-top:120px}.case-preview-grid-v40{grid-template-columns:1.05fr .95fr .95fr}.case-preview-card{position:relative;overflow:hidden}.case-preview-card .case-icon{width:54px;height:54px;border-radius:16px;border:1px solid currentColor;opacity:.72;display:grid;place-items:center}.case-icon::before{content:'';width:30px;height:30px;display:block;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat;opacity:.92}.case-icon.factory::before{mask-image:url('data:image/svg+xml;utf8,')}.case-icon.network::before{mask-image:url('data:image/svg+xml;utf8,')}.case-icon.sku::before{mask-image:url('data:image/svg+xml;utf8,')}.case-preview-card small{margin-top:38px}.case-preview-card h3{font-size:clamp(32px,3vw,48px);line-height:1.06}.case-preview-card.featured h3{font-size:clamp(39px,3.7vw,58px)}.metric-pills{display:flex!important;flex-wrap:wrap;align-items:flex-end!important;gap:8px!important;margin-top:auto!important}.metric-pills b{display:inline-flex;border:1px solid currentColor;border-radius:999px;padding:8px 12px;font-size:12px;line-height:1;opacity:.78;font-family:var(--sans);font-weight:600}.case-preview-card:hover .case-icon{transform:rotate(-4deg) scale(1.04);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.artifact-proof{width:var(--container);margin:0 auto;padding:120px 0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1fr);gap:7vw;align-items:start}.artifact-copy h2{font-family:var(--serif);font-weight:400;margin:0 0 24px;max-width:760px}.artifact-copy p{font-size:15px;line-height:1.72;color:var(--muted);max-width:610px}.artifact-board{border:1px solid rgba(17,16,14,.14);border-radius:28px;overflow:hidden;background:#ece4d8}.artifact-row{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:26px 30px;border-bottom:1px solid rgba(17,16,14,.13)}.artifact-row:last-child{border-bottom:0}.artifact-row span{font-family:var(--serif);font-size:30px;line-height:1.05}.artifact-row b{font-size:13px;line-height:1.65;font-weight:500;color:var(--muted)}
.services{width:var(--container);margin:0 auto;padding:110px 0}.services-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:7vw;align-items:end;margin-bottom:54px}.services-head h2{font-family:var(--serif);font-weight:400;margin:0;max-width:810px}.services-head p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-grid article{min-height:330px;padding:30px 28px;border-radius:24px;background:#11100e;color:#f3eee5;display:flex;flex-direction:column}.service-grid article:nth-child(2){background:#e9e0d4;color:#11100e}.service-grid article:nth-child(3){background:#bd3b30;color:#fff}.service-grid span{font-size:11px;color:inherit;opacity:.54}.service-grid h3{font-family:var(--serif);font-weight:400;font-size:clamp(32px,2.7vw,46px);line-height:1.04;letter-spacing:-.035em;margin:56px 0 18px}.service-grid p{font-size:13px;line-height:1.65;color:currentColor;opacity:.72;margin:auto 0 0}
.confidentiality{width:var(--container);margin:0 auto 100px;padding:58px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.confidentiality>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.7fr);gap:7vw;align-items:start}.confidentiality h2{font-family:var(--serif);font-weight:400;margin:0}.confidentiality p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}.site-footer>div:last-child{gap:18px;flex-wrap:wrap}
@media(max-width:1120px){.scope-head,.services-head,.artifact-proof,.confidentiality>div{grid-template-columns:1fr}.scope-grid{grid-template-columns:1fr 1fr}.case-preview-grid-v40{grid-template-columns:1fr 1fr}.case-preview-card.featured{grid-column:1/-1}.artifact-proof{gap:44px}.service-grid{grid-template-columns:1fr}}
@media(max-width:760px){.section-head h2,.method-intro h2,.scope-head h2,.services-head h2,.artifact-copy h2,.confidentiality h2{font-size:clamp(39px,10vw,52px);line-height:1.06}.experience-scope,.artifact-proof,.services{width:auto;margin:0 16px;padding:76px 0}.scope-head,.services-head{gap:22px;margin-bottom:34px}.scope-head p,.services-head p,.artifact-copy p,.confidentiality p{font-size:13px}.scope-grid{grid-template-columns:1fr;gap:10px}.scope-grid article{min-height:0;border-radius:20px;padding:23px 20px}.scope-grid h3{font-size:32px;margin:28px 0 12px}.cases-proof{padding-top:80px}.case-preview-card .case-icon{width:48px;height:48px;border-radius:14px}.case-preview-card h3,.case-preview-card.featured h3{font-size:36px}.metric-pills b{font-size:11px;padding:7px 10px}.artifact-board{border-radius:22px}.artifact-row{grid-template-columns:1fr;gap:8px;padding:22px 20px}.artifact-row span{font-size:30px}.service-grid{grid-template-columns:1fr;gap:10px}.service-grid article{min-height:0;border-radius:20px;padding:24px 20px}.service-grid h3{font-size:32px;margin:36px 0 14px}.confidentiality{width:auto;margin:0 16px 72px;padding:42px 0}.confidentiality>div{grid-template-columns:1fr;gap:18px}.case-preview-grid-v40{grid-template-columns:1fr}.case-preview-card.featured{grid-column:auto}.formats-head h2{font-size:40px}.formats-grid h3{font-size:30px}.hero-proof{grid-template-columns:1fr}.hero-proof>p{border-top:1px solid var(--line);padding-top:16px;margin:0}.hero-proof span{font-size:10px;line-height:1.4}.site-footer>div:last-child{display:grid}}
.hero-proof>p{border-top:1px solid var(--line);padding-top:18px;margin:0}
:root{--page-x:max(24px,calc((100vw - 1440px)/2));--radius-xl:34px;--radius-lg:30px}
/* v41 — client-facing cleanup, merged experience and stronger contacts */
.credibility-combined{align-items:start}
.credibility-combined .credibility-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:0}
.credibility-combined .credibility-facts article{display:block;padding:26px 24px;min-height:172px;border:0;border-radius:20px;background:rgba(255,255,255,.34)}
.credibility-combined .credibility-facts article:nth-child(2n){background:rgba(255,255,255,.22)}
.credibility-combined .credibility-facts strong{font-size:clamp(24px,2vw,34px);line-height:1.12;margin-bottom:16px}
.credibility-combined .credibility-facts span{font-size:12px;line-height:1.55}
.cases-preview-head .all-cases-link{display:inline-flex;align-items:center;gap:14px;min-height:54px;padding:0 22px;border:1px solid var(--ink);border-radius:999px;font-size:14px;font-weight:600;margin-top:24px}
.cases-preview-head .all-cases-link svg{width:19px;height:19px}
.site-footer{align-items:center;gap:34px;padding-top:34px;padding-bottom:34px}
.footer-contacts{display:grid!important;grid-template-columns:repeat(3,minmax(190px,1fr)) auto;gap:10px!important;align-items:stretch!important}
.footer-contact{display:flex;flex-direction:column;justify-content:center;min-height:74px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:transform .3s ease,background .3s ease}
.footer-contact:hover{transform:translateY(-2px);background:#e9e1d6}
.footer-contact small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}
.footer-contact strong{font-size:12px;line-height:1.3;font-weight:600;color:var(--ink)}
.footer-copy{align-self:center;white-space:nowrap}
@media(max-width:1120px){.credibility-combined .credibility-facts{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr}.site-footer>div:last-child{justify-content:stretch}.footer-contacts{grid-template-columns:repeat(3,1fr) auto}}
@media(max-width:760px){.credibility-combined .credibility-facts{grid-template-columns:1fr}.credibility-combined .credibility-facts article{min-height:0;padding:22px 18px}.credibility-combined .credibility-facts strong{font-size:27px;margin-bottom:10px}.cases-preview-head .all-cases-link{width:100%;justify-content:space-between;margin-top:18px}.footer-contacts{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:8px!important}.footer-contact{min-height:68px}.footer-contact strong{font-size:13px}.footer-copy{padding-top:8px}}
/* v42 — balanced section rhythm, stronger experience composition and compact CTA */
section{scroll-margin-top:90px}.diagnostic,.credibility,.cases-preview,.formats,.services,.faq{padding-top:clamp(88px,8vw,132px);padding-bottom:clamp(88px,8vw,132px)}
.credibility-combined{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(48px,7vw,110px);align-items:start}.credibility-copy{position:sticky;top:110px}.credibility-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.credibility-facts article{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:210px;padding:28px;border-radius:24px;background:#f7f2ea;border:1px solid rgba(17,16,14,.06)}.credibility-facts article:nth-child(1){grid-column:span 2;background:#11100e;color:#f3eee5;min-height:170px}.credibility-facts article:nth-child(2),.credibility-facts article:nth-child(5){background:#e9e0d4}.credibility-facts strong{font-family:'Prata',serif;font-weight:400;font-size:clamp(28px,2.2vw,40px);line-height:1.05}.credibility-facts span{font-size:13px;line-height:1.55;max-width:330px;opacity:.68}.credibility-facts article:hover{transform:translateY(-3px)!important}
.contact{align-items:start;min-height:auto;padding-top:clamp(70px,7vw,110px);padding-bottom:clamp(70px,7vw,110px)}.contact-form{align-self:start}.contact-copy h2{max-width:560px}.contact-copy p{max-width:560px}.contact-privacy{max-width:640px}.footer-contacts{gap:12px}
@media(max-width:1020px){.credibility-combined{grid-template-columns:1fr}.credibility-copy{position:static}.credibility-facts{grid-template-columns:1fr 1fr}.credibility-facts article:nth-child(1){grid-column:span 2}}
@media(max-width:760px){section{scroll-margin-top:74px}.diagnostic,.credibility,.cases-preview,.formats,.services,.faq{padding-top:72px;padding-bottom:72px}.credibility-facts{grid-template-columns:1fr}.credibility-facts article,.credibility-facts article:nth-child(1){grid-column:auto;min-height:150px;padding:22px}.credibility-facts strong{font-size:31px}.contact{padding:56px 18px 46px}.contact-form{gap:16px}.contact-copy h2{font-size:clamp(42px,12vw,58px)}.footer-contact{min-height:92px}}
/* v43 — audit rebuild: experience, cases, contact and mobile stability */
.section-kicker{margin:0 0 20px!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--muted)!important}
.credibility-v43{width:var(--container);margin:0 auto;padding:96px 0 72px;background:transparent;border-radius:0;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(50px,7vw,110px);align-items:start}
.credibility-v43 .credibility-copy{position:sticky;top:108px;max-width:610px}
.credibility-v43 .credibility-copy h2{font-family:var(--serif);font-size:clamp(48px,4.8vw,76px);font-weight:400;line-height:1.03;letter-spacing:-.04em;margin:0 0 24px}
.credibility-v43 .credibility-copy>p:last-child{font-size:15px;line-height:1.72;color:var(--muted);max-width:550px;margin:0}
.experience-ledger{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.experience-proof{min-width:0;min-height:205px;padding:28px;border-radius:24px;background:#e9e0d4;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(17,16,14,.06)}
.experience-proof.proof-main{grid-column:1/-1;min-height:170px;background:var(--black);color:var(--cream)}
.experience-proof:nth-child(3){background:#dcd4c9}
.experience-proof span{font-family:var(--serif);font-size:clamp(38px,3.4vw,56px);line-height:1;letter-spacing:-.04em}
.experience-proof p{font-size:12px;line-height:1.55;max-width:430px;margin:22px 0 0;opacity:.68}
.experience-directions{grid-column:1/-1;border-top:1px solid var(--line);margin-top:12px}
.experience-directions>div{display:grid;grid-template-columns:42px minmax(190px,.7fr) minmax(0,1fr);gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.experience-directions b{font-size:10px;letter-spacing:.1em;color:var(--muted);padding-top:4px}
.experience-directions strong{font-family:var(--serif);font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.18}
.experience-directions p{font-size:12px;line-height:1.55;color:var(--muted);margin:3px 0 0}
.cases-proof{padding-top:72px!important;padding-bottom:104px!important}
.case-preview-grid-v40{display:grid;grid-template-columns:1.12fr .94fr .94fr;gap:14px}
.case-preview-card{min-height:500px;padding:30px;border-radius:26px;overflow:hidden}
.case-preview-card .case-icon{width:58px;height:58px;border:1px solid currentColor;border-radius:17px;display:grid;place-items:center;background:transparent;position:relative;z-index:2}
.case-preview-card .case-icon::before{display:none!important;content:none!important}
.case-preview-card .case-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.case-preview-card small{margin-top:42px}
.case-preview-card h3,.case-preview-card.featured h3{font-size:clamp(34px,3vw,50px);line-height:1.05}
.metric-pills{position:relative;z-index:2}
.contact{width:var(--container);margin:0 auto 72px;padding:clamp(54px,5.4vw,78px);border-radius:32px;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(54px,7vw,108px);align-items:start;min-height:0}
.contact-copy h2{font-size:clamp(52px,4.5vw,76px);line-height:1.03;margin-bottom:24px}
.contact-copy p{font-size:14px;line-height:1.65;margin:0}
.contact-expect{margin-top:30px;gap:9px 18px}
.contact-form{grid-template-columns:1fr 1fr;gap:20px 18px;align-content:start}
.contact-form input,.contact-form textarea{border:1px solid rgba(255,255,255,.42);border-radius:14px;padding:16px 17px;background:rgba(255,255,255,.025)}
.contact-form textarea{min-height:136px;resize:vertical}
.contact-form label{gap:8px}.contact-form label span{font-size:9px}
.form-submit{min-height:58px;margin-top:2px}.form-status{align-self:center;margin:0;line-height:1.45}.contact-privacy{margin:0;line-height:1.45}
.site-footer{padding-top:30px;padding-bottom:30px}
@media(max-width:1050px){
.credibility-v43{grid-template-columns:1fr}.credibility-v43 .credibility-copy{position:static;max-width:760px}
.contact{grid-template-columns:1fr;gap:42px}
}
@media(max-width:760px){
.credibility-v43{width:auto;margin:0 16px;padding:68px 0 44px;gap:34px}
.credibility-v43 .credibility-copy h2{font-size:clamp(40px,10.7vw,52px)}
.experience-ledger{grid-template-columns:1fr;gap:9px}
.experience-proof,.experience-proof.proof-main{grid-column:auto;min-height:145px;padding:22px;border-radius:20px}
.experience-proof span{font-size:40px}.experience-proof p{font-size:11px;margin-top:16px}
.experience-directions{grid-column:auto;margin-top:8px}
.experience-directions>div{grid-template-columns:30px 1fr;gap:12px;padding:18px 0}
.experience-directions p{grid-column:2;font-size:11px;margin-top:-5px}.experience-directions strong{font-size:24px}
.cases-proof{padding-top:52px!important;padding-bottom:76px!important}
.case-preview-grid-v40{grid-template-columns:1fr;gap:10px}
.case-preview-card{min-height:0;padding:24px 20px;border-radius:21px}
.case-preview-card .case-icon{width:50px;height:50px;border-radius:15px}.case-preview-card .case-icon svg{width:28px;height:28px}
.case-preview-card small{margin-top:32px}.case-preview-card h3,.case-preview-card.featured h3{font-size:34px}
.case-preview-card p{font-size:12px}.metric-pills{margin-top:34px!important}
.contact{width:auto;margin:0 12px 42px;padding:34px 20px 28px;border-radius:24px;gap:30px}
.contact-copy h2{font-size:clamp(40px,11vw,54px);margin-bottom:18px}.contact-copy p{font-size:13px}
.contact-expect{grid-template-columns:1fr;gap:5px;margin-top:24px}.contact-expect b{margin-bottom:10px}
.contact-form{grid-template-columns:1fr;gap:14px}.contact-form label,.contact-form .full,.form-submit,.form-status,.contact-privacy{grid-column:1}
.contact-form input,.contact-form textarea{padding:15px 14px}.contact-form textarea{min-height:128px}
.form-submit{width:100%}.form-status,.contact-privacy{font-size:9px}
}
/* v44 — editorial experience rebuild */
.credibility-v44{width:var(--container);margin:0 auto;padding:104px 0 82px;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(56px,8vw,128px);align-items:start}
.experience-intro{position:sticky;top:108px;max-width:590px}
.experience-intro h2{font-family:var(--serif);font-size:clamp(52px,5vw,82px);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:0 0 26px}
.experience-intro>p:last-child{font-size:15px;line-height:1.72;color:var(--muted);max-width:520px;margin:0}
.experience-story{min-width:0;border-top:1px solid var(--line)}
.experience-evidence{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1fr);gap:40px;align-items:end;padding:38px 0;border-bottom:1px solid var(--line)}
.experience-evidence.accent{color:var(--cream);background:var(--black);margin:0 -28px;padding:38px 28px;border-radius:24px;border-bottom:0}
.evidence-number{display:flex;align-items:baseline;gap:12px;min-width:0}
.evidence-number strong{font-family:var(--serif);font-size:clamp(58px,5.8vw,92px);font-weight:400;line-height:.9;letter-spacing:-.055em;white-space:nowrap}
.evidence-number span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.experience-evidence.accent .evidence-number span{color:#aaa39b}
.experience-evidence>p{font-size:13px;line-height:1.68;color:var(--muted);margin:0;max-width:500px}
.experience-evidence.accent>p{color:#b8b1a8}
.experience-flow{padding-top:46px}
.flow-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 12px}
.flow-track{border-top:1px solid var(--line)}
.flow-track article{display:grid;grid-template-columns:44px minmax(220px,.78fr) minmax(0,1fr);gap:22px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}
.flow-track article>span{font-size:10px;letter-spacing:.1em;color:var(--muted);padding-top:5px}
.flow-track h3{font-family:var(--serif);font-size:clamp(23px,2vw,31px);font-weight:400;line-height:1.15;margin:0}
.flow-track p{font-size:12px;line-height:1.58;color:var(--muted);margin:3px 0 0}
@media(max-width:1020px){.credibility-v44{grid-template-columns:1fr}.experience-intro{position:static;max-width:760px}}
@media(max-width:760px){.credibility-v44{width:auto;margin:0 16px;padding:72px 0 52px;gap:36px}.experience-intro h2{font-size:clamp(42px,11vw,54px)}.experience-evidence,.experience-evidence.accent{grid-template-columns:1fr;gap:18px;padding:28px 0}.experience-evidence.accent{margin:0 -4px;padding:28px 20px;border-radius:22px}.evidence-number{display:block}.evidence-number strong{font-size:56px}.evidence-number span{display:block;margin-top:10px}.experience-flow{padding-top:34px}.flow-track article{grid-template-columns:30px 1fr;gap:12px;padding:20px 0}.flow-track p{grid-column:2;margin-top:-4px}.flow-track h3{font-size:25px}}
/* v45 — editorial experience, corrected contact grid */
.credibility-v45{width:min(1420px,calc(100vw - 72px));margin:0 auto;padding:clamp(92px,9vw,150px) 0 clamp(86px,8vw,132px);border-top:1px solid rgba(20,18,15,.14)}
.experience-v45-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:clamp(70px,10vw,180px);align-items:end;margin-bottom:clamp(54px,6vw,88px)}
.experience-v45-head h2{font-family:var(--serif);font-size:clamp(58px,6.2vw,104px);font-weight:400;line-height:.96;letter-spacing:-.055em;margin:14px 0 0;max-width:900px}
.experience-v45-lead{font-size:clamp(17px,1.35vw,22px);line-height:1.55;color:var(--muted);margin:0 0 8px;max-width:580px}
.experience-v45-map{display:grid;grid-template-columns:1fr 1.18fr 1fr;border-top:1px solid rgba(20,18,15,.16);border-bottom:1px solid rgba(20,18,15,.16)}
.experience-v45-column{min-width:0;padding:36px 34px 42px;border-right:1px solid rgba(20,18,15,.14);display:flex;flex-direction:column;min-height:330px}
.experience-v45-column:last-child{border-right:0}
.experience-v45-column.featured{background:#11100e;color:#f3ede4;margin:-18px 0;border-radius:24px;border:0;box-shadow:0 18px 42px rgba(20,18,15,.10);padding:54px 42px}
.experience-v45-column>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:auto;padding-bottom:34px}
.experience-v45-column.featured>span{color:#aaa39b}
.experience-v45-column h3{font-family:var(--serif);font-size:clamp(30px,2.65vw,46px);font-weight:400;line-height:1.03;letter-spacing:-.035em;margin:0 0 24px}
.experience-v45-column p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:400px}
.experience-v45-column.featured p{color:#bdb5ab}
.experience-v45-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;padding-top:30px}
.experience-v45-footer p{font-family:var(--serif);font-size:clamp(25px,2.25vw,38px);line-height:1.12;letter-spacing:-.025em;margin:0;max-width:960px}
.experience-v45-footer span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.contact-form,.contact-form label,.contact-form input,.contact-form textarea{min-width:0;max-width:100%;box-sizing:border-box}
.contact-form input,.contact-form textarea{width:100%}
.contact-form label{overflow:hidden}
@media(max-width:980px){
.credibility-v45{width:calc(100vw - 40px);padding:86px 0 92px}
.experience-v45-head{grid-template-columns:1fr;gap:30px;margin-bottom:48px}.experience-v45-lead{max-width:720px}
.experience-v45-map{grid-template-columns:1fr}.experience-v45-column{min-height:0;border-right:0;border-bottom:1px solid rgba(20,18,15,.14);padding:30px 24px}.experience-v45-column:last-child{border-bottom:0}
.experience-v45-column.featured{margin:0;border-radius:20px;padding:36px 28px}
.experience-v45-column>span{margin-bottom:0;padding-bottom:22px}
.experience-v45-footer{grid-template-columns:1fr;gap:22px}
}
@media(max-width:560px){
.credibility-v45{width:calc(100vw - 28px);padding:68px 0 72px}
.experience-v45-head{gap:24px;margin-bottom:34px}.experience-v45-head h2{font-size:clamp(48px,14vw,66px)}.experience-v45-lead{font-size:15px}
.experience-v45-map{border-radius:22px;overflow:hidden;border:1px solid rgba(20,18,15,.14)}
.experience-v45-column,.experience-v45-column.featured{padding:27px 22px;border-radius:0;box-shadow:none}.experience-v45-column h3{font-size:clamp(31px,9.3vw,40px)}
.experience-v45-footer{padding-top:26px}.experience-v45-footer p{font-size:28px}.experience-v45-footer span{white-space:normal}
}
/* v46 — stable minimal experience section */
.credibility-v46{
width:min(1420px,calc(100vw - 72px));
margin:0 auto;
padding:clamp(88px,8vw,132px) 0 clamp(82px,7vw,116px);
display:grid;
grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);
gap:clamp(72px,9vw,150px);
align-items:start;
border-top:1px solid rgba(20,18,15,.14);
overflow:visible;
}
.experience-v46-intro{min-width:0;position:static;transform:none!important;opacity:1!important}
.experience-v46-intro h2{
font-family:var(--serif);
font-size:clamp(54px,5.5vw,92px);
font-weight:400;
line-height:.98;
letter-spacing:-.05em;
margin:14px 0 28px;
max-width:760px;
}
.experience-v46-intro>p:last-child{
max-width:560px;
margin:0;
font-size:clamp(16px,1.2vw,20px);
line-height:1.58;
color:var(--muted);
}
.experience-v46-list{min-width:0;border-top:1px solid var(--line)}
.experience-v46-list article{
min-width:0;
display:grid;
grid-template-columns:minmax(220px,.75fr) minmax(0,1fr);
gap:36px;
align-items:start;
padding:34px 0;
border-bottom:1px solid var(--line);
transform:none!important;
opacity:1!important;
}
.experience-v46-list h3{
font-family:var(--serif);
font-size:clamp(30px,2.5vw,44px);
font-weight:400;
line-height:1.06;
letter-spacing:-.035em;
margin:0;
}
.experience-v46-list p{
margin:5px 0 0;
max-width:560px;
font-size:14px;
line-height:1.62;
color:var(--muted);
}
@media(max-width:980px){
.credibility-v46{width:calc(100vw - 40px);grid-template-columns:1fr;gap:48px;padding:82px 0 86px}
.experience-v46-intro h2{max-width:820px}
}
@media(max-width:620px){
.credibility-v46{width:calc(100vw - 28px);gap:34px;padding:66px 0 68px}
.experience-v46-intro h2{font-size:clamp(44px,12vw,58px);margin:12px 0 20px}
.experience-v46-intro>p:last-child{font-size:15px}
.experience-v46-list article{grid-template-columns:1fr;gap:10px;padding:24px 0}
.experience-v46-list h3{font-size:32px}
.experience-v46-list p{font-size:13px;margin:0}
}
/* v47 — editorial route: distinctive, stable, minimal */
.credibility-v47{
width:min(1420px,calc(100vw - 72px));
margin:0 auto;
padding:clamp(92px,8vw,136px) 0 clamp(82px,7vw,118px);
display:grid;
grid-template-columns:minmax(330px,.84fr) minmax(0,1.16fr);
gap:clamp(76px,9vw,150px);
align-items:start;
border-top:1px solid rgba(20,18,15,.14);
}
.experience-v47-intro{min-width:0;position:sticky;top:108px}
.experience-v47-intro h2{
font-family:var(--serif);font-size:clamp(54px,5.5vw,92px);font-weight:400;
line-height:.98;letter-spacing:-.05em;margin:14px 0 28px;max-width:760px
}
.experience-v47-intro>p:last-child{max-width:560px;margin:0;font-size:clamp(16px,1.2vw,20px);line-height:1.58;color:var(--muted)}
.experience-route{position:relative;min-width:0;padding:20px 0 12px}
.route-line{position:absolute;left:36px;top:48px;bottom:48px;width:1px;background:rgba(20,18,15,.18)}
.route-stop{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);gap:22px;align-items:start;padding:28px 0 34px}
.route-stop::before{content:"";position:absolute;left:29px;top:39px;width:15px;height:15px;border-radius:50%;background:var(--cream);border:1px solid var(--ink);z-index:2}
.route-stop-b::before{background:var(--red);border-color:var(--red);box-shadow:0 0 0 8px rgba(189,59,48,.09)}
.route-stop + .route-stop{border-top:1px solid var(--line)}
.route-index{font-size:10px;letter-spacing:.14em;color:var(--muted);padding-top:2px}
.route-copy{min-width:0;display:grid;grid-template-columns:minmax(210px,.78fr) minmax(0,1fr);column-gap:44px;align-items:start}
.route-copy small{grid-column:1/-1;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.route-copy h3{font-family:var(--serif);font-size:clamp(34px,3vw,52px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:0}
.route-copy p{font-size:14px;line-height:1.62;color:var(--muted);margin:5px 0 0;max-width:520px}
.route-stop-b{margin:6px 0 10px;padding:36px 34px 38px 0}
.route-stop-b::after{content:"";position:absolute;left:58px;right:0;top:14px;bottom:14px;background:#e8dfd3;border-radius:24px;z-index:-1}
.route-stop-b .route-copy h3{color:var(--red)}
.route-stop-c .route-copy{padding-left:clamp(0px,3vw,50px)}
@media(max-width:980px){
.credibility-v47{width:calc(100vw - 40px);grid-template-columns:1fr;gap:48px;padding:84px 0 90px}
.experience-v47-intro{position:static;max-width:820px}
}
@media(max-width:620px){
.credibility-v47{width:calc(100vw - 28px);gap:34px;padding:68px 0 72px}
.experience-v47-intro h2{font-size:clamp(44px,12vw,58px);margin:12px 0 20px}
.experience-v47-intro>p:last-child{font-size:15px}
.experience-route{padding-top:4px}
.route-line{left:17px;top:28px;bottom:34px}
.route-stop{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:24px 0 28px}
.route-stop::before{left:11px;top:30px;width:13px;height:13px}
.route-index{font-size:8px;padding-top:1px}
.route-copy{grid-template-columns:1fr;gap:0}
.route-copy small{margin-bottom:10px;font-size:8px}
.route-copy h3{font-size:34px}
.route-copy p{font-size:13px;margin-top:10px}
.route-stop-b{margin:4px 0;padding:28px 14px 30px 0}
.route-stop-b::after{left:34px;right:0;top:10px;bottom:10px;border-radius:20px}
.route-stop-c .route-copy{padding-left:0}
}
/* v48 — simple editorial blocks */
.credibility-v47{
grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);
gap:clamp(64px,8vw,126px);
align-items:center;
}
.experience-v47-intro{position:static}
.experience-blocks{
min-width:0;
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.experience-block{
min-width:0;
min-height:250px;
padding:30px 32px 28px;
border:1px solid rgba(20,18,15,.12);
border-radius:26px;
display:flex;
flex-direction:column;
justify-content:flex-end;
overflow:hidden;
background:#f6f1e9;
}
.experience-block-wide{
grid-column:1/-1;
min-height:220px;
background:#e8dfd3;
}
.experience-block-dark{
background:var(--black);
color:var(--cream);
border-color:var(--black);
}
.experience-block-accent{
background:#c33d31;
color:#fff8ef;
border-color:#c33d31;
}
.experience-block small{
margin:0 0 auto;
padding-bottom:28px;
font-size:9px;
line-height:1.2;
text-transform:uppercase;
letter-spacing:.14em;
color:var(--muted);
}
.experience-block-dark small{color:#aaa39b}
.experience-block-accent small{color:rgba(255,248,239,.72)}
.experience-block h3{
font-family:var(--serif);
font-size:clamp(34px,3vw,50px);
line-height:1.02;
letter-spacing:-.04em;
font-weight:400;
margin:0 0 18px;
max-width:520px;
}
.experience-block p{
font-size:13px;
line-height:1.58;
margin:0;
color:var(--muted);
max-width:540px;
}
.experience-block-dark p{color:#bbb4aa}
.experience-block-accent p{color:rgba(255,248,239,.8)}
@media(max-width:980px){
.credibility-v47{align-items:start}
.experience-blocks{max-width:900px}
}
@media(max-width:620px){
.experience-blocks{grid-template-columns:1fr;gap:10px}
.experience-block,.experience-block-wide{grid-column:auto;min-height:0;padding:24px 22px 22px;border-radius:20px}
.experience-block small{padding-bottom:32px}
.experience-block h3{font-size:34px;margin-bottom:14px}
.experience-block p{font-size:12.5px}
}
/* v49 — spacing and alignment correction */
.credibility-v47{
width:min(1420px,calc(100vw - 96px));
padding:clamp(76px,7vw,108px) 0 clamp(72px,6vw,96px);
grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);
gap:clamp(88px,8vw,138px);
align-items:center;
border-top:0;
}
.experience-v47-intro h2{
font-size:clamp(56px,4.7vw,80px);
line-height:.98;
margin:0 0 28px;
max-width:650px;
}
.experience-v47-intro>p:last-child{
max-width:590px;
font-size:clamp(16px,1.12vw,19px);
}
.experience-blocks{gap:18px}
.experience-block{
min-height:238px;
padding:30px 34px 28px;
border:0;
}
.experience-block-wide{
min-height:202px;
border:0;
}
.experience-block h3{
font-size:clamp(33px,2.65vw,47px);
max-width:100%;
}
@media(max-width:1180px){
.credibility-v47{
width:calc(100vw - 56px);
grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);
gap:56px;
}
.experience-v47-intro h2{font-size:clamp(50px,5.6vw,68px)}
.experience-block{padding:28px 28px 26px}
}
@media(max-width:980px){
.credibility-v47{
width:calc(100vw - 40px);
grid-template-columns:1fr;
gap:42px;
padding:78px 0 82px;
}
.experience-v47-intro h2{max-width:760px}
.experience-blocks{width:100%;max-width:none}
}
@media(max-width:620px){
.credibility-v47{
width:calc(100vw - 28px);
gap:30px;
padding:64px 0 68px;
}
.experience-v47-intro h2{
font-size:clamp(43px,12vw,56px);
margin:0 0 18px;
}
.experience-blocks{gap:10px}
.experience-block,.experience-block-wide{
min-height:0;
padding:24px 22px 22px;
border-radius:20px;
}
}
/* v50 — final experience alignment, transparent mobile shell and reveal */
.credibility-v47{
background:transparent;
border-radius:0;
overflow:visible;
}
.experience-blocks{
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
align-items:stretch;
}
.experience-block-wide{
padding-top:34px;
padding-bottom:30px;
}
.experience-block-dark,
.experience-block-accent{
min-height:250px;
}
.experience-block-dark h3{
font-size:clamp(32px,2.35vw,43px);
line-height:1.01;
max-width:440px;
text-wrap:balance;
}
.experience-block-accent h3{
font-size:clamp(34px,2.65vw,47px);
text-wrap:balance;
}
.experience-block[data-reveal]{
opacity:0;
transform:translate3d(0,28px,0) scale(.992);
transition:opacity .78s var(--ease-premium),transform .78s var(--ease-premium);
}
.experience-block[data-reveal].is-visible{
opacity:1;
transform:none;
}
.experience-block-wide[data-reveal]{transition-delay:.06s!important}
.experience-block-dark[data-reveal]{transition-delay:.12s!important}
.experience-block-accent[data-reveal]{transition-delay:.18s!important}
@media(max-width:1180px){
.experience-blocks{grid-template-columns:1fr 1fr}
.experience-block-dark h3{font-size:clamp(31px,3vw,40px)}
}
@media(max-width:980px){
.credibility-v47{background:transparent;border-radius:0;margin-left:auto;margin-right:auto}
}
@media(max-width:620px){
.credibility-v47{
width:calc(100vw - 32px);
margin:0 auto;
padding:62px 0 66px;
background:transparent!important;
border-radius:0!important;
box-shadow:none!important;
}
.experience-blocks{grid-template-columns:1fr}
.experience-block,.experience-block-wide{
width:100%;
box-sizing:border-box;
}
.experience-block-dark h3,
.experience-block-accent h3{
font-size:clamp(32px,9vw,40px);
max-width:none;
}
}
@media(prefers-reduced-motion:reduce){
.experience-block[data-reveal],.experience-v47-intro[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
}
/* v51 — concrete experience facts + mobile density */
.experience-block{
justify-content:flex-start;
}
.experience-block small{
margin:0;
padding-bottom:34px;
}
.experience-block h3{
margin-bottom:14px;
}
.experience-block>p{
margin-bottom:26px;
}
.experience-facts{
list-style:none;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:auto 0 0;
padding:0;
}
.experience-facts li{
min-width:0;
padding-top:14px;
border-top:1px solid rgba(20,18,15,.16);
}
.experience-block-dark .experience-facts li,
.experience-block-accent .experience-facts li{
border-top-color:rgba(255,248,239,.24);
}
.experience-facts b{
display:block;
margin-bottom:5px;
font-family:var(--serif);
font-size:clamp(21px,1.65vw,29px);
line-height:1.05;
font-weight:400;
letter-spacing:-.025em;
}
.experience-facts span{
display:block;
font-size:11px;
line-height:1.42;
color:var(--muted);
}
.experience-block-dark .experience-facts span{color:#bbb4aa}
.experience-block-accent .experience-facts span{color:rgba(255,248,239,.8)}
@media(max-width:1180px){
.experience-block{min-height:270px}
.experience-block-wide{min-height:230px}
}
@media(max-width:620px){
.credibility-v47{
width:calc(100vw - 24px);
gap:24px;
padding:48px 0 54px;
}
.experience-v47-intro h2{
font-size:clamp(39px,11vw,50px);
line-height:.98;
margin-bottom:14px;
}
.experience-v47-intro>p:last-child{
font-size:15px;
line-height:1.45;
}
.experience-blocks{gap:8px}
.experience-block,.experience-block-wide{
padding:22px 20px 20px;
border-radius:18px;
}
.experience-block small{
padding-bottom:24px;
font-size:8px;
}
.experience-block h3,
.experience-block-dark h3,
.experience-block-accent h3{
font-size:clamp(30px,8.3vw,37px);
line-height:1.02;
margin-bottom:11px;
}
.experience-block>p{
font-size:12.5px;
line-height:1.45;
margin-bottom:20px;
}
.experience-facts{
grid-template-columns:1fr;
gap:9px;
}
.experience-facts li{
display:grid;
grid-template-columns:minmax(112px,.72fr) 1fr;
gap:12px;
align-items:start;
padding-top:11px;
}
.experience-facts b{
font-size:21px;
margin:0;
}
.experience-facts span{
font-size:10.5px;
padding-top:2px;
}
}
/* v54 — curved scroll transition from hero into the diagnostic screen */
.opening-sequence{position:relative;isolation:isolate}
.opening-sequence>.hero{position:sticky;top:0;z-index:1}
.diagnostic-wave-section{position:relative;z-index:2;width:100%!important;margin:clamp(130px,18vh,220px) 0 0!important;padding:0 0 132px!important;background:var(--black);color:var(--cream);box-shadow:0 -26px 70px rgba(13,12,10,.14)}
.diagnostic-wave{position:absolute;left:0;right:0;top:calc(clamp(92px,9vw,150px) * -1);width:100%;height:clamp(94px,9vw,150px);display:block;overflow:visible;pointer-events:none}
.diagnostic-wave path{fill:var(--black)}
.diagnostic-inner{width:var(--container);margin:0 auto;padding-top:clamp(74px,7vw,112px)}
.diagnostic-wave-section .section-head{color:var(--cream)}
.diagnostic-wave-section .section-head p{color:#b9b1a7}
.diagnostic-wave-section .diagnostic-desktop{background:#12110f;border:1px solid rgba(243,238,229,.12)}
.diagnostic-wave-section .diagnostic-tabs{background:var(--cream-2);color:var(--ink)}
.diagnostic-wave-section .diagnostic-stage{background:#12110f}
.diagnostic-wave-section .diagnostic-mobile{color:var(--ink)}
@media(max-width:760px){
.opening-sequence>.hero{position:sticky;top:0}
.diagnostic-wave-section{margin-top:112px!important;padding:0 0 84px!important;box-shadow:0 -18px 48px rgba(13,12,10,.16)}
.diagnostic-wave{top:-72px;height:74px}
.diagnostic-inner{padding-top:52px}
.diagnostic-wave-section .section-head{margin-bottom:38px}
.diagnostic-wave-section .section-head h2{color:var(--cream)}
.diagnostic-wave-section .section-head p{color:#b9b1a7}
.diagnostic-wave-section .mobile-problem{background:var(--cream-2);border-color:transparent}
.diagnostic-wave-section .mobile-problem.is-open{background:var(--cream);color:var(--ink)}
.diagnostic-wave-section .mobile-problem.is-open button{color:var(--ink)}
.diagnostic-wave-section .mobile-problem.is-open button i{border-color:var(--line)}
.diagnostic-wave-section .mobile-problem.is-open button i::before,
.diagnostic-wave-section .mobile-problem.is-open button i::after{background:var(--ink)}
.diagnostic-wave-section .mobile-problem-body p:first-child{color:var(--muted)}
.diagnostic-wave-section .mobile-problem-body p:not(:first-child){color:var(--muted)}
.diagnostic-wave-section .mobile-problem-body strong{border-top-color:var(--line)}
}
@media(prefers-reduced-motion:reduce){
.opening-sequence>.hero{position:relative}
.diagnostic-wave-section{margin-top:0!important}
}
/* v55 — remove visible seams from the curved transition */
.diagnostic-wave-section{
border:0!important;
outline:0!important;
}
.diagnostic-wave{
transform:translateY(1px);
}
.diagnostic-wave-section::before{
content:"";
position:absolute;
left:0;
right:0;
top:-2px;
height:4px;
background:var(--black);
pointer-events:none;
}
.diagnostic-wave-section .diagnostic-desktop{
border:0!important;
outline:0!important;
}
/* v56 — stable mobile version of the curved hero transition */
@media (max-width:760px){
.opening-sequence{
isolation:auto;
overflow:visible;
}
.opening-sequence>.hero{
position:relative!important;
top:auto!important;
z-index:1;
}
.diagnostic-wave-section{
margin-top:46px!important;
padding-bottom:84px!important;
box-shadow:none!important;
transform:none!important;
}
.diagnostic-wave{
top:-44px!important;
height:46px!important;
transform:translateY(1px)!important;
}
.diagnostic-wave-section::before{
top:-1px;
height:3px;
}
.diagnostic-inner{
padding-top:34px!important;
}
}
@media (max-width:430px){
.diagnostic-wave-section{
margin-top:34px!important;
}
.diagnostic-wave{
top:-36px!important;
height:38px!important;
}
.diagnostic-inner{
padding-top:28px!important;
}
}
/* v60 — clean motion pass built from stable v56 */
:root{--motion-ease:cubic-bezier(.22,.78,.2,1)}
/* 1) Experience: assemble as one construction, without pinning */
#experience .experience-v47-intro,
#experience .experience-blocks{
will-change:transform,opacity;
}
#experience .experience-v47-intro{
opacity:0;
transform:translateY(24px);
transition:opacity .7s var(--motion-ease),transform .7s var(--motion-ease);
}
#experience .experience-block{
opacity:0!important;
transition:opacity .72s var(--motion-ease),transform .86s var(--motion-ease),box-shadow .35s ease!important;
}
#experience .experience-block-wide{transform:translateY(-34px)!important}
#experience .experience-block-dark{transform:translateY(38px)!important}
#experience .experience-block-accent{transform:translateX(44px)!important}
#experience.is-assembled .experience-v47-intro{
opacity:1;
transform:none;
}
#experience.is-assembled .experience-block{
opacity:1!important;
transform:none!important;
}
#experience.is-assembled .experience-block-wide{transition-delay:.08s!important}
#experience.is-assembled .experience-block-dark{transition-delay:.22s!important}
#experience.is-assembled .experience-block-accent{transition-delay:.34s!important}
/* 2) Cases: calm sequential entrance, no sticky scene */
#cases .cases-preview-head{
opacity:0;
transform:translateY(22px);
transition:opacity .65s var(--motion-ease),transform .65s var(--motion-ease);
}
#cases .case-preview-card{
opacity:0!important;
transform:translateY(30px) scale(.985)!important;
transition:opacity .68s var(--motion-ease),transform .78s var(--motion-ease),box-shadow .3s ease!important;
}
#cases.is-cases-visible .cases-preview-head{opacity:1;transform:none}
#cases.is-cases-visible .case-preview-card{opacity:1!important;transform:none!important}
#cases.is-cases-visible .case-preview-card:nth-child(1){transition-delay:.10s!important}
#cases.is-cases-visible .case-preview-card:nth-child(2){transition-delay:.22s!important}
#cases.is-cases-visible .case-preview-card:nth-child(3){transition-delay:.34s!important}
#cases .case-icon svg{transform:none!important;animation:none!important}
/* Mobile motion stays visible, but never pins or drifts sideways */
@media(max-width:760px){
#experience .experience-v47-intro{transform:translateY(18px)}
#experience .experience-block-wide,
#experience .experience-block-dark,
#experience .experience-block-accent{transform:translateY(24px)!important}
#experience.is-assembled .experience-block{transform:none!important}
#experience.is-assembled .experience-block-wide{transition-delay:.04s!important}
#experience.is-assembled .experience-block-dark{transition-delay:.14s!important}
#experience.is-assembled .experience-block-accent{transition-delay:.24s!important}
#cases .case-preview-card{transform:translateY(22px)!important}
#cases.is-cases-visible .case-preview-card{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
#experience .experience-v47-intro,
#experience .experience-block,
#cases .cases-preview-head,
#cases .case-preview-card{
opacity:1!important;
transform:none!important;
transition:none!important;
}
}
/* v61 — stable signature motion: hero mask + system flow */
/* Hero photo opens like a vertical architectural aperture */
.hero-visual{
clip-path:inset(0 42% 0 42% round var(--radius-lg));
transform:translateZ(0) scale(1.015);
transition:clip-path 1.18s cubic-bezier(.2,.8,.2,1),transform 1.18s cubic-bezier(.2,.8,.2,1);
}
body.is-ready .hero-visual{
clip-path:inset(0 0 0 0 round var(--radius-lg));
transform:translateZ(0) scale(1);
}
.hero-caption{
opacity:0;
transform:translateY(14px);
transition:opacity .55s ease .72s,transform .7s cubic-bezier(.2,.8,.2,1) .72s;
}
body.is-ready .hero-caption{opacity:1;transform:none}
/* The management matrix is animated as one connected system */
.formats{--flow-progress:0;}
.formats-grid{position:relative;isolation:isolate}
.formats-grid::before{
content:"";
position:absolute;
left:28px;
right:28px;
top:50%;
height:2px;
background:rgba(243,238,229,.14);
transform:translateY(-50%);
z-index:0;
}
.formats-grid::after{
content:"";
position:absolute;
left:28px;
top:50%;
width:calc((100% - 56px) * var(--flow-progress));
height:2px;
background:linear-gradient(90deg,#bd3b30,#e46a5d 68%,rgba(228,106,93,.2));
box-shadow:0 0 22px rgba(189,59,48,.42);
transform:translateY(-50%);
z-index:1;
transition:width 1.15s cubic-bezier(.2,.8,.2,1);
}
.formats-grid article{
position:relative;
z-index:2;
opacity:.42;
transform:translateY(24px) scale(.985);
transition:opacity .62s ease,transform .82s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease,box-shadow .35s ease;
}
.formats-grid article::before{
content:"";
position:absolute;
left:30px;
top:calc(50% - 7px);
width:14px;
height:14px;
border:2px solid rgba(243,238,229,.5);
border-radius:50%;
background:#11100e;
box-shadow:0 0 0 7px rgba(17,16,14,.92);
opacity:.5;
transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease;
}
.formats.is-flow-visible{--flow-progress:1}
.formats.is-flow-visible .formats-grid article{opacity:1;transform:none}
.formats.is-flow-visible .formats-grid article::before{
background:#bd3b30;
border-color:#f3eee5;
box-shadow:0 0 0 7px rgba(17,16,14,.92),0 0 24px rgba(189,59,48,.55);
opacity:1;
}
.formats.is-flow-visible .formats-grid article:nth-child(1){transition-delay:.08s}
.formats.is-flow-visible .formats-grid article:nth-child(2){transition-delay:.22s}
.formats.is-flow-visible .formats-grid article:nth-child(3){transition-delay:.36s}
.formats.is-flow-visible .formats-grid article:nth-child(4){transition-delay:.50s}
.formats.is-flow-visible .formats-grid article:nth-child(1)::before{transition-delay:.12s}
.formats.is-flow-visible .formats-grid article:nth-child(2)::before{transition-delay:.30s}
.formats.is-flow-visible .formats-grid article:nth-child(3)::before{transition-delay:.48s}
.formats.is-flow-visible .formats-grid article:nth-child(4)::before{transition-delay:.66s}
/* restrained hover: the system responds without jumping */
@media(hover:hover){
.formats-grid article:hover{
transform:translateY(-6px);
box-shadow:0 18px 44px rgba(0,0,0,.22);
}
}
@media(max-width:1120px){
.formats-grid::before,.formats-grid::after{display:none}
.formats-grid article::before{top:28px;left:auto;right:26px}
}
@media(max-width:760px){
.hero-visual{
clip-path:inset(0 24% 0 24% round 22px);
transition-duration:.9s;
}
.formats-grid{
padding-left:18px;
}
.formats-grid::before{
display:block;
left:4px;
right:auto;
top:22px;
bottom:22px;
width:2px;
height:auto;
transform:none;
}
.formats-grid::after{
display:block;
left:4px;
top:22px;
width:2px;
height:calc((100% - 44px) * var(--flow-progress));
transform:none;
transition:height 1.1s cubic-bezier(.2,.8,.2,1);
}
.formats-grid article{
transform:translateY(20px) scale(.99);
}
.formats-grid article::before{
left:-21px;
right:auto;
top:34px;
width:12px;
height:12px;
}
}
@media(prefers-reduced-motion:reduce){
.hero-visual{clip-path:none!important;transform:none!important;transition:none!important}
.hero-caption{opacity:1!important;transform:none!important;transition:none!important}
.formats{--flow-progress:1}
.formats-grid article{opacity:1!important;transform:none!important;transition:none!important}
.formats-grid::after{transition:none!important}
}
/* v62 — refined system cards: no connector line, no dots crossing content */
.formats{--flow-progress:0;}
.formats-grid::before,
.formats-grid::after{display:none!important;content:none!important;}
.formats-grid article{
position:relative;
overflow:hidden;
isolation:isolate;
opacity:0;
transform:translateY(34px) scale(.985);
clip-path:inset(0 0 12% 0 round 26px);
background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
border-color:rgba(244,239,231,.14);
box-shadow:none;
transition:
opacity .7s ease,
transform .9s cubic-bezier(.2,.8,.2,1),
clip-path .9s cubic-bezier(.2,.8,.2,1),
border-color .35s ease,
background .35s ease,
box-shadow .35s ease;
}
.formats-grid article::before{
content:""!important;
display:block!important;
position:absolute;
left:28px;
right:28px;
top:0;
width:auto;
height:2px;
border:0;
border-radius:999px;
background:linear-gradient(90deg,transparent,#c64034 18%,#e77266 52%,transparent);
box-shadow:0 0 22px rgba(198,64,52,.3);
opacity:0;
transform:scaleX(.18);
transform-origin:left center;
transition:opacity .45s ease,transform .9s cubic-bezier(.2,.8,.2,1);
z-index:3;
}
.formats-grid article::after{
content:"";
position:absolute;
inset:-35% -55%;
background:radial-gradient(circle at 50% 50%,rgba(198,64,52,.13),transparent 54%);
opacity:0;
transform:translate3d(-10%,18%,0) scale(.8);
transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.8,.2,1);
pointer-events:none;
z-index:-1;
}
.formats.is-flow-visible .formats-grid article{
opacity:1;
transform:none;
clip-path:inset(0 0 0 0 round 26px);
}
.formats.is-flow-visible .formats-grid article::before{
opacity:.95;
transform:scaleX(1);
}
.formats.is-flow-visible .formats-grid article::after{
opacity:1;
transform:translate3d(0,0,0) scale(1);
}
.formats.is-flow-visible .formats-grid article:nth-child(1){transition-delay:.04s}
.formats.is-flow-visible .formats-grid article:nth-child(2){transition-delay:.14s}
.formats.is-flow-visible .formats-grid article:nth-child(3){transition-delay:.24s}
.formats.is-flow-visible .formats-grid article:nth-child(4){transition-delay:.34s}
.formats.is-flow-visible .formats-grid article:nth-child(1)::before{transition-delay:.18s}
.formats.is-flow-visible .formats-grid article:nth-child(2)::before{transition-delay:.28s}
.formats.is-flow-visible .formats-grid article:nth-child(3)::before{transition-delay:.38s}
.formats.is-flow-visible .formats-grid article:nth-child(4)::before{transition-delay:.48s}
.formats-grid article>span,
.formats-grid article h3,
.formats-grid article p,
.formats-grid article strong{position:relative;z-index:2}
@media(hover:hover){
.formats-grid article:hover{
transform:translateY(-7px);
border-color:rgba(244,239,231,.28);
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
box-shadow:0 22px 55px rgba(0,0,0,.22);
}
.formats-grid article:hover::after{opacity:1;transform:translate3d(10%,-4%,0) scale(1.08)}
}
@media(max-width:1120px){
.formats-grid article::before{left:22px;right:22px;top:0;width:auto;height:2px}
}
@media(max-width:760px){
.formats-grid{padding-left:0!important}
.formats-grid article{
clip-path:inset(0 0 10% 0 round 20px);
transform:translateY(26px) scale(.99);
}
.formats.is-flow-visible .formats-grid article{clip-path:inset(0 0 0 0 round 20px)}
.formats-grid article::before{left:20px;right:20px}
.formats-grid article::after{inset:-45% -70%;opacity:.7}
}
@media(prefers-reduced-motion:reduce){
.formats-grid article{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
.formats-grid article::before{opacity:.75!important;transform:none!important;transition:none!important}
.formats-grid article::after{opacity:.5!important;transform:none!important;transition:none!important}
}
/* v63 — clean motion corrections */
/* Hero image reveals like a curtain lifting away from top to bottom */
.hero-visual{
clip-path:inset(0 0 100% 0 round var(--radius-lg))!important;
transform:translate3d(0,-12px,0) scale(1.025)!important;
transform-origin:50% 0;
transition:clip-path 1.15s cubic-bezier(.22,.78,.2,1),transform 1.25s cubic-bezier(.22,.78,.2,1)!important;
}
body.is-ready .hero-visual{
clip-path:inset(0 0 0 0 round var(--radius-lg))!important;
transform:translate3d(0,0,0) scale(1)!important;
}
/* Remove the red connector treatment from the management cards */
.formats{--flow-progress:0!important}
.formats-grid::before,.formats-grid::after,.formats-grid article::before{display:none!important}
.formats-grid article{
opacity:0;
transform:translate3d(0,24px,0) scale(.99);
transition:opacity .65s ease,transform .82s cubic-bezier(.22,.78,.2,1),background .35s ease,border-color .35s ease,box-shadow .35s ease!important;
}
.formats.is-flow-visible .formats-grid article{opacity:1;transform:none}
.formats.is-flow-visible .formats-grid article:nth-child(1){transition-delay:.04s!important}
.formats.is-flow-visible .formats-grid article:nth-child(2){transition-delay:.14s!important}
.formats.is-flow-visible .formats-grid article:nth-child(3){transition-delay:.24s!important}
.formats.is-flow-visible .formats-grid article:nth-child(4){transition-delay:.34s!important}
/* Stable mobile sticky hand-off: the diagnostic screen calmly covers the hero */
@media (max-width:760px) and (min-height:640px){
.opening-sequence{
position:relative!important;
isolation:isolate!important;
overflow:visible!important;
}
.opening-sequence>.hero{
position:sticky!important;
top:0!important;
z-index:1!important;
min-height:100svh;
}
.diagnostic-wave-section{
position:relative!important;
z-index:2!important;
margin-top:42svh!important;
padding-bottom:76px!important;
box-shadow:0 -18px 42px rgba(13,12,10,.12)!important;
transform:translateZ(0)!important;
}
.diagnostic-wave{
top:-42px!important;
height:44px!important;
}
.diagnostic-inner{padding-top:30px!important}
}
@media (max-width:430px) and (min-height:640px){
.diagnostic-wave-section{margin-top:34svh!important}
.diagnostic-wave{top:-34px!important;height:36px!important}
.diagnostic-inner{padding-top:26px!important}
}
@media (max-width:760px) and (max-height:639px){
.opening-sequence>.hero{position:relative!important;min-height:auto!important}
.diagnostic-wave-section{margin-top:38px!important;box-shadow:none!important}
}
@media(prefers-reduced-motion:reduce){
.hero-visual{clip-path:none!important;transform:none!important;transition:none!important}
.formats-grid article{opacity:1!important;transform:none!important;transition:none!important}
.opening-sequence>.hero{position:relative!important;min-height:auto!important}
.diagnostic-wave-section{margin-top:0!important}
}
/* v64 — mobile breathing room and curved final CTA entrance */
.contact{
position:relative;
isolation:isolate;
overflow:visible;
margin-top:clamp(110px,10vw,170px)!important;
border-top-left-radius:0!important;
border-top-right-radius:0!important;
}
.contact-wave{
position:absolute;
z-index:0;
left:0;
right:0;
top:-108px;
width:100%;
height:110px;
display:block;
overflow:visible;
pointer-events:none;
transform:translateY(1px);
}
.contact-wave path{fill:var(--red)}
.contact::before{
content:"";
position:absolute;
z-index:0;
left:0;
right:0;
top:-2px;
height:5px;
background:var(--red);
pointer-events:none;
}
.contact>*:not(.contact-wave){position:relative;z-index:1}
@media(max-width:760px){
/* keep the hero fully readable before the dark screen starts covering it */
.opening-sequence>.hero{
padding-bottom:172px!important;
}
.diagnostic-wave-section{
margin-top:42svh!important;
}
.contact{
margin-top:92px!important;
border-radius:0 0 24px 24px!important;
}
.contact-wave{
top:-62px;
height:64px;
}
}
@media(max-width:430px) and (min-height:640px){
.opening-sequence>.hero{padding-bottom:156px!important}
.diagnostic-wave-section{margin-top:38svh!important}
}
@media(max-width:760px) and (max-height:639px){
.opening-sequence>.hero{padding-bottom:110px!important}
.diagnostic-wave-section{margin-top:54px!important}
}
@media(prefers-reduced-motion:reduce){
.contact-wave{transform:none}
}
/* v65 — full-bleed final wave scene */
.contact{
width:100%!important;
max-width:none!important;
margin:clamp(120px,11vw,190px) 0 0!important;
min-height:calc(100svh - 1px);
box-sizing:border-box;
border-radius:0!important;
overflow:visible!important;
padding:
clamp(150px,12vw,190px)
max(32px,calc((100vw - 1540px)/2 + 72px))
clamp(76px,7vw,110px)!important;
grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr)!important;
gap:clamp(64px,7vw,116px)!important;
align-content:center;
background:var(--red);
}
.contact-wave{
left:0!important;
right:0!important;
top:-158px!important;
width:100%!important;
height:160px!important;
transform:translateY(2px)!important;
}
.contact::before{
top:-3px!important;
height:8px!important;
}
@media(max-width:1120px){
.contact{
grid-template-columns:1fr!important;
min-height:auto;
padding-top:132px!important;
padding-left:max(28px,calc((100vw - 900px)/2 + 34px))!important;
padding-right:max(28px,calc((100vw - 900px)/2 + 34px))!important;
}
}
@media(max-width:760px){
.contact{
width:100%!important;
margin:100px 0 0!important;
padding:104px 18px 54px!important;
border-radius:0!important;
min-height:auto;
}
.contact-wave{
top:-82px!important;
height:84px!important;
}
}
@media(max-width:430px){
.contact{
margin-top:88px!important;
padding-top:94px!important;
}
.contact-wave{
top:-72px!important;
height:74px!important;
}
}
/* v66 — mobile hero-to-diagnostic handoff cleanup */
@media (max-width:760px) and (min-height:640px){
.opening-sequence{
overflow:visible!important;
}
.opening-sequence>.hero{
min-height:100svh!important;
padding-bottom:220px!important;
}
.hero-visual{
height:76svh!important;
min-height:620px!important;
}
.hero-mobile-copy{
bottom:54px!important;
max-width:calc(100vw - 40px);
}
.hero-mobile-copy h1{
font-size:clamp(39px,10.7vw,52px)!important;
line-height:1.01!important;
max-width:92vw!important;
}
.diagnostic-wave-section{
margin-top:64svh!important;
box-shadow:0 -14px 34px rgba(13,12,10,.10)!important;
}
.diagnostic-wave{
top:-48px!important;
height:50px!important;
}
.diagnostic-inner{
padding-top:42px!important;
}
.diagnostic-wave-section .section-head{
gap:18px!important;
margin-bottom:34px!important;
}
.diagnostic-wave-section .section-head h2{
font-size:clamp(39px,10.2vw,48px)!important;
line-height:1.02!important;
max-width:94vw!important;
}
}
@media (max-width:430px) and (min-height:640px){
.opening-sequence>.hero{
padding-bottom:196px!important;
}
.hero-visual{
height:74svh!important;
min-height:590px!important;
}
.hero-mobile-copy{
bottom:48px!important;
}
.diagnostic-wave-section{
margin-top:58svh!important;
}
.diagnostic-wave{
top:-42px!important;
height:44px!important;
}
.diagnostic-inner{
padding-top:36px!important;
}
}
@media (max-width:760px) and (max-height:639px){
.opening-sequence>.hero{
position:relative!important;
padding-bottom:128px!important;
}
.hero-mobile-copy{bottom:38px!important}
.diagnostic-wave-section{
margin-top:64px!important;
}
.diagnostic-wave{
top:-40px!important;
height:42px!important;
}
}
/* v71 — preserve the original hero; restore the final full-screen sticky wave only */
.contact-sequence{
position:relative;
min-height:185vh;
background:var(--cream);
isolation:isolate;
overflow:visible;
}
.contact-sequence>.contact{
position:sticky!important;
top:0!important;
z-index:5!important;
width:100%!important;
max-width:none!important;
height:100vh!important;
min-height:100vh!important;
margin:0!important;
border-radius:0!important;
overflow:visible!important;
box-sizing:border-box!important;
padding:clamp(118px,10vh,156px) max(32px,calc((100vw - 1540px)/2 + 72px)) clamp(60px,7vh,96px)!important;
display:grid!important;
grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr)!important;
gap:clamp(64px,7vw,116px)!important;
align-content:center!important;
background:var(--red)!important;
box-shadow:0 -26px 70px rgba(13,12,10,.14)!important;
}
.contact-sequence>.contact .contact-wave{
position:absolute!important;
left:0!important;
top:calc(clamp(96px,9vw,150px) * -1)!important;
width:100%!important;
height:clamp(98px,9vw,152px)!important;
display:block!important;
transform:translateY(2px)!important;
pointer-events:none!important;
z-index:0!important;
overflow:visible!important;
}
.contact-sequence>.contact .contact-wave path{fill:var(--red)!important}
.contact-sequence>.contact::before{
top:-3px!important;
height:8px!important;
z-index:0!important;
}
.contact-sequence>.contact>*:not(.contact-wave){position:relative!important;z-index:1!important}
@media(max-width:1120px){
.contact-sequence>.contact{
grid-template-columns:1fr!important;
gap:30px!important;
padding-left:max(28px,calc((100vw - 900px)/2 + 34px))!important;
padding-right:max(28px,calc((100vw - 900px)/2 + 34px))!important;
}
}
@media(max-width:760px){
.contact-sequence{min-height:175svh}
.contact-sequence>.contact{
height:100svh!important;
min-height:100svh!important;
padding:82px 16px 22px!important;
grid-template-columns:1fr!important;
gap:18px!important;
align-content:center!important;
box-shadow:0 -16px 42px rgba(13,12,10,.12)!important;
}
.contact-sequence>.contact .contact-wave{
top:-62px!important;
height:64px!important;
}
.contact-copy h2{
font-size:clamp(38px,10.3vw,48px)!important;
line-height:1.02!important;
margin-bottom:12px!important;
}
.contact-copy p{font-size:12px!important;line-height:1.45!important}
.contact-expect{display:none!important}
.contact-form{gap:10px!important}
.contact-form label{gap:5px!important}
.contact-form input,.contact-form textarea{padding:11px 12px!important}
.contact-form textarea{min-height:82px!important;max-height:96px!important}
.form-submit{min-height:52px!important}
.form-status,.contact-privacy{font-size:8px!important;line-height:1.35!important}
}
@media(max-width:430px) and (max-height:720px){
.contact-sequence>.contact{padding-top:68px!important;gap:13px!important}
.contact-copy h2{font-size:35px!important}
.contact-copy p{display:none!important}
.contact-form textarea{min-height:68px!important;max-height:76px!important}
.contact-sequence>.contact .contact-wave{top:-48px!important;height:50px!important}
}
@media(prefers-reduced-motion:reduce){
.contact-sequence{min-height:auto!important}
.contact-sequence>.contact{position:relative!important;height:auto!important;min-height:auto!important}
}
/* v72 — mobile opening in normal flow; cleaner final-wave spacing */
@media (max-width:760px){
.opening-sequence{
position:relative!important;
isolation:auto!important;
overflow:visible!important;
}
.opening-sequence>.hero{
position:relative!important;
top:auto!important;
z-index:auto!important;
min-height:0!important;
padding-bottom:74px!important;
}
.diagnostic-wave-section{
position:relative!important;
z-index:1!important;
margin-top:42px!important;
box-shadow:none!important;
}
.diagnostic-wave{
top:-34px!important;
height:36px!important;
}
.diagnostic-inner{
padding-top:34px!important;
}
.contact-sequence{
margin-top:104px!important;
}
.contact-sequence>.contact .contact-wave{
top:-48px!important;
height:50px!important;
}
}
@media (min-width:761px){
.contact-sequence{
margin-top:clamp(150px,11vw,210px)!important;
}
.contact-sequence>.contact .contact-wave{
top:calc(clamp(82px,6.5vw,112px) * -1)!important;
height:clamp(84px,6.5vw,114px)!important;
}
}
/* v73 — final CTA restored to a normal static section */
.contact{
position:relative!important;
inset:auto!important;
width:auto!important;
height:auto!important;
min-height:auto!important;
margin:0!important;
transform:none!important;
overflow:hidden!important;
border-radius:44px!important;
box-shadow:0 28px 72px rgba(64,28,20,.16)!important;
}
.contact::before{display:none!important;content:none!important}
.contact-wave{display:none!important}
.contact-sequence{display:contents!important;min-height:0!important;height:auto!important}
@media (max-width:760px){
.contact{
margin:0 14px!important;
border-radius:28px!important;
min-height:auto!important;
height:auto!important;
padding-top:54px!important;
padding-bottom:54px!important;
}
}