:root{color-scheme:dark;--bg: #0b0f14;--surface: #121821;--card: #1a2330;--card-soft: rgb(26 35 48 / .78);--primary: #2f6bff;--success: #00c853;--warning: #ffd600;--text: #e6edf3;--muted: #b6c1cc;--border: rgb(182 193 204 / .18);--border-strong: rgb(182 193 204 / .3);--shadow: 0 24px 70px rgb(0 0 0 / .32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 14% 4%,rgb(47 107 255 / .18),transparent 25rem),radial-gradient(circle at 88% 12%,rgb(255 214 0 / .09),transparent 24rem),linear-gradient(90deg,rgb(230 237 243 / .03) 1px,transparent 1px),linear-gradient(180deg,rgb(230 237 243 / .026) 1px,transparent 1px),var(--bg);background-size:auto,auto,42px 42px,42px 42px,auto;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p{margin:0}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border);background:#0b0f14db;backdrop-filter:blur(18px)}.brand,.site-header nav,.footer-links{display:flex;align-items:center;gap:12px}.brand{flex:0 0 auto;font-weight:950;letter-spacing:-.03em}.brand-mark{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;padding:4px;border:1px solid rgb(255 255 255 / .82);border-radius:12px;background:#fff;box-shadow:0 0 0 1px #0b0f148c,0 8px 18px #00000052}.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:8px}.site-header nav{overflow-x:auto;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a,.footer-links a{color:var(--muted);font-size:.86rem;font-weight:850;white-space:nowrap}.site-header nav a:hover,.footer-links a:hover{color:var(--text)}.site-footer{display:grid;gap:18px;padding:32px 16px 42px;border-top:1px solid var(--border);color:var(--muted);background:#0b0f14b8}.site-footer strong{color:var(--text)}.footer-links{align-items:flex-start;flex-wrap:wrap}h1,h2,h3{margin:0;color:#fff;line-height:.98;letter-spacing:-.045em}h1{max-width:880px;font-size:clamp(2.55rem,12vw,5.25rem)}h2{max-width:830px;font-size:clamp(2rem,7.5vw,3.5rem)}h3{font-size:1.25rem;line-height:1.08}.eyebrow{margin:0 0 10px;color:var(--warning);font-size:.76rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.lead{max-width:760px;margin-top:18px;color:var(--muted);font-size:clamp(1.06rem,4vw,1.26rem)}.button-row,.chip-row{display:flex;flex-wrap:wrap;gap:12px}.button-row{margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid rgb(47 107 255 / .74);border-radius:999px;background:linear-gradient(135deg,var(--primary),#1746b8);color:#fff;font-weight:950;box-shadow:0 14px 34px #2f6bff40}.button.secondary{border-color:var(--border-strong);background:#121821e0;color:var(--text);box-shadow:none}.section{padding:64px 0}.hero{position:relative;overflow:hidden;padding:58px 0 48px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,rgb(47 107 255 / .13),transparent 46%),radial-gradient(circle at 70% 20%,rgb(0 200 83 / .08),transparent 22rem)}.hero-grid,.split{display:grid;gap:34px;align-items:center}.card-grid,.feature-grid,.gallery-grid,.reference-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px}.card,.screenshot-card,.reference-card,.rule-card,.final-card{overflow:hidden;border:1px solid var(--border);border-radius:26px;background:linear-gradient(135deg,#1a2330f5,#121821eb);box-shadow:var(--shadow)}.card,.reference-card,.rule-card,.final-card,.screenshot-card figcaption{padding:22px}.card p,.screenshot-card span,.reference-card p,.rule-card p,.final-card p,li{color:var(--muted)}.card a,.inline-link{display:inline-flex;margin-top:14px;color:var(--warning);font-weight:900}.screenshot-card{margin:0}.screenshot-card img{width:100%;background:var(--bg)}.screenshot-card figcaption{display:grid;gap:7px}.screenshot-card strong{color:#fff}.phone-stage{position:relative;min-height:545px}.phone-card{position:absolute;margin:0;overflow:hidden;border:1px solid var(--border-strong);border-radius:34px;background:var(--surface);box-shadow:var(--shadow)}.phone-card.primary{left:0;top:0;width:min(78vw,330px);transform:rotate(-3deg)}.phone-card.secondary-shot{right:0;bottom:0;width:min(72vw,300px);transform:rotate(4deg)}.flow-strip{display:flex;gap:10px;margin-top:28px;overflow-x:auto;scrollbar-width:none}.flow-strip::-webkit-scrollbar{display:none}.flow-strip span{flex:0 0 auto;padding:12px 14px;border:1px solid var(--border-strong);border-radius:14px;background:#0b0f14db;color:var(--text);font-size:.78rem;font-weight:900;text-transform:uppercase}.ref-chip{border:1px solid rgb(255 214 0 / .36);border-radius:999px;background:#121821d1;color:var(--warning);cursor:pointer;font:inherit;font-size:.82rem;font-weight:900;padding:9px 12px}.ref-dialog{width:min(640px,calc(100vw - 32px));border:1px solid var(--border-strong);border-radius:24px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.ref-dialog::backdrop{background:#0000009e;backdrop-filter:blur(6px)}.ref-dialog h3{margin-bottom:10px}.ref-dialog p{color:var(--muted);margin-top:10px}.ref-dialog menu{display:flex;justify-content:flex-end;gap:10px;margin:18px 0 0;padding:0}.ref-dialog a,.ref-dialog button{border:1px solid var(--border-strong);border-radius:999px;background:#0b0f14c7;color:var(--text);cursor:pointer;font:inherit;font-weight:900;padding:9px 12px}.ref-dialog a{color:var(--warning)}.notice-band{border-block:1px solid var(--border);background:#12182170}ul.clean{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}ul.clean li{position:relative;padding-left:18px}ul.clean li:before{content:"✦";position:absolute;left:0;color:var(--success)}@media(max-width:620px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{width:100%}}@media(min-width:760px){.card-grid,.gallery-grid,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-card{display:grid;grid-template-columns:1fr auto;align-items:center}.site-footer{grid-template-columns:1fr auto;align-items:center;padding-inline:32px}}@media(min-width:980px){.hero{padding:88px 0 74px}.hero-grid,.split{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr)}.section{padding:84px 0}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-stage{min-height:640px}.phone-card.primary{width:360px}.phone-card.secondary-shot{width:330px}}