:root{--bg: #0a0321;--gradient-start: #0f004d;--gradient-end: #9b6bff;--surface: #ffffff;--ink: #0f1222;--muted: #5b5f73;--primary: #6C4FBB;--primary-600: #5b40a5;--primary-700: #4a358a;--ring: rgba(108,79,187,.25);--card: #f8f8ff}*{box-sizing:border-box}.home{color:var(--ink);background:#fafbff;min-height:100dvh}.hero{color:#fff;background:radial-gradient(1200px 600px at 20% -20%,rgba(255,255,255,.12),transparent 60%),linear-gradient(135deg,var(--gradient-start),var(--gradient-end));padding:32px 24px 48px}.hero__top{max-width:1120px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between}.hero__grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}@media (max-width: 900px){.hero__grid{grid-template-columns:1fr}}.hero__eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin-bottom:22px}.hero__title{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:6px 0 12px;letter-spacing:.2px}.hero__subtitle{color:#ffffffe6;font-size:clamp(15px,1.6vw,18px);margin-top:28px;margin-bottom:28px}.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.btn{--h: 44px;height:var(--h);padding:0 18px;border-radius:12px;border:1px solid transparent;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:.2s;text-decoration:none}.btn--primary{background:#fff;color:var(--primary-700);box-shadow:0 8px 22px #0003}.btn--primary:hover{transform:translateY(-1px)}.btn--ghost{background:#ffffff47;color:#fff;border-color:#ffffffe6}.btn--ghost:hover{background:#fff;color:var(--primary-700)}.btn--xl{--h: 56px;font-size:18px;padding:0 26px}.hero__panel{display:flex;flex-direction:column;gap:14px}.hero__panel-card{border-radius:18px;padding:14px 16px;background:#0e013580;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 40px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero__panel-card--template{transform:translateY(4px)}.hero__panel-card--extract{background:#13034ab3}.hero__panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hero__pill{font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding:4px 10px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.24)}.hero__pill--soft{background:#ffffff14}.hero__status-dot{width:8px;height:8px;border-radius:999px;background:#4ade80;box-shadow:0 0 0 6px #4ade8040}.hero__panel-title{font-size:14px;font-weight:600;margin-bottom:10px}.hero__panel-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.hero__row{height:6px;border-radius:999px;background:#ffffff2e}.hero__row--bold{height:8px;background:#ffffffe6}.hero__row--short{width:60%}.hero__panel-footer{display:flex;flex-wrap:wrap;gap:6px}.hero__chip{font-size:11px;padding:4px 9px;border-radius:999px;background:#7b61e247;border:1px solid rgba(215,197,255,.65)}.hero__chip--ghost{background:transparent;border-color:#ffffff42}.hero__progress{height:6px;border-radius:999px;background:#ffffff26;overflow:hidden;margin-top:4px}.hero__progress-bar{width:70%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a3e635,#22c55e)}.hero__badge-row{margin-top:10px}.about{max-width:1120px;margin:28px auto 0;padding:0 24px}.about__card{display:grid;grid-template-columns:44px 1fr;gap:14px;background:#fff;border:1px solid #ececf7;border-radius:14px;padding:16px 18px;box-shadow:0 10px 24px #1018280f;transform:translateY(-10px)}.about__icon{color:var(--primary);display:grid;place-items:center}.about__text{color:#2f3553;font-size:16px;line-height:1.6}.section-title{font-size:22px;font-weight:800;letter-spacing:.2px;margin:18px auto 14px;max-width:1120px;padding:0 24px;color:#1c2136}.steps__grid{list-style:none;margin:0 auto;padding:0 24px 8px;max-width:1120px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.steps__grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.steps__grid{grid-template-columns:1fr}}.step{background:#fff;border:1px solid #ececf6;border-radius:16px;padding:18px;text-align:center;position:relative;box-shadow:0 8px 20px #1219280d}.step__badge{position:absolute;top:12px;left:12px;width:28px;height:28px;border-radius:50%;background:#f1ecff;color:var(--primary-700);font-weight:700;display:grid;place-items:center;font-size:14px}.step__icon{height:56px;display:grid;place-items:center;color:var(--primary)}.u-stroke{stroke:currentColor}.step__title{margin-top:8px;font-weight:700;color:#2a2f4f}.tutorial{margin:24px auto 0;padding:0 24px}.tutorial__wrapper{max-width:1120px;margin:0 auto;background:#fff;border:1px solid #ececf6;border-radius:16px;padding:18px;box-shadow:0 10px 24px #1018280f;display:flex;justify-content:center;align-items:center}.tutorial__video{width:60%;border-radius:12px;outline:none}.benefits{padding:10px 24px 0}.benefits__card{max-width:1120px;margin:0 auto;background:#fff;border:1px solid #ececf6;border-radius:16px;padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;box-shadow:0 12px 24px #1219280f}@media (max-width: 900px){.benefits__card{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.benefits__card{grid-template-columns:1fr}}.benefit{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px}.benefit__icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--primary-700);background:#f4f0ff;border:1px solid #efeaff}.benefit__title{font-weight:700;color:#2c3150}.final-cta{max-width:1120px;margin:22px auto 0;padding:0 24px 28px;display:flex;justify-content:center}.btn--primary.btn--xl{background:linear-gradient(180deg,#7d5cf9,#0f004d);color:#fff;border:none;box-shadow:0 14px 32px #6c4fbb59}.btn--primary.btn--xl:hover{filter:brightness(1.03);transform:translateY(-1px)}.footer{text-align:center;color:#8388a6;font-size:13px;padding:18px 16px 36px}