:root{--bg:#eef4ff;--ink:#101a34;--muted:#667085;--glass:rgba(255,255,255,.52);--glass2:rgba(255,255,255,.28);--line:rgba(255,255,255,.72);--purple:#7857ff;--blue:#4da3ff;--cyan:#6edcff;--shadow:0 20px 55px rgba(50,77,126,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8fbff 0%,#edf4ff 45%,#f8fbff 100%);min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-3;background:radial-gradient(circle at 15% 10%,rgba(124,87,255,.12),transparent 28%),radial-gradient(circle at 86% 18%,rgba(77,163,255,.14),transparent 24%),radial-gradient(circle at 50% 78%,rgba(110,220,255,.10),transparent 28%)}
.orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.72;animation:float 14s ease-in-out infinite alternate}.o1{width:340px;height:340px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(124,87,255,.24) 45%,rgba(124,87,255,.02) 70%);left:-80px;top:8%}.o2{width:420px;height:420px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.85),rgba(77,163,255,.24) 45%,transparent 70%);right:-100px;top:27%;animation-delay:-4s}.o3{width:300px;height:300px;background:radial-gradient(circle,rgba(110,220,255,.28),transparent 68%);left:36%;bottom:-80px;animation-delay:-8s}.line{position:absolute;width:52vw;height:1px;background:linear-gradient(90deg,transparent,rgba(78,121,255,.38),transparent);transform:rotate(-16deg);animation:lineMove 12s linear infinite}.l1{top:26%;left:-15%}.l2{top:54%;right:-10%;transform:rotate(14deg);animation-delay:-5s}.l3{top:72%;left:5%;animation-delay:-9s}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.34));border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.animated-border{position:relative;isolation:isolate}.animated-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(122,87,255,.75),rgba(255,255,255,.8),rgba(77,163,255,.78),rgba(255,255,255,.9),rgba(122,87,255,.75));background-size:300% 300%;animation:borderShift 8s linear infinite;z-index:-1;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor}
.topbar{position:sticky;top:12px;z-index:50;width:min(1220px,calc(100% - 24px));margin:12px auto 0;border-radius:22px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brandmark{display:grid;place-items:center;width:56px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7659ff,#5bc8ff);color:white;font-weight:950;letter-spacing:-.04em;box-shadow:0 10px 28px rgba(109,92,246,.24)}.brand b{display:block;letter-spacing:.08em;font-size:14px}.brand small{display:block;color:#7c879b;font-size:9px;letter-spacing:.15em;margin-top:2px}.topbar nav{display:flex;gap:21px;align-items:center}.topbar nav a{font-size:13px;color:#41506d;font-weight:720;position:relative}.topbar nav a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:linear-gradient(90deg,var(--purple),var(--blue));transform:scaleX(0);transition:.2s}.topbar nav a:hover:after,.topbar nav a.active:after{transform:scaleX(1)}.topbar nav a.active{color:#17213b}
.cta,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:13px 18px;font-weight:850;border:0;cursor:pointer}.cta{color:white;background:linear-gradient(135deg,#142044,#4354a8 55%,#8b5cf6);box-shadow:0 10px 26px rgba(69,78,160,.24)}.cta.mini{padding:10px 14px;font-size:12px}.ghost-btn{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(54,73,115,.09);color:#24324e}.full{width:100%}
.hero{min-height:74vh;display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center;padding:74px 0 58px}.hero-copy h1{font-size:clamp(48px,6.6vw,82px);line-height:.96;letter-spacing:-.06em;margin:18px 0 24px}.hero-copy h1 span,.section h2 span{background:linear-gradient(90deg,#2895ff,#7d5cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:18px;line-height:1.65;color:var(--muted);max-width:720px}.kicker,.glass-pill{display:inline-flex;border-radius:999px;padding:8px 12px;color:#53627e;font-size:11px;font-weight:850;letter-spacing:.08em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust-row{display:flex;gap:30px;flex-wrap:wrap;margin-top:34px}.trust-row div{padding-right:26px;border-right:1px solid rgba(111,128,164,.24)}.trust-row div:last-child{border-right:0}.trust-row strong,.trust-row span{display:block}.trust-row strong{font-size:21px}.trust-row span{font-size:12px;color:#7d879a;margin-top:4px}
.showcase{height:520px;border-radius:34px;position:relative;overflow:hidden}.showcase:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.95),rgba(114,142,255,.12) 42%,transparent 68%);z-index:-1}.scene-core{position:absolute;width:230px;height:230px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,#edf4ff 48%,#d9e5ff 100%);box-shadow:0 20px 55px rgba(94,113,171,.18),inset 0 0 0 1px #fff}.core-logo{font-size:46px;font-weight:950;background:linear-gradient(120deg,#6547ff,#53bbff);-webkit-background-clip:text;background-clip:text;color:transparent}.orbit{position:absolute;border:1px solid rgba(97,131,255,.42);border-radius:50%;animation:spin 12s linear infinite}.orbit-a{width:330px;height:130px;transform:rotate(18deg)}.orbit-b{width:390px;height:160px;transform:rotate(-28deg);animation-direction:reverse}.bubble{position:absolute;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(189,213,255,.34));border:1px solid #fff;box-shadow:0 10px 28px rgba(62,89,138,.12)}.b1{width:62px;height:62px;left:-54px;top:26px}.b2{width:34px;height:34px;right:-62px;top:12px}.b3{width:48px;height:48px;right:12px;bottom:-58px}.float-card{position:absolute;width:190px;padding:16px;border-radius:20px;transition:.25s}.float-card:hover{transform:translateY(-5px)}.float-card small,.float-card b,.float-card span{display:block}.float-card small{font-size:9px;color:#7a87a1;letter-spacing:.08em}.float-card b{margin:5px 0;font-size:17px}.float-card span{font-size:12px;color:#68758d}.fc1{left:32px;top:44px}.fc2{right:26px;top:118px}.fc3{left:26px;bottom:58px}.fc4{right:48px;bottom:34px}
.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:28px}.section-head h2,.spotlight h2,.big-card h2,.workflow h2,.cta-banner h2,.founder-hero h2,.portfolio-placeholder h2,.enquiry h2{font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.04em;margin:10px 0}.section-head p{max-width:390px;color:var(--muted);line-height:1.55}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.13em;color:#6674a3}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid.three{grid-template-columns:repeat(3,1fr)}.service{border-radius:24px;padding:22px;min-height:240px;transition:.25s}.service:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(71,92,145,.18)}.service .icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#f7f3ff,#e8f4ff);font-size:23px;color:#7659ff;border:1px solid #fff}.service h3{font-size:20px;margin:18px 0 10px}.service p{color:var(--muted);line-height:1.55;font-size:14px}.service>span{display:inline-block;margin-top:10px;font-weight:800;color:#5565aa;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span,.profile-pills span{border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.64);border:1px solid #fff;color:#62708a;font-size:11px;font-weight:750}
.spotlight{border-radius:30px;padding:36px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px}.spotlight p,.big-card p,.workflow p,.cta-banner p,.founder-hero p,.portfolio-placeholder p{color:var(--muted);line-height:1.6}.phone-mock{width:210px;height:410px;border-radius:38px;background:linear-gradient(180deg,#111a36,#22315b);border:5px solid #dbe6ff;box-shadow:0 24px 60px rgba(56,79,138,.28);margin:auto;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.phone-mock.large{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:430px}.phone-top{position:absolute;top:10px;width:84px;height:18px;border-radius:20px;background:#070c18}.voice-ring{width:110px;height:110px;border-radius:50%;border:2px solid #7fc9ff;box-shadow:0 0 0 12px rgba(125,92,255,.12),0 0 42px rgba(95,167,255,.55);animation:pulse 2.2s ease-in-out infinite}.phone-mock strong{font-size:24px;margin-top:26px}.phone-mock small{color:#b6c6ef;margin-top:4px}.wave{margin-top:34px;font-size:22px;letter-spacing:4px;color:#8ecfff}
.profile-card{border-radius:30px;padding:28px;display:grid;grid-template-columns:120px 1fr auto;gap:26px;align-items:center}.avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dceaff,#fff);border:1px solid #fff;font-size:30px;font-weight:950;color:#5367b2;box-shadow:0 14px 35px rgba(64,90,145,.16)}.avatar.xl{width:150px;height:150px;font-size:44px;margin:auto}.profile-card h2{margin:6px 0 2px}.profile-card p{margin:0;color:#63708a}.profile-card blockquote{margin:16px 0 0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.48);color:#596781}.profile-pills{display:flex;flex-direction:column;gap:9px}
.feature-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.feature-strip>div{border-radius:18px;padding:17px 12px;text-align:center}.feature-strip b,.feature-strip span{display:block}.feature-strip b{font-size:23px;color:#6877d7}.feature-strip span{font-size:12px;font-weight:800;margin-top:8px}.doctor-stage{height:520px;border-radius:34px;position:relative;overflow:hidden}.doctor-avatar{position:absolute;right:28px;top:34px;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#dbeaff);font-size:42px;font-weight:900;color:#5868b8}.speech{position:absolute;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.76);border:1px solid #fff;box-shadow:0 10px 26px rgba(56,76,128,.12);font-size:12px;color:#46536e}.s1{right:36px;top:230px}.s2{left:20px;top:76px}.s3{left:16px;bottom:38px}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:18px}.big-card{border-radius:28px;padding:30px}.dashboard-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.dashboard-mini span{padding:14px;border-radius:15px;background:rgba(255,255,255,.6);border:1px solid white;text-align:center;font-size:12px;font-weight:800}.workflow{border-radius:30px;padding:34px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.steps.five{grid-template-columns:repeat(5,1fr)}.steps>div{padding:18px;border-radius:18px;background:rgba(255,255,255,.52);border:1px solid #fff}.steps b{color:#6e60e7}.steps h3{margin:9px 0 6px;font-size:16px}.steps p{font-size:13px;margin:0}.cta-banner,.portfolio-placeholder{border-radius:30px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.art-grid{position:absolute;inset:26px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}.art-card{border-radius:24px;padding:24px;font-size:34px;font-weight:950;display:flex;flex-direction:column;justify-content:end;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}.art-card small{font-size:12px;font-weight:750;margin-top:6px}.a2d{background:linear-gradient(145deg,#ffdfee,#d8e7ff);grid-row:1/3}.a3d{background:linear-gradient(145deg,#e8f5ff,#d8e4ff)}.aai{background:linear-gradient(145deg,#ece5ff,#d8f7ff)}
.founder-hero{border-radius:34px;padding:34px;text-align:center}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.contact-links a{border-radius:18px;padding:18px}.contact-links b,.contact-links span{display:block}.contact-links span{font-size:12px;color:#69768e;margin-top:5px}.enquiry{border-radius:30px;padding:30px}.enquiry label{display:block;font-size:12px;font-weight:800;color:#55627a;margin:14px 0}.enquiry input,.enquiry select,.enquiry textarea{width:100%;margin-top:7px;border:1px solid rgba(155,169,198,.34);background:rgba(255,255,255,.72);border-radius:13px;padding:12px 13px;font:inherit;color:#1f2b44;outline:none}.enquiry input:focus,.enquiry select:focus,.enquiry textarea:focus{border-color:#7b6cff;box-shadow:0 0 0 3px rgba(123,108,255,.10)}.form-note{display:block;text-align:center;color:#8290a8;margin-top:10px}
footer{width:min(1180px,calc(100% - 32px));margin:40px auto 24px;padding:22px 0;border-top:1px solid rgba(117,137,175,.2);display:grid;grid-template-columns:1fr auto;gap:14px;color:#5f6d85}footer div:first-child b,footer div:first-child span{display:block}footer div:first-child span{font-size:12px;margin-top:5px}footer div:nth-child(2){display:flex;gap:18px;font-size:13px;font-weight:700}footer small{grid-column:1/-1;color:#8793a7}
@keyframes float{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(28px,-32px,0) scale(1.08)}}@keyframes lineMove{0%{transform:translateX(-20%) rotate(-16deg);opacity:.15}50%{opacity:.65}100%{transform:translateX(55%) rotate(-16deg);opacity:.15}}@keyframes borderShift{0%{background-position:0% 50%}100%{background-position:300% 50%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(.94);box-shadow:0 0 0 10px rgba(125,92,255,.10),0 0 30px rgba(95,167,255,.35)}50%{transform:scale(1.04);box-shadow:0 0 0 18px rgba(125,92,255,.05),0 0 48px rgba(95,167,255,.55)}}
@media(max-width:1000px){.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.service-grid{grid-template-columns:1fr 1fr}.service-grid.three{grid-template-columns:1fr 1fr}.spotlight,.two-up{grid-template-columns:1fr}.profile-card{grid-template-columns:90px 1fr}.profile-pills{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.feature-strip{grid-template-columns:repeat(4,1fr)}.steps,.steps.five{grid-template-columns:1fr 1fr}.doctor-stage{height:500px}}
@media(max-width:650px){.shell{width:min(100% - 20px,1180px)}.topbar{top:6px;margin-top:6px}.topbar .cta.mini{display:none}.hero{padding-top:48px;gap:30px}.hero-copy h1{font-size:48px}.showcase{height:500px}.float-card{width:158px;padding:13px}.fc1{left:12px}.fc2{right:12px}.fc3{left:12px}.fc4{right:12px}.service-grid,.service-grid.three{grid-template-columns:1fr}.section{padding:50px 0}.section-head{display:block}.section-head p{max-width:none}.profile-card{grid-template-columns:1fr;text-align:center}.profile-card .avatar{margin:auto}.profile-pills{justify-content:center}.feature-strip{grid-template-columns:1fr 1fr}.steps,.steps.five{grid-template-columns:1fr}.cta-banner,.portfolio-placeholder{flex-direction:column;align-items:flex-start}.contact-links{grid-template-columns:1fr}.dashboard-mini{grid-template-columns:1fr 1fr}.doctor-avatar{width:120px;height:120px;right:18px}.phone-mock.large{left:42%}footer{grid-template-columns:1fr}footer div:nth-child(2){flex-wrap:wrap}}

/* Premium liquid-glass refresh — 2026-10-02 */
body{background:radial-gradient(circle at 12% 8%,rgba(139,92,246,.11),transparent 24%),radial-gradient(circle at 90% 14%,rgba(56,189,248,.12),transparent 23%),linear-gradient(180deg,#fbfdff 0%,#eef5ff 46%,#f9fbff 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.58) 45%,transparent 55% 100%);background-size:220% 100%;animation:sheen 18s linear infinite;opacity:.55}
.ambient{transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .18s ease-out}.orb{filter:blur(24px);opacity:.58}.line{height:2px;filter:blur(.2px);opacity:.7}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.30));border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(42,65,113,.13),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(120,145,200,.08);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}
.topbar{top:14px;border-radius:24px;padding:11px 13px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,250,255,.48));box-shadow:0 20px 55px rgba(50,70,120,.13),inset 0 1px rgba(255,255,255,.95)}
.brandmark{position:relative;overflow:hidden;background:linear-gradient(135deg,#6b4dff 0%,#5ba9ff 52%,#7de5f2 100%)}.brandmark:after{content:"";position:absolute;inset:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:rotate(25deg);animation:brandSweep 5s ease-in-out infinite}
.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#151b36,#3c4d9e 48%,#815cf6 100%);transition:transform .22s ease,box-shadow .22s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(69,78,160,.30)}
.ghost-btn{transition:.22s ease}.ghost-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.82);box-shadow:0 14px 34px rgba(54,73,115,.13)}
.hero{padding-top:86px}.hero-copy h1{font-weight:830;text-wrap:balance}.hero-copy p{max-width:650px}.kicker{box-shadow:inset 0 1px rgba(255,255,255,.95),0 10px 28px rgba(69,92,138,.08)}
.showcase{border-radius:38px;box-shadow:0 40px 100px rgba(67,90,147,.15),inset 0 1px rgba(255,255,255,.98)}.showcase:before{content:"";position:absolute;width:560px;height:560px;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 90deg,rgba(99,102,241,.05),rgba(56,189,248,.24),rgba(255,255,255,.7),rgba(139,92,246,.18),rgba(99,102,241,.05));filter:blur(8px);animation:haloSpin 18s linear infinite;z-index:-1}
.scene-core{width:238px;height:238px;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.98),rgba(240,247,255,.86) 45%,rgba(215,228,255,.62));box-shadow:0 30px 75px rgba(71,94,150,.18),inset 0 2px 2px #fff}.scene-core:after{content:"CREATE • BUILD • EVOLVE";position:absolute;bottom:34px;font-size:8px;letter-spacing:.26em;font-weight:900;color:#7a88a6}
.core-logo{font-size:52px;letter-spacing:-.07em}.float-card{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 50px rgba(66,89,140,.13),inset 0 1px #fff}.fc1,.fc3{animation:cardFloatA 6s ease-in-out infinite}.fc2,.fc4{animation:cardFloatB 7s ease-in-out infinite}
.service{background:linear-gradient(150deg,rgba(255,255,255,.76),rgba(246,250,255,.34));border:1px solid rgba(255,255,255,.94)}.service .icon{box-shadow:inset 0 1px #fff,0 10px 24px rgba(82,104,160,.10)}
.spotlight,.profile-card,.workflow,.big-card,.founder-hero,.enquiry,.cta-banner{box-shadow:0 30px 80px rgba(57,79,132,.12),inset 0 1px #fff}
@keyframes sheen{0%{background-position:220% 0}100%{background-position:-120% 0}}@keyframes haloSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes brandSweep{0%,55%{transform:translateX(-130%) rotate(25deg)}75%,100%{transform:translateX(130%) rotate(25deg)}}
@keyframes cardFloatA{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes cardFloatB{0%,100%{translate:0 0}50%{translate:0 9px}}
@media(max-width:650px){.hero{padding-top:54px}.topbar{border-radius:19px}.showcase{border-radius:28px}.showcase:before{width:430px;height:430px}.scene-core{width:205px;height:205px}}

.contact-links{grid-template-columns:1fr;max-width:560px}

/* VYNVO full-glass visual system */
:root{--glass-hi:rgba(255,255,255,.72);--glass-mid:rgba(255,255,255,.34);--glass-low:rgba(244,249,255,.18);--glass-edge:rgba(255,255,255,.92);--glass-shadow:0 28px 70px rgba(55,78,126,.14),0 8px 24px rgba(82,106,159,.08),inset 1px 1px 0 rgba(255,255,255,.98),inset -1px -1px 0 rgba(118,145,199,.09)}
body{background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 45%,#fbfdff 100%);position:relative}
body:after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:radial-gradient(circle at 8% 14%,rgba(111,94,255,.18),transparent 25%),radial-gradient(circle at 87% 18%,rgba(76,181,255,.20),transparent 27%),radial-gradient(circle at 46% 72%,rgba(126,228,240,.14),transparent 29%),linear-gradient(120deg,transparent 0 46%,rgba(148,172,255,.07) 47%,transparent 48% 100%);background-size:auto,auto,auto,180px 180px}
.glass{background:linear-gradient(135deg,var(--glass-hi) 0%,var(--glass-mid) 44%,var(--glass-low) 100%);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(34px) saturate(185%) contrast(104%);-webkit-backdrop-filter:blur(34px) saturate(185%) contrast(104%)}
.topbar{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(54,77,128,.13),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(125,147,192,.10)}
.topbar:before,.service:after,.float-card:after,.spotlight:after,.profile-card:after,.workflow:after,.big-card:after,.founder-hero:after,.enquiry:after,.cta-banner:after{content:"";position:absolute;left:9%;right:9%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);pointer-events:none}
.brandmark{width:74px;height:44px;border-radius:15px;font-size:13px;letter-spacing:.04em;background:linear-gradient(135deg,rgba(86,82,255,.95),rgba(74,173,255,.92) 55%,rgba(124,235,246,.92));box-shadow:0 12px 32px rgba(80,97,210,.24),inset 0 1px rgba(255,255,255,.55)}
.showcase{background:linear-gradient(140deg,rgba(255,255,255,.49),rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.94);box-shadow:0 40px 100px rgba(62,86,144,.16),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(100,130,190,.08);backdrop-filter:blur(38px) saturate(180%);-webkit-backdrop-filter:blur(38px) saturate(180%)}
.float-card,.service,.spotlight,.profile-card,.workflow,.big-card,.founder-hero,.enquiry,.cta-banner,.contact-links a,.feature-strip>div{position:relative;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.20));border:1px solid rgba(255,255,255,.96);box-shadow:0 22px 58px rgba(60,82,136,.11),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(101,133,191,.08);backdrop-filter:blur(30px) saturate(175%);-webkit-backdrop-filter:blur(30px) saturate(175%)}
.service:hover,.float-card:hover,.contact-links a:hover{background:linear-gradient(140deg,rgba(255,255,255,.76),rgba(255,255,255,.28));box-shadow:0 30px 76px rgba(58,82,140,.16),inset 0 1px #fff;transform:translateY(-5px)}

.scene-core{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.92),rgba(255,255,255,.42) 50%,rgba(218,230,255,.25));border:1px solid rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(70,96,155,.15),inset 0 2px 2px #fff,inset 0 -1px rgba(105,134,193,.10);backdrop-filter:blur(25px)}
.orbit{border-color:rgba(92,132,255,.32);box-shadow:0 0 20px rgba(90,150,255,.08)}
.bubble{background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(205,224,255,.18));border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(18px);box-shadow:0 14px 34px rgba(62,89,138,.12),inset 0 1px #fff}
.art-card{background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.16))!important;border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:0 22px 56px rgba(63,88,145,.12),inset 0 1px #fff}
.a2d:before,.a3d:before,.aai:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1}
.a2d:before{background:radial-gradient(circle at 20% 20%,rgba(255,162,214,.26),transparent 55%),radial-gradient(circle at 80% 80%,rgba(120,170,255,.20),transparent 55%)}
.a3d:before{background:radial-gradient(circle at 25% 20%,rgba(100,195,255,.24),transparent 58%),radial-gradient(circle at 80% 80%,rgba(124,105,255,.16),transparent 56%)}
.aai:before{background:radial-gradient(circle at 20% 20%,rgba(151,117,255,.22),transparent 58%),radial-gradient(circle at 80% 80%,rgba(98,224,245,.20),transparent 56%)}
.phone-mock{background:linear-gradient(165deg,rgba(20,28,58,.92),rgba(39,51,93,.78));border:5px solid rgba(231,239,255,.88);box-shadow:0 30px 75px rgba(52,74,132,.28),inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(20px)}
.chips span,.profile-pills span,.dashboard-mini span,.steps>div{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.24));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px #fff,0 10px 24px rgba(62,84,135,.07);backdrop-filter:blur(20px)}
.enquiry input,.enquiry select,.enquiry textarea{background:rgba(255,255,255,.43);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(64,87,140,.06);backdrop-filter:blur(18px)}
footer{border-top:1px solid rgba(255,255,255,.9);background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.14));border-radius:24px;padding:24px 22px;box-shadow:0 18px 48px rgba(65,87,137,.08),inset 0 1px #fff;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
@media(max-width:650px){.brandmark{width:62px;font-size:11px}.glass{backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%)}}

