:root{--fx-purple:#673de6;--fx-purple-dark:#5025d1;--fx-purple-soft:#f3effe;--fx-navy:#1d1e25;--fx-muted:#727586;--fx-border:#e8e9ed;--fx-bg:#fff;--fx-bg-alt:#f7f7fb;--fx-success:#00b090;--fx-radius:12px;--fx-shadow:0 8px 30px rgba(29,30,37,.08);--fx-font:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--fx-bg);color:var(--fx-navy);font-family:var(--fx-font);line-height:1.5;margin:0}a{color:var(--fx-purple);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.fx-container{margin:0 auto;width:min(1120px,calc(100% - 2rem))}.fx-header{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.92);border-bottom:1px solid var(--fx-border);position:sticky;top:0;z-index:50}.fx-header-inner{gap:1rem;justify-content:space-between;min-height:68px}.fx-header-inner,.fx-logo{align-items:center;display:flex}.fx-logo{color:var(--fx-navy);font-size:1.25rem;font-weight:800;gap:.55rem;text-decoration:none}.fx-logo-mark{background:linear-gradient(135deg,var(--fx-purple),#8b6cff);border-radius:9px;color:#fff;display:grid;font-weight:800;height:32px;place-items:center;width:32px}.fx-nav{align-items:center;display:flex;flex-wrap:wrap;gap:1.1rem}.fx-nav a{color:var(--fx-navy);font-size:.95rem;font-weight:500;text-decoration:none}.fx-nav a:hover{color:var(--fx-purple)}.fx-header-actions{align-items:center;display:flex;gap:.65rem}.fx-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.4rem;justify-content:center;padding:.65rem 1.2rem;text-decoration:none!important}.fx-btn-primary{background:var(--fx-purple);color:#fff}.fx-btn-primary:hover{background:var(--fx-purple-dark);color:#fff}.fx-btn-ghost{background:transparent;border:1px solid var(--fx-border);color:var(--fx-navy)}.fx-btn-ghost:hover{border-color:var(--fx-purple);color:var(--fx-purple)}.fx-user-chip{align-items:center;background:var(--fx-purple-soft);border-radius:999px;color:var(--fx-purple-dark);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.35rem .75rem}.fx-user-menu{position:relative}.fx-user-menu details summary{cursor:pointer;list-style:none}.fx-user-menu details summary::-webkit-details-marker{display:none}.fx-user-dropdown{background:#fff;border:1px solid var(--fx-border);border-radius:10px;box-shadow:var(--fx-shadow);min-width:180px;padding:.4rem;position:absolute;right:0;top:calc(100% + .4rem)}.fx-user-dropdown a,.fx-user-dropdown button{background:none;border:none;border-radius:8px;color:var(--fx-navy);cursor:pointer;display:block;font:inherit;padding:.55rem .7rem;text-align:left;text-decoration:none;width:100%}.fx-user-dropdown a:hover,.fx-user-dropdown button:hover{background:var(--fx-bg-alt)}.fx-hero{background:radial-gradient(ellipse 80% 60% at 70% 0,rgba(103,61,230,.18),transparent 55%),linear-gradient(180deg,#faf9ff,#fff);padding:4.5rem 0 3.5rem}.fx-hero-grid{align-items:center;display:grid;gap:2.5rem;grid-template-columns:1.15fr .85fr}.fx-hero h1{font-size:clamp(2.2rem,4.5vw,3.4rem);letter-spacing:-.03em;line-height:1.1;margin:0 0 1rem}.fx-hero h1 span{color:var(--fx-purple)}.fx-hero p.lead{color:var(--fx-muted);font-size:1.15rem;margin:0 0 1.5rem;max-width:36rem}.fx-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.fx-hero-card{background:#fff;border:1px solid var(--fx-border);border-radius:20px;box-shadow:var(--fx-shadow);padding:1.5rem}.fx-hero-card h3{margin:0 0 .35rem}.fx-price-lg{color:var(--fx-purple);font-size:2rem;font-weight:800}.fx-price-lg small{color:var(--fx-muted);font-size:.9rem;font-weight:500}.fx-section{padding:3.5rem 0}.fx-section-alt{background:var(--fx-bg-alt)}.fx-section h2{font-size:1.85rem;letter-spacing:-.02em;margin:0 0 .5rem}.fx-section .sub{color:var(--fx-muted);margin:0 0 1.75rem;max-width:36rem}.fx-grid-3{grid-template-columns:repeat(3,1fr)}.fx-grid-3,.fx-grid-4{display:grid;gap:1.25rem}.fx-grid-4{grid-template-columns:repeat(4,1fr)}.fx-card{background:#fff;border:1px solid var(--fx-border);border-radius:var(--fx-radius);padding:1.35rem;transition:box-shadow .2s,transform .2s}.fx-card:hover{box-shadow:var(--fx-shadow);transform:translateY(-2px)}.fx-card.featured{border-color:var(--fx-purple);box-shadow:0 0 0 1px var(--fx-purple)}.fx-card h3{font-size:1.1rem;margin:0 0 .4rem}.fx-card .price{font-size:1.6rem;font-weight:800;margin:.6rem 0}.fx-card .price span{color:var(--fx-muted);font-size:.85rem;font-weight:500}.fx-card ul{color:var(--fx-muted);font-size:.9rem;margin:.75rem 0 1rem;padding-left:1.1rem}.fx-badge{border-radius:999px;color:var(--fx-purple-dark);display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:.5rem;padding:.2rem .55rem}.fx-badge,.fx-feature-icon{background:var(--fx-purple-soft)}.fx-feature-icon{border-radius:12px;color:var(--fx-purple);display:grid;font-weight:800;height:44px;margin-bottom:.75rem;place-items:center;width:44px}.fx-prose{max-width:720px}.fx-prose h2{margin-top:1.5rem}.fx-prose p{color:#3a3b45}.fx-table{border-collapse:collapse;width:100%}.fx-table td,.fx-table th{border-bottom:1px solid var(--fx-border);padding:.85rem;text-align:left}.fx-form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.fx-form input,.fx-form select,.fx-form textarea{background:#fff;border:1px solid var(--fx-border);border-radius:10px;font:inherit;margin-bottom:.9rem;padding:.7rem .85rem;width:100%}.fx-form input:focus,.fx-form textarea:focus{border-color:var(--fx-purple);outline:2px solid rgba(103,61,230,.25)}.fx-alert{border-radius:10px;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.fx-alert-ok{background:#e8faf4;color:#067a5f}.fx-alert-err{background:#fde8e8;color:#b42318}.fx-footer{background:var(--fx-navy);color:#c8c9d1;margin-top:2rem;padding:3.5rem 0 2rem}.fx-footer a{color:#e8e9ed}.fx-footer h4{color:#fff;font-size:1rem;margin:0 0 1rem}.fx-footer-grid{display:grid;gap:2rem;grid-template-columns:1.4fr 1fr 1fr 1.4fr}.fx-footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem;justify-content:space-between;margin-top:2.5rem;padding-top:1.25rem}.fx-footer .fx-form input,.fx-footer .fx-form textarea{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.15);color:#fff}.fx-footer .fx-form label{color:#ddd}.fx-mobile-toggle{background:none;border:1px solid var(--fx-border);border-radius:8px;display:none;padding:.4rem .6rem}@media (max-width:900px){.fx-footer-grid,.fx-grid-3,.fx-grid-4,.fx-hero-grid{grid-template-columns:1fr}.fx-nav{display:none}.fx-nav.open{background:#fff;border-bottom:1px solid var(--fx-border);display:flex;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:68px}.fx-mobile-toggle{display:inline-flex}.fx-header-inner{flex-wrap:wrap}}