/* Shared styling for the Websites and Social service pages. Builds on inflatables.css. */
.svc-stage{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:16/9;max-height:min(720px,calc(100svh - 230px));min-height:360px;border-radius:22px;border:1px solid #d3ecff2e;background:radial-gradient(ellipse at 20% 20%,#2a5f8a66,transparent 55%),radial-gradient(ellipse at 85% 80%,#4f9ad033,transparent 50%),linear-gradient(160deg,#142839,#0a1520);box-shadow:inset 0 1px 0 #ffffff1a,0 30px 80px -20px #000c,0 0 0 1px #0007}
.svc-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 75%);pointer-events:none}
/* Browser mockup */
.svc-browser{position:absolute;left:6%;top:9%;width:66%;border-radius:16px;overflow:hidden;background:#0f1d2a;border:1px solid #d3ecff33;box-shadow:inset 0 1px 0 #ffffff1f,0 40px 90px -20px #000e,0 0 0 1px #0008}
.svc-browser-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;background:#16283a;border-bottom:1px solid #ffffff12}
.svc-browser-bar i{width:9px;height:9px;border-radius:50%;background:#ffffff26}.svc-browser-bar i:first-child{background:#ff6b6b99}.svc-browser-bar i:nth-child(2){background:#ffd16699}.svc-browser-bar i:nth-child(3){background:#7ee08799}
.svc-browser-bar span{margin-left:12px;flex:1;padding:6px 12px;border-radius:8px;background:#0b1620;font-size:11px;color:#8fb0c6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.svc-browser-body{padding:22px 26px 26px}
.svc-mini-nav{display:flex;align-items:center;gap:14px;margin-bottom:26px}.svc-mini-nav b{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#dcefff,#a9d2f0)}.svc-mini-nav span{width:38px;height:6px;border-radius:3px;background:#ffffff26}.svc-mini-nav em{margin-left:auto;width:62px;height:22px;border-radius:11px;background:#e6f2fb}
.svc-mini-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;margin-bottom:22px}
.svc-mini-hero h4{font-size:clamp(18px,2.2vw,30px);line-height:1.05;letter-spacing:-.04em;margin:0 0 12px;color:#fff;font-weight:700}
.svc-mini-hero p,.svc-phone-web p{height:7px;border-radius:4px;background:#ffffff22;margin:0 0 7px;width:90%}.svc-mini-hero p.short,.svc-phone-web p.short{width:60%}
.svc-mini-hero em{display:block;width:96px;height:28px;border-radius:14px;background:linear-gradient(135deg,#dcefff,#a9d2f0);margin-top:14px}
.svc-blob{aspect-ratio:4/3;border-radius:14px;background:radial-gradient(circle at 30% 30%,#bcdcf5,#4a86b8 45%,#173b5a 80%);box-shadow:inset 0 1px 0 #fff4,0 20px 40px -20px #000c;position:relative;overflow:hidden}
.svc-blob::after{content:'';position:absolute;inset:auto -20% -40% auto;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff66,transparent 60%)}
.svc-blob.small{aspect-ratio:16/10;margin-bottom:14px}
.svc-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.svc-mini-grid div{height:54px;border-radius:10px;background:#ffffff0a;border:1px solid #ffffff10}
/* Phone mockup */
.svc-phone{position:absolute;width:clamp(150px,17%,240px);aspect-ratio:9/19;border-radius:28px;padding:8px;background:linear-gradient(160deg,#2a3f52,#0e1b27);border:1px solid #d3ecff40;box-shadow:inset 0 1px 0 #ffffff33,0 40px 90px -20px #000e,0 0 0 1px #0008}
.svc-phone::before{content:'';position:absolute;top:14px;left:50%;transform:translateX(-50%);width:34%;height:14px;border-radius:8px;background:#0a1219;z-index:2}
.svc-phone-screen{position:relative;width:100%;height:100%;border-radius:21px;overflow:hidden;background:#0f1d2a}
.svc-phone-web .svc-phone-screen{padding:34px 14px 14px}.svc-phone-web .svc-mini-nav{margin-bottom:14px}.svc-phone-web .svc-mini-nav b{width:18px;height:18px}.svc-phone-web .svc-mini-nav em{width:38px;height:14px}
.svc-phone-web h4{font-size:15px;line-height:1.1;letter-spacing:-.03em;margin:0 0 8px;color:#fff}.svc-phone-web em.btn{display:block;width:70px;height:20px;border-radius:10px;background:linear-gradient(135deg,#dcefff,#a9d2f0);margin-top:10px}
.svc-stage-web .svc-phone{right:7%;bottom:-6%;width:clamp(150px,19%,250px)}
.svc-toast{position:absolute;left:44%;bottom:12%;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:30px;background:#0b1a26c9;border:1px solid #c8e5f53a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#e6f1fa;font-size:13px;font-weight:600;box-shadow:0 20px 50px -14px #000e;white-space:nowrap}
.svc-toast .dot{width:9px;height:9px;border-radius:50%;background:#7ee087;box-shadow:0 0 12px #7ee087}
/* Cards with CSS visuals */
.svc-photo{position:relative;overflow:hidden;margin:10px 10px 0;border-radius:16px;aspect-ratio:1;background:#0f1d2a;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 30px -10px #000a}
.svc-photo-img img{position:absolute;top:0;left:0;width:300%;max-width:none;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.svc-photo-img img.p1{left:-100%}.svc-photo-img img.p2{left:-200%}
.svc-photo-img img.p0{transform-origin:16.67% 50%}.svc-photo-img img.p1{transform-origin:50% 50%}.svc-photo-img img.p2{transform-origin:83.33% 50%}
.inflate-photo-cards article:hover .svc-photo-img img{transform:scale(1.05)}
.svc-photo-app{background:radial-gradient(ellipse at 20% 10%,#2a5f8a66,transparent 55%),linear-gradient(160deg,#142839,#0a1520);padding:14%}
.svc-app{display:grid;grid-template-columns:44px 1fr;height:100%;border-radius:12px;overflow:hidden;background:#0f1d2a;border:1px solid #ffffff18;box-shadow:0 30px 60px -20px #000e}
.svc-app-side{background:#16283a;padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.svc-app-side i{width:18px;height:18px;border-radius:6px;background:#ffffff1c}.svc-app-side i:first-child{background:linear-gradient(135deg,#dcefff,#a9d2f0)}
.svc-app-main{padding:16px;display:flex;flex-direction:column;gap:14px}
.svc-app-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.svc-app-cards div{height:34px;border-radius:8px;background:#ffffff0d;border:1px solid #ffffff10}
.svc-app-chart{flex:1;display:flex;align-items:flex-end;gap:8px;padding-top:6px}.svc-app-chart b{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#bcdcf5,#4a86b8);opacity:.85;transform-origin:bottom;animation:svc-grow 1.2s cubic-bezier(.22,1,.36,1) both}
@keyframes svc-grow{from{transform:scaleY(.2);opacity:0}}
.svc-photo-auto{background:radial-gradient(circle at 50% 50%,#2a5f8a55,transparent 60%),linear-gradient(160deg,#142839,#0a1520);display:grid;place-items:center}
.svc-orbit{position:relative;width:62%;aspect-ratio:1}
.svc-orbit::before,.svc-orbit::after{content:'';position:absolute;inset:0;border-radius:50%;border:1px dashed #bfdfff33}.svc-orbit::after{inset:22%}
.svc-orbit .c{position:absolute;inset:36%;border-radius:50%;background:linear-gradient(135deg,#dcefff,#a9d2f0);box-shadow:0 0 40px #9dcbf066,inset 0 1px 0 #fff}
.svc-orbit .s{position:absolute;width:15%;aspect-ratio:1;border-radius:30%;background:#16283a;border:1px solid #d3ecff55;box-shadow:0 10px 24px -8px #000c;top:50%;left:50%;margin:-7.5% 0 0 -7.5%;animation:svc-spin 14s linear infinite}
.svc-orbit .s1{--a:0deg}.svc-orbit .s2{--a:90deg}.svc-orbit .s3{--a:180deg}.svc-orbit .s4{--a:270deg}
@keyframes svc-spin{from{transform:rotate(var(--a)) translateX(215%) rotate(calc(-1*var(--a)))}to{transform:rotate(calc(var(--a) + 360deg)) translateX(215%) rotate(calc(-1*var(--a) - 360deg))}}
/* Editorial figure crop (single panel of the triptych) */
.svc-figure{aspect-ratio:1}.svc-figure img.svc-crop{position:absolute;top:10px;left:10px;width:calc(300% - 20px);max-width:none;height:calc(100% - 20px);object-fit:cover;border-radius:17px}
.svc-figure img.svc-crop.p2{left:calc(-200% + 10px)}.svc-figure{position:relative;overflow:hidden}
/* Automation flow */
.svc-flow-wrap{max-width:460px;width:100%;justify-self:center;padding:26px;border-radius:26px;border:1px solid #d3ecff2e;background:linear-gradient(160deg,#1b2f40,#0b1620);box-shadow:inset 0 1px 0 #ffffff1f,0 40px 100px -24px #000e,0 0 0 1px #0007,0 0 80px -20px #4f9ad055}
.svc-flow-wrap>.mono{font-size:10px;letter-spacing:.16em;color:#a9c2d6;margin:0 0 18px}
.svc-flow-wrap>p:last-child{font-size:13px;color:#8fb0c6;line-height:1.6;margin:18px 0 0}
.svc-flow{display:flex;flex-direction:column;align-items:stretch}
.svc-node{display:grid;grid-template-columns:36px 1fr;gap:4px 14px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid #d3ecff1f;background:#bfdfff0c;box-shadow:inset 0 1px 0 #ffffff12}
.svc-node span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#bfdfff14;font-size:11px;color:#c9e2f4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.svc-node b{font-size:15px;color:#fff}.svc-node small{font-size:12px;color:#8fb0c6}
.svc-flow>i{width:2px;height:22px;margin:0 auto;background:linear-gradient(#bfdfff55,#bfdfff22);position:relative}.svc-flow>i::after{content:'';position:absolute;top:0;left:-3px;width:8px;height:8px;border-radius:50%;background:#bcdcf5;box-shadow:0 0 10px #bcdcf5;animation:svc-drop 2.4s ease-in-out infinite}
.svc-flow>i:nth-of-type(2)::after{animation-delay:.8s}.svc-flow>i:nth-of-type(3)::after{animation-delay:1.6s}
@keyframes svc-drop{0%{top:0;opacity:0}20%{opacity:1}100%{top:100%;opacity:0}}
/* Social page */
.svc-stage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%;opacity:.45;filter:saturate(1.1);z-index:-1}
.svc-stage-social::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0a152066,#0a1520cc);z-index:-1}
.svc-phones{position:absolute;inset:0}
.svc-reel img{width:100%;height:100%;object-fit:cover}
.svc-reel img.p1{object-position:50% 50%}.svc-reel img.p2{object-position:100% 50%}
.svc-reel-ui{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#00000099);display:flex;align-items:flex-end;justify-content:space-between;padding:14px 12px}
.svc-reel-meta b{display:block;font-size:11px;color:#fff;margin-bottom:4px}.svc-reel-meta span{display:block;font-size:10px;line-height:1.35;color:#ffffffcc;max-width:110px}
.svc-reel-side{display:flex;flex-direction:column;gap:10px;align-items:center}.svc-reel-side i{width:22px;height:22px;border-radius:50%;background:#ffffff2e;border:1px solid #ffffff44;position:relative}
.svc-reel-side i.heart{background:#ff5c7a}
.svc-stage-social .svc-phone-a{left:18%;top:14%;transform:rotate(-8deg)}.svc-stage-social .svc-phone-b{left:50%;top:6%;transform:translateX(-50%);width:clamp(170px,20%,280px);z-index:2}.svc-stage-social .svc-phone-c{right:18%;top:18%;transform:rotate(8deg)}
.svc-chip{position:absolute;padding:10px 14px;border-radius:30px;background:#0b1a26c9;border:1px solid #c8e5f53a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#e6f1fa;font-size:13px;font-weight:600;box-shadow:0 20px 50px -14px #000e;white-space:nowrap;z-index:3}
.svc-chip-1{left:8%;bottom:18%}.svc-chip-2{right:8%;top:10%}.svc-chip-3{right:10%;bottom:12%}
.svc-feed-wrap{padding:10px;border-radius:26px;border:1px solid #d3ecff2a;background:linear-gradient(160deg,#1b2f40,#0b1620);box-shadow:inset 0 1px 0 #ffffff1f,0 30px 80px -20px #000d,0 0 0 1px #0007}
.svc-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;aspect-ratio:1}
.svc-feed .t{border-radius:10px;overflow:hidden;background:#16283a}
.svc-feed .t.img{background-image:var(--img);background-size:cover;background-position:var(--pos,50% 50%)}
.svc-feed .t.g1{background:linear-gradient(135deg,#dcefff,#4a86b8)}.svc-feed .t.g2{background:linear-gradient(135deg,#7b5cff,#2a1a5c)}.svc-feed .t.g3{background:linear-gradient(135deg,#ff9a76,#7a2d3a)}
.svc-phone-stack{position:relative;width:100%;max-width:460px;aspect-ratio:1/1.05;justify-self:center}
.svc-phone-stack .svc-phone{width:52%}.svc-phone-stack .svc-phone-d{left:4%;top:6%;transform:rotate(-6deg)}.svc-phone-stack .svc-phone-e{right:4%;bottom:0;transform:rotate(6deg);z-index:2}
/* Responsive */
@media(max-width:900px){.svc-browser{width:78%}.svc-stage-web .svc-phone{right:3%}.svc-toast{left:auto;right:32%;bottom:8%;font-size:12px}}
@media(max-width:650px){.svc-stage{aspect-ratio:4/5;max-height:none;min-height:0;border-radius:16px}.svc-browser{left:5%;top:6%;width:90%}.svc-browser-body{padding:14px}.svc-mini-hero{grid-template-columns:1fr}.svc-blob{aspect-ratio:16/8}.svc-mini-grid div{height:36px}.svc-stage-web .svc-phone{width:38%;right:4%;bottom:-4%}.svc-toast{left:4%;right:auto;bottom:5%;font-size:11px;padding:9px 12px}
.svc-stage-social .svc-phone{width:40%}.svc-stage-social .svc-phone-a{left:2%;top:10%}.svc-stage-social .svc-phone-b{width:46%;top:2%}.svc-stage-social .svc-phone-c{right:2%;top:14%}.svc-chip{font-size:11px;padding:8px 11px}.svc-chip-2{top:auto;bottom:22%;right:4%}.svc-chip-1{left:4%;bottom:12%}.svc-chip-3{display:none}
.svc-flow-wrap{padding:18px;border-radius:20px}.svc-photo{margin:8px 8px 0;border-radius:13px}}
@media(prefers-reduced-motion:reduce){.svc-orbit .s,.svc-flow>i::after,.svc-app-chart b{animation:none}.svc-photo-img img{transition:none}}

/* Tools dock */
.svc-tools{padding-top:70px}
.svc-tools-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.svc-tools-head h2{font-size:clamp(26px,3vw,40px);letter-spacing:-1.2px;line-height:1.05;margin:0;font-weight:700}.svc-tools-head h2 span{color:#b9d9ee}
.svc-tools-head p{font-size:15px;color:#9fb6c5;max-width:420px;margin:0;line-height:1.6}
.svc-dock{position:relative;overflow:hidden;padding:26px 0;border-radius:26px;border:1px solid #d3ecff22;background:linear-gradient(160deg,#13253466,#0a152066);box-shadow:inset 0 1px 0 #ffffff14,0 30px 80px -30px #000c}
.svc-dock::before,.svc-dock::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.svc-dock::before{left:0;background:linear-gradient(90deg,#0a1520,transparent)}.svc-dock::after{right:0;background:linear-gradient(270deg,#0a1520,transparent)}
.svc-dock-track{display:flex;gap:14px;width:max-content;animation:svc-marquee 48s linear infinite}
.svc-dock:hover .svc-dock-track{animation-play-state:paused}
.svc-tile{flex:none;width:84px;height:84px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(160deg,#1b2f40,#0f1d29);border:1px solid #d3ecff26;box-shadow:inset 0 1px 0 #ffffff1f,0 14px 30px -14px #000c;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;position:relative}
.svc-tile img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 10px #0008)}.svc-tile img.round{border-radius:10px}
.svc-tile:hover{transform:translateY(-8px) scale(1.08);border-color:#c9e6ff66;box-shadow:inset 0 1px 0 #ffffff33,0 30px 50px -16px #000e,0 0 40px -10px #5fa8e066}
.svc-tile span{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);font-size:11px;color:#b3c8d8;white-space:nowrap;opacity:0;transition:opacity .2s}.svc-tile:hover span{opacity:1}
.svc-tile.svc-tile-lead{width:100px;height:100px;border-radius:26px;background:#fff;border-color:#fff}.svc-tile.svc-tile-lead img{width:50px;height:50px;filter:none}
@keyframes svc-marquee{to{transform:translateX(-50%)}}
/* Step-linked visuals */
.svc-visual{position:relative;width:100%;max-width:460px;justify-self:center;aspect-ratio:1/1.05}
.svc-visual>.svc-panel{position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}
.svc-visual>.svc-panel.is-active{opacity:1;transform:none;pointer-events:auto}
.svc-board{height:100%;padding:24px;border-radius:26px;border:1px solid #d3ecff2e;background:linear-gradient(160deg,#1b2f40,#0b1620);box-shadow:inset 0 1px 0 #ffffff1f,0 40px 100px -24px #000e,0 0 0 1px #0007,0 0 80px -20px #4f9ad055;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.svc-board>.mono{font-size:10px;letter-spacing:.16em;color:#a9c2d6;margin:0 0 4px}
.svc-board h4{margin:0 0 6px;font-size:20px;letter-spacing:-.5px;color:#fff}
.svc-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:13px 14px;border-radius:14px;border:1px solid #d3ecff1f;background:#bfdfff0c;box-shadow:inset 0 1px 0 #ffffff12}
.svc-row b{grid-column:1;grid-row:1;font-size:14px;color:#fff;font-weight:600;line-height:1.3}.svc-row small{grid-column:1;font-size:11px;color:#8fb0c6}
.svc-row .svc-tag{grid-row:1/3;grid-column:2;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#bfdfff14;border:1px solid #d3ecff22;color:#cfe3f0;white-space:nowrap}.svc-row .svc-tag.on{background:linear-gradient(135deg,#dcefff,#a9d2f0);color:#0d1b26;border-color:transparent}
.svc-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.svc-cal span{font-size:9px;color:#8fb0c6;text-align:center;letter-spacing:.08em}
.svc-cal i{aspect-ratio:1;border-radius:9px;background:#bfdfff0a;border:1px solid #d3ecff14;position:relative}
.svc-cal i.p::after{content:'';position:absolute;inset:auto 0 6px;margin:auto;width:8px;height:8px;border-radius:50%;background:#bcdcf5;box-shadow:0 0 10px #bcdcf5}
.svc-cal i.r{background:linear-gradient(135deg,#ff5c7a55,#7b5cff55)}.svc-cal i.t{background:linear-gradient(135deg,#dcefff33,#4a86b855)}
.svc-bubble{align-self:flex-start;max-width:85%;padding:11px 14px;border-radius:16px 16px 16px 4px;background:#ffffff12;border:1px solid #ffffff1a;font-size:13px;color:#e6f1fa;line-height:1.4}
.svc-bubble.me{align-self:flex-end;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#dcefff,#a9d2f0);color:#0d1b26;font-weight:600}
.svc-bubble small{display:block;font-size:10px;opacity:.7;margin-bottom:3px}
.svc-boost{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start}
.svc-boost .thumb{aspect-ratio:9/16;border-radius:12px;background:url(assets/inflatables-courtyard.jpg) center/cover;box-shadow:0 14px 30px -12px #000c}
.svc-switch{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#bfdfff0c;border:1px solid #d3ecff1f;font-size:13px;color:#fff;font-weight:600}
.svc-switch i{width:38px;height:22px;border-radius:11px;background:#7ee087;position:relative}.svc-switch i::after{content:'';position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.svc-chips{display:flex;flex-wrap:wrap;gap:6px}.svc-chips span{padding:6px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#bfdfff14;border:1px solid #d3ecff22;color:#cfe3f0}
.svc-platforms{display:flex;gap:8px}.svc-platforms img{width:30px;height:30px;padding:6px;border-radius:9px;background:#ffffff12;border:1px solid #ffffff1a}
.svc-bar{height:8px;border-radius:4px;background:#ffffff12;overflow:hidden}.svc-bar i{display:block;height:100%;width:70%;border-radius:4px;background:linear-gradient(90deg,#bcdcf5,#4a86b8);animation:svc-fill 2.4s cubic-bezier(.22,1,.36,1) both}
@keyframes svc-fill{from{width:8%}}
.svc-tree{display:flex;flex-direction:column;align-items:center;gap:0;flex:1;justify-content:center}
.svc-tree .n{padding:10px 16px;border-radius:12px;border:1px solid #d3ecff26;background:#bfdfff10;font-size:13px;font-weight:600;color:#fff;box-shadow:inset 0 1px 0 #ffffff12}.svc-tree .n.root{background:linear-gradient(135deg,#dcefff,#a9d2f0);color:#0d1b26;border-color:transparent}
.svc-tree .kids{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;position:relative;padding-top:26px}
.svc-tree .kids::before{content:'';position:absolute;top:0;left:12.5%;right:12.5%;height:14px;border:1px solid #bfdfff44;border-bottom:0;border-radius:10px 10px 0 0}
.svc-tree .kids .n{text-align:center;font-size:12px;padding:10px 6px}
.svc-tree .stem{width:1px;height:16px;background:#bfdfff55}
.svc-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}
.svc-split>div{border-radius:14px;border:1px solid #d3ecff1f;padding:12px;display:flex;flex-direction:column;gap:8px}
.svc-split .wire{background:#bfdfff08}.svc-split .wire i{display:block;border:1px dashed #bfdfff44;border-radius:6px;height:14px}.svc-split .wire i.big{height:52px}
.svc-split .done{background:linear-gradient(160deg,#16293a,#0b1620)}.svc-split .done i{display:block;border-radius:6px;height:14px;background:#ffffff22}.svc-split .done i.big{height:52px;background:radial-gradient(circle at 30% 30%,#bcdcf5,#4a86b8 45%,#173b5a 80%)}.svc-split .done i.btn{width:60%;background:linear-gradient(135deg,#dcefff,#a9d2f0)}
.svc-split small{font-size:10px;letter-spacing:.1em;color:#8fb0c6}
.svc-chart{flex:1;position:relative;border-radius:14px;border:1px solid #d3ecff1f;background:#bfdfff08;padding:12px;display:flex;flex-direction:column}
.svc-chart svg{width:100%;height:100%;flex:1}
.svc-chart .legend{display:flex;gap:14px;font-size:11px;color:#8fb0c6}.svc-chart .legend b{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.svc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.svc-kpis div{padding:10px;border-radius:12px;background:#bfdfff0c;border:1px solid #d3ecff1f;font-size:11px;color:#8fb0c6}.svc-kpis div b{display:block;font-size:13px;color:#fff;margin-top:4px}
.svc-visual .svc-flow-wrap{max-width:none;height:100%;box-sizing:border-box}
/* Case study */
.svc-case{position:relative;border-radius:28px;border:1px solid #d3ecff2e;overflow:hidden;background:linear-gradient(160deg,#16293a,#0b1620);box-shadow:inset 0 1px 0 #ffffff22,0 40px 100px -24px #000e,0 0 0 1px #0007;display:grid;grid-template-columns:1.25fr 1fr;gap:0;align-items:center}
.svc-case-media{position:relative;padding:40px 0 40px 40px;align-self:stretch;display:flex;align-items:center}
.svc-case-media .svc-browser{position:relative;left:auto;top:auto;width:100%;transform:rotate(-1.5deg)}
.svc-case-media .svc-browser img{display:block;width:100%;height:auto}
.svc-case-media .svc-phone{right:-6px;bottom:24px;width:120px;transform:rotate(6deg)}
.svc-case-copy{padding:44px 44px 44px 36px}
.svc-case-copy .mono{font-size:10px;letter-spacing:.16em;color:#a9c2d6}
.svc-case-copy h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-1.3px;line-height:1.05;margin:16px 0 14px}.svc-case-copy h2 span{color:#b9d9ee}
.svc-case-copy p{font-size:15px;line-height:1.7;color:#a6becf;margin:0 0 18px}
.svc-case-copy ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}.svc-case-copy li{padding:7px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#bfdfff12;border:1px solid #d3ecff22;color:#cfe3f0}
@media(max-width:900px){.svc-case{grid-template-columns:1fr}.svc-case-media{padding:24px 24px 0}.svc-case-media .svc-phone{display:none}.svc-case-copy{padding:28px 24px 30px}.svc-tools-head{flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:650px){.svc-tile{width:66px;height:66px;border-radius:18px}.svc-tile img{width:30px;height:30px}.svc-tile.svc-tile-lead{width:78px;height:78px}.svc-dock{padding:20px 0;border-radius:20px}.svc-board{padding:18px;border-radius:20px}.svc-boost{grid-template-columns:76px 1fr}}
@media(prefers-reduced-motion:reduce){.svc-dock-track{animation:none}.svc-visual>.svc-panel{transition:none}.svc-bar i{animation:none}}

/* Case study stage */
.svc-case{grid-template-columns:1.45fr 1fr}
.svc-case-media{padding:0;align-self:stretch}
.svc-case-stage{position:relative;height:100%;min-height:520px;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,#2a5f8a66,transparent 55%),radial-gradient(ellipse at 90% 90%,#4f9ad033,transparent 50%),linear-gradient(160deg,#122434,#0a1520);border-right:1px solid #d3ecff1a}
.svc-case-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 75%);pointer-events:none}
.svc-case-stage .svc-browser{position:absolute;left:6%;top:9%;width:84%;transform:perspective(1600px) rotateY(-4deg) rotateX(2deg);transform-origin:left center;box-shadow:inset 0 1px 0 #ffffff1f,0 50px 100px -20px #000e,0 0 0 1px #0008,0 0 80px -20px #5fa8e044}
.svc-case-stage .svc-browser img{display:block;width:100%;height:auto}
.svc-case-stage .svc-browser-body{display:none}
.svc-case-phone{position:absolute;right:6%;bottom:-6%;width:clamp(120px,24%,170px);aspect-ratio:9/19;transform:rotate(5deg);z-index:2}
.svc-case-phone .svc-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.svc-case-chip{left:auto;right:6%;top:6%;z-index:3;padding:9px 13px;font-size:12px}
.svc-case-chip .dot{width:8px;height:8px;border-radius:50%;background:#7ee087;box-shadow:0 0 10px #7ee087;display:inline-block;margin-right:6px}
.svc-case-copy{padding:48px 44px}
@media(max-width:900px){.svc-case{grid-template-columns:1fr}.svc-case-stage{min-height:0;aspect-ratio:4/3;border-right:0;border-bottom:1px solid #d3ecff1a}.svc-case-stage .svc-browser{left:5%;top:8%;width:78%}.svc-case-phone{display:block;right:4%;bottom:-8%;width:26%}.svc-case-copy{padding:28px 24px 30px}}
@media(max-width:650px){.svc-case-stage{aspect-ratio:1}.svc-case-chip{font-size:10px;padding:7px 10px}}
.svc-case-media{display:block}.svc-case-stage{width:100%;height:100%}

/* MacBook mockup */
.svc-macbook{position:absolute;left:5%;top:11%;width:82%;transform:perspective(1800px) rotateY(-5deg) rotateX(2deg);transform-origin:left center;filter:drop-shadow(0 50px 60px #000c) drop-shadow(0 0 60px #5fa8e02e)}
.svc-mb-lid{position:relative;padding:12px 12px 14px;border-radius:16px 16px 4px 4px;background:linear-gradient(180deg,#1a1d22,#0b0d10);border:1px solid #3a4048;border-bottom-color:#22262c;box-shadow:inset 0 1px 0 #ffffff2a,inset 0 -1px 0 #0009}
.svc-mb-lid::before{content:'';position:absolute;top:1px;left:50%;transform:translateX(-50%);width:16%;height:9px;border-radius:0 0 7px 7px;background:#050607;z-index:2}
.svc-mb-screen{aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px #000}
.svc-mb-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.svc-mb-base{position:relative;width:114%;margin-left:-7%;height:14px;border-radius:3px 3px 14px 14px;background:linear-gradient(180deg,#d7dbe0 0%,#b9bec5 35%,#8f959c 100%);box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #5a6068,0 8px 18px -6px #000c}
.svc-mb-base::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:#f3f5f7}
.svc-mb-base i{position:absolute;top:0;left:50%;transform:translateX(-50%);width:16%;height:5px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#6a7079,#9aa1a8);box-shadow:inset 0 -1px 0 #fff6}
.svc-case-phone{right:5%;bottom:-4%}
@media(max-width:900px){.svc-macbook{left:4%;top:10%;width:80%;transform:perspective(1600px) rotateY(-4deg)}.svc-case-stage{aspect-ratio:4/3}}
@media(max-width:650px){.svc-macbook{left:4%;top:14%;width:92%;transform:none;filter:drop-shadow(0 30px 40px #000c)}.svc-case-stage{aspect-ratio:5/4}.svc-case-phone{display:none}.svc-mb-lid{padding:8px 8px 10px;border-radius:12px 12px 3px 3px}.svc-mb-base{height:10px}}
.svc-macbook{left:9%;width:76%}@media(max-width:900px){.svc-macbook{left:9%;width:74%}}@media(max-width:650px){.svc-macbook{left:8%;width:84%;top:14%}}
/* Case phone refinement */
.svc-case-phone{right:7%;bottom:7%;width:clamp(130px,23%,180px);aspect-ratio:9/19.5;padding:7px;border-radius:30px;transform:rotate(6deg);background:linear-gradient(160deg,#3a4b5c,#0e1b27);border:1px solid #dbeeff66;box-shadow:inset 0 1px 0 #ffffff55,inset 0 0 0 2px #0a121a,0 40px 80px -20px #000e,0 0 50px -14px #5fa8e055}
.svc-case-phone::before{width:32%;height:12px;top:13px}
.svc-case-phone::after{content:'';position:absolute;inset:7px;border-radius:23px;background:linear-gradient(115deg,#ffffff1f 0%,transparent 35%,transparent 70%,#ffffff0c 100%);pointer-events:none;z-index:3}
.svc-case-phone .svc-phone-screen{border-radius:23px;background:#8e8e8e}
.svc-case-phone .svc-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
@media(max-width:900px){.svc-case-phone{display:block;right:5%;bottom:6%;width:24%}}
@media(max-width:650px){.svc-case-phone{display:none}}
.svc-case-phone{right:13%;bottom:9%;transform:rotate(4deg)}@media(max-width:900px){.svc-case-phone{right:9%;bottom:8%}}
.svc-case-media .svc-case-phone{right:12%;bottom:9%;width:clamp(130px,23%,180px);transform:rotate(4deg)}@media(max-width:900px){.svc-case-media .svc-case-phone{display:block;right:8%;bottom:8%;width:24%}}@media(max-width:650px){.svc-case-media .svc-case-phone{display:none}}

/* Orbit with real tool icons */
.svc-orbit .c{display:grid;place-items:center}.svc-orbit .c svg{width:46%;height:46%}
.svc-orbit .s{display:grid;place-items:center;width:17%;margin:-8.5% 0 0 -8.5%;background:#16283a;border-color:#d3ecff66}
.svc-orbit .s img{width:58%;height:58%;object-fit:contain;filter:drop-shadow(0 2px 6px #0008)}.svc-orbit .s img[src$=".png"]{border-radius:4px}
.svc-orbit .s1{--a:0deg}.svc-orbit .s2{--a:60deg}.svc-orbit .s3{--a:120deg}.svc-orbit .s4{--a:180deg}.svc-orbit .s5{--a:240deg}.svc-orbit .s6{--a:300deg}

.svc-dock.svc-dock-open{border:0;border-radius:0;background:transparent;box-shadow:none;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.svc-dock-open::before,.svc-dock-open::after{display:none}