.float-card{position:absolute}.art-card{position:relative;overflow:hidden}

/* VYNVO ultra-transparent glass pass */
:root{--clear-glass:rgba(255,255,255,.075);--clear-glass-2:rgba(255,255,255,.12);--clear-edge:rgba(255,255,255,.56);--clear-shadow:0 18px 55px rgba(46,70,120,.10),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(113,142,197,.07)}
.glass,.topbar,.showcase,.float-card,.service,.spotlight,.profile-card,.workflow,.big-card,.founder-hero,.enquiry,.cta-banner,.contact-links a,.feature-strip>div,.art-card,.phone-mock,footer,.character-lab,.character-card,.chips span,.profile-pills span,.dashboard-mini span,.steps>div,.enquiry input,.enquiry select,.enquiry textarea{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;border:1px solid var(--clear-edge)!important;box-shadow:var(--clear-shadow)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important}
.topbar{background:rgba(255,255,255,.08)!important}.showcase{background:rgba(255,255,255,.055)!important}.float-card,.service,.character-card{background:rgba(255,255,255,.085)!important}
.cta,.ghost-btn{background:linear-gradient(135deg,rgba(69,78,160,.16),rgba(139,92,246,.11))!important;border:1px solid rgba(255,255,255,.62)!important;color:#1a2544!important;box-shadow:0 12px 34px rgba(57,79,136,.10),inset 0 1px 0 rgba(255,255,255,.72)!important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
.cta:hover,.ghost-btn:hover{background:linear-gradient(135deg,rgba(69,78,160,.21),rgba(139,92,246,.15))!important}
.brandmark{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.65);color:#5267e8;box-shadow:0 12px 34px rgba(69,91,156,.11),inset 0 1px 0 rgba(255,255,255,.75)}
.animated-border:before{opacity:.42}.service:before,.float-card:before,.showcase:before,.topbar:before{opacity:.55}
.character-lab{border-radius:34px;padding:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;overflow:hidden}.character-lab:after{content:"";position:absolute;inset:auto -12% -55% 20%;height:340px;background:radial-gradient(circle,rgba(100,195,255,.17),transparent 68%);pointer-events:none}
.character-card{border-radius:26px;padding:18px;position:relative;overflow:hidden;transition:.28s ease}.character-card:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 28px 70px rgba(52,78,136,.14),inset 0 1px 0 rgba(255,255,255,.72)!important}.character-card.featured{transform:translateY(-10px)}.character-card.featured:hover{transform:translateY(-15px) scale(1.01)}
.character-card small{font-size:9px;letter-spacing:.13em;font-weight:900;color:#73819b}.character-card h3{font-size:21px;margin:8px 0}.character-card p{font-size:13px;line-height:1.55;color:#68758d;margin:0}.character-visual{height:260px;border-radius:22px;display:grid;place-items:center;position:relative;margin-bottom:18px;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.34),rgba(255,255,255,.025) 60%);border:1px solid rgba(255,255,255,.48);overflow:hidden}
.char{width:150px;height:205px;position:relative;filter:drop-shadow(0 22px 30px rgba(65,85,130,.18));animation:charFloat 4.8s ease-in-out infinite}.char .face{position:absolute;width:118px;height:105px;left:16px;top:27px;border-radius:46% 46% 44% 44%;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(220,232,255,.68));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 8px 18px rgba(255,255,255,.72),0 12px 28px rgba(63,86,145,.12)}
.char .body{position:absolute;width:104px;height:88px;left:23px;bottom:0;border-radius:44px 44px 28px 28px;background:linear-gradient(160deg,rgba(116,91,255,.70),rgba(76,176,255,.55));border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 10px 18px rgba(255,255,255,.18)}
.eye{position:absolute;width:12px;height:16px;border-radius:50%;background:#25304e;top:43px}.eye.left{left:31px}.eye.right{right:31px}.smile{position:absolute;width:28px;height:14px;border-bottom:3px solid #58627b;border-radius:0 0 24px 24px;left:45px;top:66px}.ear{position:absolute;width:45px;height:62px;border-radius:48% 48% 34% 34%;top:3px;background:linear-gradient(150deg,rgba(255,216,235,.85),rgba(198,218,255,.72));border:1px solid rgba(255,255,255,.9)}.e1{left:2px;transform:rotate(-19deg)}.e2{right:2px;transform:rotate(19deg)}
.char-two .face{border-radius:38px;background:linear-gradient(150deg,rgba(241,247,255,.96),rgba(194,216,255,.76))}.antenna{position:absolute;width:4px;height:27px;background:#7281a6;left:73px;top:4px;border-radius:8px}.antenna:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#73caff;left:-4px;top:-7px;box-shadow:0 0 18px rgba(91,187,255,.65)}.visor{position:absolute;left:25px;right:25px;top:34px;height:32px;border-radius:18px;background:linear-gradient(90deg,rgba(86,86,255,.72),rgba(70,194,255,.75));box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 24px rgba(90,151,255,.28)}.char-two .eye{z-index:2;background:#fff;width:8px;height:8px;top:46px}.arm{position:absolute;width:27px;height:82px;bottom:18px;border-radius:22px;background:linear-gradient(180deg,rgba(227,238,255,.9),rgba(170,201,255,.62));border:1px solid rgba(255,255,255,.86)}.a1{left:2px;transform:rotate(16deg)}.a2{right:2px;transform:rotate(-16deg)}
.char-three .face{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(229,218,255,.72))}.char-three .body{background:linear-gradient(155deg,rgba(122,94,255,.66),rgba(82,212,229,.52))}.halo{position:absolute;width:132px;height:48px;border:2px solid rgba(105,154,255,.56);border-radius:50%;left:9px;top:5px;transform:rotate(-9deg);box-shadow:0 0 24px rgba(105,154,255,.16)}.spark{position:absolute;color:#7d70ff;font-size:24px;animation:spark 2.4s ease-in-out infinite}.s1{left:-4px;top:68px}.s2{right:-6px;top:30px;animation-delay:-1.1s}
@keyframes charFloat{0%,100%{transform:translateY(3px)}50%{transform:translateY(-9px)}}@keyframes spark{0%,100%{transform:scale(.8) rotate(0);opacity:.45}50%{transform:scale(1.18) rotate(22deg);opacity:1}}
@media(max-width:900px){.character-lab{grid-template-columns:1fr}.character-card.featured{transform:none}.character-card.featured:hover{transform:translateY(-7px)}.character-visual{height:240px}}

/* Mobile stability pass: keep clear glass, remove GPU-heavy startup effects */
@media(max-width:768px){
  body:before{animation:none!important;opacity:.28}
  .ambient{transform:none!important;transition:none!important}
  .orb,.line{animation:none!important}
  .o1{transform:translate3d(0,0,0)!important}.o2{transform:translate3d(0,0,0)!important}.o3{transform:translate3d(0,0,0)!important}
  .glass,.topbar,.showcase,.float-card,.service,.spotlight,.profile-card,.workflow,.big-card,.founder-hero,.enquiry,.cta-banner,.contact-links a,.feature-strip>div,.art-card,.phone-mock,footer,.character-lab,.character-card,.chips span,.profile-pills span,.dashboard-mini span,.steps>div,.enquiry input,.enquiry select,.enquiry textarea{
    background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.075))!important;
    backdrop-filter:blur(11px) saturate(128%)!important;
    -webkit-backdrop-filter:blur(11px) saturate(128%)!important;
    box-shadow:0 10px 28px rgba(46,70,120,.08),inset 0 1px 0 rgba(255,255,255,.60)!important;
  }
  .animated-border:before,.brandmark:after,.showcase:before{animation:none!important}
  .animated-border:before{background-size:100% 100%!important;opacity:.26}
  .fc1,.fc2,.fc3,.fc4,.char,.spark{animation:none!important}
  .service,.float-card,.character-card,.cta,.ghost-btn{transition:transform .16s ease,background .16s ease!important}
  .service:hover,.float-card:hover,.character-card:hover,.cta:hover,.ghost-btn:hover{transform:none!important}
  .showcase{overflow:hidden;contain:paint}
  .character-lab{overflow:hidden;contain:paint}
  .topbar{position:sticky;transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}

/* Mobile width/layout hardening */
@media(max-width:768px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .hero,.hero-copy,.showcase,.section,.section-head,.spotlight,.profile-card,.workflow,.cta-banner,.character-lab{min-width:0;max-width:100%}
  .hero-copy{width:100%}
  .hero-copy h1{font-size:clamp(40px,11.2vw,46px);line-height:1.01;max-width:100%;overflow-wrap:normal;word-break:normal}
  .hero-copy p{max-width:100%;font-size:16px}
  .kicker,.glass-pill{max-width:100%;white-space:normal;line-height:1.35;flex-wrap:wrap}
  .showcase{width:100%}
  .float-card{max-width:calc(50% - 18px);width:158px}
  .trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
  .trust-row div{min-width:0;padding-right:8px}
  .trust-row strong{font-size:18px;white-space:normal}
  .trust-row span{font-size:10px;line-height:1.3}
  .hero-actions{width:100%;gap:10px}
  .hero-actions .cta,.hero-actions .ghost-btn{min-width:0;padding:12px 14px}
}
@media(max-width:420px){
  .hero-copy h1{font-size:40px}
  .showcase{height:470px}
  .float-card{width:145px;max-width:calc(50% - 12px)}
  .fc1{left:8px}.fc2{right:8px}.fc3{left:8px}.fc4{right:8px}
}

/* Final narrow-screen containment */
@media(max-width:768px){
  .shell{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important}
  .hero{display:block!important;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important}
  .hero-copy{display:block!important;width:100%!important;max-width:100%!important;overflow:visible}
  .hero-copy h1,.hero-copy p{width:100%!important;max-width:100%!important;white-space:normal!important;text-wrap:wrap!important;overflow-wrap:anywhere!important}
  .hero-copy h1{font-size:36px!important;line-height:1.04!important;letter-spacing:-.045em!important}
  .showcase{margin-top:32px!important;width:100%!important;max-width:100%!important}
  .section-head{display:block!important;width:100%!important}
  .section-head>*{max-width:100%!important}
}

/* 2026-10-02 final mobile fit */
@media(max-width:768px){
  .hero.shell,.section.shell{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:12px!important;margin-right:12px!important}
  .hero-copy{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .hero-copy h1{font-size:34px!important;line-height:1.06!important;letter-spacing:-.035em!important;width:100%!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
  .hero-copy p{width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important}
  .kicker,.glass-pill{font-size:9px!important;max-width:100%!important}
  .showcase{max-width:100%!important}
  .topbar{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
  footer{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
}

@media(max-width:768px){
  .hero-copy h1{width:340px!important;max-width:calc(100vw - 40px)!important;font-size:32px!important;line-height:1.08!important}
  .hero-copy p{width:330px!important;max-width:calc(100vw - 40px)!important;font-size:15px!important;line-height:1.55!important}
  .trust-row{width:340px!important;max-width:calc(100vw - 40px)!important}
}

footer .legal-links{display:flex;gap:16px;font-size:12px;font-weight:700;color:#69768e;align-items:center}

/* 2026-10-02 creative reference theme refresh */
:root{--page:#f7faff;--ink:#111a33;--purple:#7157ff;--blue:#3698ff;--cyan:#66dff2}
body{background:linear-gradient(180deg,#fbfdff 0%,#f2f7ff 46%,#fbfdff 100%);color:var(--ink)}
body:after{background:radial-gradient(circle at 8% 12%,rgba(116,86,255,.16),transparent 24%),radial-gradient(circle at 88% 14%,rgba(74,172,255,.19),transparent 27%),radial-gradient(circle at 62% 48%,rgba(115,224,240,.12),transparent 26%),radial-gradient(circle at 20% 82%,rgba(136,110,255,.10),transparent 22%)!important;background-size:auto!important}
.glass,.topbar,.showcase,.float-card,.service,.spotlight,.profile-card,.workflow,.big-card,.founder-hero,.enquiry,.cta-banner,.contact-links a,.feature-strip>div,.art-card,.character-lab,.character-card,.chips span,.profile-pills span,.dashboard-mini span,.steps>div{background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.74)!important;box-shadow:0 22px 60px rgba(56,82,139,.11),inset 0 1px 0 rgba(255,255,255,.82)!important;backdrop-filter:blur(14px) saturate(150%)!important;-webkit-backdrop-filter:blur(14px) saturate(150%)!important}
.topbar{background:rgba(255,255,255,.34)!important}
.hero{padding-top:66px}
.hero-copy h1{letter-spacing:-.055em}
.showcase{box-shadow:0 36px 100px rgba(61,91,154,.16),inset 0 1px 0 rgba(255,255,255,.9)!important}
.creative-showcase{isolation:isolate}
.showcase-art{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.showcase-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.34;filter:saturate(1.08) contrast(.97) brightness(1.08);transform:scale(1.05);animation:artDrift 18s ease-in-out infinite alternate}
.creative-showcase:after{z-index:1!important;background:linear-gradient(120deg,rgba(255,255,255,.70),rgba(236,246,255,.28) 46%,rgba(113,93,255,.10))!important}
.creative-showcase .scene-core,.creative-showcase .float-card{z-index:3}

.animation-hero-showcase{position:relative;isolation:isolate}
.animation-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit}
.animation-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(248,252,255,.58),rgba(226,238,255,.18),rgba(111,88,255,.08))}
.animation-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.42;filter:saturate(1.06) brightness(1.07);transform:scale(1.06);animation:artDrift 20s ease-in-out infinite alternate}
.animation-hero-showcase .art-grid{position:relative;z-index:3}
.animation-hero-showcase .art-card{position:relative;overflow:hidden;min-height:250px;padding:0!important;border-radius:24px!important}
.animation-hero-showcase .art-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.02)}
.animation-hero-showcase .art-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(15,26,53,.72))}
.animation-hero-showcase .art-card span{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;color:white;text-shadow:0 2px 18px rgba(0,0,0,.32)}
.animation-hero-showcase .art-card span b{display:block;font-size:30px;line-height:1}
.animation-hero-showcase .art-card span small{display:block;margin-top:6px;color:rgba(255,255,255,.9);font-weight:700}
.image-character-lab{background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(240,247,255,.08))!important}
.image-visual{height:300px!important;padding:0!important;background:rgba(255,255,255,.10)!important}
.image-visual img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:21px;transform:scale(1.01);transition:transform .5s ease,filter .5s ease;filter:saturate(1.04) brightness(1.02)}
.character-card:hover .image-visual img{transform:scale(1.055);filter:saturate(1.12) brightness(1.04)}

