:root{--display:"Poppins",system-ui,sans-serif;--body:"Mulish",system-ui,sans-serif;--display-weight:800;--display-track:-.03em;--radius:20px;
--paper:#F5F7FF;--ink:#16163A;--brand:#5546E0;--brand-ink:#fff;--accent:#26D9A0;--accent-ink:#0D2A22;--accent-text:#0E8A63;--stone:#EAEEFF;--line:#D9DEF7}
html[data-theme="sky"]{--brand:#1C7CE0;--accent:#FFC94D;--accent-ink:#2A1E00;--accent-text:#946A00}
html[data-theme="pink"]{--brand:#D6457A;--accent:#7FE3D0;--accent-ink:#0D2A26;--accent-text:#1E7F6E}
html[data-theme="green"]{--brand:#197A5B;--accent:#B9F26B;--accent-ink:#1A2A05;--accent-text:#4E7A14}
.btn-soft{background:#fff;color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand)}
.site-header .logo .mark{background:var(--brand);border-radius:12px}
.hero-ots{padding:2.5rem 0 3.5rem;background:radial-gradient(60rem 30rem at 100% 0,#E3E0FF,transparent 60%),var(--paper);overflow:hidden}
.ots-grid{display:grid;gap:2.5rem;align-items:center}
.ots-pill{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.85rem;padding:.35rem .9rem;border-radius:999px;margin-bottom:1rem}
.hero-ots h1{font-size:clamp(2.9rem,12vw,5.6rem);line-height:.95;max-width:8ch;color:var(--ink)}
.ots-visual{position:relative;padding:0 0 2rem}
.ots-visual .photo{aspect-ratio:1/1;border-radius:42% 58% 52% 48%/48% 44% 56% 52%;box-shadow:0 24px 50px rgba(85,70,224,.22)}
.ots-visual .photo .tag{top:14%;bottom:auto;left:auto;right:16%}
.ots-check{position:absolute;left:0;bottom:0;background:#fff;border-radius:18px;padding:.9rem 1.1rem;list-style:none;display:grid;gap:.35rem;box-shadow:0 12px 30px rgba(22,22,58,.12);font-weight:700;font-size:.92rem}
.ots-check li::before{content:"✓";display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;margin-right:.5rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.75rem}
.bub{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(255,255,255,.2) 60%,rgba(85,70,224,.18));border:1.5px solid rgba(255,255,255,.9);box-shadow:0 4px 10px rgba(85,70,224,.15)}
.b1{width:3.2rem;height:3.2rem;right:4%;top:-2%}.b2{width:1.8rem;height:1.8rem;right:20%;top:8%}.b3{width:2.4rem;height:2.4rem;right:-1%;top:26%}
.sec-services .svc-grid{gap:1.25rem}
.svc{background:#fff;border-radius:22px;padding:.7rem .7rem 1.2rem;box-shadow:0 6px 24px rgba(22,22,58,.06)}
.svc .photo{aspect-ratio:4/3;border-radius:16px}
.svc-body{padding:0 .4rem}
.svc h3{font-size:1.3rem}
.sec-violet{background:var(--brand);color:#fff}
.sec-violet h2{color:#fff}
.sec-violet .quotes li{background:rgba(255,255,255,.1);border-radius:20px;padding:1.3rem}
.sec-violet .quotes blockquote{font-size:1.15rem;font-weight:700}
.sec-violet .quotes cite{color:rgba(255,255,255,.78)}
.sec-steps .steps li{border-top:0;background:#fff;border-radius:20px;padding:1.3rem}
.sec-steps .steps li::before{color:var(--brand);font-family:var(--display)}
.cta-band{background:var(--ink)}
@media (min-width:800px){.hero-ots{padding:4.5rem 0}.ots-grid{grid-template-columns:1fr 1fr;gap:4rem}
.ots-check{left:-1.5rem}.sec-services .svc-grid{grid-template-columns:repeat(3,1fr)}}