:root{--paper:#f6f4ee;--surface:#fff;--surface-alt:#efece4;--line:#e5e1d6;--line-soft:#eeeae0;--ink:#0f1115;--ink-2:#545861;--ink-3:#9ca0a6;--mode-question:#b7791f;--mode-question-bg:#fbf3e3;--mode-note:#1e3a5f;--mode-note-bg:#e6ecf2;--mode-pdf:#2f6f4f;--mode-pdf-bg:#e4eee8;--r-card:14px;--r-dialog:12px;--r-pill:999px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--paper);min-height:100vh;margin:0;padding:0}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-family:inherit}::selection{background:var(--ink);color:var(--paper)}.page{flex-direction:column;min-height:100vh;padding:0 clamp(20px,4vw,56px);display:flex}.header{justify-content:space-between;align-items:center;gap:18px;padding:22px 0 18px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;display:inline-flex}.brand-mark{border:1.5px solid var(--ink);background:var(--surface);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.brand-mark svg{width:18px;height:18px}.brand-name{letter-spacing:-.2px;font-size:18px;font-weight:700}.nav-right{align-items:center;gap:10px;display:inline-flex}.lang-toggle{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);letter-spacing:.4px;padding:3px;font-size:12px;font-weight:700;display:inline-flex}.lang-toggle button{border-radius:var(--r-pill);color:var(--ink-2);text-transform:uppercase;padding:6px 12px;transition:background .12s,color .12s}.lang-toggle button.is-active{background:var(--ink);color:var(--paper)}.pill{background:var(--ink);color:var(--paper);border-radius:var(--r-pill);letter-spacing:.1px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex}.pill:hover{opacity:.92;transform:translateY(-1px)}.pill svg{width:14px;height:14px}.main{flex:1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(16px,3vw,36px) 0;display:grid}.left{flex-direction:column;gap:28px;min-width:0;display:flex}.right{justify-content:center;align-items:center;min-width:0;display:flex}.hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--ink-2);width:18px;height:1px}.hero-title{letter-spacing:-.03em;color:var(--ink);margin:14px 0 4px;font-size:clamp(44px,6.2vw,76px);font-weight:800;line-height:1}.hero-subtitle{color:var(--ink);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(20px,2vw,24px);font-weight:600}.hero-desc{color:var(--ink-2);max-width:480px;margin:0 0 22px;font-size:15px;line-height:1.55}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cta-hint{color:var(--ink-3);font-size:12px}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:12px;margin:0 0 12px;font-size:11px;font-weight:700;display:flex}.section-label:after{content:"";background:var(--line);flex:1;height:1px}.features{max-width:480px}.feature-list{grid-template-columns:1fr 1fr;gap:10px 18px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--ink);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.feature-tick{background:var(--surface-alt);width:22px;height:22px;color:var(--ink);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.feature-tick svg{width:14px;height:14px}.tablet-wrap{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.tablet{aspect-ratio:16/10;background:linear-gradient(#1a1c20 0%,#0f1115 100%);border-radius:22px;width:100%;max-width:640px;padding:14px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 30px 70px -30px #0f111573,0 14px 28px -18px #0f111540}.tablet:before{content:"";background:#2a2c30;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.tablet-screen{background:var(--paper);border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}.tablet-track{will-change:transform;width:100%;height:100%;transition:transform .52s cubic-bezier(.4,0,.2,1);display:flex}.tablet-track img{object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;flex:0 0 100%;width:100%;height:100%;display:block}.tablet-thumbs{justify-content:center;gap:8px;display:flex}.tablet-thumbs button{background:var(--line);border-radius:999px;width:26px;height:4px;transition:background .12s,width .12s}.tablet-thumbs button.is-active{background:var(--ink);width:36px}.footer{border-top:1px solid var(--line-soft);color:var(--ink-2);justify-content:space-between;align-items:center;margin-top:24px;padding:18px 0 22px;font-size:12px;display:flex}.footer-tag{color:var(--ink-3);font-style:italic}@media (width<=980px){.main{grid-template-columns:1fr;gap:32px;padding:16px 0 24px}.right{order:-1}.tablet{max-width:min(560px,92vw)}.hero-desc,.features{max-width:none}}@media (width<=560px){.header{padding:16px 0 10px}.brand-name{font-size:16px}.pill{padding:9px 13px;font-size:12px}.feature-list{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column;gap:6px}}