
:root{--ink:#111318;--muted:#666b76;--paper:#f7f7f5;--card:#fff;--line:#e8e8e4;--accent:#6d35d8}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}.ff-header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.ff-brand{font-weight:900;letter-spacing:.08em}.ff-brand span{color:var(--accent)}.ff-header nav{display:flex;gap:24px;font-weight:700;font-size:14px}.ff-footer{margin-top:70px;padding:45px 5vw;background:#111318;color:#fff;display:flex;justify-content:space-between;gap:30px}.ff-footer p{color:#c9cbd0}.ff-hero{padding:85px 5vw;background:linear-gradient(135deg,#17131f,#35206b);color:#fff}.ff-hero h1{font-size:clamp(40px,7vw,78px);line-height:.98;max-width:900px;margin:12px 0}.ff-kicker{font-weight:900;letter-spacing:.12em;font-size:12px}.ff-sub{max-width:760px;font-size:19px;color:#e3dff0}.ff-wrap{max-width:1200px;margin:auto;padding:55px 5vw}.ff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ff-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 12px 35px #0000000b}.ff-card h3{margin-top:0}.ff-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:13px 19px;font-weight:900;background:var(--accent);color:#fff;border:0;cursor:pointer}.ff-product{max-width:1100px;margin:auto;padding:55px 5vw}.ff-product-top{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.ff-product img{width:100%;border-radius:22px;box-shadow:0 20px 50px #0002}.ff-price{font-size:38px;font-weight:900;margin:18px 0}.ff-list{padding-left:20px}.ff-list li{margin:9px 0}.ff-note{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--muted)}@media(max-width:800px){.ff-header{padding:0 20px}.ff-header nav{gap:12px}.ff-grid,.ff-product-top{grid-template-columns:1fr}.ff-footer{flex-direction:column}.ff-hero{padding:60px 20px}.ff-wrap,.ff-product{padding-left:20px;padding-right:20px}}
