:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#f8fafc;background-color:#020617;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--scrollY: 0;--pointerX: 0;--pointerY: 0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15),transparent 45%),radial-gradient(circle at 80% 0%,rgba(236,72,153,.15),transparent 40%),#020617;color:inherit}*{box-sizing:border-box}#root{width:100%}.page{display:flex;flex-direction:column;gap:0;color:#e2e8f0;background:linear-gradient(180deg,#0f172ad9,#0f172a)}.hero{position:relative;padding:2.5rem clamp(1.5rem,4vw,4rem) 6rem;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.hero__background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at calc(50% + var(--pointerX) * 12rem) calc(35% + var(--pointerY) * 12rem),#3b82f673,#0f172ae6 55%),radial-gradient(circle at 20% 90%,rgba(236,72,153,.35),transparent 60%),radial-gradient(circle at 85% 10%,rgba(45,212,191,.32),transparent 55%);filter:saturate(120%);opacity:.95}.hero__mesh{position:absolute;inset:10% auto auto 50%;width:clamp(400px,45vw,600px);transform:translate(-50%) translateY(calc(var(--scrollY) * -.04px));opacity:.4}.hero__orbs{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none}.orb{position:absolute;width:18rem;aspect-ratio:1;border-radius:50%;filter:blur(.5px);opacity:.4;mix-blend-mode:screen;animation:float 18s ease-in-out infinite}.orb--one{background:linear-gradient(135deg,#3b82f6cc,#93c5fd33);top:12%;left:6%;animation-delay:-4s}.orb--two{background:linear-gradient(135deg,#ec4899cc,#f8717133);top:65%;right:10%}.orb--three{background:linear-gradient(135deg,#2dd4bfcc,#38bdf833);bottom:-6rem;left:40%;animation-delay:-9s}@keyframes float{0%,to{transform:translate3d(-2%,-2%,0) scale(1)}50%{transform:translate3d(2%,4%,0) scale(1.08)}}.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:2rem}.nav__brand{display:flex;align-items:baseline;gap:.25rem;color:#f8fafc;font-weight:700;letter-spacing:.08em}.nav__brand svg{width:clamp(200px,24vw,260px);fill:currentColor}.nav__domain{font-size:1.25rem;font-weight:500;opacity:.8}.nav__links{display:flex;gap:clamp(1rem,3vw,2.5rem);font-size:.95rem;text-transform:uppercase;letter-spacing:.1em}.nav__links a{position:relative}.nav__links a:after{content:"";position:absolute;bottom:-.35rem;left:0;width:0;height:2px;background:linear-gradient(90deg,#38bdf8,#a855f7);transition:width .3s ease}.nav__links a:hover:after{width:100%}.nav__actions{display:flex;align-items:center;gap:.75rem}.nav__ghost,.nav__cta{font-weight:600;padding:.6rem 1.3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.35);transition:all .3s ease}.nav__ghost:hover{border-color:#94a3b8cc;background:#0f172a99}.nav__cta{background:linear-gradient(135deg,#38bdf8,#a855f7);color:#0f172a;border:none;box-shadow:0 15px 35px #38bdf859}.nav__cta:hover{transform:translateY(-2px);box-shadow:0 18px 45px #a855f766}.hero__content{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,5rem);align-items:center;margin-top:clamp(2rem,4vw,4rem)}.hero__text .badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:#38bdf826;color:#38bdf8;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}.hero__text h1{font-size:clamp(2.8rem,5vw,4.2rem);line-height:1.05;margin:0 0 1.5rem}.hero__text h1 span{color:#38bdf8;display:block}.hero__text .lede{font-size:1.1rem;max-width:36rem;color:#e2e8f0d9;margin-bottom:2rem}.hero__cta-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.6rem;border-radius:999px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.button--primary{background:linear-gradient(135deg,#38bdf8,#a855f7);color:#0f172a;box-shadow:0 15px 35px #38bdf859}.button--primary:hover{transform:translateY(-3px);box-shadow:0 20px 45px #a855f773}.button--secondary{border:1px solid rgba(148,163,184,.4);color:#f8fafc;background:#0f172a8c}.button--secondary:hover{transform:translateY(-3px);border-color:#94a3b8cc}.hero__trust{display:grid;gap:.75rem}.hero__trust-label{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0a6}.hero__trust-grid{display:flex;gap:1rem;flex-wrap:wrap}.hero__trust-grid span{padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);font-size:.85rem}.hero__visual{position:relative}.hero__visual-card{background:#0f172acc;border-radius:1.75rem;padding:2rem;border:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 80px #0f172a8c;transform:perspective(1000px) rotateX(calc(var(--pointerY) * 3deg)) rotateY(calc(var(--pointerX) * -3deg));transition:transform .4s ease}.hero__visual-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#e2e8f0e6}.hero__spark{width:.9rem;height:.9rem;background:linear-gradient(135deg,#22d3ee,#a855f7);border-radius:999px;box-shadow:0 0 12px #22d3eee6}.hero__visual-card ul{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:1rem}.hero__visual-card li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:baseline}.hero__visual-card strong{font-size:1.7rem;color:#38bdf8}.hero__visual-card span{font-size:.95rem;color:#e2e8f0cc}.hero__visual-footer{display:grid;gap:.75rem;color:#e2e8f0b3}.hero__visual-footer svg{width:100%;height:auto}main{display:flex;flex-direction:column;gap:clamp(4rem,6vw,6.5rem);margin-top:-2rem}.section{position:relative;padding:clamp(3rem,5vw,5rem) clamp(1.5rem,6vw,6rem);overflow:hidden}.section__content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;gap:clamp(2rem,4vw,4rem)}.section--dual .section__content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.section__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.parallax{position:absolute;border-radius:999px;filter:blur(40px);opacity:.35;transform:translateY(calc(var(--scrollY) * -.06px))}.parallax--one{width:35rem;aspect-ratio:1;background:#3b82f673;top:-20%;right:-10%}.parallax--two{width:25rem;aspect-ratio:1;background:#0ea5e959;bottom:-25%;left:-15%}.section__copy h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1rem}.section__copy p{color:#e2e8f0c7;font-size:1.05rem}.callout{margin-top:2rem;padding:1.25rem 1.5rem;border-radius:1.25rem;border:1px solid rgba(56,189,248,.3);background:#0f172aa6;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.callout svg{width:3rem;height:3rem;color:#38bdf8}.panel{background:#0f172abf;border:1px solid rgba(148,163,184,.3);border-radius:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 25px 65px #020617a6;display:grid;gap:1.25rem}.panel--glass{background:linear-gradient(140deg,#0f172ac7,#1e293b73);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel h3{margin:0;font-size:1.35rem}.panel label{display:grid;gap:.65rem;font-size:.95rem;color:#e2e8f0bf}.panel input,.panel textarea{border-radius:.9rem;border:1px solid rgba(148,163,184,.35);background:#0f172ad9;color:#f8fafc;padding:.85rem 1rem;font-size:.95rem;transition:border .3s ease,box-shadow .3s ease}.panel input:focus,.panel textarea:focus{outline:none;border-color:#38bdf8e6;box-shadow:0 0 0 3px #38bdf833}.panel button{border:none;border-radius:.9rem;padding:.85rem 1.5rem;font-weight:600;background:linear-gradient(135deg,#38bdf8,#a855f7);color:#0f172a;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.panel button:hover{transform:translateY(-2px);box-shadow:0 18px 35px #38bdf859}.panel button.ghost{background:#0f172a99;color:#f8fafc;border:1px solid rgba(148,163,184,.35);box-shadow:none}.panel button.ghost:hover{border-color:#94a3b8cc}.panel__actions{display:flex;flex-wrap:wrap;gap:.75rem}.panel__hint{font-size:.85rem;color:#94a3b8d9}.panel__preview{display:grid;gap:1rem;padding:1.1rem 1.15rem;border-radius:1.15rem;border:1px solid rgba(56,189,248,.32);background:linear-gradient(160deg,#082f497a,#0f172ae0)}.panel__preview--accent{border-color:#a855f757;background:linear-gradient(160deg,#581c8742,#0f172aeb)}.panel__kicker{margin:0;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#7dd3fc}.panel__preview h4{margin:0;font-size:1.08rem}.panel__summary{margin:0;color:#e2e8f0d1;font-size:.95rem}.preview-grid{display:grid;gap:.9rem}.preview-card{padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(148,163,184,.18);background:#0f172a85;display:grid;gap:.45rem}.preview-card__label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#7dd3fceb}.preview-card p{margin:0;color:#e2e8f0db;font-size:.92rem;line-height:1.45}.section--alt .section__content{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center}.list{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1.5rem}.list--features span{font-weight:600;font-size:1.05rem}.list--features p{margin:.4rem 0 0;font-size:.95rem;color:#e2e8f0c7}.section--features{background:radial-gradient(circle at 15% 20%,rgba(59,130,246,.15),transparent 60%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.15),transparent 65%),#020617e6}.section__lede{max-width:42rem;font-size:1.05rem;color:#e2e8f0c7}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.75rem;margin-top:2.5rem}.feature-card{padding:1.75rem;border-radius:1.5rem;border:1px solid rgba(148,163,184,.25);background:#0f172ab3;box-shadow:0 18px 40px #0f172a8c;display:grid;gap:1rem;transition:transform .4s ease,border .4s ease}.feature-card:hover{transform:translateY(-8px);border-color:#38bdf899}.feature-card__icon{width:3rem;height:3rem;border-radius:.9rem;display:grid;place-items:center;background:#38bdf81f;color:#38bdf8}.feature-card__icon svg{width:65%;height:65%}.section--onboarding{background:linear-gradient(140deg,#3b82f62e,#020617f2)}.onboarding{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.75rem;margin-top:2.5rem}.onboarding__step{background:#0f172acc;border-radius:1.5rem;border:1px solid rgba(148,163,184,.25);padding:1.75rem;display:grid;gap:1rem;position:relative;overflow:hidden}.onboarding__step:after{content:"";position:absolute;inset:auto -40% -50% auto;width:150%;height:140%;background:radial-gradient(circle,rgba(56,189,248,.3),transparent 60%);transform:translateY(calc(var(--scrollY) * -.02px));opacity:.5}.onboarding__index{font-size:2.5rem;font-weight:700;color:#38bdf8}.section--pricing{background:radial-gradient(circle at 20% 10%,rgba(56,189,248,.18),transparent 60%),#020617e6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin-top:3rem}.pricing-card{padding:2rem;border-radius:1.75rem;border:1px solid rgba(148,163,184,.25);background:#0f172abf;display:grid;gap:1.5rem;box-shadow:0 25px 65px #0206178c;position:relative}.pricing-card--highlight{background:linear-gradient(140deg,#38bdf82e,#0f172aeb);border-color:#38bdf88c}.pricing-card__header h3{margin:0;font-size:1.4rem}.pricing-card__price{font-size:2.5rem;font-weight:700;margin:.35rem 0}.pricing-card__tagline{font-size:.95rem;color:#e2e8f0bf}.pricing-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.85rem;color:#e2e8f0cc}.pricing-card__cta{margin-top:.5rem;border-radius:1rem;padding:.95rem;font-weight:600;background:linear-gradient(135deg,#38bdf8,#a855f7);color:#0f172a;border:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.pricing-card__cta:hover{transform:translateY(-3px);box-shadow:0 20px 45px #38bdf859}.section--knowledge{background:#020617f2}.knowledge__intro{display:grid;gap:1.25rem;max-width:46rem}.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2.5rem}.knowledge-card{padding:1.75rem;border-radius:1.5rem;border:1px solid rgba(148,163,184,.2);background:#0f172ab3;display:grid;gap:1rem;position:relative;overflow:hidden}.knowledge-card:before{content:"";position:absolute;inset:-40% auto auto -40%;width:80%;height:80%;background:radial-gradient(circle,rgba(168,85,247,.25),transparent 60%);transform:translateY(calc(var(--scrollY) * -.04px))}.knowledge-card h3{margin:0;font-size:1.2rem;position:relative;z-index:1}.knowledge-card p{margin:0;color:#e2e8f0bf;position:relative;z-index:1}.knowledge-card__link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:#38bdf8;position:relative;z-index:1}.knowledge-card__link svg{width:1rem;height:1rem}.footer{padding:3rem clamp(1.5rem,6vw,6rem) 4rem;background:#010313;color:#e2e8f0bf}.footer__content{display:grid;gap:2rem;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.footer .badge{display:inline-flex;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(148,163,184,.25);color:#f8fafc;margin-bottom:1rem}.footer__links{display:grid;gap:.65rem}.footer__links a{color:#e2e8f0bf}.footer__links a:hover{color:#38bdf8}.footer__legal{grid-column:1 / -1;margin:0;color:#94a3b8bf}@media (max-width: 960px){.hero__content{grid-template-columns:1fr}.nav{flex-wrap:wrap;gap:1.5rem}.nav__links{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:1.2rem}.hero{padding-top:1.75rem}.hero__background{filter:blur(.5px)}}@media (max-width: 720px){.nav__actions{width:100%;justify-content:center}.hero__text .badge{font-size:.75rem}.hero__text h1{font-size:clamp(2.2rem,8vw,2.8rem)}.hero__visual-card{margin:0 auto}.panel__actions{flex-direction:column}.button,.panel button{width:100%}}.moments-scroller{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.moments-scroller::-webkit-scrollbar{height:4px}.moments-scroller::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:2px}.moments-scroller div{transition:transform .1s ease}.moments-scroller div:hover{transform:translateY(-1px)}