.onts-landing{--color-primary:#1b6bf5;--color-primary-dark:#1b5ad6;--color-primary-light:#6ea8ff;--color-purple:#7b66f0;--color-purple-light:#9d8ff8;--color-orange:#ff9330;--color-orange-light:#ffb84d;--color-success:#58b24e;--color-success-light:#7cc96b;--color-teal:#2bb8b8;--color-teal-light:#55d0cb;--color-pink:#f2679b;--color-star:#ffb020;--color-spark:#ffc93c;--color-ink:#16181d;--color-ink-soft:#7a8296;--color-ink-faint:#9aa1b2;--color-surface:#f6f7fa;--color-chip:#eceef4;--color-tint:#eaf1fe;--color-purple-tint:#f0edfd;--color-orange-tint:#fff4e0;--color-success-tint:#e0f0dd;--font-display:"M PLUS Rounded 1c",ui-rounded,system-ui,sans-serif;--font-landing:"Nunito",ui-sans-serif,system-ui,sans-serif;--radius-card:24px;--radius-pill:999px;--shadow-soft:0 8px 30px rgba(22,24,29,.06);--shadow-card:0 12px 36px rgba(27,90,214,.1);--shadow-lift:0 20px 60px rgba(27,90,214,.18)}.onts-landing-html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:84px}@layer base{.onts-landing{-webkit-font-smoothing:antialiased;background:#fff;color:var(--color-ink);font-family:var(--font-landing);font-weight:600;overflow-x:clip}.onts-landing :where(h1,h2,h3,h4){font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;line-height:1.15}.onts-landing ::-moz-selection{background:var(--color-primary);color:#fff}.onts-landing ::selection{background:var(--color-primary);color:#fff}.onts-landing :focus-visible{border-radius:6px;outline:3px solid var(--color-primary);outline-offset:3px}}@layer components{.onts-landing .shell{margin-inline:auto;max-width:1180px;padding-inline:20px;width:100%}@media (min-width:768px){.onts-landing .shell{padding-inline:32px}}.onts-landing .grad-primary{background-image:linear-gradient(135deg,#3d7ff7,#1b5ad6)}.onts-landing .grad-hero{background-image:radial-gradient(1000px 560px at 78% 8%,rgba(110,168,255,.3),transparent 62%),radial-gradient(760px 520px at 6% 22%,rgba(123,102,240,.2),transparent 60%),linear-gradient(180deg,#eef4ff,#f8faff 52%,#fff)}.onts-landing .text-grad{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(100deg,var(--color-primary) 10%,var(--color-teal) 55%,var(--color-orange) 100%);color:transparent}.onts-landing .card{background:#fff;border:1px solid rgba(22,24,29,.05);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.onts-landing .btn{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-family:var(--font-display);font-weight:800;gap:10px;justify-content:center;line-height:1;padding:16px 28px;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease,filter .18s ease}.onts-landing .btn-primary{background-image:linear-gradient(135deg,#3d7ff7,#1b5ad6);box-shadow:0 12px 28px #1b6bf557;color:#fff}.onts-landing .btn-primary:hover{box-shadow:0 16px 34px #1b6bf56b;transform:translateY(-2px)}.onts-landing .btn-primary:active{transform:translateY(0)}.onts-landing .btn-ghost{background:#fff;border:2px solid rgba(27,107,245,.18);color:var(--color-primary)}.onts-landing .btn-ghost:hover{border-color:#1b6bf566;transform:translateY(-2px)}.onts-landing .eyebrow{align-items:center;background:var(--color-tint);border-radius:var(--radius-pill);color:var(--color-primary);display:inline-flex;font-family:var(--font-display);font-size:13px;font-weight:800;gap:8px;letter-spacing:.02em;padding:8px 16px}}@layer utilities{.onts-landing .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.3,1);transition-delay:var(--reveal-delay,0ms)}.onts-landing .reveal.is-visible{opacity:1;transform:none}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse-glow{0%,to{box-shadow:0 12px 40px #1b6bf56b}50%{box-shadow:0 18px 56px #1b6bf59e}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.onts-landing .anim-float{animation:float-y 6s ease-in-out infinite}.onts-landing .anim-glow{animation:pulse-glow 4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.onts-landing-html{scroll-behavior:auto}.onts-landing .reveal{opacity:1;transform:none;transition:none}.onts-landing .anim-float,.onts-landing .anim-glow{animation:none}.onts-landing *,.onts-landing :after,.onts-landing :before{animation-duration:.001ms!important;transition-duration:.001ms!important}}}