.ambient:before,.ambient:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);opacity:.55}
.ambient:before{width:38vw;height:38vw;left:8vw;top:8vh;background:radial-gradient(circle,rgba(255,255,255,.76),rgba(105,131,255,.14) 45%,transparent 70%);animation:ambientFloat 16s ease-in-out infinite alternate}
.ambient:after{width:30vw;height:30vw;right:5vw;top:42vh;background:radial-gradient(circle,rgba(255,255,255,.70),rgba(70,194,255,.13) 44%,transparent 72%);animation:ambientFloat 19s ease-in-out infinite alternate-reverse}
@keyframes artDrift{0%{transform:scale(1.05) translate3d(-1%,0,0)}100%{transform:scale(1.1) translate3d(1.5%,-1%,0)}}
@keyframes ambientFloat{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(3vw,2vh,0)}}
@media(max-width:900px){.image-visual{height:260px!important}.animation-hero-showcase .art-card{min-height:210px}}
@media(max-width:768px){.glass,.topbar,.showcase,.float-card,.service,.spotlight,.profile-card,.workflow,.big-card,.founder-hero,.enquiry,.cta-banner,.contact-links a,.feature-strip>div,.art-card,.character-lab,.character-card,.chips span,.profile-pills span,.dashboard-mini span,.steps>div{backdrop-filter:blur(8px) saturate(135%)!important;-webkit-backdrop-filter:blur(8px) saturate(135%)!important}.showcase-art img,.animation-backdrop img{animation:none}.ambient:before,.ambient:after{animation:none}.animation-hero-showcase .art-card{min-height:180px}.image-visual{height:240px!important}}

