*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial;color:#1a1a1a;background:var(--bg)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,a,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:10px}:root{--bg: #fffaf4;--surface: #ffffff;--ink: #15202b;--muted: #5f6b7a;--primary: #ff6b6b;--secondary: #6c5ce7;--accent: #ffd166;--mint: #2ec4b6;--shadow: 0 10px 30px rgba(20, 20, 20, .08);--radius-xl: 22px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--container: 1200px}.container{width:min(var(--container),92%);margin-inline:auto}.title{font-family:Fredoka,system-ui;letter-spacing:.2px}.btn{display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 1.2rem;border-radius:999px;font-weight:600;background:var(--primary);color:#fff;box-shadow:var(--shadow);transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.02);box-shadow:0 14px 34px #ff6b6b4d}.btn.secondary{background:var(--secondary);box-shadow:0 10px 30px #6c5ce740}.tag{display:inline-block;padding:.45rem .8rem;border-radius:999px;background:#6c5ce71a;color:#2d2a6b;font-weight:600;font-size:.9rem}header{position:sticky;top:0;z-index:50;background:#ffffffa8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #00000008}.nav{display:flex;align-items:center;justify-content:space-between;height:78px}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.5rem;color:#2b2b2b}.brand__logo{width:36px;height:36px;border-radius:12px;background:conic-gradient(from 200deg,var(--primary),var(--accent),var(--mint),var(--secondary),var(--primary));box-shadow:var(--shadow);position:relative}.brand__logo:after{content:"";position:absolute;inset:3px;border-radius:10px;background:#fff;mix-blend-mode:screen;opacity:.25}nav ul{list-style:none;display:flex;align-items:center;gap:1.4rem;padding:0;margin:0}nav a{color:#334155;font-weight:600;opacity:.9}nav a:hover{opacity:1}.hero{position:relative;padding:72px 0 48px}.hero__wrap{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:56px}.hero__title{font-size:clamp(40px,4.4vw,64px);line-height:1.05;margin:0 0 1rem;color:var(--ink)}.hero__subtitle{font-size:1.1rem;color:var(--muted);margin:0 0 1.6rem;max-width:60ch}.hero__ctas{display:flex;gap:.8rem;flex-wrap:wrap}.hero__art{position:relative;aspect-ratio:4/3;border-radius:var(--radius-xl);background:radial-gradient(1200px 500px at 20% 10%,rgba(255,209,102,.35),transparent 60%),radial-gradient(800px 400px at 80% 80%,rgba(108,92,231,.22),transparent 60%),var(--surface);box-shadow:var(--shadow);overflow:hidden}.features{padding:28px 0 72px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000014}.card__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff4f4}.card:nth-child(2) .card__icon{background:#f1efff}.card:nth-child(3) .card__icon{background:#ebfffb}.card h3{margin:.2rem 0;font-family:Fredoka;font-size:1.25rem}.card p{margin:0;color:var(--muted)}.highlight{padding:62px 0}.highlight__wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.highlight__panel{background:linear-gradient(135deg,#2ec4b61a,#6c5ce714);border:2px dashed rgba(108,92,231,.25);border-radius:var(--radius-xl);padding:28px}.list{list-style:none;padding-left:0;margin:14px 0 0;display:grid;gap:12px}.list li{display:flex;align-items:start;gap:.7rem}.bullet{width:22px;height:22px;border-radius:999px;background:var(--accent);display:inline-grid;place-items:center;font-weight:800}footer{margin-top:72px;background:#0f172a;color:#e9edf3}.footer__wrap{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:36px;padding:44px 0}.footer__brand{display:flex;gap:.8rem;align-items:center;font-weight:800}.social{display:flex;gap:.8rem}.social a{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#17223b}.legal{border-top:1px solid #1e2a46;padding:18px 0;color:#9fb1c8;font-size:.92rem}@media (max-width: 1024px){.hero__wrap,.highlight__wrap{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}@media (max-width: 680px){.grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.btn,.card{transition:none!important}}:root{--bg: #fff6ee;--card: #fffdfb;--ink: #0f1523;--muted: #6b7686;--primary: #ff6b6b;--pill: #8067f0;--input: #e6e8ee;--shadow: 0 22px 60px rgba(15, 21, 35, .08);--radius-xl: 28px;--radius-lg: 22px}.wrap{min-height:100svh;display:grid;place-items:center;padding:40px;position:relative;overflow:hidden;background:var(--bg);color:var(--ink)}.blob{position:absolute;z-index:0;opacity:.95;filter:drop-shadow(0 8px 30px rgba(0,0,0,.08))}.blob--tl{top:-80px;left:-60px;width:min(34vw,380px)}.blob--tr{top:-50px;right:-60px;width:min(30vw,320px)}.blob--bl{bottom:-70px;left:-40px;width:min(28vw,300px)}.blob--br{bottom:-60px;right:-50px;width:min(32vw,340px)}.card{position:relative;z-index:1;width:min(760px,92%);background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:42px 36px;text-align:center}.pill{display:inline-block;max-width:200px;background:var(--pill);color:#fff;font-weight:700;font-family:Fredoka,system-ui;padding:.5rem 1rem;border-radius:999px;font-size:1.05rem;letter-spacing:.2px;margin:0 auto}h1{font-family:Fredoka,system-ui;font-size:clamp(36px,4.8vw,60px);line-height:1.05;margin:.2rem 0 .6rem}.sub{color:var(--muted);font-size:1.1rem;margin:0 0 1.4rem}.form{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:8px}.input{min-width:280px;padding:1rem;border-radius:16px;border:2px solid var(--input);background:#fff;font:inherit;outline:none}.input:focus{border-color:#cfd4e3;box-shadow:0 0 0 4px #8067f01f}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.4rem;border-radius:16px;border:0;cursor:pointer;background:var(--primary);color:#fff;font-weight:700;font-size:1.05rem;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 36px #ff6b6b47}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}