@font-face{font-family:Outfit;src:url('assets/outfit-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/outfit-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/outfit-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/outfit-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#0f0f0f;--surface:#171717;--surface-alt:#121212;--lime:#cbf701;--lime-light:#c0fb08;--text:#f5f5ef;--muted:#aaa9a5;--line:#30302c;--radius:22px;--space:clamp(76px,8vw,128px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--bg);color:var(--text);font-family:Outfit,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.07;font-weight:500}h1,h2{letter-spacing:-.045em}h2{font-size:clamp(2.35rem,4.2vw,4rem)}h3{font-size:1.5rem;letter-spacing:-.025em}button{color:inherit}::selection{background:var(--lime);color:var(--bg)}:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:24px;background:var(--lime);color:#111;z-index:100;padding:12px 20px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;background:rgba(15,15,15,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:210px;flex-shrink:0}.brand img{width:100%;height:auto}nav{display:flex;align-items:center;gap:34px;font-size:.9rem}nav a{transition:color .2s}nav a:hover{color:var(--lime)}.nav-cta{padding:12px 20px;border:1px solid #606345;border-radius:99px;margin-left:22px;display:flex;gap:35px;align-items:center}.nav-cta span{color:var(--lime);font-size:1.3rem}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 43%,#24281740,transparent 51%)}.hero-grid{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:44px;padding-block:78px 64px}.eyebrow{font-size:.76rem;letter-spacing:.15em;font-weight:500;line-height:1.5;margin-bottom:28px;color:var(--lime)}.spark{font-size:1.25rem;vertical-align:middle;margin-right:8px}h1{font-size:clamp(3.2rem,5.45vw,5.4rem);line-height:1.01}h1 span{color:var(--lime)}.hero-description{font-size:1.1rem;line-height:1.65;color:var(--muted);max-width:490px;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{background:var(--lime);color:#111;display:inline-flex;justify-content:center;align-items:center;gap:36px;min-height:60px;padding:16px 26px;border:1px solid transparent;border-radius:8px;font-weight:500;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#dfff41;transform:translateY(-2px);box-shadow:0 8px 30px #cbf70115}.button span{font-size:1.4rem}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:.95rem;border-bottom:1px solid #52534c;padding-block:7px}.text-link:hover{color:var(--lime)}.hero-note{font-size:.8rem;color:#90918a;max-width:390px;line-height:1.6;margin-top:22px}.hero-visual{min-height:485px;position:relative;background:#161812;border:1px solid #353a27;border-radius:170px 170px 22px 22px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.visual-top{padding:52px 30px 24px;display:flex;justify-content:center;gap:25px;align-items:center;font-size:.69rem;letter-spacing:.14em;color:#b7bbab}.visual-top>span:last-child{color:var(--lime);font-size:1.7rem}.hero-photo{display:flex;align-items:center;flex:1;overflow:hidden}.hero-photo img{width:100%;height:auto;object-fit:cover}.floating-label{position:absolute;left:-28px;bottom:87px;display:flex;align-items:center;gap:14px;padding:17px 23px;background:rgba(24,25,20,.96);border:1px solid #53563d;border-radius:12px;box-shadow:0 12px 50px #0008;transform:rotate(-3deg)}.label-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--lime);color:#111;border-radius:50%;font-size:1.4rem}.floating-label small{font-size:.6rem;letter-spacing:.09em;color:#b6b8ab;display:block}.floating-label strong{display:block;font-size:1rem;font-weight:500}.visual-bottom{display:flex;align-items:center;justify-content:center;gap:17px;padding:26px 16px;font-size:.63rem;letter-spacing:.12em;color:#c4c8b7}.visual-bottom i{height:1px;width:22px;background:#747e4d}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:22px;font-size:.69rem;letter-spacing:.11em;color:#989990}.hero-foot a{letter-spacing:0;font-size:.83rem}.hero-foot a span{padding-left:24px;color:var(--lime)}.proof-strip{background:#161713;border-block:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:1.05fr 1.2fr 1fr 1fr;padding-block:35px;gap:32px;align-items:center}.proof-grid>p{font-size:.62rem;letter-spacing:.12em;color:#919588}.proof-grid>p strong{display:block;font-size:1.13rem;letter-spacing:-.02em;color:var(--text);line-height:1.3;margin-top:6px}.proof-grid>div{border-left:1px solid #393d2e;padding-left:30px}.proof-grid>div strong{display:block;font-size:2.1rem;letter-spacing:-.04em;font-weight:500;color:var(--lime)}.proof-grid>div span{display:block;color:var(--muted);font-size:.8rem;max-width:200px;line-height:1.5}.site-footer{border-top:1px solid var(--line);padding-block:42px}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.site-footer .brand{width:178px}.site-footer p,.site-footer span{font-size:.8rem;color:var(--muted)}
@media(min-width:1500px){.hero-grid{padding-block:95px}.hero-visual{min-height:540px}}
@media(max-width:1000px){.container{width:calc(100% - 56px)}nav{gap:22px}.nav-cta{margin-left:0;gap:16px}.brand{width:180px}.hero-grid{gap:26px}.hero-visual{min-height:440px}.floating-label{left:-15px;padding:15px}.hero-actions{gap:20px}.proof-grid{gap:20px}.proof-grid>div{padding-left:20px}.proof-grid>div strong{font-size:1.8rem}}
@media(max-width:760px){html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.nav-wrap{min-height:80px}.brand{width:177px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:8px}.menu-toggle span{width:18px;height:1px;background:var(--text)}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#161616;padding:24px;align-items:stretch;border-bottom:1px solid var(--line)}nav.is-open{display:flex;flex-direction:column}.nav-cta{justify-content:space-between}.hero-grid{grid-template-columns:1fr;padding-block:48px 32px;gap:42px}.eyebrow{font-size:.65rem;margin-bottom:24px}h1{font-size:clamp(2.9rem,10vw,4.8rem)}.hero-description{font-size:1rem;max-width:480px;margin-top:24px}.hero-actions{gap:24px;margin-top:26px}.button{min-height:56px;padding:15px 20px;gap:25px}.hero-note{font-size:.78rem}.hero-visual{max-width:470px;width:calc(100% - 10px);justify-self:end;min-height:400px}.floating-label{left:-12px}.hero-foot{gap:20px;font-size:.6rem}.hero-foot>span{max-width:160px}.hero-foot a{font-size:.76rem}.proof-grid{grid-template-columns:1fr 1fr;gap:26px 20px;padding-block:30px}.proof-grid>p{padding-left:18px}.proof-grid>div{padding-left:18px}.proof-grid>div strong{font-size:1.85rem}.proof-grid>div span{font-size:.78rem}.site-footer .container{align-items:flex-start;flex-direction:column}}
.section{padding-block:var(--space)}.muted{color:#85867f}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-heading>div{flex:1}.section-heading>p{width:310px;color:var(--muted);font-size:1rem;line-height:1.7}.section-heading .eyebrow{margin-bottom:20px}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pain-card{padding:28px 24px;border:1px solid var(--line);border-radius:var(--radius);background:#131313}.card-index{display:block;color:var(--lime);font-size:.8rem;margin-bottom:46px}.pain-card h3{font-size:1.38rem;line-height:1.2;margin-bottom:18px}.pain-card p{color:var(--muted);font-size:.9rem;line-height:1.65}.card-tag{display:block;letter-spacing:.12em;font-size:.6rem;color:#82847a;margin-top:30px}.solution{background:#171a12;border-block:1px solid #303a21}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.solution h2 span{color:var(--lime)}.body-copy{color:var(--muted);font-size:1.02rem;line-height:1.75;margin-top:24px;max-width:560px}.body-copy+.body-copy{margin-top:16px}.body-copy+.text-link{margin-top:28px}.journey{border-top:1px solid #3d442e}.journey-row{padding:32px 0;border-bottom:1px solid #3d442e;display:grid;grid-template-columns:25px 1fr 24px;gap:20px}.journey-row>span{color:var(--lime);font-size:.8rem}.journey-row>span:last-child{font-size:1.5rem}.journey-row small{color:#929c7c;letter-spacing:.14em;font-size:.67rem}.journey-row h3{font-size:1.5rem;margin-top:8px}.journey-row p{font-size:.9rem;color:#a9afa0;margin-top:12px;max-width:360px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:35px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);display:flex;flex-direction:column;transition:border-color .2s,background .2s}.service-card:hover{border-color:#606448;background:#191b14}.service-icon{color:var(--lime);font-size:2.5rem;line-height:1;margin-bottom:30px}.service-card h3{line-height:1.15;font-size:1.65rem}.service-card>p:not(.eyebrow){font-size:.94rem;color:var(--muted);margin:20px 0 28px}.service-card>span:last-child:not(.service-icon){font-size:.61rem;letter-spacing:.08em;color:#929783;margin-top:auto}.service-highlight{background:var(--lime);color:#13170a;border-color:var(--lime)}.service-highlight:hover{background:#d6ff26}.service-highlight .eyebrow{color:#4b5b10;font-size:.66rem;margin-bottom:37px}.service-highlight>p:not(.eyebrow){color:#3a461a}.service-highlight h3{font-size:2rem}.service-highlight .text-link{margin-top:auto;font-size:.86rem;align-self:flex-start;border-color:#758934}.service-highlight .text-link:hover{color:#111}.cases-section{background:#121212;border-block:1px solid var(--line)}.cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-card{min-width:0;background:#1a1b17;padding:32px;border:1px solid #3b4030;border-radius:var(--radius)}.case-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.65rem;letter-spacing:.06em;color:#b7beaa}.pill{border:1px solid #444c32;border-radius:20px;padding:5px 10px;white-space:nowrap;font-size:.58rem}.case-value{font-size:clamp(2.6rem,4.2vw,4.25rem);color:var(--lime);letter-spacing:-.05em;line-height:1.15;margin-top:38px;white-space:nowrap}.case-value small{font-size:.45em;letter-spacing:-.035em}.case-caption{font-size:.81rem;color:var(--muted);margin-top:10px}.case-metrics{display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:10px;margin-block:30px;padding-block:20px;border-block:1px solid #3c4130}.case-metrics strong{display:block;font-size:1.05rem;font-weight:500;letter-spacing:-.025em}.case-metrics span{display:block;font-size:.68rem;color:#959b8b;margin-top:3px}.case-footnote{font-size:.7rem;color:#929588;margin-top:15px}.results-note{font-size:.77rem;line-height:1.6;color:#8f9288;max-width:870px;margin-top:25px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.method-card{position:relative;overflow:hidden;padding:40px;background:#151515;min-width:0}.method-card+.method-card{border-left:1px solid var(--line)}.method-number{font-size:6.5rem;line-height:1;letter-spacing:-.07em;color:#393d30;display:block;margin-bottom:34px}.method-card .eyebrow{margin-bottom:14px;font-size:.65rem}.method-card h3{font-size:2.1rem;line-height:1.12}.method-card>p:not(.eyebrow){color:var(--muted);font-size:.92rem;line-height:1.7;margin-top:22px}.method-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.method-tags span{font-size:.65rem;padding:4px 9px;border-radius:20px;border:1px solid #3b3d32;color:#b7bba7}.method-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px}.method-bottom p{color:var(--muted);font-size:.85rem}.method-bottom .text-link{font-size:.84rem}.comparison-section{padding-top:0}.comparison-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.comparison-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}th,td{padding:22px 24px;font-weight:400;font-size:.9rem}th{font-size:.9rem;font-weight:500;background:#1d1d1b;color:#a6a89d}th:last-child{background:var(--lime);color:#1a200b}td{border-top:1px solid var(--line);color:#96998d}td:last-child{background:#191e12;color:#ecf2dc;border-top-color:#323d24}.about-section{background:#131313;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:.93fr 1fr;gap:80px;align-items:center}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;list-style:none;padding:24px 0;font-size:1.02rem;font-weight:400;line-height:1.5}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:1.4rem;color:var(--lime);line-height:1;flex-shrink:0}details[open] summary::after{content:'−'}details[open] summary{color:var(--lime)}.faq-list details p{padding:0 30px 26px 0;color:var(--muted);font-size:.94rem;line-height:1.8}.inline-button{display:inline;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:inherit;cursor:pointer}.inline-button:hover{color:var(--lime)}[aria-invalid=true]{border-color:#ffa979!important}.final-cta{background:var(--lime);color:#14170c;padding-block:80px}.final-cta .eyebrow{color:#4d5b1d}.final-cta h2{font-size:clamp(2.8rem,5.7vw,5.4rem);max-width:950px}.final-cta .container>div{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta p{color:#4a551f}.button-dark{background:#151910;color:#eff6dc}.button-dark:hover{background:#2b341b}.site-footer>.footer-bottom{border-top:1px solid var(--line);padding-top:26px;margin-top:36px;gap:16px}.site-footer a:not(.brand),.site-footer .inline-button{font-size:.8rem;color:#b8baae}.sticky-cta{position:fixed;bottom:16px;right:24px;z-index:25;display:flex;align-items:center;gap:27px;background:var(--lime);color:#151a08;border-radius:99px;padding:13px 22px;box-shadow:0 5px 25px #0006;font-size:.85rem;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .2s,transform .2s,visibility .2s}.sticky-cta.visible{opacity:1;visibility:visible;transform:translateY(0)}.sticky-cta>span{font-size:1.2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(1050px,calc(100% - 36px));max-height:90vh;max-height:90dvh;padding:25px;border:1px solid #555e3d;border-radius:18px;background:#191c14;color:var(--text);overflow-y:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.dialog-top h2{font-size:1.4rem;letter-spacing:-.025em}.dialog-close{width:42px;height:42px;flex-shrink:0;border:1px solid #51593c;border-radius:50%;background:transparent;font-size:1.7rem;line-height:1}.dialog-close:hover{background:var(--lime);color:#151710}#privacy-dialog{max-width:700px}.privacy-content h3{font-size:1.2rem;margin:25px 0 12px}.privacy-content p{color:#b9c2aa;font-size:.95rem;line-height:1.8}[hidden]{display:none!important}
@media(min-width:761px){.hero-visual{overflow:visible;height:510px}.hero-photo{position:absolute;inset:0;z-index:-1;border-radius:170px 170px 22px 22px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.visual-top{background:linear-gradient(#111d,transparent);border-radius:170px 170px 0 0}.visual-bottom{background:linear-gradient(transparent,#111e);border-radius:0 0 22px 22px}.hero-visual .floating-label{bottom:70px}}
@media(max-width:1100px){.pain-grid{grid-template-columns:repeat(2,1fr)}.pain-card h3{font-size:1.5rem}.card-index{margin-bottom:30px}.services-grid{gap:14px}.service-card{padding:26px}.solution-grid,.about-grid{gap:45px}.case-card{padding:24px}.case-top{flex-wrap:wrap}.method-card{padding:30px}.method-number{font-size:5.5rem}.comparison-layout{gap:35px}.faq-grid{gap:50px}th,td{padding:20px}.section-heading{gap:35px}.section-heading>p{width:280px}}
@media(max-width:760px){.section-heading{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:32px}.section-heading>p{width:auto;max-width:480px;font-size:.95rem}.section-heading .eyebrow{margin-bottom:18px}.pain-grid{gap:12px}.pain-card{padding:23px 18px}.pain-card h3{font-size:1.23rem}.pain-card p{font-size:.84rem}.card-tag{font-size:.56rem;margin-top:22px}.solution-grid,.comparison-layout,.about-grid,.faq-grid{grid-template-columns:1fr;gap:40px}.solution h2{font-size:clamp(2.25rem,7.2vw,3.2rem)}.journey-row{padding-block:25px}.journey-row h3{font-size:1.4rem}.services-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card{padding:24px 18px}.service-card h3{font-size:1.35rem}.service-card>p:not(.eyebrow){font-size:.85rem}.service-card>span:last-child:not(.service-icon){font-size:.54rem}.service-highlight .eyebrow{font-size:.56rem;margin-bottom:28px}.service-highlight h3{font-size:1.7rem}.service-highlight .text-link{font-size:.78rem;gap:10px}.cases-grid{grid-template-columns:1fr;gap:20px}.case-card{padding:25px}.case-value{font-size:clamp(2.8rem,9vw,4.2rem);margin-top:30px}.case-top{flex-wrap:nowrap;font-size:.59rem}.case-metrics strong{font-size:1rem}.method-grid{grid-template-columns:1fr}.method-card{padding:32px}.method-card+.method-card{border-left:0;border-top:1px solid var(--line)}.method-number{position:absolute;right:28px;top:26px;font-size:5rem;margin:0;color:#3d4530}.method-card h3{font-size:2rem;padding-right:65px}.method-card .eyebrow{margin-bottom:12px}.method-card>p:not(.eyebrow){max-width:400px}.method-bottom{flex-direction:column;align-items:flex-start;gap:15px}.comparison-layout{gap:30px}th,td{padding:19px 15px;font-size:.82rem}th{font-size:.8rem}.faq-list details p{font-size:.9rem}.faq-grid{gap:32px}summary{font-size:.96rem;padding-block:22px}.final-cta{padding-block:65px}.final-cta .container>div{align-items:flex-start;flex-direction:column;gap:24px}.final-cta .button{width:100%;justify-content:space-between;font-size:.89rem}.footer-bottom{padding-bottom:45px}.sticky-cta{bottom:14px;right:16px;padding:12px 19px}.hero-visual{height:410px;min-height:0}.hero-photo{position:absolute;inset:0;z-index:-1;border-radius:170px 170px 22px 22px;overflow:hidden}.hero-photo img{height:100%;width:100%;object-fit:cover}.visual-top{padding-top:36px;background:linear-gradient(#111d,transparent);border-radius:170px 170px 0 0}.visual-bottom{background:linear-gradient(transparent,#111e);border-radius:0 0 22px 22px}.floating-label{bottom:64px}.hero-description{max-width:440px}}
@media(max-width:390px){.hero-actions{gap:16px}.hero-actions .button{gap:13px;padding-inline:17px;font-size:.91rem}.hero-actions .text-link{font-size:.81rem;gap:10px}.pain-grid,.services-grid{grid-template-columns:1fr}.pain-card h3{font-size:1.6rem}.card-index{margin-bottom:25px}.service-card{padding:28px}.service-card h3{font-size:1.7rem}.case-card{padding:20px}.case-metrics strong{font-size:.9rem}.case-top{flex-wrap:wrap}.hero-visual{height:360px}.visual-top{font-size:.57rem}.floating-label strong{font-size:.86rem}.floating-label small{font-size:.53rem}.visual-bottom{font-size:.54rem;gap:12px}}
/* Keep small labels readable, including on narrow screens. */
.eyebrow,.card-tag,.card-index,.case-top,.pill,.case-footnote,.case-metrics span,.method-tags span,.visual-top,.visual-bottom,.floating-label small,.proof-grid>p,.service-card>span:last-child:not(.service-icon),.service-highlight .eyebrow,.hero-foot{font-size:max(.75rem,12px)}
.case-top{flex-wrap:wrap}.pain-card p,.service-card>p:not(.eyebrow),.journey-row p,.method-card>p:not(.eyebrow),.faq-list details p{font-size:1rem}
.hero-grid>*,.about-grid>*,.solution-grid>*,.faq-grid>*,.comparison-layout>*{min-width:0}
@media(max-width:390px){h1{font-size:clamp(2.25rem,10vw,2.9rem)}.hero-actions{flex-wrap:wrap}.visual-bottom{gap:5px;letter-spacing:0;padding-inline:8px}.visual-bottom i{width:8px;flex-shrink:1}.floating-label{left:-5px;right:8px;padding:12px;gap:10px}.floating-label>div{min-width:0}.label-icon{flex-shrink:0;width:32px;height:32px}.floating-label small{font-size:.75rem;letter-spacing:0;line-height:1.4}.visual-top{letter-spacing:.05em;padding-inline:25px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Floating glass navigation and refined editorial composition. */
.icon{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
span:has(>.icon){display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;line-height:1.6}
.spark{margin:0;transform:none}.spark .icon{width:17px;height:17px;stroke-width:1.45}
.button>span,.text-link>span,.nav-cta>span{display:inline-flex;align-items:center;justify-content:center}
.service-icon{display:flex;width:36px;height:36px;align-items:center;justify-content:center}
.service-icon .icon{width:32px;height:32px;stroke-width:1.6}
.journey-row>span:last-child{display:flex;align-items:flex-start;justify-content:center}
.hero-foot a{display:inline-flex;align-items:center;gap:20px}.hero-foot a span{padding:0}.hero-foot .icon{width:17px;height:17px}
.site-footer a:has(>.icon){display:inline-flex;gap:12px;align-items:center}.site-footer .icon{width:16px;height:16px}
.dialog-close{display:grid;place-items:center}.dialog-close .icon{width:19px;height:19px}
html{scroll-padding-top:135px}
.site-header{position:sticky;top:20px;width:min(1280px,calc(100% - 80px));margin:20px auto 0;background:rgba(29,30,28,.72);border:1px solid rgba(255,255,255,.1);border-radius:26px;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:0 12px 40px #0003,inset 0 1px 0 #ffffff08}
.site-header .nav-wrap{position:relative;width:100%;min-height:86px;padding:14px 22px 14px 27px;gap:30px}
.site-header .brand{width:190px}
.site-header nav{gap:32px;font-size:.9rem}
.site-header nav>a:not(.nav-cta){position:relative;padding-block:12px;color:#c7c9c1}
.site-header nav>a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.site-header nav>a:hover::after{transform:scaleX(1)}
.site-header nav>a:hover{color:#fff}
.site-header .nav-cta{border:0;border-radius:9999px;background:var(--lime);color:#16190d;padding:14px 22px;gap:28px;margin-left:12px;line-height:1.2;min-height:50px;box-shadow:0 2px 15px #cbf70109}
.site-header .nav-cta:hover{color:#111;background:#dcff40}.site-header .nav-cta span{color:inherit}
.menu-toggle span{transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.hero{background:radial-gradient(ellipse at 80% 50%,#2529181f,transparent 50%)}
.hero-grid{padding-block:72px 56px}
.hero-visual{background:none;border:0;border-radius:0;height:560px;min-height:0;overflow:visible;width:100%;max-width:none}
.hero-photo{position:absolute;inset:0 -15px 8px;border-radius:0;z-index:-1;mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 78%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 78%,transparent 98%)}
.hero-photo img{width:100%;height:100%;object-fit:contain;border-radius:0}
.visual-top{justify-content:flex-end;padding:20px 0;background:none;border-radius:0;gap:14px;font-size:.75rem;letter-spacing:.11em;color:#a1a596}
.visual-top .icon{width:19px;height:19px}
.hero-visual .floating-label{left:0;right:auto;bottom:66px;transform:none;border-radius:0;padding:14px 20px;background:rgba(20,22,17,.7);backdrop-filter:blur(18px);border:0;border-left:2px solid var(--lime);box-shadow:none;gap:15px}
.floating-label small{font-size:.75rem;letter-spacing:.06em;line-height:1.5}.floating-label strong{font-size:1rem;line-height:1.6}
.label-icon{width:34px;height:34px;border-radius:0;background:none;color:var(--lime)}.label-icon .icon{width:26px;height:26px}
.visual-bottom{background:none;border-radius:0;padding:16px 0;letter-spacing:.1em;color:#959b88}
.case-card{background:linear-gradient(145deg,#1c1f17,#151613);border-color:#363c2b}
.case-metrics{margin-bottom:0}.case-footnote{margin-top:20px;max-width:400px}
.about-grid{grid-template-columns:.88fr 1.12fr;gap:96px}
.about-signature{padding:12px 30px 12px 0;max-width:450px;min-width:0}
.about-signature>img{width:185px;height:auto;margin:0 0 42px}
.signature-statement{font-size:clamp(1.7rem,2.5vw,2.2rem);line-height:1.2;letter-spacing:-.035em;color:#e9ece0;margin-bottom:30px}
.signature-statement>span{color:#8f9583}
.signature-principles{border-top:1px solid #33392b}
.signature-principles p{display:flex;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #33392b;font-size:.9rem;color:#b6bdab}
.signature-principles span{color:var(--lime);font-size:.75rem}
.contact-section{background:#161910;border-top:1px solid #323b25}
.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:72px}
.contact-action{border-left:1px solid #3c472c;padding:24px 0 24px 48px}
.contact-button{width:100%;gap:14px;padding:22px 24px;font-size:1rem;justify-content:space-between;border-radius:12px}
.contact-button>.contact-icon .icon{width:24px;height:24px}.contact-button>span:last-child .icon{width:20px;height:20px}
.contact-action>p{margin-top:20px;color:#a3ad94;font-size:.875rem;line-height:1.7}
summary::after{content:'';width:18px;height:18px;flex:0 0 18px;align-self:center;background:linear-gradient(var(--lime),var(--lime)) center/14px 1.5px no-repeat,linear-gradient(var(--lime),var(--lime)) center/1.5px 14px no-repeat}
details[open] summary::after{content:'';background:linear-gradient(var(--lime),var(--lime)) center/14px 1.5px no-repeat}
@media(max-width:1100px){.site-header{width:calc(100% - 48px)}.site-header nav{gap:22px}.site-header .nav-cta{margin-left:0;gap:18px;padding-inline:20px}.site-header .brand{width:175px}.hero-visual{height:500px}.about-grid{gap:50px}.contact-layout{gap:40px}.contact-action{padding-left:30px}.contact-button{font-size:.92rem;padding:20px 18px}}
@media(max-width:860px){
  .site-header{top:14px;width:calc(100% - 32px);margin-top:14px;border-radius:22px}
  .site-header .nav-wrap{min-height:76px;padding:13px 18px;gap:20px}
  .site-header .brand{width:178px}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:44px;height:44px;background:#ffffff04;border:1px solid #ffffff12;border-radius:50%}
  .menu-toggle span{width:18px;height:1px;background:var(--text)}
  .site-header nav{display:none;position:absolute;top:calc(100% + 10px);left:-1px;right:-1px;padding:18px;background:rgba(22,25,20,.96);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid #ffffff18;border-radius:22px;box-shadow:0 18px 40px #0007;gap:8px;max-height:calc(100dvh - 128px);overflow-y:auto}
  .site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch}
  .site-header nav>a:not(.nav-cta){padding:14px 12px;font-size:1rem}
  .site-header nav>a:not(.nav-cta)::after{display:none}
  .site-header .nav-cta{justify-content:space-between;padding:16px 20px;margin-top:8px}
}
@media(max-width:760px){
  html{scroll-padding-top:115px}
  .hero-grid{padding-block:52px 24px;gap:28px}
  .hero-copy>.eyebrow{font-size:.75rem;letter-spacing:.09em;gap:10px}
  .hero-visual{height:430px;width:100%;justify-self:center;max-width:510px}
  .hero-photo{inset:-4px -10px 8px}.hero-photo img{object-fit:contain}
  .visual-top{padding:12px 0;font-size:.75rem;letter-spacing:.06em;gap:12px}
  .hero-visual .floating-label{bottom:56px;left:0;right:auto;max-width:100%;padding:10px 14px;gap:8px}
  .floating-label small{letter-spacing:0}.floating-label strong{font-size:.94rem}
  .visual-bottom{font-size:.75rem;letter-spacing:.03em;gap:10px;padding:14px 0}.visual-bottom i{width:15px}
  .about-grid{grid-template-columns:1fr;gap:48px}.about-signature{padding:0;order:2;max-width:none;border-top:1px solid #33392b;padding-top:36px}
  .about-signature>img{width:170px;margin-bottom:28px}.signature-statement{font-size:1.9rem}.signature-principles p{padding-block:16px}
  .contact-layout{grid-template-columns:1fr;gap:28px}.contact-action{border-left:0;padding:0}.contact-button{max-width:440px;min-height:66px;font-size:.95rem;padding:19px 20px}.contact-action>p{margin-top:16px}
}
@media(max-width:390px){
  .site-header .brand{width:157px}.site-header .nav-wrap{padding:12px 15px;gap:12px;min-height:72px}.site-header{border-radius:20px}
  .hero-visual{height:360px}.hero-copy>.eyebrow{font-size:.75rem;letter-spacing:.05em}.hero-photo{inset:0 -4px 6px}
  .visual-top{font-size:.75rem;letter-spacing:0}.visual-bottom{gap:7px;letter-spacing:0}.visual-bottom i{width:8px}
  .hero-visual .floating-label{bottom:44px;padding:9px 12px;gap:6px}.floating-label small{font-size:.75rem}.floating-label strong{font-size:.875rem}.label-icon{width:24px;height:24px}.label-icon .icon{width:22px;height:22px}
  .contact-button{gap:10px;font-size:.875rem;padding-inline:15px}
}

/* Final refinements: original food card, single contact action and mobile rhythm. */
.icon{stroke-width:2;shape-rendering:geometricPrecision}
.hero-copy>.eyebrow{display:block;font-size:.95rem;font-weight:500;letter-spacing:.015em;text-transform:none;line-height:1.5;margin-bottom:25px}
h1{font-size:clamp(3.2rem,6vw,5.9rem);line-height:1.01}
.hero-grid{grid-template-columns:1.2fr 1fr;gap:46px}
.hero-copy h1>span{white-space:nowrap}
.hero-actions>.button,.hero-actions>.text-link{white-space:nowrap;flex-shrink:0}
.hero-visual{height:510px;min-height:0;background:#12140f;border:1px solid #3a402a;border-radius:22px;isolation:isolate}
.hero-photo{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:21px;mask-image:none;-webkit-mask-image:none}
.hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:0}
.visual-top{justify-content:center;align-items:center;padding:38px 22px 24px;gap:16px;border-radius:21px 21px 0 0;background:linear-gradient(#111c,transparent);font-size:.75rem;letter-spacing:.1em}
.visual-top>span{display:inline-flex;align-items:center;line-height:1.4}.visual-top .icon{width:20px;height:20px}
.hero-visual .floating-label{left:-25px;right:auto;bottom:70px;max-width:calc(100% + 10px);transform:rotate(-3deg);padding:16px 20px;gap:14px;background:rgba(24,26,19,.96);border:1px solid #565d3d;border-radius:12px;box-shadow:0 12px 35px #0005;backdrop-filter:blur(12px)}
.floating-label .label-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;background:var(--lime);color:#12160a;border-radius:50%;padding:0}
.floating-label .label-icon .icon{display:block;width:24px;height:24px;margin:0;transform:none}
.floating-label small{font-size:.7rem;line-height:1.5;letter-spacing:.07em}.floating-label strong{font-size:1rem;line-height:1.5;font-weight:500}
.visual-bottom{padding:23px 12px;gap:15px;letter-spacing:.1em;font-size:.7rem;border-radius:0 0 21px 21px;background:linear-gradient(transparent,#111e)}
.visual-bottom i{width:20px}
.journey-row{grid-template-columns:25px minmax(0,1fr)}
.contact-button{justify-content:space-between;gap:24px;text-align:left;font-size:1.05rem;min-height:72px;padding:23px 26px;border-radius:12px}
.contact-button>span:last-child .icon{width:27px;height:27px}
.final-cta{padding-block:54px}.final-cta h2{font-size:clamp(2.35rem,4.2vw,4rem)}
.final-cta .container>div{margin-top:22px}.final-cta p{font-size:1rem}.final-cta .eyebrow{font-size:.75rem}
.site-header .brand{width:172px}.site-footer .brand{width:160px}.about-signature>img{width:170px}
.faq-list summary::after{content:none;display:none}
.faq-toggle{display:grid!important;place-items:center;flex:0 0 24px;width:24px;height:24px;align-self:center;color:var(--lime);overflow:visible}
.faq-toggle svg{display:block;width:24px;height:24px;fill:currentColor;stroke:none;shape-rendering:geometricPrecision;overflow:visible}
details[open] .faq-vertical{display:none}
@media(max-width:1100px){
  .hero-grid{gap:28px}.hero-visual{height:465px}
  .hero-visual .floating-label{left:-15px;padding:13px 15px;gap:10px}
  .floating-label strong{font-size:.94rem}.floating-label small{letter-spacing:.035em}
}
@media(max-width:860px){.site-header .brand{width:158px}}
@media(max-width:760px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-copy>.eyebrow{font-size:.9rem;letter-spacing:0;line-height:1.5}
  h1{font-size:clamp(2.5rem,11.5vw,5.1rem)}
  .hero-actions{flex-wrap:nowrap;gap:22px}.hero-actions>.button{padding:15px 18px;gap:18px;font-size:.9rem}.hero-actions>.text-link{font-size:.86rem;gap:10px}
  .hero-visual{height:430px;width:calc(100% - 8px);max-width:480px;justify-self:end}
  .visual-top{padding:32px 16px 20px;gap:14px;font-size:.75rem;letter-spacing:.06em}
  .hero-visual .floating-label{left:-10px;bottom:64px;right:auto;padding:13px 15px;gap:12px;max-width:calc(100% + 5px)}
  .floating-label .label-icon{width:36px;height:36px;flex-basis:36px}.floating-label .label-icon .icon{width:22px;height:22px}
  .floating-label small{font-size:.68rem;letter-spacing:.035em}.floating-label strong{font-size:.94rem}
  .visual-bottom{padding:22px 8px;gap:10px;font-size:.7rem;letter-spacing:.05em}.visual-bottom i{width:14px}
  .pain-grid,.services-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .pain-card,.service-card{padding:30px}.pain-card h3,.service-card h3{font-size:1.8rem;line-height:1.15}
  .pain-card p,.service-card>p:not(.eyebrow){font-size:1rem;line-height:1.7}
  .pain-card .card-index{margin-bottom:26px}.service-highlight h3{font-size:2rem}
  .service-highlight .text-link{font-size:.9rem}.service-card>span:last-child:not(.service-icon){font-size:.75rem}
  .contact-button{padding:21px 23px;font-size:1rem;min-height:68px}.contact-button>span:last-child .icon{width:26px;height:26px}
  .final-cta{padding-block:48px}.final-cta h2{font-size:clamp(2.35rem,8.4vw,3.7rem)}
  .footer-bottom{padding-bottom:0}
}
@media(max-width:390px){
  .site-header .brand{width:145px}.hero-actions{gap:15px}.hero-actions>.button{padding-inline:15px;gap:13px;font-size:.875rem}.hero-actions>.text-link{font-size:.8125rem;gap:8px}.hero-actions .icon{width:19px;height:19px}
  .hero-visual{height:385px}.visual-top{padding-top:28px;font-size:.7rem;gap:12px}
  .hero-visual .floating-label{padding:12px;gap:10px}.floating-label small{font-size:.63rem;letter-spacing:.015em}.floating-label strong{font-size:.875rem}
  .visual-bottom{font-size:.65rem;letter-spacing:.025em;gap:8px}.visual-bottom i{width:10px}
  .contact-button{padding-inline:19px;font-size:.94rem}
}
@media(max-width:360px){
  .hero-actions{gap:11px}.hero-actions>.button{padding-inline:12px;font-size:.8125rem;gap:10px}.hero-actions>.text-link{font-size:.78rem;gap:7px}
  .hero-visual{height:350px}.hero-visual .floating-label{left:-8px;gap:8px;padding:10px}.floating-label small{font-size:.6rem}.floating-label strong{font-size:.8rem}
  .floating-label .label-icon{width:32px;height:32px;flex-basis:32px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){
  .pain-grid,.services-grid{grid-template-columns:minmax(0,1fr)}
  .pain-card,.service-card{padding:32px}.pain-card h3,.service-card h3{font-size:1.8rem}
  .site-header{top:10px;margin-top:10px}.site-header .nav-wrap{min-height:68px;padding-block:10px}
}
/* Optical alignment and actions that wrap only when space runs out. */
.journey-row>span:first-child{display:flex;align-items:center;align-self:start;height:20px;line-height:1}
.journey-row small{display:flex;align-items:center;height:20px;line-height:1}
.service-card .service-icon{justify-content:flex-start;width:32px;height:36px}
.service-icon .icon{display:block;overflow:visible}
.visual-top>span{font-size:inherit;line-height:1}
.visual-top>span:last-child{font-size:inherit;line-height:0;transform:translateY(-1px)}
.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:16px}
@media(min-width:761px) and (max-width:1100px){
  .hero-actions>.button{padding:16px 20px;gap:18px;font-size:.9rem}
  .hero-actions>.text-link{font-size:.86rem;gap:10px}
}
@media(min-width:861px){
  .site-header .nav-cta{border-radius:14px;min-height:48px;padding:13px 20px;border:1px solid #d9ff42;box-shadow:inset 0 1px 0 #ffffff30;gap:24px}
  .site-header .nav-wrap{padding-block:17px;padding-right:20px}
}
@media(max-width:760px){.hero-actions{column-gap:15px}}
@media(max-width:360px){
  .hero-actions{flex-direction:column;align-items:flex-start}
  .hero-actions>.button{font-size:.875rem;padding-inline:18px;gap:18px}
  .hero-actions>.text-link{font-size:.8125rem;gap:10px}
}

/* Final adjustments */
.site-header .nav-cta{border-radius:9999px!important;}

/* Responsive hero card refinement: keep the floating tag angled and the bottom labels grouped. */
.hero-visual{container-type:inline-size;}
.hero-visual .floating-label{
  transform:rotate(-3deg);
  transform-origin:center center;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.visual-bottom{
  width:100%;
  justify-content:center;
  padding-inline:clamp(12px,3cqw,22px);
  gap:clamp(6px,2.3cqw,14px);
}
.visual-bottom span{
  flex:0 0 auto;
  min-width:0;
  white-space:nowrap;
  font-size:clamp(.56rem,2.05cqw,.7rem);
  line-height:1.2;
}
.visual-bottom i{
  flex:0 0 clamp(8px,3.7cqw,20px);
  width:clamp(8px,3.7cqw,20px);
  min-width:0;
  max-width:none;
}
@media(max-width:1100px){
  .hero-visual .floating-label{max-width:calc(100% - 8px)}
}
@media(max-width:760px){
  .hero-visual .floating-label{max-width:calc(100% - 4px)}
  .floating-label small,.floating-label strong{
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
  }
}
@media(max-width:390px){
  .visual-bottom{padding-inline:10px;gap:5px}
  .visual-bottom span{font-size:clamp(.54rem,2.55vw,.62rem)}
  .visual-bottom i{min-width:6px;max-width:10px}
}

/* Final responsive polish: softer primary CTA corners and calmer secondary copy on tablet/landscape. */
.hero-actions>.button{
  border-radius:14px;
}

/* Tablet and phone-landscape: keep supporting copy visually lighter and proportional. */
@media (min-width:600px) and (max-width:1100px){
  .hero-description{font-size:.98rem;line-height:1.62}
  .section-heading>p{font-size:.9rem;line-height:1.62}
  .pain-card p{font-size:.84rem;line-height:1.62}
  .body-copy{font-size:.94rem;line-height:1.68}
  .journey-row p{font-size:.84rem;line-height:1.62}
  .service-card>p:not(.eyebrow){font-size:.86rem;line-height:1.62}
  .case-caption{font-size:.76rem}
  .case-footnote,.results-note{font-size:.68rem;line-height:1.55}
  .method-card>p:not(.eyebrow){font-size:.84rem;line-height:1.62}
  .method-bottom p{font-size:.8rem}
  .faq-list details p{font-size:.86rem;line-height:1.68}
  .contact-action>p{font-size:.82rem;line-height:1.62}
}

/* Landscape phones can be short even when their CSS width is tablet-like. */
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  .hero-description{font-size:.92rem}
  .section-heading>p{font-size:.84rem}
  .pain-card p{font-size:.8rem;line-height:1.58}
  .body-copy{font-size:.88rem;line-height:1.62}
  .journey-row p{font-size:.8rem;line-height:1.58}
  .service-card>p:not(.eyebrow){font-size:.82rem;line-height:1.58}
  .method-card>p:not(.eyebrow){font-size:.8rem;line-height:1.58}
  .faq-list details p{font-size:.82rem;line-height:1.62}
}

/* v5 — Card grids keep desktop-like visual proportions across tablet and mobile. */
/* Tablet and landscape phones: two cards per row, with type scaled as one visual system. */
@media (min-width:600px) and (max-width:1100px),
       (orientation:landscape) and (max-height:600px) and (max-width:599px){
  .pain-grid,
  .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }

  .pain-card,
  .service-card{
    padding:clamp(22px,3vw,30px);
  }

  .pain-card h3{
    font-size:clamp(1.32rem,2.15vw,1.5rem);
    line-height:1.18;
  }
  .pain-card p{
    font-size:clamp(.88rem,1.35vw,.94rem);
    line-height:1.64;
  }
  .pain-card .card-index{
    font-size:clamp(.72rem,1.1vw,.8rem);
    margin-bottom:clamp(24px,3vw,34px);
  }
  .pain-card .card-tag{
    font-size:clamp(.6rem,.9vw,.68rem);
    margin-top:clamp(22px,2.8vw,30px);
  }

  .service-card h3{
    font-size:clamp(1.42rem,2.35vw,1.65rem);
    line-height:1.16;
  }
  .service-card>p:not(.eyebrow){
    font-size:clamp(.88rem,1.4vw,.94rem);
    line-height:1.64;
    margin:18px 0 26px;
  }
  .service-card>span:last-child:not(.service-icon){
    font-size:clamp(.6rem,.9vw,.68rem);
  }
  .service-highlight h3{
    font-size:clamp(1.58rem,2.6vw,1.85rem);
  }
  .service-highlight .eyebrow{
    font-size:clamp(.6rem,.9vw,.68rem);
  }
}

/* Normal portrait phone: one card per row, still preserving the desktop hierarchy. */
@media (max-width:599px) and (orientation:portrait){
  .pain-grid,
  .services-grid{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .pain-card,
  .service-card{
    padding:26px 24px;
  }
  .pain-card h3{
    font-size:1.45rem;
    line-height:1.18;
  }
  .pain-card p{
    font-size:.9rem;
    line-height:1.65;
  }
  .pain-card .card-index{
    font-size:.75rem;
    margin-bottom:26px;
  }
  .pain-card .card-tag{
    font-size:.62rem;
    margin-top:24px;
  }
  .service-card h3{
    font-size:1.5rem;
    line-height:1.16;
  }
  .service-card>p:not(.eyebrow){
    font-size:.9rem;
    line-height:1.65;
  }
  .service-card>span:last-child:not(.service-icon){
    font-size:.62rem;
  }
  .service-highlight h3{
    font-size:1.7rem;
  }
}

/* v6 — definitive responsive card layout. Typography intentionally unchanged. */
/* Phones in normal portrait orientation: one card per row. */
@media (max-width:599px) and (orientation:portrait){
  .pain-grid,
  .services-grid{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* Phones turned sideways: two cards per row. */
@media (orientation:landscape) and (max-width:1100px){
  .pain-grid,
  .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Tablets, in either orientation: two cards per row. */
@media (min-width:600px) and (max-width:1100px){
  .pain-grid,
  .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* v8 — Modern mobile proof grid: preserve the premium 2×2 composition without cramped text. */
@media (max-width:599px) and (orientation:portrait){
  .proof-strip{
    background:linear-gradient(180deg,#171913 0%,#141510 100%);
  }
  .proof-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding-block:0;
    align-items:stretch;
  }
  .proof-grid>*{
    min-width:0;
    padding:clamp(18px,5.4vw,24px) clamp(12px,4.2vw,18px);
  }
  .proof-grid>p{
    padding-left:clamp(12px,4.2vw,18px);
    font-size:clamp(.66rem,2.8vw,.75rem);
    line-height:1.45;
    letter-spacing:.1em;
  }
  .proof-grid>p strong{
    font-size:clamp(.94rem,4.15vw,1.08rem);
    line-height:1.18;
    letter-spacing:-.025em;
    margin-top:7px;
  }
  .proof-grid>div{
    border-left:0;
    padding-left:clamp(12px,4.2vw,18px);
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .proof-grid>*:nth-child(2),
  .proof-grid>*:nth-child(4){
    border-left:1px solid #34392b;
  }
  .proof-grid>*:nth-child(3),
  .proof-grid>*:nth-child(4){
    border-top:1px solid #34392b;
  }
  .proof-grid>div strong{
    font-size:clamp(1.45rem,7vw,1.85rem);
    line-height:1.02;
    letter-spacing:-.045em;
    text-wrap:balance;
  }
  .proof-grid>div:nth-child(2) strong{
    white-space:nowrap;
    font-size:clamp(1.32rem,6.2vw,1.72rem);
  }
  .proof-grid>div span{
    margin-top:clamp(8px,2.4vw,11px);
    max-width:16ch;
    font-size:clamp(.68rem,2.8vw,.78rem);
    line-height:1.45;
    color:#a5a99c;
  }
}

/* Very narrow phones: keep the same design, only tighten rhythm a little. */
@media (max-width:350px) and (orientation:portrait){
  .proof-grid>*{
    padding-inline:11px;
  }
  .proof-grid>div strong{
    font-size:clamp(1.32rem,6.7vw,1.55rem);
  }
  .proof-grid>div:nth-child(2) strong{
    font-size:clamp(1.22rem,5.9vw,1.45rem);
  }
  .proof-grid>div span{
    font-size:.66rem;
    line-height:1.4;
  }
  .proof-grid>p strong{
    font-size:.9rem;
  }
}

/* v9 — Fluid proof metrics: scale with the real available width, never split key values. */
.proof-grid{
  container-type:inline-size;
}

@media (max-width:760px){
  .proof-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding-block:0;
    align-items:stretch;
  }

  .proof-grid>*{
    min-width:0;
    padding-block:clamp(16px,5cqw,24px);
    padding-inline:clamp(10px,3.8cqw,18px);
  }

  .proof-grid>p{
    padding-left:clamp(10px,3.8cqw,18px);
    font-size:clamp(.64rem,2.45cqw,.75rem);
    line-height:1.42;
    letter-spacing:clamp(.07em,.32cqw,.1em);
  }

  .proof-grid>p strong{
    margin-top:clamp(5px,1.8cqw,8px);
    font-size:clamp(.88rem,3.8cqw,1.08rem);
    line-height:1.18;
    letter-spacing:-.025em;
  }

  .proof-grid>div{
    border-left:0;
    padding-left:clamp(10px,3.8cqw,18px);
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .proof-grid>*:nth-child(2),
  .proof-grid>*:nth-child(4){
    border-left:1px solid #34392b;
  }

  .proof-grid>*:nth-child(3),
  .proof-grid>*:nth-child(4){
    border-top:1px solid #34392b;
  }

  .proof-grid>div strong{
    display:block;
    width:max-content;
    max-width:100%;
    white-space:nowrap;
    font-size:clamp(1.08rem,6.7cqw,1.85rem);
    line-height:1;
    letter-spacing:clamp(-.045em,-.12cqw,-.025em);
    font-variant-numeric:tabular-nums;
  }

  .proof-grid>div:nth-child(2) strong{
    font-size:clamp(1.02rem,6.15cqw,1.72rem);
  }

  .proof-grid>div span{
    margin-top:clamp(6px,2.1cqw,11px);
    max-width:17ch;
    font-size:clamp(.62rem,2.45cqw,.78rem);
    line-height:1.42;
  }
}

/* Fallback for browsers without container query units. */
@supports not (font-size:1cqw){
  @media (max-width:760px){
    .proof-grid>div strong{font-size:clamp(1.08rem,6.7vw,1.85rem)}
    .proof-grid>div:nth-child(2) strong{font-size:clamp(1.02rem,6.15vw,1.72rem)}
    .proof-grid>div span{font-size:clamp(.62rem,2.45vw,.78rem)}
    .proof-grid>p{font-size:clamp(.64rem,2.45vw,.75rem)}
    .proof-grid>p strong{font-size:clamp(.88rem,3.8vw,1.08rem)}
  }
}

/* v11 — Preserve approved sizing; prevent metric wraps and only stack the hero footer when necessary. */

/* Keep every headline metric on one line without changing its desktop/tablet size. */
.proof-grid>div strong{
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
}

/* Restore the V9 proportional treatment on small screens. */
@media (max-width:760px){
  .proof-grid>div strong{
    font-size:clamp(1.08rem,6.7cqw,1.85rem);
  }
  .proof-grid>div:nth-child(2) strong{
    font-size:clamp(1.02rem,6.15cqw,1.72rem);
  }

  /* Stay side-by-side whenever the available width is comfortable. */
  .hero-foot{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:20px;
    row-gap:10px;
  }
  .hero-foot>span{
    min-width:0;
    max-width:none;
  }
  .hero-foot a{
    white-space:nowrap;
    justify-self:end;
  }
}

/* Only very narrow portrait phones move the secondary link below. */
@media (max-width:370px) and (orientation:portrait){
  .hero-foot{
    grid-template-columns:1fr;
    align-items:start;
  }
  .hero-foot a{
    justify-self:start;
  }
}

@supports not (font-size:1cqw){
  @media (max-width:760px){
    .proof-grid>div strong{font-size:clamp(1.08rem,6.7vw,1.85rem)}
    .proof-grid>div:nth-child(2) strong{font-size:clamp(1.02rem,6.15vw,1.72rem)}
  }
}


/* v12 — Tablet method cards: aligned tag rows and cleaner title wrapping. */
.method-title-tablet{display:none}

@media (min-width:600px) and (max-width:1100px){
  .method-grid .method-card{
    display:flex;
    flex-direction:column;
    min-width:0;
  }

  .method-grid .method-tags{
    margin-top:auto;
    padding-top:26px;
    min-height:58px;
    align-content:flex-start;
  }

  .method-title-default{display:none}
  .method-title-tablet{display:inline}
}


/* v13 — Method cards: stable title wrapping, no duplicate variant, and consistent mobile secondary copy. */
/* One real title only: keep "e previsibilidade." together so the conjunction never hangs alone. */
.method-title-recorrencia > span{white-space:nowrap}

/* Tablet / compact desktop: preserve the three-column composition while letting headings scale with available width. */
@media (min-width:600px) and (max-width:1100px){
  .method-grid .method-card h3{
    font-size:clamp(1.18rem,2.3vw,1.5rem);
    line-height:1.14;
    padding-right:0;
  }
  .method-title-recorrencia > span{white-space:nowrap}
}

/* Phone: use the method-card gray copy as the site-wide reference size for supporting text. */
@media (max-width:599px){
  .hero-description,
  .section-heading>p,
  .pain-card p,
  .body-copy,
  .journey-row p,
  .service-card>p:not(.eyebrow),
  .case-caption,
  .results-note,
  .method-card>p:not(.eyebrow),
  .method-bottom p,
  .faq-list details p,
  .contact-action>p{
    font-size:1rem;
    line-height:1.62;
  }

  .case-footnote,
  .results-note{
    line-height:1.58;
  }
}

/* Retire the old two-title switching mechanism completely. */
.method-title-default,
.method-title-tablet{display:none!important}

/* v14 — Phone landscape: keep the 3-card method section stable, aligned and readable. */
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  .method-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
  }

  .method-grid .method-card{
    display:flex;
    flex-direction:column;
    height:100%;
    min-width:0;
    padding:clamp(20px,2.8vw,28px);
  }

  .method-grid .method-number{
    font-size:clamp(3.7rem,7.4vw,5.2rem);
    margin-bottom:clamp(20px,2.8vw,28px);
  }

  .method-grid .method-card .eyebrow{
    font-size:clamp(.58rem,1.05vw,.65rem);
    margin-bottom:10px;
  }

  .method-grid .method-card h3{
    font-size:clamp(1.05rem,2.05vw,1.35rem);
    line-height:1.14;
    padding-right:0;
    text-wrap:balance;
  }

  .method-grid .method-title-recorrencia > span{
    display:inline-block;
    white-space:nowrap;
  }

  .method-grid .method-card>p:not(.eyebrow){
    font-size:clamp(.78rem,1.38vw,.86rem);
    line-height:1.58;
    margin-top:clamp(15px,2vw,20px);
  }

  /* Equal tag-zone height keeps every chip row on the same baseline. */
  .method-grid .method-tags{
    margin-top:auto;
    padding-top:clamp(18px,2.4vw,24px);
    height:76px;
    min-height:76px;
    box-sizing:border-box;
    align-content:flex-start;
    gap:6px;
  }

  .method-grid .method-tags span{
    font-size:clamp(.56rem,.96vw,.64rem);
    padding:4px 8px;
    white-space:nowrap;
  }
}

/* Extra-tight landscape phones: gain a little more title width before allowing awkward wrapping. */
@media (orientation:landscape) and (max-height:500px) and (max-width:780px){
  .method-grid .method-card{
    padding-inline:16px;
  }
  .method-grid .method-card h3{
    font-size:clamp(.98rem,2.15vw,1.12rem);
  }
  .method-grid .method-tags{
    height:72px;
    min-height:72px;
  }
}

/* v15 — definitive phone-landscape fix for the 3-card method section. */
/* This rule intentionally comes last so older tablet/mobile queries cannot override it. */
@media (orientation:landscape) and (max-width:950px) and (max-height:720px){
  .method-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch;
  }

  .method-grid .method-card{
    display:grid !important;
    grid-template-rows:auto auto minmax(2.55em,auto) 1fr auto;
    align-content:stretch;
    min-width:0;
    height:100%;
    padding:clamp(16px,2.15vw,24px) !important;
  }

  .method-grid .method-number{
    position:static !important;
    right:auto !important;
    top:auto !important;
    font-size:clamp(3.15rem,7vw,4.75rem) !important;
    line-height:.95;
    margin:0 0 clamp(16px,2vw,22px) !important;
  }

  .method-grid .method-card .eyebrow{
    font-size:clamp(.54rem,1vw,.64rem) !important;
    line-height:1.2;
    margin:0 0 9px !important;
  }

  .method-grid .method-card h3{
    font-size:clamp(.96rem,2.35vw,1.28rem) !important;
    line-height:1.12 !important;
    letter-spacing:-.025em;
    padding-right:0 !important;
    margin:0;
    text-wrap:balance;
  }

  /* The conjunction can never hang by itself. */
  .method-grid .method-title-recorrencia > span{
    display:inline-block !important;
    white-space:nowrap !important;
    font-size:.94em;
    letter-spacing:-.035em;
  }

  .method-grid .method-card>p:not(.eyebrow){
    font-size:clamp(.72rem,1.42vw,.84rem) !important;
    line-height:1.55 !important;
    margin:clamp(14px,1.8vw,18px) 0 0 !important;
    max-width:none !important;
  }

  /* All chip groups sit on exactly the same baseline. */
  .method-grid .method-tags{
    align-self:end;
    margin-top:clamp(16px,2vw,22px) !important;
    padding-top:0 !important;
    min-height:58px !important;
    height:58px !important;
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
    gap:5px 6px;
  }

  .method-grid .method-tags span{
    font-size:clamp(.52rem,.95vw,.61rem) !important;
    line-height:1.1;
    padding:4px 7px !important;
    white-space:nowrap;
  }
}

/* Very narrow landscape phones: preserve the same composition, just scale it down. */
@media (orientation:landscape) and (max-width:740px) and (max-height:520px){
  .method-grid .method-card{padding:14px !important}
  .method-grid .method-card h3{font-size:clamp(.88rem,2.25vw,1.02rem) !important}
  .method-grid .method-title-recorrencia > span{font-size:.9em}
  .method-grid .method-card>p:not(.eyebrow){font-size:clamp(.66rem,1.35vw,.76rem) !important;line-height:1.5 !important}
  .method-grid .method-tags{height:54px !important;min-height:54px !important}
}

/* v16 — larger, still-safe typography for phone landscape. */
/* Keep the v15 structural fixes, but use the available horizontal space more confidently. */
@media (orientation:landscape) and (max-width:950px) and (max-height:720px){
  .method-grid .method-card{
    padding:clamp(18px,2.45vw,28px) !important;
  }

  .method-grid .method-number{
    font-size:clamp(3.55rem,7.8vw,5.35rem) !important;
    margin-bottom:clamp(18px,2.25vw,24px) !important;
  }

  .method-grid .method-card .eyebrow{
    font-size:clamp(.61rem,1.12vw,.72rem) !important;
    margin-bottom:10px !important;
  }

  .method-grid .method-card h3{
    font-size:clamp(1.12rem,2.7vw,1.58rem) !important;
    line-height:1.1 !important;
    letter-spacing:-.032em;
  }

  /* Same visual size as the other titles, with tighter tracking so it stays on two clean lines. */
  .method-grid .method-title-recorrencia > span{
    font-size:1em !important;
    letter-spacing:-.055em !important;
    white-space:nowrap !important;
  }

  .method-grid .method-card>p:not(.eyebrow){
    font-size:clamp(.79rem,1.58vw,.94rem) !important;
    line-height:1.56 !important;
    margin-top:clamp(16px,2vw,20px) !important;
  }

  .method-grid .method-tags{
    margin-top:clamp(18px,2.15vw,24px) !important;
    min-height:62px !important;
    height:62px !important;
    gap:6px 7px;
  }

  .method-grid .method-tags span{
    font-size:clamp(.57rem,1.05vw,.68rem) !important;
    padding:4px 8px !important;
  }
}

/* Truly narrow landscape phones still scale down, but no longer become visually tiny. */
@media (orientation:landscape) and (max-width:740px) and (max-height:520px){
  .method-grid .method-card{padding:clamp(14px,2.2vw,18px) !important}
  .method-grid .method-number{font-size:clamp(3.05rem,7.2vw,3.8rem) !important}
  .method-grid .method-card h3{font-size:clamp(1.02rem,2.55vw,1.18rem) !important;line-height:1.1 !important}
  .method-grid .method-title-recorrencia > span{font-size:1em !important;letter-spacing:-.06em !important}
  .method-grid .method-card>p:not(.eyebrow){font-size:clamp(.72rem,1.5vw,.82rem) !important;line-height:1.52 !important}
  .method-grid .method-tags{height:58px !important;min-height:58px !important}
  .method-grid .method-tags span{font-size:clamp(.54rem,1vw,.62rem) !important}
}