:root{--bg-page: #F4F5FA;--bg-surface: #FFFFFF;--bg-input: #FBFBFE;--bg-tag: #EEEDFE;--border: #E7E8F2;--border-tag: #C8C5FA;--text-primary: #1B1C26;--text-secondary: #8B8DA3;--text-muted: #A6A8BC;--text-label: #5C5E72;--scrollbar: #D0D2E8;--shadow-panel: 0 1px 3px rgba(20,20,60,.06);--accent: #4F45F1;--accent-dark: #4338D8}[data-theme=dark]{--bg-page: #0E0F1A;--bg-surface: #181929;--bg-input: #1E2032;--bg-tag: #252840;--border: #2C2E48;--border-tag: #3E3C72;--text-primary: #E6E7F4;--text-secondary: #8890AA;--text-muted: #565870;--text-label: #9092A8;--scrollbar: #3A3C58;--shadow-panel: 0 1px 4px rgba(0,0,0,.25)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-page);color:var(--text-primary);font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .2s,color .2s;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input,textarea{font-family:inherit;outline:none;box-sizing:border-box;color:var(--text-primary);background:var(--bg-input)}::placeholder{color:var(--text-muted);opacity:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#b0b2d0}:focus-visible{outline:2px solid #4F45F1;outline-offset:2px;border-radius:4px}.header-cta-short{display:none}.header-cta-long{display:inline}@media(max-width:639px){.header-nav-text{display:none!important}.header-cta-long{display:none}.header-cta-short{display:inline}}.main-grid{display:grid;gap:20px;align-items:start}@media(min-width:1024px){.main-grid{grid-template-columns:clamp(320px,38%,420px) 1fr}}@media(min-width:1024px){.main-grid{align-items:stretch}.preview-col{position:sticky;top:72px;align-self:stretch;display:flex;flex-direction:column}}.phone-frame-scaler{display:flex;justify-content:center;overflow:hidden}.phone-frame-inner{width:320px;flex-shrink:0}@media(max-width:420px){.phone-frame-scaler{transform-origin:top center}.phone-frame-inner{transform-origin:top center;transform:scale(.85);margin-bottom:-40px}}.touch-target{min-height:44px;min-width:44px}@keyframes ppFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}