*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;background:#fff}:root{--bg: #fff;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef2ff;--fg: #0f172a;--fg-weak:#475569;--fg-strong:#0b1220;--primary:#2563eb;--primary-600:#1d4ed8;--primary-700:#1e40af;--accent:#22c55e;--danger:#ef4444;--warning:#f59e0b;--ring: 0 0 0 .125rem rgba(37,99,235,.35)}h1{font-size:clamp(28px,5.2vw,46px);line-height:1.1;margin:0 0 10px;color:var(--fg-strong)}h2{font-size:clamp(22px,3.8vw,30px);line-height:1.15;margin:0 0 8px;color:var(--fg-strong)}h3{font-size:clamp(18px,3.2vw,22px);line-height:1.2;margin:0 0 6px;color:var(--fg-strong)}p{font-size:clamp(15px,2.6vw,17px);color:var(--fg-weak);margin:0 0 12px}.container{width:min(1200px,100%);margin-inline:auto;padding-inline:clamp(14px,3vw,24px)}.section{padding:clamp(18px,3vw,28px) 0}.row{display:grid;gap:clamp(12px,2.4vw,20px)}.row.cols-2{grid-template-columns:1fr}@media (min-width: 900px){.row.cols-2{grid-template-columns:1fr 1fr}}.card{background:var(--surface);border:1px solid #e5e7eb;border-radius:16px;padding:clamp(14px,2.6vw,20px);box-shadow:0 10px 30px #0206170a}.hero{background:linear-gradient(180deg,#ffedd5,#fef3c7 35%,#fde68a);padding:clamp(24px,6vw,56px) 0}.hero h1{color:#0b1220}.hero .lead{font-size:clamp(16px,2.8vw,18px);color:#334155}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:12px;border:1px solid transparent;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:.18s ease background-color,.18s ease transform,.18s ease box-shadow,.18s ease border-color,.18s ease color}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:active{transform:translateY(1px)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:#eff6ff}.btn-ghost{background:#f1f5f9;color:var(--fg-strong)}.btn-ghost:hover{background:#e2e8f0}.btn-danger:hover{filter:brightness(.95)}.badge{background:#eef2ff;color:#1e40af;padding:.35rem .6rem;border-radius:999px;font-weight:600;font-size:.78rem;display:inline-block}.nav{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.nav a{color:#0f172a;text-decoration:none;font-weight:600;padding:.5rem .75rem;border-radius:.65rem}.nav a[aria-current=page]{background:#dbeafe}.nav a[aria-disabled=true]{color:#94a3b8;pointer-events:none}.contrast-strong{color:var(--fg-strong)!important}.contrast-light{color:#fff!important}.on-dark{color:#fff}.on-light{color:#0b1220}img,canvas{max-width:100%;height:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{font-weight:800;font-size:clamp(18px,3.2vw,22px)}.site-footer{margin-top:40px;background:#0f172a;color:#e6ecff}.site-footer .footer-inner{display:grid;grid-template-columns:1.2fr 2fr;gap:clamp(16px,3vw,24px);padding:32px 0}@media (max-width: 900px){.site-footer .footer-inner{grid-template-columns:1fr}}.logo{font-weight:900;font-size:20px;letter-spacing:.2px}.logo span{color:#60a5fa}.muted{color:#b9c6e4;margin-top:6px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.footer-links h4{margin:0 0 10px;font-size:14px;letter-spacing:.3px;text-transform:uppercase;color:#a9b7d9}.footer-links a{color:#dbe7ff;text-decoration:none;margin:6px 0;display:inline-block}.footer-links a:hover{color:#90c2ff}.footbar{background:#0b1220;color:#a9b7d9;font-size:13px;padding:10px 0}.tiny{text-align:center}.home .container{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,3vw,28px);box-sizing:border-box}.section{padding:48px 0}.section-title{font-size:clamp(24px,3vw,34px);font-weight:800;margin:0 0 20px}.hero{padding-top:24px;padding-bottom:24px}.hero-card{background:linear-gradient(180deg,#eaf2ff,#f0f4ff);border-radius:22px;padding:clamp(24px,4vw,40px);box-shadow:0 8px 24px #10224d14}.hero-title{margin:0 0 10px;font-size:clamp(32px,5vw,54px);line-height:1.1;font-weight:900}.hero-sub{margin:0 0 24px;font-size:clamp(16px,2.4vw,20px);color:#344159}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;transition:transform .06s ease,box-shadow .2s ease;border:2px solid transparent;cursor:pointer}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 8px 18px #2563eb40}.btn-primary:hover{transform:translateY(-1px)}.btn-outline{background:#fff;border-color:#2563eb;color:#2563eb}.btn-outline:hover{background:#ebf2ff}.btn.block{width:100%}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,24px)}@media (max-width: 980px){.cards{grid-template-columns:1fr}}.card{background:#fff;border-radius:16px;padding:18px 18px 14px;box-shadow:0 10px 24px #0000000d;border:1px solid #eef2ff}.card-title{margin:12px 0 0;font-weight:800;font-size:clamp(16px,2.4vw,18px)}.card-icons{display:flex;gap:10px;align-items:center}.dot{width:36px;height:36px;border-radius:50%;display:inline-block}.dot.blue{background:#b7d1ff;box-shadow:inset 0 -6px #335a88}.dot.pink{background:#ffc3cc;box-shadow:inset 0 -6px #7a3a49}.ring{width:36px;height:36px;border:3px dashed #8da2c7;border-radius:50%}.tiles{width:82px;height:36px;border-radius:8px;background-image:radial-gradient(#9fb3d8 1px,transparent 1px);background-size:8px 8px;background-color:#eff4ff}.steps{margin:0;padding-left:18px;display:grid;gap:8px;font-size:16px;color:#2c3950}.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,24px)}@media (max-width: 980px){.pricing{grid-template-columns:1fr}}.plan{background:#fff;border:1px solid #e8eefb;border-radius:16px;padding:clamp(18px,3.2vw,24px);box-shadow:0 12px 28px #10224d0f}.plan.highlight{border-color:#bfd3ff;box-shadow:0 16px 32px #2563eb1f}.plan-name{margin:0 0 6px;font-size:20px;font-weight:900}.plan-price{margin:0 0 14px;font-size:22px;font-weight:800;color:#14213d}.plan-list{margin:0 0 16px;padding-left:18px}.plan-list li{margin:6px 0}.faq{background:#fff;border:1px solid #e8eefb;border-radius:12px;padding:12px 14px;margin:8px 0}.faq>summary{cursor:pointer;font-weight:700}.faq>p{margin:10px 0 0;color:#2f3d57}:root{--bg:#f6f8fc;--card:#ffffff;--text:#0f172a;--muted:#475569;--primary:#2563eb;--primary-600:#1d4ed8;--accent:#0ea5e9;--success:#10b981;--danger:#ef4444;--shadow:0 10px 25px rgba(2, 6, 23, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:24px}.header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:var(--shadow)}.header__inner{display:flex;align-items:center;gap:24px}.brand{font-weight:800;font-size:24px;text-decoration:none;color:var(--text)}.brand span{color:var(--primary)}.nav{display:flex;gap:12px;margin-left:8px}.nav-link{padding:10px 14px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:600}.nav-link:hover{background:#eef2ff;color:var(--primary)}.nav-link--active{background:#e0e7ff;color:var(--primary);box-shadow:var(--shadow)}.header__auth{margin-left:auto;display:flex;gap:12px;align-items:center}.user-pill{background:#eef2ff;border-radius:999px;padding:8px 12px;font-weight:600;color:var(--primary)}.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-600)}.btn-outline{background:#fff;border:2px solid var(--primary);color:var(--primary)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.select,.input{border-radius:10px;border:1px solid #dbe0ea;padding:10px 12px}.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:20px;margin-bottom:24px}.card--sm{max-width:460px;margin:48px auto}.card__actions{display:flex;gap:8px;justify-content:space-between}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.thumb{width:100%;height:220px;object-fit:cover;border-radius:12px;background:#f1f5f9}.hero{background:linear-gradient(180deg,#eaf2ff,#f7fbff);border-radius:24px;margin-top:16px}.hero__card{max-width:900px;margin:auto;padding:54px 32px;text-align:left}.hero__cta{display:flex;gap:12px;margin-top:16px}.hero h1{font-size:48px;margin:0 0 8px}.hero p{color:var(--muted)}.slider{margin-top:32px}.slider h2{margin:8px 0 16px}.slider__rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.slide{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.slide__svg{display:block;width:100%;height:auto}.slide__caption{padding:12px;font-weight:600}.plans__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.plan{background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow)}.plan--featured{border:2px solid var(--primary)}.plan__price{font-size:22px;font-weight:800;margin:8px 0}.center{display:flex;justify-content:center;align-items:center;padding:40px}.studioBar{display:flex;gap:12px;align-items:center;background:#0b1221;color:#e2e8f0;border-radius:12px;padding:12px 16px;margin-bottom:16px}.studioBar .btn{background:#1f2937;color:#fff}.studioBar .btn-primary{background:var(--primary)}.studioBar .btn-success{background:var(--success)}.studioBar input[type=range]{accent-color:var(--primary)}.seg{opacity:.8}.ok{margin-left:8px;color:var(--success);font-weight:700}.studioGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.canvas{width:100%;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.switch{position:relative;display:inline-block;width:58px;height:32px}.switch input{display:none}.sliderRound{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:32px;transition:.2s}.sliderRound:before{position:absolute;content:"";height:24px;width:24px;left:4px;top:4px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.sliderRound{background:var(--primary)}.switch input:checked+.sliderRound:before{transform:translate(26px)}header,.site-header{width:100%}header+*,.site-header+*{max-width:var(--site-max);width:100%;margin-inline:auto!important;padding-inline:var(--pad-x);box-sizing:border-box;padding-top:clamp(12px,2.5vw,28px)}body>main,#root>main,#root>div>main,#root>div>.page,#root>div>.content,#root>div>.app,#root>div>:not(header):not(.site-header):first-child{max-width:var(--site-max);width:100%;margin-inline:auto!important;padding-inline:var(--pad-x);box-sizing:border-box}footer,.site-footer{padding-inline:var(--pad-x)}img,canvas,video{max-width:100%;height:auto;box-sizing:border-box}:root{--site-max: 1200px;--pad-x: clamp(16px, 3vw, 28px)}#home{max-width:var(--site-max);margin-inline:auto;padding-inline:var(--pad-x);box-sizing:border-box}#home>section{max-width:var(--site-max);margin-inline:auto;padding-inline:var(--pad-x);box-sizing:border-box}#home .full-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-inline:var(--pad-x);box-sizing:border-box}#home img,#home canvas,#home video{max-width:100%;height:auto}