:root{color-scheme:light; --primary:#5b63d8; --primary-dark:#454bb8; --ink:#172033; --muted:#596579; --line:#e2e7f0; --soft:#f5f7ff; --surface:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0; color:var(--ink); background:#fbfcff; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; line-height:1.65}a{color:var(--primary-dark)}.landing-container{width:min(1120px,calc(100% - 40px)); margin:0 auto}.landing-header{position:sticky; top:0; z-index:10; border-bottom:1px solid rgba(226,231,240,0.9); background:rgba(255,255,255,0.94); backdrop-filter:blur(14px)}.landing-header-inner{min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:20px}.landing-logo{color:var(--ink); font-size:1.1rem; font-weight:750; text-decoration:none}.landing-logo span{color:var(--primary)}.landing-nav-link{color:var(--muted); font-weight:600; text-decoration:none}.landing-hero{padding:72px 0 64px; background:radial-gradient(circle at 82% 18%,rgba(124,135,255,0.18),transparent 32%),linear-gradient(180deg,#fff 0%,var(--soft) 100%)}.landing-hero-grid{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,0.9fr); align-items:center; gap:64px}.landing-eyebrow{margin:0 0 12px; color:var(--primary-dark); font-size:0.82rem; font-weight:800; letter-spacing:0.08em; text-transform:uppercase}.landing-hero h1{max-width:720px; margin:0 0 20px; font-size:clamp(2.35rem,5vw,4.3rem); line-height:1.04; letter-spacing:-0.045em}.landing-lead{max-width:700px; margin:0 0 28px; color:var(--muted); font-size:1.16rem}.landing-cta-row{display:flex; align-items:center; flex-wrap:wrap; gap:14px}.landing-cta{display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; background:var(--primary); box-shadow:0 12px 28px rgba(91,99,216,0.24); color:#fff; font-weight:750; text-decoration:none; transition:transform 0.18s ease,background 0.18s ease}.landing-cta:hover{transform:translateY(-2px); background:var(--primary-dark)}.landing-cta-note{color:var(--muted); font-size:0.9rem}.layout-preview{min-height:340px; padding:28px; border:1px solid rgba(226,231,240,0.8); border-radius:24px; background:rgba(255,255,255,0.82); box-shadow:0 24px 70px rgba(41,48,90,0.14)}.preview-canvas{height:100%; min-height:284px; display:grid; gap:10px; padding:10px; border-radius:15px; background:#e9ecf5}.preview-cell{min-height:100px; border-radius:10px; background:linear-gradient(135deg,rgba(255,255,255,0.26),transparent),linear-gradient(135deg,#6f7bea,#9b6edb)}.preview-cell:nth-child(2n){background:linear-gradient(135deg,rgba(255,255,255,0.26),transparent),linear-gradient(135deg,#ef7aa4,#eebd70)}.preview-cell:nth-child(3n){background:linear-gradient(135deg,rgba(255,255,255,0.24),transparent),linear-gradient(135deg,#55b9b0,#72d18a)}.preview-cell:nth-child(4n){background:linear-gradient(135deg,rgba(255,255,255,0.24),transparent),linear-gradient(135deg,#5ea4df,#7476e4)}.layout-side-by-side .preview-canvas,.layout-before-after .preview-canvas{grid-template-columns:1fr 1fr}.layout-four-grid .preview-canvas{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr}.layout-vertical{max-width:310px; margin:0 auto}.layout-vertical .preview-canvas{grid-template-rows:repeat(3,1fr)}.landing-section{padding:72px 0}.landing-section.alt{background:var(--soft)}.landing-section h2{max-width:780px; margin:0 auto 18px; text-align:center; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.15; letter-spacing:-0.025em}.section-intro{max-width:800px; margin:0 auto 34px; color:var(--muted); text-align:center; font-size:1.04rem}.story-card{max-width:900px; margin:0 auto; padding:36px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:0 14px 40px rgba(40,48,90,0.07)}.story-card p{margin:0 0 16px}.story-card p:last-child{margin-bottom:0}.story-disclosure{display:inline-block; margin-bottom:18px; padding:6px 10px; border-radius:999px; background:#eef0ff; color:var(--primary-dark); font-size:0.78rem; font-weight:700}.landing-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px}.landing-card{padding:26px; border:1px solid var(--line); border-radius:16px; background:var(--surface)}.landing-card h3{margin:0 0 10px; font-size:1.13rem}.landing-card p{margin:0; color:var(--muted)}.step-number{width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:14px; border-radius:50%; background:var(--primary); color:#fff; font-weight:800}.faq-list{max-width:900px; margin:0 auto; display:grid; gap:14px}.faq-item{padding:24px 26px; border:1px solid var(--line); border-radius:14px; background:var(--surface)}.faq-item h3{margin:0 0 9px; font-size:1.08rem}.faq-item p{margin:0; color:var(--muted)}.related-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:30px}.related-link{display:block; padding:20px; border:1px solid var(--line); border-radius:14px; background:#fff; color:var(--ink); font-weight:720; text-decoration:none; transition:border-color 0.18s ease,transform 0.18s ease}.related-link:hover{transform:translateY(-2px); border-color:#aab0ef}.final-cta{padding:64px 0; background:linear-gradient(135deg,#535bd1,#7560c8); color:#fff; text-align:center}.final-cta h2{margin:0 0 12px; font-size:clamp(1.8rem,3vw,2.5rem)}.final-cta p{margin:0 auto 24px; color:rgba(255,255,255,0.86)}.final-cta .landing-cta{background:#fff; box-shadow:none; color:var(--primary-dark)}.landing-footer{padding:30px 0; border-top:1px solid var(--line); background:#fff; color:var(--muted); text-align:center; font-size:0.9rem}.landing-footer a{margin:0 8px}@media (max-width:820px){.landing-hero{padding-top:52px}.landing-hero-grid{grid-template-columns:1fr; gap:38px}.layout-preview{min-height:300px}.preview-canvas{min-height:244px}.landing-grid,.related-grid{grid-template-columns:1fr}}@media (max-width:520px){.landing-container{width:min(100% - 28px,1120px)}.landing-header-inner{min-height:60px}.landing-nav-link{display:none}.landing-hero h1{font-size:2.45rem}.landing-section{padding:54px 0}.story-card{padding:25px}.landing-cta{width:100%}}