:root{--bg:#0f141a;--bg2:#151c24;--card:#19212a;--card2:#111820;--text:#f7f7f5;--muted:#a9b2bd;--gold:#d8b44a;--gold2:#f1d277;--gold-dark:#b58e27;--line:#2a3440;--green:#4bc48a;--red:#ef7d7d;--shadow:0 18px 55px rgba(0,0,0,.24);--radius:18px;--radius-sm:12px;--max:1180px;--font:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--muted);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:var(--gold2);text-decoration:none}a:hover{color:#fff}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{width:min(calc(100% - 40px),820px);margin:auto}.section{padding:92px 0}.section-sm{padding:64px 0}.section-alt{background:var(--bg2);border-block:1px solid rgba(255,255,255,.03)}.section-head{max-width:760px;margin:0 auto 48px;text-align:center}.section-head.left{text-align:left;margin-left:0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold2);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px}.eyebrow:before{content:'';width:26px;height:1px;background:var(--gold)}h1,h2,h3,h4{color:var(--text);line-height:1.13;letter-spacing:-.035em;margin:0 0 16px}h1{font-size:clamp(2.4rem,5vw,4.6rem)}h2{font-size:clamp(2rem,3.7vw,3.2rem)}h3{font-size:1.35rem}h4{font-size:1.05rem}.lead{font-size:clamp(1.05rem,2vw,1.25rem);max-width:760px}.gold{color:var(--gold2)}.muted{color:var(--muted)}.small{font-size:.9rem}.center{text-align:center}.stack{display:grid;gap:20px}.grid-2,.grid-3,.grid-4{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
/* header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(15,20,26,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:154px;height:auto;display:block}.nav{margin-left:auto}.nav-list{display:flex;align-items:center;gap:23px;list-style:none;padding:0;margin:0}.nav-list a,.nav-toggle{color:#e9edf1;font-size:.92rem;font-weight:650;background:none;border:0;cursor:pointer;padding:27px 0;white-space:nowrap}.nav-list a:hover,.nav-toggle:hover{color:var(--gold2)}.nav-item{position:relative}.dropdown{position:absolute;top:67px;left:-18px;width:285px;background:#121922;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;transform:none;pointer-events:auto}.dropdown a{display:block;padding:10px 12px;border-radius:9px;font-size:.88rem}.dropdown a:hover{background:rgba(216,180,74,.09)}.header-actions{display:flex;align-items:center;gap:13px}.phone-link{font-size:.92rem;color:#fff;font-weight:750;white-space:nowrap}.menu-btn{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 22px;border-radius:10px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:transform .18s,background .18s,border-color .18s;color:inherit;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#10151b}.btn-primary:hover{background:var(--gold2);color:#10151b}.btn-secondary{border-color:rgba(216,180,74,.58);color:var(--gold2);background:rgba(216,180,74,.04)}.btn-secondary:hover{background:rgba(216,180,74,.1);color:#fff}.btn-quiet{border-color:var(--line);color:#fff;background:rgba(255,255,255,.025)}.btn-sm{min-height:42px;padding:9px 15px;font-size:.88rem}.cta-row{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
/* hero */
.hero{position:relative;overflow:hidden;padding:100px 0 86px;background:radial-gradient(800px 500px at 80% -10%,rgba(216,180,74,.12),transparent 62%),linear-gradient(180deg,#101720 0%,var(--bg) 78%)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 75%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.hero-copy p{font-size:1.18rem;max-width:710px;margin:0 0 28px}.hero-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:.87rem}.hero-note span{display:flex;gap:7px;align-items:center}.hero-note span:before{content:'✓';color:var(--gold2);font-weight:900}.search-demo{background:linear-gradient(160deg,#1b242e,#111820);border:1px solid #35414e;border-radius:24px;padding:20px;box-shadow:0 30px 85px rgba(0,0,0,.38);transform:rotate(1deg)}.browser-bar{display:flex;align-items:center;gap:6px;padding-bottom:15px;border-bottom:1px solid var(--line)}.dot{width:9px;height:9px;border-radius:50%;background:#47515e}.search-box{margin:18px 0 16px;background:#0f151c;border:1px solid #3a4551;border-radius:28px;padding:13px 17px;color:#fff;display:flex;align-items:center;gap:12px}.result{border-bottom:1px solid #2b3540;padding:16px 5px}.result:last-child{border:0}.result-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--gold2);font-weight:800}.result-title{color:#d6e7ff;font-size:1.07rem;font-weight:750;margin:3px 0}.result-url{font-size:.75rem;color:#7fd5a6}.result-copy{font-size:.78rem;line-height:1.45}.hero-mini{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.hero-mini div{background:#0f151c;border:1px solid #303a46;border-radius:12px;padding:12px;font-size:.75rem}.hero-mini b{display:block;color:#fff;font-size:.83rem}
/* proof */
.proof-strip{border-block:1px solid var(--line);background:#10161d}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-item{padding:27px 22px;text-align:center;border-right:1px solid var(--line)}.proof-item:last-child{border-right:0}.proof-number{display:block;color:#fff;font-weight:850;font-size:1.65rem;line-height:1.1}.proof-label{font-size:.82rem}.kp-proof{color:inherit}.kp-proof:hover .proof-number{color:var(--gold2)}
/* cards */
.card{background:linear-gradient(160deg,#19222c,#151c24);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.2s}.card:hover{border-color:#475464;transform:translateY(-3px)}.icon-box{width:48px;height:48px;border-radius:13px;background:rgba(216,180,74,.1);border:1px solid rgba(216,180,74,.22);display:grid;place-items:center;color:var(--gold2);font-weight:850;margin-bottom:20px}.icon-box svg{width:23px;height:23px}.feature-list{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:9px}.feature-list li{position:relative;padding-left:23px;font-size:.92rem}.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--gold2);font-weight:900}.feature-list.no-check li:before{content:'•'}.card-link{display:inline-flex;margin-top:18px;font-weight:750;font-size:.9rem}
/* google explainer */
.google-map{display:grid;grid-template-columns:1fr 72px 1fr;align-items:stretch;gap:18px}.channel-card{padding:34px;border:1px solid var(--line);background:var(--card);border-radius:22px}.channel-card.ads{border-top:3px solid var(--gold)}.channel-card.seo{border-top:3px solid var(--green)}.channel-badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.73rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}.ads .channel-badge{background:rgba(216,180,74,.12);color:var(--gold2)}.seo .channel-badge{background:rgba(75,196,138,.12);color:#78e1aa}.plus{display:grid;place-items:center;color:#66717e;font-size:2rem;font-weight:300}.decision{margin-top:24px;border:1px solid rgba(216,180,74,.25);background:linear-gradient(90deg,rgba(216,180,74,.08),rgba(216,180,74,.02));border-radius:16px;padding:21px;text-align:center;color:#dfe5eb}.decision b{color:var(--gold2)}
/* pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.price-card{position:relative;background:#171f28;border:1px solid var(--line);border-radius:20px;padding:26px 23px;display:flex;flex-direction:column}.price-card.recommended{border-color:var(--gold);box-shadow:0 0 0 1px rgba(216,180,74,.18),0 18px 55px rgba(0,0,0,.24);transform:translateY(-8px)}.badge{display:inline-flex;align-self:flex-start;background:rgba(216,180,74,.12);color:var(--gold2);font-size:.67rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(216,180,74,.25);padding:5px 9px;border-radius:999px;margin-bottom:13px}.price-name{color:#fff;font-size:1.05rem;font-weight:850}.price{font-size:2rem;color:#fff;font-weight:850;letter-spacing:-.04em;margin:7px 0}.price small{font-size:.83rem;color:var(--muted);font-weight:500}.price-card p{font-size:.87rem;min-height:60px}.price-card .feature-list{margin-bottom:25px}.price-card .btn{margin-top:auto;width:100%}.pricing-note{text-align:center;font-size:.87rem;margin-top:22px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:740px;background:#141b23}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:.88rem}th{color:#fff;background:#19222b;position:sticky;top:0}td:not(:first-child),th:not(:first-child){text-align:center}.yes{color:var(--green);font-weight:900}.no{color:#59636f}
/* portfolio */
.project-card{overflow:hidden;padding:0}.project-preview{height:235px;background:linear-gradient(135deg,#242f3a,#111820);padding:18px;position:relative;border-bottom:1px solid var(--line)}.project-body{padding:23px}.project-meta{font-size:.75rem;color:var(--gold2);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project-body h3{margin-top:6px}.project-body p{font-size:.87rem}.project-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
/* testimonials */
.quote-card blockquote{margin:0 0 18px;color:#e3e8ed;font-size:.98rem}.quote-card cite{font-style:normal;font-size:.82rem}.quote-card cite b{display:block;color:white;font-size:.92rem}.stars{color:var(--gold2);letter-spacing:.1em;margin-bottom:12px}
/* process */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.process-step{position:relative;padding:26px 22px;border:1px solid var(--line);border-radius:16px;background:#141b23}.process-step:before{counter-increment:step;content:'0' counter(step);display:block;color:var(--gold2);font-weight:900;font-size:.78rem;letter-spacing:.08em;margin-bottom:26px}.process-step:not(:last-child):after{content:'→';position:absolute;right:-14px;top:45%;z-index:2;color:#5f6975;background:var(--bg);width:28px;text-align:center}
/* forms */
.form-shell{background:linear-gradient(145deg,#1a232d,#121920);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:grid;gap:7px}.form-group.full{grid-column:1/-1}.form-group label{font-size:.82rem;color:#e8edf2;font-weight:750}.form-control{width:100%;min-height:50px;border:1px solid #35404c;border-radius:10px;background:#0e151c;color:#fff;padding:12px 14px;outline:0;transition:.16s}.form-control:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,180,74,.1)}textarea.form-control{min-height:118px;resize:vertical}.form-help{font-size:.76rem}.hp-field{position:absolute!important;left:-10000px!important;opacity:0!important}.form-status{display:none;margin-top:12px;padding:12px;border-radius:9px;font-size:.84rem}.form-status.show{display:block}.form-status.error{background:rgba(239,125,125,.1);color:#ffc2c2;border:1px solid rgba(239,125,125,.25)}
/* CTA */
.cta-band{background:linear-gradient(120deg,#1c2630,#11181f);border-block:1px solid var(--line);padding:64px 0}.cta-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.cta-inner p{margin-bottom:0}.contact-options{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
/* footer */
.footer{padding:65px 0 110px;border-top:1px solid var(--line);background:#0c1117}.footer-top-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.footer-top-links a{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#111821;color:#d4dbe2;font-size:.8rem}.footer-top-links a:hover{color:#fff;border-color:#3a4654}.footer-grid{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:38px}.footer-brand img{width:170px}.footer-brand p{font-size:.87rem;max-width:350px}.footer h4{font-size:.9rem;letter-spacing:.02em}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted);font-size:.84rem}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:45px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:.78rem;flex-wrap:wrap}.kp-link{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-size:.82rem}.mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:#0c1117;border-top:1px solid var(--line);padding:8px;gap:8px}.mobile-cta .btn{min-height:46px;padding:10px 12px}.mobile-cta .call{flex:.42}.mobile-cta .estimate{flex:.58}
/* article */
.breadcrumbs{font-size:.78rem;margin-bottom:25px}.breadcrumbs a{color:#8f9aa6}.article-hero{padding:75px 0 42px;border-bottom:1px solid var(--line);background:radial-gradient(700px 300px at 80% 0,rgba(216,180,74,.08),transparent)}.article-meta{font-size:.8rem;display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:55px;justify-content:center;align-items:start}.toc{position:sticky;top:105px;border:1px solid var(--line);background:#121920;border-radius:14px;padding:18px}.toc b{display:block;color:#fff;font-size:.85rem;margin-bottom:12px}.toc a{display:block;color:#8f9aa6;font-size:.78rem;padding:5px 0}.toc a:hover{color:var(--gold2)}.article-body h2{margin-top:54px}.article-body h3{margin-top:32px}.article-body p,.article-body li{font-size:1rem}.article-body ul,.article-body ol{padding-left:22px}.info-box,.warning-box{border-left:4px solid var(--gold);background:rgba(216,180,74,.07);border-radius:10px;padding:18px 20px;margin:25px 0}.warning-box{border-color:#e59d55;background:rgba(229,157,85,.07)}.article-cta{margin:36px 0;padding:24px;border:1px solid rgba(216,180,74,.3);background:linear-gradient(90deg,rgba(216,180,74,.08),transparent);border-radius:16px}.article-cta h3{margin-top:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.comparison>div{border:1px solid var(--line);background:#141b23;border-radius:14px;padding:20px}
/* FAQ */
.faq-tools{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:start}.faq-nav{position:sticky;top:100px;border:1px solid var(--line);background:#121920;border-radius:15px;padding:12px}.faq-nav a{display:block;color:#aeb7c1;padding:10px 12px;border-radius:8px;font-size:.84rem}.faq-nav a:hover{background:rgba(216,180,74,.08);color:#fff}.faq-search{position:relative;margin:0 auto 45px;max-width:700px}.faq-search input{padding-left:44px}.faq-search:before{content:'⌕';position:absolute;left:16px;top:9px;font-size:1.3rem;color:#7e8995}.faq-category{margin-bottom:45px}.faq-item{border:1px solid var(--line);border-radius:12px;background:#131a22;margin:9px 0;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;background:none;border:0;color:#eef2f5;padding:17px 18px;font-weight:750;cursor:pointer}.faq-question span:last-child{color:var(--gold2);font-size:1.2rem;transition:.18s}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s}.faq-answer>div{overflow:hidden}.faq-answer p{padding:0 18px 17px;margin:0;font-size:.9rem}.faq-item.active .faq-answer{grid-template-rows:1fr}.faq-item.active .faq-question span:last-child{transform:rotate(45deg)}.faq-empty{display:none;padding:25px;text-align:center;border:1px dashed var(--line);border-radius:12px}.faq-empty.show{display:block}
/* misc */
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.list-clean{list-style:none;padding:0}.list-clean li{padding:10px 0;border-bottom:1px solid var(--line)}.pill-row{display:flex;gap:9px;flex-wrap:wrap}.pill{font-size:.75rem;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:#c4ccd4}.highlight{border:1px solid rgba(216,180,74,.3);background:rgba(216,180,74,.05);border-radius:18px;padding:27px}.number-big{color:var(--gold2);font-size:2.6rem;font-weight:900;letter-spacing:-.05em}.search-intent{display:flex;align-items:center;gap:13px;background:#111820;border:1px solid var(--line);border-radius:13px;padding:15px 17px;margin:11px 0}.search-intent code{font-family:inherit;color:#fff}.search-intent span{margin-left:auto;font-size:.72rem;color:var(--gold2);font-weight:800}.legal h2{font-size:1.55rem;margin-top:36px}.legal h3{font-size:1.1rem;margin-top:25px}.legal p,.legal li{font-size:.92rem}.blog-card{display:flex;flex-direction:column}.blog-card .tag{font-size:.71rem;color:var(--gold2);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.blog-card p{font-size:.88rem}.blog-card .card-link{margin-top:auto}.alert{background:rgba(75,196,138,.08);border:1px solid rgba(75,196,138,.25);color:#bcebd1;border-radius:12px;padding:14px 16px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--gold);color:#000;padding:10px;z-index:2000}.skip-link:focus{left:10px;top:10px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1050px){.nav{display:none;position:fixed;top:78px;left:0;right:0;bottom:0;background:#0f141a;padding:20px;overflow:auto}.nav.active{display:block}.nav-list{display:grid;gap:0}.nav-list a,.nav-toggle{padding:13px 8px;width:100%;text-align:left}.dropdown{position:static;width:auto;opacity:1;transform:none;pointer-events:auto;box-shadow:none;border:0;background:#121922;margin:0 0 10px 12px;display:none}.nav-item.open .dropdown{display:block}.menu-btn{display:flex}.header-actions .phone-link{display:none}.header-actions .btn{display:none}.hero-grid{grid-template-columns:1fr;gap:46px}.search-demo{max-width:650px;margin:auto;transform:none}.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-card.recommended{transform:none}.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.toc{position:relative;top:auto}.faq-tools{grid-template-columns:1fr}.faq-nav{position:static;display:flex;overflow:auto;gap:4px}.faq-nav a{white-space:nowrap}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-item:nth-child(2){border-right:0}.proof-item:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.container,.narrow{width:min(calc(100% - 28px),var(--max))}.section{padding:68px 0}.section-sm{padding:48px 0}.hero{padding:70px 0 60px}.hero h1{font-size:clamp(2.25rem,12vw,3.35rem)}.hero-copy p{font-size:1.05rem}.cta-row .btn{width:100%}.hero-note{display:grid;gap:8px}.grid-2,.grid-3,.grid-4,.pricing-grid,.split,.comparison{grid-template-columns:1fr}.google-map{grid-template-columns:1fr}.plus{height:28px}.process{grid-template-columns:1fr}.process-step:not(:last-child):after{content:'↓';top:auto;bottom:-18px;right:50%;background:var(--bg)}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.form-shell{padding:22px}.cta-inner{grid-template-columns:1fr}.contact-options{justify-content:flex-start}.footer-top-links{gap:8px}.footer-top-links a{font-size:.76rem;padding:6px 10px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-brand{grid-column:1/-1}.mobile-cta{display:flex}.footer{padding-bottom:105px}.project-preview{height:215px}.proof-item{padding:22px 10px}.proof-number{font-size:1.35rem}.header-inner{height:70px}.nav{top:70px}.article-hero{padding:50px 0 34px}.article-body h2{margin-top:42px}.faq-question{font-size:.9rem}.faq-nav{margin-inline:-14px;border-radius:0;border-inline:0}.header-actions{margin-left:auto}.brand img{width:142px}}
@media(max-width:420px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.mobile-cta .btn{font-size:.78rem}.hero-mini{grid-template-columns:1fr}.proof-number{font-size:1.2rem}.proof-label{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* V3: expanded services + portfolio imagery */
.rich-copy{max-width:980px;margin:0 auto}.rich-copy>p{font-size:1.03rem;line-height:1.82;margin:0 0 20px}.rich-copy .grid-3{margin-top:34px}.service-highlight{margin-top:32px}.service-index-card{display:flex;flex-direction:column;align-items:flex-start}.service-index-card .btn{margin-top:auto}.project-preview{overflow:hidden;background:#0a0d11}.project-preview picture{display:block;height:100%}.project-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.project-card:hover .project-preview img{transform:scale(1.025)}.project-note{max-width:860px;margin-inline:auto;color:var(--muted)}
@media(max-width:760px){.rich-copy>p{font-size:1rem;line-height:1.72}.project-preview{height:210px}}
@media(min-width:1051px){.header-inner{gap:18px}.nav-list{gap:16px}.nav-list a,.nav-toggle{font-size:.88rem}}

/* V5 SEO cluster system */
.cluster-hero .lead{max-width:900px}.topic-card{display:flex;flex-direction:column;min-height:100%;text-decoration:none}.topic-card h3{margin:7px 0 10px}.topic-card p{font-size:.88rem;flex:1}.topic-card .text-link{margin-top:12px;color:var(--gold2);font-weight:700;font-size:.84rem}.related-topics .topic-card{padding:20px}.cluster-links-section{border-top:1px solid var(--line)}.cluster-all{margin-top:30px}.guide-hub{display:grid;gap:56px}.guide-group{padding-bottom:42px;border-bottom:1px solid var(--line)}.guide-group:last-child{border-bottom:0}.guide-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 22px;margin-top:20px}.guide-link-grid a{padding:11px 0;color:#c7d0d8;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem}.guide-link-grid a:hover{color:var(--gold2)}.footer-guides{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.footer-guides h5{margin:0 0 12px;color:#fff;font-size:.82rem}.footer-guides a{display:block;color:var(--muted);font-size:.79rem;padding:4px 0}.footer-guides a:hover{color:#fff}.footer-bottom{border-top:0}.article-body a:not(.btn){text-decoration:underline;text-decoration-color:rgba(216,180,74,.4);text-underline-offset:3px}.article-body a:hover{color:var(--gold2)}
@media(max-width:1050px){.guide-link-grid{grid-template-columns:repeat(2,1fr)}.footer-guides{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.guide-link-grid{grid-template-columns:1fr}.footer-guides{grid-template-columns:1fr 1fr}.related-topics{grid-template-columns:1fr}.project-preview{height:215px}}
@media(max-width:420px){.footer-guides{grid-template-columns:1fr}}
/* V5.1: portfolio previews and cluster navigation */
.project-preview{padding:0;height:255px;background:#090b0f}
.project-preview picture,.project-preview img{width:100%;height:100%}
.project-preview img{object-fit:cover;object-position:center}
.footer-cluster-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:34px;padding:22px 0;border-top:1px solid var(--line)}
.footer-cluster-nav>span{color:#fff;font-size:.82rem;font-weight:800;margin-right:4px}
.footer-cluster-nav a{font-size:.78rem;color:var(--muted);padding:6px 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#10161d}
.footer-cluster-nav a:hover{color:var(--gold2);border-color:rgba(216,180,74,.35)}
@media(max-width:760px){.project-preview{height:235px}.footer-cluster-nav{gap:7px}.footer-cluster-nav a{font-size:.74rem}}

/* V5.1 live polish */
.project-preview{height:270px}
.project-preview img{transform:scale(1.015)}
.project-card:hover .project-preview img{transform:scale(1.055)}

.cluster-page{--cluster-accent:var(--gold2)}
.cluster-web{--cluster-accent:#f1d277}
.cluster-seo{--cluster-accent:#67d7a0}
.cluster-ads{--cluster-accent:#f3bf55}
.cluster-hosting{--cluster-accent:#72a9ff}
.cluster-domains{--cluster-accent:#9d8cff}
.cluster-email{--cluster-accent:#63d5d0}
.cluster-programming{--cluster-accent:#d08bff}
.cluster-redesign{--cluster-accent:#ff9b76}
.cluster-design{--cluster-accent:#f28db2}
.cluster-marketing{--cluster-accent:#f1b35d}
.cluster-maintenance{--cluster-accent:#85c77c}
.cluster-page .cluster-hero{background:radial-gradient(700px 320px at 82% 0,rgba(216,180,74,.07),transparent 70%),#10161d;border-bottom:0}
.cluster-page .cluster-hero .eyebrow{color:var(--cluster-accent)}
.cluster-page .cluster-hero .eyebrow:before{background:var(--cluster-accent)}
.cluster-context-bar{background:#10161d;border-bottom:1px solid var(--line);border-top:1px solid rgba(255,255,255,.035)}
.cluster-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.cluster-context-item{padding:18px 24px;border-right:1px solid var(--line);position:relative}
.cluster-context-item:first-child{border-left:2px solid var(--cluster-accent)}
.cluster-context-item:last-child{border-right:0}
.cluster-context-item span{display:block;font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:2px}
.cluster-context-item strong{display:block;color:#fff;font-size:.92rem;line-height:1.4}
.cluster-page .article-body h2{position:relative;padding-left:18px}
.cluster-page .article-body h2:before{content:'';position:absolute;left:0;top:.17em;bottom:.15em;width:3px;border-radius:5px;background:var(--cluster-accent);opacity:.8}
.cluster-page .info-box{border-left-color:var(--cluster-accent)}
.cluster-page .toc{border-top:2px solid var(--cluster-accent)}
.cluster-page .related-topics .topic-card:hover{border-color:var(--cluster-accent)}

.footer-top-links{padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.055)}
.footer-grid{padding-top:6px}
.footer-grid>div:not(.footer-brand){padding-left:22px;border-left:1px solid rgba(255,255,255,.055)}
.footer-grid h4{color:#fff;margin-bottom:15px}
.footer-cluster-nav{background:linear-gradient(90deg,rgba(216,180,74,.045),transparent);padding-inline:16px;border-radius:12px;border:1px solid rgba(255,255,255,.055)}
.footer-guides{background:#0f151c;border:1px solid rgba(255,255,255,.055);border-radius:16px;padding:26px 28px;margin-top:24px}
.footer-guides h5{color:var(--gold2)}
.footer-guides a{padding:5px 0}

@media(max-width:1050px){
  .footer-grid>div:not(.footer-brand){padding-left:0;border-left:0}
}
@media(max-width:760px){
  .project-preview{height:245px}
  .cluster-context-grid{grid-template-columns:1fr}
  .cluster-context-item{border-right:0;border-bottom:1px solid var(--line);padding:14px 4px 14px 18px}
  .cluster-context-item:first-child{border-left:2px solid var(--cluster-accent)}
  .cluster-context-item:last-child{border-bottom:0}
  .footer-top-links{display:grid;grid-template-columns:1fr 1fr}
  .footer-top-links a{justify-content:center;text-align:center}
  .footer-guides{padding:22px 20px}
}
@media(max-width:420px){
  .project-preview{height:225px}
  .footer-top-links{grid-template-columns:1fr}
}

/* ==============================
   V5.2 INNER PAGE LAYOUT CLEANUP
   ============================== */
.inner-page .article-hero .container{max-width:1120px}
.inner-page .article-hero h1{max-width:980px;line-height:1.08}
.inner-page .article-hero .lead{max-width:880px}

/* Normalize long-form layout: content first, compact sidebar second */
.article-layout{grid-template-columns:minmax(0,780px) 250px;gap:48px;max-width:1120px;margin-inline:auto;justify-content:center;align-items:start}
.content-panel{min-width:0}
.content-sidebar{width:100%}
.content-sidebar.toc{position:sticky;top:104px;padding:20px 18px;background:linear-gradient(180deg,#141b23,#10161d);border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.content-sidebar.toc h3{margin:6px 0 14px;font-size:1rem}
.content-sidebar.toc a{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045)}
.content-sidebar.toc a:last-child{border-bottom:0}

/* Long-form typography and visual rhythm */
.content-panel.article-body{font-size:1rem;line-height:1.8}
.content-panel.article-body>p{max-width:760px;color:#cbd3db;margin:0 0 20px}
.content-panel.article-body h2{margin:58px 0 18px;font-size:clamp(1.55rem,2.2vw,2.05rem);line-height:1.2;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
.content-panel.article-body h3{margin:34px 0 12px;font-size:1.18rem}
.content-panel.article-body ul,.content-panel.article-body ol{margin:18px 0 28px;padding:18px 20px 18px 42px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#111820}
.content-panel.article-body li{margin:8px 0;color:#d6dde4}
.content-panel.article-body .info-box,.content-panel.article-body .warning-box{margin:30px 0;padding:22px 24px;border-radius:14px}
.content-panel.article-body .faq-list{margin-top:22px}

/* Cluster context: compact and calmer */
.cluster-context-bar{background:#0f151c;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid var(--line)}
.cluster-context-grid{max-width:1060px;margin-inline:auto;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0}
.cluster-context-item{padding:11px 16px;border:1px solid rgba(255,255,255,.055)!important;border-radius:12px;background:#121922}
.cluster-context-item:first-child{border-left:2px solid var(--cluster-accent)!important}
.cluster-context-item span{font-size:.65rem}
.cluster-context-item strong{font-size:.84rem}

/* Related content: less noisy */
.related-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.related-grid .topic-card{padding:22px;min-height:190px}
.related-grid .topic-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.55;margin-bottom:8px}

/* Reference page: larger, cleaner 2-column portfolio */
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.portfolio-grid .project-card{border-radius:18px}
.portfolio-grid .project-preview{height:300px;padding:0;background:#090d12}
.portfolio-grid .project-preview img{object-fit:cover;object-position:center top}
.portfolio-grid .project-body{padding:24px 26px 26px}
.portfolio-grid .project-body h3{font-size:1.18rem;margin:7px 0 8px}
.portfolio-grid .project-body p{min-height:42px}

/* Generic inner page sections */
.inner-page .section>.container>.section-head{max-width:850px;margin-bottom:34px}
.inner-page .section-head h2{line-height:1.18}
.inner-page .cta-band{margin-top:8px}
.inner-page .guide-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}

@media(max-width:1050px){
  .article-layout{grid-template-columns:1fr;gap:28px;max-width:850px}
  .content-sidebar.toc{position:relative;top:auto;order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .content-sidebar.toc .eyebrow,.content-sidebar.toc h3{grid-column:1/-1}
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio-grid .project-preview{height:250px}
}

@media(max-width:760px){
  .inner-page .article-hero{padding:46px 0 32px}
  .inner-page .article-hero h1{font-size:clamp(2rem,10vw,2.8rem)}
  .cluster-context-grid{grid-template-columns:1fr;gap:8px;padding:10px 0}
  .cluster-context-item{padding:10px 13px}
  .content-panel.article-body h2{margin-top:42px;font-size:1.5rem}
  .content-panel.article-body ul,.content-panel.article-body ol{padding:16px 16px 16px 34px}
  .content-sidebar.toc{grid-template-columns:1fr;padding:18px}
  .related-grid{grid-template-columns:1fr!important}
  .related-grid .topic-card{min-height:0}
  .portfolio-grid{grid-template-columns:1fr;gap:18px}
  .portfolio-grid .project-preview{height:235px}
  .portfolio-grid .project-body{padding:20px}
  .inner-page .guide-link-grid{grid-template-columns:1fr}
}


/* ==============================
   V5.4 FULL VISUAL CLEANUP
   ============================== */
/* Dense supporting-link sections are capped at three columns for legibility. */
.cluster-links-section .grid-4{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cluster-links-section .topic-card{padding:23px;min-height:205px;display:flex;flex-direction:column}
.cluster-links-section .topic-card h3{font-size:1.08rem;line-height:1.3;margin-bottom:10px}
.cluster-links-section .topic-card p{font-size:.86rem;line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cluster-links-section .topic-card .text-link{margin-top:auto}
.cluster-all{margin-top:30px}

/* Keep portfolio imagery dominant and consistent wherever cards appear. */
.project-card .project-preview{overflow:hidden;background:#090d12;padding:0}
.project-card .project-preview picture{display:block;width:100%;height:100%}
.project-card .project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.grid-3 .project-card .project-preview{height:235px}
.portfolio-grid .project-preview{height:310px}
.project-actions{display:flex;flex-wrap:wrap;gap:9px}

/* Service page sections: clearer vertical rhythm. */
.inner-page main>.section+.section{border-top:1px solid rgba(255,255,255,.025)}
.inner-page .section-head p{max-width:760px;margin-inline:auto}
.inner-page .section-head.left p{margin-inline:0}
.inner-page .highlight{border-radius:16px}
.inner-page .grid-3>.card,.inner-page .grid-2>.card{height:100%}

/* CTA band should read as one clean decision area, not another content grid. */
.cta-band{border-block:1px solid rgba(216,180,74,.16)}
.cta-band .cta-inner{gap:36px}
.cta-band h2{max-width:650px}

/* Footer remains rich for crawl paths, but with calmer visual density. */
.footer-guides a,.footer-links a{line-height:1.45}
.footer-guides>div{min-width:0}
.footer-cluster-nav a{white-space:nowrap}

@media(max-width:1050px){
  .cluster-links-section .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3 .project-card .project-preview{height:220px}
}
@media(max-width:760px){
  .cluster-links-section .grid-4{grid-template-columns:1fr}
  .cluster-links-section .topic-card{min-height:0}
  .grid-3 .project-card .project-preview,.portfolio-grid .project-preview{height:225px}
  .project-actions .btn{flex:1 1 auto}
}

/* V5.5 PRE-LIVE: case studies + commercial layer */
.case-study-hero .cta-row{margin-top:26px}.case-study-visual{max-width:1050px;margin:0 auto 26px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#090d12;box-shadow:var(--shadow)}.case-study-visual picture,.case-study-visual img{display:block;width:100%}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1050px;margin:auto}.case-facts>div{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:#111820}.case-facts span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:3px}.case-facts strong{color:#fff;font-size:.88rem;line-height:1.45}.service-price-index{max-width:900px;margin:0 auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#111820}.price-index-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:20px 24px;border-bottom:1px solid var(--line)}.price-index-row:last-child{border-bottom:0}.price-index-row strong{display:block;color:#fff;font-size:1rem}.price-index-row span{display:block;font-size:.82rem;margin-top:3px}.price-index-row b{color:var(--gold2);font-size:1rem;white-space:nowrap}.case-study-index .topic-card{min-height:180px}.case-study-index .topic-card p{margin-bottom:10px}.utility-page .rich-copy h2{margin-top:0}.utility-page .section .grid-3{margin-top:30px}@media(max-width:900px){.case-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.case-study-hero .cta-row .btn{width:100%}.case-facts{grid-template-columns:1fr}.price-index-row{grid-template-columns:1fr;gap:8px;padding:17px}.price-index-row b{white-space:normal}.case-study-visual{border-radius:15px}}

/* V5.6 navigation & discoverability */
.dropdown.pricing-menu{width:325px;max-height:min(520px,calc(100vh - 100px));overflow:auto}
.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.discovery-card{display:flex;flex-direction:column;min-height:225px;padding:24px;background:linear-gradient(160deg,#19222c,#131a22);border:1px solid var(--line);border-radius:16px;transition:.2s}
.discovery-card:hover{transform:translateY(-3px);border-color:#526071}
.discovery-card .eyebrow{font-size:.68rem}
.discovery-card h3{font-size:1.08rem;margin-bottom:10px}
.discovery-card p{font-size:.88rem;line-height:1.6;margin:0 0 16px}
.discovery-card .text-link{margin-top:auto;font-weight:800}
.discovery-highlight{border-color:rgba(216,180,74,.38);background:linear-gradient(160deg,rgba(216,180,74,.09),#151c24)}
.case-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.case-hub-grid .project-card{height:100%}
.nav-new{display:inline-flex;margin-left:7px;padding:2px 6px;border-radius:999px;background:rgba(216,180,74,.14);color:var(--gold2);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
@media(max-width:1050px){.dropdown.pricing-menu{width:auto;max-height:none;overflow:visible}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.discovery-grid,.case-hub-grid{grid-template-columns:1fr}.discovery-card{min-height:0}}

/* V5.9 keyword-driven intent notes */
.search-language-note{max-width:880px;margin:-12px 0 24px;font-size:.94rem;line-height:1.65;color:#c2ccd5}.search-language-note a{font-weight:750}.cluster-page .search-language-note{border-left:2px solid var(--cluster-accent);padding-left:14px}

/* V6.1 multilingual public — 17 language editions */
.language-switcher{display:inline-flex;align-items:center;margin-right:8px}.language-switcher select{background:#111820;color:#f2f4f7;border:1px solid #2e3945;border-radius:8px;padding:8px 28px 8px 10px;font:inherit;max-width:150px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.market-note{padding-top:0}.market-note .highlight{max-width:980px;margin:auto}.lead-form label{display:block;margin-bottom:14px}.lead-form input,.lead-form select,.lead-form textarea{display:block;width:100%;margin-top:6px}@media(max-width:1050px){.header-actions .language-switcher{margin-left:auto}.language-switcher select{max-width:120px;padding:7px 22px 7px 8px}}


/* =========================================================
   V6.2 LIVE FIX — navigation, language switcher, forms,
   floating contact actions and privacy-friendly social share
   ========================================================= */
.site-header .gc-header-inner{width:min(calc(100% - 28px),1560px);max-width:none;height:76px;display:flex;align-items:center;gap:12px;margin:auto}
.site-header .brand img{width:124px;height:auto}.site-header .nav{margin-left:auto;min-width:0}.site-header .nav-list{gap:5px;flex-wrap:nowrap}.site-header .nav-item{position:relative}.site-header .nav-parent{display:flex;align-items:center;gap:2px;white-space:nowrap}.site-header .nav-parent>a{padding:27px 5px;font-size:.82rem}.site-header .nav-toggle{padding:27px 3px;font-size:.78rem;line-height:1}.site-header .dropdown{top:65px;left:-10px;width:300px;padding:10px;max-height:min(620px,calc(100vh - 95px));overflow:auto}.site-header .dropdown.pricing-menu{width:350px}.site-header .dropdown a{padding:9px 11px;font-size:.82rem;line-height:1.35;white-space:normal}.site-header .header-actions{gap:9px;flex:0 0 auto}.site-header .phone-link{font-size:.84rem}.site-header .header-cta{min-height:42px;padding:9px 14px;font-size:.78rem;white-space:nowrap;line-height:1.15;flex:0 0 auto}
.language-switcher{position:relative;display:block;margin:0}.language-switcher summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:42px;padding:7px 9px;border:1px solid #33404d;border-radius:10px;background:#111820;color:#fff;cursor:pointer;user-select:none;white-space:nowrap}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher[open] summary{border-color:rgba(216,180,74,.7);box-shadow:0 0 0 3px rgba(216,180,74,.08)}.lang-flag{font-size:1.05rem;line-height:1}.lang-code{font-size:.76rem;font-weight:800;letter-spacing:.04em}.lang-caret{font-size:.7rem;color:var(--muted)}.language-panel{position:absolute;right:0;top:50px;width:330px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:9px;border:1px solid var(--line);border-radius:14px;background:#111820;box-shadow:0 20px 60px rgba(0,0,0,.4);z-index:1200}.lang-option{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:8px 9px;border-radius:8px;color:#dbe1e7;font-size:.78rem;line-height:1.2}.lang-option:hover,.lang-option.is-active{background:rgba(216,180,74,.1);color:#fff}.lang-check{color:var(--gold2);font-weight:900}

/* Better contact page */
.contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:56px;align-items:start}.gc-contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px;padding:30px;background:linear-gradient(145deg,#18212b,#111820);border:1px solid #33404d;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.gc-contact-form .gc-field{display:grid;gap:7px;margin:0;color:#e8edf2;font-size:.8rem;font-weight:750}.gc-contact-form .gc-field-full{grid-column:1/-1}.gc-contact-form .gc-control{width:100%;min-height:50px;margin:0;padding:12px 14px;border:1px solid #3b4855;border-radius:10px;background:#0d141b;color:#fff;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}.gc-contact-form textarea.gc-control{min-height:145px;resize:vertical}.gc-contact-form select.gc-control{color-scheme:dark}.gc-contact-form .gc-control:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,180,74,.12);background:#101820}.gc-contact-form .gc-control[aria-invalid="true"]{border-color:#ef7d7d}.gc-contact-form .gc-submit,.gc-contact-form .form-status{grid-column:1/-1}.gc-contact-form .gc-submit{width:100%;margin-top:3px}

/* Floating contact actions */
.contact-dock{position:fixed;right:18px;bottom:24px;z-index:960;display:grid;gap:9px}.dock-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#151d25;border:1px solid #35414d;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.32);position:relative;transition:transform .16s,background .16s,border-color .16s}.dock-btn svg{width:20px;height:20px;fill:currentColor}.dock-btn>span{position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(8px);opacity:0;pointer-events:none;white-space:nowrap;padding:6px 9px;border-radius:7px;background:#0b1117;border:1px solid #35414d;color:#fff;font-size:.72rem;font-weight:750;transition:.16s}.dock-btn:hover{transform:translateY(-2px);border-color:var(--gold)}.dock-btn:hover>span{opacity:1;transform:translateY(-50%)}.dock-phone{background:#18232d}.dock-viber{background:#4d356d;border-color:#71539a}.dock-wa{background:#143222;border-color:#245b3d}

/* ShareThis-style, but self-hosted and tracker-free */
.share-dock{position:fixed;left:18px;bottom:24px;z-index:955;display:flex;align-items:flex-end;gap:8px}.share-toggle{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #35414d;background:#151d25;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.3);cursor:pointer}.share-toggle svg{width:19px;height:19px;fill:currentColor}.share-panel{display:flex;gap:6px;padding:7px;border-radius:14px;border:1px solid #35414d;background:#111820;box-shadow:0 12px 34px rgba(0,0,0,.3);opacity:0;transform:translateX(-8px);pointer-events:none;transition:.16s}.share-dock.open .share-panel{opacity:1;transform:none;pointer-events:auto}.share-panel button{width:34px;height:34px;border-radius:9px;border:1px solid #34404c;background:#18212a;color:#fff;font-size:.72rem;font-weight:850;cursor:pointer}.share-panel button:hover{border-color:var(--gold);color:var(--gold2)}.share-toast{position:absolute;left:54px;bottom:55px;white-space:nowrap;background:#0b1117;color:#fff;border:1px solid #35414d;border-radius:7px;padding:5px 8px;font-size:.7rem;opacity:0;pointer-events:none;transition:.15s}.share-toast.show{opacity:1}

@media(max-width:1460px){.site-header .phone-link{display:none}.site-header .gc-header-inner{width:min(calc(100% - 24px),1400px)}.site-header .nav-parent>a{font-size:.79rem}.site-header .header-cta{padding-inline:12px}}
@media(max-width:1280px){.site-header .gc-header-inner{height:70px}.site-header .nav{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:#0f141a;padding:14px 20px 120px;overflow:auto}.site-header .nav.active{display:block}.site-header .nav-list{display:grid;gap:0}.site-header .nav-parent{display:grid;grid-template-columns:1fr 46px}.site-header .nav-parent>a,.site-header .nav-toggle{padding:12px 8px;width:100%;text-align:left}.site-header .nav-toggle{text-align:center}.site-header .dropdown,.site-header .dropdown.pricing-menu{position:static;width:auto;max-height:none;opacity:1;transform:none;pointer-events:auto;box-shadow:none;border:0;background:#121922;margin:0 0 10px 12px;display:none;overflow:visible}.site-header .nav-item.open .dropdown{display:block}.site-header .menu-btn{display:flex}.site-header .header-cta{display:none}.site-header .header-actions{margin-left:auto}.language-panel{position:fixed;right:14px;top:62px;width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 88px);overflow:auto}.contact-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:760px){.site-header .brand img{width:112px}.language-switcher summary{min-height:40px;padding:6px 8px}.lang-code{font-size:.7rem}.language-panel{grid-template-columns:1fr 1fr}.gc-contact-form{grid-template-columns:1fr;padding:20px}.gc-contact-form .gc-field-full{grid-column:auto}.contact-dock{right:10px;bottom:12px;display:flex;gap:7px}.dock-btn{width:44px;height:44px}.dock-btn>span{display:none}.share-dock{left:10px;bottom:12px}.share-toggle{width:44px;height:44px}.share-panel{position:absolute;left:0;bottom:53px;display:grid;grid-template-columns:repeat(3,34px)}.share-toast{left:0;bottom:102px}.footer{padding-bottom:85px}}
\n\n/* V6.3 polished language selector with local SVG flags */\n.lang-flag-img{width:24px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.16);flex:0 0 auto}.language-switcher summary{min-width:108px;padding:7px 10px;background:linear-gradient(180deg,#151d26,#10171e);border-color:#364350}.lang-current-name{font-size:.76rem;font-weight:700;color:#e8edf2;max-width:92px;overflow:hidden;text-overflow:ellipsis}.language-panel{width:390px;grid-template-columns:1fr 1fr;gap:5px;padding:11px;border-radius:16px;background:rgba(14,21,28,.985);backdrop-filter:blur(12px);border-color:#3a4754}.lang-option{grid-template-columns:26px 1fr auto;min-height:42px;padding:8px 10px;border:1px solid transparent}.lang-option:hover{border-color:#364451;background:#18222c}.lang-option.is-active{border-color:rgba(216,180,74,.42);background:linear-gradient(135deg,rgba(216,180,74,.16),rgba(216,180,74,.06))}.lang-option .lang-flag-img{width:24px;height:16px}.lang-check{font-size:.8rem}.language-panel::-webkit-scrollbar{width:8px}.language-panel::-webkit-scrollbar-thumb{background:#34414d;border-radius:20px}@media(max-width:1460px){.lang-current-name{display:none}.language-switcher summary{min-width:auto}}@media(max-width:760px){.language-panel{left:12px;right:12px;top:64px;width:auto;grid-template-columns:1fr 1fr}.lang-current-name{display:none}}\n
/* =========================================================
   GOLDCLICK MOTION SYSTEM V1 — premium, conversion-safe motion
   Shared across all language editions. No SEO/content changes.
   ========================================================= */
:root{
  --gc-motion-ease:cubic-bezier(.22,1,.36,1);
  --gc-motion-ease-soft:cubic-bezier(.16,1,.3,1);
  --gc-motion-fast:360ms;
  --gc-motion-base:620ms;
  --gc-motion-slow:880ms;
}

/* Motion-friendly performance hints */
.hero,.article-hero,.section,.footer{position:relative}
.search-demo,.card,.price-card,.project-card,.discovery-card,.process-step,.faq-item,.btn{backface-visibility:hidden}

/* Premium interactive surfaces */
.card,.price-card,.project-card,.discovery-card,.process-step,.channel-card,.highlight,.info-box,.warning-box,.service-price-index,.case-study-visual{
  transition:border-color var(--gc-motion-fast) ease,box-shadow var(--gc-motion-fast) ease,background-color var(--gc-motion-fast) ease,translate var(--gc-motion-fast) var(--gc-motion-ease),scale var(--gc-motion-fast) var(--gc-motion-ease),filter var(--gc-motion-fast) ease;
}
.gc-hover-lift:hover{
  translate:0 -6px;
  scale:1.008;
  border-color:rgba(216,180,74,.42);
  box-shadow:0 24px 58px rgba(0,0,0,.24),0 0 0 1px rgba(216,180,74,.055) inset;
}
.project-card:hover{translate:0 -7px;scale:1.006}
.project-card .project-preview img{transition:transform .75s var(--gc-motion-ease),filter .55s ease,translate .65s var(--gc-motion-ease)}
.project-card:hover .project-preview img{transform:scale(1.075);filter:saturate(1.06) contrast(1.025)}
.topic-card .text-link,.discovery-card .text-link,.card-link{transition:translate .28s var(--gc-motion-ease),color .2s ease}
.topic-card:hover .text-link,.discovery-card:hover .text-link,.card:hover .card-link{translate:4px 0}

/* Button sheen: visible on intent, never blocks a click */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:translate .22s var(--gc-motion-ease),scale .22s var(--gc-motion-ease),background .22s ease,border-color .22s ease,box-shadow .22s ease}
.btn:hover{translate:0 -2px;scale:1.012;transform:none}
.btn:active{translate:0 0;scale:.985}
.btn::after{
  content:"";position:absolute;inset:-40% auto -40% -55%;width:34%;pointer-events:none;z-index:-1;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg);transition:left .62s var(--gc-motion-ease);
}
.btn:hover::after{left:125%}
.btn-primary:hover{box-shadow:0 12px 30px rgba(216,180,74,.18)}

/* Header gains depth after the first scroll without changing layout */
.site-header{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
.site-header.is-scrolled{background:rgba(10,14,19,.965);border-bottom-color:rgba(216,180,74,.13);box-shadow:0 12px 34px rgba(0,0,0,.18)}
.site-header .brand img{transition:scale .3s var(--gc-motion-ease),filter .3s ease}
.site-header.is-scrolled .brand img{scale:.965;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}

/* Thin, non-intrusive page scroll progress */
.gc-scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:2200;pointer-events:none;background:transparent}
.gc-scroll-progress>span{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(var(--gc-scroll,0));background:linear-gradient(90deg,var(--gold-dark),var(--gold2),#fff0b0);box-shadow:0 0 14px rgba(216,180,74,.42);will-change:transform}

/* Scroll reveal primitives. Individual translate/scale properties preserve existing transforms. */
html.gc-motion .gc-reveal{opacity:1;translate:0 0;scale:1;filter:none;transition:none}
html.gc-motion .gc-reveal.gc-from-left{translate:-30px 0}
html.gc-motion .gc-reveal.gc-from-right{translate:30px 0}
html.gc-motion .gc-reveal.gc-scale-in{translate:0 15px;scale:.975}
html.gc-motion .gc-reveal.is-visible{opacity:1;translate:0 0;scale:1;filter:blur(0)}
html.gc-motion .gc-title-reveal{opacity:1;translate:0 0;clip-path:none;transition:none}
html.gc-motion .gc-title-reveal.is-visible{opacity:1;translate:0 0;clip-path:inset(0 0 0 0)}

/* Homepage hero — strong first impression, restrained movement */
.hero{--gc-pointer-x:82%;--gc-pointer-y:16%;isolation:isolate}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;
  background:radial-gradient(340px circle at var(--gc-pointer-x) var(--gc-pointer-y),rgba(241,210,119,.095),rgba(216,180,74,.025) 42%,transparent 73%);
  transition:opacity .3s ease;
}
.hero-grid{z-index:1}
.hero .eyebrow,.hero-copy h1,.hero-copy>p,.hero-copy>.cta-row,.hero-copy>.hero-note,.hero .search-demo{animation-fill-mode:both;animation-timing-function:var(--gc-motion-ease)}
.search-demo{--gc-hero-x:0px;--gc-hero-y:0px;--gc-scroll-y:0px;translate:var(--gc-hero-x) calc(var(--gc-hero-y) + var(--gc-scroll-y));transition:translate .24s ease-out,box-shadow .45s ease,border-color .35s ease;will-change:translate}
.search-demo:hover{border-color:rgba(216,180,74,.42);box-shadow:0 36px 95px rgba(0,0,0,.44),0 0 0 1px rgba(216,180,74,.06) inset}
.search-demo .result{transition:background .28s ease,padding-left .28s var(--gc-motion-ease),border-color .28s ease}
.search-demo .result:hover{background:rgba(216,180,74,.035);padding-left:10px;border-color:rgba(216,180,74,.18)}
.search-demo .hero-mini div{transition:translate .28s var(--gc-motion-ease),border-color .28s ease,background .28s ease}
.search-demo .hero-mini div:hover{translate:0 -3px;border-color:rgba(216,180,74,.3);background:#131c25}

/* Article / cluster hero entrance keeps all content immediately usable */
.article-hero{overflow:hidden;isolation:isolate}
.article-hero::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-140px;top:-210px;background:radial-gradient(circle,rgba(216,180,74,.12),transparent 68%);filter:blur(8px);pointer-events:none}

/* Process becomes a scroll-linked story line on desktop */
.process{position:relative;--gc-process-progress:0%}
.process::before,.process::after{content:"";position:absolute;left:5%;top:50%;height:1px;pointer-events:none;z-index:0}
.process::before{right:5%;background:rgba(255,255,255,.08)}
.process::after{width:calc(90% * var(--gc-process-progress-num,0));background:linear-gradient(90deg,var(--gold-dark),var(--gold2));box-shadow:0 0 14px rgba(216,180,74,.28);transition:width .12s linear}
.process-step{z-index:1}
.process-step.is-visible::before{animation:gcStepPop .58s var(--gc-motion-ease) both;animation-delay:calc(var(--gc-delay,0ms) + 100ms)}

/* Pricing / proof details */
.price-card:hover{border-color:rgba(216,180,74,.38)}
.price-card.recommended:hover{box-shadow:0 26px 65px rgba(0,0,0,.3),0 0 0 1px rgba(216,180,74,.22)}
.proof-item{transition:background .3s ease,translate .3s var(--gc-motion-ease)}
.proof-item:hover{background:rgba(216,180,74,.035);translate:0 -2px}
.proof-number{transition:color .28s ease,text-shadow .28s ease,scale .28s var(--gc-motion-ease)}
.proof-item:hover .proof-number{color:var(--gold2);text-shadow:0 0 22px rgba(216,180,74,.16);scale:1.035}

/* FAQ interaction refinement */
.faq-item{transition:border-color .28s ease,box-shadow .28s ease,background .28s ease,translate .28s var(--gc-motion-ease)}
.faq-item:hover{border-color:#3b4856;translate:2px 0}
.faq-item.active{border-color:rgba(216,180,74,.32);box-shadow:0 14px 34px rgba(0,0,0,.12);background:#151d26}
.faq-answer{transition:grid-template-rows .34s var(--gc-motion-ease)}
.faq-question span:last-child{transition:rotate .3s var(--gc-motion-ease),color .2s ease;rotate:0deg;transform:none}
.faq-item.active .faq-question span:last-child{rotate:45deg;transform:none;color:#fff}

/* Floating actions: a single gentle cue, not an endless pulse */
.dock-btn,.share-toggle{transition:translate .24s var(--gc-motion-ease),scale .24s var(--gc-motion-ease),background .2s ease,border-color .2s ease,box-shadow .25s ease}
.dock-btn:hover,.share-toggle:hover{translate:0 -3px;scale:1.045;transform:none}

/* Footer closes the presentation with depth */
.footer{overflow:hidden;isolation:isolate}
.footer::before{content:"GOLDCLICK";position:absolute;left:50%;bottom:-.22em;translate:-50% 0;color:#fff;font-weight:900;letter-spacing:-.07em;font-size:clamp(5rem,17vw,14rem);line-height:.8;opacity:.018;white-space:nowrap;pointer-events:none;z-index:0}
.footer>.container{position:relative;z-index:1}
.footer-top-links a{transition:translate .25s var(--gc-motion-ease),border-color .25s ease,color .25s ease,background .25s ease}
.footer-top-links a:hover{translate:0 -2px;background:rgba(216,180,74,.045);border-color:rgba(216,180,74,.32)}
.footer-links a,.footer-guides a{transition:translate .23s var(--gc-motion-ease),color .2s ease}
.footer-links a:hover,.footer-guides a:hover{translate:3px 0}

/* Keyframes */
@keyframes gcHeroIn{from{opacity:0;translate:0 24px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes gcHeroVisual{from{opacity:0;translate:0 30px;scale:.965;filter:blur(6px)}to{opacity:1;translate:var(--gc-hero-x) calc(var(--gc-hero-y) + var(--gc-scroll-y));scale:1;filter:blur(0)}}
@keyframes gcGridDrift{from{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}
@keyframes gcStepPop{0%{scale:.7;opacity:.5}70%{scale:1.12;opacity:1}100%{scale:1}}
@keyframes gcDockAttention{0%,100%{box-shadow:0 12px 34px rgba(0,0,0,.32),0 0 0 0 rgba(75,196,138,0)}45%{box-shadow:0 12px 34px rgba(0,0,0,.32),0 0 0 9px rgba(75,196,138,.11)}}
@keyframes gcArticleIn{from{opacity:0;translate:0 18px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}

@media (prefers-reduced-motion:no-preference){
  .hero::before{animation:gcGridDrift 22s linear infinite}
  .hero .eyebrow{animation:gcHeroIn .58s .04s both}
  .hero-copy h1{animation:gcHeroIn .76s .12s both}
  .hero-copy>p{animation:gcHeroIn .68s .22s both}
  .hero-copy>.cta-row{animation:gcHeroIn .65s .31s both}
  .hero-copy>.hero-note{animation:gcHeroIn .62s .4s both}
  .hero .search-demo{animation:gcHeroVisual .92s .18s both}
  .article-hero .breadcrumbs{animation:gcArticleIn .52s .02s both var(--gc-motion-ease)}
  .article-hero .eyebrow{animation:gcArticleIn .55s .07s both var(--gc-motion-ease)}
  .article-hero h1{animation:gcArticleIn .72s .12s both var(--gc-motion-ease)}
  .article-hero .lead{animation:gcArticleIn .65s .22s both var(--gc-motion-ease)}
  .article-hero .article-meta,.article-hero .cta-row{animation:gcArticleIn .62s .31s both var(--gc-motion-ease)}
  .dock-wa{animation:gcDockAttention 1.55s 3.8s 1 ease both}
}

@media (hover:hover) and (pointer:fine){
  .hero{cursor:default}
  .search-demo{cursor:default}
}

@media(max-width:1050px){
  .search-demo{--gc-hero-x:0px!important;--gc-hero-y:0px!important;--gc-scroll-y:0px!important;translate:0 0}
  .gc-hover-lift:hover,.project-card:hover{translate:0 -3px;scale:1.003}
}

@media(max-width:760px){
  .gc-scroll-progress{height:2px}
  html.gc-motion .gc-reveal{translate:0 15px;filter:none;transition-duration:520ms}
  html.gc-motion .gc-reveal.gc-from-left,html.gc-motion .gc-reveal.gc-from-right{translate:0 15px}
  .process::before,.process::after{display:none}
  .footer::before{font-size:25vw;bottom:-.12em}
  .btn:hover{translate:0 0;scale:1}
  .faq-item:hover{translate:0 0}
}

/* Accessibility: motion preferences override every enhancement */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  html.gc-motion .gc-reveal,html.gc-motion .gc-title-reveal{opacity:1!important;translate:0 0!important;scale:1!important;filter:none!important;clip-path:none!important}
  .search-demo{translate:0 0!important}
  .gc-scroll-progress{display:none}
}


/* =========================================================
   MOBILE MENU POLISH — 2026-09-08
   Scope: navigation only. No content/SEO/layout changes.
   ========================================================= */
@media(max-width:1280px){
  .site-header{overflow:visible}
  .site-header .menu-btn{
    position:relative;z-index:2201;display:flex;flex:0 0 44px;
    align-items:center;justify-content:center;
  }
  .site-header .menu-btn span{
    position:absolute;left:12px;width:18px;height:2px;border-radius:999px;
    background:#eef2f5;transform-origin:center;
    transition:top .24s var(--gc-motion-ease),transform .24s var(--gc-motion-ease),opacity .18s ease,background .2s ease;
  }
  .site-header .menu-btn span:nth-child(1){top:14px}
  .site-header .menu-btn span:nth-child(2){top:21px}
  .site-header .menu-btn span:nth-child(3){top:28px}
  .site-header .menu-btn:hover span{background:var(--gold2)}
  .site-header .menu-btn[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
  .site-header .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(.35)}
  .site-header .menu-btn[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}

  /* Absolute instead of fixed: backdrop-filter on the sticky header can
     create a containing block for fixed descendants in Chromium. */
  .site-header .nav{
    position:absolute;top:100%;left:0;right:0;bottom:auto;
    width:100%;height:calc(100vh - 70px);height:calc(100dvh - 70px);
    z-index:2200;margin:0;padding:14px 20px 110px;
    overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
    background:#0f141a;border-top:1px solid rgba(255,255,255,.06);
    box-shadow:0 26px 55px rgba(0,0,0,.34);
    -webkit-overflow-scrolling:touch;
  }
  .site-header .nav-list{width:min(100%,760px);margin:0 auto;padding:0 0 24px;display:grid;gap:0}
  .site-header .nav-item{border-bottom:1px solid rgba(255,255,255,.055)}
  .site-header .nav-item:last-child{border-bottom:0}
  .site-header .nav-parent{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center}
  .site-header .nav-parent>a,.site-header .nav-list>li>a{
    min-height:50px;display:flex;align-items:center;padding:12px 8px;color:#eef2f5;
  }
  .site-header .nav-toggle{
    min-height:50px;display:flex;align-items:center;justify-content:center;padding:0 8px;
    color:#eef2f5;transition:color .2s ease,transform .24s var(--gc-motion-ease);
  }
  .site-header .nav-item.open>.nav-parent .nav-toggle{color:var(--gold2);transform:rotate(180deg)}
  .site-header .dropdown,.site-header .dropdown.pricing-menu{
    margin:0 0 10px 0;padding:7px 8px 9px;background:#121922;border-radius:10px;
  }
  .site-header .dropdown a{padding:10px 12px;border-radius:8px}
}

@media(max-width:760px){
  .site-header .nav{padding-inline:14px}
  .site-header .nav-list{width:100%}
}


/* GoldClick Visual System — 44 mapped premium visuals */
.gc-visual-section{padding:clamp(36px,5vw,76px) 0;background:linear-gradient(180deg,rgba(216,180,74,.018),rgba(15,20,26,0));}
.gc-visual-section.gc-visual-alt{background:linear-gradient(180deg,rgba(216,180,74,.035),rgba(15,20,26,.02));}
.gc-visual-card{position:relative;margin:0;overflow:hidden;border-radius:24px;border:1px solid rgba(216,180,74,.28);background:#0b0f14;box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.018) inset;isolation:isolate;}
.gc-visual-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(241,210,119,.06),transparent 28%,transparent 72%,rgba(216,180,74,.035));}
.gc-visual-card img{display:block;width:100%;height:auto;object-fit:cover;transform:translateZ(0);}
@media (max-width:720px){.gc-visual-section{padding:28px 0}.gc-visual-card{border-radius:16px}}
@media (prefers-reduced-motion:no-preference){.gc-visual-card{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.gc-visual-card:hover{transform:translateY(-3px);border-color:rgba(241,210,119,.46);box-shadow:0 30px 84px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.02) inset}}


/* V8 navigation/contact refinement */
.mobile-menu-contact{display:none}
@media(max-width:1280px){
  .site-header .nav{padding-bottom:150px}
  .site-header .nav-contact>a{color:var(--gold2);font-weight:800}
  .mobile-menu-contact{display:grid;gap:12px;margin:18px 4px 8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(216,180,74,.08),rgba(18,25,34,.96))}
  .mobile-menu-phone{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid rgba(216,180,74,.32);border-radius:10px;color:#fff;font-weight:800;font-size:.96rem;background:rgba(255,255,255,.025)}
  .mobile-menu-phone:hover{color:var(--gold2);border-color:rgba(216,180,74,.55)}
  .mobile-menu-phone-icon{color:var(--gold2);font-size:1rem}
  .mobile-menu-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9px}
  .mobile-menu-actions .btn{width:100%;min-height:46px;padding:10px 12px;text-align:center;justify-content:center;font-size:.82rem;line-height:1.25}
}
@media(max-width:420px){.mobile-menu-actions{grid-template-columns:1fr}.mobile-menu-contact{padding:14px}}

/* V9 — mutually exclusive desktop/mobile header phone visibility.
   Desktop navigation (>1280px): show the header phone exactly once.
   Collapsed/mobile navigation (<=1280px): hide the desktop phone and keep the phone inside the mobile menu. */
@media(min-width:1281px){
  .site-header .header-actions .phone-link{display:inline-block!important}
  .site-header .nav .mobile-menu-contact{display:none!important}
}
@media(max-width:1280px){
  .site-header .header-actions .phone-link{display:none!important}
  .site-header .nav .mobile-menu-contact{display:grid!important}
}

/* V9 desktop duplicate guard — keep mobile contact CTA/phone strictly inside collapsed navigation only. */
@media (min-width:1281px){
  .site-header .nav .mobile-menu-contact,
  .site-header .nav .mobile-menu-phone,
  .site-header .nav .mobile-menu-actions{
    display:none!important;
  }
}

/* V9 structural header contact fix — one phone + one CTA in the DOM.
   Desktop: the single phone/CTA stay in the header.
   Mobile/collapsed nav: the very same elements are shown at the bottom of the open menu.
   No duplicated mobile contact markup remains in HTML. */
@media (min-width:1281px){
  .site-header .header-actions .phone-link{
    display:inline-flex!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .site-header .header-actions .header-cta{
    display:inline-flex!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
  }
}
@media (max-width:1280px){
  .site-header .header-actions .phone-link,
  .site-header .header-actions .header-cta{
    display:none!important;
  }
  body.menu-open .site-header .header-actions .phone-link{
    display:flex!important;
    position:fixed!important;
    left:20px!important;
    right:20px!important;
    bottom:82px!important;
    z-index:1003!important;
    min-height:48px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 14px!important;
    border:1px solid rgba(216,180,74,.32)!important;
    border-radius:10px!important;
    background:#121922!important;
    color:#fff!important;
    font-size:.96rem!important;
    font-weight:800!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
  }
  body.menu-open .site-header .header-actions .header-cta{
    display:flex!important;
    position:fixed!important;
    left:20px!important;
    right:20px!important;
    bottom:20px!important;
    z-index:1003!important;
    min-height:48px!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
  }
  body.menu-open .mobile-cta,
  body.menu-open .contact-dock,
  body.menu-open .share-dock{
    display:none!important;
  }
}
@media (max-width:420px){
  body.menu-open .site-header .header-actions .phone-link,
  body.menu-open .site-header .header-actions .header-cta{
    left:14px!important;
    right:14px!important;
  }
}

/* =========================================================
   V31 VISIBILITY FAIL-SAFE — 2026-09-27
   Scroll-reveal effects must never be allowed to hide content.
   The site remains fully readable even if IntersectionObserver,
   deferred JavaScript, browser extensions, cache, or runtime
   timing prevents the reveal callback from firing.
   ========================================================= */
html.gc-motion .gc-reveal,
html.gc-motion .gc-reveal.gc-from-left,
html.gc-motion .gc-reveal.gc-from-right,
html.gc-motion .gc-reveal.gc-scale-in,
html.gc-motion .gc-title-reveal{
  opacity:1!important;
  translate:0 0!important;
  scale:1!important;
  filter:none!important;
  clip-path:none!important;
}


/* V32 HARD VISIBILITY FIX — headings/content can never depend on reveal JS. */
main h2,main h3{visibility:visible!important;opacity:1!important;clip-path:none!important;filter:none!important;}
html.gc-motion .gc-reveal,html.gc-motion .gc-title-reveal{visibility:visible!important;opacity:1!important;translate:0 0!important;scale:1!important;filter:none!important;clip-path:none!important;animation:none!important;}