/*
Theme Name: Setlora
Version: 10.0
License: Private
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Syne:wght@500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background:#060810;color:#eef1f7;font-family:'DM Sans',sans-serif;font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:rgba(61,219,184,.18);color:#eef1f7}a{text-decoration:none;color:inherit}ul{list-style:none}:root{  --bg:#060810;--bg2:#0a0d14;--bg3:#0e1118;  --r:rgba(255,255,255,.07);--rmd:rgba(255,255,255,.12);  --w:#eef1f7;--w8:rgba(238,241,247,.8);--w6:rgba(238,241,247,.58);--w4:rgba(238,241,247,.38);--w2:rgba(238,241,247,.18);  --g1:#7deb4a;--g2:#3ddbb8;--g3:#3b8ef0;  --grad:linear-gradient(120deg,var(--g1),var(--g2),var(--g3));  --serif:'Cormorant Garamond',Georgia,serif;  --sans:'Syne',sans-serif;  --ease:cubic-bezier(.22,1,.36,1);}.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 52px}.vr{width:1px;background:var(--r);align-self:stretch;flex-shrink:0}.gt{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gdiv{height:1px;background:linear-gradient(90deg,transparent,rgba(61,219,184,.3),rgba(125,235,74,.2),transparent)}.eyebrow{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--w2)}/* REVEAL *//* BUTTONS */.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:15px 30px;transition:all .25s;cursor:pointer;border:none;white-space:nowrap}.btn svg{width:13px;height:13px;flex-shrink:0;transition:transform .2s}.btn:hover svg{transform:translateX(4px)}.btn-grad{background:var(--grad);color:#060810;position:relative;overflow:hidden}.btn-grad span,.btn-grad svg{position:relative;z-index:1}.btn-grad::after{content:’’;position:absolute;inset:0;background:linear-gradient(120deg,var(--g3),var(--g2),var(--g1));opacity:0;transition:opacity .3s}.btn-grad:hover::after{opacity:1}.btn-outline{background:transparent;color:var(--w4);border:1px solid var(--rmd)}.btn-outline:hover{color:var(--w);border-color:rgba(61,219,184,.35);box-shadow:0 0 20px rgba(61,219,184,.07)}.btn-text{background:transparent;color:var(--w4);padding:0;font-size:10px;letter-spacing:.16em}.btn-text:hover{color:var(--w)}/* SECTION HEADER */.sh{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}.sh-n{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--w2);margin-bottom:26px}.sh-h{font-family:var(--serif);font-size:clamp(40px,5vw,72px);font-weight:300;line-height:.98;letter-spacing:-.022em}.sh-h em{font-style:italic;color:var(--w6)}.sh-r{padding-left:80px;display:flex;align-items:flex-end}.sh-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:400px}/* ═══ NAV ═══ */.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-bird{width:26px;height:26px}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--w4);transition:color .2s;cursor:pointer}.nav-links a:hover,.nav-links a.active{color:var(--w)}.nav-cta{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:11px 22px;background:var(--grad);color:#060810;transition:opacity .2s;cursor:pointer;border:none}.nav-cta:hover{opacity:.85}/* ═══ PAGES ═══ */to{opacity:1;transform:none}}/* cursor glow */#cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}/* ═══════════ PAGE: HOME ═══════════ */#page-home{}/* HERO */.hero{position:relative;min-height:calc(100vh - 88px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-bottom:1px solid var(--r)}.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}.orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}.orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.09),transparent 70%);bottom:-100px;left:-100px}.orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.08),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%)}.mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 20% 30%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g2) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}@keyframes meshA{from{opacity:.04;transform:scale(1)}to{opacity:.08;transform:scale(1.04)}}.hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(160px,24vw,400px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.035);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}.hero-c{position:relative;z-index:2}.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:52px}.hero-hl{font-family:var(--serif);font-size:clamp(56px,9.5vw,144px);line-height:.9;letter-spacing:-.025em;font-weight:300}.hero-hl span{display:block}.hero-hl .italic{font-style:italic}.hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad)}.hero-bar{margin-top:60px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}.hbc{padding:36px 44px;display:flex;align-items:center}.hbc:first-child{padding-left:0}.hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:360px}.hb-metrics{display:flex;gap:44px}.hm{display:flex;flex-direction:column;gap:7px}.hm-v{font-family:var(--serif);font-size:36px;font-weight:600;line-height:1;letter-spacing:-.025em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hm-l{font-family:var(--sans);font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--w2)}.hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}/* HOME SERVICES PREVIEW */.home-svc{padding:120px 0;border-bottom:1px solid var(--r)}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r)}.svc{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:48px 40px;transition:background .3s;position:relative;overflow:hidden}.svc::before{content:’’;position:absolute;inset:0;opacity:0;transition:opacity .4s;background:radial-gradient(circle at 30% 30%,rgba(61,219,184,.04),transparent 70%)}.svc:hover::before{opacity:1}.svc::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.svc:hover::after{transform:scaleX(1)}.svc-num{font-family:var(--serif);font-size:11px;color:var(--w2);letter-spacing:.18em;display:block;margin-bottom:36px}.svc-title{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:14px;transition:all .25s}.svc:hover .svc-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.svc-desc{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300}/* HOME WHY PERCEPTION */.perception{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}.perc-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center}.perc-l{padding-right:80px}.perc-quote{font-family:var(--serif);font-size:clamp(28px,3.5vw,48px);font-weight:300;line-height:1.2;letter-spacing:-.02em;color:var(--w);margin-bottom:36px}.perc-quote em{font-style:italic;color:var(--w6)}.perc-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}.perc-stat{display:flex;flex-direction:column;gap:8px;padding-bottom:28px;border-bottom:1px solid var(--r)}.perc-stat:last-child{border-bottom:none;padding-bottom:0}.perc-stat-v{font-family:var(--serif);font-size:44px;font-weight:300;line-height:1;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.perc-stat-l{font-size:13px;color:var(--w6);font-weight:300}/* TICKER */.ticker-wrap{overflow:hidden;background:var(--bg2);border-top:1px solid var(--r);border-bottom:1px solid var(--r)}.ticker-inner{display:flex;align-items:center;height:62px;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.ticker-track{display:flex;align-items:center;animation:tick 28s linear infinite;width:max-content}@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}.t-item{display:flex;align-items:center;gap:12px;padding:0 44px;border-right:1px solid var(--r);height:62px;flex-shrink:0;opacity:.28;transition:opacity .25s}.t-item:hover{opacity:.65}.t-dot{width:5px;height:5px;border-radius:50%;background:var(--grad);flex-shrink:0}.t-name{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);white-space:nowrap}/* ═══════════ PAGE: SERVICES ═══════════ */#page-services{padding-top:88px}.services-hero{padding:100px 0 80px;border-bottom:1px solid var(--r)}.pg-hero-n{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--w2);margin-bottom:28px}.pg-hero-h{font-family:var(--serif);font-size:clamp(52px,8vw,120px);font-weight:300;line-height:.92;letter-spacing:-.028em}.pg-hero-h em{font-style:italic;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pg-hero-sub{font-size:16px;color:var(--w6);line-height:1.85;font-weight:300;max-width:480px;margin-top:32px}.svc-group{padding:96px 0;border-bottom:1px solid var(--r)}.svc-group-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--w2);margin-bottom:52px;display:flex;align-items:center;gap:16px}.svc-group-label::after{content:’’;flex:1;height:1px;background:var(--r)}.svc-full-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--r);border-top:1px solid var(--r)}.svc-full{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:56px 48px;position:relative;overflow:hidden;transition:background .3s}.svc-full::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 20% 20%,rgba(61,219,184,.04),transparent 60%);transition:opacity .4s}.svc-full:hover::before{opacity:1}.svc-full::after{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}.svc-full:hover::after{transform:scaleY(1)}.svc-full-n{font-family:var(--serif);font-size:11px;color:var(--w2);letter-spacing:.16em;display:block;margin-bottom:28px}.svc-full-title{font-family:var(--serif);font-size:32px;font-weight:400;color:var(--w);line-height:1.15;letter-spacing:-.015em;margin-bottom:20px;transition:all .25s}.svc-full:hover .svc-full-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.svc-full-why{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);margin-bottom:10px;margin-top:24px}.svc-full-desc{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300}.svc-full-gets{margin-top:28px;padding-top:28px;border-top:1px solid var(--r);display:flex;flex-direction:column;gap:10px}.svc-full-gets li{font-size:13px;color:var(--w4);display:flex;gap:12px;align-items:flex-start;line-height:1.6}.svc-full-gets li::before{content:’—’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}/* ═══════════ PAGE: ABOUT ═══════════ */#page-about{}.about-hero{padding:100px 0 0;border-bottom:1px solid var(--r);position:relative;overflow:hidden}.about-hero .orb1{top:-100px;right:-100px}.about-hero .orb2{bottom:-50px;left:-100px}.about-hero-inner{position:relative;z-index:1}.about-top{display:grid;grid-template-columns:1fr 1px 1fr;border-bottom:1px solid var(--r);margin-top:60px}.about-top-cell{padding:56px 52px}.about-top-cell:first-child{padding-left:0}.about-statement{font-family:var(--serif);font-size:clamp(20px,2.5vw,32px);font-weight:300;line-height:1.4;letter-spacing:-.015em;color:var(--w6)}.about-statement strong{color:var(--w);font-weight:400}.about-beliefs{padding:96px 0;border-bottom:1px solid var(--r)}.belief-list{display:flex;flex-direction:column}.belief{display:grid;grid-template-columns:80px 1fr 1fr;border-bottom:1px solid var(--r);padding:52px 0;transition:background .22s;position:relative}.belief:first-child{border-top:1px solid var(--r)}.belief::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}.belief:hover::before{transform:scaleY(1)}.belief:hover{background:rgba(61,219,184,.015)}.belief-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:4px}.belief-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.1;padding-right:52px}.belief-title em{font-style:italic;color:var(--w6)}.belief-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:6px}.about-who{padding:96px 0;border-bottom:1px solid var(--r);background:var(--bg2)}.who-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:72px}.who-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:44px 36px;transition:background .25s;position:relative;overflow:hidden}.who-card::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.who-card:hover::after{transform:scaleX(1)}.who-card:hover{background:rgba(61,219,184,.02)}.who-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;margin-bottom:24px;display:block}.who-title{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--w);margin-bottom:16px;letter-spacing:-.01em}.who-desc{font-size:13px;color:var(--w6);line-height:1.85;font-weight:300}/* ═══════════ PAGE: CASE STUDIES ═══════════ */#page-cases{}.cases-hero{padding:100px 0 80px;border-bottom:1px solid var(--r)}.case-full-grid{display:flex;flex-direction:column}.case-full{display:grid;grid-template-columns:1fr 1px 2fr;border-bottom:1px solid var(--r);transition:background .25s;position:relative;overflow:hidden}.case-full:first-child{border-top:1px solid var(--r)}.case-full::before{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.case-full:hover::before{transform:scaleX(1)}.case-full:hover{background:rgba(61,219,184,.015)}.cf-left{padding:56px 52px 56px 0}.cf-kpi-v{font-family:var(--serif);font-size:clamp(60px,8vw,100px);font-weight:300;line-height:.88;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cf-kpi-l{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);margin-top:12px}.cf-right{padding:56px 0 56px 52px}.cf-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.ctag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:4px 10px;transition:all .2s}.case-full:hover .ctag{border-color:rgba(61,219,184,.22);color:rgba(61,219,184,.55)}.cf-title{font-family:var(--serif);font-size:clamp(22px,2.5vw,34px);font-weight:400;color:var(--w);line-height:1.3;letter-spacing:-.015em;margin-bottom:20px}.cf-desc{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:32px}.cf-metrics{display:flex;gap:0;border-top:1px solid var(--r);padding-top:28px}.cfm{flex:1;display:flex;flex-direction:column;gap:7px;padding-right:20px}.cfm:not(:last-child){border-right:1px solid var(--r);margin-right:20px}.cfm-v{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cfm-l{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2)}/* ═══════════ PAGE: PROCESS ═══════════ */#page-process{}.process-hero{padding:100px 0 80px;border-bottom:1px solid var(--r)}.process-steps{padding:0}.proc-step{display:grid;grid-template-columns:80px 280px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:72px 0;position:relative;transition:background .25s}.proc-step:first-child{border-top:1px solid var(--r)}.proc-step::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .55s var(--ease)}.proc-step:hover::before{transform:scaleY(1)}.proc-step:hover{background:rgba(61,219,184,.015)}.proc-step-n{font-family:var(--serif);font-size:13px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:8px}.proc-step-title{font-family:var(--serif);font-size:clamp(38px,4.5vw,64px);font-weight:300;color:var(--w);letter-spacing:-.025em;line-height:.95}.proc-step-title em{font-style:italic;color:var(--w6)}.proc-step-body{padding-top:8px}.proc-step-desc{font-size:15px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:28px}.proc-step-list{display:flex;flex-direction:column;gap:10px}.proc-step-list li{font-size:13px;color:var(--w4);display:flex;gap:12px;align-items:flex-start;line-height:1.6}.proc-step-list li::before{content:’—’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}.process-cta{padding:100px 0;background:var(--bg2);border-top:1px solid var(--r)}/* ═══════════ PAGE: CONTACT ═══════════ */#page-contact{}.contact-hero{padding:100px 0 0;border-bottom:1px solid var(--r)}.contact-layout{display:grid;grid-template-columns:1fr 1px 1fr;margin-top:60px;border-top:1px solid var(--r)}.contact-l{padding:64px 72px 64px 0}.contact-r{padding:64px 0 64px 72px}.contact-hl{font-family:var(--serif);font-size:clamp(32px,4vw,54px);font-weight:300;line-height:1.1;letter-spacing:-.022em;color:var(--w);margin-bottom:24px}.contact-hl em{font-style:italic;color:var(--w6)}.contact-sub{font-size:15px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:44px;max-width:360px}.contact-items{display:flex;flex-direction:column;gap:28px}.ci{display:flex;flex-direction:column;gap:6px;padding-bottom:28px;border-bottom:1px solid var(--r)}.ci:last-child{border-bottom:none;padding-bottom:0}.ci-l{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--w2)}.ci-v{font-family:var(--serif);font-size:20px;font-weight:300;color:var(--w);letter-spacing:-.01em;transition:all .2s}.ci-v:hover{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}/* FORM */.form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--w2)}.form-group input,.form-group select,.form-group textarea{background:rgba(255,255,255,.03);border:1px solid var(--rmd);color:var(--w);font-family:‘DM Sans’,sans-serif;font-size:14px;font-weight:300;padding:14px 18px;transition:border-color .2s,box-shadow .2s;outline:none;-webkit-appearance:none;appearance:none;}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--w2)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(61,219,184,.4);box-shadow:0 0 0 3px rgba(61,219,184,.06)}.form-group textarea{min-height:120px;resize:vertical}.form-group select{background-image:url(“data:image/svg+xml,%3Csvg xmlns=‘http://www.w3.org/2000/svg’ width=‘12’ height=‘8’ viewBox=‘0 0 12 8’%3E%3Cpath d=‘M1 1l5 5 5-5’ stroke=‘rgba(238,241,247,0.3)’ stroke-width=‘1.5’ fill=‘none’/%3E%3C/svg%3E”);background-repeat:no-repeat;background-position:right 16px center}.form-group select option{background:#0e1118;color:var(--w)}.form-submit{margin-top:8px}.contact-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em;margin-top:16px}/* ═══════════ SHARED CTA SECTION ═══════════ */.cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg2)}.cta-section .orb1{top:-80px;right:-80px}.cta-section .orb2{bottom:-60px;left:-80px}.cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}.cta-l{padding-right:80px}.cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}.cta-hl{font-family:var(--serif);font-size:clamp(38px,5vw,70px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}.cta-hl em{font-style:italic;color:var(--w6)}.cta-r{padding-left:80px;display:flex;flex-direction:column;gap:32px}.cta-sub{font-family:var(--serif);font-size:22px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.5}.cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}/* ═══════════ FOOTER ═══════════ */footer{padding:0 0 48px;background:var(--bg)}.footer-top{display:grid;grid-template-columns:1.4fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr;border-bottom:1px solid var(--r);margin-bottom:40px}.fcol{padding:48px 36px;display:flex;flex-direction:column;gap:20px}.fcol:first-child{padding-left:0}.footer-logo{display:flex;align-items:center;gap:9px}.footer-logo-text{font-family:var(--sans);font-size:15px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tag{font-size:13px;color:var(--w6);font-weight:300;line-height:1.7}.fcol h5{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--w2)}.fcol ul{display:flex;flex-direction:column;gap:12px}.fcol a{font-size:13px;color:var(--w4);font-weight:300;transition:all .2s;cursor:pointer;display:inline-block}.fcol a:hover{color:var(--w)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copy{font-family:var(--sans);font-size:11px;color:var(--w2);letter-spacing:.04em}.footer-legal{display:flex;gap:28px}.footer-legal a{font-family:var(--sans);font-size:11px;color:var(--w2);letter-spacing:.04em;transition:color .2s;cursor:pointer}.footer-legal a:hover{color:var(--w4)}/* ═══ RESPONSIVE ═══ */@media(max-width:1100px){.wrap{padding:0 32px}.nav-inner{padding:20px 32px}.sh{grid-template-columns:1fr}.sh-r{padding-left:0;margin-top:32px}.cta-inner{grid-template-columns:1fr}.cta-inner .vr{display:none}.cta-l{padding-right:0}.cta-r{padding-left:0;margin-top:48px}.hero-bar{grid-template-columns:1fr}.hero-bar .vr{display:none}.hbc{padding:24px 0}.hb-ctas{padding:24px 0}.svc-full-grid{grid-template-columns:1fr}.case-full{grid-template-columns:1fr}.case-full .vr{display:none}.cf-left{padding:40px 0 0}.cf-right{padding:24px 0 40px}.contact-layout{grid-template-columns:1fr}.contact-layout .vr{display:none}.contact-l{padding:40px 0}.contact-r{padding:0 0 56px}.about-top{grid-template-columns:1fr}.about-top .vr{display:none}.about-top-cell{padding:40px 0}.perc-inner{grid-template-columns:1fr}.perc-inner .vr{display:none}.perc-l{padding-right:0}.perc-r{padding-left:0;margin-top:48px}.proc-step{grid-template-columns:60px 1fr}.proc-step-body{grid-column:2;padding-top:16px;margin-top:-40px}.footer-top{grid-template-columns:1fr 1fr}.footer-top .vr{display:none}.who-grid{grid-template-columns:1fr 1fr}.belief{grid-template-columns:60px 1fr}.belief-body{grid-column:2;margin-top:-30px;padding-top:16px}}@media(max-width:680px){.wrap{padding:0 20px}.nav-inner{padding:18px 20px}.nav-links,.nav-cta{display:none}.svc-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.who-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.fcol{padding:32px 0}.orb,.mesh,.hero-ghost{display:none}}

/* ── a_b_testing ── */
#page-svc-a_b_testing #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-a_b_testing .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-a_b_testing .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-a_b_testing .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-a_b_testing .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-a_b_testing #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-a_b_testing #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-a_b_testing .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-a_b_testing .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-a_b_testing .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-a_b_testing .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-a_b_testing .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 45% 20%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 55% 80%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g3) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-a_b_testing .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(80px,12vw,200px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-a_b_testing .hero-c{position:relative;z-index:2}
#page-svc-a_b_testing .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-a_b_testing .hero-hl{font-family:var(--serif);font-size:clamp(44px,7.5vw,116px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-a_b_testing .hero-hl span{display:block}
#page-svc-a_b_testing .hero-hl .italic{font-style:italic}
#page-svc-a_b_testing .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-a_b_testing .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-a_b_testing .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-a_b_testing .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-a_b_testing .hbc:first-child{padding-left:0}
#page-svc-a_b_testing .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-a_b_testing .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-a_b_testing .why-fails{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-a_b_testing .wf-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-a_b_testing .wf-l{padding-right:80px}
#page-svc-a_b_testing .wf-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-a_b_testing .wf-hl em{font-style:italic;color:var(--w6)}
#page-svc-a_b_testing .wf-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-a_b_testing .wf-body+.wf-body{margin-top:16px}
#page-svc-a_b_testing .wf-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-a_b_testing .fail{border-bottom:1px solid var(--r);padding:28px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-a_b_testing .fail:first-child{border-top:1px solid var(--r)}
#page-svc-a_b_testing .fail::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-a_b_testing .fail:hover::before{transform:scaleY(1)}
#page-svc-a_b_testing .fail:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-a_b_testing .fail-n{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px}
#page-svc-a_b_testing .fail-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-a_b_testing .fail-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-a_b_testing .test-mock-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-a_b_testing .tm-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-a_b_testing .tm-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-a_b_testing .tm-hl em{font-style:italic;color:var(--w6)}
#page-svc-a_b_testing .tm-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-a_b_testing .test-dashboard{border:1px solid var(--rmd);overflow:hidden;position:relative}
#page-svc-a_b_testing .test-dashboard::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;opacity:.3;pointer-events:none;z-index:2}
#page-svc-a_b_testing .td-header{padding:14px 24px;border-bottom:1px solid var(--r);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:space-between}
#page-svc-a_b_testing .td-dots{display:flex;gap:6px}
#page-svc-a_b_testing .td-dot{width:8px;height:8px;border-radius:50%}
#page-svc-a_b_testing .td-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2)}
#page-svc-a_b_testing .td-status{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-a_b_testing .td-body{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--r)}
#page-svc-a_b_testing .td-variant{padding:24px;position:relative;overflow:hidden}
#page-svc-a_b_testing .td-variant:first-child{border-right:1px solid var(--r)}
#page-svc-a_b_testing .td-variant-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}
#page-svc-a_b_testing .td-variant-label.a{color:var(--w4)}
#page-svc-a_b_testing .td-variant-label.b{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-a_b_testing .td-winner-badge{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--grad);color:#060810;padding:2px 7px;border-radius:1px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-a_b_testing .mini-page{background:rgba(255,255,255,.02);border:1px solid var(--r);padding:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
#page-svc-a_b_testing .mp-headline{height:8px;border-radius:1px;background:rgba(255,255,255,.15);width:80%}
#page-svc-a_b_testing .mp-headline.grad{background:var(--grad);opacity:.5;width:85%}
#page-svc-a_b_testing .mp-sub{height:5px;border-radius:1px;background:rgba(255,255,255,.07)}
#page-svc-a_b_testing .mp-sub.bright{background:rgba(255,255,255,.11)}
#page-svc-a_b_testing .mp-sub.w70{width:70%}
#page-svc-a_b_testing .mp-cta{height:22px;border-radius:1px;width:55%;display:flex;align-items:center;justify-content:center}
#page-svc-a_b_testing .mp-cta.old{background:rgba(255,255,255,.08)}
#page-svc-a_b_testing .mp-cta.new{background:var(--grad)}
#page-svc-a_b_testing .mp-cta-t{height:5px;border-radius:1px}
#page-svc-a_b_testing .mp-cta-t.old{width:35%;background:rgba(255,255,255,.2)}
#page-svc-a_b_testing .mp-cta-t.new{width:40%;background:rgba(6,8,16,.4)}
#page-svc-a_b_testing .td-metrics{display:flex;flex-direction:column;gap:8px}
#page-svc-a_b_testing .td-metric{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--r)}
#page-svc-a_b_testing .td-metric:last-child{border-bottom:none}
#page-svc-a_b_testing .td-metric-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2)}
#page-svc-a_b_testing .td-metric-val{font-family:var(--serif);font-size:20px;font-weight:300;line-height:1;letter-spacing:-.02em}
#page-svc-a_b_testing .td-metric-val.neutral{color:var(--w4)}
#page-svc-a_b_testing .td-metric-val.winner{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-a_b_testing .td-metric-chg{font-family:var(--sans);font-size:9px;font-weight:700}
#page-svc-a_b_testing .td-metric-chg.up{color:rgba(125,235,74,.7)}
#page-svc-a_b_testing .td-conclusion{padding:20px 24px;display:flex;flex-direction:column;gap:8px}
#page-svc-a_b_testing .td-conc-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-a_b_testing .td-conc-text{font-size:13px;color:var(--w6);line-height:1.7;font-weight:300}
#page-svc-a_b_testing .td-conc-action{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);border-left:2px solid;border-image:var(--grad) 1;padding-left:12px;margin-top:4px}
#page-svc-a_b_testing .td-sig{display:flex;align-items:center;gap:8px;margin-top:4px}
#page-svc-a_b_testing .td-sig-label{font-family:var(--sans);font-size:8px;color:var(--w2);letter-spacing:.1em}
#page-svc-a_b_testing .td-sig-bar{flex:1;height:4px;background:var(--r);border-radius:2px;position:relative;overflow:hidden}
#page-svc-a_b_testing .td-sig-fill{height:100%;border-radius:2px;background:var(--grad)}
#page-svc-a_b_testing .how-test{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-a_b_testing .ht-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-a_b_testing .ht-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-a_b_testing .ht-item:first-child{border-top:1px solid var(--r)}
#page-svc-a_b_testing .ht-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-a_b_testing .ht-item:hover::before{transform:scaleY(1)}
#page-svc-a_b_testing .ht-item:hover{background:rgba(61,219,184,.015)}
#page-svc-a_b_testing .ht-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-a_b_testing .ht-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-a_b_testing .ht-title em{font-style:italic;color:var(--w6)}
#page-svc-a_b_testing .ht-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-a_b_testing .ht-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-a_b_testing .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-a_b_testing .ht-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-a_b_testing .what-test{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-a_b_testing .wt-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:80px}
#page-svc-a_b_testing .wt-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:44px 36px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-a_b_testing .wt-card::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 25% 25%,rgba(61,219,184,.04),transparent 65%);transition:opacity .4s}
#page-svc-a_b_testing .wt-card:hover::before{opacity:1}
#page-svc-a_b_testing .wt-card::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-a_b_testing .wt-card:hover::after{transform:scaleX(1)}
#page-svc-a_b_testing .wt-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;display:block;margin-bottom:20px}
#page-svc-a_b_testing .wt-title{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:14px;transition:all .25s}
#page-svc-a_b_testing .wt-card:hover .wt-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-a_b_testing .wt-desc{font-size:13px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:18px}
#page-svc-a_b_testing .wt-examples{border-top:1px solid var(--r);padding-top:16px;display:flex;flex-direction:column;gap:7px}
#page-svc-a_b_testing .wt-ex{font-size:12px;color:var(--w4);display:flex;gap:10px;line-height:1.5}
#page-svc-a_b_testing .wt-ex::before{content:‘→’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}
#page-svc-a_b_testing .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-a_b_testing .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-a_b_testing .diff-l{padding-right:80px}
#page-svc-a_b_testing .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-a_b_testing .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-a_b_testing .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-a_b_testing .diff-body+.diff-body{margin-top:16px}
#page-svc-a_b_testing .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-a_b_testing .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-a_b_testing .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-a_b_testing .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-a_b_testing .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-a_b_testing .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-a_b_testing .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-a_b_testing .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-a_b_testing .cmp-text.good{color:var(--w6)}
#page-svc-a_b_testing .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-a_b_testing .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-a_b_testing .cta-l{padding-right:80px}
#page-svc-a_b_testing .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-a_b_testing .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-a_b_testing .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-a_b_testing .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-a_b_testing .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-a_b_testing .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-a_b_testing .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-a_b_testing .wrap{padding:0 32px}#page-svc-a_b_testing .nav-inner{padding:20px 32px}#page-svc-a_b_testing .hero-bar{grid-template-columns:1fr}#page-svc-a_b_testing .hero-bar .vr{display:none}#page-svc-a_b_testing .hbc{padding:24px 0}#page-svc-a_b_testing .hb-ctas{padding:24px 0}#page-svc-a_b_testing .wf-inner, #page-svc-a_b_testing .diff-inner, #page-svc-a_b_testing .cta-inner{grid-template-columns:1fr}#page-svc-a_b_testing .wf-inner .vr, #page-svc-a_b_testing .diff-inner .vr, #page-svc-a_b_testing .cta-inner .vr{display:none}#page-svc-a_b_testing .wf-l, #page-svc-a_b_testing .diff-l, #page-svc-a_b_testing .cta-l{padding-right:0;margin-bottom:48px}#page-svc-a_b_testing .wf-r, #page-svc-a_b_testing .diff-r, #page-svc-a_b_testing .cta-r{padding-left:0}#page-svc-a_b_testing .tm-intro{grid-template-columns:1fr}#page-svc-a_b_testing .tm-sub{padding-left:0;margin-top:28px}#page-svc-a_b_testing .td-body{grid-template-columns:1fr}#page-svc-a_b_testing .td-variant:first-child{border-right:none;border-bottom:1px solid var(--r)}#page-svc-a_b_testing .ht-item{grid-template-columns:60px 1fr}#page-svc-a_b_testing .ht-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-a_b_testing .wt-grid{grid-template-columns:1fr}#page-svc-a_b_testing .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-a_b_testing .wrap{padding:0 20px}#page-svc-a_b_testing .nav-inner{padding:18px 20px}#page-svc-a_b_testing .orb, #page-svc-a_b_testing .mesh, #page-svc-a_b_testing .hero-ghost{display:none}}

/* ── affiliate_marketing ── */
#page-svc-affiliate_marketing #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-affiliate_marketing .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-affiliate_marketing .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-affiliate_marketing .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-affiliate_marketing .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-affiliate_marketing #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-affiliate_marketing #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-affiliate_marketing .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-affiliate_marketing .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-affiliate_marketing .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-affiliate_marketing .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:visible}
#page-svc-affiliate_marketing .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 25% 25%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 75% 75%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g2) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-affiliate_marketing .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(80px,12vw,200px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-affiliate_marketing .hero-c{position:relative;z-index:2}
#page-svc-affiliate_marketing .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-affiliate_marketing .hero-hl{font-family:var(--serif);font-size:clamp(42px,7.5vw,114px);line-height:1.1;letter-spacing:-.025em;font-weight:300padding-bottom:0.2em}
#page-svc-affiliate_marketing .hero-hl span{display:block}
#page-svc-affiliate_marketing .hero-hl .italic{font-style:italic}
#page-svc-affiliate_marketing .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-affiliate_marketing .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-affiliate_marketing .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-affiliate_marketing .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-affiliate_marketing .hbc:first-child{padding-left:0}
#page-svc-affiliate_marketing .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-affiliate_marketing .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-affiliate_marketing .truth{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-affiliate_marketing .truth-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-affiliate_marketing .truth-l{padding-right:80px}
#page-svc-affiliate_marketing .truth-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-affiliate_marketing .truth-hl em{font-style:italic;color:var(--w6)}
#page-svc-affiliate_marketing .truth-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-affiliate_marketing .truth-body+.truth-body{margin-top:16px}
#page-svc-affiliate_marketing .truth-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-affiliate_marketing .leak{border-bottom:1px solid var(--r);padding:30px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-affiliate_marketing .leak:first-child{border-top:1px solid var(--r)}
#page-svc-affiliate_marketing .leak::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-affiliate_marketing .leak:hover::before{transform:scaleY(1)}
#page-svc-affiliate_marketing .leak:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-affiliate_marketing .leak-n{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px}
#page-svc-affiliate_marketing .leak-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-affiliate_marketing .leak-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-affiliate_marketing .audit-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-affiliate_marketing .audit-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-affiliate_marketing .audit-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-affiliate_marketing .audit-hl em{font-style:italic;color:var(--w6)}
#page-svc-affiliate_marketing .audit-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-affiliate_marketing .audit-mock{border:1px solid var(--rmd);background:rgba(255,255,255,.015);overflow:hidden;position:relative}
#page-svc-affiliate_marketing .audit-mock::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;opacity:.35;pointer-events:none;z-index:1}
#page-svc-affiliate_marketing .am-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--r);background:rgba(255,255,255,.02)}
#page-svc-affiliate_marketing .am-dots{display:flex;gap:6px}
#page-svc-affiliate_marketing .am-dot{width:8px;height:8px;border-radius:50%}
#page-svc-affiliate_marketing .am-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2)}
#page-svc-affiliate_marketing .am-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
#page-svc-affiliate_marketing .am-col{padding:24px}
#page-svc-affiliate_marketing .am-col:first-child{border-right:1px solid var(--r)}
#page-svc-affiliate_marketing .am-col-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--r)}
#page-svc-affiliate_marketing .aff-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--r)}
#page-svc-affiliate_marketing .aff-row:last-child{border-bottom:none}
#page-svc-affiliate_marketing .aff-name{font-size:12px;color:var(--w6);font-weight:300}
#page-svc-affiliate_marketing .aff-rev{font-family:var(--serif);font-size:16px;font-weight:300;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
#page-svc-affiliate_marketing .aff-badge{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border:1px solid}
#page-svc-affiliate_marketing .aff-badge.hot{border-color:rgba(125,235,74,.3);color:rgba(125,235,74,.6)}
#page-svc-affiliate_marketing .aff-badge.cold{border-color:rgba(255,255,255,.1);color:var(--w2)}
#page-svc-affiliate_marketing .aff-badge.flag{border-color:rgba(255,160,50,.3);color:rgba(255,160,50,.6)}
#page-svc-affiliate_marketing .issue-item{padding:12px 0;border-bottom:1px solid var(--r);display:flex;gap:12px;align-items:flex-start}
#page-svc-affiliate_marketing .issue-item:last-child{border-bottom:none}
#page-svc-affiliate_marketing .issue-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}
#page-svc-affiliate_marketing .issue-dot.red{background:rgba(255,100,100,.5)}
#page-svc-affiliate_marketing .issue-dot.yellow{background:rgba(255,200,50,.5)}
#page-svc-affiliate_marketing .issue-dot.green{background:rgba(125,235,74,.5)}
#page-svc-affiliate_marketing .issue-text{font-size:12px;color:var(--w6);line-height:1.6;font-weight:300}
#page-svc-affiliate_marketing .issue-action{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:4px}
#page-svc-affiliate_marketing .whatfix{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-affiliate_marketing .wf-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-affiliate_marketing .wf-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-affiliate_marketing .wf-item:first-child{border-top:1px solid var(--r)}
#page-svc-affiliate_marketing .wf-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-affiliate_marketing .wf-item:hover::before{transform:scaleY(1)}
#page-svc-affiliate_marketing .wf-item:hover{background:rgba(61,219,184,.015)}
#page-svc-affiliate_marketing .wf-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-affiliate_marketing .wf-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-affiliate_marketing .wf-title em{font-style:italic;color:var(--w6)}
#page-svc-affiliate_marketing .wf-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-affiliate_marketing .wf-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-affiliate_marketing .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-affiliate_marketing .wf-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-affiliate_marketing .tiers{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-affiliate_marketing .tier-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-affiliate_marketing .tier-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-affiliate_marketing .tier-hl em{font-style:italic;color:var(--w6)}
#page-svc-affiliate_marketing .tier-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-affiliate_marketing .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r)}
#page-svc-affiliate_marketing .tc{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:52px 40px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-affiliate_marketing .tc::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 25% 20%,rgba(61,219,184,.04),transparent 65%);transition:opacity .4s}
#page-svc-affiliate_marketing .tc:hover::before{opacity:1}
#page-svc-affiliate_marketing .tc::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-affiliate_marketing .tc:hover::after{transform:scaleX(1)}
#page-svc-affiliate_marketing .tc-badge{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:4px 10px;display:inline-block;margin-bottom:24px;transition:all .25s}
#page-svc-affiliate_marketing .tc:hover .tc-badge{border-color:rgba(61,219,184,.25);color:rgba(61,219,184,.55)}
#page-svc-affiliate_marketing .tc-title{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--w);line-height:1.15;letter-spacing:-.01em;margin-bottom:16px;transition:all .25s}
#page-svc-affiliate_marketing .tc:hover .tc-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-affiliate_marketing .tc-desc{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:28px}
#page-svc-affiliate_marketing .tc-features{border-top:1px solid var(--r);padding-top:24px;display:flex;flex-direction:column;gap:10px}
#page-svc-affiliate_marketing .tcf{font-size:13px;color:var(--w4);display:flex;gap:12px;line-height:1.6}
#page-svc-affiliate_marketing .tcf::before{content:‘→’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}
#page-svc-affiliate_marketing .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-affiliate_marketing .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-affiliate_marketing .diff-l{padding-right:80px}
#page-svc-affiliate_marketing .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-affiliate_marketing .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-affiliate_marketing .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-affiliate_marketing .diff-body+.diff-body{margin-top:16px}
#page-svc-affiliate_marketing .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-affiliate_marketing .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-affiliate_marketing .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-affiliate_marketing .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-affiliate_marketing .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-affiliate_marketing .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-affiliate_marketing .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-affiliate_marketing .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-affiliate_marketing .cmp-text.good{color:var(--w6)}
#page-svc-affiliate_marketing .stats{padding:100px 0;border-bottom:1px solid var(--r)}
#page-svc-affiliate_marketing .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:64px}
#page-svc-affiliate_marketing .stat-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:44px 36px;position:relative;overflow:hidden;transition:background .25s}
#page-svc-affiliate_marketing .stat-card::before{content:’’;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
#page-svc-affiliate_marketing .stat-card:hover::before{transform:scaleX(1)}
#page-svc-affiliate_marketing .stat-card:hover{background:rgba(61,219,184,.02)}
#page-svc-affiliate_marketing .stat-val{font-family:var(--serif);font-size:clamp(44px,5vw,72px);font-weight:300;line-height:.9;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}
#page-svc-affiliate_marketing .stat-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);margin-bottom:12px}
#page-svc-affiliate_marketing .stat-desc{font-size:13px;color:var(--w4);line-height:1.75;font-weight:300}
#page-svc-affiliate_marketing .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-affiliate_marketing .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-affiliate_marketing .cta-l{padding-right:80px}
#page-svc-affiliate_marketing .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-affiliate_marketing .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-affiliate_marketing .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-affiliate_marketing .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-affiliate_marketing .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-affiliate_marketing .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-affiliate_marketing .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-affiliate_marketing .wrap{padding:0 32px}#page-svc-affiliate_marketing .nav-inner{padding:20px 32px}#page-svc-affiliate_marketing .hero-bar{grid-template-columns:1fr}#page-svc-affiliate_marketing .hero-bar .vr{display:none}#page-svc-affiliate_marketing .hbc{padding:24px 0}#page-svc-affiliate_marketing .hb-ctas{padding:24px 0}#page-svc-affiliate_marketing .truth-inner, #page-svc-affiliate_marketing .diff-inner, #page-svc-affiliate_marketing .cta-inner{grid-template-columns:1fr}#page-svc-affiliate_marketing .truth-inner .vr, #page-svc-affiliate_marketing .diff-inner .vr, #page-svc-affiliate_marketing .cta-inner .vr{display:none}#page-svc-affiliate_marketing .truth-l, #page-svc-affiliate_marketing .diff-l, #page-svc-affiliate_marketing .cta-l{padding-right:0;margin-bottom:48px}#page-svc-affiliate_marketing .truth-r, #page-svc-affiliate_marketing .diff-r, #page-svc-affiliate_marketing .cta-r{padding-left:0}#page-svc-affiliate_marketing .audit-intro, #page-svc-affiliate_marketing .tier-intro{grid-template-columns:1fr}#page-svc-affiliate_marketing .audit-sub, #page-svc-affiliate_marketing .tier-sub{padding-left:0;margin-top:28px}#page-svc-affiliate_marketing .am-body{grid-template-columns:1fr}#page-svc-affiliate_marketing .am-col:first-child{border-right:none;border-bottom:1px solid var(--r)}#page-svc-affiliate_marketing .tier-grid{grid-template-columns:1fr}#page-svc-affiliate_marketing .wf-item{grid-template-columns:60px 1fr}#page-svc-affiliate_marketing .wf-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-affiliate_marketing .stat-grid{grid-template-columns:1fr 1fr}#page-svc-affiliate_marketing .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-affiliate_marketing .wrap{padding:0 20px}#page-svc-affiliate_marketing .nav-inner{padding:18px 20px}#page-svc-affiliate_marketing .stat-grid{grid-template-columns:1fr}#page-svc-affiliate_marketing .orb, #page-svc-affiliate_marketing .mesh, #page-svc-affiliate_marketing .hero-ghost{display:none}}

/* ── analytics ── */
#page-svc-analytics #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-analytics .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-analytics .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);top:-200px;right:-150px}
#page-svc-analytics .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(125,235,74,.06),transparent 70%);bottom:0;left:-100px}
#page-svc-analytics .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-analytics #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-analytics #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-analytics .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-analytics .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-analytics .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-analytics .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-analytics .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 80% 20%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g1) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-analytics .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(100px,14vw,240px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-analytics .hero-c{position:relative;z-index:2}
#page-svc-analytics .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-analytics .hero-hl{font-family:var(--serif);font-size:clamp(46px,8vw,122px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-analytics .hero-hl span{display:block}
#page-svc-analytics .hero-hl .italic{font-style:italic}
#page-svc-analytics .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-analytics .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-analytics .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-analytics .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-analytics .hbc:first-child{padding-left:0}
#page-svc-analytics .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-analytics .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-analytics .three-types{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-analytics .tt-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-analytics .tt-l{padding-right:80px}
#page-svc-analytics .tt-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-analytics .tt-hl em{font-style:italic;color:var(--w6)}
#page-svc-analytics .tt-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-analytics .tt-body+.tt-body{margin-top:16px}
#page-svc-analytics .tt-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-analytics .type-card{border-bottom:1px solid var(--r);padding:32px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-analytics .type-card:first-child{border-top:1px solid var(--r)}
#page-svc-analytics .type-card::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-analytics .type-card:hover::before{transform:scaleY(1)}
#page-svc-analytics .type-card:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-analytics .tc-n{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px}
#page-svc-analytics .tc-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-analytics .tc-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-analytics .dashboard-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-analytics .dash-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-analytics .dash-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-analytics .dash-hl em{font-style:italic;color:var(--w6)}
#page-svc-analytics .dash-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-analytics .dash-mock{border:1px solid var(--rmd);background:rgba(255,255,255,.02);padding:0;overflow:hidden;position:relative}
#page-svc-analytics .dash-mock::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(#0a0d14,#0a0d14) padding-box,var(--grad) border-box;opacity:.4;pointer-events:none;z-index:1}
#page-svc-analytics .dm-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--r);background:rgba(255,255,255,.02)}
#page-svc-analytics .dm-tb-left{display:flex;align-items:center;gap:8px}
#page-svc-analytics .dm-dot{width:8px;height:8px;border-radius:50%;background:var(--r)}
#page-svc-analytics .dm-dot:first-child{background:rgba(255,100,100,.3)}
#page-svc-analytics .dm-dot:nth-child(2){background:rgba(255,200,50,.3)}
#page-svc-analytics .dm-dot:nth-child(3){background:rgba(125,235,74,.3)}
#page-svc-analytics .dm-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);margin-left:8px}
#page-svc-analytics .dm-date{font-family:var(--sans);font-size:9px;color:var(--w2);letter-spacing:.1em}
#page-svc-analytics .dm-body{padding:24px}
#page-svc-analytics .dm-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
#page-svc-analytics .dm-kpi{background:rgba(255,255,255,.03);border:1px solid var(--r);padding:16px;position:relative;overflow:hidden}
#page-svc-analytics .dm-kpi::after{content:’’;position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--grad);opacity:.5}
#page-svc-analytics .dm-kpi-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w2);margin-bottom:8px}
#page-svc-analytics .dm-kpi-val{font-family:var(--serif);font-size:28px;font-weight:300;line-height:1;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}
#page-svc-analytics .dm-kpi-chg{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.1em}
#page-svc-analytics .dm-kpi-chg.up{color:rgba(125,235,74,.7)}
#page-svc-analytics .dm-kpi-chg.dn{color:rgba(255,100,100,.5)}
#page-svc-analytics .dm-charts{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}
#page-svc-analytics .dm-chart{background:rgba(255,255,255,.02);border:1px solid var(--r);padding:16px}
#page-svc-analytics .dm-chart-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w2);margin-bottom:14px}
#page-svc-analytics .dm-bars{display:flex;align-items:flex-end;gap:5px;height:70px}
#page-svc-analytics .dm-bar{flex:1;border-radius:1px;background:var(--grad);opacity:.35;transition:opacity .3s}
#page-svc-analytics .dm-bar:hover{opacity:.75}
#page-svc-analytics .dm-bar.hi{opacity:.7}
#page-svc-analytics .dm-donut{width:70px;height:70px;border-radius:50%;background:conic-gradient(rgba(125,235,74,.5) 0% 42%,rgba(61,219,184,.5) 42% 68%,rgba(59,142,240,.4) 68% 85%,rgba(255,255,255,.1) 85% 100%);margin:0 auto;position:relative}
#page-svc-analytics .dm-donut::after{content:‘68%’;position:absolute;inset:12px;background:var(--bg2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:10px;font-weight:700;background:var(--bg2);display:flex;align-items:center;justify-content:center;color:var(--w4)}
#page-svc-analytics .dm-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#page-svc-analytics .dm-insight{background:rgba(61,219,184,.03);border:1px solid rgba(61,219,184,.1);padding:14px}
#page-svc-analytics .dm-insight-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
#page-svc-analytics .dm-insight-text{font-size:11px;color:var(--w6);line-height:1.6;font-weight:300}
#page-svc-analytics .whatbuild{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-analytics .wb-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-analytics .wb-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-analytics .wb-item:first-child{border-top:1px solid var(--r)}
#page-svc-analytics .wb-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-analytics .wb-item:hover::before{transform:scaleY(1)}
#page-svc-analytics .wb-item:hover{background:rgba(61,219,184,.015)}
#page-svc-analytics .wb-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-analytics .wb-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-analytics .wb-title em{font-style:italic;color:var(--w6)}
#page-svc-analytics .wb-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-analytics .wb-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-analytics .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-analytics .wb-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-analytics .interp{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-analytics .interp-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-analytics .interp-l{padding-right:80px}
#page-svc-analytics .interp-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-analytics .interp-hl em{font-style:italic;color:var(--w6)}
#page-svc-analytics .interp-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-analytics .interp-body+.interp-body{margin-top:16px}
#page-svc-analytics .interp-r{padding-left:80px}
#page-svc-analytics .report-block{border:1px solid var(--rmd);background:rgba(255,255,255,.015);overflow:hidden;position:relative}
#page-svc-analytics .report-block::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg3),var(--bg3)) padding-box,var(--grad) border-box;opacity:.3;pointer-events:none}
#page-svc-analytics .rb-header{padding:18px 24px;border-bottom:1px solid var(--r);display:flex;align-items:center;justify-content:space-between}
#page-svc-analytics .rb-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2)}
#page-svc-analytics .rb-week{font-family:var(--serif);font-size:11px;color:var(--w2);letter-spacing:.08em}
#page-svc-analytics .rb-body{padding:24px;display:flex;flex-direction:column;gap:0}
#page-svc-analytics .rb-item{padding:20px 0;border-bottom:1px solid var(--r);display:flex;flex-direction:column;gap:8px}
#page-svc-analytics .rb-item:last-child{border-bottom:none}
#page-svc-analytics .rb-item-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-analytics .rb-item-finding{font-family:var(--serif);font-size:16px;font-weight:400;color:var(--w);line-height:1.35;letter-spacing:-.01em}
#page-svc-analytics .rb-item-action{font-size:12px;color:var(--w6);line-height:1.65;font-weight:300;padding-left:12px;border-left:2px solid rgba(61,219,184,.25)}
#page-svc-analytics .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-analytics .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-analytics .diff-l{padding-right:80px}
#page-svc-analytics .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-analytics .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-analytics .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-analytics .diff-body+.diff-body{margin-top:16px}
#page-svc-analytics .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-analytics .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-analytics .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-analytics .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-analytics .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-analytics .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-analytics .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-analytics .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-analytics .cmp-text.good{color:var(--w6)}
#page-svc-analytics .numbers{padding:100px 0;border-bottom:1px solid var(--r)}
#page-svc-analytics .num-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:64px}
#page-svc-analytics .num-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:44px 36px;position:relative;overflow:hidden;transition:background .25s}
#page-svc-analytics .num-card::before{content:’’;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
#page-svc-analytics .num-card:hover::before{transform:scaleX(1)}
#page-svc-analytics .num-card:hover{background:rgba(61,219,184,.02)}
#page-svc-analytics .num-val{font-family:var(--serif);font-size:clamp(44px,5vw,72px);font-weight:300;line-height:.9;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}
#page-svc-analytics .num-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);margin-bottom:12px}
#page-svc-analytics .num-desc{font-size:13px;color:var(--w4);line-height:1.75;font-weight:300}
#page-svc-analytics .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-analytics .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-analytics .cta-l{padding-right:80px}
#page-svc-analytics .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-analytics .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-analytics .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-analytics .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-analytics .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-analytics .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-analytics .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-analytics .wrap{padding:0 32px}#page-svc-analytics .nav-inner{padding:20px 32px}#page-svc-analytics .hero-bar{grid-template-columns:1fr}#page-svc-analytics .hero-bar .vr{display:none}#page-svc-analytics .hbc{padding:24px 0}#page-svc-analytics .hb-ctas{padding:24px 0}#page-svc-analytics .tt-inner, #page-svc-analytics .interp-inner, #page-svc-analytics .diff-inner, #page-svc-analytics .cta-inner{grid-template-columns:1fr}#page-svc-analytics .tt-inner .vr, #page-svc-analytics .interp-inner .vr, #page-svc-analytics .diff-inner .vr, #page-svc-analytics .cta-inner .vr{display:none}#page-svc-analytics .tt-l, #page-svc-analytics .interp-l, #page-svc-analytics .diff-l, #page-svc-analytics .cta-l{padding-right:0;margin-bottom:48px}#page-svc-analytics .tt-r, #page-svc-analytics .interp-r, #page-svc-analytics .diff-r, #page-svc-analytics .cta-r{padding-left:0}#page-svc-analytics .dash-intro{grid-template-columns:1fr}#page-svc-analytics .dash-sub{padding-left:0;margin-top:28px}#page-svc-analytics .dm-kpi-row{grid-template-columns:1fr 1fr}#page-svc-analytics .dm-charts{grid-template-columns:1fr}#page-svc-analytics .wb-item{grid-template-columns:60px 1fr}#page-svc-analytics .wb-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-analytics .num-grid{grid-template-columns:1fr 1fr}#page-svc-analytics .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-analytics .wrap{padding:0 20px}#page-svc-analytics .nav-inner{padding:18px 20px}#page-svc-analytics .num-grid{grid-template-columns:1fr}#page-svc-analytics .dm-kpi-row{grid-template-columns:1fr}#page-svc-analytics .dm-insights{grid-template-columns:1fr}#page-svc-analytics .orb, #page-svc-analytics .mesh, #page-svc-analytics .hero-ghost{display:none}}

/* ── branding ── */
#page-svc-branding #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-branding .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-branding .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-branding .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-branding .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-branding #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-branding #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-branding .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-branding .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-branding .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-branding .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-branding .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 35% 25%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 65% 75%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g3) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-branding .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(80px,12vw,200px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-branding .hero-c{position:relative;z-index:2}
#page-svc-branding .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-branding .hero-hl{font-family:var(--serif);font-size:clamp(44px,7.5vw,116px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-branding .hero-hl span{display:block}
#page-svc-branding .hero-hl .italic{font-style:italic}
#page-svc-branding .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-branding .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-branding .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-branding .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-branding .hbc:first-child{padding-left:0}
#page-svc-branding .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-branding .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-branding .three-sit{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-branding .ts-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-branding .ts-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-branding .ts-hl em{font-style:italic;color:var(--w6)}
#page-svc-branding .ts-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-branding .sit-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r)}
#page-svc-branding .sit{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:48px 36px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-branding .sit::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 25% 25%,rgba(61,219,184,.04),transparent 65%);transition:opacity .4s}
#page-svc-branding .sit:hover::before{opacity:1}
#page-svc-branding .sit::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-branding .sit:hover::after{transform:scaleX(1)}
#page-svc-branding .sit-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;display:block;margin-bottom:20px}
#page-svc-branding .sit-tag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:4px 10px;display:inline-block;margin-bottom:20px;transition:all .25s}
#page-svc-branding .sit:hover .sit-tag{border-color:rgba(61,219,184,.25);color:rgba(61,219,184,.55)}
#page-svc-branding .sit-title{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:16px;transition:all .25s}
#page-svc-branding .sit:hover .sit-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-branding .sit-body{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:24px}
#page-svc-branding .sit-signals{border-top:1px solid var(--r);padding-top:20px;display:flex;flex-direction:column;gap:9px}
#page-svc-branding .sig{font-size:13px;color:var(--w4);display:flex;gap:12px;line-height:1.6}
#page-svc-branding .sig::before{content:‘→’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}
#page-svc-branding .brand-mock-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-branding .bm-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-branding .bm-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-branding .bm-hl em{font-style:italic;color:var(--w6)}
#page-svc-branding .bm-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-branding .brand-showcase{border:1px solid var(--rmd);overflow:hidden;position:relative}
#page-svc-branding .brand-showcase::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;opacity:.3;pointer-events:none;z-index:2}
#page-svc-branding .bs-header{padding:14px 24px;border-bottom:1px solid var(--r);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:space-between}
#page-svc-branding .bs-dots{display:flex;gap:6px}
#page-svc-branding .bs-dot{width:8px;height:8px;border-radius:50%}
#page-svc-branding .bs-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2)}
#page-svc-branding .bs-body{display:grid;grid-template-columns:1fr 1px 1fr;min-height:320px}
#page-svc-branding .bs-col{padding:32px}
#page-svc-branding .bs-logo-area{display:flex;flex-direction:column;gap:24px}
#page-svc-branding .bs-logo-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);border-bottom:1px solid var(--r);padding-bottom:10px}
#page-svc-branding .bs-logo-main{display:flex;align-items:center;gap:14px;padding:24px;background:rgba(255,255,255,.02);border:1px solid var(--r)}
#page-svc-branding .bs-logo-icon{width:40px;height:40px;flex-shrink:0}
#page-svc-branding .bs-logo-text-group{display:flex;flex-direction:column;gap:3px}
#page-svc-branding .bs-logo-wordmark{font-family:var(--sans);font-size:18px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-branding .bs-logo-tagline{font-family:‘DM Sans’,sans-serif;font-size:9px;color:var(--w2);letter-spacing:.16em;text-transform:uppercase;font-weight:300}
#page-svc-branding .bs-logo-variants{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#page-svc-branding .bs-logo-var{padding:14px;border:1px solid var(--r);display:flex;align-items:center;justify-content:center;transition:background .2s}
#page-svc-branding .bs-logo-var:hover{background:rgba(61,219,184,.03)}
#page-svc-branding .bs-logo-var-text{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#page-svc-branding .bs-logo-var-text.light{color:var(--w)}
#page-svc-branding .bs-logo-var-text.outline{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-branding .bs-logo-var.dark{background:#f0efe9}
#page-svc-branding .bs-logo-var-text.dark-v{color:#060810}
#page-svc-branding .bs-system{display:flex;flex-direction:column;gap:20px}
#page-svc-branding .bs-system-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);border-bottom:1px solid var(--r);padding-bottom:10px}
#page-svc-branding .bs-colors{display:flex;gap:8px;flex-wrap:wrap}
#page-svc-branding .bs-color{display:flex;flex-direction:column;gap:6px;align-items:center}
#page-svc-branding .bs-color-swatch{width:44px;height:44px;border-radius:2px;border:1px solid var(--r)}
#page-svc-branding .bs-color-label{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w2);text-align:center}
#page-svc-branding .bs-typography{display:flex;flex-direction:column;gap:8px;padding:14px;background:rgba(255,255,255,.02);border:1px solid var(--r)}
#page-svc-branding .bs-type-row{display:flex;align-items:baseline;gap:12px}
#page-svc-branding .bs-type-sample{color:var(--w)}
#page-svc-branding .bs-type-label{font-family:var(--sans);font-size:8px;color:var(--w2);letter-spacing:.12em;text-transform:uppercase}
#page-svc-branding .bs-spacing{display:flex;gap:6px;align-items:flex-end}
#page-svc-branding .bs-sp{background:rgba(61,219,184,.15);border:1px solid rgba(61,219,184,.2)}
#page-svc-branding .whatbuild{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-branding .wb-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-branding .wb-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-branding .wb-item:first-child{border-top:1px solid var(--r)}
#page-svc-branding .wb-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-branding .wb-item:hover::before{transform:scaleY(1)}
#page-svc-branding .wb-item:hover{background:rgba(61,219,184,.015)}
#page-svc-branding .wb-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-branding .wb-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-branding .wb-title em{font-style:italic;color:var(--w6)}
#page-svc-branding .wb-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-branding .wb-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-branding .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-branding .wb-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-branding .brand-does{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-branding .bd-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-branding .bd-l{padding-right:80px}
#page-svc-branding .bd-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-branding .bd-hl em{font-style:italic;color:var(--w6)}
#page-svc-branding .bd-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-branding .bd-body+.bd-body{margin-top:16px}
#page-svc-branding .bd-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-branding .bd-item{border-bottom:1px solid var(--r);padding:30px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-branding .bd-item:first-child{border-top:1px solid var(--r)}
#page-svc-branding .bd-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-branding .bd-item:hover::before{transform:scaleY(1)}
#page-svc-branding .bd-item:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-branding .bd-n{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px}
#page-svc-branding .bd-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-branding .bd-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-branding .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-branding .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-branding .diff-l{padding-right:80px}
#page-svc-branding .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-branding .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-branding .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-branding .diff-body+.diff-body{margin-top:16px}
#page-svc-branding .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-branding .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-branding .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-branding .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-branding .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-branding .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-branding .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-branding .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-branding .cmp-text.good{color:var(--w6)}
#page-svc-branding .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-branding .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-branding .cta-l{padding-right:80px}
#page-svc-branding .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-branding .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-branding .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-branding .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-branding .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-branding .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-branding .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-branding .wrap{padding:0 32px}#page-svc-branding .nav-inner{padding:20px 32px}#page-svc-branding .hero-bar{grid-template-columns:1fr}#page-svc-branding .hero-bar .vr{display:none}#page-svc-branding .hbc{padding:24px 0}#page-svc-branding .hb-ctas{padding:24px 0}#page-svc-branding .ts-intro, #page-svc-branding .bm-intro{grid-template-columns:1fr}#page-svc-branding .ts-sub, #page-svc-branding .bm-sub{padding-left:0;margin-top:28px}#page-svc-branding .sit-grid{grid-template-columns:1fr}#page-svc-branding .bd-inner, #page-svc-branding .diff-inner, #page-svc-branding .cta-inner{grid-template-columns:1fr}#page-svc-branding .bd-inner .vr, #page-svc-branding .diff-inner .vr, #page-svc-branding .cta-inner .vr{display:none}#page-svc-branding .bd-l, #page-svc-branding .diff-l, #page-svc-branding .cta-l{padding-right:0;margin-bottom:48px}#page-svc-branding .bd-r, #page-svc-branding .diff-r, #page-svc-branding .cta-r{padding-left:0}#page-svc-branding .bs-body{grid-template-columns:1fr}#page-svc-branding .bs-body .vr{display:none}#page-svc-branding .wb-item{grid-template-columns:60px 1fr}#page-svc-branding .wb-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-branding .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-branding .wrap{padding:0 20px}#page-svc-branding .nav-inner{padding:18px 20px}#page-svc-branding .orb, #page-svc-branding .mesh, #page-svc-branding .hero-ghost{display:none}}

/* ── cro_audits ── */
#page-svc-cro_audits #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-cro_audits .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-cro_audits .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(59,142,240,.09),transparent 70%);top:-200px;right:-150px}
#page-svc-cro_audits .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(125,235,74,.06),transparent 70%);bottom:0;left:-100px}
#page-svc-cro_audits .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-cro_audits #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-cro_audits #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-cro_audits .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-cro_audits .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-cro_audits .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-cro_audits .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-cro_audits .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 65% 20%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 35% 80%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g1) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-cro_audits .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(80px,12vw,200px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-cro_audits .hero-c{position:relative;z-index:2}
#page-svc-cro_audits .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-cro_audits .hero-hl{font-family:var(--serif);font-size:clamp(44px,7.5vw,116px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-cro_audits .hero-hl span{display:block}
#page-svc-cro_audits .hero-hl .italic{font-style:italic}
#page-svc-cro_audits .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-cro_audits .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-cro_audits .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-cro_audits .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-cro_audits .hbc:first-child{padding-left:0}
#page-svc-cro_audits .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-cro_audits .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-cro_audits .problem{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-cro_audits .prob-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-cro_audits .prob-l{padding-right:80px}
#page-svc-cro_audits .prob-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-cro_audits .prob-hl em{font-style:italic;color:var(--w6)}
#page-svc-cro_audits .prob-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-cro_audits .prob-body+.prob-body{margin-top:16px}
#page-svc-cro_audits .prob-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-cro_audits .leak{border-bottom:1px solid var(--r);padding:28px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-cro_audits .leak:first-child{border-top:1px solid var(--r)}
#page-svc-cro_audits .leak::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-cro_audits .leak:hover::before{transform:scaleY(1)}
#page-svc-cro_audits .leak:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-cro_audits .leak-n{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px}
#page-svc-cro_audits .leak-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-cro_audits .leak-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-cro_audits .audit-mock-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-cro_audits .am-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-cro_audits .am-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-cro_audits .am-hl em{font-style:italic;color:var(--w6)}
#page-svc-cro_audits .am-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-cro_audits .audit-report{border:1px solid var(--rmd);overflow:hidden;position:relative}
#page-svc-cro_audits .audit-report::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;opacity:.3;pointer-events:none;z-index:2}
#page-svc-cro_audits .ar-header{padding:16px 24px;border-bottom:1px solid var(--r);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:space-between}
#page-svc-cro_audits .ar-dots{display:flex;gap:6px}
#page-svc-cro_audits .ar-dot{width:8px;height:8px;border-radius:50%}
#page-svc-cro_audits .ar-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2)}
#page-svc-cro_audits .ar-date{font-family:var(--serif);font-size:11px;color:var(--w2);letter-spacing:.08em}
#page-svc-cro_audits .ar-body{display:grid;grid-template-columns:1fr 1px 1fr}
#page-svc-cro_audits .ar-col{padding:24px}
#page-svc-cro_audits .ar-score-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
#page-svc-cro_audits .ar-score{background:rgba(255,255,255,.02);border:1px solid var(--r);padding:14px;position:relative;overflow:hidden}
#page-svc-cro_audits .ar-score::after{content:’’;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);opacity:.4}
#page-svc-cro_audits .ar-score-label{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w2);margin-bottom:6px}
#page-svc-cro_audits .ar-score-val{font-family:var(--serif);font-size:26px;font-weight:300;line-height:1;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-cro_audits .ar-score-chg{font-family:var(--sans);font-size:8px;font-weight:700;margin-top:3px}
#page-svc-cro_audits .ar-score-chg.bad{color:rgba(255,100,100,.6)}
#page-svc-cro_audits .ar-score-chg.ok{color:rgba(255,200,50,.6)}
#page-svc-cro_audits .ar-findings{display:flex;flex-direction:column;gap:0}
#page-svc-cro_audits .ar-finding{border-bottom:1px solid var(--r);padding:12px 0;display:flex;gap:10px;align-items:flex-start}
#page-svc-cro_audits .ar-finding:first-child{border-top:1px solid var(--r)}
#page-svc-cro_audits .ar-finding-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}
#page-svc-cro_audits .ar-finding-dot.critical{background:rgba(255,100,100,.6)}
#page-svc-cro_audits .ar-finding-dot.warning{background:rgba(255,200,50,.6)}
#page-svc-cro_audits .ar-finding-dot.good{background:rgba(125,235,74,.6)}
#page-svc-cro_audits .ar-finding-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w);margin-bottom:4px}
#page-svc-cro_audits .ar-finding-text{font-size:11px;color:var(--w6);line-height:1.6;font-weight:300}
#page-svc-cro_audits .ar-finding-rec{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:4px}
#page-svc-cro_audits .ar-impact{display:flex;flex-direction:column;gap:12px}
#page-svc-cro_audits .ar-impact-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);border-bottom:1px solid var(--r);padding-bottom:10px}
#page-svc-cro_audits .ar-impact-item{background:rgba(61,219,184,.03);border:1px solid rgba(61,219,184,.1);padding:14px}
#page-svc-cro_audits .ar-impact-priority{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
#page-svc-cro_audits .ar-impact-title{font-size:12px;color:var(--w);font-weight:400;line-height:1.35;margin-bottom:6px;font-family:var(--serif)}
#page-svc-cro_audits .ar-impact-val{font-family:var(--serif);font-size:22px;font-weight:300;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
#page-svc-cro_audits .ar-impact-desc{font-size:10px;color:var(--w4);line-height:1.5;margin-top:3px;font-weight:300}
#page-svc-cro_audits .what-audit{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-cro_audits .wa-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-cro_audits .wa-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-cro_audits .wa-item:first-child{border-top:1px solid var(--r)}
#page-svc-cro_audits .wa-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-cro_audits .wa-item:hover::before{transform:scaleY(1)}
#page-svc-cro_audits .wa-item:hover{background:rgba(61,219,184,.015)}
#page-svc-cro_audits .wa-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-cro_audits .wa-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-cro_audits .wa-title em{font-style:italic;color:var(--w6)}
#page-svc-cro_audits .wa-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-cro_audits .wa-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-cro_audits .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-cro_audits .wa-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-cro_audits .what-get{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-cro_audits .wg-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-cro_audits .wg-l{padding-right:80px}
#page-svc-cro_audits .wg-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-cro_audits .wg-hl em{font-style:italic;color:var(--w6)}
#page-svc-cro_audits .wg-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-cro_audits .wg-body+.wg-body{margin-top:16px}
#page-svc-cro_audits .wg-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-cro_audits .wg-item{border-bottom:1px solid var(--r);padding:28px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-cro_audits .wg-item:first-child{border-top:1px solid var(--r)}
#page-svc-cro_audits .wg-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-cro_audits .wg-item:hover::before{transform:scaleY(1)}
#page-svc-cro_audits .wg-item:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-cro_audits .wg-n{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px}
#page-svc-cro_audits .wg-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-cro_audits .wg-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-cro_audits .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-cro_audits .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-cro_audits .diff-l{padding-right:80px}
#page-svc-cro_audits .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-cro_audits .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-cro_audits .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-cro_audits .diff-body+.diff-body{margin-top:16px}
#page-svc-cro_audits .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-cro_audits .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-cro_audits .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-cro_audits .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-cro_audits .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-cro_audits .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-cro_audits .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-cro_audits .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-cro_audits .cmp-text.good{color:var(--w6)}
#page-svc-cro_audits .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-cro_audits .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-cro_audits .cta-l{padding-right:80px}
#page-svc-cro_audits .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-cro_audits .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-cro_audits .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-cro_audits .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-cro_audits .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-cro_audits .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-cro_audits .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-cro_audits .wrap{padding:0 32px}#page-svc-cro_audits .nav-inner{padding:20px 32px}#page-svc-cro_audits .hero-bar{grid-template-columns:1fr}#page-svc-cro_audits .hero-bar .vr{display:none}#page-svc-cro_audits .hbc{padding:24px 0}#page-svc-cro_audits .hb-ctas{padding:24px 0}#page-svc-cro_audits .prob-inner, #page-svc-cro_audits .wg-inner, #page-svc-cro_audits .diff-inner, #page-svc-cro_audits .cta-inner{grid-template-columns:1fr}#page-svc-cro_audits .prob-inner .vr, #page-svc-cro_audits .wg-inner .vr, #page-svc-cro_audits .diff-inner .vr, #page-svc-cro_audits .cta-inner .vr{display:none}#page-svc-cro_audits .prob-l, #page-svc-cro_audits .wg-l, #page-svc-cro_audits .diff-l, #page-svc-cro_audits .cta-l{padding-right:0;margin-bottom:48px}#page-svc-cro_audits .prob-r, #page-svc-cro_audits .wg-r, #page-svc-cro_audits .diff-r, #page-svc-cro_audits .cta-r{padding-left:0}#page-svc-cro_audits .am-intro{grid-template-columns:1fr}#page-svc-cro_audits .am-sub{padding-left:0;margin-top:28px}#page-svc-cro_audits .ar-body{grid-template-columns:1fr}#page-svc-cro_audits .ar-body .vr{display:none}#page-svc-cro_audits .wa-item{grid-template-columns:60px 1fr}#page-svc-cro_audits .wa-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-cro_audits .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-cro_audits .wrap{padding:0 20px}#page-svc-cro_audits .nav-inner{padding:18px 20px}#page-svc-cro_audits .ar-score-row{grid-template-columns:1fr 1fr}#page-svc-cro_audits .orb, #page-svc-cro_audits .mesh, #page-svc-cro_audits .hero-ghost{display:none}}

/* ── copywriting ── */
#page-svc-copywriting #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-copywriting .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-copywriting .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-copywriting .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-copywriting .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-copywriting #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-copywriting #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-copywriting .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-copywriting .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-copywriting .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-copywriting .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-copywriting .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 30% 25%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 70% 75%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g2) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-copywriting .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(80px,12vw,200px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-copywriting .hero-c{position:relative;z-index:2}
#page-svc-copywriting .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-copywriting .hero-hl{font-family:var(--serif);font-size:clamp(44px,7.5vw,116px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-copywriting .hero-hl span{display:block}
#page-svc-copywriting .hero-hl .italic{font-style:italic}
#page-svc-copywriting .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-copywriting .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-copywriting .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-copywriting .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-copywriting .hbc:first-child{padding-left:0}
#page-svc-copywriting .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-copywriting .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-copywriting .copy-transform{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-copywriting .ct-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-copywriting .ct-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-copywriting .ct-hl em{font-style:italic;color:var(--w6)}
#page-svc-copywriting .ct-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-copywriting .copy-compare{display:grid;grid-template-columns:1fr 1px 1fr;border:1px solid var(--rmd);overflow:hidden;position:relative}
#page-svc-copywriting .copy-compare::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;opacity:.3;pointer-events:none;z-index:2}
#page-svc-copywriting .cc-col{padding:0}
#page-svc-copywriting .cc-header{padding:14px 24px;border-bottom:1px solid var(--r);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:space-between}
#page-svc-copywriting .cc-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
#page-svc-copywriting .cc-label.bad{color:rgba(255,100,100,.5)}
#page-svc-copywriting .cc-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-copywriting .cc-rating{font-family:var(--serif);font-size:13px;font-weight:300}
#page-svc-copywriting .cc-rating.bad{color:rgba(255,100,100,.4)}
#page-svc-copywriting .cc-rating.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-copywriting .cc-body{padding:28px 24px;display:flex;flex-direction:column;gap:16px}
#page-svc-copywriting .cc-headline{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.25;letter-spacing:-.01em}
#page-svc-copywriting .cc-headline.bad{color:var(--w4)}
#page-svc-copywriting .cc-headline.good{color:var(--w)}
#page-svc-copywriting .cc-sub{font-size:14px;line-height:1.8;font-weight:300}
#page-svc-copywriting .cc-sub.bad{color:var(--w2)}
#page-svc-copywriting .cc-sub.good{color:var(--w6)}
#page-svc-copywriting .cc-cta{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:10px 16px;display:inline-block}
#page-svc-copywriting .cc-cta.bad{background:rgba(255,255,255,.06);color:var(--w2)}
#page-svc-copywriting .cc-cta.good{background:var(--grad);color:#060810}
#page-svc-copywriting .cc-issue{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;display:inline-block;margin-top:-8px}
#page-svc-copywriting .cc-issue.bad{color:rgba(255,100,100,.5);border:1px solid rgba(255,100,100,.2)}
#page-svc-copywriting .cc-issue.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border:1px solid rgba(61,219,184,.25)}
#page-svc-copywriting .what-write{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-copywriting .ww-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:80px}
#page-svc-copywriting .ww-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:48px 36px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-copywriting .ww-card::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 25% 25%,rgba(61,219,184,.04),transparent 65%);transition:opacity .4s}
#page-svc-copywriting .ww-card:hover::before{opacity:1}
#page-svc-copywriting .ww-card::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-copywriting .ww-card:hover::after{transform:scaleX(1)}
#page-svc-copywriting .ww-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;display:block;margin-bottom:24px}
#page-svc-copywriting .ww-title{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:16px;transition:all .25s}
#page-svc-copywriting .ww-card:hover .ww-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-copywriting .ww-desc{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:20px}
#page-svc-copywriting .ww-formats{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--r);padding-top:16px}
#page-svc-copywriting .ww-fmt{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:3px 8px;transition:all .22s}
#page-svc-copywriting .ww-card:hover .ww-fmt{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-copywriting .how{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-copywriting .how-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-copywriting .how-l{padding-right:80px}
#page-svc-copywriting .how-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-copywriting .how-hl em{font-style:italic;color:var(--w6)}
#page-svc-copywriting .how-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-copywriting .how-body+.how-body{margin-top:16px}
#page-svc-copywriting .how-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-copywriting .how-step{border-bottom:1px solid var(--r);padding:28px 0;display:grid;grid-template-columns:80px !important 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-copywriting .how-step:first-child{border-top:1px solid var(--r)}
#page-svc-copywriting .how-step::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-copywriting .how-step:hover::before{transform:scaleY(1)}
#page-svc-copywriting .how-step:hover{background:rgba(61,219,184,.018);padding-left:8px}
#page-svc-copywriting .how-n{font-family:var(--serif);font-size:13px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;letter-spacing:.05em;padding-top:2px}
#page-svc-copywriting .how-step-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-copywriting .how-step-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-copywriting .converts{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-copywriting .conv-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-copywriting .conv-l{padding-right:80px}
#page-svc-copywriting .conv-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-copywriting .conv-hl em{font-style:italic;color:var(--w6)}
#page-svc-copywriting .conv-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-copywriting .conv-body+.conv-body{margin-top:16px}
#page-svc-copywriting .conv-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-copywriting .conv-item{border-bottom:1px solid var(--r);padding:28px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-copywriting .conv-item:first-child{border-top:1px solid var(--r)}
#page-svc-copywriting .conv-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-copywriting .conv-item:hover::before{transform:scaleY(1)}
#page-svc-copywriting .conv-item:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-copywriting .conv-n{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px}
#page-svc-copywriting .conv-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-copywriting .conv-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-copywriting .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-copywriting .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-copywriting .diff-l{padding-right:80px}
#page-svc-copywriting .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-copywriting .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-copywriting .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-copywriting .diff-body+.diff-body{margin-top:16px}
#page-svc-copywriting .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-copywriting .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-copywriting .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-copywriting .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-copywriting .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-copywriting .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-copywriting .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-copywriting .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-copywriting .cmp-text.good{color:var(--w6)}
#page-svc-copywriting .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-copywriting .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-copywriting .cta-l{padding-right:80px}
#page-svc-copywriting .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-copywriting .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-copywriting .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-copywriting .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-copywriting .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-copywriting .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-copywriting .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-copywriting .wrap{padding:0 32px}#page-svc-copywriting .nav-inner{padding:20px 32px}#page-svc-copywriting .hero-bar{grid-template-columns:1fr}#page-svc-copywriting .hero-bar .vr{display:none}#page-svc-copywriting .hbc{padding:24px 0}#page-svc-copywriting .hb-ctas{padding:24px 0}#page-svc-copywriting .ct-intro{grid-template-columns:1fr}#page-svc-copywriting .ct-sub{padding-left:0;margin-top:28px}#page-svc-copywriting .copy-compare{grid-template-columns:1fr}#page-svc-copywriting .copy-compare .vr{display:none}#page-svc-copywriting .how-inner, #page-svc-copywriting .conv-inner, #page-svc-copywriting .diff-inner, #page-svc-copywriting .cta-inner{grid-template-columns:1fr}#page-svc-copywriting .how-inner .vr, #page-svc-copywriting .conv-inner .vr, #page-svc-copywriting .diff-inner .vr, #page-svc-copywriting .cta-inner .vr{display:none}#page-svc-copywriting .how-l, #page-svc-copywriting .conv-l, #page-svc-copywriting .diff-l, #page-svc-copywriting .cta-l{padding-right:0;margin-bottom:48px}#page-svc-copywriting .how-r, #page-svc-copywriting .conv-r, #page-svc-copywriting .diff-r, #page-svc-copywriting .cta-r{padding-left:0}#page-svc-copywriting .ww-grid{grid-template-columns:1fr}#page-svc-copywriting .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-copywriting .wrap{padding:0 20px}#page-svc-copywriting .nav-inner{padding:18px 20px}#page-svc-copywriting .orb, #page-svc-copywriting .mesh, #page-svc-copywriting .hero-ghost{display:none}}

/* ── creative_production ── */
#page-svc-creative_production #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-creative_production .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-creative_production .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-creative_production .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-creative_production .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-creative_production #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-creative_production #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-creative_production .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-creative_production .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-creative_production .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-creative_production .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-creative_production .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 30% 20%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g3) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-creative_production .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(100px,14vw,240px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-creative_production .hero-c{position:relative;z-index:2}
#page-svc-creative_production .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-creative_production .hero-hl{font-family:var(--serif);font-size:clamp(46px,8vw,122px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-creative_production .hero-hl span{display:block}
#page-svc-creative_production .hero-hl .italic{font-style:italic}
#page-svc-creative_production .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-creative_production .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-creative_production .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-creative_production .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-creative_production .hbc:first-child{padding-left:0}
#page-svc-creative_production .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-creative_production .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-creative_production .core{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-creative_production .core-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-creative_production .core-l{padding-right:80px}
#page-svc-creative_production .core-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-creative_production .core-hl em{font-style:italic;color:var(--w6)}
#page-svc-creative_production .core-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-creative_production .core-body+.core-body{margin-top:16px}
#page-svc-creative_production .core-r{padding-left:80px}
#page-svc-creative_production .two-brain{display:flex;flex-direction:column;gap:0;border:1px solid var(--r)}
#page-svc-creative_production .brain-half{padding:44px 40px;position:relative;overflow:hidden;transition:background .3s;cursor:default}
#page-svc-creative_production .brain-half:first-child{border-bottom:1px solid var(--r)}
#page-svc-creative_production .brain-half::before{content:’’;position:absolute;inset:0;opacity:0;transition:opacity .4s}
#page-svc-creative_production .brain-half.left::before{background:radial-gradient(circle at 20% 50%,rgba(125,235,74,.06),transparent 65%)}
#page-svc-creative_production .brain-half.right::before{background:radial-gradient(circle at 80% 50%,rgba(59,142,240,.06),transparent 65%)}
#page-svc-creative_production .brain-half:hover::before{opacity:1}
#page-svc-creative_production .brain-half::after{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
#page-svc-creative_production .brain-half:hover::after{transform:scaleY(1)}
#page-svc-creative_production .bh-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;display:block}
#page-svc-creative_production .bh-title{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--w);letter-spacing:-.01em;line-height:1.15;margin-bottom:16px;transition:all .25s}
#page-svc-creative_production .brain-half:hover .bh-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-creative_production .bh-desc{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:20px}
#page-svc-creative_production .bh-list{display:flex;flex-direction:column;gap:8px}
#page-svc-creative_production .bh-list li{font-size:13px;color:var(--w4);display:flex;gap:10px;line-height:1.6}
#page-svc-creative_production .bh-list li::before{content:‘→’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}
#page-svc-creative_production .brain-connector{display:flex;align-items:center;justify-content:center;padding:20px;border-top:1px solid var(--r);border-bottom:1px solid var(--r);background:rgba(61,219,184,.02)}
#page-svc-creative_production .bc-text{font-family:var(--serif);font-size:15px;font-style:italic;color:var(--w4);letter-spacing:-.01em;text-align:center}
#page-svc-creative_production .bc-text strong{font-style:normal;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400}
#page-svc-creative_production .problem{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-creative_production .prob-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:80px}
#page-svc-creative_production .prob-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:52px 40px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-creative_production .prob-card::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 30% 20%,rgba(61,219,184,.04),transparent 65%);transition:opacity .4s}
#page-svc-creative_production .prob-card:hover::before{opacity:1}
#page-svc-creative_production .prob-card::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-creative_production .prob-card:hover::after{transform:scaleX(1)}
#page-svc-creative_production .pc-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;display:block;margin-bottom:28px}
#page-svc-creative_production .pc-title{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:16px;transition:all .25s}
#page-svc-creative_production .prob-card:hover .pc-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-creative_production .pc-body{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300}
#page-svc-creative_production .pc-result{margin-top:24px;padding-top:24px;border-top:1px solid var(--r);font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w2)}
#page-svc-creative_production .pc-result span{color:var(--w4);font-weight:300;text-transform:none;letter-spacing:.04em;font-family:‘DM Sans’,sans-serif;font-size:12px;display:block;margin-top:6px}
#page-svc-creative_production .howwork{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-creative_production .hw-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-creative_production .hw-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-creative_production .hw-hl em{font-style:italic;color:var(--w6)}
#page-svc-creative_production .hw-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-creative_production .hw-list{display:flex;flex-direction:column}
#page-svc-creative_production .hw-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-creative_production .hw-item:first-child{border-top:1px solid var(--r)}
#page-svc-creative_production .hw-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-creative_production .hw-item:hover::before{transform:scaleY(1)}
#page-svc-creative_production .hw-item:hover{background:rgba(61,219,184,.015)}
#page-svc-creative_production .hw-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-creative_production .hw-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-creative_production .hw-title em{font-style:italic;color:var(--w6)}
#page-svc-creative_production .hw-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-creative_production .hw-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-creative_production .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-creative_production .hw-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-creative_production .whatmake{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-creative_production .wm-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-creative_production .wm-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-creative_production .wm-hl em{font-style:italic;color:var(--w6)}
#page-svc-creative_production .wm-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-creative_production .format-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r)}
#page-svc-creative_production .fmt{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:44px 32px;position:relative;overflow:hidden;transition:background .25s}
#page-svc-creative_production .fmt::before{content:’’;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
#page-svc-creative_production .fmt:hover::before{transform:scaleX(1)}
#page-svc-creative_production .fmt:hover{background:rgba(61,219,184,.02)}
#page-svc-creative_production .fmt-icon{font-family:var(--serif);font-size:36px;color:var(--w2);line-height:1;margin-bottom:20px;display:block;transition:all .3s}
#page-svc-creative_production .fmt:hover .fmt-icon{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-creative_production .fmt-title{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w);margin-bottom:14px}
#page-svc-creative_production .fmt-desc{font-size:13px;color:var(--w4);line-height:1.8;font-weight:300;margin-bottom:18px}
#page-svc-creative_production .fmt-used{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-creative_production .dataloop{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-creative_production .dl-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-creative_production .dl-l{padding-right:80px}
#page-svc-creative_production .dl-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-creative_production .dl-hl em{font-style:italic;color:var(--w6)}
#page-svc-creative_production .dl-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-creative_production .dl-body+.dl-body{margin-top:16px}
#page-svc-creative_production .dl-r{padding-left:80px}
#page-svc-creative_production .loop-diagram{display:flex;flex-direction:column;gap:0;position:relative}
#page-svc-creative_production .loop-step{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:28px 0;border-bottom:1px solid var(--r);position:relative;transition:all .22s;overflow:hidden}
#page-svc-creative_production .loop-step:first-child{border-top:1px solid var(--r)}
#page-svc-creative_production .loop-step::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-creative_production .loop-step:hover::before{transform:scaleY(1)}
#page-svc-creative_production .loop-step:hover{background:rgba(61,219,184,.018);padding-left:8px}
#page-svc-creative_production .ls-num{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px;flex-shrink:0}
#page-svc-creative_production .ls-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-creative_production .ls-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-creative_production .loop-return{text-align:center;padding:20px 0;font-family:var(--serif);font-size:13px;font-style:italic;color:var(--w2);letter-spacing:.06em}
#page-svc-creative_production .loop-return strong{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal;font-weight:400}
#page-svc-creative_production .diff{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-creative_production .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-creative_production .diff-l{padding-right:80px}
#page-svc-creative_production .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-creative_production .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-creative_production .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-creative_production .diff-body+.diff-body{margin-top:16px}
#page-svc-creative_production .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-creative_production .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-creative_production .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-creative_production .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-creative_production .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-creative_production .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-creative_production .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-creative_production .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-creative_production .cmp-text.good{color:var(--w6)}
#page-svc-creative_production .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-creative_production .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-creative_production .cta-l{padding-right:80px}
#page-svc-creative_production .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-creative_production .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-creative_production .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-creative_production .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-creative_production .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-creative_production .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-creative_production .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-creative_production .wrap{padding:0 32px}#page-svc-creative_production .nav-inner{padding:20px 32px}#page-svc-creative_production .hero-bar{grid-template-columns:1fr}#page-svc-creative_production .hero-bar .vr{display:none}#page-svc-creative_production .hbc{padding:24px 0}#page-svc-creative_production .hb-ctas{padding:24px 0}#page-svc-creative_production .core-inner, #page-svc-creative_production .dl-inner, #page-svc-creative_production .diff-inner, #page-svc-creative_production .cta-inner{grid-template-columns:1fr}#page-svc-creative_production .core-inner .vr, #page-svc-creative_production .dl-inner .vr, #page-svc-creative_production .diff-inner .vr, #page-svc-creative_production .cta-inner .vr{display:none}#page-svc-creative_production .core-l, #page-svc-creative_production .dl-l, #page-svc-creative_production .diff-l, #page-svc-creative_production .cta-l{padding-right:0;margin-bottom:48px}#page-svc-creative_production .core-r, #page-svc-creative_production .dl-r, #page-svc-creative_production .diff-r, #page-svc-creative_production .cta-r{padding-left:0}#page-svc-creative_production .hw-intro, #page-svc-creative_production .wm-intro{grid-template-columns:1fr}#page-svc-creative_production .hw-sub, #page-svc-creative_production .wm-sub{padding-left:0;margin-top:28px}#page-svc-creative_production .prob-grid{grid-template-columns:1fr}#page-svc-creative_production .format-grid{grid-template-columns:1fr 1fr}#page-svc-creative_production .hw-item{grid-template-columns:60px 1fr}#page-svc-creative_production .hw-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-creative_production .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-creative_production .wrap{padding:0 20px}#page-svc-creative_production .nav-inner{padding:18px 20px}#page-svc-creative_production .format-grid{grid-template-columns:1fr}#page-svc-creative_production .orb, #page-svc-creative_production .mesh, #page-svc-creative_production .hero-ghost{display:none}}

/* ── email_marketing ── */
#page-svc-email_marketing #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-email_marketing .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-email_marketing .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-email_marketing .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(125,235,74,.06),transparent 70%);bottom:0;left:-100px}
#page-svc-email_marketing .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(59,142,240,.07),transparent 70%);top:40%;left:44%}
#page-svc-email_marketing #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-email_marketing #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-email_marketing .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-email_marketing .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-email_marketing .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-email_marketing .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-email_marketing .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 30% 30%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g3) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-email_marketing .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(100px,14vw,240px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-email_marketing .hero-c{position:relative;z-index:2}
#page-svc-email_marketing .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-email_marketing .hero-hl{font-family:var(--serif);font-size:clamp(44px,7.5vw,116px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-email_marketing .hero-hl span{display:block}
#page-svc-email_marketing .hero-hl .italic{font-style:italic}
#page-svc-email_marketing .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-email_marketing .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-email_marketing .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-email_marketing .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-email_marketing .hbc:first-child{padding-left:0}
#page-svc-email_marketing .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-email_marketing .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-email_marketing .situations{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-email_marketing .sit-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-email_marketing .sit-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-email_marketing .sit-hl em{font-style:italic;color:var(--w6)}
#page-svc-email_marketing .sit-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-email_marketing .sit-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r)}
#page-svc-email_marketing .sit-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:52px 40px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-email_marketing .sit-card::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 25% 25%,rgba(61,219,184,.04),transparent 65%);transition:opacity .4s}
#page-svc-email_marketing .sit-card:hover::before{opacity:1}
#page-svc-email_marketing .sit-card::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-email_marketing .sit-card:hover::after{transform:scaleX(1)}
#page-svc-email_marketing .sit-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;display:block;margin-bottom:28px}
#page-svc-email_marketing .sit-tag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:4px 10px;display:inline-block;margin-bottom:20px;transition:all .25s}
#page-svc-email_marketing .sit-card:hover .sit-tag{border-color:rgba(61,219,184,.25);color:rgba(61,219,184,.55)}
#page-svc-email_marketing .sit-title{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:18px;transition:all .25s}
#page-svc-email_marketing .sit-card:hover .sit-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-email_marketing .sit-body{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:28px}
#page-svc-email_marketing .sit-signals{border-top:1px solid var(--r);padding-top:24px;display:flex;flex-direction:column;gap:10px}
#page-svc-email_marketing .sig{font-size:13px;color:var(--w4);display:flex;gap:12px;line-height:1.6}
#page-svc-email_marketing .sig::before{content:‘→’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}
#page-svc-email_marketing .email-mock-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-email_marketing .em-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-email_marketing .em-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-email_marketing .em-hl em{font-style:italic;color:var(--w6)}
#page-svc-email_marketing .em-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-email_marketing .inbox-wrap{display:grid;grid-template-columns:280px 1fr;border:1px solid var(--rmd);overflow:hidden;position:relative}
#page-svc-email_marketing .inbox-wrap::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;opacity:.35;pointer-events:none;z-index:1}
#page-svc-email_marketing .inbox-sidebar{border-right:1px solid var(--r);background:rgba(255,255,255,.015)}
#page-svc-email_marketing .inbox-sb-header{padding:14px 18px;border-bottom:1px solid var(--r);display:flex;align-items:center;gap:8px}
#page-svc-email_marketing .inbox-sb-dot{width:6px;height:6px;border-radius:50%}
#page-svc-email_marketing .inbox-sb-dot:nth-child(1){background:rgba(255,100,100,.4)}
#page-svc-email_marketing .inbox-sb-dot:nth-child(2){background:rgba(255,200,50,.4)}
#page-svc-email_marketing .inbox-sb-dot:nth-child(3){background:rgba(125,235,74,.35)}
#page-svc-email_marketing .inbox-sb-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w2);margin-left:4px}
#page-svc-email_marketing .inbox-item{padding:14px 18px;border-bottom:1px solid var(--r);cursor:pointer;transition:background .2s;position:relative}
#page-svc-email_marketing .inbox-item.active{background:rgba(61,219,184,.04)}
#page-svc-email_marketing .inbox-item.active::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad)}
#page-svc-email_marketing .inbox-item:hover:not(.active){background:rgba(255,255,255,.02)}
#page-svc-email_marketing .ii-sequence{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}
#page-svc-email_marketing .ii-subject{font-size:12px;color:var(--w);font-weight:400;line-height:1.35;margin-bottom:4px}
#page-svc-email_marketing .ii-meta{font-size:10px;color:var(--w2);font-family:var(--sans);letter-spacing:.04em}
#page-svc-email_marketing .ii-open{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.1em;color:rgba(125,235,74,.6);float:right;margin-top:-14px}
#page-svc-email_marketing .inbox-preview{padding:28px;background:rgba(255,255,255,.01)}
#page-svc-email_marketing .ep-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--r)}
#page-svc-email_marketing .ep-from{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
#page-svc-email_marketing .ep-subject{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--w);letter-spacing:-.01em;line-height:1.25}
#page-svc-email_marketing .ep-body{font-size:13px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-email_marketing .ep-body p+p{margin-top:14px}
#page-svc-email_marketing .ep-cta{margin-top:20px;display:inline-block;background:var(--grad);color:#060810;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:11px 20px}
#page-svc-email_marketing .ep-metrics{margin-top:20px;padding-top:16px;border-top:1px solid var(--r);display:flex;gap:24px}
#page-svc-email_marketing .ep-m{display:flex;flex-direction:column;gap:4px}
#page-svc-email_marketing .ep-m-val{font-family:var(--serif);font-size:20px;font-weight:300;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
#page-svc-email_marketing .ep-m-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w2)}
#page-svc-email_marketing .whatbuild{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-email_marketing .wb-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-email_marketing .wb-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-email_marketing .wb-item:first-child{border-top:1px solid var(--r)}
#page-svc-email_marketing .wb-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-email_marketing .wb-item:hover::before{transform:scaleY(1)}
#page-svc-email_marketing .wb-item:hover{background:rgba(61,219,184,.015)}
#page-svc-email_marketing .wb-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-email_marketing .wb-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-email_marketing .wb-title em{font-style:italic;color:var(--w6)}
#page-svc-email_marketing .wb-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-email_marketing .wb-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-email_marketing .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-email_marketing .wb-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-email_marketing .sequences{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-email_marketing .seq-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-email_marketing .seq-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-email_marketing .seq-hl em{font-style:italic;color:var(--w6)}
#page-svc-email_marketing .seq-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-email_marketing .seq-flows{display:flex;flex-direction:column;gap:0}
#page-svc-email_marketing .seq-flow{border-bottom:1px solid var(--r);padding:48px 0;position:relative;transition:background .22s}
#page-svc-email_marketing .seq-flow:first-child{border-top:1px solid var(--r)}
#page-svc-email_marketing .seq-flow::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-email_marketing .seq-flow:hover::before{transform:scaleY(1)}
#page-svc-email_marketing .seq-flow:hover{background:rgba(61,219,184,.015)}
#page-svc-email_marketing .sf-header{display:grid;grid-template-columns:80px 1fr auto;align-items:center;margin-bottom:24px;gap:16px}
#page-svc-email_marketing .sf-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em}
#page-svc-email_marketing .sf-title{font-family:var(--serif);font-size:clamp(22px,2.5vw,34px);font-weight:300;color:var(--w);letter-spacing:-.015em;line-height:1}
#page-svc-email_marketing .sf-title em{font-style:italic;color:var(--w6)}
#page-svc-email_marketing .sf-emails{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-email_marketing .sf-steps{display:flex;gap:0;padding-left:80px}
#page-svc-email_marketing .sf-step{flex:1;padding:16px 20px;border-right:1px solid var(--r);border:1px solid var(--r);margin-right:-1px;position:relative;transition:background .2s}
#page-svc-email_marketing .sf-step:hover{background:rgba(61,219,184,.025);z-index:1}
#page-svc-email_marketing .sf-step-day{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
#page-svc-email_marketing .sf-step-email{font-size:12px;color:var(--w6);line-height:1.55;font-weight:300}
#page-svc-email_marketing .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-email_marketing .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-email_marketing .diff-l{padding-right:80px}
#page-svc-email_marketing .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-email_marketing .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-email_marketing .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-email_marketing .diff-body+.diff-body{margin-top:16px}
#page-svc-email_marketing .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-email_marketing .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-email_marketing .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-email_marketing .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-email_marketing .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-email_marketing .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-email_marketing .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-email_marketing .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-email_marketing .cmp-text.good{color:var(--w6)}
#page-svc-email_marketing .statbar{padding:100px 0;border-bottom:1px solid var(--r)}
#page-svc-email_marketing .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:64px}
#page-svc-email_marketing .stat-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:44px 36px;position:relative;overflow:hidden;transition:background .25s}
#page-svc-email_marketing .stat-card::before{content:’’;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
#page-svc-email_marketing .stat-card:hover::before{transform:scaleX(1)}
#page-svc-email_marketing .stat-card:hover{background:rgba(61,219,184,.02)}
#page-svc-email_marketing .stat-val{font-family:var(--serif);font-size:clamp(44px,5vw,72px);font-weight:300;line-height:.9;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}
#page-svc-email_marketing .stat-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);margin-bottom:12px}
#page-svc-email_marketing .stat-desc{font-size:13px;color:var(--w4);line-height:1.75;font-weight:300}
#page-svc-email_marketing .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-email_marketing .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-email_marketing .cta-l{padding-right:80px}
#page-svc-email_marketing .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-email_marketing .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-email_marketing .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-email_marketing .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-email_marketing .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-email_marketing .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-email_marketing .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-email_marketing .wrap{padding:0 32px}#page-svc-email_marketing .nav-inner{padding:20px 32px}#page-svc-email_marketing .hero-bar{grid-template-columns:1fr}#page-svc-email_marketing .hero-bar .vr{display:none}#page-svc-email_marketing .hbc{padding:24px 0}#page-svc-email_marketing .hb-ctas{padding:24px 0}#page-svc-email_marketing .sit-intro, #page-svc-email_marketing .em-intro, #page-svc-email_marketing .seq-intro{grid-template-columns:1fr}#page-svc-email_marketing .sit-sub, #page-svc-email_marketing .em-sub, #page-svc-email_marketing .seq-sub{padding-left:0;margin-top:28px}#page-svc-email_marketing .sit-grid{grid-template-columns:1fr}#page-svc-email_marketing .diff-inner, #page-svc-email_marketing .cta-inner{grid-template-columns:1fr}#page-svc-email_marketing .diff-inner .vr, #page-svc-email_marketing .cta-inner .vr{display:none}#page-svc-email_marketing .diff-l, #page-svc-email_marketing .cta-l{padding-right:0;margin-bottom:48px}#page-svc-email_marketing .diff-r, #page-svc-email_marketing .cta-r{padding-left:0}#page-svc-email_marketing .wb-item{grid-template-columns:60px 1fr}#page-svc-email_marketing .wb-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-email_marketing .inbox-wrap{grid-template-columns:1fr}#page-svc-email_marketing .inbox-sidebar{border-right:none;border-bottom:1px solid var(--r)}#page-svc-email_marketing .stat-grid{grid-template-columns:1fr 1fr}#page-svc-email_marketing .cmp{grid-template-columns:1fr}#page-svc-email_marketing .sf-header{grid-template-columns:60px 1fr}#page-svc-email_marketing .sf-emails{grid-column:2}#page-svc-email_marketing .sf-steps{padding-left:60px;flex-wrap:wrap}#page-svc-email_marketing .sf-step{min-width:140px}}
@media(max-width:680px){#page-svc-email_marketing .wrap{padding:0 20px}#page-svc-email_marketing .nav-inner{padding:18px 20px}#page-svc-email_marketing .stat-grid{grid-template-columns:1fr}#page-svc-email_marketing .sf-steps{padding-left:0}#page-svc-email_marketing .orb, #page-svc-email_marketing .mesh, #page-svc-email_marketing .hero-ghost{display:none}}

/* ── funnel_strategy ── */
#page-svc-funnel_strategy #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-funnel_strategy .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-funnel_strategy .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-funnel_strategy .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-funnel_strategy .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-funnel_strategy #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-funnel_strategy #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-funnel_strategy .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-funnel_strategy .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-funnel_strategy .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-funnel_strategy .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-funnel_strategy .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 60% 10%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 40% 90%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g3) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-funnel_strategy .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(100px,16vw,260px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-funnel_strategy .hero-c{position:relative;z-index:2}
#page-svc-funnel_strategy .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-funnel_strategy .hero-hl{font-family:var(--serif);font-size:clamp(46px,8vw,122px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-funnel_strategy .hero-hl span{display:block}
#page-svc-funnel_strategy .hero-hl .italic{font-style:italic}
#page-svc-funnel_strategy .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-funnel_strategy .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-funnel_strategy .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-funnel_strategy .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-funnel_strategy .hbc:first-child{padding-left:0}
#page-svc-funnel_strategy .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-funnel_strategy .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-funnel_strategy .funnel-vis{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-funnel_strategy .fv-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;gap:0}
#page-svc-funnel_strategy .fv-l{padding-right:80px}
#page-svc-funnel_strategy .fv-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-funnel_strategy .fv-hl em{font-style:italic;color:var(--w6)}
#page-svc-funnel_strategy .fv-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-funnel_strategy .fv-body+.fv-body{margin-top:16px}
#page-svc-funnel_strategy .fv-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-funnel_strategy .funnel-stage{position:relative;overflow:hidden;border-bottom:1px solid var(--r);transition:background .25s;cursor:default}
#page-svc-funnel_strategy .funnel-stage:first-child{border-top:1px solid var(--r)}
#page-svc-funnel_strategy .funnel-stage:hover{background:rgba(61,219,184,.02)}
#page-svc-funnel_strategy .funnel-stage::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-funnel_strategy .funnel-stage:hover::before{transform:scaleY(1)}
#page-svc-funnel_strategy .fs-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:26px 0}
#page-svc-funnel_strategy .fs-bar-wrap{width:8px;display:flex;justify-content:center}
#page-svc-funnel_strategy .fs-bar{border-radius:4px;background:var(--grad);opacity:.5;transition:opacity .3s}
#page-svc-funnel_strategy .funnel-stage:hover .fs-bar{opacity:1}
#page-svc-funnel_strategy .fs-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);margin-bottom:6px;display:block}
#page-svc-funnel_strategy .fs-title{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--w);letter-spacing:-.01em;line-height:1;transition:all .25s}
#page-svc-funnel_strategy .funnel-stage:hover .fs-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-funnel_strategy .fs-desc{font-size:13px;color:var(--w4);line-height:1.7;font-weight:300;margin-top:6px}
#page-svc-funnel_strategy .fs-pct{font-family:var(--serif);font-size:32px;font-weight:300;line-height:1;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}
#page-svc-funnel_strategy .three-problems{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-funnel_strategy .tp-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-funnel_strategy .tp-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-funnel_strategy .tp-hl em{font-style:italic;color:var(--w6)}
#page-svc-funnel_strategy .tp-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-funnel_strategy .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r)}
#page-svc-funnel_strategy .tier{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:52px 40px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-funnel_strategy .tier::before{content:’’;position:absolute;inset:0;opacity:0;transition:opacity .4s}
#page-svc-funnel_strategy .tier.top::before{background:radial-gradient(circle at 30% 20%,rgba(125,235,74,.05),transparent 65%)}
#page-svc-funnel_strategy .tier.mid::before{background:radial-gradient(circle at 30% 20%,rgba(61,219,184,.05),transparent 65%)}
#page-svc-funnel_strategy .tier.bot::before{background:radial-gradient(circle at 30% 20%,rgba(59,142,240,.05),transparent 65%)}
#page-svc-funnel_strategy .tier:hover::before{opacity:1}
#page-svc-funnel_strategy .tier::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-funnel_strategy .tier:hover::after{transform:scaleX(1)}
#page-svc-funnel_strategy .tier-tag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:5px 12px;border:1px solid var(--r);display:inline-block;margin-bottom:28px;transition:all .25s;color:var(--w2)}
#page-svc-funnel_strategy .tier:hover .tier-tag{border-color:rgba(61,219,184,.25);color:rgba(61,219,184,.6)}
#page-svc-funnel_strategy .tier-icon{font-family:var(--serif);font-size:48px;font-weight:300;line-height:1;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:20px}
#page-svc-funnel_strategy .tier-title{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:18px;transition:all .25s}
#page-svc-funnel_strategy .tier:hover .tier-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-funnel_strategy .tier-body{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:28px}
#page-svc-funnel_strategy .tier-symptoms{border-top:1px solid var(--r);padding-top:24px;display:flex;flex-direction:column;gap:10px}
#page-svc-funnel_strategy .sym{font-size:13px;color:var(--w4);display:flex;gap:12px;align-items:flex-start;line-height:1.6}
#page-svc-funnel_strategy .sym::before{content:’—’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}
#page-svc-funnel_strategy .fix{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-funnel_strategy .fix-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-funnel_strategy .fix-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:56px 0;position:relative;transition:background .22s}
#page-svc-funnel_strategy .fix-item:first-child{border-top:1px solid var(--r)}
#page-svc-funnel_strategy .fix-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-funnel_strategy .fix-item:hover::before{transform:scaleY(1)}
#page-svc-funnel_strategy .fix-item:hover{background:rgba(61,219,184,.015)}
#page-svc-funnel_strategy .fix-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-funnel_strategy .fix-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-funnel_strategy .fix-title em{font-style:italic;color:var(--w6)}
#page-svc-funnel_strategy .fix-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-funnel_strategy .fix-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-funnel_strategy .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-funnel_strategy .fix-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-funnel_strategy .system{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-funnel_strategy .sys-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-funnel_strategy .sys-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-funnel_strategy .sys-hl em{font-style:italic;color:var(--w6)}
#page-svc-funnel_strategy .sys-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-funnel_strategy .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--r)}
#page-svc-funnel_strategy .flow-step{padding:44px 32px;border-right:1px solid var(--r);position:relative;overflow:hidden;transition:background .25s}
#page-svc-funnel_strategy .flow-step:last-child{border-right:none}
#page-svc-funnel_strategy .flow-step:hover{background:rgba(61,219,184,.02)}
#page-svc-funnel_strategy .flow-step::after{content:’’;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
#page-svc-funnel_strategy .flow-step:hover::after{transform:scaleX(1)}
#page-svc-funnel_strategy .flow-arrow{position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:2}
#page-svc-funnel_strategy .flow-step:last-child .flow-arrow{display:none}
#page-svc-funnel_strategy .flow-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.12em;display:block;margin-bottom:24px}
#page-svc-funnel_strategy .flow-icon{font-family:var(--serif);font-size:40px;font-weight:300;line-height:1;color:var(--w2);margin-bottom:20px;transition:all .3s}
#page-svc-funnel_strategy .flow-step:hover .flow-icon{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-funnel_strategy .flow-title{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--w);letter-spacing:-.01em;margin-bottom:12px;line-height:1.15;transition:all .25s}
#page-svc-funnel_strategy .flow-step:hover .flow-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-funnel_strategy .flow-desc{font-size:13px;color:var(--w4);line-height:1.8;font-weight:300}
#page-svc-funnel_strategy .flow-connector{display:flex;align-items:center;justify-content:center;padding:0;border-right:1px solid var(--r);background:rgba(255,255,255,.01)}
#page-svc-funnel_strategy .retarget{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-funnel_strategy .retarget-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-funnel_strategy .ret-l{padding-right:80px}
#page-svc-funnel_strategy .ret-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-funnel_strategy .ret-hl em{font-style:italic;color:var(--w6)}
#page-svc-funnel_strategy .ret-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-funnel_strategy .ret-body+.ret-body{margin-top:16px}
#page-svc-funnel_strategy .ret-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-funnel_strategy .ret-seq{border-bottom:1px solid var(--r);padding:30px 0;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-funnel_strategy .ret-seq:first-child{border-top:1px solid var(--r)}
#page-svc-funnel_strategy .ret-seq::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-funnel_strategy .ret-seq:hover::before{transform:scaleY(1)}
#page-svc-funnel_strategy .ret-seq:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-funnel_strategy .ret-day{font-family:var(--serif);font-size:13px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;letter-spacing:.05em;padding-top:1px}
#page-svc-funnel_strategy .ret-seq-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-funnel_strategy .ret-seq-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-funnel_strategy .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-funnel_strategy .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-funnel_strategy .cta-l{padding-right:80px}
#page-svc-funnel_strategy .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-funnel_strategy .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-funnel_strategy .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-funnel_strategy .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-funnel_strategy .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-funnel_strategy .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-funnel_strategy .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-funnel_strategy .wrap{padding:0 32px}#page-svc-funnel_strategy .nav-inner{padding:20px 32px}#page-svc-funnel_strategy .hero-bar{grid-template-columns:1fr}#page-svc-funnel_strategy .hero-bar .vr{display:none}#page-svc-funnel_strategy .hbc{padding:24px 0}#page-svc-funnel_strategy .hb-ctas{padding:24px 0}#page-svc-funnel_strategy .fv-inner, #page-svc-funnel_strategy .retarget-inner, #page-svc-funnel_strategy .cta-inner{grid-template-columns:1fr}#page-svc-funnel_strategy .fv-inner .vr, #page-svc-funnel_strategy .retarget-inner .vr, #page-svc-funnel_strategy .cta-inner .vr{display:none}#page-svc-funnel_strategy .fv-l, #page-svc-funnel_strategy .ret-l, #page-svc-funnel_strategy .cta-l{padding-right:0;margin-bottom:48px}#page-svc-funnel_strategy .fv-r, #page-svc-funnel_strategy .ret-r, #page-svc-funnel_strategy .cta-r{padding-left:0}#page-svc-funnel_strategy .tp-intro, #page-svc-funnel_strategy .sys-intro{grid-template-columns:1fr}#page-svc-funnel_strategy .tp-sub, #page-svc-funnel_strategy .sys-sub{padding-left:0;margin-top:28px}#page-svc-funnel_strategy .tier-grid{grid-template-columns:1fr}#page-svc-funnel_strategy .fix-item{grid-template-columns:60px 1fr}#page-svc-funnel_strategy .fix-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-funnel_strategy .flow{grid-template-columns:1fr 1fr}}
@media(max-width:680px){#page-svc-funnel_strategy .wrap{padding:0 20px}#page-svc-funnel_strategy .nav-inner{padding:18px 20px}#page-svc-funnel_strategy .flow{grid-template-columns:1fr}#page-svc-funnel_strategy .flow-step{border-right:none;border-bottom:1px solid var(--r)}#page-svc-funnel_strategy .orb, #page-svc-funnel_strategy .mesh, #page-svc-funnel_strategy .hero-ghost{display:none}}

/* ── google_and_youtube ── */
#page-svc-google_and_youtube #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-google_and_youtube .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-google_and_youtube .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(59,142,240,.09),transparent 70%);top:-200px;right:-150px}
#page-svc-google_and_youtube .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(125,235,74,.06),transparent 70%);bottom:0;left:-100px}
#page-svc-google_and_youtube .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:38%;left:44%}
#page-svc-google_and_youtube #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-google_and_youtube #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-google_and_youtube .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-google_and_youtube .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-google_and_youtube .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-google_and_youtube .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-google_and_youtube .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 80% 20%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g2) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-google_and_youtube .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(100px,16vw,280px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(59,142,240,.04);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-google_and_youtube .hero-c{position:relative;z-index:2}
#page-svc-google_and_youtube .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-google_and_youtube .hero-hl{font-family:var(--serif);font-size:clamp(50px,8.5vw,130px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-google_and_youtube .hero-hl span{display:block}
#page-svc-google_and_youtube .hero-hl .italic{font-style:italic}
#page-svc-google_and_youtube .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-google_and_youtube .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-google_and_youtube .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-google_and_youtube .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-google_and_youtube .hbc:first-child{padding-left:0}
#page-svc-google_and_youtube .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-google_and_youtube .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-google_and_youtube .truth{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-google_and_youtube .truth-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-google_and_youtube .truth-l{padding-right:80px}
#page-svc-google_and_youtube .truth-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-google_and_youtube .truth-hl em{font-style:italic;color:var(--w6)}
#page-svc-google_and_youtube .truth-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-google_and_youtube .truth-body+.truth-body{margin-top:18px}
#page-svc-google_and_youtube .truth-r{padding-left:80px}
#page-svc-google_and_youtube .pain-list{display:flex;flex-direction:column}
#page-svc-google_and_youtube .pain{border-bottom:1px solid var(--r);padding:30px 0;display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-google_and_youtube .pain:first-child{border-top:1px solid var(--r)}
#page-svc-google_and_youtube .pain::after{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-google_and_youtube .pain:hover::after{transform:scaleY(1)}
#page-svc-google_and_youtube .pain:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-google_and_youtube .pain-n{font-family:var(--serif);font-size:13px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.08em;padding-top:2px}
#page-svc-google_and_youtube .pain-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-google_and_youtube .pain-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-google_and_youtube .data-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-google_and_youtube .data-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-google_and_youtube .data-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-google_and_youtube .data-hl em{font-style:italic;color:var(--w6)}
#page-svc-google_and_youtube .data-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-google_and_youtube .analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r)}
#page-svc-google_and_youtube .ag-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:48px 40px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-google_and_youtube .ag-card::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 25% 25%,rgba(59,142,240,.05),transparent 65%);transition:opacity .4s}
#page-svc-google_and_youtube .ag-card:hover::before{opacity:1}
#page-svc-google_and_youtube .ag-card::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-google_and_youtube .ag-card:hover::after{transform:scaleX(1)}
#page-svc-google_and_youtube .ag-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;display:block;margin-bottom:32px}
#page-svc-google_and_youtube .ag-title{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:16px;transition:all .25s}
#page-svc-google_and_youtube .ag-card:hover .ag-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-google_and_youtube .ag-desc{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300}
#page-svc-google_and_youtube .build{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-google_and_youtube .build-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-google_and_youtube .build-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-google_and_youtube .build-item:first-child{border-top:1px solid var(--r)}
#page-svc-google_and_youtube .build-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-google_and_youtube .build-item:hover::before{transform:scaleY(1)}
#page-svc-google_and_youtube .build-item:hover{background:rgba(61,219,184,.015)}
#page-svc-google_and_youtube .build-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-google_and_youtube .build-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-google_and_youtube .build-title em{font-style:italic;color:var(--w6)}
#page-svc-google_and_youtube .build-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-google_and_youtube .build-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-google_and_youtube .btag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-google_and_youtube .build-item:hover .btag{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-google_and_youtube .diff{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-google_and_youtube .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-google_and_youtube .diff-l{padding-right:80px}
#page-svc-google_and_youtube .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.2;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-google_and_youtube .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-google_and_youtube .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-google_and_youtube .diff-body+.diff-body{margin-top:16px}
#page-svc-google_and_youtube .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-google_and_youtube .compare{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-google_and_youtube .compare:first-child{border-top:1px solid var(--r)}
#page-svc-google_and_youtube .compare-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-google_and_youtube .compare-label.bad{color:rgba(238,241,247,.2)}
#page-svc-google_and_youtube .compare-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-google_and_youtube .compare-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-google_and_youtube .compare-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.12)}
#page-svc-google_and_youtube .compare-text.good{color:var(--w6)}
#page-svc-google_and_youtube .numbers{padding:100px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-google_and_youtube .numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:64px}
#page-svc-google_and_youtube .num-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:44px 36px;position:relative;overflow:hidden;transition:background .25s}
#page-svc-google_and_youtube .num-card::before{content:’’;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
#page-svc-google_and_youtube .num-card:hover::before{transform:scaleX(1)}
#page-svc-google_and_youtube .num-card:hover{background:rgba(61,219,184,.02)}
#page-svc-google_and_youtube .num-val{font-family:var(--serif);font-size:clamp(48px,5.5vw,80px);font-weight:300;line-height:.9;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}
#page-svc-google_and_youtube .num-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);margin-bottom:12px}
#page-svc-google_and_youtube .num-desc{font-size:13px;color:var(--w4);line-height:1.75;font-weight:300}
#page-svc-google_and_youtube .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-google_and_youtube .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-google_and_youtube .cta-l{padding-right:80px}
#page-svc-google_and_youtube .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-google_and_youtube .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-google_and_youtube .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-google_and_youtube .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-google_and_youtube .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-google_and_youtube .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-google_and_youtube .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-google_and_youtube .wrap{padding:0 32px}#page-svc-google_and_youtube .nav-inner{padding:20px 32px}#page-svc-google_and_youtube .hero-bar{grid-template-columns:1fr}#page-svc-google_and_youtube .hero-bar .vr{display:none}#page-svc-google_and_youtube .hbc{padding:24px 0}#page-svc-google_and_youtube .hb-ctas{padding:24px 0}#page-svc-google_and_youtube .truth-inner, #page-svc-google_and_youtube .diff-inner, #page-svc-google_and_youtube .cta-inner{grid-template-columns:1fr}#page-svc-google_and_youtube .truth-inner .vr, #page-svc-google_and_youtube .diff-inner .vr, #page-svc-google_and_youtube .cta-inner .vr{display:none}#page-svc-google_and_youtube .truth-l, #page-svc-google_and_youtube .diff-l, #page-svc-google_and_youtube .cta-l{padding-right:0;margin-bottom:48px}#page-svc-google_and_youtube .truth-r, #page-svc-google_and_youtube .diff-r, #page-svc-google_and_youtube .cta-r{padding-left:0}#page-svc-google_and_youtube .data-intro{grid-template-columns:1fr}#page-svc-google_and_youtube .data-sub{padding-left:0;margin-top:28px}#page-svc-google_and_youtube .analytics-grid{grid-template-columns:1fr 1fr}#page-svc-google_and_youtube .build-item{grid-template-columns:60px 1fr}#page-svc-google_and_youtube .build-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-google_and_youtube .numbers-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){#page-svc-google_and_youtube .wrap{padding:0 20px}#page-svc-google_and_youtube .nav-inner{padding:18px 20px}#page-svc-google_and_youtube .analytics-grid, #page-svc-google_and_youtube .numbers-grid{grid-template-columns:1fr}#page-svc-google_and_youtube .compare{grid-template-columns:1fr}#page-svc-google_and_youtube .orb, #page-svc-google_and_youtube .mesh, #page-svc-google_and_youtube .hero-ghost{display:none}}

/* ── graphic_design ── */
#page-svc-graphic_design #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-graphic_design .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-graphic_design .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-graphic_design .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-graphic_design .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-graphic_design #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-graphic_design #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-graphic_design .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-graphic_design .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-graphic_design .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-graphic_design .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:visible}
#page-svc-graphic_design .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 25% 30%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 75% 70%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g3) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-graphic_design .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(80px,12vw,200px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-graphic_design .hero-c{position:relative;z-index:2}
#page-svc-graphic_design .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-graphic_design .hero-hl{font-family:var(--serif);font-size:clamp(44px,7.5vw,116px);line-height:1.1;letter-spacing:-.025em;font-weight:300padding-bottom:0.2em}
#page-svc-graphic_design .hero-hl span{display:block}
#page-svc-graphic_design .hero-hl .italic{font-style:italic}
#page-svc-graphic_design .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-graphic_design .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-graphic_design .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-graphic_design .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-graphic_design .hbc:first-child{padding-left:0}
#page-svc-graphic_design .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-graphic_design .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-graphic_design .problem{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-graphic_design .prob-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-graphic_design .prob-l{padding-right:80px}
#page-svc-graphic_design .prob-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-graphic_design .prob-hl em{font-style:italic;color:var(--w6)}
#page-svc-graphic_design .prob-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-graphic_design .prob-body+.prob-body{margin-top:16px}
#page-svc-graphic_design .prob-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-graphic_design .prob-item{border-bottom:1px solid var(--r);padding:30px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-graphic_design .prob-item:first-child{border-top:1px solid var(--r)}
#page-svc-graphic_design .prob-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-graphic_design .prob-item:hover::before{transform:scaleY(1)}
#page-svc-graphic_design .prob-item:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-graphic_design .prob-n{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px}
#page-svc-graphic_design .prob-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-graphic_design .prob-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-graphic_design .asset-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-graphic_design .as-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-graphic_design .as-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-graphic_design .as-hl em{font-style:italic;color:var(--w6)}
#page-svc-graphic_design .as-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-graphic_design .asset-mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--rmd);overflow:hidden;position:relative}
#page-svc-graphic_design .asset-mock-grid::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;opacity:.25;pointer-events:none;z-index:2}
#page-svc-graphic_design .asset-cell{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:24px;position:relative;overflow:hidden;transition:background .25s;display:flex;flex-direction:column;gap:12px}
#page-svc-graphic_design .asset-cell:hover{background:rgba(61,219,184,.02)}
#page-svc-graphic_design .asset-cell:nth-child(3n){border-right:none}
#page-svc-graphic_design .asset-cell:nth-last-child(-n+3){border-bottom:none}
#page-svc-graphic_design .asset-cell-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-graphic_design .ad-mock{aspect-ratio:1;border:1px solid var(--r);background:linear-gradient(135deg,rgba(125,235,74,.06),rgba(59,142,240,.06));display:flex;flex-direction:column;justify-content:flex-end;padding:14px;position:relative;overflow:hidden}
#page-svc-graphic_design .ad-mock-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.15}
#page-svc-graphic_design .ad-mock-circle{width:60%;height:60%;border-radius:50%;border:1px solid var(--g2)}
#page-svc-graphic_design .ad-mock-h{font-family:var(--serif);font-size:14px;font-weight:400;color:var(--w);line-height:1.2;margin-bottom:6px;position:relative;z-index:1}
#page-svc-graphic_design .ad-mock-cta{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}
#page-svc-graphic_design .social-mock{display:flex;flex-direction:column;gap:8px}
#page-svc-graphic_design .sm-post{border:1px solid var(--r);background:rgba(255,255,255,.02);padding:10px;display:flex;gap:8px;align-items:flex-start;transition:background .2s}
#page-svc-graphic_design .sm-post:hover{background:rgba(61,219,184,.025)}
#page-svc-graphic_design .sm-avatar{width:22px;height:22px;border-radius:50%;background:var(--grad);opacity:.5;flex-shrink:0}
#page-svc-graphic_design .sm-content{flex:1;display:flex;flex-direction:column;gap:4px}
#page-svc-graphic_design .sm-name{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--w)}
#page-svc-graphic_design .sm-line{height:4px;background:rgba(255,255,255,.08);border-radius:1px}
#page-svc-graphic_design .sm-line.s{width:75%}
#page-svc-graphic_design .sm-img{height:48px;background:linear-gradient(135deg,rgba(61,219,184,.1),rgba(125,235,74,.08));border:1px solid rgba(61,219,184,.1);border-radius:1px;margin-top:2px}
#page-svc-graphic_design .pres-mock{display:flex;flex-direction:column;gap:6px}
#page-svc-graphic_design .pres-slide{border:1px solid var(--r);padding:10px;background:rgba(255,255,255,.02);position:relative;overflow:hidden;transition:background .2s}
#page-svc-graphic_design .pres-slide:hover{background:rgba(61,219,184,.02)}
#page-svc-graphic_design .pres-slide::after{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);opacity:0;transition:opacity .3s}
#page-svc-graphic_design .pres-slide:hover::after{opacity:1}
#page-svc-graphic_design .pres-slide-n{font-family:var(--serif);font-size:8px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;margin-bottom:6px}
#page-svc-graphic_design .pres-h{height:6px;border-radius:1px;background:rgba(255,255,255,.15);width:60%;margin-bottom:4px}
#page-svc-graphic_design .pres-l{height:4px;border-radius:1px;background:rgba(255,255,255,.07)}
#page-svc-graphic_design .pres-l.s{width:80%}
#page-svc-graphic_design .pres-accent{height:1px;background:var(--grad);margin-top:6px;opacity:.4}
#page-svc-graphic_design .brochure-mock{border:1px solid var(--r);background:rgba(255,255,255,.02);overflow:hidden;position:relative}
#page-svc-graphic_design .brochure-cover{background:linear-gradient(135deg,rgba(59,142,240,.12),rgba(61,219,184,.08));padding:16px;border-bottom:1px solid var(--r);display:flex;flex-direction:column;gap:6px}
#page-svc-graphic_design .br-logo{width:32px;height:6px;background:var(--grad);opacity:.5;border-radius:1px}
#page-svc-graphic_design .br-h{height:8px;background:rgba(255,255,255,.2);border-radius:1px;width:70%}
#page-svc-graphic_design .br-sub{height:5px;background:rgba(255,255,255,.1);border-radius:1px;width:55%}
#page-svc-graphic_design .brochure-inner{padding:12px;display:flex;flex-direction:column;gap:6px}
#page-svc-graphic_design .bi-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#page-svc-graphic_design .bi-col{display:flex;flex-direction:column;gap:3px}
#page-svc-graphic_design .bi-h{height:5px;background:var(--grad);opacity:.3;border-radius:1px}
#page-svc-graphic_design .bi-l{height:3px;background:rgba(255,255,255,.07);border-radius:1px}
#page-svc-graphic_design .email-mock{border:1px solid var(--r);background:rgba(255,255,255,.02);overflow:hidden}
#page-svc-graphic_design .em-header{background:linear-gradient(135deg,rgba(125,235,74,.08),rgba(61,219,184,.06));padding:12px;border-bottom:1px solid var(--r);display:flex;align-items:center;gap:8px}
#page-svc-graphic_design .em-logo{width:24px;height:24px;border-radius:2px;background:var(--grad);opacity:.5}
#page-svc-graphic_design .em-brand{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-graphic_design .em-body{padding:12px;display:flex;flex-direction:column;gap:5px}
#page-svc-graphic_design .em-h{height:6px;background:rgba(255,255,255,.15);border-radius:1px;width:75%}
#page-svc-graphic_design .em-l{height:4px;background:rgba(255,255,255,.07);border-radius:1px}
#page-svc-graphic_design .em-cta{height:18px;background:var(--grad);border-radius:1px;width:45%;margin-top:6px;display:flex;align-items:center;justify-content:center}
#page-svc-graphic_design .em-cta-t{height:4px;width:25%;background:rgba(6,8,16,.4);border-radius:1px}
#page-svc-graphic_design .banner-mock{border:1px solid var(--r);background:linear-gradient(90deg,rgba(59,142,240,.08),rgba(125,235,74,.06));padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
#page-svc-graphic_design .bann-left{display:flex;flex-direction:column;gap:4px}
#page-svc-graphic_design .bann-h{height:6px;background:rgba(255,255,255,.2);border-radius:1px;width:80px}
#page-svc-graphic_design .bann-s{height:4px;background:rgba(255,255,255,.1);border-radius:1px;width:60px}
#page-svc-graphic_design .bann-cta{height:20px;background:var(--grad);border-radius:1px;padding:0 10px;display:flex;align-items:center}
#page-svc-graphic_design .bann-cta-t{height:4px;width:32px;background:rgba(6,8,16,.4);border-radius:1px}
#page-svc-graphic_design .whatbuild{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-graphic_design .wb-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-graphic_design .wb-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-graphic_design .wb-item:first-child{border-top:1px solid var(--r)}
#page-svc-graphic_design .wb-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-graphic_design .wb-item:hover::before{transform:scaleY(1)}
#page-svc-graphic_design .wb-item:hover{background:rgba(61,219,184,.015)}
#page-svc-graphic_design .wb-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-graphic_design .wb-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-graphic_design .wb-title em{font-style:italic;color:var(--w6)}
#page-svc-graphic_design .wb-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-graphic_design .wb-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-graphic_design .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-graphic_design .wb-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-graphic_design .howwork{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-graphic_design .hw-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-graphic_design .hw-l{padding-right:80px}
#page-svc-graphic_design .hw-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-graphic_design .hw-hl em{font-style:italic;color:var(--w6)}
#page-svc-graphic_design .hw-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-graphic_design .hw-body+.hw-body{margin-top:16px}
#page-svc-graphic_design .hw-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-graphic_design .hw-step{border-bottom:1px solid var(--r);padding:28px 0;display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-graphic_design .hw-step:first-child{border-top:1px solid var(--r)}
#page-svc-graphic_design .hw-step::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-graphic_design .hw-step:hover::before{transform:scaleY(1)}
#page-svc-graphic_design .hw-step:hover{background:rgba(61,219,184,.018);padding-left:8px}
#page-svc-graphic_design .hw-n{font-family:var(--serif);font-size:13px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;letter-spacing:.05em;padding-top:2px;line-height:1.3}
#page-svc-graphic_design .hw-step-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-graphic_design .hw-step-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-graphic_design .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-graphic_design .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-graphic_design .diff-l{padding-right:80px}
#page-svc-graphic_design .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-graphic_design .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-graphic_design .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-graphic_design .diff-body+.diff-body{margin-top:16px}
#page-svc-graphic_design .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-graphic_design .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-graphic_design .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-graphic_design .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-graphic_design .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-graphic_design .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-graphic_design .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-graphic_design .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-graphic_design .cmp-text.good{color:var(--w6)}
#page-svc-graphic_design .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-graphic_design .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-graphic_design .cta-l{padding-right:80px}
#page-svc-graphic_design .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-graphic_design .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-graphic_design .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-graphic_design .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-graphic_design .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-graphic_design .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-graphic_design .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-graphic_design .wrap{padding:0 32px}#page-svc-graphic_design .nav-inner{padding:20px 32px}#page-svc-graphic_design .hero-bar{grid-template-columns:1fr}#page-svc-graphic_design .hero-bar .vr{display:none}#page-svc-graphic_design .hbc{padding:24px 0}#page-svc-graphic_design .hb-ctas{padding:24px 0}#page-svc-graphic_design .prob-inner, #page-svc-graphic_design .hw-inner, #page-svc-graphic_design .diff-inner, #page-svc-graphic_design .cta-inner{grid-template-columns:1fr}#page-svc-graphic_design .prob-inner .vr, #page-svc-graphic_design .hw-inner .vr, #page-svc-graphic_design .diff-inner .vr, #page-svc-graphic_design .cta-inner .vr{display:none}#page-svc-graphic_design .prob-l, #page-svc-graphic_design .hw-l, #page-svc-graphic_design .diff-l, #page-svc-graphic_design .cta-l{padding-right:0;margin-bottom:48px}#page-svc-graphic_design .prob-r, #page-svc-graphic_design .hw-r, #page-svc-graphic_design .diff-r, #page-svc-graphic_design .cta-r{padding-left:0}#page-svc-graphic_design .as-intro{grid-template-columns:1fr}#page-svc-graphic_design .as-sub{padding-left:0;margin-top:28px}#page-svc-graphic_design .asset-mock-grid{grid-template-columns:1fr 1fr}#page-svc-graphic_design .asset-cell:nth-child(2n){border-right:none}#page-svc-graphic_design .asset-cell:nth-child(3n){border-right:1px solid var(--r)}#page-svc-graphic_design .wb-item{grid-template-columns:60px 1fr}#page-svc-graphic_design .wb-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-graphic_design .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-graphic_design .wrap{padding:0 20px}#page-svc-graphic_design .nav-inner{padding:18px 20px}#page-svc-graphic_design .asset-mock-grid{grid-template-columns:1fr}#page-svc-graphic_design .asset-cell{border-right:none}#page-svc-graphic_design .orb, #page-svc-graphic_design .mesh, #page-svc-graphic_design .hero-ghost{display:none}}

/* ── landing_pages ── */
#page-svc-landing_pages #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-landing_pages .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-landing_pages .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-landing_pages .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-landing_pages .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-landing_pages #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-landing_pages #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-landing_pages .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-landing_pages .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-landing_pages .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-landing_pages .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-landing_pages .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 40% 20%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g1) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-landing_pages .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(80px,12vw,200px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-landing_pages .hero-c{position:relative;z-index:2}
#page-svc-landing_pages .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-landing_pages .hero-hl{font-family:var(--serif);font-size:clamp(44px,7.5vw,116px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-landing_pages .hero-hl span{display:block}
#page-svc-landing_pages .hero-hl .italic{font-style:italic}
#page-svc-landing_pages .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-landing_pages .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-landing_pages .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-landing_pages .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-landing_pages .hbc:first-child{padding-left:0}
#page-svc-landing_pages .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-landing_pages .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-landing_pages .reasons{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-landing_pages .reasons-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-landing_pages .re-l{padding-right:80px}
#page-svc-landing_pages .re-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-landing_pages .re-hl em{font-style:italic;color:var(--w6)}
#page-svc-landing_pages .re-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-landing_pages .re-body+.re-body{margin-top:16px}
#page-svc-landing_pages .re-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-landing_pages .reason{border-bottom:1px solid var(--r);padding:30px 0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-landing_pages .reason:first-child{border-top:1px solid var(--r)}
#page-svc-landing_pages .reason::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-landing_pages .reason:hover::before{transform:scaleY(1)}
#page-svc-landing_pages .reason:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-landing_pages .re-n{font-family:var(--serif);font-size:22px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;line-height:1;padding-top:2px}
#page-svc-landing_pages .re-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-landing_pages .re-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-landing_pages .lp-mock-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-landing_pages .lp-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-landing_pages .lp-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-landing_pages .lp-hl em{font-style:italic;color:var(--w6)}
#page-svc-landing_pages .lp-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-landing_pages .ba-split{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rmd);overflow:hidden;position:relative}
#page-svc-landing_pages .ba-split::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;opacity:.3;pointer-events:none;z-index:2}
#page-svc-landing_pages .ba-col{padding:0;position:relative}
#page-svc-landing_pages .ba-col:first-child{border-right:1px solid var(--rmd)}
#page-svc-landing_pages .ba-label{padding:12px 20px;border-bottom:1px solid var(--r);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.02)}
#page-svc-landing_pages .ba-label-text{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
#page-svc-landing_pages .ba-label-text.bad{color:rgba(255,100,100,.5)}
#page-svc-landing_pages .ba-label-text.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-landing_pages .ba-cvr{font-family:var(--serif);font-size:14px;font-weight:300}
#page-svc-landing_pages .ba-cvr.bad{color:rgba(255,100,100,.4)}
#page-svc-landing_pages .ba-cvr.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-landing_pages .mock-page{padding:20px;display:flex;flex-direction:column;gap:10px}
#page-svc-landing_pages .mp-nav{height:28px;background:rgba(255,255,255,.04);border-radius:2px;display:flex;align-items:center;padding:0 12px;gap:8px}
#page-svc-landing_pages .mp-nav-logo{width:40px;height:8px;background:rgba(255,255,255,.15);border-radius:1px}
#page-svc-landing_pages .mp-nav-links{display:flex;gap:8px;margin-left:auto}
#page-svc-landing_pages .mp-nav-link{width:24px;height:6px;background:rgba(255,255,255,.08);border-radius:1px}
#page-svc-landing_pages .mp-hero-bad{background:rgba(255,255,255,.03);border:1px solid var(--r);padding:16px;text-align:center}
#page-svc-landing_pages .mp-hero-good{background:linear-gradient(135deg,rgba(125,235,74,.06),rgba(59,142,240,.06));border:1px solid rgba(61,219,184,.15);padding:16px}
#page-svc-landing_pages .mp-h1-bad{height:10px;background:rgba(255,255,255,.12);border-radius:1px;width:80%;margin:0 auto 8px}
#page-svc-landing_pages .mp-h1-good{height:10px;border-radius:1px;width:85%;margin-bottom:8px;background:var(--grad);opacity:.6}
#page-svc-landing_pages .mp-sub-bad{height:6px;background:rgba(255,255,255,.06);border-radius:1px;width:70%;margin:0 auto 4px}
#page-svc-landing_pages .mp-sub-bad2{height:6px;background:rgba(255,255,255,.06);border-radius:1px;width:60%;margin:0 auto 12px}
#page-svc-landing_pages .mp-sub-good{height:6px;background:rgba(255,255,255,.1);border-radius:1px;width:75%;margin-bottom:4px}
#page-svc-landing_pages .mp-sub-good2{height:6px;background:rgba(255,255,255,.1);border-radius:1px;width:65%;margin-bottom:14px}
#page-svc-landing_pages .mp-cta-bad{height:24px;background:rgba(255,255,255,.08);border-radius:2px;width:60%;margin:0 auto;display:flex;align-items:center;justify-content:center}
#page-svc-landing_pages .mp-cta-bad-text{height:6px;width:40%;background:rgba(255,255,255,.15);border-radius:1px}
#page-svc-landing_pages .mp-cta-good{height:28px;background:var(--grad);border-radius:2px;width:65%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
#page-svc-landing_pages .mp-cta-good-text{height:6px;width:45%;background:rgba(6,8,16,.4);border-radius:1px}
#page-svc-landing_pages .mp-trust{display:flex;gap:6px;justify-content:center;margin-top:6px}
#page-svc-landing_pages .mp-trust-item{height:5px;width:28px;background:rgba(255,255,255,.08);border-radius:1px}
#page-svc-landing_pages .mp-body-section{padding:10px;display:flex;flex-direction:column;gap:6px}
#page-svc-landing_pages .mp-section-title{height:7px;background:rgba(255,255,255,.08);border-radius:1px;width:40%}
#page-svc-landing_pages .mp-section-title.good{background:var(--grad);opacity:.4;width:45%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-landing_pages .mp-line{height:5px;background:rgba(255,255,255,.05);border-radius:1px}
#page-svc-landing_pages .mp-line.good{background:rgba(255,255,255,.08)}
#page-svc-landing_pages .mp-line.w80{width:80%}
#page-svc-landing_pages .mp-line.w65{width:65%}
#page-svc-landing_pages .mp-line.w90{width:90%}
#page-svc-landing_pages .mp-issue-tag{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,100,100,.5);border:1px solid rgba(255,100,100,.2);padding:2px 6px;display:inline-block;margin-top:4px}
#page-svc-landing_pages .mp-fix-tag{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border:1px solid rgba(61,219,184,.25);padding:2px 6px;display:inline-block;margin-top:4px}
#page-svc-landing_pages .whatbuild{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-landing_pages .wb-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-landing_pages .wb-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-landing_pages .wb-item:first-child{border-top:1px solid var(--r)}
#page-svc-landing_pages .wb-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-landing_pages .wb-item:hover::before{transform:scaleY(1)}
#page-svc-landing_pages .wb-item:hover{background:rgba(61,219,184,.015)}
#page-svc-landing_pages .wb-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-landing_pages .wb-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-landing_pages .wb-title em{font-style:italic;color:var(--w6)}
#page-svc-landing_pages .wb-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-landing_pages .wb-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-landing_pages .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-landing_pages .wb-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-landing_pages .system{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-landing_pages .sys-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-landing_pages .sys-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-landing_pages .sys-hl em{font-style:italic;color:var(--w6)}
#page-svc-landing_pages .sys-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-landing_pages .scale-loop{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--r)}
#page-svc-landing_pages .sl-step{padding:44px 32px;border-right:1px solid var(--r);position:relative;overflow:hidden;transition:background .25s}
#page-svc-landing_pages .sl-step:last-child{border-right:none}
#page-svc-landing_pages .sl-step:hover{background:rgba(61,219,184,.02)}
#page-svc-landing_pages .sl-step::after{content:’’;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
#page-svc-landing_pages .sl-step:hover::after{transform:scaleX(1)}
#page-svc-landing_pages .sl-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.12em;display:block;margin-bottom:24px}
#page-svc-landing_pages .sl-icon{font-family:var(--serif);font-size:38px;color:var(--w2);line-height:1;margin-bottom:18px;display:block;transition:all .3s}
#page-svc-landing_pages .sl-step:hover .sl-icon{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-landing_pages .sl-title{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--w);letter-spacing:-.01em;margin-bottom:12px;line-height:1.15;transition:all .25s}
#page-svc-landing_pages .sl-step:hover .sl-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-landing_pages .sl-desc{font-size:13px;color:var(--w4);line-height:1.8;font-weight:300}
#page-svc-landing_pages .anatomy{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-landing_pages .anat-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-landing_pages .anat-l{padding-right:80px}
#page-svc-landing_pages .anat-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-landing_pages .anat-hl em{font-style:italic;color:var(--w6)}
#page-svc-landing_pages .anat-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-landing_pages .anat-body+.anat-body{margin-top:16px}
#page-svc-landing_pages .anat-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-landing_pages .anat-item{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:28px 1fr;gap:16px;align-items:start;transition:all .22s;position:relative;overflow:hidden}
#page-svc-landing_pages .anat-item:first-child{border-top:1px solid var(--r)}
#page-svc-landing_pages .anat-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-landing_pages .anat-item:hover::before{transform:scaleY(1)}
#page-svc-landing_pages .anat-item:hover{background:rgba(61,219,184,.018);padding-left:8px}
#page-svc-landing_pages .anat-num{font-family:var(--serif);font-size:13px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;line-height:1.4}
#page-svc-landing_pages .anat-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w);margin-bottom:7px}
#page-svc-landing_pages .anat-text{font-size:13px;color:var(--w6);line-height:1.75;font-weight:300}
#page-svc-landing_pages .diff{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-landing_pages .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-landing_pages .diff-l{padding-right:80px}
#page-svc-landing_pages .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-landing_pages .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-landing_pages .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-landing_pages .diff-body+.diff-body{margin-top:16px}
#page-svc-landing_pages .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-landing_pages .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-landing_pages .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-landing_pages .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-landing_pages .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-landing_pages .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-landing_pages .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-landing_pages .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-landing_pages .cmp-text.good{color:var(--w6)}
#page-svc-landing_pages .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-landing_pages .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-landing_pages .cta-l{padding-right:80px}
#page-svc-landing_pages .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-landing_pages .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-landing_pages .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-landing_pages .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-landing_pages .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-landing_pages .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-landing_pages .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-landing_pages .wrap{padding:0 32px}#page-svc-landing_pages .nav-inner{padding:20px 32px}#page-svc-landing_pages .hero-bar{grid-template-columns:1fr}#page-svc-landing_pages .hero-bar .vr{display:none}#page-svc-landing_pages .hbc{padding:24px 0}#page-svc-landing_pages .hb-ctas{padding:24px 0}#page-svc-landing_pages .reasons-inner, #page-svc-landing_pages .anat-inner, #page-svc-landing_pages .diff-inner, #page-svc-landing_pages .cta-inner{grid-template-columns:1fr}#page-svc-landing_pages .reasons-inner .vr, #page-svc-landing_pages .anat-inner .vr, #page-svc-landing_pages .diff-inner .vr, #page-svc-landing_pages .cta-inner .vr{display:none}#page-svc-landing_pages .re-l, #page-svc-landing_pages .anat-l, #page-svc-landing_pages .diff-l, #page-svc-landing_pages .cta-l{padding-right:0;margin-bottom:48px}#page-svc-landing_pages .re-r, #page-svc-landing_pages .anat-r, #page-svc-landing_pages .diff-r, #page-svc-landing_pages .cta-r{padding-left:0}#page-svc-landing_pages .lp-intro, #page-svc-landing_pages .sys-intro{grid-template-columns:1fr}#page-svc-landing_pages .lp-sub, #page-svc-landing_pages .sys-sub{padding-left:0;margin-top:28px}#page-svc-landing_pages .ba-split{grid-template-columns:1fr}#page-svc-landing_pages .ba-col:first-child{border-right:none;border-bottom:1px solid var(--rmd)}#page-svc-landing_pages .wb-item{grid-template-columns:60px 1fr}#page-svc-landing_pages .wb-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-landing_pages .scale-loop{grid-template-columns:1fr 1fr}#page-svc-landing_pages .sl-step:nth-child(2){border-right:none}#page-svc-landing_pages .sl-step:nth-child(3){border-top:1px solid var(--r)}#page-svc-landing_pages .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-landing_pages .wrap{padding:0 20px}#page-svc-landing_pages .nav-inner{padding:18px 20px}#page-svc-landing_pages .scale-loop{grid-template-columns:1fr}#page-svc-landing_pages .sl-step{border-right:none;border-bottom:1px solid var(--r)}#page-svc-landing_pages .orb, #page-svc-landing_pages .mesh, #page-svc-landing_pages .hero-ghost{display:none}}

/* ── motion_and_video ── */
#page-svc-motion_and_video #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-motion_and_video .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-motion_and_video .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-motion_and_video .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-motion_and_video .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-motion_and_video #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-motion_and_video #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-motion_and_video .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-motion_and_video .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-motion_and_video .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-motion_and_video .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-motion_and_video .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 40% 20%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g2) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-motion_and_video .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(80px,12vw,200px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-motion_and_video .hero-c{position:relative;z-index:2}
#page-svc-motion_and_video .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-motion_and_video .hero-hl{font-family:var(--serif);font-size:clamp(44px,7.5vw,116px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-motion_and_video .hero-hl span{display:block}
#page-svc-motion_and_video .hero-hl .italic{font-style:italic}
#page-svc-motion_and_video .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-motion_and_video .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-motion_and_video .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-motion_and_video .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-motion_and_video .hbc:first-child{padding-left:0}
#page-svc-motion_and_video .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-motion_and_video .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-motion_and_video .why-video{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-motion_and_video .wv-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-motion_and_video .wv-l{padding-right:80px}
#page-svc-motion_and_video .wv-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-motion_and_video .wv-hl em{font-style:italic;color:var(--w6)}
#page-svc-motion_and_video .wv-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-motion_and_video .wv-body+.wv-body{margin-top:16px}
#page-svc-motion_and_video .wv-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-motion_and_video .wv-stat{border-bottom:1px solid var(--r);padding:28px 0;display:flex;align-items:center;gap:24px;transition:background .22s;position:relative;overflow:hidden}
#page-svc-motion_and_video .wv-stat:first-child{border-top:1px solid var(--r)}
#page-svc-motion_and_video .wv-stat::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#page-svc-motion_and_video .wv-stat:hover::before{transform:scaleY(1)}
#page-svc-motion_and_video .wv-stat:hover{background:rgba(61,219,184,.018);padding-left:8px}
#page-svc-motion_and_video .wv-stat-val{font-family:var(--serif);font-size:48px;font-weight:300;line-height:1;letter-spacing:-.025em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;min-width:110px}
#page-svc-motion_and_video .wv-stat-text{font-size:14px;color:var(--w6);line-height:1.7;font-weight:300}
#page-svc-motion_and_video .video-mock-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-motion_and_video .vm-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-motion_and_video .vm-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-motion_and_video .vm-hl em{font-style:italic;color:var(--w6)}
#page-svc-motion_and_video .vm-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-motion_and_video .video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid var(--r);border-top:1px solid var(--r)}
#page-svc-motion_and_video .vg-cell{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:32px;position:relative;overflow:hidden;transition:background .3s;display:flex;flex-direction:column;gap:16px}
#page-svc-motion_and_video .vg-cell:hover{background:rgba(61,219,184,.02)}
#page-svc-motion_and_video .vg-cell::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-motion_and_video .vg-cell:hover::after{transform:scaleX(1)}
#page-svc-motion_and_video .vg-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-motion_and_video .video-player{background:rgba(255,255,255,.02);border:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-motion_and_video .vp-screen{background:linear-gradient(135deg,rgba(59,142,240,.08),rgba(61,219,184,.06));display:flex;align-items:center;justify-content:center;position:relative}
#page-svc-motion_and_video .vp-play{width:32px;height:32px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}
#page-svc-motion_and_video .vp-play:hover{opacity:1}
#page-svc-motion_and_video .vp-play-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #060810;margin-left:2px}
#page-svc-motion_and_video .vp-bar{padding:8px 10px;display:flex;flex-direction:column;gap:5px}
#page-svc-motion_and_video .vp-progress{height:2px;background:var(--r);border-radius:1px;position:relative}
#page-svc-motion_and_video .vp-progress-fill{height:100%;border-radius:1px;background:var(--grad)}
#page-svc-motion_and_video .vp-controls{display:flex;align-items:center;gap:8px}
#page-svc-motion_and_video .vp-time{font-family:var(--sans);font-size:8px;color:var(--w2);letter-spacing:.08em}
#page-svc-motion_and_video .vp-dots{display:flex;gap:4px;margin-left:auto}
#page-svc-motion_and_video .vp-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.2)}
#page-svc-motion_and_video .story-mock{background:rgba(255,255,255,.02);border:1px solid var(--r);aspect-ratio:.5625;max-height:200px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;position:relative;overflow:hidden}
#page-svc-motion_and_video .story-mock-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(125,235,74,.08) 0%,rgba(59,142,240,.1) 100%)}
#page-svc-motion_and_video .story-top{display:flex;align-items:center;gap:6px;position:relative;z-index:1}
#page-svc-motion_and_video .story-avatar{width:16px;height:16px;border-radius:50%;background:var(--grad);opacity:.6}
#page-svc-motion_and_video .story-name{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--w)}
#page-svc-motion_and_video .story-progress{display:flex;gap:2px;position:relative;z-index:1}
#page-svc-motion_and_video .sp-bar{flex:1;height:2px;background:rgba(255,255,255,.2);border-radius:1px}
#page-svc-motion_and_video .sp-bar.done{background:var(--grad);opacity:.7}
#page-svc-motion_and_video .story-bottom{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}
#page-svc-motion_and_video .story-h{height:6px;background:rgba(255,255,255,.2);border-radius:1px;width:70%}
#page-svc-motion_and_video .story-cta{height:16px;background:var(--grad);border-radius:1px;width:60%;display:flex;align-items:center;justify-content:center}
#page-svc-motion_and_video .story-cta-t{height:4px;width:30%;background:rgba(6,8,16,.4);border-radius:1px}
#page-svc-motion_and_video .timeline-mock{background:rgba(255,255,255,.02);border:1px solid var(--r);padding:10px}
#page-svc-motion_and_video .tl-label{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w2);margin-bottom:8px}
#page-svc-motion_and_video .tl-tracks{display:flex;flex-direction:column;gap:5px}
#page-svc-motion_and_video .tl-track{display:flex;align-items:center;gap:6px}
#page-svc-motion_and_video .tl-track-label{font-family:var(--sans);font-size:7px;color:var(--w2);width:36px;flex-shrink:0}
#page-svc-motion_and_video .tl-track-bar{flex:1;height:14px;background:rgba(255,255,255,.03);border:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-motion_and_video .tl-clip{position:absolute;top:1px;bottom:1px;border-radius:1px;opacity:.7}
#page-svc-motion_and_video .vg-desc{font-size:13px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-motion_and_video .whatbuild{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-motion_and_video .wb-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-motion_and_video .wb-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-motion_and_video .wb-item:first-child{border-top:1px solid var(--r)}
#page-svc-motion_and_video .wb-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-motion_and_video .wb-item:hover::before{transform:scaleY(1)}
#page-svc-motion_and_video .wb-item:hover{background:rgba(61,219,184,.015)}
#page-svc-motion_and_video .wb-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-motion_and_video .wb-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-motion_and_video .wb-title em{font-style:italic;color:var(--w6)}
#page-svc-motion_and_video .wb-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-motion_and_video .wb-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-motion_and_video .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-motion_and_video .wb-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-motion_and_video .approaches{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-motion_and_video .ap-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:80px}
#page-svc-motion_and_video .ap-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:52px 44px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-motion_and_video .ap-card::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 25% 25%,rgba(61,219,184,.04),transparent 65%);transition:opacity .4s}
#page-svc-motion_and_video .ap-card:hover::before{opacity:1}
#page-svc-motion_and_video .ap-card::after{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
#page-svc-motion_and_video .ap-card:hover::after{transform:scaleY(1)}
#page-svc-motion_and_video .ap-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;display:block;margin-bottom:20px}
#page-svc-motion_and_video .ap-tag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:4px 10px;display:inline-block;margin-bottom:20px;transition:all .25s}
#page-svc-motion_and_video .ap-card:hover .ap-tag{border-color:rgba(61,219,184,.25);color:rgba(61,219,184,.55)}
#page-svc-motion_and_video .ap-title{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:18px;transition:all .25s}
#page-svc-motion_and_video .ap-card:hover .ap-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-motion_and_video .ap-body{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:24px}
#page-svc-motion_and_video .ap-list{border-top:1px solid var(--r);padding-top:20px;display:flex;flex-direction:column;gap:9px}
#page-svc-motion_and_video .ap-item{font-size:13px;color:var(--w4);display:flex;gap:12px;line-height:1.6}
#page-svc-motion_and_video .ap-item::before{content:‘→’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}
#page-svc-motion_and_video .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-motion_and_video .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-motion_and_video .diff-l{padding-right:80px}
#page-svc-motion_and_video .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-motion_and_video .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-motion_and_video .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-motion_and_video .diff-body+.diff-body{margin-top:16px}
#page-svc-motion_and_video .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-motion_and_video .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-motion_and_video .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-motion_and_video .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-motion_and_video .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-motion_and_video .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-motion_and_video .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-motion_and_video .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-motion_and_video .cmp-text.good{color:var(--w6)}
#page-svc-motion_and_video .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-motion_and_video .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-motion_and_video .cta-l{padding-right:80px}
#page-svc-motion_and_video .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-motion_and_video .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-motion_and_video .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-motion_and_video .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-motion_and_video .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-motion_and_video .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-motion_and_video .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-motion_and_video .wrap{padding:0 32px}#page-svc-motion_and_video .nav-inner{padding:20px 32px}#page-svc-motion_and_video .hero-bar{grid-template-columns:1fr}#page-svc-motion_and_video .hero-bar .vr{display:none}#page-svc-motion_and_video .hbc{padding:24px 0}#page-svc-motion_and_video .hb-ctas{padding:24px 0}#page-svc-motion_and_video .wv-inner, #page-svc-motion_and_video .diff-inner, #page-svc-motion_and_video .cta-inner{grid-template-columns:1fr}#page-svc-motion_and_video .wv-inner .vr, #page-svc-motion_and_video .diff-inner .vr, #page-svc-motion_and_video .cta-inner .vr{display:none}#page-svc-motion_and_video .wv-l, #page-svc-motion_and_video .diff-l, #page-svc-motion_and_video .cta-l{padding-right:0;margin-bottom:48px}#page-svc-motion_and_video .wv-r, #page-svc-motion_and_video .diff-r, #page-svc-motion_and_video .cta-r{padding-left:0}#page-svc-motion_and_video .vm-intro{grid-template-columns:1fr}#page-svc-motion_and_video .vm-sub{padding-left:0;margin-top:28px}#page-svc-motion_and_video .video-grid{grid-template-columns:1fr}#page-svc-motion_and_video .ap-grid{grid-template-columns:1fr}#page-svc-motion_and_video .wb-item{grid-template-columns:60px 1fr}#page-svc-motion_and_video .wb-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-motion_and_video .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-motion_and_video .wrap{padding:0 20px}#page-svc-motion_and_video .nav-inner{padding:18px 20px}#page-svc-motion_and_video .orb, #page-svc-motion_and_video .mesh, #page-svc-motion_and_video .hero-ghost{display:none}}

/* ── native_advertising ── */
#page-svc-native_advertising #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-native_advertising .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-native_advertising .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-native_advertising .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.08),transparent 70%);bottom:0;left:-100px}
#page-svc-native_advertising .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-native_advertising #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-native_advertising #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-native_advertising .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-native_advertising .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-native_advertising .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-native_advertising .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-native_advertising .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 70% 20%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 30% 80%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g1) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-native_advertising .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(100px,16vw,280px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-native_advertising .hero-c{position:relative;z-index:2}
#page-svc-native_advertising .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-native_advertising .hero-hl{font-family:var(--serif);font-size:clamp(48px,8vw,126px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-native_advertising .hero-hl span{display:block}
#page-svc-native_advertising .hero-hl .italic{font-style:italic}
#page-svc-native_advertising .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-native_advertising .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-native_advertising .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-native_advertising .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-native_advertising .hbc:first-child{padding-left:0}
#page-svc-native_advertising .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-native_advertising .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-native_advertising .what-native{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-native_advertising .wn-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-native_advertising .wn-l{padding-right:80px}
#page-svc-native_advertising .wn-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-native_advertising .wn-hl em{font-style:italic;color:var(--w6)}
#page-svc-native_advertising .wn-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-native_advertising .wn-body+.wn-body{margin-top:18px}
#page-svc-native_advertising .wn-r{padding-left:80px}
#page-svc-native_advertising .native-mock{border:1px solid var(--rmd);background:rgba(255,255,255,.025);padding:28px;position:relative;margin-bottom:16px}
#page-svc-native_advertising .mock-label{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:3px 8px;display:inline-block;margin-bottom:16px}
#page-svc-native_advertising .mock-img{width:100%;height:120px;background:linear-gradient(135deg,rgba(125,235,74,.08),rgba(59,142,240,.08));border:1px solid var(--r);margin-bottom:16px;display:flex;align-items:center;justify-content:center}
#page-svc-native_advertising .mock-img-text{font-family:var(--serif);font-size:11px;color:var(--w2);letter-spacing:.14em;text-transform:uppercase}
#page-svc-native_advertising .mock-headline{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--w);line-height:1.35;margin-bottom:10px;letter-spacing:-.01em}
#page-svc-native_advertising .mock-desc{font-size:12px;color:var(--w4);line-height:1.7;font-weight:300;margin-bottom:14px}
#page-svc-native_advertising .mock-source{font-family:var(--sans);font-size:9px;color:var(--w2);letter-spacing:.14em;text-transform:uppercase}
#page-svc-native_advertising .mock-glow{position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(rgba(10,13,20,0),rgba(10,13,20,0)) padding-box,var(--grad) border-box;opacity:0;transition:opacity .4s;pointer-events:none}
#page-svc-native_advertising .native-mock:hover .mock-glow{opacity:1}
#page-svc-native_advertising .mock-note{font-size:12px;color:var(--w2);line-height:1.7;font-weight:300;font-style:italic;text-align:center;padding-top:12px}
#page-svc-native_advertising .when{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-native_advertising .when-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-native_advertising .when-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-native_advertising .when-hl em{font-style:italic;color:var(--w6)}
#page-svc-native_advertising .when-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-native_advertising .scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-left:1px solid var(--r);border-top:1px solid var(--r)}
#page-svc-native_advertising .scenario{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:52px 44px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-native_advertising .scenario::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 20% 20%,rgba(61,219,184,.04),transparent 65%);transition:opacity .4s}
#page-svc-native_advertising .scenario:hover::before{opacity:1}
#page-svc-native_advertising .scenario::after{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
#page-svc-native_advertising .scenario:hover::after{transform:scaleY(1)}
#page-svc-native_advertising .scenario-tag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:5px 12px;border:1px solid var(--r);display:inline-block;margin-bottom:28px;transition:all .25s}
#page-svc-native_advertising .scenario:hover .scenario-tag{border-color:rgba(61,219,184,.25);color:rgba(61,219,184,.6)}
#page-svc-native_advertising .scenario-tag.ext{color:rgba(125,235,74,.5);border-color:rgba(125,235,74,.2)}
#page-svc-native_advertising .scenario-tag.fresh{color:rgba(59,142,240,.5);border-color:rgba(59,142,240,.2)}
#page-svc-native_advertising .scenario-hl{font-family:var(--serif);font-size:clamp(22px,2.5vw,32px);font-weight:400;color:var(--w);line-height:1.25;letter-spacing:-.015em;margin-bottom:18px;transition:all .25s}
#page-svc-native_advertising .scenario:hover .scenario-hl{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-native_advertising .scenario-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:28px}
#page-svc-native_advertising .scenario-signals{border-top:1px solid var(--r);padding-top:24px;display:flex;flex-direction:column;gap:10px}
#page-svc-native_advertising .sig{font-size:13px;color:var(--w4);display:flex;gap:12px;align-items:flex-start;line-height:1.6}
#page-svc-native_advertising .sig::before{content:‘→’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}
#page-svc-native_advertising .build{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-native_advertising .build-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-native_advertising .build-item{display:grid;grid-template-columns:80px 240px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-native_advertising .build-item:first-child{border-top:1px solid var(--r)}
#page-svc-native_advertising .build-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-native_advertising .build-item:hover::before{transform:scaleY(1)}
#page-svc-native_advertising .build-item:hover{background:rgba(61,219,184,.015)}
#page-svc-native_advertising .build-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-native_advertising .build-title{font-family:var(--serif);font-size:clamp(24px,2.8vw,38px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-native_advertising .build-title em{font-style:italic;color:var(--w6)}
#page-svc-native_advertising .build-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-native_advertising .platforms{padding:100px 0;border-bottom:1px solid var(--r)}
#page-svc-native_advertising .plat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:64px}
#page-svc-native_advertising .plat{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:44px 36px;position:relative;overflow:hidden;transition:background .25s}
#page-svc-native_advertising .plat::after{content:’’;position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
#page-svc-native_advertising .plat:hover::after{transform:scaleX(1)}
#page-svc-native_advertising .plat:hover{background:rgba(61,219,184,.02)}
#page-svc-native_advertising .plat-name{font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--w);margin-bottom:12px}
#page-svc-native_advertising .plat-role{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;display:block}
#page-svc-native_advertising .plat-desc{font-size:13px;color:var(--w4);line-height:1.8;font-weight:300}
#page-svc-native_advertising .wrapper{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-native_advertising .wrapper-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-native_advertising .wrapper-l{padding-right:80px}
#page-svc-native_advertising .wrapper-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.2;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-native_advertising .wrapper-hl em{font-style:italic;color:var(--w6)}
#page-svc-native_advertising .wrapper-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-native_advertising .wrapper-body+.wrapper-body{margin-top:16px}
#page-svc-native_advertising .wrapper-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-native_advertising .wf{border-bottom:1px solid var(--r);padding:28px 0;display:flex;gap:20px;align-items:flex-start;transition:all .22s}
#page-svc-native_advertising .wf:first-child{border-top:1px solid var(--r)}
#page-svc-native_advertising .wf:hover{background:rgba(61,219,184,.018);padding-left:8px}
#page-svc-native_advertising .wf-n{font-family:var(--serif);font-size:24px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;line-height:1;margin-top:2px;width:32px}
#page-svc-native_advertising .wf-title{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-native_advertising .wf-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-native_advertising .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-native_advertising .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-native_advertising .cta-l{padding-right:80px}
#page-svc-native_advertising .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-native_advertising .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-native_advertising .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-native_advertising .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-native_advertising .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-native_advertising .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-native_advertising .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-native_advertising .wrap{padding:0 32px}#page-svc-native_advertising .nav-inner{padding:20px 32px}#page-svc-native_advertising .hero-bar{grid-template-columns:1fr}#page-svc-native_advertising .hero-bar .vr{display:none}#page-svc-native_advertising .hbc{padding:24px 0}#page-svc-native_advertising .hb-ctas{padding:24px 0}#page-svc-native_advertising .wn-inner, #page-svc-native_advertising .wrapper-inner, #page-svc-native_advertising .cta-inner{grid-template-columns:1fr}#page-svc-native_advertising .wn-inner .vr, #page-svc-native_advertising .wrapper-inner .vr, #page-svc-native_advertising .cta-inner .vr{display:none}#page-svc-native_advertising .wn-l, #page-svc-native_advertising .wrapper-l, #page-svc-native_advertising .cta-l{padding-right:0;margin-bottom:48px}#page-svc-native_advertising .wn-r, #page-svc-native_advertising .wrapper-r, #page-svc-native_advertising .cta-r{padding-left:0}#page-svc-native_advertising .when-intro{grid-template-columns:1fr}#page-svc-native_advertising .when-sub{padding-left:0;margin-top:28px}#page-svc-native_advertising .scenario-grid{grid-template-columns:1fr}#page-svc-native_advertising .build-item{grid-template-columns:60px 1fr}#page-svc-native_advertising .build-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-native_advertising .plat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){#page-svc-native_advertising .wrap{padding:0 20px}#page-svc-native_advertising .nav-inner{padding:18px 20px}#page-svc-native_advertising .plat-grid{grid-template-columns:1fr}#page-svc-native_advertising .orb, #page-svc-native_advertising .mesh, #page-svc-native_advertising .hero-ghost{display:none}}

/* ── paid_social ── */
#page-svc-paid_social #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-paid_social .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-paid_social .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(125,235,74,.07),transparent 70%);top:-200px;right:-150px}
#page-svc-paid_social .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,142,240,.09),transparent 70%);bottom:0;left:-100px}
#page-svc-paid_social .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:45%}
#page-svc-paid_social #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-paid_social #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-paid_social .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-paid_social .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-paid_social .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-paid_social .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-paid_social .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 20% 30%,var(--g1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g2) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-paid_social .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(130px,20vw,340px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.035);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-paid_social .hero-c{position:relative;z-index:2}
#page-svc-paid_social .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-paid_social .hero-hl{font-family:var(--serif);font-size:clamp(52px,9vw,136px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-paid_social .hero-hl span{display:block}
#page-svc-paid_social .hero-hl .italic{font-style:italic}
#page-svc-paid_social .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-paid_social .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-paid_social .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-paid_social .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-paid_social .hbc:first-child{padding-left:0}
#page-svc-paid_social .hb-sub{font-size:15px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-paid_social .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-paid_social .problem{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-paid_social .problem-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-paid_social .prob-l{padding-right:80px}
#page-svc-paid_social .prob-headline{font-family:var(--serif);font-size:clamp(32px,4vw,54px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:36px}
#page-svc-paid_social .prob-headline em{font-style:italic;color:var(--w6)}
#page-svc-paid_social .prob-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-paid_social .prob-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-paid_social .prob-item{padding:32px 0;border-bottom:1px solid var(--r);display:flex;gap:20px;align-items:flex-start;transition:background .2s}
#page-svc-paid_social .prob-item:first-child{border-top:1px solid var(--r)}
#page-svc-paid_social .prob-item:hover{background:rgba(61,219,184,.02);padding-left:8px}
#page-svc-paid_social .prob-icon{font-family:var(--serif);font-size:28px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;line-height:1;margin-top:2px}
#page-svc-paid_social .prob-item-title{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w);margin-bottom:8px}
#page-svc-paid_social .prob-item-text{font-size:13.5px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-paid_social .what{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-paid_social .what-intro{display:grid;grid-template-columns:1fr 1px 1fr;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--r);margin-bottom:80px}
#page-svc-paid_social .what-hl{font-family:var(--serif);font-size:clamp(42px,5.5vw,76px);font-weight:300;line-height:1.1;letter-spacing:-.022em}
#page-svc-paid_social .what-hl em{font-style:italic;color:var(--w6)}
#page-svc-paid_social .what-sub-wrap{padding-left:80px}
#page-svc-paid_social .what-sub{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-paid_social .deliverables{display:flex;flex-direction:column}
#page-svc-paid_social .deliv{border-bottom:1px solid var(--r);position:relative;overflow:hidden;transition:background .25s}
#page-svc-paid_social .deliv:first-child{border-top:1px solid var(--r)}
#page-svc-paid_social .deliv:hover{background:rgba(61,219,184,.018)}
#page-svc-paid_social .deliv::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
#page-svc-paid_social .deliv:hover::before{transform:scaleY(1)}
#page-svc-paid_social .deliv-inner{display:grid;grid-template-columns:80px 1fr 1fr;align-items:center;padding:40px 0;gap:32px}
#page-svc-paid_social .deliv-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em}
#page-svc-paid_social .deliv-title{font-family:var(--serif);font-size:clamp(24px,2.8vw,38px);font-weight:300;color:var(--w);letter-spacing:-.015em;line-height:1.1;transition:all .25s}
#page-svc-paid_social .deliv:hover .deliv-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-paid_social .deliv-desc{font-size:14px;color:var(--w6);line-height:1.8;font-weight:300}
#page-svc-paid_social .promise{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-paid_social .promise-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-paid_social .promise-l{padding-right:80px}
#page-svc-paid_social .promise-quote{font-family:var(--serif);font-size:clamp(26px,3.5vw,46px);font-weight:300;line-height:1.25;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:36px}
#page-svc-paid_social .promise-quote em{font-style:italic;color:var(--w6)}
#page-svc-paid_social .promise-note{font-size:14px;color:var(--w4);line-height:1.85;font-weight:300;border-left:2px solid;border-image:var(--grad) 1;padding-left:20px}
#page-svc-paid_social .promise-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-paid_social .promise-stat{padding:28px 0;border-bottom:1px solid var(--r);display:flex;align-items:center;gap:24px}
#page-svc-paid_social .promise-stat:first-child{border-top:1px solid var(--r)}
#page-svc-paid_social .ps-val{font-family:var(--serif);font-size:48px;font-weight:300;line-height:1;letter-spacing:-.025em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;min-width:110px}
#page-svc-paid_social .ps-text{font-size:14px;color:var(--w6);line-height:1.7;font-weight:300}
#page-svc-paid_social .forwhom{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-paid_social .fw-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:72px}
#page-svc-paid_social .fw-card{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:48px 36px;position:relative;overflow:hidden;transition:background .25s}
#page-svc-paid_social .fw-card::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
#page-svc-paid_social .fw-card:hover::after{transform:scaleX(1)}
#page-svc-paid_social .fw-card:hover{background:rgba(61,219,184,.02)}
#page-svc-paid_social .fw-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;margin-bottom:24px;display:block}
#page-svc-paid_social .fw-title{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--w);margin-bottom:16px;letter-spacing:-.01em;line-height:1.2}
#page-svc-paid_social .fw-desc{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300}
#page-svc-paid_social .fw-card.no{background:rgba(255,255,255,.015)}
#page-svc-paid_social .fw-card.no .fw-title{color:var(--w4)}
#page-svc-paid_social .fw-card.no .fw-desc{color:var(--w2)}
#page-svc-paid_social .how{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-paid_social .how-steps{display:flex;flex-direction:column;margin-top:72px}
#page-svc-paid_social .how-step{display:grid;grid-template-columns:80px 220px 1fr !important;align-items:start;border-bottom:1px solid var(--r);padding:48px 0;position:relative;transition:background .22s}
#page-svc-paid_social .how-step:first-child{border-top:1px solid var(--r)}
#page-svc-paid_social .how-step::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-paid_social .how-step:hover::before{transform:scaleY(1)}
#page-svc-paid_social .how-step:hover{background:rgba(61,219,184,.015)}
#page-svc-paid_social .how-step-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:4px}
#page-svc-paid_social .how-step-title{font-family:var(--serif);font-size:clamp(28px,3.2vw,44px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-paid_social .how-step-title em{font-style:italic;color:var(--w6)}
#page-svc-paid_social .how-step-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:6px}
#page-svc-paid_social .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-paid_social .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-paid_social .cta-l{padding-right:80px}
#page-svc-paid_social .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-paid_social .cta-hl{font-family:var(--serif);font-size:clamp(38px,5vw,68px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-paid_social .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-paid_social .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-paid_social .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-paid_social .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-paid_social .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-paid_social .wrap{padding:0 32px}#page-svc-paid_social .nav-inner{padding:20px 32px}#page-svc-paid_social .hero-bar{grid-template-columns:1fr}#page-svc-paid_social .hero-bar .vr{display:none}#page-svc-paid_social .hbc{padding:24px 0}#page-svc-paid_social .hb-ctas{padding:24px 0}#page-svc-paid_social .problem-inner, #page-svc-paid_social .what-intro, #page-svc-paid_social .promise-inner, #page-svc-paid_social .cta-inner{grid-template-columns:1fr}#page-svc-paid_social .problem-inner .vr, #page-svc-paid_social .what-intro .vr, #page-svc-paid_social .promise-inner .vr, #page-svc-paid_social .cta-inner .vr{display:none}#page-svc-paid_social .prob-l, #page-svc-paid_social .promise-l, #page-svc-paid_social .cta-l{padding-right:0;margin-bottom:48px}#page-svc-paid_social .prob-r, #page-svc-paid_social .promise-r, #page-svc-paid_social .cta-r{padding-left:0}#page-svc-paid_social .what-sub-wrap{padding-left:0;margin-top:32px}#page-svc-paid_social .deliv-inner{grid-template-columns:60px 1fr}#page-svc-paid_social .deliv-desc{grid-column:2}#page-svc-paid_social .fw-grid{grid-template-columns:1fr 1fr}#page-svc-paid_social .how-step{grid-template-columns:60px 1fr}#page-svc-paid_social .how-step-body{grid-column:2;margin-top:-32px;padding-top:16px}}
@media(max-width:680px){#page-svc-paid_social .wrap{padding:0 20px}#page-svc-paid_social .nav-inner{padding:18px 20px}#page-svc-paid_social .fw-grid{grid-template-columns:1fr}#page-svc-paid_social .orb, #page-svc-paid_social .mesh, #page-svc-paid_social .hero-ghost{display:none}}

/* ── ux_ui_design ── */
#page-svc-ux_ui_design #cg{position:fixed;pointer-events:none;z-index:9999;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(61,219,184,.065) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease);left:-300px;top:-300px}
#page-svc-ux_ui_design .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px)}
#page-svc-ux_ui_design .orb1{width:700px;height:700px;background:radial-gradient(circle,rgba(59,142,240,.09),transparent 70%);top:-200px;right:-150px}
#page-svc-ux_ui_design .orb2{width:600px;height:600px;background:radial-gradient(circle,rgba(125,235,74,.06),transparent 70%);bottom:0;left:-100px}
#page-svc-ux_ui_design .orb3{width:350px;height:350px;background:radial-gradient(circle,rgba(61,219,184,.07),transparent 70%);top:40%;left:44%}
#page-svc-ux_ui_design #nav{position:fixed;top:0;left:0;right:0;z-index:500;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
#page-svc-ux_ui_design #nav.scrolled{background:rgba(6,8,16,.95);backdrop-filter:blur(24px);border-color:var(--r)}
#page-svc-ux_ui_design .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 52px;max-width:1280px;margin:0 auto}
#page-svc-ux_ui_design .nav-logo{display:flex;align-items:center;gap:10px}
#page-svc-ux_ui_design .nav-logo-text{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-ux_ui_design .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px;border-bottom:1px solid var(--r);position:relative;overflow:hidden}
#page-svc-ux_ui_design .mesh{position:absolute;inset:0;opacity:.05;background:radial-gradient(ellipse at 60% 20%,var(--g3) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,var(--g2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--g1) 0%,transparent 60%);animation:meshA 14s ease-in-out infinite alternate}
@keyframes meshA{from{opacity:.04}to{opacity:.08}}
#page-svc-ux_ui_design .hero-ghost{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(80px,12vw,200px);font-weight:300;color:transparent;-webkit-text-stroke:1px rgba(61,219,184,.032);pointer-events:none;user-select:none;letter-spacing:-.04em;white-space:nowrap}
#page-svc-ux_ui_design .hero-c{position:relative;z-index:2}
#page-svc-ux_ui_design .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
#page-svc-ux_ui_design .hero-hl{font-family:var(--serif);font-size:clamp(44px,7.5vw,116px);line-height:1.05;letter-spacing:-.025em;font-weight:300padding-bottom:0.1em}
#page-svc-ux_ui_design .hero-hl span{display:block}
#page-svc-ux_ui_design .hero-hl .italic{font-style:italic}
#page-svc-ux_ui_design .hero-hl .gu{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
#page-svc-ux_ui_design .hero-hl .gu::after{content:’’;position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-ux_ui_design .hero-bar{margin-top:56px;border-top:1px solid var(--r);display:grid;grid-template-columns:1fr 1px 1fr 1px auto;align-items:stretch}
#page-svc-ux_ui_design .hbc{padding:36px 44px;display:flex;align-items:center}
#page-svc-ux_ui_design .hbc:first-child{padding-left:0}
#page-svc-ux_ui_design .hb-sub{font-size:14.5px;color:var(--w6);line-height:1.85;font-weight:300;max-width:380px}
#page-svc-ux_ui_design .hb-ctas{display:flex;align-items:center;gap:20px;padding:36px 0 36px 44px;flex-wrap:wrap}
#page-svc-ux_ui_design .two-sit{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-ux_ui_design .ts-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start}
#page-svc-ux_ui_design .ts-l{padding-right:80px}
#page-svc-ux_ui_design .ts-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-ux_ui_design .ts-hl em{font-style:italic;color:var(--w6)}
#page-svc-ux_ui_design .ts-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-ux_ui_design .ts-body+.ts-body{margin-top:16px}
#page-svc-ux_ui_design .ts-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-ux_ui_design .sit{border-bottom:1px solid var(--r);padding:40px 0;position:relative;overflow:hidden;transition:all .25s}
#page-svc-ux_ui_design .sit:first-child{border-top:1px solid var(--r)}
#page-svc-ux_ui_design .sit::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
#page-svc-ux_ui_design .sit:hover::before{transform:scaleY(1)}
#page-svc-ux_ui_design .sit:hover{background:rgba(61,219,184,.018);padding-left:10px}
#page-svc-ux_ui_design .sit-tag{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:14px}
#page-svc-ux_ui_design .sit-title{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--w);letter-spacing:-.01em;line-height:1.2;margin-bottom:14px;transition:all .25s}
#page-svc-ux_ui_design .sit:hover .sit-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-ux_ui_design .sit-text{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300;margin-bottom:16px}
#page-svc-ux_ui_design .sit-signals{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--r);padding-top:16px}
#page-svc-ux_ui_design .sig{font-size:13px;color:var(--w4);display:flex;gap:12px;line-height:1.6}
#page-svc-ux_ui_design .sig::before{content:‘→’;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;font-family:var(--serif)}
#page-svc-ux_ui_design .ux-mock-section{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-ux_ui_design .um-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:72px;border-bottom:1px solid var(--r);margin-bottom:72px}
#page-svc-ux_ui_design .um-hl{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:300;line-height:.98;letter-spacing:-.022em}
#page-svc-ux_ui_design .um-hl em{font-style:italic;color:var(--w6)}
#page-svc-ux_ui_design .um-sub{padding-left:80px;font-size:15px;color:var(--w6);line-height:1.9;font-weight:300;max-width:420px}
#page-svc-ux_ui_design .wireframe-wrap{display:grid;grid-template-columns:200px 1fr;border:1px solid var(--rmd);overflow:hidden;position:relative}
#page-svc-ux_ui_design .wireframe-wrap::before{content:’’;position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,var(--grad) border-box;opacity:.3;pointer-events:none;z-index:2}
#page-svc-ux_ui_design .wf-sidebar{border-right:1px solid var(--r);background:rgba(255,255,255,.015);display:flex;flex-direction:column}
#page-svc-ux_ui_design .wf-sb-header{padding:14px 16px;border-bottom:1px solid var(--r);display:flex;align-items:center;gap:8px}
#page-svc-ux_ui_design .wf-sb-dots{display:flex;gap:5px}
#page-svc-ux_ui_design .wf-sb-dot{width:7px;height:7px;border-radius:50%}
#page-svc-ux_ui_design .wf-sb-title{font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w2)}
#page-svc-ux_ui_design .wf-sb-section{padding:12px 16px;border-bottom:1px solid var(--r)}
#page-svc-ux_ui_design .wf-sb-label{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w2);margin-bottom:8px}
#page-svc-ux_ui_design .wf-sb-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:2px;margin-bottom:4px;cursor:pointer;transition:background .2s}
#page-svc-ux_ui_design .wf-sb-item.active{background:rgba(61,219,184,.08);border:1px solid rgba(61,219,184,.15)}
#page-svc-ux_ui_design .wf-sb-item:hover:not(.active){background:rgba(255,255,255,.03)}
#page-svc-ux_ui_design .wf-sb-dot2{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.2);flex-shrink:0}
#page-svc-ux_ui_design .wf-sb-item.active .wf-sb-dot2{background:var(--g2)}
#page-svc-ux_ui_design .wf-sb-text{font-size:11px;color:var(--w4);font-weight:300}
#page-svc-ux_ui_design .wf-sb-item.active .wf-sb-text{color:var(--w)}
#page-svc-ux_ui_design .wf-sb-badge{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.1em;margin-left:auto;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-ux_ui_design .wf-canvas{padding:20px;background:rgba(255,255,255,.01);display:flex;flex-direction:column;gap:14px}
#page-svc-ux_ui_design .wf-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(255,255,255,.02);border:1px solid var(--r)}
#page-svc-ux_ui_design .wf-tb-title{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-ux_ui_design .wf-tb-actions{display:flex;gap:8px}
#page-svc-ux_ui_design .wf-tb-btn{height:20px;padding:0 10px;background:rgba(255,255,255,.05);border:1px solid var(--r);font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--w2);display:flex;align-items:center}
#page-svc-ux_ui_design .wf-tb-btn.primary{background:var(--grad);color:#060810;border:none}
#page-svc-ux_ui_design .wf-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#page-svc-ux_ui_design .wf-kpi{background:rgba(255,255,255,.02);border:1px solid var(--r);padding:12px;position:relative;overflow:hidden;transition:background .2s}
#page-svc-ux_ui_design .wf-kpi:hover{background:rgba(61,219,184,.02)}
#page-svc-ux_ui_design .wf-kpi::after{content:’’;position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--grad);opacity:.4}
#page-svc-ux_ui_design .wf-kpi-label{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w2);margin-bottom:6px}
#page-svc-ux_ui_design .wf-kpi-val{font-family:var(--serif);font-size:22px;font-weight:300;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:3px}
#page-svc-ux_ui_design .wf-kpi-chg{font-family:var(--sans);font-size:8px;font-weight:700;color:rgba(125,235,74,.6)}
#page-svc-ux_ui_design .wf-charts{display:grid;grid-template-columns:2fr 1fr;gap:10px}
#page-svc-ux_ui_design .wf-chart{background:rgba(255,255,255,.02);border:1px solid var(--r);padding:14px}
#page-svc-ux_ui_design .wf-chart-label{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w2);margin-bottom:10px}
#page-svc-ux_ui_design .wf-bars{display:flex;align-items:flex-end;gap:4px;height:60px}
#page-svc-ux_ui_design .wf-bar{flex:1;border-radius:1px;background:var(--grad);opacity:.3;transition:opacity .2s}
#page-svc-ux_ui_design .wf-bar:hover{opacity:.7}
#page-svc-ux_ui_design .wf-bar.hi{opacity:.6}
#page-svc-ux_ui_design .wf-table{background:rgba(255,255,255,.02);border:1px solid var(--r);padding:14px}
#page-svc-ux_ui_design .wf-table-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--r);margin-bottom:8px}
#page-svc-ux_ui_design .wf-th{font-family:var(--sans);font-size:7px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2)}
#page-svc-ux_ui_design .wf-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}
#page-svc-ux_ui_design .wf-td{font-size:10px;color:var(--w6);font-weight:300}
#page-svc-ux_ui_design .wf-td.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}
#page-svc-ux_ui_design .wf-annotation{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:rgba(61,219,184,.04);border:1px solid rgba(61,219,184,.12);margin-top:4px}
#page-svc-ux_ui_design .wf-ann-dot{width:6px;height:6px;border-radius:50%;background:var(--g2);flex-shrink:0;margin-top:3px}
#page-svc-ux_ui_design .wf-ann-text{font-size:10px;color:var(--w6);line-height:1.5;font-weight:300}
#page-svc-ux_ui_design .whatbuild{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2)}
#page-svc-ux_ui_design .wb-list{display:flex;flex-direction:column;margin-top:80px}
#page-svc-ux_ui_design .wb-item{display:grid;grid-template-columns:80px 260px 1fr;align-items:start;border-bottom:1px solid var(--r);padding:52px 0;position:relative;transition:background .22s}
#page-svc-ux_ui_design .wb-item:first-child{border-top:1px solid var(--r)}
#page-svc-ux_ui_design .wb-item::before{content:’’;position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
#page-svc-ux_ui_design .wb-item:hover::before{transform:scaleY(1)}
#page-svc-ux_ui_design .wb-item:hover{background:rgba(61,219,184,.015)}
#page-svc-ux_ui_design .wb-n{font-family:var(--serif);font-size:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em;padding-top:6px}
#page-svc-ux_ui_design .wb-title{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:300;color:var(--w);letter-spacing:-.02em;line-height:1.05}
#page-svc-ux_ui_design .wb-title em{font-style:italic;color:var(--w6)}
#page-svc-ux_ui_design .wb-body{font-size:14px;color:var(--w6);line-height:1.85;font-weight:300;padding-top:5px}
#page-svc-ux_ui_design .wb-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#page-svc-ux_ui_design .pill{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w2);border:1px solid var(--r);padding:5px 11px;transition:all .22s}
#page-svc-ux_ui_design .wb-item:hover .pill{border-color:rgba(61,219,184,.2);color:rgba(61,219,184,.5)}
#page-svc-ux_ui_design .principles{padding:120px 0;border-bottom:1px solid var(--r)}
#page-svc-ux_ui_design .prin-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--r);border-top:1px solid var(--r);margin-top:80px}
#page-svc-ux_ui_design .prin{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:48px 36px;position:relative;overflow:hidden;transition:background .3s}
#page-svc-ux_ui_design .prin::before{content:’’;position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 25% 25%,rgba(61,219,184,.04),transparent 65%);transition:opacity .4s}
#page-svc-ux_ui_design .prin:hover::before{opacity:1}
#page-svc-ux_ui_design .prin::after{content:’’;position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
#page-svc-ux_ui_design .prin:hover::after{transform:scaleX(1)}
#page-svc-ux_ui_design .prin-n{font-family:var(--serif);font-size:11px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.14em;display:block;margin-bottom:24px}
#page-svc-ux_ui_design .prin-title{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--w);line-height:1.2;letter-spacing:-.01em;margin-bottom:16px;transition:all .25s}
#page-svc-ux_ui_design .prin:hover .prin-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-ux_ui_design .prin-desc{font-size:13.5px;color:var(--w6);line-height:1.85;font-weight:300}
#page-svc-ux_ui_design .diff{padding:120px 0;border-bottom:1px solid var(--r);background:var(--bg2);position:relative;overflow:hidden}
#page-svc-ux_ui_design .diff-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:start;position:relative;z-index:1}
#page-svc-ux_ui_design .diff-l{padding-right:80px}
#page-svc-ux_ui_design .diff-hl{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--w);margin-top:24px;margin-bottom:32px}
#page-svc-ux_ui_design .diff-hl em{font-style:italic;color:var(--w6)}
#page-svc-ux_ui_design .diff-body{font-size:15px;color:var(--w6);line-height:1.9;font-weight:300}
#page-svc-ux_ui_design .diff-body+.diff-body{margin-top:16px}
#page-svc-ux_ui_design .diff-r{padding-left:80px;display:flex;flex-direction:column;gap:0}
#page-svc-ux_ui_design .cmp{border-bottom:1px solid var(--r);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#page-svc-ux_ui_design .cmp:first-child{border-top:1px solid var(--r)}
#page-svc-ux_ui_design .cmp-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
#page-svc-ux_ui_design .cmp-label.bad{color:rgba(238,241,247,.2)}
#page-svc-ux_ui_design .cmp-label.good{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#page-svc-ux_ui_design .cmp-text{font-size:13.5px;line-height:1.75;font-weight:300}
#page-svc-ux_ui_design .cmp-text.bad{color:var(--w2);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.1)}
#page-svc-ux_ui_design .cmp-text.good{color:var(--w6)}
#page-svc-ux_ui_design .cta-section{padding:140px 0;position:relative;overflow:hidden;border-top:1px solid var(--r);background:var(--bg)}
#page-svc-ux_ui_design .cta-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;position:relative;z-index:1}
#page-svc-ux_ui_design .cta-l{padding-right:80px}
#page-svc-ux_ui_design .cta-pre{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px}
#page-svc-ux_ui_design .cta-hl{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-weight:300;line-height:1.05;letter-spacing:-.025em;color:var(--w)}
#page-svc-ux_ui_design .cta-hl em{font-style:italic;color:var(--w6)}
#page-svc-ux_ui_design .cta-r{padding-left:80px;display:flex;flex-direction:column;gap:28px}
#page-svc-ux_ui_design .cta-sub{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--w6);line-height:1.55}
#page-svc-ux_ui_design .cta-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#page-svc-ux_ui_design .cta-note{font-family:var(--sans);font-size:10px;color:var(--w2);letter-spacing:.08em}
@media(max-width:1100px){#page-svc-ux_ui_design .wrap{padding:0 32px}#page-svc-ux_ui_design .nav-inner{padding:20px 32px}#page-svc-ux_ui_design .hero-bar{grid-template-columns:1fr}#page-svc-ux_ui_design .hero-bar .vr{display:none}#page-svc-ux_ui_design .hbc{padding:24px 0}#page-svc-ux_ui_design .hb-ctas{padding:24px 0}#page-svc-ux_ui_design .ts-inner, #page-svc-ux_ui_design .diff-inner, #page-svc-ux_ui_design .cta-inner{grid-template-columns:1fr}#page-svc-ux_ui_design .ts-inner .vr, #page-svc-ux_ui_design .diff-inner .vr, #page-svc-ux_ui_design .cta-inner .vr{display:none}#page-svc-ux_ui_design .ts-l, #page-svc-ux_ui_design .diff-l, #page-svc-ux_ui_design .cta-l{padding-right:0;margin-bottom:48px}#page-svc-ux_ui_design .ts-r, #page-svc-ux_ui_design .diff-r, #page-svc-ux_ui_design .cta-r{padding-left:0}#page-svc-ux_ui_design .um-intro{grid-template-columns:1fr}#page-svc-ux_ui_design .um-sub{padding-left:0;margin-top:28px}#page-svc-ux_ui_design .wireframe-wrap{grid-template-columns:1fr}#page-svc-ux_ui_design .wf-sidebar{border-right:none;border-bottom:1px solid var(--r)}#page-svc-ux_ui_design .wf-kpis{grid-template-columns:1fr 1fr}#page-svc-ux_ui_design .wf-charts{grid-template-columns:1fr}#page-svc-ux_ui_design .wb-item{grid-template-columns:60px 1fr}#page-svc-ux_ui_design .wb-body{grid-column:2;padding-top:16px;margin-top:-36px}#page-svc-ux_ui_design .prin-grid{grid-template-columns:1fr}#page-svc-ux_ui_design .cmp{grid-template-columns:1fr}}
@media(max-width:680px){#page-svc-ux_ui_design .wrap{padding:0 20px}#page-svc-ux_ui_design .nav-inner{padding:18px 20px}#page-svc-ux_ui_design .wf-kpis{grid-template-columns:1fr}#page-svc-ux_ui_design .orb, #page-svc-ux_ui_design .mesh, #page-svc-ux_ui_design .hero-ghost{display:none}}


#nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000;width:calc(100% - 80px);max-width:1200px;border-radius:16px;border:1px solid rgba(255,255,255,0.08);background:rgba(6,8,16,0.75);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 8px 40px rgba(0,0,0,0.4);transition:background .35s,border-color .35s,box-shadow .35s}
#nav.scrolled{background:rgba(6,8,16,0.95);border-color:rgba(255,255,255,0.14);box-shadow:0 8px 48px rgba(0,0,0,0.6)}
.page{display:none;min-height:100vh;padding-top:110px}
.page.active{display:block}
.page-enter{animation:pageIn .5s cubic-bezier(.22,1,.36,1) both}
@keyframes pageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.r{opacity:0;transform:translateY(20px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.r.on{opacity:1;transform:none}
.r.d1{transition-delay:.07s}.r.d2{transition-delay:.14s}.r.d3{transition-delay:.21s}
.r.d4{transition-delay:.28s}.r.d5{transition-delay:.35s}.r.d6{transition-delay:.42s}
[id^="page-svc-"].page{padding-top:0}
[id^="page-svc-"] .hero{padding-top:110px !important;justify-content:flex-start !important}
[id^="page-svc-"] .hero .wrap{padding-bottom:80px}
.nav-has-drop{position:relative}
.nav-has-drop>a{display:flex;align-items:center;gap:5px;cursor:pointer}
.nav-has-drop>a::after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);display:inline-block;transition:transform .2s;opacity:.5}
.nav-has-drop:hover>a::after,.nav-has-drop.open>a::after{transform:rotate(-135deg) translateY(-2px)}
.nav-drop{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%) translateY(-8px);background:rgba(6,8,16,0.98);border:1px solid rgba(255,255,255,0.1);border-radius:14px;backdrop-filter:blur(24px);padding:14px;min-width:560px;display:grid;grid-template-columns:1fr 1fr;gap:2px;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none;box-shadow:0 24px 64px rgba(0,0,0,0.7)}
.nav-drop::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}
.nav-has-drop:hover .nav-drop,.nav-has-drop.open .nav-drop,.nav-drop:hover{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:all}
.nav-drop-item{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:background .2s}
.nav-drop-item:hover{background:rgba(61,219,184,0.07)}
.nav-drop-item-title{font-family:var(--sans);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w);transition:all .2s}
.nav-drop-item:hover .nav-drop-item-title{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-drop-item-desc{font-size:11px;color:rgba(238,241,247,0.3);font-weight:300;line-height:1.4}
.nav-drop-divider{grid-column:1/-1;height:1px;background:rgba(255,255,255,0.06);margin:6px 0}
.nav-drop-group{grid-column:1/-1;font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:rgba(238,241,247,0.25);padding:6px 14px 2px}
@media(max-width:680px){.nav-drop{min-width:calc(100vw - 40px);grid-template-columns:1fr}}

  