:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif;background:#101724;color:#edf0fa}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 80% 0%,#7960b52b,transparent 55%),radial-gradient(ellipse at 0% 85%,#256a7824,transparent 55%)}a{color:inherit;text-decoration:none}header{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 32px}header>a:first-child{display:flex;gap:10px;align-items:center;font-size:26px;font-weight:750;letter-spacing:-1px}header img{width:40px;height:40px;border-radius:12px}.header-link{font-size:13px;padding:10px 16px;border:1px solid #ffffff20;border-radius:20px}main{max-width:980px;margin:54px auto 60px;padding:0 32px}.eyebrow{font-size:11px;color:#b4a7d5;letter-spacing:.14em;font-weight:650}.intro h1{font-size:clamp(44px,8vw,78px);line-height:1.04;letter-spacing:-.055em;margin:18px 0 24px;font-weight:760}.intro>p{font-size:17px;color:#b0b8ca;line-height:1.65}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:38px}.choice{display:flex;gap:18px;align-items:center;padding:23px;border:1px solid #ffffff22;border-radius:20px;background:linear-gradient(140deg,#ffffff0e,#ffffff03);box-shadow:inset 0 1px #ffffff18;transition:background .15s,transform .15s}.choice:hover{background:#ffffff12;transform:translateY(-2px)}.choice:focus-visible{outline:2px solid #aba4ff;outline-offset:4px}.choice.web{border-color:#aaa0f466;background:linear-gradient(130deg,#8174ce30,#ffffff05)}.choice svg{width:29px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;flex:none}.choice:nth-child(2) svg{fill:currentColor;stroke:none}.platform-symbol{width:29px;font-size:35px}.choice h2{font-size:17px;margin:0 0 7px;letter-spacing:-.02em}.choice p{font-size:12px;color:#aab3c6;margin:0;line-height:1.5}.arrow{margin-left:auto;font-size:22px;color:#bcb6d9}.note{font-size:12px;color:#8f9bb1;line-height:1.8;margin:25px 0}footer{max-width:1100px;margin:auto;padding:20px 32px;font-size:11px;color:#758098}@media(min-width:850px){main{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;margin-top:90px}.choices{margin:0}.note{grid-column:2}}@media(max-width:550px){header{padding:20px}.header-link{font-size:11px}main{margin:30px auto;padding:0 22px}.choices{grid-template-columns:1fr;gap:11px}.choice{padding:19px}.intro h1 br{display:none}.intro h1{max-width:290px}.intro>p{font-size:15px}}@media(prefers-reduced-motion:reduce){.choice{transition:none}.choice:hover{transform:none}}