@font-face{font-family:Commissioner;src:url('/assets/Commissioner.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font:600 15px/1.5 Commissioner,system-ui,sans-serif;color:#eef0f8;background:#0c1017;--muted:#a0a8bc;--border:#2c3244;--accent:#ad91ff;--mint:#7edbb5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 38%,#30244832,transparent 52%),#0c1017}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}svg{flex:none}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.header,main,footer{width:min(1392px,calc(100% - 80px));margin:auto}.header{height:100px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-size:24px;letter-spacing:-.8px}.brand svg{width:38px;height:38px;color:var(--accent)}.controls{display:flex;align-items:center;gap:24px}.premium-link{border:1px solid #527c6d;border-radius:22px;padding:7px 16px;color:var(--mint);font-size:12px}.language{display:flex;padding:4px;gap:2px;border:1px solid var(--border);border-radius:11px;background:#10141d}.language button{padding:8px 13px;color:var(--muted);border:1px solid transparent;border-radius:7px;background:transparent;font-size:12px}.language button[aria-pressed=true]{color:#eff0f7;background:linear-gradient(130deg,#252c3b,#1b202c);border-color:#303747}.hero{text-align:center;padding:35px 0 0}h1{font-size:clamp(35px,4.2vw,60px);line-height:1.16;letter-spacing:-1.9px;margin:0}h1 em{font-style:normal;color:var(--accent)}.lead{color:var(--muted);font-size:21px;margin:18px 0 25px}.hero-actions{display:flex;justify-content:center;gap:18px}.download,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:14px 25px;min-height:53px;transition:transform .2s,box-shadow .2s,border-color .2s}.download{background:linear-gradient(115deg,#b69aff,#9b7df4);color:#171126;border:1px solid #b9a3fa;box-shadow:inset 0 1px #ffffff30,0 4px 20px #a080f31a}.download svg{width:22px;height:22px}.download:hover{transform:translateY(-3px);box-shadow:0 8px 32px #a080f345}.secondary{border:1px solid #34374e;min-width:135px;color:#c5b5f5;background:#11151f}.secondary:hover{border-color:var(--accent);transform:translateY(-2px)}.requirements{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:#929caf;font-size:11px;margin:14px 0 25px}.requirements a:hover{color:#c7b6ff}.app-window{max-width:1136px;margin:auto;border:2px solid #66568e;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #af93ff16,0 0 65px #8361d923,0 20px 60px #0003;background:#11151d;transition:border-color .3s,box-shadow .3s}.app-window:hover{border-color:#9a81cb;box-shadow:0 0 70px #8361d934,0 20px 60px #0003}.app-window img{display:block;width:100%;height:auto}.premium-strip{width:fit-content;max-width:100%;margin:22px auto 0;border:1px solid #3e355d;border-radius:15px;display:flex;align-items:center;gap:17px;text-align:left;padding:17px 24px;background:linear-gradient(110deg,#171828,#131621);font-size:12px;transition:transform .2s,border-color .2s}.premium-strip>svg{width:23px;height:23px;color:#b9a0fa}.premium-strip:hover{border-color:var(--accent);transform:translateY(-2px)}.strip-detail{color:var(--muted);padding-left:18px;border-left:1px solid var(--border);font-size:11px}.arrow{font-size:22px;color:#cab9f7}.possibilities{max-width:1136px;margin:65px auto 55px}.section-caption{text-align:center}h2{font-size:25px;letter-spacing:-.6px;margin:0}.section-caption p{color:var(--muted);font-size:13px;margin:9px 0 25px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefits article{padding:23px;border:1px solid #282f40;border-radius:13px;background:linear-gradient(125deg,#181e2b,#11161f);transition:transform .2s,border-color .2s}.benefits article:hover{transform:translateY(-4px);border-color:#62517f}.icon{color:#b29ae9;font-size:24px}.benefits h3{font-size:14px;margin:13px 0 7px}.benefits p{font-size:12px;color:var(--muted);margin:0}.format-examples{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px;font-size:11px;color:var(--muted)}.format-examples span:not(:first-child):not(:last-child){border:1px solid var(--border);border-radius:20px;padding:4px 11px}footer{border-top:1px solid #212736;padding:25px 0;display:flex;justify-content:space-between;gap:20px;color:#939bb0;font-size:11px}footer>span{letter-spacing:1.4px}footer>div{display:flex;gap:22px}footer a:hover{color:var(--mint)}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:#202637;z-index:5}.skip:focus{top:10px}.download-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;padding:14px 20px;background:#202637;border:1px solid #766199;border-radius:10px;box-shadow:0 8px 30px #0005;font-size:12px;z-index:5}.download-toast[hidden]{display:none}
@media(max-width:800px){.header,main,footer{width:calc(100% - 36px)}.header{height:80px}.brand{font-size:20px}.brand svg{width:29px;height:29px}.controls{gap:12px}.hero{padding-top:30px}h1{letter-spacing:-1px}.lead{font-size:17px}.strip-detail{display:none}.benefits{gap:10px}.benefits article{padding:17px}.possibilities{margin-top:45px}.app-window{border-radius:10px}}
@media(max-width:540px){.brand{font-size:18px;gap:8px}.controls{gap:8px}.premium-link{display:none}.language button{padding:6px 9px}.hero h1 span,.hero h1 em{display:block}.hero h1{font-size:35px}.lead{font-size:15px;margin:17px 0 23px}.hero-actions{gap:10px;flex-direction:column;align-items:stretch}.secondary{min-height:43px;padding:9px}.requirements{font-size:10px;gap:7px}.premium-strip{padding:13px;gap:10px;font-size:11px}.premium-strip svg{width:19px}.benefits{grid-template-columns:1fr}.benefits article{padding:19px}.benefits .icon{float:right}.section-caption h2{font-size:22px}.possibilities{margin-bottom:35px}footer{flex-direction:column;align-items:center;text-align:center;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.premium-strip strong{font-weight:400;font-size:14px;line-height:1.5}
