/* Instagram page (ServPrime) — page-specific styles */
.ix-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ix-sec{padding-top:24px}
.ix-sec h2 + .lead,.ix-sec h2 + .muted{max-width:760px}
.ix-media{min-width:0}

/* ---------- Hero ---------- */
.ix-hero{padding-top:56px}
.ix-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"text phone" "notes phone";column-gap:64px;align-items:start}
.ix-hero-text{grid-area:text}
.ix-hero-phone{grid-area:phone;position:relative}
.ix-hero-phone::before{content:"";position:absolute;inset:8% 0 10%;background:radial-gradient(closest-side,rgba(22,169,236,.35),transparent);filter:blur(30px);z-index:-1}
.ix-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ix-chips span{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:13px;font-weight:600;color:var(--muted)}
.ix-chips b{color:var(--text);margin-right:4px}
.ix-notes{grid-area:notes;list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;counter-reset:n}
.ix-notes li{position:relative;padding:18px 18px 18px 58px;border-radius:18px;background:var(--card);border:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.5}
.ix-notes li::before{counter-increment:n;content:counter(n);position:absolute;left:18px;top:18px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sp-cyan);color:#fff;font:800 13px Inter,sans-serif;box-shadow:0 0 0 4px rgba(22,169,236,.2)}
.ix-notes b{display:block;color:var(--text);font-size:15px;margin-bottom:2px}
.ix-disclaimer{font-size:13px;color:var(--muted);margin:28px 0 0;padding-top:16px;border-top:1px solid var(--line)}

