@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#0755ca;--navy:#062653;--ink:#102846;--cyan:#79ddff;--line:#d9e5f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'Manrope','Noto Sans Thai',sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.8}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.4;letter-spacing:-.025em}h1{font-size:clamp(1.7rem,2.7vw,2.8rem);margin-bottom:16px}h2{font-size:clamp(2rem,3.3vw,3.5rem);font-weight:700;margin-bottom:28px}h2 span{color:var(--blue)}h3{font-size:1.25rem;line-height:1.5}em{font-style:normal;color:var(--cyan)}p{margin-bottom:22px}header{height:88px;position:sticky;top:0;z-index:30;background:#fffffff5;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);padding:12px max(4vw,20px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.8rem;font-weight:800;line-height:1.1;letter-spacing:-.06em;color:var(--blue)}.brand span{font-weight:500;margin-left:5px}.brand small{display:block;letter-spacing:.25em;font-size:.75rem;margin-top:8px}nav{display:flex;gap:32px;font-size:.9rem}nav a:hover{color:var(--blue)}.versions{display:flex;padding:4px;background:#eff5fc;border-radius:100px}.versions a{display:grid;place-items:center;width:40px;height:36px;border-radius:100px;font-size:.875rem}.versions a[aria-current]{background:var(--blue);color:#fff}.hero{background:#05275b;color:white}.hero>img{width:100%;height:auto}.hero-bottom{padding:48px max(5vw,24px);display:flex;justify-content:space-between;gap:40px;align-items:center;max-width:1500px;margin:auto}.eyebrow{font-size:.875rem;letter-spacing:.14em;line-height:1.7;font-weight:700;margin-bottom:18px;color:var(--blue)}.hero .eyebrow,.founder .eyebrow,.works .eyebrow{color:var(--cyan)}.hero-bottom p:last-child{color:#c8ddf7}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px;flex-shrink:0}.button{border:0;background:var(--blue);color:#fff;padding:15px 25px;border-radius:8px;font-weight:700;display:inline-flex;justify-content:center;gap:24px;align-items:center;min-height:52px;transition:background .2s,transform .2s}.button:hover{background:#0348af;transform:translateY(-2px)}.hero .button,.founder .button,.works .button{background:#b9eeff;color:#052653}.text-link{border-bottom:1px solid #7696bb;font-size:.9rem}.service-strip{display:flex;justify-content:center;gap:4vw;padding:23px 24px;border-top:1px solid #44608b;color:#d7e7fa;font-size:.875rem;flex-wrap:wrap}.section{padding:90px 24px}.wrap{max-width:1200px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px}.lead{font-size:1.45rem;font-weight:600;line-height:1.65}.reference{width:100%;border-radius:12px;margin:30px 0}.about .reference{border:1px solid var(--line)}.founder{background:#0755b3;color:white}.founder-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.portrait{overflow:hidden;height:510px;border-radius:120px 16px 16px 16px;position:relative;background:#042959}.portrait img{position:absolute;height:100%;max-width:none;width:auto;right:-18%;}.original{border-top:1px solid #729ed5;margin-top:45px;padding-top:16px}.original img{margin-top:20px;border-radius:8px}.original summary{font-size:.875rem}.vision{background:#f1f7ff}.vision .split h3{color:var(--blue)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px}.works{background:radial-gradient(ellipse at 78% 45%,#26205e,transparent 58%),#060d21;color:#fff;padding-left:0;padding-right:0;overflow:hidden}.works>.wrap{padding:0 24px}.works h2 span{color:#aebcff}.section-top>p{color:#a8b8d4}.demo-note{display:inline-block;padding:7px 14px;border:1px solid #49587b;border-radius:100px;color:#c2cde0;font-size:.875rem}.carousel{width:100%;overflow:hidden;touch-action:pan-y;padding:45px 0 40px;outline-offset:-4px}.track{display:flex;gap:40px;transition:transform 500ms cubic-bezier(.22,.68,.2,1);will-change:transform}.video-card{flex:0 0 340px;min-width:0;border:1px solid #3c4263;background:#111c37;border-radius:18px;opacity:.56;transform:scale(.97);transition:transform 500ms,opacity 500ms,box-shadow 500ms;overflow:hidden}.video-card.active{transform:scale(1.10);opacity:1;border-color:#609dff;box-shadow:0 0 40px #176bfd55}.video-screen{aspect-ratio:4/3;background:#09102c}.video-screen video{width:100%;height:100%;object-fit:contain}.slot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 15% 0%,#154292,#101632 65%);gap:10px}.slot-number{position:absolute;left:18px;top:4px;font-size:5rem;color:#92b7ff15;font-weight:800}.play-symbol{font-size:3rem;line-height:1.2;color:#a4d4ff}.slot>span:not(.slot-number):not(.play-symbol){font-size:.8rem;letter-spacing:.17em}.slot small{color:#b8c6e1;font-size:.875rem}.video-caption{padding:20px;display:flex;justify-content:space-between;gap:15px;align-items:center}.video-caption small{font-size:.875rem;color:#aebede}.video-caption h3{font-size:1.05rem;margin:4px 0}.select-video,.carousel-controls>button{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:transparent;color:#fff;border:1px solid #6b7da6}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin:20px 0}.dots{display:flex;gap:2px}.dots button{width:32px;height:44px;border:0;background:transparent;position:relative}.dots button:after{content:'';position:absolute;inset:18px 12px;border-radius:8px;background:#586988}.dots button[aria-pressed=true]:after{background:#8bc8ff;inset:18px 6px}.thumbnails{display:flex;justify-content:center;gap:12px;margin:0 auto 38px;max-width:800px}.thumbnails button{width:20%;padding:6px;background:#101b32;border:1px solid #384768;border-radius:8px;color:#b9c8e3;font-size:.75rem}.thumbnails button[aria-pressed=true]{border-color:#8abdff;color:white;background:#213559}.thumb-art,.thumbnails img{display:block;aspect-ratio:2.4;width:100%;object-fit:cover;background:linear-gradient(125deg,#234583,#19132c);font-size:1.25rem;line-height:2.4;border-radius:4px}.center{text-align:center}.package{padding:50px 24px;background:#f2f7fc}.package .wrap{position:relative;overflow:hidden;border-radius:20px;background:white;border:1px solid #dce7f1}.package-art{width:100%;height:130px;object-fit:cover;object-position:top}.package-content{padding:36px 50px 50px}.package .eyebrow{margin-top:10px}.package-list{list-style:none;margin:0;padding:0;align-self:center}.package-list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:16px}.package-list span{color:var(--blue)}.package-ads .wrap,.package-consult .wrap{background:#083a79;color:white;border:0}.package-ads .eyebrow,.package-consult .eyebrow{color:#9cdfff}.package-ads .package-list li,.package-consult .package-list li{border-color:#3c6190}.package-ads .package-list span,.package-consult .package-list span{color:#94dfff}.package-ads .button,.package-consult .button{background:white;color:#0755ca}.why{background:url('assets/Artboard%207-100.jpg') center/cover}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.why-grid article{padding:26px;background:#ffffffeb;border:1px solid #cddfeb;border-radius:12px}.number{color:#0755ca;font-size:.9rem;display:block;margin-bottom:45px}.why-grid p{font-size:1rem;margin:0}.process{background:#052955;color:#fff}.process .eyebrow{color:#9cdfff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.steps b{display:block;border-top:1px solid #55789c;padding-top:20px;color:#95dcff;font-size:2rem;margin-bottom:20px}.steps p{color:#c0d4e9}.faq details{border-bottom:1px solid #cfddea;padding:23px 0}.faq summary{font-weight:600;cursor:pointer;padding-right:15px}.faq details p{margin:18px 0 0;color:#516680}.contact{background:#eaf6ff url('assets/Artboard%2010-100.jpg') center/cover}.contact-links{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 18px}.contact-links button{border:1px solid #aac8e0;background:#fff;border-radius:8px;padding:11px 17px;color:#074a98}.muted,.form-note{font-size:.875rem;color:#516580}form{padding:35px;border:1px solid #c6dceb;background:white;border-radius:18px;box-shadow:0 20px 60px #0755ca0d}label{display:block;font-size:.9rem;font-weight:600;margin:16px 0}input,textarea,select{width:100%;display:block;padding:12px;border-radius:6px;border:1px solid #abc0d4;background:#fcfdff;margin-top:7px;color:#102846;font-weight:400}#form-status{font-size:.9rem;margin:15px 0 0;color:#0755ca}footer{padding:32px 5vw 105px;display:flex;gap:25px;justify-content:space-between;align-items:center;background:#041e42;color:#d4e5f8;font-size:.875rem}.sticky-contact{position:fixed;bottom:20px;right:24px;z-index:35;background:#fff;box-shadow:0 5px 35px #001e5140;border:1px solid #d6e3ee;border-radius:100px;padding:5px;display:flex}.sticky-contact button{border:0;border-radius:100px;background:transparent;color:#14365f;padding:12px 20px;font-size:.875rem;font-weight:700}.sticky-contact button:first-child{background:#066440;color:white}.sticky-contact button:hover{box-shadow:inset 0 0 0 2px #5b93d6}:focus-visible{outline:3px solid #e98a00;outline-offset:4px}dialog{border:0;border-radius:18px;max-width:min(90vw,480px);padding:32px;color:var(--ink)}dialog::backdrop{background:#001b4a99}.skip{position:fixed;left:15px;top:-90px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reveal{opacity:.3;transform:translateY(15px);transition:opacity .6s,transform .6s}.revealed{opacity:1;transform:none}body[data-version=b] .founder{background:#061d43}body[data-version=b] .founder h2{font-size:clamp(2.4rem,4.2vw,4.7rem)}body[data-version=b] .about{background:#f3f8ff}body[data-version=b] .hero-bottom{border-left:6px solid #67d1ff}body[data-version=b] .portrait{border-radius:12px 120px 12px 12px}
@media(min-width:1500px){.hero>img{max-width:1500px;margin:auto}}@media(max-width:1000px){.split{gap:35px}.why-grid,.steps{grid-template-columns:repeat(2,1fr)}.founder-grid{gap:35px}.portrait{height:430px}.hero-bottom{align-items:start}.hero-actions{flex-shrink:1}.package-content{padding:30px}.section{padding-top:65px;padding-bottom:65px}}
@media(max-width:650px){html{scroll-padding-top:115px}header{height:auto;min-height:94px;gap:12px;flex-wrap:wrap;padding:12px 18px}.brand{font-size:1.4rem}.brand small{font-size:.65rem}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:.875rem}.versions a{width:34px;height:28px}.hero-bottom{display:block;padding:28px 22px}.hero-bottom .eyebrow{font-size:.75rem}.hero-actions{margin-top:25px;gap:15px}.hero-actions .button{width:100%}.service-strip{gap:14px 25px;font-size:.75rem}.section{padding:52px 22px}.split,.founder-grid{grid-template-columns:1fr;gap:28px}.founder-grid .portrait{height:400px;max-width:350px;width:100%;margin:0 auto}.portrait img{right:-20%}.reference{border-radius:6px;margin:22px 0}.lead{font-size:1.2rem}.section-top{display:block}.section-top h2{margin-bottom:16px}.works{padding-left:0;padding-right:0}.video-card{flex-basis:260px}.track{gap:28px}.video-caption{padding:16px}.thumbnails{gap:5px}.thumbnails button{font-size:.65rem;padding:4px;overflow-wrap:anywhere}.thumb-art{font-size:.9rem;line-height:2}.package{padding:22px 14px}.package-art{height:70px}.package-content{padding:24px}.package-list li{padding:12px 0}.why-grid{grid-template-columns:1fr;gap:12px}.why-grid article{padding:24px}.number{margin-bottom:15px}.steps{gap:20px}.steps h3{font-size:1.1rem}.steps p{font-size:.9rem}.faq .split{gap:15px}form{padding:24px}.sticky-contact{bottom:12px;left:12px;right:12px;justify-content:space-between}.sticky-contact button{padding:11px 16px;flex:1}footer{flex-direction:column;align-items:start;gap:8px;padding-bottom:100px}.original summary{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
.thumb-art{background-image:linear-gradient(120deg,#092754b3,#120b3bcc),url("assets/Artboard%204-100.jpg");background-size:cover;background-position:center}
.thumbnails .thumb-art{position:relative;overflow:hidden;background:#112349}.thumbnails .thumb-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.78)}.thumbnails .thumb-art b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1rem;line-height:1;font-weight:600;text-shadow:0 2px 8px #061229cc}.thumbnails button[aria-pressed=true] .thumb-art b{color:#aee5ff}
.horizontal-films{background:radial-gradient(ellipse at 48% 25%,#123e7b 0,transparent 48%),linear-gradient(145deg,#030915,#071b3b);color:#fff;overflow:hidden}.horizontal-films .section-top>p{color:#a9c3e9}.horizontal-film-carousel{overflow:hidden;touch-action:pan-y;padding:44px 0 30px;outline-offset:-4px}.horizontal-film-track{display:flex;gap:42px;transition:transform 500ms cubic-bezier(.22,.68,.2,1);will-change:transform}.horizontal-film-card{flex:0 0 min(70vw,760px);border:1px solid #395787;border-radius:18px;background:#0d1c36;overflow:hidden;opacity:.54;transform:scale(.95);transition:transform 500ms,opacity 500ms,border-color 500ms,box-shadow 500ms}.horizontal-film-card.active{opacity:1;transform:scale(1.03);border-color:#74c9ff;box-shadow:0 0 44px #1a73dd66}.horizontal-film-screen{aspect-ratio:16/9;background:#020714}.horizontal-film-screen video{width:100%;height:100%;display:block;object-fit:contain}.horizontal-film-caption{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.horizontal-film-caption small{color:#a8c8eb;font-size:.8rem}.horizontal-film-caption h3{margin:2px 0 0;font-size:1.1rem}.horizontal-film-caption button,.horizontal-film-controls>button{width:46px;height:46px;flex:none;border:1px solid #6685b4;border-radius:50%;background:transparent;color:#fff;font-size:1.1rem}.horizontal-film-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin:12px 0 26px}.horizontal-film-dots{display:flex;gap:4px}.horizontal-film-dots button{width:22px;height:32px;padding:0;border:0;background:transparent;position:relative}.horizontal-film-dots button:after{content:'';position:absolute;inset:12px 7px;border-radius:50%;background:#53709b}.horizontal-film-dots button[aria-pressed=true]:after{background:#79d6ff}.horizontal-film-thumbnails{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.horizontal-film-thumbnails button{padding:5px;border:1px solid #36527c;border-radius:8px;background:#0c1830;color:#c8daf2;text-align:left;min-width:0}.horizontal-film-thumbnails button[aria-pressed=true]{border-color:#86d8ff;background:#16355d;color:#fff}.horizontal-film-thumbnails span{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:4px;background:#12294f}.horizontal-film-thumbnails img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.horizontal-film-thumbnails b{position:absolute;top:6px;left:6px;padding:2px 6px;border:1px solid #78c9ff99;border-radius:4px;background:#05204bcc;color:#fff;font-size:.7rem;line-height:1.3}.horizontal-film-thumbnails small{display:block;padding:6px 3px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.horizontal-film-thumbnails button:hover{border-color:#87d9ff}@media(max-width:900px){.horizontal-film-card{flex-basis:min(82vw,640px)}.horizontal-film-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.horizontal-films{padding-left:0;padding-right:0}.horizontal-films>.wrap{padding-left:22px;padding-right:22px}.horizontal-film-carousel{padding-top:28px}.horizontal-film-track{gap:20px}.horizontal-film-card{flex-basis:82vw}.horizontal-film-caption{padding:12px 14px}.horizontal-film-caption h3{font-size:.95rem}.horizontal-film-caption button{width:38px;height:38px}.horizontal-film-thumbnails{display:flex;overflow-x:auto;gap:8px;padding-bottom:5px;scrollbar-width:thin}.horizontal-film-thumbnails button{flex:0 0 136px}.horizontal-film-controls{gap:15px}.horizontal-film-dots{max-width:180px;overflow:hidden}}
/* Keep the original portrait's full height and protect the head from corner clipping. */
.portrait,body[data-version=b] .portrait{width:100%;max-width:460px;height:auto;aspect-ratio:4/5;margin-inline:auto;border-radius:24px}
.portrait img{height:100%;width:auto;right:0;top:0}
/* Version A: align the founder, rather than the full artwork, to the frame centre. */
body:not([data-version=b]) .portrait{max-width:400px;height:auto;aspect-ratio:2/3}
body:not([data-version=b]) .portrait img{right:-33%}
/* Approved Version A navigation: 20% larger, with clearer semibold weight. */
body:not([data-version=b]) header nav{font-size:1.08rem;font-weight:600}
@media(max-width:650px){body:not([data-version=b]) header nav{font-size:1.05rem}}
body:not([data-version=b]) .sticky-contact{display:grid;grid-template-columns:repeat(3,1fr)}
body:not([data-version=b]) .sticky-contact button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;background:transparent;color:#14365f;transition:background-color .2s,color .2s}
.contact-icon{display:inline-block;width:22px;height:22px;flex-shrink:0;background:currentColor;mask:var(--contact-mask) center/contain no-repeat;-webkit-mask:var(--contact-mask) center/contain no-repeat}
.icon-messenger{--contact-mask:url('assets/icons/messenger.svg');color:#0874c9}
.icon-line{--contact-mask:url('assets/icons/line.svg');color:#066440}
.icon-phone{--contact-mask:url('assets/icons/phone.svg')}
body:not([data-version=b]) .sticky-contact button[aria-pressed=true]{color:white}
body:not([data-version=b]) .sticky-contact button[aria-pressed=true] .contact-icon{color:white}
body:not([data-version=b]) .sticky-contact [data-contact=messenger][aria-pressed=true]{background:#0874c9}
body:not([data-version=b]) .sticky-contact [data-contact=line][aria-pressed=true]{background:#066440}
body:not([data-version=b]) .sticky-contact [data-contact=phone][aria-pressed=true]{background:#14365f}
@media(max-width:650px){body:not([data-version=b]) .sticky-contact button{padding:10px 4px;gap:5px}.contact-icon{width:18px;height:18px}}
@media(max-width:360px){body:not([data-version=b]) .sticky-contact button{font-size:13px;gap:4px;padding:10px 2px}.contact-icon{width:17px;height:17px}}

.contact-links .platform-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;font-weight:700;transition:transform .2s,border-color .2s,box-shadow .2s}.contact-links .platform-button:hover{transform:translateY(-2px);border-color:#79a9d1;box-shadow:0 8px 22px #0755ca18}.contact-links .platform-button .contact-icon{width:24px;height:24px}.contact-links .platform-messenger .contact-icon{color:#0874c9}.contact-links .platform-line .contact-icon{color:#06b900}.contact-links .platform-phone .contact-icon{color:#14365f}@media(max-width:650px){.contact-links{display:grid;grid-template-columns:1fr}.contact-links .platform-button{width:100%}}

/* Premium final contact section */
.contact{position:relative;overflow:hidden;color:#fff;background:linear-gradient(105deg,rgba(2,21,52,.97) 0%,rgba(3,48,110,.93) 48%,rgba(7,85,202,.82) 100%),url('assets/Artboard%2010-100.jpg') center/cover no-repeat}
.contact::before{content:'';position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 75% 45%,rgba(69,207,255,.22),transparent 32%),radial-gradient(circle at 10% 100%,rgba(0,119,255,.24),transparent 38%)}
.contact .wrap{position:relative;z-index:1;align-items:center}
.contact .eyebrow{color:#79ddff}
.contact h2{font-size:clamp(2.4rem,4vw,4.5rem);line-height:1.25;color:#fff}
.contact h2 span{color:#67dcff}
.contact>.wrap>div>p:not(.eyebrow):not(.muted){color:#d7e9fb;font-size:1.08rem}
.contact .muted{color:#b8d3ed}
.contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.contact-links .platform-button{width:100%;min-height:64px;padding:13px 16px;border:1px solid rgba(255,255,255,.7);border-radius:10px;background:#fff;color:#092958;box-shadow:0 12px 28px rgba(0,18,55,.2)}
.contact-links .platform-button:hover{border-color:#8ee6ff;box-shadow:0 12px 30px rgba(56,195,255,.25)}
.contact form{border:1px solid rgba(255,255,255,.7);box-shadow:0 25px 75px rgba(0,14,45,.42),0 0 45px rgba(78,209,255,.15)}
.contact form h3{font-size:clamp(1.45rem,2vw,2rem);color:#102846}
.contact form .button{width:100%;background:linear-gradient(90deg,#0755ca,#0a68df)}
@media(max-width:850px){.contact .wrap{align-items:start}.contact-links{grid-template-columns:1fr}.contact h2{font-size:clamp(2.25rem,8vw,3.5rem)}}

/* Contact section matched to the approved visual */
.contact{min-height:760px;padding:42px max(4vw,28px) 76px;background-image:linear-gradient(100deg,rgba(1,18,45,.88) 0%,rgba(3,37,85,.72) 48%,rgba(3,47,105,.38) 100%),url('assets/contact-city-bg.png');background-position:center;background-size:cover}
.contact::before{background:linear-gradient(90deg,rgba(103,220,255,.35),transparent 16%,transparent 84%,rgba(103,220,255,.26));opacity:.22}
.contact-brand{position:relative;z-index:1;display:flex;align-items:center;gap:9px;width:min(1280px,100%);margin:0 auto 30px;color:#fff;line-height:1}
.contact-brand b{font-size:2rem;letter-spacing:-.09em}.contact-brand b::after{content:'';display:inline-block;width:9px;height:9px;margin-left:4px;background:#67dcff;transform:skew(-18deg)}
.contact-brand>span{font-size:1.25rem;font-weight:800}.contact-brand small{display:block;margin-top:7px;font-size:.52rem;letter-spacing:.28em;font-weight:500}
.contact .wrap{max-width:1280px;grid-template-columns:1.04fr .96fr;gap:70px}
.contact-copy{padding:48px 0 20px}
.contact .eyebrow{position:relative;padding-left:24px;font-size:.95rem}.contact .eyebrow::before{content:'';position:absolute;left:0;top:.35em;width:3px;height:1.4em;background:#67dcff}
.contact h2{max-width:680px;margin-bottom:22px;font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.12;letter-spacing:-.04em}
.contact-copy>p:not(.eyebrow):not(.contact-motto){max-width:650px;color:#dceafa;font-size:1.12rem;line-height:1.75}
.contact-links{margin-top:30px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.contact-links .platform-button{min-height:64px;padding:12px 15px;font-size:1rem;border:0;border-radius:8px;white-space:nowrap}
.contact-motto{margin-top:40px;padding-top:18px;border-top:1px solid rgba(121,221,255,.46);width:max-content;max-width:100%;color:#8fbddd;font-size:.66rem;line-height:1.8;letter-spacing:.22em}
.contact form{padding:36px 38px 28px;border-radius:16px;background:rgba(255,255,255,.98)}
.contact form h3{margin-bottom:7px;font-size:clamp(1.8rem,2.5vw,2.5rem)}
.form-intro{margin-bottom:24px;color:#526a84;font-size:.95rem}
.contact form label{margin:13px 0;color:#334b67}
.contact form input,.contact form select,.contact form textarea{margin-top:6px;padding:11px 14px;background:#fff}
.contact form textarea{min-height:86px;resize:vertical}
.contact form .button{margin-top:4px;min-height:52px;border-radius:7px}
.privacy-note{margin:16px 0 0;text-align:center;color:#6d7f94;font-size:.76rem}
.sticky-contact{transition:opacity .25s,transform .25s}
.sticky-contact.contact-visible{opacity:0;transform:translateY(120%);pointer-events:none}
@media(max-width:900px){.contact{min-height:0;padding:44px 22px 180px;background-position:58% bottom}.contact-brand{margin-bottom:10px}.contact .wrap{width:100%;grid-template-columns:minmax(0,1fr);gap:26px}.contact-copy,.contact form{width:100%;min-width:0;max-width:100%}.contact-copy{padding:30px 0 0}.contact h2{font-size:clamp(2.6rem,10vw,4rem)}.contact-copy>p,.contact-motto,.privacy-note{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.contact-links{grid-template-columns:minmax(0,1fr)}.contact-motto{width:100%;margin-top:28px;letter-spacing:.13em}.contact form{padding:28px 22px}.privacy-note{font-size:.72rem;line-height:1.55}}
@media(max-width:480px){.contact{background-position:62% bottom}.contact-brand b{font-size:1.65rem}.contact-brand>span{font-size:1.05rem}.contact-copy>p:not(.eyebrow):not(.contact-motto){font-size:1rem}.contact-links .platform-button{min-height:58px}.contact form h3{font-size:1.65rem}}

/* HOW WE WORK — connected premium process */
.process{position:relative;overflow:hidden;background:radial-gradient(circle at 55% 38%,rgba(0,132,255,.32),transparent 32%),linear-gradient(110deg,#031a3e 0%,#063474 55%,#0755ca 120%)}
.process::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(90deg,transparent 0 12%,rgba(103,220,255,.32) 12% 12.08%,transparent 12.08% 46%,rgba(103,220,255,.28) 46% 46.08%,transparent 46.08% 100%),linear-gradient(0deg,transparent 0 22%,rgba(103,220,255,.2) 22% 22.08%,transparent 22.08% 100%)}
.process .wrap{position:relative;z-index:1;max-width:1320px}
.process .eyebrow{font-size:.95rem;letter-spacing:.16em}
.process h2{max-width:850px;font-size:clamp(2.5rem,4vw,4.4rem);line-height:1.22}
.steps{position:relative;gap:22px;margin-top:76px;padding-top:34px}
.steps::before{content:'';position:absolute;left:6%;right:6%;top:0;height:1px;background:linear-gradient(90deg,rgba(103,220,255,.16),#67dcff 50%,rgba(103,220,255,.18));box-shadow:0 0 18px rgba(103,220,255,.35)}
.steps article{position:relative;min-width:0;padding:30px 26px 28px;border:1px solid rgba(103,220,255,.42);border-radius:14px;background:linear-gradient(145deg,rgba(20,92,174,.34),rgba(4,35,81,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .25s,border-color .25s,box-shadow .25s}
.steps article::before{content:'';position:absolute;left:50%;top:-42px;width:12px;height:12px;border:2px solid #67dcff;border-radius:50%;background:#c7f6ff;box-shadow:0 0 0 7px rgba(103,220,255,.1),0 0 20px #30c9ff;transform:translateX(-50%)}
.steps article::after{content:'';position:absolute;left:50%;top:-30px;width:1px;height:29px;background:#67dcff;opacity:.72}
.steps article:hover{transform:translateY(-5px);border-color:#67dcff;box-shadow:0 18px 45px rgba(0,22,70,.32),0 0 24px rgba(48,201,255,.12)}
.steps b{padding:0;border:0;color:#67dcff;font-size:clamp(2.7rem,3.5vw,4rem);line-height:1;margin-bottom:28px;text-shadow:0 0 24px rgba(103,220,255,.25)}
.steps h3{min-height:3em;margin-bottom:14px;font-size:1.25rem}
.steps p{margin:0;color:#cce0f3;font-size:1rem;line-height:1.7}
@media(max-width:1000px){.steps{margin-top:48px;padding-top:0}.steps::before,.steps article::before,.steps article::after{display:none}.steps article{padding:28px}.steps h3{min-height:auto}}
@media(max-width:650px){.process h2{font-size:clamp(2.2rem,10vw,3.2rem)}.steps{grid-template-columns:1fr;gap:14px}.steps article{padding:24px}.steps b{font-size:2.65rem;margin-bottom:18px}.steps h3{font-size:1.2rem}.steps p{font-size:.98rem}}

.contact-copyright{position:absolute;z-index:2;left:50%;bottom:18px;width:min(1280px,calc(100% - 44px));padding-top:14px;border-top:1px solid rgba(103,220,255,.55);transform:translateX(-50%);text-align:center;color:rgba(215,233,251,.68);font-size:.78rem;letter-spacing:.02em}
@media(max-width:650px){.contact-copyright{bottom:22px;padding-top:13px;font-size:.72rem}}

.contact-logo-horizontal{position:relative;z-index:2;display:block;width:230px;height:auto;margin:0 0 24px max(0px,calc((100% - 1280px)/2));object-fit:contain}@media(max-width:900px){.contact-logo-horizontal{width:210px;margin:0 0 20px}}

.contact-logo-sharp{position:relative;z-index:2;display:flex;align-items:center;gap:10px;width:max-content;margin:0 0 24px max(0px,calc((100% - 1280px)/2));color:#fff;line-height:1}.contact-logo-sharp>img{width:72px;height:auto;flex:none}.contact-logo-sharp>span{display:block;font-size:31px;font-weight:600;letter-spacing:.02em}.contact-logo-sharp small{display:block;margin-top:7px;font-size:8px;font-weight:700;letter-spacing:.32em;white-space:nowrap}@media(max-width:900px){.contact-logo-sharp{margin:0 0 20px}.contact-logo-sharp>img{width:66px}.contact-logo-sharp>span{font-size:28px}.contact-logo-sharp small{font-size:7px}}

.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}#contact-form button[disabled]{opacity:.68;cursor:wait;transform:none}

/* Video portfolio: show a bright in-page preview frame instead of a black browser poster. */
.video-screen{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 12%,#1a63c6 0%,#10265a 38%,#09142e 80%)}
.video-screen .portfolio-video{position:relative;z-index:2;width:100%;height:100%;border:0;opacity:1;background:#050b16}
.video-play{position:absolute;inset:0;border:0;background:linear-gradient(180deg,transparent 35%,#020b1abb);color:#fff;display:grid;place-content:center;gap:9px;transition:opacity .2s}
.video-play span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #c7edff;border-radius:50%;background:#0755cad9;font-size:1.2rem;padding-left:3px;box-shadow:0 0 28px #1f98ff88}
.video-play b{font-size:.82rem;letter-spacing:.04em;text-shadow:0 2px 8px #000}
.video-screen.is-playing .video-play{opacity:0;pointer-events:none}
.video-screen .video-play{z-index:3}.video-screen.is-loading .video-play{cursor:wait}.video-screen.is-loading .video-play span{font-size:0}.video-screen.is-loading .video-play span:after{content:'';display:block;width:22px;height:22px;margin:auto;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:horizontal-film-spin .8s linear infinite}
.video-screen.is-playing .portfolio-video{opacity:1}
.video-screen.has-fallback::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 18% 15%,rgba(64,180,255,.55),transparent 32%),linear-gradient(135deg,#123b84 0%,#071b42 52%,#020b20 100%);transition:opacity .25s ease}
.video-screen.has-fallback::after{position:absolute;inset:0;z-index:1;display:grid;place-items:center;content:"";color:rgba(236,247,255,.94);font-size:clamp(1.05rem,2.5vw,2rem);font-weight:800;letter-spacing:.12em;text-align:center;text-shadow:0 3px 18px rgba(0,0,0,.5);transition:opacity .25s ease}
.video-screen.has-fallback .video-play{z-index:3}
.video-screen.has-fallback.is-playing::before,.video-screen.has-fallback.is-playing::after{opacity:0}
.video-screen.cover-rai::before{background:radial-gradient(circle at 78% 17%,rgba(67,217,255,.5),transparent 28%),linear-gradient(135deg,#0a83ba 0%,#123c86 48%,#071537 100%)}
.video-screen.cover-rai::after{content:"RAI\Aประชาสัมพันธ์";white-space:pre-line}
.video-screen.cover-tesla::before{background:radial-gradient(circle at 72% 24%,rgba(74,212,255,.65),transparent 25%),linear-gradient(135deg,#172e51 0%,#0b6fa7 48%,#061427 100%)}
.video-screen.cover-tesla::after{content:"TESLA\A GLASS COATING";white-space:pre-line;font-size:clamp(.9rem,2.1vw,1.6rem)}
.video-screen.cover-motor::before{background:radial-gradient(circle at 68% 18%,rgba(83,202,255,.55),transparent 25%),linear-gradient(135deg,#104d93 0%,#092b66 48%,#06162f 100%)}
.video-screen.cover-motor::after{content:"MOTOR SHOW\A2025";white-space:pre-line}

/* Artwork portfolio carousel */
.artwork{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 35%,rgba(18,79,169,.42),transparent 38%),linear-gradient(145deg,#03122f 0%,#061f4a 52%,#020a1b 100%);padding-left:0;padding-right:0}
.artwork::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.75;background:linear-gradient(132deg,transparent 13%,rgba(10,111,255,.52) 13.12%,transparent 13.65%),linear-gradient(312deg,transparent 14%,rgba(54,206,255,.3) 14.08%,transparent 14.5%)}
.artwork>.wrap{position:relative;z-index:1;max-width:1440px}
.artwork-heading{text-align:center;padding:0 24px;margin:0 auto 24px}
.artwork .eyebrow{color:#6ee3ff;margin-bottom:10px}
.artwork h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;margin-bottom:12px;letter-spacing:.01em}
.artwork-heading>p:last-child{margin:0;color:#c1d5ed;font-size:1.12rem}
.artwork-carousel-shell{position:relative;margin:0 -170px}
.artwork-carousel{overflow:hidden;touch-action:pan-y;outline-offset:-4px;padding:34px 0 24px}
.artwork-track{display:flex;align-items:center;gap:34px;transition:transform 520ms cubic-bezier(.22,.68,.2,1);will-change:transform}
.artwork-slide{flex:0 0 min(640px,48vw);margin:0;opacity:.34;transform:scale(.82);filter:saturate(.55);transition:opacity 520ms,transform 520ms,filter 520ms;min-width:0}
.artwork-slide.active{opacity:1;transform:scale(1);filter:none;z-index:2}
.artwork-open{display:block;width:100%;padding:0;border:1px solid rgba(88,190,255,.55);border-radius:18px;overflow:hidden;background:#020b1b;box-shadow:0 28px 70px rgba(0,6,25,.58);transition:border-color .2s,box-shadow .2s}
.artwork-slide.active .artwork-open{border-color:#54d7ff;box-shadow:0 25px 70px rgba(0,5,24,.62),0 0 30px rgba(19,138,255,.28)}
.artwork-open:hover{border-color:#9beaff}
.artwork-open img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#041025}
.artwork-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(126,210,255,.75);background:rgba(1,18,47,.84);color:#fff;font-size:1.35rem;box-shadow:0 0 28px rgba(31,137,255,.38);backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.artwork-arrow:hover{background:#0755ca;transform:translateY(-50%) scale(1.06)}
.artwork-prev{left:calc(50% - 390px)}.artwork-next{right:calc(50% - 390px)}
.artwork-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin:4px auto 12px;padding:0 24px}
.artwork-progress{width:180px;height:4px;background:#344e74;border-radius:999px;overflow:hidden}.artwork-progress span{display:block;height:100%;width:4.76%;background:#55dcff;border-radius:inherit;box-shadow:0 0 12px #26a8ff;transition:width 420ms}
.artwork-count{margin:0;color:#91aaca;font-size:.9rem;letter-spacing:.12em}.artwork-count span{color:#72ddff;font-weight:700}
.artwork-lightbox{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:1500px;max-height:1100px;padding:0;border:1px solid #486d98;border-radius:16px;overflow:hidden;background:#020b1c;color:#fff}
.artwork-lightbox::backdrop{background:#010817ed;backdrop-filter:blur(8px)}
.artwork-lightbox-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #29496f}.artwork-lightbox-bar p{margin:0;color:#a7bdd8;letter-spacing:.12em}.artwork-lightbox-bar span{color:#69dcff;font-weight:700}.artwork-lightbox-bar button{min-width:80px;min-height:42px;border:1px solid #5e7fa6;border-radius:8px;background:#0b2b55;color:#fff}
.artwork-lightbox-stage{height:calc(100% - 64px);display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:14px;padding:18px}.artwork-lightbox-stage img{max-height:100%;max-width:100%;margin:auto;object-fit:contain;box-shadow:0 14px 60px #0009}.artwork-lightbox-arrow{width:54px;height:54px;border-radius:50%;border:1px solid #70bde8;background:#06234b;color:#fff;font-size:1.25rem}
@media(max-width:900px){.artwork-carousel-shell{margin:0 -80px}.artwork-slide{flex-basis:min(620px,68vw)}.artwork-prev{left:calc(50% - 42vw)}.artwork-next{right:calc(50% - 42vw)}}
@media(max-width:650px){.artwork{padding-top:58px;padding-bottom:58px}.artwork-heading{margin-bottom:10px}.artwork h2{font-size:clamp(2rem,11vw,3rem);line-height:1.12}.artwork-heading>p:last-child{font-size:.95rem;line-height:1.65}.artwork-carousel-shell{margin:0 -18px}.artwork-carousel{padding:24px 0 18px}.artwork-track{gap:16px}.artwork-slide{flex-basis:calc(100vw - 72px);transform:scale(.9)}.artwork-open{border-radius:12px}.artwork-arrow{width:44px;height:44px;font-size:1.1rem}.artwork-prev{left:12px}.artwork-next{right:12px}.artwork-progress{width:120px}.artwork-lightbox{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:10px}.artwork-lightbox-bar{height:56px;padding:0 10px}.artwork-lightbox-stage{height:calc(100% - 56px);grid-template-columns:42px minmax(0,1fr) 42px;gap:4px;padding:8px}.artwork-lightbox-arrow{width:40px;height:40px}}

/* Client image carousel */
.clients{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 30%,rgba(22,86,170,.34),transparent 42%),linear-gradient(135deg,#020b1e 0%,#061a3b 54%,#020817 100%)}
.clients::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.55;background:linear-gradient(135deg,transparent 18%,rgba(17,101,224,.18) 18.1%,transparent 18.7%),linear-gradient(315deg,transparent 16%,rgba(79,196,255,.13) 16.1%,transparent 16.7%)}
.clients .wrap{position:relative;z-index:1;max-width:1280px}
.clients-heading{text-align:center;max-width:920px;margin:0 auto 40px}
.clients .eyebrow{color:#79ddff;margin-bottom:12px}
.clients h2{margin-bottom:12px;font-size:clamp(2.15rem,4vw,4rem)}
.clients-heading>p:last-child{margin:0;color:#bed2ea;font-size:1.08rem}
.client-gallery{position:relative;overflow:hidden;border:1px solid rgba(94,190,255,.5);border-radius:20px;background:#030d22;box-shadow:0 28px 80px rgba(0,7,27,.58),0 0 42px rgba(24,125,255,.18);touch-action:pan-y;outline-offset:5px}
.client-track{display:flex;width:100%;transition:transform 520ms cubic-bezier(.22,.68,.2,1);will-change:transform}
.client-slide{flex:0 0 100%;margin:0;min-width:0}
.client-slide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#020817}
.client-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(151,213,255,.72);background:rgba(1,19,48,.78);color:#fff;font-size:1.35rem;box-shadow:0 0 24px rgba(31,137,255,.35);backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.client-arrow:hover{background:#0755ca;transform:translateY(-50%) scale(1.06)}
.client-prev{left:18px}.client-next{right:18px}
.client-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:26px}
.client-dots{display:flex;gap:10px}
.client-dots button{width:34px;height:28px;padding:0;border:0;background:transparent;position:relative}
.client-dots button::after{content:'';position:absolute;left:5px;right:5px;top:12px;height:4px;border-radius:10px;background:#526b91;transition:background .2s,transform .2s}
.client-dots button[aria-pressed=true]::after{background:#63d9ff;transform:scaleX(1.35);box-shadow:0 0 12px #36aaff}
.client-count{margin:0;color:#91aaca;font-size:.9rem;letter-spacing:.12em}.client-count span{color:#72ddff;font-weight:700}
@media(max-width:650px){.clients{padding:56px 14px}.clients-heading{margin-bottom:26px;padding:0 8px}.clients h2{font-size:clamp(2rem,10vw,2.8rem);line-height:1.25}.clients-heading>p:last-child{font-size:.95rem;line-height:1.65}.client-gallery{border-radius:12px}.client-arrow{width:42px;height:42px;font-size:1.1rem}.client-prev{left:8px}.client-next{right:8px}.client-controls{margin-top:18px}}

/* Packages: white introduction flows into the navy comparison and consultation. */
.pricing{background:#fff;isolation:isolate}
.pricing-intro{padding:100px 24px 64px;background:linear-gradient(#fff,#f5f8fd);text-align:center}
.pricing-intro h2{max-width:900px;margin:0 auto 22px;font-size:clamp(2rem,3.1vw,3rem)}
.pricing-subtitle{max-width:780px;margin:0 auto;color:#526781;font-size:1.125rem}
.pricing-summaries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;text-align:left}
.pricing-summary{background:#fff;border:1px solid #dce6f3;border-top:3px solid var(--pricing-accent);border-radius:16px;padding:28px;box-shadow:0 10px 32px #07336b06}
.pricing-g{--pricing-accent:#087cae}.pricing-h{--pricing-accent:#7951c5}.pricing-i{--pricing-accent:#a4771b}
.pricing-stage{color:var(--pricing-accent);font-size:.875rem;letter-spacing:.16em;font-weight:800;margin:0 0 9px}
.pricing-summary h3{font-size:1.6rem;margin:0 0 14px}
.pricing-summary>p:last-child{margin:0;color:#526781}
.pricing-detail{padding:32px 24px 90px;background:linear-gradient(180deg,#f5f8fd 0,#cbd9eb 80px,#143862 220px,#061b38 410px,#061b38 100%)}
.pricing-comparison{width:89%;max-width:1120px;margin:0 auto 64px}
.pricing-image-stage{position:relative;width:100%;border:1px solid #668bb45c;border-radius:20px;background:#061b38;overflow:hidden;box-shadow:0 24px 70px #00163050,0 0 45px #2584ff16}
.pricing-image-stage>img{width:100%;height:auto;object-fit:contain}
.pricing-image-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in}
.package-hotspots{position:absolute;inset:0;z-index:2;pointer-events:none}
.package-hotspot{position:absolute;top:74.7%;width:29.2%;height:5.2%;min-height:44px;border:0;border-radius:999px;background:transparent;pointer-events:auto;cursor:pointer;transition:outline-color .2s,box-shadow .2s}
.package-hotspot-g{left:3.1%;--hotspot:#00bfff}.package-hotspot-h{left:35.5%;--hotspot:#d95cff}.package-hotspot-i{left:68.2%;--hotspot:#ffd84d}
.package-hotspot:hover,.package-hotspot:focus-visible,.package-hotspot[aria-pressed=true]{outline:3px solid var(--hotspot);outline-offset:1px;box-shadow:0 0 24px var(--hotspot)}
.pricing-comparison figcaption{text-align:center;margin-top:18px}
.pricing-expand{color:#e5efff;background:#10375b;border:1px solid #6380a5;border-radius:100px;padding:10px 20px;font-size:.875rem;min-height:44px}
.pricing-expand span{margin-left:10px}
.pricing-consult{text-align:center;color:white;max-width:800px;margin:auto}
.pricing-consult h3{font-size:clamp(1.5rem,2.2vw,2rem);margin-bottom:18px}
.pricing-consult>p{color:#bdcde4;max-width:670px;margin:0 auto 28px}
.pricing-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.pricing-actions .button{min-height:58px}
.pricing-actions .pricing-line{background:transparent;border:1px solid #809abb;color:#fff;gap:12px}
.pricing-actions .pricing-line:hover{background:#123c61}
.pricing-actions .pricing-line .icon-line{position:relative;width:30px;height:30px;background:#06c755;border-radius:8px;box-shadow:0 0 14px #06c75555;mask:none;-webkit-mask:none}
.pricing-actions .pricing-line .icon-line:before{content:'LINE';position:absolute;left:4px;top:6px;width:22px;height:16px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#06a947;font:800 5.5px/1 'Manrope',sans-serif;letter-spacing:-.04em}
.pricing-actions .pricing-line .icon-line:after{content:'';position:absolute;left:9px;bottom:5px;width:7px;height:7px;background:#fff;clip-path:polygon(0 0,100% 0,22% 100%)}
.pricing-consult .pricing-microcopy{font-size:.875rem;margin:24px auto 0;color:#aabcD5}
.pricing-lightbox{width:calc(100vw - 40px);max-width:1440px;max-height:calc(100dvh - 40px);padding:0;background:#061b38;color:#fff;border:1px solid #58708e;border-radius:16px;overflow:hidden}
.pricing-lightbox::backdrop{background:#020d20eb;backdrop-filter:blur(6px)}
.pricing-lightbox-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #304c6c}
.pricing-lightbox-bar h2{font-size:1rem;margin:0 auto 0 0;letter-spacing:0}
.pricing-lightbox-bar button{border:1px solid #6581a4;border-radius:8px;padding:8px 14px;min-height:44px;background:#173a63;color:white;font-size:.875rem;white-space:nowrap}
.pricing-pan-hint{font-size:.875rem;color:#c0d2e8;margin:10px 20px}
.pricing-image-scroll{overflow:auto;max-height:calc(100dvh - 180px);overscroll-behavior:contain;padding:12px;touch-action:pan-x pan-y pinch-zoom}
.pricing-image-scroll .pricing-image-stage{width:min(100%,1122px);margin:auto;border:0;border-radius:0;box-shadow:none;overflow:visible}
.pricing-image-scroll .pricing-image-stage>img{width:100%;height:auto}
.pricing-lightbox.is-zoomed .pricing-image-scroll .pricing-image-stage{width:1122px;max-width:none;margin:0 auto}
@media(max-width:900px){.pricing-summaries{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pricing-summary:last-child{grid-column:1/-1}.pricing-comparison{width:94%}}
@media(max-width:650px){.pricing-intro{padding:64px 22px 40px}.pricing-subtitle{font-size:1rem}.pricing-summaries{grid-template-columns:1fr;margin-top:32px;gap:16px}.pricing-summary{padding:24px}.pricing-summary:last-child{grid-column:auto}.pricing-detail{padding:20px 18px 64px;background:linear-gradient(#f5f8fd,#143862 120px,#061b38 240px)}.pricing-comparison{width:100%;margin-bottom:44px}.pricing-image-stage{border-radius:12px}.pricing-actions{flex-direction:column}.pricing-actions .button{width:100%;gap:12px}.pricing-lightbox{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:10px}.pricing-lightbox-bar{padding:12px;gap:8px;flex-wrap:wrap}.pricing-lightbox-bar h2{flex-basis:100%}.pricing-close{margin-left:auto}.pricing-pan-hint{margin:8px 12px}.pricing-image-scroll{max-height:calc(100dvh - 195px);padding:8px}}

.agency-pricing-intro{padding:24px 34px 34px;background:linear-gradient(#fff,#f5f8fd);text-align:center}
.agency-pricing-intro h2{max-width:900px;margin:0 auto 18px;font-size:clamp(2rem,3.1vw,3rem)}
.agency-pricing-intro p{max-width:1100px;margin:0 auto;color:#526781;font-size:clamp(.95rem,1.45vw,1.125rem);white-space:nowrap}
.agency-package-visual{position:relative;isolation:isolate;overflow:hidden;padding:38px 50px 50px;background:radial-gradient(ellipse at 50% -8%,#0b4f9a66 0,transparent 48%),radial-gradient(circle at 6% 54%,#066eff2b 0,transparent 25%),radial-gradient(circle at 94% 72%,#006cff1f 0,transparent 28%),linear-gradient(132deg,transparent 0 11%,#0c55bd22 11.1% 13.5%,transparent 13.6% 30%,#0d4da11a 30.1% 33%,transparent 33.1% 72%,#0e4b9e18 72.1% 75%,transparent 75.1%),linear-gradient(145deg,#02091a 0%,#041935 48%,#010817 100%)}
.agency-package-visual:before,.agency-package-visual:after{content:'';position:absolute;inset:-18%;z-index:-1;pointer-events:none}
.agency-package-visual:before{background:repeating-linear-gradient(132deg,transparent 0 118px,#1a67cc12 119px 120px,transparent 121px 218px);transform:translateX(-3%)}
.agency-package-visual:after{background:linear-gradient(132deg,transparent 18%,#087eff 18.12%,#53b5ff 18.2%,transparent 18.42%),linear-gradient(132deg,transparent 86%,#075dcc 86.1%,#1e8dff 86.2%,transparent 86.42%),linear-gradient(42deg,transparent 94%,#0b55c844 94.12%,transparent 94.35%);filter:drop-shadow(0 0 8px #087cff99);opacity:.68}
.agency-pricing-stage{max-width:1040px;margin:auto}
.agency-pricing-caption{text-align:center;margin-top:18px}
.agency-pricing-consult{margin-top:54px}
@media(max-width:900px){.agency-pricing-intro p{white-space:normal}}
@media(max-width:650px){.agency-pricing-intro{padding:22px 22px 28px}.agency-pricing-intro p{font-size:1rem}.agency-package-visual{padding:20px 14px 40px}.agency-pricing-caption{margin-top:14px}.agency-pricing-consult{margin-top:42px}}

.plan-carousel-shell{position:relative;margin:0 -20px}
.plan-carousel{width:100%;overflow:hidden;padding:28px 0 34px;touch-action:pan-y;outline-offset:-3px}
.plan-track{display:flex;gap:32px;align-items:stretch;transition:transform 500ms cubic-bezier(.22,.68,.2,1);will-change:transform}
.plan-card{position:relative;flex:0 0 min(900px,calc(100vw - 250px));min-height:530px;padding:46px 52px 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;color:#fff;background:linear-gradient(132deg,transparent 0 14%,#1165d625 14.1% 17%,transparent 17.1% 73%,#0a4b9e20 73.1% 77%,transparent 77.1%),radial-gradient(circle at 12% 0%,#124e9a66,transparent 38%),linear-gradient(135deg,#061731,#020b1d);border:1px solid #3d8cff;border-radius:22px;box-shadow:inset 0 0 52px #0068d512,0 24px 70px #00163080;opacity:.38;transform:scale(.94);transition:opacity .5s,transform .5s,box-shadow .5s;overflow:hidden}
.plan-card:before,.plan-card:after{content:'';position:absolute;pointer-events:none;transform:rotate(-42deg)}
.plan-card:before{width:420px;height:2px;left:-130px;top:110px;background:linear-gradient(90deg,transparent,#2487ff)}
.plan-card:after{width:360px;height:120px;right:-180px;bottom:-50px;border-top:1px solid #2787ff55;border-bottom:1px solid #2787ff22}
.plan-card.active{opacity:1;transform:scale(1);box-shadow:inset 0 0 58px #087dff14,0 28px 85px #001329aa,0 0 36px #087dff42}
.plan-summary{display:flex;flex-direction:column;justify-content:center;border-right:1px solid #45688f;padding-right:42px;min-width:0}
.plan-name{margin:0 0 32px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1;font-weight:800;letter-spacing:-.045em;background:linear-gradient(#fff,#9ecbff);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan-full-scale .plan-name{font-size:clamp(2.4rem,4vw,3.45rem)}
.plan-business-consult .plan-name{font-size:clamp(2.05rem,3.45vw,2.95rem);letter-spacing:-.045em}
.plan-price{display:flex;flex-direction:column;line-height:1.15}
.plan-price strong{font-size:clamp(2.8rem,5vw,4.6rem);letter-spacing:-.04em}
.plan-price span{margin-top:8px;font-size:1.45rem;font-weight:700}
.plan-note{margin:28px 0 0;padding-top:18px;border-top:1px solid #426387;color:#bfd5ed;font-size:.95rem;line-height:1.55}
.plan-scope{align-self:center;min-width:0}
.plan-scope-label{display:inline-flex;margin:0 0 18px;padding:7px 26px;border-radius:999px;background:linear-gradient(90deg,#086ce2,#245eb2);box-shadow:0 0 24px #1388ff55;font-size:1.15rem;font-weight:800}
.plan-scope ul{list-style:none;margin:0;padding:0}
.plan-scope li{display:flex;gap:16px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #36516f}
.plan-check{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;margin-top:2px;border-radius:50%;background:linear-gradient(135deg,#0d8cff,#2462cf);font-weight:900}
.plan-scope strong,.plan-scope small{display:block}
.plan-scope strong{font-size:1rem;line-height:1.45}
.plan-scope small{margin-top:2px;color:#b9cce2;font-size:.78rem;line-height:1.45}
.plan-tagline{margin:-14px 0 28px;color:#b9cce2;font-size:.98rem;line-height:1.65;font-weight:500;text-wrap:balance}
.plan-tagline .nb{white-space:nowrap}
.plan-subtitle{margin:-14px 0 8px;color:#7cc4ff;font-size:1.2rem;line-height:1.4;font-weight:800}
.plan-subtitle+.plan-tagline{margin-top:0}
.plan-scope .plan-group{padding:2px 0 10px;border-bottom:1px solid #36516f}
.plan-scope .plan-group:last-child{border-bottom:0}
.plan-scope .plan-group h4{margin:12px 0 6px;font-size:1.12rem;line-height:1.45;font-weight:800;color:#fff}
.plan-scope .plan-group li{align-items:center;gap:12px;padding:6px 0;border-bottom:0}
.plan-scope .plan-group .plan-check{flex-basis:24px;width:24px;height:24px;margin-top:0;font-size:.78rem}
.plan-scope .plan-group li>span:last-child{font-size:.97rem;line-height:1.5;color:#dfeafa}
.plan-select{position:absolute;left:50%;bottom:28px;min-width:250px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg,#0875e8,#3b73e9);box-shadow:0 0 28px #188eff55}
.plan-select:hover{transform:translateX(-50%) translateY(-2px)}
.plan-arrow{position:absolute;z-index:4;top:50%;width:52px;height:52px;border-radius:50%;border:1px solid #75a7df;background:#09284dcc;color:#fff;font-size:1.5rem;transform:translateY(-50%);box-shadow:0 8px 25px #00173070}
.plan-prev{left:8px}.plan-next{right:8px}
.plan-controls{display:flex;align-items:flex-start;justify-content:center;gap:25px;margin-top:4px;color:#c6d7eb}
.plan-dots{display:flex;justify-content:center;gap:10px}
.plan-dots button{min-width:96px;padding:10px 6px 7px;border:0;border-bottom:2px solid transparent;background:transparent;color:#93aac4;font-size:.78rem;font-weight:700;letter-spacing:.08em}
.plan-dots button span{display:block;width:10px;height:10px;margin:0 auto 7px;border-radius:50%;background:#315a91}
.plan-dots button[aria-pressed=true]{color:#fff;border-color:#42c9ff}
.plan-dots button[aria-pressed=true] span{background:#42c9ff;box-shadow:0 0 14px #42c9ff}
.plan-count{margin:11px 0 0;min-width:58px;color:#8fa7c3;font-size:.82rem}.plan-count span{color:#fff;font-weight:800}
.agency-pricing-consult{padding-top:52px;border-top:1px solid #1f4f7c}
@media(max-width:900px){.plan-carousel-shell{margin:0 -10px}.plan-card{flex-basis:calc(100vw - 115px);min-height:600px;padding:38px 38px 100px;grid-template-columns:1fr;gap:28px}.plan-summary{border-right:0;border-bottom:1px solid #45688f;padding:0 0 26px;text-align:center}.plan-name{margin-bottom:20px}.plan-price span{font-size:1.2rem}.plan-note{margin-top:18px}.plan-arrow{width:46px;height:46px}.plan-prev{left:0}.plan-next{right:0}.plan-dots{gap:2px}.plan-dots button{min-width:76px}.plan-controls{gap:10px}}
@media(max-width:650px){.plan-carousel{padding:18px 0 25px}.plan-track{gap:18px}.plan-card{flex-basis:calc(100vw - 68px);min-height:650px;padding:30px 22px 96px;border-radius:16px}.plan-name{font-size:2.7rem}.plan-price strong{font-size:3rem}.plan-scope-label{font-size:1rem}.plan-scope li{gap:12px;padding:10px 0}.plan-check{flex-basis:32px;width:32px;height:32px}.plan-select{min-width:220px;bottom:22px}.plan-arrow{top:auto;bottom:-68px;width:44px;height:44px}.plan-prev{left:8px}.plan-next{right:8px}.plan-controls{margin-top:50px;display:block}.plan-dots{overflow:visible;justify-content:space-between;padding:0 2px 5px}.plan-dots button{flex:1;min-width:0;padding:0 3px;font-size:.66rem}.plan-count{text-align:center;margin:6px auto 0}}

@media(max-width:650px){.plan-tagline{margin:-6px 0 22px;font-size:.95rem}.plan-subtitle{margin:-6px 0 6px;font-size:1.1rem}}

/* BUSINESS CONSULT moved from the main carousel into Package Consult. */
.consult-plan-only{padding:48px;display:flex;justify-content:center;background:radial-gradient(circle at 50% 20%,rgba(15,91,194,.34),transparent 52%),#03132c}
.consult-plan-only .plan-card{flex:none;width:min(900px,100%);opacity:1;transform:none}
.consult-plan-only .plan-card:hover{transform:none}
@media(max-width:900px){.consult-plan-only{padding:34px 24px}.consult-plan-only .plan-card{min-height:600px}}
@media(max-width:650px){.consult-plan-only{padding:22px 14px 28px}.consult-plan-only .plan-card{width:100%;min-height:650px}}

/* ADS MANAGEMENT approved image replaces the previous Ads copy block. */
.ads-package-visual{padding:48px;background:radial-gradient(circle at 50% 20%,rgba(15,91,194,.34),transparent 52%),#03132c}
.ads-package-frame{position:relative}
.ads-package-frame>img{width:100%;height:auto;border-radius:18px;box-shadow:0 24px 70px rgba(0,8,30,.52),0 0 34px rgba(30,132,255,.2)}
.ads-image-cta{position:absolute;left:34.6%;top:76%;bottom:auto;width:31%;min-width:0;height:10.8%;padding:0;border-radius:999px;background:transparent!important;color:transparent;opacity:.02;box-shadow:none;transform:none!important}
.ads-image-cta:hover,.ads-image-cta:focus-visible{opacity:.18;background:#fff!important;box-shadow:0 0 22px rgba(121,221,255,.8);transform:none!important}
@media(max-width:900px){.ads-package-visual{padding:34px 24px}}
@media(max-width:650px){.ads-package-visual{padding:22px 14px 28px}.ads-package-frame>img{border-radius:12px}}

/* Automotive Ads results sit directly below Package Ads. */
.ads-results{padding:50px 48px 46px;background:radial-gradient(ellipse at 70% 0%,#1b467c 0%,transparent 42%),linear-gradient(135deg,#071629,#0d2b52 62%,#071629);color:#f6faff;border-top:1px solid #235789}
.ads-results-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:25px;border-bottom:1px solid #3a84c377}
.ads-results .eyebrow{margin:0 0 14px;color:#79ddff;font-size:.77rem;letter-spacing:.22em}
.ads-results h3{margin:0;color:#fff;font-size:clamp(2rem,3.8vw,3rem);line-height:1.22}
.ads-results h3 span{color:#7bdcff}
.ads-results-heading>p{max-width:275px;margin:0 0 4px;color:#c5d5e8;font-size:.98rem;line-height:1.7}
.ads-results-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.ads-result-card{min-width:0;overflow:hidden;border:1px solid #4381b5;border-radius:18px;background:#102b4f;box-shadow:0 16px 35px #00112a66}
.ads-result-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 16px}
.ads-result-card-head h4{margin:0;color:#fff;font-size:1.16rem;line-height:1.45}
.ads-result-card-head h4 small{display:block;margin-top:2px;color:#b3d4ef;font-size:.75rem;font-weight:500}
.ads-result-card-head>span{flex-shrink:0;border:1px solid #458ec6;border-radius:50px;padding:5px 10px;color:#c7e8ff;font-size:.68rem;letter-spacing:.09em}
.ads-result-open{display:block;width:calc(100% - 32px);margin:0 16px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#fff}
.ads-result-open img{width:100%;aspect-ratio:3/1;object-fit:contain;transition:transform .25s}
.ads-result-open:hover img{transform:scale(1.025)}
.ads-result-image-caption{display:flex;justify-content:space-between;gap:12px;margin:0 20px;padding:12px 0 14px;color:#adc9e4;font-size:.75rem}
.ads-result-image-caption span:last-child{color:#8fe2ff;font-weight:700;white-space:nowrap}
.ads-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 20px;padding:20px 0 22px;border-top:1px solid #3a6b96}
.ads-result-stats>div+div{border-left:1px solid #3a6b96;padding-left:16px}
.ads-result-stats small{display:block;color:#bdd2e8;font-size:.78rem;line-height:1.5}
.ads-result-stats strong{display:block;color:#fff;font-size:clamp(1.65rem,2.5vw,2.35rem);line-height:1.25;letter-spacing:-.04em}
.ads-result-stats strong span{font-size:.9rem;letter-spacing:0}
.ads-results-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px;padding-right:300px}
.ads-results-bottom p{margin:0;color:#b5c9df;font-size:.82rem}
.results-portfolio .ads-results-cta{flex-shrink:0;border:1px solid #85dafa;background:linear-gradient(90deg,#086edb,#0a9bec);color:#fff;box-shadow:0 0 24px #168deb55}
.ads-results-method{margin:12px 0 0;color:#a6bbd3;font-size:.7rem;line-height:1.5;text-align:right}
.ads-result-lightbox{width:calc(100vw - 28px);max-width:1500px;max-height:calc(100dvh - 28px);padding:0;overflow:hidden;border:1px solid #5388b9;border-radius:14px;background:#07192e;color:#fff}
.ads-result-lightbox::backdrop{background:#010817e8;backdrop-filter:blur(7px)}
.ads-result-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:1px solid #355e82}
.ads-result-lightbox-bar strong{font-size:1rem}
.ads-result-lightbox-bar button{flex-shrink:0;min-height:40px;padding:7px 15px;border:1px solid #6aaad0;border-radius:8px;background:#123e70;color:#fff}
.ads-result-lightbox-stage{max-height:calc(100dvh - 102px);overflow:auto;background:#fff}
.ads-result-lightbox-stage img{display:block;width:100%;height:auto;max-width:none}
@media(max-width:1000px){.ads-results-bottom{padding-right:0}}
@media(max-width:800px){.ads-results{padding:38px 24px}.ads-results-heading{align-items:start;flex-direction:column;gap:10px}.ads-results-heading>p{max-width:none}.ads-result-card-head{align-items:start;flex-direction:column}.ads-result-card-head>span{order:-1}.ads-result-stats{gap:10px}.ads-result-stats>div+div{padding-left:10px}}
@media(max-width:650px){.ads-results{padding:32px 16px 60px}.ads-results h3{font-size:clamp(1.75rem,8vw,2.4rem)}.ads-results-heading>p{font-size:.9rem}.ads-results-cards{display:flex;gap:14px;margin:24px -16px 0;padding:0 16px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#4ea7db #102b4f}.ads-result-card{flex:0 0 min(85vw,390px);scroll-snap-align:center}.ads-result-card-head{padding:18px 16px 14px}.ads-result-image-caption{margin:0 16px;font-size:.7rem}.ads-result-stats{margin:0 16px}.ads-result-stats strong{font-size:1.8rem}.ads-results-bottom{align-items:stretch;flex-direction:column;gap:18px}.ads-results-cta{width:100%}.ads-results-method{text-align:left}.ads-result-lightbox{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.ads-result-lightbox-bar{padding:10px}.ads-result-lightbox-bar strong{font-size:.84rem}.ads-result-lightbox-stage{max-height:calc(100dvh - 80px)}.ads-result-lightbox-stage img{width:max(100%,900px)}}

/* One business per slide, with its complete results visible together. */
.results-portfolio{padding:68px 24px 78px;background:radial-gradient(ellipse at 63% 10%,#123c70,transparent 52%),#061529;color:#fff;overflow:hidden}
.results-portfolio .wrap{max-width:1200px}
.results-portfolio-heading{text-align:center;padding:0 20px 26px}
.results-portfolio-heading .eyebrow{margin:0 0 9px;color:#7bdcff;letter-spacing:.2em}
.results-portfolio-heading h2{margin:0;color:#fff;font-size:clamp(2rem,3.3vw,2.8rem)}
.results-portfolio-heading>p:last-child{margin:9px 0 0;color:#bfd2e8;font-size:.96rem}
.results-top-tabs{display:none}
.results-carousel{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;outline-offset:3px;transition:height .35s ease}
.results-carousel::-webkit-scrollbar{display:none}
.results-track{display:flex;width:100%;align-items:flex-start}
.results-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.results-slide .ads-results{border:1px solid #315f8e;border-radius:20px}
.results-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}
.results-controls>button{width:48px;height:48px;border:1px solid #71b7e6;border-radius:50%;background:#103767;color:#fff;font-size:1.35rem}
.results-tabs{display:flex;gap:7px}
.results-tabs button{min-width:150px;padding:7px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#9db7d4;font-size:.9rem;font-weight:700}
.results-tabs button small{display:block;color:inherit;font-size:.68rem;font-weight:500}
.results-tabs button[aria-pressed=true]{border-color:#63d5ff;color:#fff}
.results-count{color:#aac2dd;font-size:.82rem;white-space:nowrap}
.results-count span{color:#fff;font-weight:700}
.restaurant-results{padding:50px 48px 46px;border:1px solid #315f8e;border-radius:20px;background:radial-gradient(ellipse at 72% 0%,#1b467c,transparent 43%),linear-gradient(135deg,#071629,#0d2b52 62%,#071629)}
.restaurant-results-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:25px;border-bottom:1px solid #3a84c377}
.restaurant-results-heading .eyebrow{margin:0 0 14px;color:#79ddff;font-size:.77rem;letter-spacing:.22em}
.restaurant-results-heading h3{margin:0;color:#fff;font-size:clamp(2rem,3.8vw,3rem);line-height:1.22}
.restaurant-results-heading h3 span{color:#7bdcff}
.restaurant-results-heading>p{max-width:275px;margin:0 0 4px;color:#c5d5e8;font-size:.98rem;line-height:1.7}
.restaurant-results-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:28px}
.restaurant-result-card{grid-column:span 2;min-width:0;overflow:hidden;border:1px solid #4d8fbd;border-radius:16px;background:#112b4d;box-shadow:0 15px 30px #00132955}
.restaurant-result-card:nth-child(n+4){grid-column:span 3}
.restaurant-result-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 19px;min-height:93px}
.restaurant-result-card-head small{display:block;color:#bed4eb;font-size:.87rem;line-height:1.4}
.restaurant-result-card-head strong{display:block;color:#fff;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.2}
.restaurant-result-card:first-child .restaurant-result-card-head strong{color:#b1ebff}
.restaurant-result-card-head>span{color:#91d8fb;font-size:.7rem;letter-spacing:.08em;white-space:nowrap}
.restaurant-result-open{position:relative;display:block;width:100%;aspect-ratio:558/370;overflow:hidden;padding:0;border:0;background:#fff}
.restaurant-result-open img{position:absolute;top:0;width:200%;height:auto;max-width:none}
.restaurant-crop-left img{left:0}
.restaurant-crop-right img{right:0}
.restaurant-crop-full img{left:0;width:100%}
.restaurant-result-source{display:flex;justify-content:space-between;align-items:center;padding:10px 17px;color:#aec9e2;font-size:.73rem}
.restaurant-result-source span{color:#83dcff}
.restaurant-results-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.restaurant-results-bottom p{margin:0;color:#b5c9df;font-size:.82rem}
.restaurant-results-bottom .button{flex-shrink:0;border:1px solid #85dafa;background:linear-gradient(90deg,#086edb,#0a9bec);color:#fff}
.clinic-results{background:radial-gradient(ellipse at 80% 0%,#154274,transparent 42%),linear-gradient(135deg,#071629,#0d2b52 62%,#071629)}
.clinic-block{margin-top:29px}
.clinic-block>h4{display:flex;align-items:center;gap:14px;margin:0;color:#fff;font-size:1.25rem}
.clinic-block>h4:before{content:'';display:block;width:28px;height:2px;background:#6ed8ff;box-shadow:0 0 12px #42c9ff}
.clinic-block .restaurant-results-grid{margin-top:17px}
.clinic-contact{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;margin-top:19px;overflow:hidden;border:1px solid #4d8fbd;border-radius:16px;background:#102d50}
.clinic-contact>div{padding:24px}
.clinic-contact .eyebrow{margin:0 0 8px;color:#89dcff;font-size:.74rem}
.clinic-contact h5{margin:0 0 18px;color:#fff;font-size:1.2rem}
.clinic-contact-stats{display:flex;gap:25px}
.clinic-contact-stats>div+div{padding-left:25px;border-left:1px solid #4d8fbd}
.clinic-contact-stats small,.clinic-ads-stats small{display:block;color:#b7cfe7;font-size:.82rem}
.clinic-contact-stats strong,.clinic-ads-stats strong{display:block;color:#fff;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.2}
.clinic-contact-stats strong span,.clinic-ads-stats strong span{font-size:.95rem}
.clinic-contact>div>p:last-child,.clinic-ads-stats>p{margin:18px 0 0;color:#b3c9df;font-size:.8rem;line-height:1.6}
.clinic-contact>button,.clinic-ads-layout>button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;min-width:0;padding:0;border:0;background:#fff;color:#b5d4ef;text-align:left;cursor:pointer}
.clinic-contact>button img,.clinic-ads-layout>button img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;object-position:top left}
.clinic-contact>button span,.clinic-ads-layout>button span{display:block;padding:9px 15px;background:#102d50;color:#b5d4ef;font-size:.8rem}
.clinic-ads-block{padding-top:25px;border-top:1px solid #3a84c377}
.clinic-ads-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;margin-top:17px}
.clinic-ads-stats{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:24px;border:1px solid #4d8fbd;border-radius:16px;background:#102d50}
.clinic-ads-stats>div+div{padding-top:18px;border-top:1px solid #3a6b96}
.clinic-ads-stats strong{color:#a9e8ff}
.clinic-ads-layout>button{overflow:hidden;border:1px solid #4d8fbd;border-radius:16px}
.clinic-results .restaurant-results-bottom{padding-top:22px;border-top:1px solid #3a84c377}
@media(max-width:800px){.restaurant-results{padding:38px 24px}.restaurant-results-heading{align-items:start;flex-direction:column;gap:10px}.restaurant-results-heading>p{max-width:none}.restaurant-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-result-card,.restaurant-result-card:nth-child(n+4){grid-column:span 1}.restaurant-result-card:nth-child(3){grid-column:span 2}.restaurant-results-bottom{align-items:stretch;flex-direction:column}.restaurant-results-bottom .button{align-self:flex-start}}
@media(max-width:800px){.clinic-contact,.clinic-ads-layout{grid-template-columns:1fr}.clinic-contact>button img,.clinic-ads-layout>button img{max-height:310px}.clinic-contact-stats{flex-wrap:wrap}}
@media(max-width:650px){.results-portfolio{padding:52px 12px 66px}.results-portfolio-heading{padding:0 10px 22px}.results-portfolio-heading h2{font-size:1.9rem}.results-portfolio-heading>p:last-child{font-size:.85rem}.results-slide .ads-results,.restaurant-results{border-radius:14px}.restaurant-results{padding:32px 16px 40px}.restaurant-results-heading h3{font-size:clamp(1.75rem,8vw,2.4rem)}.restaurant-results-heading>p{font-size:.9rem}.restaurant-results-grid{display:grid;grid-template-columns:1fr;gap:13px;margin-top:23px}.restaurant-result-card,.restaurant-result-card:nth-child(n+4),.restaurant-result-card:nth-child(3){grid-column:1}.restaurant-result-card-head{min-height:77px;padding:13px 16px}.restaurant-result-card-head strong{font-size:1.9rem}.restaurant-results-bottom .button{align-self:stretch}.results-controls{gap:8px}.results-controls>button{width:42px;height:42px;flex-shrink:0}.results-tabs{flex:1;gap:0}.results-tabs button{flex:1;min-width:0;padding:6px 2px;font-size:.78rem}.results-count{font-size:.7rem}}
@media(max-width:650px){.results-top-tabs{display:flex;gap:8px;margin:0 0 17px}.results-top-tabs button{flex:1;min-width:0;padding:9px 6px;border:1px solid #4d85b6;border-radius:10px;background:#102e53;color:#b4cce5;font-size:.85rem;font-weight:700}.results-top-tabs button small{display:block;font-size:.66rem;font-weight:500}.results-top-tabs button[aria-pressed=true]{border-color:#82dcff;background:#155593;color:#fff}.results-slide .ads-results-cards{display:grid;grid-template-columns:1fr;gap:14px;overflow:visible;margin:24px 0 0;padding:0}.results-slide .ads-result-card{width:100%;scroll-snap-align:none}.results-tabs{display:none}}
@media(max-width:650px){.results-top-tabs{gap:5px}.results-top-tabs button{padding:8px 2px;font-size:.72rem}.results-top-tabs button small{font-size:.58rem}.clinic-block{margin-top:22px}.clinic-block>h4{font-size:1.1rem}.clinic-contact>div,.clinic-ads-stats{padding:18px}.clinic-contact-stats{gap:12px}.clinic-contact-stats>div+div{padding-left:12px}.clinic-contact-stats strong,.clinic-ads-stats strong{font-size:1.85rem}.clinic-contact>button img,.clinic-ads-layout>button img{max-height:220px}}
@media(prefers-reduced-motion:reduce){.results-carousel{transition:none}}

/* HORIZONTAL FILMS — cinematic carousel treatment */
.horizontal-films{position:relative;padding:74px 0 64px;background:radial-gradient(ellipse 62% 46% at 50% 39%,rgba(24,88,175,.64),transparent 69%),radial-gradient(ellipse 46% 32% at 50% 68%,rgba(16,121,238,.27),transparent 72%),linear-gradient(135deg,#010611 0%,#05142e 42%,#020916 100%)}
.horizontal-films:before,.horizontal-films:after{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(126deg,transparent 0 24%,rgba(63,142,255,.11) 24.1%,transparent 24.4% 64%,rgba(58,126,255,.08) 64.1%,transparent 64.5%);opacity:.7}
.horizontal-films:after{background:linear-gradient(90deg,transparent,rgba(102,188,255,.16),transparent);height:1px;top:53%;bottom:auto;filter:blur(.3px)}
.horizontal-films .wrap{position:relative;z-index:1}
.horizontal-film-intro{display:flex;justify-content:space-between;align-items:end;gap:48px;max-width:1180px;margin:0 auto 12px}
.horizontal-film-intro .eyebrow{margin:0 0 10px;color:#4eb9ff;font-size:.7rem;letter-spacing:.23em}
.horizontal-film-intro h2{margin:0;color:#f5f9ff;font-size:clamp(2rem,3.4vw,3.15rem);line-height:.98;letter-spacing:-.05em}
.horizontal-film-intro h2 span{color:#2e8cff}
.horizontal-film-intro>p{margin:0 0 4px;max-width:290px;color:#aac8ee;font-size:.92rem;line-height:1.6;text-align:right}
.horizontal-film-carousel{position:relative;z-index:1;overflow:hidden;padding:24px 0 10px;outline-offset:-4px}
.horizontal-film-carousel:before{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#020916 0%,transparent 14%,transparent 86%,#020916 100%);pointer-events:none}
.horizontal-film-track{gap:34px;align-items:center;transition:transform 620ms cubic-bezier(.16,.86,.22,1)}
.horizontal-film-card{position:relative;flex-basis:min(59vw,820px);border:1px solid rgba(111,182,255,.27);border-radius:18px;background:linear-gradient(145deg,rgba(15,45,89,.88),rgba(3,12,30,.96));box-shadow:0 24px 65px rgba(0,0,0,.48);opacity:.28;transform:scale(.82);filter:saturate(.55);transition:transform 620ms cubic-bezier(.16,.86,.22,1),opacity 500ms,border-color 500ms,box-shadow 500ms,filter 500ms}
.horizontal-film-card.active{border-color:#67caff;opacity:1;transform:scale(1);filter:none;box-shadow:0 0 0 1px rgba(138,220,255,.18),0 0 38px rgba(31,134,255,.52),0 30px 70px rgba(0,0,0,.58)}
.horizontal-film-card:before{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(127,208,255,.16),transparent 24%,transparent 70%,rgba(24,130,255,.15));pointer-events:none}
.horizontal-film-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:17px 17px 0 0;background:linear-gradient(135deg,#061c42,#01040b)}
.horizontal-film-screen:after{content:'';position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,7,22,.74));pointer-events:none}
.horizontal-film-screen video{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.91)}
.horizontal-film-index{position:absolute;z-index:4;top:17px;left:19px;padding:6px 9px;border:1px solid rgba(150,220,255,.55);border-radius:999px;background:rgba(4,17,41,.72);color:#e6f6ff;font-size:.66rem;letter-spacing:.13em;backdrop-filter:blur(8px)}
.horizontal-film-select{position:absolute;z-index:5;left:50%;top:50%;width:66px;height:66px;padding:0;border:1px solid rgba(193,237,255,.9);border-radius:50%;background:rgba(7,34,77,.62);color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 25px rgba(77,183,255,.62);opacity:0;transition:opacity .25s,transform .25s;backdrop-filter:blur(8px)}
.horizontal-film-card.active .horizontal-film-select{opacity:1}.horizontal-film-select:hover{transform:translate(-50%,-50%) scale(1.09);background:#177de8}.horizontal-film-select span{display:block;padding-left:3px;font-size:1rem}
.horizontal-film-screen.is-playing .horizontal-film-select{opacity:0;pointer-events:none}
.horizontal-film-screen.is-loading .horizontal-film-select{opacity:1;cursor:wait}.horizontal-film-screen.is-loading .horizontal-film-select span{font-size:0}.horizontal-film-screen.is-loading .horizontal-film-select span:after{content:'';display:block;width:22px;height:22px;margin:auto;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:horizontal-film-spin .8s linear infinite}@keyframes horizontal-film-spin{to{transform:rotate(360deg)}}
.horizontal-film-caption{position:relative;z-index:4;min-height:82px;padding:14px 20px 16px;border-top:1px solid rgba(125,185,246,.24);background:rgba(3,14,34,.88)}
.horizontal-film-caption small{color:#79c8ff;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}.horizontal-film-caption h3{font-size:1.02rem;line-height:1.25;color:#fff}
.horizontal-film-caption>button{width:auto;height:auto;padding:7px 10px;border:0;border-radius:0;background:transparent;color:#a9ddff;font-size:.72rem;letter-spacing:.05em}.horizontal-film-caption>button span{padding-left:4px;font-size:1rem}.horizontal-film-caption>button:hover{color:#fff}
.horizontal-film-controls{position:relative;z-index:3;margin:12px auto 22px;gap:18px}.horizontal-film-controls>button{width:40px;height:40px;border-color:rgba(151,211,255,.62);background:rgba(12,44,87,.52);font-size:1rem}.horizontal-film-controls>button:hover{background:#1682ee}.horizontal-film-dots button{width:20px}.horizontal-film-dots button:after{inset:13px 6px;background:#355c91}.horizontal-film-dots button[aria-pressed=true]:after{width:18px;inset:12px 1px;border-radius:999px;background:#63ccff;box-shadow:0 0 12px #3caaff}
.horizontal-film-thumbnails{grid-template-columns:repeat(11,minmax(0,1fr));max-width:1040px;gap:7px}.horizontal-film-thumbnails button{padding:3px;border-color:rgba(90,153,219,.34);background:rgba(6,24,55,.55)}.horizontal-film-thumbnails button[aria-pressed=true]{border-color:#71d2ff;background:rgba(26,103,179,.5);box-shadow:0 0 15px rgba(37,151,255,.3)}.horizontal-film-thumbnails small{display:none}.horizontal-film-thumbnails b{font-size:.62rem}
@media(max-width:900px){.horizontal-films{padding:58px 0 54px}.horizontal-film-intro{padding:0 28px}.horizontal-film-card{flex-basis:min(74vw,690px)}.horizontal-film-thumbnails{grid-template-columns:repeat(6,minmax(0,1fr));max-width:670px}}
@media(max-width:650px){.horizontal-films{padding:45px 0 42px}.horizontal-film-intro{display:block;padding:0 22px;margin-bottom:14px}.horizontal-film-intro h2{font-size:2.25rem}.horizontal-film-intro>p{margin-top:12px;text-align:left;font-size:.84rem}.horizontal-film-carousel{padding:18px 0 5px}.horizontal-film-track{gap:14px}.horizontal-film-card{flex-basis:84vw;transform:scale(.88)}.horizontal-film-card.active{transform:scale(1)}.horizontal-film-caption{min-height:70px;padding:11px 13px}.horizontal-film-caption h3{font-size:.86rem}.horizontal-film-select{width:52px;height:52px}.horizontal-film-index{top:10px;left:10px}.horizontal-film-thumbnails{display:flex;max-width:none;padding:0 22px 5px;gap:7px}.horizontal-film-thumbnails button{flex:0 0 72px}.horizontal-film-controls{margin:8px auto 16px}}

/* Restrained, one-time scroll entrance for editorial content. */
.scroll-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.scroll-reveal-media{transform:translate3d(0,16px,0) scale(.985)}
.scroll-reveal.is-visible{opacity:1;transform:none}
@media(max-width:650px){.scroll-reveal{transform:translate3d(0,14px,0);transition-duration:.55s}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.scroll-reveal-media{opacity:1;transform:none;transition:none}}
.about-media img{display:block;width:100%;height:auto}
.works .thumbnails{justify-content:flex-start;max-width:1200px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:12px;padding:0 24px 14px;scrollbar-color:#6da4e8 #101b32}
.works .thumbnails button{flex:0 0 clamp(132px,16vw,180px);width:auto;scroll-snap-align:center;font-size:.75rem;line-height:1.4}
.works .thumbnails button>span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em}
.video-caption h3{margin:0 0 4px}
.video-caption small{display:block;line-height:1.45}