:root{--bg:#000000;--card:#111111;--text:#f5f5f5;--muted:#b3b3b3;--accent:#e74c3c;--border:rgba(255,255,255,0.08);--success:#2ecc71;--danger:#ff8f83}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,rgba(231,76,60,.18),transparent 24%),#000;color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;max-width:100%}iframe,img,video{max-width:100%}.container{width:min(1100px,calc(100% - 32px));margin:0 auto}.section{padding:72px 0}.card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid var(--border);border-radius:20px;padding:24px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.compact-grid{gap:12px}.span-2{grid-column:span 2}.hero{padding:84px 0 48px}.eyebrow{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgba(231,76,60,.25);background:rgba(231,76,60,.08);color:#ffd1ca;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.08em}.title{font-size:clamp(42px,6vw,76px);line-height:1.05;margin:16px 0;font-weight:800;letter-spacing:-.03em}.lead{color:#e7e7e7;font-size:20px;max-width:780px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;padding:16px 28px;border-radius:16px;background:var(--accent);color:white;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.btn[disabled]{opacity:.65;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.14)}.row{display:flex;gap:14px;flex-wrap:wrap}.pricing{max-width:720px;margin:0 auto}.price-now{font-size:66px;font-weight:800}.price-old{text-decoration:line-through;color:#8a8a8a;font-size:24px;font-weight:700}.badge{display:inline-flex;padding:10px 14px;border:1px solid var(--border);border-radius:999px;color:white;background:rgba(255,255,255,.03);font-size:14px;font-weight:600}.input{width:100%;padding:14px 16px;border-radius:14px;background:#0c0c0c;border:1px solid var(--border);color:white}.textarea{min-height:150px;resize:vertical}.label{display:block;font-weight:700;margin-bottom:8px}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.logo{font-size:24px;font-weight:800}.footer{border-top:1px solid var(--border);padding:30px 0 50px;color:#9d9d9d}.list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.list li{padding-left:30px;position:relative}.list li:before{content:"✔";position:absolute;left:0;color:var(--success)}.preview-frame{min-height:420px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#101010,#090909);padding:18px}.preview-pages{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preview-page{min-height:300px;border-radius:14px;background:linear-gradient(180deg,#f6f2ed,#efe7de);color:#111;padding:18px}.viewer-iframe{width:100%;min-height:720px;border:1px solid var(--border);border-radius:18px;background:#060606}.empty-state{min-height:160px;border:1px dashed rgba(255,255,255,.14);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.error-text{color:var(--danger);margin-top:14px}.success-text{color:var(--success);margin-top:14px}.fy-modal{position:fixed;inset:0;z-index:2000}.fy-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fy-modal-content{position:relative;width:min(940px,calc(100% - 24px));margin:24px auto;background:#f7f7f8;color:#12203a;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35);z-index:2}.fy-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:14px;border:1px solid #d8dde6;background:white;color:#1f2937;cursor:pointer}.fy-badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#e8f0ff;color:#1e63d5;font-weight:800;letter-spacing:.04em;font-size:13px}.demo-form .input{background:#fff;border-color:#d8dde6;color:#12203a}.demo-form .label{color:#12203a}@media (max-width:768px){.grid-2,.grid-3,.preview-pages{grid-template-columns:1fr}.span-2{grid-column:span 1}.title{font-size:42px}.price-now{font-size:52px}.fy-modal-content{padding:20px;margin:10px auto;border-radius:20px}.viewer-iframe{min-height:560px}}