/* ---------- Phone frame ---------- */
.ix-phone{position:relative;width:min(380px,100%);margin:0 auto;padding:11px;border-radius:58px;background:linear-gradient(150deg,#3a4458 0%,#121826 22%,#0a0e17 60%,#273042 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14),inset 0 0 0 5px #05080e,0 50px 100px -20px rgba(0,0,0,.7),0 30px 60px rgba(0,0,0,.35)}
.ix-phone::before,.ix-phone::after{content:"";position:absolute;width:4px;border-radius:2px;background:#2a3244}
.ix-phone::before{left:-3px;top:18%;height:56px;box-shadow:0 74px 0 #2a3244}
.ix-phone::after{right:-3px;top:24%;height:88px}
.ix-screen{position:relative;aspect-ratio:9/19.5;border-radius:47px;overflow:hidden;background:#000;color:#f5f5f5;font-family:-apple-system,"SF Pro Text",Inter,system-ui,sans-serif;font-size:13px;line-height:1.35;isolation:isolate}
.ix-screen svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ix-island{position:absolute;top:11px;left:50%;width:31%;height:29px;transform:translateX(-50%);border-radius:20px;background:#000;z-index:6}
.ix-status{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:6px 26px 0 34px;background:#000;z-index:5;font-size:15px}
.ix-sys{display:flex;align-items:center;gap:5px}
.ix-sys svg{width:16px;height:16px;stroke-width:2.4}
.ix-bars{display:flex;align-items:flex-end;gap:1.5px;height:11px}
.ix-bars i{width:3px;background:#fff;border-radius:1px}
.ix-bars i:nth-child(1){height:4px}.ix-bars i:nth-child(2){height:6px}.ix-bars i:nth-child(3){height:8.5px}.ix-bars i:nth-child(4){height:11px}
.ix-batt{position:relative;width:24px;height:11.5px;border-radius:3.5px;border:1.2px solid rgba(255,255,255,.55);padding:1.3px}
.ix-batt::before{content:"";display:block;height:100%;width:78%;border-radius:1.5px;background:#fff}
.ix-batt::after{content:"";position:absolute;right:-3.5px;top:3px;width:2px;height:4px;border-radius:0 1px 1px 0;background:rgba(255,255,255,.55)}
.ix-scroll{position:absolute;inset:48px 0 0;overflow-y:auto;scrollbar-width:none;padding-bottom:84px}
.ix-scroll::-webkit-scrollbar{display:none}
.ix-top{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 10px}
.ix-top b{display:flex;align-items:center;gap:4px;font-size:19px;letter-spacing:-.02em}
.ix-top b svg{width:16px;height:16px;stroke-width:2.4}
.ix-top span{display:flex;gap:20px}
.ix-prof{display:flex;align-items:center;gap:18px;padding:4px 16px 10px}
.ix-av{flex:none;width:84px;height:84px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#16a9ec,#7fe0ff,#0b1a2e,#16a9ec)}
.ix-av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--sp-navy);border:3px solid #000}
.ix-av img{width:60%}
.ix-stats{flex:1;display:flex;justify-content:space-around;text-align:center;font-size:12.5px;color:#e0e0e0}
.ix-stats b{display:block;font-size:16px;color:#fff;letter-spacing:-.01em}
.ix-bio{position:relative;padding:0 16px 10px;font-size:13px;line-height:1.38}
.ix-bio b{display:block;font-size:13.5px}
.ix-cat{display:block;color:#a8a8a8}
.ix-bio a{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:#e0f1ff;font-weight:600;text-decoration:none}
.ix-bio a svg{width:14px;height:14px;stroke-width:2.2;color:#fff}
.ix-actions{position:relative;display:flex;gap:6px;padding:4px 16px 12px}
.ix-actions span{flex:1;padding:7px 0;border-radius:9px;background:#262a30;text-align:center;font-weight:600;font-size:13px}
.ix-actions .pri{background:#0095f6}
.ix-hl{position:relative;display:flex;gap:14px;padding:4px 16px 14px;overflow:hidden}
.ix-hl>div{flex:none;width:62px;text-align:center;font-size:11.5px;color:#f0f0f0}
.ix-hl>div i{display:grid;place-items:center;width:62px;height:62px;margin-bottom:5px;border-radius:50%;border:2px solid #000;box-shadow:0 0 0 1.5px #3a3a3a;background:#14233a center/cover;font:800 15px Manrope,Inter,sans-serif;font-style:normal;color:var(--sp-cyan)}
.ix-hl-txt{background:var(--sp-navy)!important}
.ix-tabs{display:flex;border-top:1px solid #262626}
.ix-tabs span{flex:1;display:grid;place-items:center;padding:10px 0;color:#8a8a8a}
.ix-tabs span.on{color:#fff;box-shadow:inset 0 -1.5px 0 #fff}
.ix-tabs svg{width:22px;height:22px}
.ix-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5px}
.ix-t{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--sp-navy)}
.ix-t>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ix-t .ic{position:absolute;top:6px;right:6px;width:15px;height:15px;color:#fff;fill:#fff;stroke:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));z-index:2}
.ix-t .ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 9px;background:linear-gradient(180deg,transparent 42%,rgba(7,17,31,.9));color:#fff}
.ix-t .ov small{font:800 7.5px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sp-cyan);margin-bottom:3px}
.ix-t .ov strong{font:800 11px/1.12 Manrope,Inter,sans-serif;letter-spacing:-.02em}
.ix-t.navy .ov,.ix-t.sand .ov{justify-content:center;background:none}
.ix-t.navy .ov strong,.ix-t.sand .ov strong{font-size:12.5px}
.ix-t.sand{background:var(--sp-sand)}
.ix-t.sand .ov{color:var(--sp-navy)}
.ix-t.sand .ov small{color:#0b7fb5}
.ix-t.sand .ic{color:var(--sp-navy);fill:var(--sp-navy);stroke:var(--sp-navy);filter:none}
.ix-t .mk{position:absolute;left:9px;bottom:9px;width:14px;height:auto}
.ix-t.navy::after{content:"";position:absolute;left:9px;right:9px;top:9px;height:2px;border-radius:2px;background:var(--sp-cyan);width:22px}
.ix-tabbar{position:absolute;left:0;right:0;bottom:0;height:80px;display:flex;justify-content:space-around;align-items:flex-start;padding-top:12px;background:rgba(0,0,0,.94);border-top:1px solid #1f1f1f;z-index:4}
.ix-tabbar svg{width:25px;height:25px}
.ix-tabbar .me{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sp-navy);box-shadow:0 0 0 1.5px #fff}
.ix-tabbar .me img{width:60%}
.ix-screen::after{content:"";position:absolute;left:50%;bottom:8px;width:36%;height:5px;margin-left:-18%;border-radius:3px;background:#fff;z-index:7}
.ix-pin{position:absolute;right:10px;top:0;z-index:3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sp-cyan);color:#fff;font:800 12px Inter,sans-serif;font-style:normal;box-shadow:0 0 0 3px rgba(22,169,236,.35),0 4px 10px rgba(0,0,0,.5)}
.ix-actions .ix-pin{top:-8px;right:8px}
.ix-hl .ix-pin{right:8px;top:2px}
.ix-grid .ix-pin{top:auto;bottom:auto;right:auto;left:50%;top:34%;transform:translate(-50%,-50%)}

/* ---------- Pillars ---------- */
.ix-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.ix-pillar{overflow:hidden;border-radius:20px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--c)}
.ix-pillar .ph{position:relative;aspect-ratio:16/10;overflow:hidden}
.ix-pillar .ph img{width:100%;height:100%;object-fit:cover;display:block}
.ix-pillar .ph span{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(7,17,31,.82);color:var(--c);font-size:12px;font-weight:800;backdrop-filter:blur(6px)}
.ix-pillar .in{padding:18px 20px 20px}
.ix-pillar h3{margin-bottom:6px}
.ix-pillar p{font-size:14.5px;color:var(--muted);margin-bottom:10px}
.ix-pillar small{display:block;font-size:12.5px;color:var(--text);opacity:.8;line-height:1.45}

/* ---------- Split layouts ---------- */
.ix-split{display:grid;grid-template-columns:400px minmax(0,1fr);gap:64px;align-items:center}
.ix-split--rev{grid-template-columns:minmax(0,1fr) 460px}
.ix-hint{text-align:center;font-size:13px;color:var(--muted);margin:12px 0 0}

/* ---------- Reel ---------- */
.ix-phone--reel{width:min(340px,100%)}
.ix-reel-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ix-phone--reel .ix-screen::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 18%,transparent 52%,rgba(0,0,0,.78) 88%)}
.ix-reel-top{position:absolute;top:56px;left:18px;right:18px;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:21px}
.ix-subs{position:absolute;left:16px;right:58px;top:50%;z-index:3;height:110px}
.ix-sub{position:absolute;inset:0 0 auto;margin:0;text-align:center;opacity:0;animation:ix-sub 16s infinite}
.ix-sub:nth-child(2){animation-delay:4s}.ix-sub:nth-child(3){animation-delay:8s}.ix-sub:nth-child(4){animation-delay:12s}
.ix-sub span{display:inline;padding:3px 8px;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px}
.ix-sub .en{font:800 19px/1.42 Manrope,Inter,sans-serif;letter-spacing:-.01em;background:rgba(11,26,46,.88);color:#fff}
.ix-sub .pt{display:table;margin:8px auto 0;font:600 13px/1.4 Inter,sans-serif;background:var(--sp-cyan);color:#fff}
@keyframes ix-sub{0%{opacity:0;transform:translateY(8px)}3%,22%{opacity:1;transform:none}25%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ix-sub{animation:none}.ix-sub:first-child{opacity:1}.ix-prog i{animation:none;width:30%}}
.ix-rail{position:absolute;right:12px;bottom:108px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:20px}
.ix-rail svg{width:27px;height:27px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.ix-rail .aud{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;border:2px solid #fff;background:var(--sp-navy)}
.ix-rail .aud img{width:65%}
.ix-reel-info{position:absolute;left:16px;right:60px;bottom:36px;z-index:3;font-size:13px}
.ix-reel-info .u{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ix-reel-info .av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sp-navy);border:1.5px solid #fff}
.ix-reel-info .av img{width:60%}
.ix-reel-info .fl{padding:3px 10px;border:1px solid rgba(255,255,255,.7);border-radius:8px;font-weight:600;font-size:12px}
.ix-reel-info p{margin:0 0 6px}
.ix-reel-info p span{color:#bbb}
.ix-reel-info .au{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.9}
.ix-reel-info .au svg{width:13px;height:13px}
.ix-prog{position:absolute;left:0;right:0;bottom:22px;height:2px;background:rgba(255,255,255,.3);z-index:3}
.ix-prog i{display:block;height:100%;width:0;background:#fff;animation:ix-prog 16s linear infinite}
@keyframes ix-prog{to{width:100%}}
.ix-beats{list-style:none;padding:0;margin:22px 0 18px;border-left:2px solid var(--line)}
.ix-beats li{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px 0 10px 20px;font-size:14.5px;color:var(--muted)}
.ix-beats li::before{content:"";position:absolute;left:-6px;top:17px;width:10px;height:10px;border-radius:50%;background:var(--sp-cyan);box-shadow:0 0 0 4px rgba(22,169,236,.2)}
.ix-beats time{font-weight:800;font-size:13px;color:var(--cyan);padding-top:2px}
.ix-beats b{display:block;color:var(--text);font-size:16px}
.ix-beats small{display:block;font-size:13px;opacity:.8}
.ix-tip{padding:16px 18px;border-radius:16px;border:1px dashed rgba(62,231,255,.45);background:rgba(62,231,255,.06);font-size:14.5px;color:var(--muted)}
.ix-tip b{color:var(--text)}

/* ---------- Before / after ---------- */
.ix-ba{--pos:50%;position:relative;aspect-ratio:4/5;width:100%;max-width:460px;margin:0 auto;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--sp-navy)}
.ix-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ix-ba .b{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ix-ba .lb{position:absolute;top:16px;z-index:2;padding:6px 12px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(7,17,31,.78);color:#fff;backdrop-filter:blur(6px);pointer-events:none}
.ix-ba .lb.l{left:16px}.ix-ba .lb.r{right:16px;background:var(--sp-cyan)}
.ix-ba .line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;z-index:2;pointer-events:none}
.ix-ba .line::after{content:"‹ ›";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:var(--sp-navy);font:800 18px/1 Inter,sans-serif;letter-spacing:2px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ix-ba input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}
.ix-caption{margin-top:20px;padding:20px 22px}
.ix-caption small{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.ix-caption p{font-size:14.5px;color:var(--muted);margin:0 0 8px}
.ix-caption p b{display:inline-block;min-width:28px;color:var(--text);font-size:12px}

/* ---------- Carousel strip ---------- */
.ix-car{display:grid;grid-auto-flow:column;grid-auto-columns:272px;gap:14px;margin-top:24px;padding:4px 2px 16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(62,231,255,.4) transparent;outline:none}
.ix-car .slide{scroll-snap-align:start;box-shadow:0 18px 40px rgba(0,0,0,.35);padding:22px 20px}
.ix-car .slide img{opacity:.5}
.ix-car .slide h4{font-size:24px}
.ix-car .slide p{font-size:13.5px;line-height:1.45}
.ix-car .ix-pt{margin-top:10px;opacity:.75;font-family:Inter,sans-serif;font-size:12.5px}
.ix-car .ix-swipe{margin-top:14px;font-weight:800;color:var(--sp-cyan);opacity:1}
.ix-car .slide.sand .ix-pt{color:#0b4f72}
.ix-car .slide.ix-end{background:radial-gradient(circle at 80% 0%,rgba(22,169,236,.35),transparent 60%),var(--sp-navy)}
.ix-car .slide .ix-logo{position:static;width:62%;height:auto;opacity:1}
.ix-chip{background:var(--sp-cyan);color:#fff;font-size:13px;padding:7px 14px}

/* ---------- Identity board ---------- */
.ix-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:28px}
.ix-board>.card:nth-child(1),.ix-board>.card:nth-child(3){grid-column:span 7}
.ix-board>.card:nth-child(2),.ix-board>.card:nth-child(4){grid-column:span 5}
.ix-sw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ix-sw i{display:block;height:92px;border-radius:14px;margin-bottom:10px;border:1px solid var(--line)}
.ix-sw b{display:block;font-size:14px}
.ix-sw code{display:block;font-size:12px;color:var(--cyan);font-family:ui-monospace,Menlo,monospace}
.ix-sw span{display:block;font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:4px}
.ix-typo .big{font:800 88px/1 Manrope,Inter,sans-serif;letter-spacing:-.05em;color:var(--sp-cyan)}
.ix-typo .h{font:800 26px/1.15 Manrope,Inter,sans-serif;letter-spacing:-.03em;margin:12px 0 8px}
.ix-typo .b{font-size:14.5px;color:var(--muted)}
.ix-tpl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.ix-tpl figure{margin:0}
.ix-tpl figcaption{font-size:12.5px;color:var(--muted);margin-top:8px;text-align:center}
.ix-tpl .t{position:relative;overflow:hidden;border-radius:12px;background:var(--sp-navy);color:#fff;aspect-ratio:4/5}
.ix-tpl .t.reel{aspect-ratio:9/16}
.ix-tpl .t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ix-tpl .t>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;background:linear-gradient(180deg,transparent 40%,rgba(7,17,31,.92))}
.ix-tpl .t.car{background:var(--sp-sand);color:var(--sp-navy)}
.ix-tpl .t.car>div{background:none;justify-content:center}
.ix-tpl small{font:800 8.5px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sp-cyan);margin-bottom:4px}
.ix-tpl .t.car small{color:#0b7fb5}
.ix-tpl strong{font:800 14px/1.12 Manrope,Inter,sans-serif;letter-spacing:-.02em}
.ix-tpl .mk{position:absolute;left:12px;bottom:12px;width:16px}
.ix-tpl .t.reel>div::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--sp-cyan);margin-bottom:8px}
.ix-logos{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin-bottom:16px}
.ix-logos>div{display:grid;place-items:center;height:110px;border-radius:14px;border:1px solid var(--line)}
.ix-logos .navy{background:var(--sp-navy)}
.ix-logos .navy img{width:72%;max-width:220px}
.ix-logos .sand{background:var(--sp-sand)}
.ix-logos .sand span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:var(--sp-navy)}
.ix-logos .sand img{width:60%}

/* ---------- Production flow ---------- */
.ix-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px;counter-reset:f}
.ix-step{position:relative;padding:20px 16px 18px;border-radius:18px;background:var(--card);border:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.5}
.ix-step::before{counter-increment:f;content:"0" counter(f);display:block;font:800 30px/1 Manrope,Inter,sans-serif;color:rgba(245,249,255,.18);margin-bottom:10px}
.ix-step b{display:block;color:var(--text);font-size:16px;margin:10px 0 4px}
.ix-step .who{position:absolute;top:22px;right:14px;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ix-step .wa{background:rgba(62,231,255,.12);color:var(--cyan)}
.ix-step .sp{background:rgba(66,229,166,.14);color:var(--green)}
.ix-step:not(:last-child)::after{content:"";position:absolute;top:50%;right:-9px;width:6px;height:6px;border-top:2px solid var(--line);border-right:2px solid var(--line);transform:rotate(45deg);border-color:rgba(62,231,255,.5)}
.ix-rules{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;margin-top:18px}
.ix-time{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;text-align:center}
.ix-time strong{display:block;font:900 clamp(30px,3.4vw,42px)/1 Inter,sans-serif;letter-spacing:-.04em;color:var(--cyan);margin-bottom:6px}
.ix-time span{font-size:13px;color:var(--muted);line-height:1.35;display:block}

/* ---------- Calendar + plans ---------- */
.ix-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:13px;color:var(--muted)}
.ix-legend span{display:inline-flex;align-items:center;gap:7px}
.ix-legend span::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c)}
.ix-legend .e::before{width:auto;height:auto;content:"E";padding:0 6px;border-radius:999px;background:var(--sp-cyan);color:#fff;font-size:10px;font-weight:800;line-height:16px}
.ix-month{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.ix-month .card{padding:16px}
.ix-month h3{font-size:15px;margin-bottom:10px}
.ix-p{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:10px 10px 10px 12px;margin-top:8px;border-radius:12px;background:rgba(255,255,255,.035);border-left:3px solid var(--c);font-size:13px;line-height:1.35}
.ix-p em{font-style:normal;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;padding-top:1px}
.ix-p span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.ix-p .e{position:absolute;top:8px;right:8px;padding:0 7px;border-radius:999px;background:var(--sp-cyan);color:#fff;font-size:9.5px;font-weight:800;font-style:normal;letter-spacing:.06em;text-transform:uppercase;line-height:17px}
.ix-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.ix-plan{padding:22px 22px 8px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.ix-plan.hl{border-color:rgba(62,231,255,.55);background:linear-gradient(180deg,rgba(0,117,255,.24),var(--card) 70%);box-shadow:0 24px 60px rgba(0,117,255,.2)}
.ix-plan small{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.ix-plan .n{font:900 52px/1 Inter,sans-serif;letter-spacing:-.05em;margin:10px 0 12px}
.ix-plan .n span{font-size:15px;font-weight:700;letter-spacing:0;color:var(--muted)}

/* ---------- Final CTA ---------- */
.ix-cta{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(62,231,255,.35);box-shadow:var(--shadow)}
.ix-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ix-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,22,.96) 0%,rgba(2,8,22,.82) 48%,rgba(2,8,22,.25) 100%)}
.ix-cta .in{position:relative;max-width:620px;padding:64px 56px}
.ix-cta h2{margin-top:18px}
.ix-cta p{color:#d5dfec;font-size:17px;max-width:520px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .ix-hero-grid{grid-template-columns:minmax(0,1fr) 340px;column-gap:40px}
  .ix-notes{grid-template-columns:1fr}
  .ix-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-split{grid-template-columns:340px minmax(0,1fr);gap:40px}
  .ix-split--rev{grid-template-columns:minmax(0,1fr) 400px}
}
@media (max-width:980px){
  .ix-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "phone" "notes"}
  .ix-hero-phone{margin-top:28px}
  .ix-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-split,.ix-split--rev{grid-template-columns:minmax(0,1fr);gap:32px}
  .ix-split--rev .ix-media{order:-1}
  .ix-board>.card:nth-child(n){grid-column:span 12}
  .ix-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-step::after{display:none}
  .ix-rules{grid-template-columns:1fr}
  .ix-month{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-plans{grid-template-columns:1fr}
  .ix-cta::before{background:linear-gradient(180deg,rgba(2,8,22,.55),rgba(2,8,22,.94) 55%)}
  .ix-cta .in{padding:200px 32px 40px}
}
@media (max-width:620px){
  .ix-hero{padding-top:36px}
  .ix-notes,.ix-pillars,.ix-flow,.ix-month{grid-template-columns:1fr}
  .ix-sw{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-car{grid-auto-columns:78%}
  .ix-tpl strong{font-size:11.5px}
  .ix-tpl small{font-size:7px}
  .ix-tpl .t>div{padding:8px}
  .ix-time strong{font-size:28px}
  .ix-cta .in{padding:170px 22px 30px}
  .ix-cta .hero-actions .btn{width:100%}
  .ix-prof{gap:12px}
  .ix-av{width:74px;height:74px}
  .ix-stats{font-size:11.5px}
  .ix-stats b{font-size:14.5px}
  .ix-t .ov strong{font-size:10px}
  .ix-t.navy .ov strong,.ix-t.sand .ov strong{font-size:11px}
  .ix-t .ov{padding:8px 7px}
  .ix-hl{gap:10px}
  .ix-hl>div{width:56px}
  .ix-hl>div i{width:56px;height:56px}
  .ix-sub .en{font-size:17px}
}
/* production photo */
.ix-rules{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"shot list" "shot time"}
.ix-rules .ix-shot{grid-area:shot}
.ix-rules>.card:not(.ix-time){grid-area:list}
.ix-rules .ix-time{grid-area:time}
.ix-shot{position:relative;margin:0;min-height:300px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.ix-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ix-shot figcaption{position:absolute;left:14px;bottom:14px;padding:6px 12px;border-radius:999px;background:rgba(7,17,31,.82);font-size:12.5px;font-weight:700;backdrop-filter:blur(6px)}
.ix-subs{top:58%}
@media (max-width:980px){.ix-rules{grid-template-columns:1fr;grid-template-areas:"shot" "list" "time"}.ix-shot{min-height:0;aspect-ratio:4/3}}
/* fixes */
.ix-tpl .t img.mk{position:absolute;inset:auto auto 12px 12px;width:16px;height:auto}
.ix-cta>img{z-index:0}
.ix-cta::before{z-index:1}
.ix-cta .in{z-index:2}
.ix-grid .ix-pin{top:58px;left:50%;transform:translateX(-50%)}
.ix-hl .ix-pin{top:-6px}
.ix-logos>div{height:150px}
.ix-logo-note{font-size:13px;color:var(--muted);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:620px){
  .ix-pillar{display:grid;grid-template-columns:112px minmax(0,1fr);border-top-width:1px;border-left:3px solid var(--c)}
  .ix-pillar .ph{aspect-ratio:auto;height:100%}
  .ix-pillar .ph span{left:6px;bottom:8px;padding:3px 7px;font-size:10.5px}
  .ix-pillar .in{padding:14px 14px 16px}
  .ix-pillar h3{font-size:18px}
  .ix-pillar p{font-size:14px;margin-bottom:6px}
}
@media (max-width:980px){.ix-cta::before{background:linear-gradient(180deg,rgba(2,8,22,.05) 0%,rgba(2,8,22,.75) 38%,rgba(2,8,22,.96) 62%)}}
@media (max-width:620px){
  .ix-tpl small{display:none}
  .ix-tpl strong{font-size:11px}
  .ix-time strong{font-size:24px;white-space:nowrap}
  .ix-step{padding:16px 16px 14px}
  .ix-step::before{font-size:22px;margin-bottom:4px}
  .ix-step .who{top:16px}
  .ix-step b{margin-top:6px}
}
.ix-grid .ix-pin{top:8px;left:8px;transform:none}
@media (max-width:980px){
  .ix-cta>img{height:300px;bottom:auto;object-position:50% 60%}
  .ix-cta{background:#020816}
  .ix-cta::before{background:linear-gradient(180deg,rgba(2,8,22,0) 0,rgba(2,8,22,.2) 140px,#020816 300px)}
}
.ix-plans.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:980px){.ix-plans.two{grid-template-columns:1fr}}