@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Fraunces:opsz,wght@9..144,700;9..144,800&display=swap');
:root{--ink:#182237;--muted:#66758e;--paper:#fbfcff;--soft:#eef2ff;--lav:#6b5cf6;--violet:#9a4df4;--sky:#63ccf0;--line:#dfe5f3;--card:#fff;--shadow:0 24px 70px rgba(38,52,91,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#eef0ff 0 18%,transparent 38%),linear-gradient(115deg,#fff 0%,#f6f9ff 46%,#f3efff 100%);font-family:Manrope,system-ui,sans-serif;color:var(--ink);overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient span{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35;animation:float 10s ease-in-out infinite}.ambient span:nth-child(1){width:420px;height:420px;background:#b5a4ff;left:-160px;top:130px}.ambient span:nth-child(2){width:340px;height:340px;background:#9be8ff;right:-120px;top:35%}.ambient span:nth-child(3){width:300px;height:300px;background:#d7d1ff;left:55%;bottom:-120px}@keyframes float{50%{transform:translate3d(30px,-22px,0) scale(1.05)}}.topbar{width:min(1180px,calc(100% - 42px));margin:20px auto 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(107,92,246,.18);background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-radius:999px;position:sticky;top:14px;z-index:20;box-shadow:0 14px 34px rgba(80,73,141,.08)}.topbar.compact{position:relative}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:-.02em}.brand img{width:38px;height:38px;border-radius:12px}.topbar nav{display:flex;gap:10px}.topbar nav a,.back{color:var(--muted);text-decoration:none;font-weight:800;padding:10px 14px;border-radius:999px}.topbar nav a:hover,.back:hover{background:var(--soft);color:var(--lav)}.hero{width:min(1180px,calc(100% - 32px));margin:28px auto 0;min-height:680px;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;position:relative}.diagonal:before{content:"";position:absolute;inset:30px auto 30px -8vw;width:72%;background:linear-gradient(140deg,#272e87 0%,#704df5 55%,#5cd2f2 100%);clip-path:polygon(0 0,72% 0,100% 100%,0 100%);border-radius:0 42px 42px 0;opacity:.96;z-index:-1;box-shadow:var(--shadow)}.hero-copy{color:white;padding:56px 0 56px 34px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;color:#50d4ef}.hero h1,.policy-hero h1{font-family:Fraunces,serif;font-size:clamp(3.3rem,8vw,7.3rem);line-height:.9;margin:0 0 22px;letter-spacing:-.06em}.lead{font-size:1.18rem;line-height:1.7;max-width:620px;color:rgba(255,255,255,.82)}.hero-actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:18px;text-decoration:none;font-weight:900}.primary{background:white;color:#574cf0}.ghost{border:1px solid rgba(255,255,255,.35);color:white}.hero-art{position:relative;min-height:520px}.banner{width:100%;border-radius:32px;box-shadow:var(--shadow);transform:rotate(1.5deg);animation:tilt 7s ease-in-out infinite}@keyframes tilt{50%{transform:rotate(-1deg) translateY(-10px)}}.orb-card{position:absolute;left:7%;bottom:2%;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.86);border:1px solid white;border-radius:28px;padding:16px 22px;box-shadow:var(--shadow);font-weight:900}.orb-card img{width:62px;border-radius:18px}.strip{width:min(1040px,calc(100% - 32px));margin:40px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.strip div{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 14px 35px rgba(47,63,103,.08)}.strip span{display:block;color:var(--lav);font-weight:900}.strip b{display:block;font-size:1.3rem;margin:7px 0}.strip p{color:var(--muted);line-height:1.6;margin:0}.showcase{width:min(1180px,calc(100% - 32px));margin:70px auto;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.phone-stack{height:620px;position:relative}.phone-stack img{position:absolute;width:270px;border-radius:26px;box-shadow:0 28px 70px rgba(31,41,77,.22);border:7px solid #111827}.phone-stack img:nth-child(1){left:8%;top:70px;transform:rotate(-7deg)}.phone-stack img:nth-child(2){left:34%;top:0;transform:rotate(5deg);z-index:2}.phone-stack img:nth-child(3){left:60%;top:90px;transform:rotate(9deg)}.feature-copy h2,.section-head h2,.contact-ribbon h2{font-family:Fraunces,serif;font-size:clamp(2.5rem,5vw,5rem);line-height:.95;margin:0 0 18px;letter-spacing:-.05em}.feature-copy p,.contact-ribbon p{font-size:1.05rem;color:var(--muted);line-height:1.75}.ticks{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}.ticks li{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid var(--line);font-weight:800}.ticks li:before{content:'✓';color:var(--lav);margin-right:10px}.studio{width:min(1180px,calc(100% - 32px));margin:80px auto;padding:50px;border-radius:46px;background:#111a2c;color:white;position:relative;overflow:hidden}.studio:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,#7b5cff,transparent 70%);opacity:.5}.section-head{position:relative}.service-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.service{padding:26px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:28px;transition:.25s transform,.25s background}.service:hover{transform:translateY(-8px);background:rgba(255,255,255,.1)}.service .mark{font-size:1.5rem;color:#6de7ff}.service h3{font-size:1.25rem;margin:18px 0 12px}.service p{color:#cbd5e1;line-height:1.65;margin:0}.contact-ribbon{width:min(1180px,calc(100% - 32px));margin:70px auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:stretch}.contact-ribbon>div{border-radius:36px;border:1px solid var(--line);background:rgba(255,255,255,.78);box-shadow:var(--shadow);padding:34px}.contact-cards{display:grid;gap:14px}.contact-cards a{display:flex;align-items:center;padding:20px 22px;background:#f6f8ff;border-radius:22px;text-decoration:none;color:var(--ink);font-weight:900}.contact-cards a:hover{background:#e9edff;color:var(--lav)}.site-footer{width:min(1180px,calc(100% - 32px));margin:70px auto 24px;padding:22px 0 0;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--ink)}.footer-brand img{width:36px;border-radius:10px}.footer-line{height:1px;background:var(--line)}.site-footer a{color:var(--lav);text-decoration:none;font-weight:900}.site-footer small{grid-column:1/-1}.policy-page{width:min(980px,calc(100% - 32px));margin:36px auto}.policy-hero{border-radius:42px;padding:50px;background:linear-gradient(135deg,#242b78,#8f50f4);color:white;box-shadow:var(--shadow)}.policy-hero h1{font-size:clamp(3rem,7vw,6rem)}.policy-card{margin-top:24px;border:1px solid var(--line);background:rgba(255,255,255,.88);border-radius:36px;padding:24px 34px;box-shadow:var(--shadow)}.policy-section{border-bottom:1px solid var(--line);padding:22px 0}.policy-section:last-child{border-bottom:0}.policy-section h2{font-size:1.2rem;margin:0 0 8px}.policy-section p{color:var(--muted);line-height:1.75;margin:0 0 10px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}@media (max-width:900px){.topbar{border-radius:24px;align-items:flex-start}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.hero,.showcase,.contact-ribbon{grid-template-columns:1fr}.diagonal:before{width:100%;clip-path:none;border-radius:36px;inset:0}.hero{min-height:auto}.hero-copy{padding:42px 26px}.hero-art{min-height:auto}.strip,.service-grid{grid-template-columns:1fr}.phone-stack{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phone-stack img{position:static;width:100%;transform:none!important;border-width:4px}.studio{padding:30px 20px}.site-footer{grid-template-columns:1fr;text-align:left}.footer-line{display:none}}@media (max-width:560px){.topbar nav a{padding:8px}.hero-actions{flex-direction:column}.strip{margin-top:24px}.contact-ribbon h2,.feature-copy h2,.section-head h2{font-size:2.5rem}.policy-card{padding:18px}.brand strong{font-size:.9rem}}