/* ===== VYNVO launch polish 2026-10-05 ===== */
body{background:#f5f9ff!important}
.site-scene{position:fixed;inset:0;z-index:-8;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#f8fbff 0%,#edf6ff 52%,#f8fbff 100%)}
.site-scene:before{content:"";position:absolute;inset:-4% -3% 18%;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(238,247,255,.08)),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 13%,rgba(135,164,210,.15) 13.2% 13.55%,rgba(255,255,255,.06) 13.8% 27%);filter:blur(.2px);opacity:.8}
.site-scene:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-7%;height:42%;background:radial-gradient(ellipse at 7% 70%,rgba(71,154,114,.22) 0 16%,transparent 38%),radial-gradient(ellipse at 92% 68%,rgba(77,164,122,.2) 0 15%,transparent 36%),radial-gradient(ellipse at 20% 100%,rgba(154,187,210,.24),transparent 36%),linear-gradient(180deg,transparent,rgba(226,238,248,.82));filter:blur(5px)}
.site-scene .window{position:absolute;top:6%;bottom:28%;width:2px;background:linear-gradient(180deg,transparent,rgba(138,162,204,.25),rgba(255,255,255,.55),transparent);opacity:.75}
.site-scene .w1{left:17%}.site-scene .w2{left:50%}.site-scene .w3{right:18%}
.site-scene .plant{position:absolute;width:180px;height:240px;bottom:3%;filter:blur(8px);opacity:.28;background:radial-gradient(ellipse at 50% 90%,rgba(72,155,112,.55),transparent 55%),radial-gradient(ellipse at 30% 45%,rgba(61,152,105,.48),transparent 28%),radial-gradient(ellipse at 70% 35%,rgba(67,163,116,.42),transparent 26%);animation:plantSway 12s ease-in-out infinite alternate}.site-scene .p1{left:-35px}.site-scene .p2{right:-35px;animation-delay:-5s}
.premium-floaters{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden}.premium-floaters .pf{position:absolute;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(194,219,255,.15));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 16px 40px rgba(66,94,154,.12);backdrop-filter:blur(10px);animation:frontBubble 10s ease-in-out infinite alternate}.pf1{width:56px;height:56px;left:2.5%;top:19%}.pf2{width:30px;height:30px;right:4%;top:28%;animation-delay:-3s!important}.pf3{width:44px;height:44px;left:5%;top:67%;animation-delay:-6s!important}.pf4{width:26px;height:26px;right:7%;top:73%;animation-delay:-8s!important}.pf5{width:68px;height:68px;right:1.5%;bottom:5%;animation-delay:-4s!important}
.topbar,.v2-nav{width:min(1220px,calc(100% - 40px))!important;min-height:74px!important;margin:14px auto 0!important;padding:12px 22px!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(255,255,255,.73),rgba(243,250,255,.36))!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:0 20px 60px rgba(53,77,132,.12),inset 0 1px 0 #fff!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important}
.topbar .brandmark{display:none!important}.topbar .brand{gap:0}.topbar .brand b{font-size:22px;letter-spacing:.08em;background:linear-gradient(90deg,#6658ff,#35a7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar .brand small{font-size:7px;letter-spacing:.20em;margin-top:5px;color:#8792a7}.topbar nav{gap:25px}.topbar nav a{font-size:13px;font-weight:760}.topbar .cta.mini{padding:13px 18px;border-radius:14px}
.glass,.service,.spotlight,.profile-card,.workflow,.big-card,.founder-hero,.enquiry,.cta-banner,.contact-links a,.feature-strip>div,.character-lab,.character-card{backdrop-filter:blur(16px) saturate(150%)!important;-webkit-backdrop-filter:blur(16px) saturate(150%)!important}
@keyframes frontBubble{0%{transform:translate3d(0,0,0) scale(.96)}100%{transform:translate3d(14px,-26px,0) scale(1.08)}}
@keyframes plantSway{0%{transform:rotate(-1deg) translateY(0)}100%{transform:rotate(2deg) translateY(-8px)}}
@media(max-width:900px){.premium-floaters .pf{opacity:.55}.topbar,.v2-nav{width:calc(100% - 20px)!important;min-height:64px!important;padding:10px 14px!important;border-radius:21px!important}.site-scene .plant{opacity:.2}.site-scene:before{opacity:.6}}
@media(prefers-reduced-motion:reduce){.premium-floaters .pf,.site-scene .plant{animation:none!important}}

/* Premium CSS character system */
.studio-backdrop{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#eef5ff 0%,#dfe9ff 40%,#6f78c7 72%,#4aa6cb 100%);overflow:hidden}.studio-backdrop:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 35%,rgba(97,214,255,.32),transparent 27%),radial-gradient(circle at 39% 68%,rgba(141,99,255,.28),transparent 34%),linear-gradient(90deg,transparent 0 57%,rgba(255,255,255,.1) 58% 59%,transparent 60%)}
.studio-person{position:absolute;left:9%;bottom:0;width:170px;height:260px}.studio-person .head{position:absolute;width:86px;height:102px;left:43px;top:30px;border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#f2bd99,#ca7d60);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.studio-person .hair{position:absolute;z-index:2;width:100px;height:58px;left:35px;top:16px;border-radius:64% 64% 28% 28%;background:#172033}.studio-person .glasses{position:absolute;z-index:3;width:70px;height:18px;left:52px;top:70px;border-top:4px solid #1d2943;border-bottom:1px solid transparent}.studio-person .body{position:absolute;width:148px;height:140px;left:11px;bottom:0;border-radius:64px 64px 14px 14px;background:linear-gradient(150deg,#f6f9ff,#b4c7ec);box-shadow:inset 0 1px #fff}
.studio-screen{position:absolute;padding:14px 16px;border-radius:17px;background:rgba(103,180,255,.16);border:1px solid rgba(185,230,255,.8);color:#eefbff;font-size:10px;font-weight:900;letter-spacing:.09em;box-shadow:0 0 34px rgba(78,190,255,.17);backdrop-filter:blur(10px)}.ss1{right:8%;top:12%;width:185px;height:86px}.ss2{right:25%;top:49%;width:160px;height:76px}.ss3{right:5%;bottom:12%;width:125px;height:68px}
.vyn-character{position:absolute;left:50%;top:47%;width:116px;height:150px;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 20px rgba(48,62,104,.2))}.vyn-character i{position:absolute;display:block}.vyn-character .head{width:72px;height:82px;left:22px;top:18px;border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#f3bd99,#c97d60);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}.vyn-character .hair{z-index:2;width:82px;height:44px;left:17px;top:7px;border-radius:65% 65% 25% 25%;background:#172033}.vyn-character .body{width:106px;height:75px;left:5px;bottom:0;border-radius:48px 48px 13px 13px;background:linear-gradient(145deg,#f9fbff,#b8c9ef);box-shadow:inset 0 1px #fff}.vyn-character.vc2d .head{border-radius:50%;background:linear-gradient(145deg,#f6c7a6,#d68a69)}.vyn-character.vc2d .hair{background:#2f2340}.vyn-character.vc2d .body{background:linear-gradient(145deg,#ffc9df,#c8d9ff)}.vyn-character.vc3d .hair{background:#121827}.vyn-character.vc3d .body{background:linear-gradient(145deg,#ffffff,#aebfe6)}.vyn-character.vcai .head{background:linear-gradient(145deg,#d8e8ff,#86a5db)}.vyn-character.vcai .body{background:linear-gradient(145deg,#bacdff,#765ff0)}.vyn-character.vcai .halo{z-index:-1;width:108px;height:108px;left:4px;top:2px;border-radius:50%;border:2px solid rgba(100,204,255,.58);box-shadow:0 0 26px rgba(93,173,255,.48)}
.vyn-character.big{position:relative;left:auto;top:auto;transform:none;width:160px;height:210px;margin:auto}.vyn-character.big .head{width:98px;height:110px;left:31px;top:27px}.vyn-character.big .hair{width:112px;height:60px;left:24px;top:10px}.vyn-character.big .body{width:145px;height:105px;left:7px}.vyn-character.big.vcai .halo{width:146px;height:146px;left:7px;top:3px}.premium-char{height:260px!important;display:grid;place-items:center;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.95),rgba(208,229,255,.38) 48%,rgba(120,99,255,.08) 72%,transparent)!important;border-radius:22px}
.animation-hero-showcase .art-card{position:relative;overflow:hidden}.animation-hero-showcase .art-card>span{z-index:4}.animation-hero-showcase .vyn-character{z-index:2}.animation-hero-showcase .art-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.88),transparent 46%),linear-gradient(145deg,rgba(255,255,255,.24),rgba(93,105,210,.09))}

/* FINAL MOBILE HEADER — keep every page navigation visible */
@media(max-width:1000px){.topbar{flex-wrap:wrap!important}.topbar nav{display:flex!important;order:3;width:100%;overflow-x:auto;gap:8px;padding:6px 2px 2px;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{white-space:nowrap;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.86)}.topbar nav a:after{display:none}}
@media(max-width:650px){.topbar{padding:11px 12px!important;border-radius:20px!important}.topbar nav a{font-size:11px!important}.topbar .brandmark{width:66px!important;height:40px!important}.topbar .brand small{display:none}.topbar .cta.mini{display:inline-flex!important;padding:9px 11px!important;font-size:10px!important}}