: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}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#0f111509 1px,#0000 1px),linear-gradient(90deg,#0f111509 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000000d9,#0000 72%);mask-image:radial-gradient(120% 90% at 50% 0,#000000d9,#0000 72%)}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{z-index:1;flex-direction:column;min-height:100vh;padding:0 clamp(20px,4vw,56px);display:flex;position:relative}.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{transform-origin:50% 60%;-webkit-user-drag:none;width:auto;height:26px;transition:transform .22s cubic-bezier(.2,.7,.3,1);display:block}.brand:hover .brand-mark,.brand:focus-visible .brand-mark{transform:rotate(-6deg)scale(1.06)}.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,box-shadow .16s;display:inline-flex;box-shadow:0 8px 18px -12px #0f1115b3}.pill:hover{opacity:.94;transform:translateY(-1px);box-shadow:0 12px 22px -12px #0f1115bf}.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{margin:18px 0 14px;line-height:0}.hero-logo{-webkit-user-drag:none;width:min(100%,clamp(280px,38vw,420px));height:auto;display:block}.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}.marker{background-image:linear-gradient(100deg,#92b4e800 0%,#92b4e8d9 5%,#92b4e8c7 94%,#92b4e800 100%);background-position:0 72%;background-repeat:no-repeat;background-size:100% 52%;border-radius:2px;margin:0 -4px;padding:0 4px;display:inline}.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-list li:first-child .feature-tick{background:var(--mode-question-bg);color:var(--mode-question)}.feature-list li:nth-child(2) .feature-tick{background:var(--mode-pdf-bg);color:var(--mode-pdf)}.feature-list li:nth-child(3) .feature-tick{background:var(--mode-note-bg);color:var(--mode-note)}.feature-list li:nth-child(4) .feature-tick{color:#a13c93;background:#f7e6f4}.feature-tick svg{width:14px;height:14px}.tablet-wrap{isolation:isolate;flex-direction:column;align-items:center;gap:18px;width:100%;display:flex;position:relative}.tablet-wrap:before{content:"";z-index:-1;filter:blur(14px);opacity:.85;pointer-events:none;background:radial-gradient(38% 46% at 18% 26%,#e9403324,#0000 70%),radial-gradient(36% 44% at 78% 22%,#3a96f529,#0000 72%),radial-gradient(42% 50% at 62% 84%,#e038d11f,#0000 72%),radial-gradient(34% 40% at 30% 82%,#7ed63e21,#0000 72%);position:absolute;inset:-12% -6% 6%}.tablet{aspect-ratio:16/10;background:linear-gradient(#1a1c20 0%,#0f1115 100%);border-radius:22px;width:100%;max-width:640px;padding:14px;transition:transform .32s cubic-bezier(.2,.7,.3,1),box-shadow .32s;position:relative;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #0f11150f,0 40px 80px -34px #0f111580,0 16px 30px -20px #0f111547}.tablet-wrap:hover .tablet{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #0f11150f,0 48px 90px -34px #0f111585,0 18px 34px -20px #0f11154d}.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);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:3px;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}.tablet-screen:focus-visible{outline:2px solid var(--ink)}.tablet-screen.is-dragging{cursor:grabbing}.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-meta{flex-direction:column;align-items:center;gap:12px;display:flex}.tablet-caption{letter-spacing:.01em;color:var(--ink-2);text-align:center;margin:0;font-size:12.5px;animation:.42s cubic-bezier(.2,.7,.3,1) both caption-in}@keyframes caption-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.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}.brand-mark{height:22px}.pill{padding:9px 13px;font-size:12px}.feature-list{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){.tablet-track,.tablet,.brand-logo,.pill{transition:none}.tablet-caption{animation:none}.brand-mark{transition:none}.tablet-wrap:hover .tablet{transform:none}}