@font-face{font-family:Inter;src:url('assets/fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#090909;--surface:#161617;--ink:#f5f5f7;--muted:#a6a6ac;--copper:#ca743e;--grad:linear-gradient(135deg,#145369,#ca743e);--grad-ui:linear-gradient(135deg,#145369,#a25d32);--line:#343436;--elev:#101011;--card:#17171a;--field:#1e1e21;--field-line:#71717a;--radius:24px;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth;scroll-padding-top:90px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button,summary,input[type=range]{cursor:pointer}img{max-width:100%;display:block}button{border:0}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0}input,select{min-width:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--copper);outline-offset:5px}input:focus-visible,select:focus-visible{outline-offset:2px}[hidden]{display:none!important}.shell{width:min(1160px,calc(100% - 80px));margin-inline:auto}.section{padding:108px 0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--copper);margin-bottom:24px}h2{font-size:clamp(38px,4.4vw,58px);font-weight:600;line-height:1.07;letter-spacing:-.05em}.section-heading{margin-bottom:48px}.section-sub{max-width:510px;font-size:18px;line-height:1.6;color:var(--muted);margin-top:22px}.fineprint{font-size:12px;line-height:1.65;color:var(--muted)}.center{text-align:center}.soft{color:#b9b9be}.copper{color:var(--copper)}.raised{background:var(--elev);border-block:1px solid var(--line)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 24px;border-radius:99px;background:var(--grad-ui);color:#fff;font-size:14px;font-weight:600;line-height:1.3;transition:filter .2s,box-shadow .2s,opacity .2s}.button:hover{filter:brightness(1.14);box-shadow:0 0 0 5px #14536922}.button:active{opacity:.8}.button-small{min-height:42px;padding:11px 18px;font-size:12px;gap:12px}.button-outline{background:transparent;border:1px solid #626267;color:var(--ink)}.button-outline:hover{background:#28282a}.text-link{display:inline-flex;gap:16px;align-items:center;min-height:48px;font-size:14px;font-weight:500}.text-link:hover{color:var(--copper)}.skip-link{position:fixed;z-index:200;top:10px;left:10px;background:var(--ink);color:#111;padding:12px 24px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.site-nav{height:76px;position:sticky;top:0;z-index:100;background:#090909e8;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12}.nav-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:28px}.wordmark{display:inline-flex;align-items:center;min-height:44px}.wordmark__img{display:block;height:30px;width:auto}.nav-inner nav{display:flex;gap:30px}.nav-inner nav a{font-size:12px;color:#c4c4c9;display:inline-flex;align-items:center;min-height:44px}.nav-inner nav a:hover{color:#fff}.nav-actions{display:flex;gap:22px;align-items:center}.language{min-height:44px;background:none;padding:0 6px;color:#ddd;font-size:11px;letter-spacing:.04em;white-space:nowrap}.language span{color:#777;margin:0 4px}
.hero{padding-top:68px;overflow:hidden}.hero-content{text-align:center}.hero-eyebrow{margin-bottom:24px;font-size:10px}.hero h1{font-size:clamp(48px,6.5vw,84px);line-height:1.015;letter-spacing:-.065em;font-weight:600}.hero-sub{font-size:17px;line-height:1.6;color:#b1b1b7;margin-top:25px}.hero-actions{display:flex;gap:30px;align-items:center;justify-content:center;margin-top:30px}.hero-note{font-size:11px;color:var(--muted);margin-top:15px}.hero-stage{position:relative;margin-top:46px}.hero-image{position:relative;height:440px;border-radius:24px;overflow:hidden;background:#161515}.hero-image picture{height:100%;display:block}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 56%}.hero-image:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#000a,transparent 35%,transparent 70%,#0004)}.image-label,.image-credit{position:absolute;z-index:1;left:30px;font-size:10px;letter-spacing:.1em}.image-label{top:25px;display:flex;gap:9px;align-items:center}.small-dot{width:5px;height:5px;background:var(--copper);border-radius:100%}.image-credit{bottom:24px;letter-spacing:.02em;font-size:11px}.image-credit>span{margin-inline:5px;color:#d6ab8d}.hero-float{position:absolute;right:65px;bottom:-22px;background:#24211eeb;border:1px solid #ffffff24;backdrop-filter:blur(18px);border-radius:17px;padding:20px 26px;display:flex;gap:18px;align-items:center;box-shadow:0 15px 45px #0005}.float-icon{font-size:24px;color:var(--copper)}.hero-float strong{display:block;font-size:15px;font-weight:550}.hero-float div>span{display:block;font-size:11px;color:#c2bcb8;margin-top:3px}.trusted{padding:clamp(30px,4vw,48px) 0;overflow:hidden}.trusted>p{font-size:10px;color:var(--muted);text-align:center;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}.logo-marquee{position:relative;--fade:100px;--logo-h:56px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent)}.logo-track{display:flex;width:max-content;animation:logo-scroll 60s linear infinite}.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track{animation-play-state:paused}.logo-track ul{display:flex;align-items:center;gap:58px;list-style:none;margin:0;padding:0 29px}.logo-track li{flex:none;color:#9a9aa2;font-size:17px;font-weight:600;letter-spacing:-.03em;white-space:nowrap;transition:color .3s}.logo-track li:hover{color:var(--ink)}.logo-track li.serif{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:21px}.logo-track li.wide{letter-spacing:.15em;font-size:13px;font-weight:500}.logo-track img{height:var(--logo-h);width:var(--logo-h);object-fit:cover;border-radius:12px;transition:opacity .3s}.logo-track li.is-float img{width:auto;border-radius:0;object-fit:contain}@keyframes logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.bar{width:100%;border-radius:6px 6px 0 0}
.approach{padding-bottom:55px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.approach-grid--2{grid-template-columns:1fr 1fr}.case-num{display:block;font-size:clamp(46px,5.4vw,66px);font-weight:650;letter-spacing:-.06em;line-height:1;color:var(--copper);margin-bottom:22px}.approach-card{background:var(--surface);border:1px solid #ffffff0a;border-radius:var(--radius);padding:34px 30px;display:flex;flex-direction:column;align-items:flex-start}.card-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--copper);border-radius:50%;font-size:15px;font-weight:600;color:var(--copper);margin-bottom:40px}.approach-card h3{font-size:25px;font-weight:650;letter-spacing:.02em;line-height:1.25;margin-bottom:20px}.approach-card h3 .card-sub{display:block;font-size:19px;font-weight:400;letter-spacing:-.03em;color:var(--muted);margin-top:4px}.approach-card p{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:36px}.service-tag{font-size:9px;letter-spacing:.1em;color:#c2c2c6;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);width:100%}.work-section{padding-top:60px}@media(prefers-reduced-motion:reduce){}.work-section .center{margin-top:34px}
.hero-float .float-stat{font-size:30px;font-weight:650;letter-spacing:-.05em;color:var(--copper);line-height:1}.hero-float .float-stat span{font-size:.6em}@media(max-width:760px){}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{padding:30px 28px;border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;border:1px solid var(--line)}.price-card.featured{background:var(--grad-ui);color:#fff;border-color:#2b6076;--ink:#fff;--muted:#f5f5f7;--copper:#fff}.plan-label{min-height:27px;color:var(--copper);font-size:9px;font-weight:700;letter-spacing:.08em}.price-card h3{font-size:25px;font-weight:550;letter-spacing:-.04em}.plan-for{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.5;min-height:3.8em}.plan-price{font-size:19px;font-weight:500;letter-spacing:-.015em;color:var(--ink);margin:0 0 16px;padding-top:18px;border-top:1px solid var(--line)}.price-card.featured .plan-price{border-top-color:rgba(255,255,255,.32)}.plan-price span{font-size:15px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:2px}.price-card ul{list-style:none;margin:0 0 20px;padding:0}.price-card li{position:relative;padding-left:20px;margin-bottom:13px;font-size:12px;line-height:1.6}.price-card li strong{font-weight:650}.price-card li em{font-style:normal;opacity:.75}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--copper)}.plan-pick{margin-top:2px;margin-bottom:20px;border-top:1px solid var(--line);padding-top:14px}.plan-pick__label{display:block;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--copper);margin-bottom:9px}.plan-opt{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px}.plan-opt:last-child{margin-bottom:0}.plan-opt__tag{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--copper);color:var(--copper);font-size:10px;font-weight:700;margin-top:1px}.plan-opt strong{display:block;font-size:13px;font-weight:650;letter-spacing:-.01em}.plan-opt span:not(.plan-opt__tag){display:block;font-size:11.5px;line-height:1.55;color:var(--muted);margin-top:3px}.plan-details{margin-top:auto;margin-bottom:0}.plan-details summary{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.plan-details summary:after{content:'+';font-size:18px}.plan-details[open] summary:after{content:'−'}.plan-details p{font-size:12px;color:var(--muted);padding-bottom:12px}.price-card .button{font-size:12px;padding:14px 18px;gap:8px}.featured .button{color:#fff;background:#0e2630;filter:none}.featured .button:hover{background:#143543;filter:none}.pricing-terms{text-align:center;margin-top:26px;font-size:11px;color:var(--muted);line-height:1.8}.pricing-terms p+p{margin-top:4px}
.faq-section{padding-top:20px}.faq-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none}summary::-webkit-details-marker{display:none}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:14px;font-weight:500}.faq-list summary:after{content:'+';font-size:22px;line-height:1;font-weight:300;color:var(--muted)}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;color:var(--muted);padding:0 30px 25px 0;line-height:1.8}
.booking-section{background:#171513;border-top:1px solid #ffffff0b}.booking-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}.booking-copy{padding-top:0}.booking-copy .section-sub{font-size:16px;max-width:380px}.lead-form{background:var(--card);border:1px solid var(--line);padding:32px;border-radius:var(--radius);min-height:var(--form-h,0);display:flex;flex-direction:column}.lead-form .form-step{flex:1 0 auto}.form-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.09em;font-weight:600;color:var(--muted)}.progress-track{height:3px;background:#2a2a2e;margin:17px 0 28px;overflow:hidden;border-radius:5px}.progress-track>span{display:block;width:50%;height:100%;background:var(--grad);transition:width .25s}.form-step>legend{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.04em;max-width:310px}.form-hint{font-size:12px;color:var(--muted);margin:12px 0 24px}.qopts{display:grid;grid-template-columns:1fr;gap:9px;margin-top:4px}.qopt{display:flex;align-items:center;justify-content:flex-start;text-align:left;min-height:54px;padding:12px 18px;border:1px solid var(--field-line);border-radius:11px;background:var(--field);color:var(--ink);font-size:13.5px;line-height:1.35;transition:background .15s,border-color .15s,transform .12s}.qopt:hover{background:#26262a;border-color:#8a8a90}.qopt:active{transform:scale(.985)}.qopt.is-selected{border:2px solid var(--copper);background:#2e2117;color:#f7dcc6;font-weight:600}.qopt:focus-visible{outline:3px solid var(--copper);outline-offset:3px}.form-step .form-bottom{margin-top:22px}@media(max-width:360px){.qopt{min-height:50px;padding-inline:15px}}.field{display:flex;flex-direction:column;gap:8px;margin-top:17px;font-size:12px;font-weight:550}.field input,.field select{width:100%;min-height:48px;border:1px solid var(--field-line);border-radius:9px;background:var(--field);padding:11px 12px;color:var(--ink);font-size:16px;font-weight:400}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:#ff8f7a}.field-error{font-size:12px;color:#ffb4a6;margin-top:5px}.form-continue{margin-top:27px}.lead-form .button{background:var(--grad-ui);color:#fff;width:100%;margin-top:24px}.lead-form .button:hover{filter:brightness(1.14)}.lead-form .button:disabled{opacity:.65;cursor:wait}.form-footnote{font-size:11px;color:var(--muted);text-align:center;margin-top:13px}.form-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-top:8px}.back-button{background:none;min-height:44px;padding:0 10px 0 0;color:var(--muted);font-size:12px}.form-privacy{font-size:10px;color:var(--muted);margin-top:20px;line-height:1.7}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.form-errors,#form-status{background:#2a1d14;border:1px solid #8a5a38;border-radius:10px;padding:14px 16px;font-size:12px;color:#f7d9c0;margin-bottom:22px}.form-errors a{text-decoration:underline}.form-errors ul{padding-left:17px;margin:8px 0 0}#form-status{margin:20px 0 0}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.work-wall{padding-top:clamp(40px,6vw,74px)}.wall-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px;flex-wrap:wrap}.wall-head h2{margin-top:0}.wall-filters{display:flex;gap:8px}.chip{padding:10px 18px;min-height:44px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12.5px;font-weight:500;transition:color .2s,border-color .2s,background .2s}.chip:hover{color:var(--ink);border-color:#5a5a60}.chip.is-active{background:var(--ink);color:#101011;border-color:var(--ink);font-weight:600}.chip:focus-visible{outline:3px solid var(--copper);outline-offset:3px}.wall{columns:6;column-gap:10px}.w{position:relative;break-inside:avoid;margin:0 0 10px;border-radius:10px;overflow:hidden;background:var(--surface);display:block}.w img,.w video{display:block;width:100%;height:auto}.w--video{aspect-ratio:9/16}.w--video video{position:absolute;inset:0;height:100%;object-fit:cover}.w__sound{position:absolute;right:6px;bottom:6px;z-index:2;width:26px;height:26px;border-radius:50%;background:#000000a6;backdrop-filter:blur(6px);display:grid;place-items:center;opacity:0;transition:opacity .2s,background .2s}.w--video:hover .w__sound,.w__sound:focus-visible,.w__sound[aria-pressed="true"]{opacity:1}.w__sound:before{content:'';width:9px;height:9px;border-radius:1px;background:var(--ink);clip-path:polygon(0 32%,32% 32%,68% 0,68% 100%,32% 68%,0 68%)}.w__sound:after{content:'';position:absolute;width:13px;height:1.5px;background:#ff8f7a;transform:rotate(-45deg)}.w__sound[aria-pressed="true"]{background:var(--copper)}.w__sound[aria-pressed="true"]:before{background:#15100c}.w__sound[aria-pressed="true"]:after{display:none}.w__sound:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.w[hidden]{display:none}@media(max-width:1180px){.wall{columns:5}}@media(max-width:980px){.wall{columns:4}}@media(max-width:760px){.wall{columns:3;column-gap:7px}.w{margin-bottom:7px;border-radius:8px}.wall-head{gap:22px}.wall-filters{width:100%}}@media(max-width:400px){.wall{columns:2}}.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px);margin-top:clamp(32px,4vw,56px)}.num{text-align:center}.num__chart{margin-bottom:16px}.num__chart svg{display:block;width:100%;max-width:190px;height:auto;margin-inline:auto}.num__v{display:block;font-size:clamp(34px,4.2vw,54px);font-weight:650;letter-spacing:-.055em;line-height:1;color:var(--copper)}.num__v span{font-size:.5em;letter-spacing:-.02em}.num__l{display:block;margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--muted)}@media(max-width:620px){.nums{grid-template-columns:1fr;gap:26px}.num{display:grid;grid-template-columns:118px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:18px;text-align:left}.num__chart{grid-column:1;grid-row:1/3;margin:0;align-self:center}.num__chart svg{max-width:none}.num__v{grid-column:2;grid-row:1;align-self:end;font-size:40px}.num__l{grid-column:2;grid-row:2;align-self:start;margin-top:2px;font-size:13px}}.site-footer{padding:48px 0 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top p{font-size:13px;color:var(--muted)}.footer-top>a:last-child{font-size:12px;min-height:44px;display:flex;align-items:center}.site-footer details{margin-top:26px;max-width:680px;color:var(--muted);font-size:11px}.site-footer summary{min-height:44px;display:flex;align-items:center;gap:15px}.site-footer summary:after{content:'+'}.site-footer details[open] summary:after{content:'−'}.site-footer details p{line-height:1.8}.footer-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.mobile-cta{display:none}.reveal{opacity:0;transform:translateY(12px);transition:opacity .38s cubic-bezier(.22,.61,.36,1),transform .38s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal,.reveal.is-in{opacity:1;transform:none;transition:none}}.thankyou-main{min-height:70vh;padding:100px 0}.thankyou-main h1{font-size:60px;line-height:1.1;letter-spacing:-.055em}.thankyou-card{max-width:650px;margin:0 auto}.thankyou-card p{margin:24px 0;color:var(--muted)}
html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] legend{line-height:1.4;letter-spacing:-.035em}html[lang=th] .eyebrow{letter-spacing:.05em}html[lang=th] .hero h1{font-size:clamp(46px,5.5vw,72px)}@media(min-width:1600px){.hero-image{height:500px}}@media(max-width:1000px){.shell{width:calc(100% - 56px)}.nav-inner nav{gap:18px}.nav-actions{gap:12px}.booking-layout,.approach-card{padding:28px 24px}.price-card{padding:25px 20px}.logo-track ul{gap:46px}}@media(max-width:760px){.shell{width:calc(100% - 40px)}.section{padding:68px 0}.site-nav{height:64px}.nav-inner{gap:8px}.nav-inner nav{display:none}.nav-actions{gap:10px}.nav-actions .button-small{font-size:10px;padding:10px 12px;min-height:44px;gap:7px}.nav-actions .button-small>span:last-child{display:none}.language{font-size:10px;padding:0 2px}.language span{margin:0 2px}.hero{padding-top:47px}.hero-eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:22px}.hero h1{font-size:clamp(42px,10.8vw,70px);letter-spacing:-.06em}.hero-sub{font-size:14px;margin-top:23px;line-height:1.6}.desktop-break{display:none}.hero-actions{flex-direction:column;gap:7px;margin-top:25px}.hero-actions .button{min-height:51px;font-size:13px;padding:14px 22px;gap:20px}.hero-actions .text-link{font-size:12px;min-height:42px}.hero-note{max-width:285px;margin:6px auto 0;font-size:10px;line-height:1.75}.hero-stage{margin-top:29px;width:calc(100% - 28px)}.hero-image{height:310px;border-radius:17px}.hero-image img{object-position:50% 55%}.image-label{font-size:7px;left:19px;top:20px;letter-spacing:.1em}.image-credit{left:19px;bottom:22px;font-size:9px}.hero-float{right:14px;bottom:-28px;left:40px;padding:15px 18px;gap:14px;border-radius:13px}.hero-float strong{font-size:13px}.hero-float div>span{font-size:9px}.logo-marquee{--fade:36px;--logo-h:42px}.logo-track ul{gap:30px;padding:0 15px}.logo-track li{font-size:14px}.logo-track li.serif{font-size:16px}.logo-track li.wide{font-size:11px}.logo-track{animation-duration:43s}.eyebrow{font-size:9px;margin-bottom:20px}.section-heading{margin-bottom:32px}h2{font-size:39px}.section-sub{font-size:15px;margin-top:18px}.approach{padding-bottom:34px}.approach-grid,.approach-grid--2{grid-template-columns:1fr;gap:12px}.case-num{margin-bottom:14px}.approach-card{padding:26px;display:grid;grid-template-columns:40px 1fr;column-gap:18px;border-radius:20px}.card-number{margin:0;grid-row:1/3}.approach-card h3{font-size:22px;margin-bottom:12px}.approach-card h3 .card-sub{font-size:17px}.approach-card p{font-size:13px;margin-bottom:20px;grid-column:2}.service-tag{font-size:8px;padding-top:16px;grid-column:2}.work-section{padding-top:34px}.work-section .center{margin-top:23px}.pricing-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:28px;display:flex}.plan-label{min-height:20px}.price-card h3{font-size:26px}.price-card ul{margin-bottom:0}.price-card li{font-size:13px;margin-bottom:12px}.plan-details{margin-bottom:0}.pricing-terms{text-align:left;font-size:10px;line-height:1.8;margin-top:22px}.faq-section{padding-top:0}.faq-layout{grid-template-columns:1fr;gap:0}.faq-list summary{font-size:13px;padding:21px 0}.faq-list p{font-size:13px}.booking-layout{grid-template-columns:1fr;gap:32px}.booking-copy{padding:0}.booking-copy .section-sub{font-size:15px}.lead-form{padding:27px 23px;border-radius:20px}.form-step>legend{font-size:25px}.form-top{font-size:9px}.form-hint{font-size:12px}.form-privacy{font-size:11px}.site-footer{padding:34px 0 110px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:14px}.footer-top p{font-size:11px;width:100%;order:3}.footer-top>a:last-child{font-size:11px}.footer-bottom{font-size:9px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#1a1918f2;backdrop-filter:blur(18px);border-top:1px solid #ffffff20;box-shadow:0 -8px 30px #0002}.mobile-cta strong{display:block;font-size:11px;font-weight:500}.mobile-cta div>span{font-size:9px;color:var(--muted);display:block;margin-top:2px}.mobile-cta .button{font-size:12px;min-height:44px;gap:12px}.thankyou-main{padding:70px 0}.thankyou-main h1{font-size:44px}}@media(max-width:360px){.shell{width:calc(100% - 32px)}.nav-actions{gap:4px}.hero h1{font-size:39px}.hero-eyebrow{font-size:7px}.hero-sub{font-size:13px}h2{font-size:35px}.lead-form{padding:25px 18px}.mobile-cta{padding-inline:16px}.mobile-cta .button{padding-inline:15px}}@media(prefers-reduced-motion:reduce){.logo-track{animation:none;width:100%;flex-wrap:wrap;justify-content:center}.logo-track ul[aria-hidden]{display:none}.logo-track ul{flex-wrap:wrap;justify-content:center;gap:22px 38px}.logo-marquee{-webkit-mask-image:none;mask-image:none}html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Final visual QA: clear wordmark spacing and legible mobile supporting copy. */
@media(max-width:760px){
 .image-credit{bottom:66px}
 .hero-eyebrow{font-size:10px;letter-spacing:.06em}
 .hero-note{font-size:12px;max-width:325px}
 
 .nav-actions .button-small{font-size:11px}
 .form-top{font-size:10px}
}@media(max-width:360px){.hero-eyebrow{font-size:9px}.nav-actions .button-small{font-size:10px;padding-inline:10px}}@media(max-width:760px){.nav-actions .button-small{font-size:12.5px;padding:11px 15px}.hero-eyebrow{font-size:11.5px;letter-spacing:.08em}.trusted>p{font-size:11px}.eyebrow{font-size:11px}.w__sound{width:34px;height:34px;right:5px;bottom:5px;opacity:1;background:#000000b3}.form-top{font-size:11px}.plan-pick__label{font-size:10.5px}.plan-opt__tag{width:22px;height:22px;font-size:11px}}
/* The nav CTA wrapped to two lines at 375px once the font was made legible.
   The hero CTA sits right below it, so the nav one can be the short form. */
.cta-short{display:none}@media(max-width:760px){.cta-full{display:none}.cta-short{display:inline}.nav-actions .button-small{white-space:nowrap;gap:8px}}
@media(max-width:760px){.wordmark__img{height:26px}}

/* V17 — the hero headline is now a two-sentence statement, not a two-word one.
   At the old clamp (up to 84px) a 45-character line filled the shell and broke
   into rags, so the English is sized to sit on the page rather than fill it.
   Thai keeps its own scale: Finn's Thai line is short and still reads as
   display type at the larger size. */
.hero h1{font-size:clamp(32px,4.2vw,54px);line-height:1.14;letter-spacing:-.04em}
html[lang=th] .hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.3;letter-spacing:-.035em}
@media(max-width:760px){
 .hero h1{font-size:clamp(25px,6.9vw,32px);line-height:1.2;letter-spacing:-.03em}
 html[lang=th] .hero h1{font-size:clamp(34px,9vw,46px)}
}
@media(max-width:360px){
 .hero h1{font-size:24px}
 html[lang=th] .hero h1{font-size:31px}
}

/* ── Outcome pages: thank-you, error, 404 ────────────────────────────────
   One layout, three states. The gradient is a surface here and never type,
   for the same reason it is never type anywhere else on this site: the teal
   end sits at 2.34:1 on the page and disappears. */
.outcome{display:flex;align-items:center;min-height:calc(100vh - 76px);padding:clamp(44px,7vw,92px) 0}
.outcome-card{max-width:640px;margin-inline:auto}
.outcome-head{text-align:center}
.outcome-mark{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 28px;border-radius:50%;background:var(--grad-ui)}
.outcome-mark--warn{background:#2a1d14;border:1px solid #8a5a38}
.outcome-mark svg{display:block;width:30px;height:30px}
.outcome h1{font-size:clamp(29px,4.2vw,45px);line-height:1.16;letter-spacing:-.045em;font-weight:600}
html[lang=th] .outcome h1{line-height:1.42;letter-spacing:-.03em}
.outcome-lead{font-size:16px;line-height:1.72;color:var(--muted);margin-top:19px}
.outcome-ref{display:inline-flex;align-items:center;gap:11px;margin-top:26px;padding:9px 17px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:11px;letter-spacing:.07em;color:var(--muted)}
.outcome-ref strong{color:var(--ink);font-weight:650;letter-spacing:.1em}
.outcome-actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.outcome-actions .button{min-width:196px}

.next-steps{margin-top:clamp(38px,5.5vw,58px);padding-top:32px;border-top:1px solid var(--line)}
.next-steps h2{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-bottom:24px}
.next-steps ol{display:grid;gap:19px;list-style:none;margin:0;padding:0;counter-reset:step}
.next-steps li{display:grid;grid-template-columns:32px 1fr;gap:16px;align-items:start;counter-increment:step}
.next-steps li:before{content:counter(step);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--copper);color:var(--copper);font-size:12px;font-weight:650;grid-column:1;grid-row:1}
.next-steps li:before{grid-column:1;grid-row:1}
/* Both text rows are pinned to column 2: left to auto-placement the <span>
   wraps onto the next row in the 32px counter column and sets one word per line. */
.next-steps strong{grid-column:2;grid-row:1;display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em;padding-top:6px}
.next-steps span{grid-column:2;grid-row:2;display:block;font-size:13px;line-height:1.7;color:var(--muted);margin-top:4px}

.fallback{margin-top:30px;padding:22px 24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.fallback h2{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-bottom:14px}
.fallback p{font-size:13px;line-height:1.7;color:var(--muted)}
.fallback ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.fallback li a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:550;text-decoration:underline;text-underline-offset:4px}
.fallback li a:hover{color:var(--copper)}

@media(max-width:760px){
 .outcome{min-height:auto;padding:52px 0 76px}
 .outcome-mark{width:60px;height:60px;margin-bottom:22px}
 .outcome-mark svg{width:26px;height:26px}
 .outcome-lead{font-size:15px}
 .outcome-actions{flex-direction:column;gap:9px}
 .outcome-actions .button{width:100%}
 .next-steps li{grid-template-columns:28px 1fr;gap:13px}
 .next-steps li:before{width:28px;height:28px;font-size:11px}
}

/* Case studies: one full subsection per commercial result. */
.case-heading{max-width:900px;margin-inline:auto}.case-heading__intro{max-width:650px;margin:24px auto 0;color:var(--muted);font-size:16px;line-height:1.7}
.case-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:clamp(38px,5vw,64px)}
.case-story{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.45fr);overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.case-story__metric{display:flex;flex-direction:column;justify-content:center;min-height:330px;padding:38px;background:linear-gradient(145deg,#101011,#1d1714);border-right:1px solid var(--line)}
.case-story__topline{display:flex;justify-content:space-between;gap:18px;color:#b7b7bd;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.case-story__value{display:block;margin-top:auto;color:var(--copper);font-size:clamp(58px,7vw,88px);font-weight:650;letter-spacing:-.07em;line-height:.95}.case-story__value span{font-size:.42em;letter-spacing:-.02em}
.case-story__label{max-width:260px;margin-top:14px;color:#d2d2d6;font-size:14px;line-height:1.5}
.case-story__evidence{margin-top:auto;padding-top:24px;border-top:1px solid #ffffff1a;color:#8e8e96;font-size:11px;line-height:1.5}
.case-story__narrative{display:grid;grid-template-columns:1fr 1fr;align-content:center;padding:38px 42px}
.case-story__problem,.case-story__result{min-height:190px;padding:18px 34px 18px 0;display:flex;flex-direction:column;justify-content:center}
.case-story__result{padding-left:34px;padding-right:0;border-left:1px solid var(--line)}
.case-story__kicker{margin-bottom:18px;color:var(--copper);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.case-story__copy{color:#d6d6da;font-size:clamp(16px,1.55vw,19px);line-height:1.65}
.case-fineprint{margin-top:30px}

/* ── V18: services grid ──────────────────────────────────────────────────
   Six services, so a 3x2 grid. No numbered circle — these are a list of
   what we do, not an ordered framework. */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px 28px;background:var(--surface);border:1px solid #ffffff0a;border-radius:var(--radius)}
.service-card h3{font-size:20px;font-weight:650;letter-spacing:-.025em;line-height:1.25;margin-bottom:14px}
.service-card p{font-size:13.5px;line-height:1.72;color:var(--muted);margin-bottom:28px}
.service-card .service-tag{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);width:100%;font-size:9px;letter-spacing:.1em;color:#c2c2c6}

@media(max-width:900px){
 .service-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .case-grid{gap:14px;margin-top:30px}
 .case-story{grid-template-columns:1fr}
 .case-story__metric{min-height:260px;padding:28px 24px;border-right:0;border-bottom:1px solid var(--line)}
 .case-story__value{margin-top:44px;font-size:64px}
 .case-story__evidence{margin-top:28px;padding-top:18px}
 .case-story__narrative{grid-template-columns:1fr;padding:10px 24px 18px}
 .case-story__problem,.case-story__result{min-height:0;padding:26px 0}
 .case-story__result{border-left:0;border-top:1px solid var(--line)}
 .case-story__kicker{margin-bottom:12px}
 .case-story__copy{font-size:16px;line-height:1.68}
 .service-grid{grid-template-columns:1fr;gap:12px}
 .service-card{padding:26px 24px;border-radius:20px}
 .service-card h3{font-size:19px;margin-bottom:10px}
 .service-card p{font-size:13px;margin-bottom:20px}
}

/* ===== our-work.html (gallery) — built on the landing tokens above ===== */
.nav-inner nav a.is-current{color:var(--copper)}
.work-head{padding:clamp(54px,7vw,90px) 0 clamp(22px,3vw,36px)}
.work-head h1{font-size:clamp(44px,6vw,76px);font-weight:600;line-height:1.05;letter-spacing:-.055em}
.work-head .section-sub{margin-inline:auto;max-width:58ch}
.filterbar{position:sticky;top:76px;z-index:40;background:#090909e8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
.filterbar__inner{display:flex;gap:9px;padding-block:14px;overflow-x:auto;scrollbar-width:none}
.filterbar__inner::-webkit-scrollbar{display:none}
.filter{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.01em;cursor:pointer;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--muted);white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
.filter:hover{color:var(--ink);border-color:#5a5a5e}
.filter.is-active{background:var(--grad-ui);border-color:transparent;color:#fff}
.work-grid{padding:clamp(34px,4vw,56px) 0 clamp(58px,7vw,94px)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
.media{display:flex;flex-direction:column}
.media.is-hidden{display:none}
.media__frame{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--card)}
.media__frame>img,.media__frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:#ffffffec;display:grid;place-items:center;transition:transform .25s,background .25s,opacity .25s}
.media__play::before{content:"";margin-left:4px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #111}
.media__play:hover{transform:translate(-50%,-50%) scale(1.06);background:#fff}
.media__play:focus-visible{outline:2px solid #fff;outline-offset:3px}
.media__frame.is-playing .media__play{opacity:0;pointer-events:none}
.gallery__empty{text-align:center;color:var(--muted);padding:60px 0}
.work-cta{padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--line)}
.work-actions{display:flex;gap:28px;align-items:center;justify-content:center;margin-top:28px}
.footer-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:20px}
.footer-links a{font-size:12px;color:var(--muted)}
.footer-links a:hover{color:var(--ink)}
@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.filterbar{top:64px}.work-head h1{font-size:clamp(38px,10vw,56px)}.work-actions{flex-direction:column;gap:10px}.media__play{width:52px;height:52px}}
@media(max-width:560px){.gallery{grid-template-columns:1fr}}

/* ── V20: one-screen lead form ───────────────────────────────────────────
   Every question is visible at once now, so the tap targets have to be
   compact or the form runs past two screens on a phone. The options sit in
   an auto-fitting grid: one column only when the label genuinely needs the
   width, two when it does not. */
.form-q{margin-bottom:20px}
.form-q__label{display:block;font-size:13px;font-weight:600;letter-spacing:-.01em;margin-bottom:9px}
/* Two columns at every width: auto-fit gave three narrow ones on desktop,
   which wrapped the longer Thai labels onto two lines. */
.qopts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}
.qopts--tight{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}
.qopt{min-height:46px;padding:10px 14px;font-size:13px;justify-content:center;text-align:center}
.qopts--tight .qopt{padding-inline:8px}
.form-fields{margin-top:22px}
.form-fields .field:first-child{margin-top:0}
.form-top{align-items:baseline;gap:12px}
.form-top>span:first-child{letter-spacing:.07em}
.form-top .form-reply{flex:none;font-size:9.5px;font-weight:500;letter-spacing:.02em;color:var(--muted);text-transform:none;white-space:nowrap}
.lead-form{min-height:0}                     /* the locked height is gone with the steps */
.lead-form .button{margin-top:20px}
.form-status{background:#2a1d14;border:1px solid #8a5a38;border-radius:10px;padding:13px 15px;font-size:12px;color:#f7d9c0;margin:16px 0 0}
.form-privacy{margin-top:14px}

/* The hero copy of the form: tighter, because it sits above the fold and is
   competing with the headline for the first screen. */
.hero-form{max-width:460px;margin:30px auto 0;text-align:left}
.lead-form--hero{padding:24px 22px;border-radius:20px}
.lead-form--hero .form-q{margin-bottom:16px}
.lead-form--hero .form-fields{margin-top:18px}
.lead-form--hero .field{margin-top:12px}
.lead-form--hero .form-privacy{font-size:10px;margin-top:12px}

@media(max-width:760px){
 .hero-form{margin-top:24px;max-width:none}
 .lead-form--hero{padding:20px 18px}
 .form-q__label{font-size:12.5px}
 .qopt{min-height:44px;font-size:12.5px;padding-inline:8px}
 .form-top{font-size:9px}
 .form-top .form-reply{font-size:9px}
 .qopts{gap:7px}
}

/* The hero splits in two on a wide screen: the claim on the left, the form on
   the right. Stacked, the form sat ~700px below the headline and the submit
   button was never on the first screen — which defeats having it up there. */
@media(min-width:900px){
 .hero-content{display:grid;grid-template-columns:minmax(0,1fr) 460px;
   gap:clamp(40px,5vw,72px);align-items:center;text-align:left}
 .hero h1{font-size:clamp(30px,3.1vw,42px)}
 html[lang=th] .hero h1{font-size:clamp(34px,3.6vw,50px)}
 .hero-sub{max-width:none}
 .hero-note{margin-top:20px}
 .hero-form{margin:0;max-width:none}
}
/* FORM CLARITY REDESIGN START */
.lead-form{position:relative;overflow:hidden;background:linear-gradient(180deg,#1b1b1f 0%,#141416 100%);border:1px solid #5a4639;box-shadow:0 26px 70px rgba(0,0,0,.42),0 0 0 1px rgba(232,160,106,.05);padding:30px;border-radius:22px}
.lead-form:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--grad)}
.form-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:5px 0 22px;border-bottom:1px solid #343438;margin-bottom:18px}
.form-heading{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.form-kicker{font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.12em;color:#e8a06a;margin-bottom:8px}
.form-title{font-size:23px;line-height:1.15;letter-spacing:-.035em;color:#fff;font-weight:650;text-transform:none}
.form-intro-copy{font-size:11.5px;line-height:1.5;letter-spacing:0;color:var(--muted);font-weight:450;margin-top:7px;text-transform:none}
.form-top .form-reply{display:inline-flex;align-items:center;gap:7px;border:1px solid #3d4942;background:#1b2520;color:#bce3cb;border-radius:999px;padding:7px 10px;font-size:9.5px;line-height:1.2;white-space:nowrap;margin-top:3px}
.form-reply-dot{display:block;width:6px;height:6px;border-radius:50%;background:#5ed18a;box-shadow:0 0 0 4px rgba(94,209,138,.10)}
.form-section-card{background:#111113;border:1px solid #35353a;border-radius:14px;padding:16px;margin:0 0 12px}
.form-section-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.form-section-number{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#2a1e17;border:1px solid #87502f;color:#f0ae7d;font-size:11px;font-weight:750}
.form-section-heading .form-q__label,.form-section-label{display:block;margin:0;color:#f2f2f4;font-size:13px;font-weight:650;letter-spacing:-.01em}
.form-section-card .qopts{gap:8px}
.form-section-card .qopt{background:#1d1d21;border-color:#56565f;min-height:48px}
.form-section-card .qopt:hover{background:#27272c;border-color:#8c8c94}
.form-fields.form-section-card{margin-top:0;padding:16px}
.form-fields.form-section-card .field{margin-top:12px;gap:7px;color:#d9d9de}
.form-fields.form-section-card .field input,.form-fields.form-section-card .field select{background:#202024;border-color:#606069;min-height:50px;border-radius:10px;padding-inline:14px}
.form-fields.form-section-card .field input:focus,.form-fields.form-section-card .field select:focus{outline:3px solid rgba(202,116,62,.22);border-color:#db8956}
.form-submit{min-height:56px!important;margin-top:6px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;font-size:14px!important;font-weight:700!important;box-shadow:0 12px 30px rgba(20,83,105,.20)}
.form-submit:hover{filter:brightness(1.09);transform:translateY(-1px)}
.form-submit:active{transform:translateY(0)}
.lead-form .form-privacy{text-align:center;max-width:390px;margin-inline:auto}
.lead-form--hero{padding:24px 22px}
.lead-form--hero .form-section-card{padding:14px}
.form-value{display:block;margin-top:10px;padding-left:10px;border-left:2px solid var(--copper);color:#d8d8dc;font-size:10.5px;line-height:1.5;max-width:370px}
@media(max-width:760px){.lead-form,.lead-form--hero{padding:22px 18px;border-radius:20px}.form-top{grid-template-columns:1fr;gap:12px}.form-top .form-reply{justify-self:start;margin-top:0}.form-title{font-size:21px}.form-value{font-size:10.5px}.form-section-card,.lead-form--hero .form-section-card{padding:14px 13px}.form-section-card .qopt{min-height:48px;padding-inline:8px;font-size:12.5px}.form-submit{font-size:13px!important}.form-kicker{font-size:8.5px}}
/* FORM CLARITY REDESIGN END */

/* ANSWERS HUB START */
.answers-hero{padding:clamp(78px,9vw,130px) 0 72px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(202,116,62,.11),transparent 35%),#090909}.answers-hero h1{font-size:clamp(46px,6.5vw,84px);line-height:1.02;letter-spacing:-.06em;max-width:1000px;margin-top:18px}.answers-intro{font-size:clamp(17px,2vw,21px);line-height:1.55;color:#b7b7bd;max-width:760px;margin-top:28px}.answers-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#85858d;font-size:11px;letter-spacing:.03em}.answers-body{padding:72px 0 100px}.answers-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;align-items:start}.answers-toc{position:sticky;top:106px;border:1px solid var(--line);background:#121214;border-radius:16px;padding:20px}.answers-toc>p{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#e8a06a;font-weight:700;margin-bottom:10px}.answers-toc a{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:9px 0;border-top:1px solid #29292d;color:#b8b8be;font-size:11px;line-height:1.4}.answers-toc a:hover{color:#fff}.answers-toc a span{color:#73737b}.answers-list{display:grid;gap:18px}.answer-card{scroll-margin-top:100px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:22px;padding:34px;border:1px solid #343438;border-radius:20px;background:linear-gradient(180deg,#171719,#121214)}.answer-number{display:grid;place-items:center;width:46px;height:46px;border:1px solid #75472e;border-radius:50%;color:#e8a06a;font-size:12px;font-weight:700}.answer-content h2{font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.04em}.answer-content p{color:#a9a9b0;max-width:760px;margin-top:15px}.answer-content .answer-direct{color:#f0f0f2;font-size:17px;line-height:1.55;font-weight:550}.answer-content ul{margin:20px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.answer-content li{position:relative;padding:10px 12px 10px 30px;border:1px solid #303034;border-radius:10px;background:#1b1b1e;color:#bdbdc4;font-size:12px}.answer-content li:before{content:'✓';position:absolute;left:11px;color:#e8a06a}.answer-cta{display:inline-flex;margin-top:22px;color:#e8a06a;font-size:12px;font-weight:650}.answers-final{padding:90px 0;background:#171513;border-top:1px solid #32261f}.answers-final h2{font-size:clamp(34px,5vw,62px);line-height:1.08;letter-spacing:-.05em;max-width:830px;margin:18px auto}.answers-final p:not(.eyebrow){color:#aaaab0;max-width:630px;margin:0 auto 28px}.answers-final .button{display:inline-flex}@media(max-width:900px){.answers-layout{grid-template-columns:1fr;gap:28px}.answers-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.answers-toc>p{grid-column:1/-1}.answer-card{padding:28px}}@media(max-width:600px){.answers-hero{padding:64px 0 48px}.answers-body{padding:42px 0 70px}.answers-toc{grid-template-columns:1fr;padding:16px}.answer-card{grid-template-columns:1fr;gap:16px;padding:22px 18px;border-radius:16px}.answer-number{width:38px;height:38px}.answer-content h2{font-size:25px}.answer-content .answer-direct{font-size:15px}.answer-content ul{grid-template-columns:1fr}.answers-final{padding:70px 0}}
/* ANSWERS HUB END */