:root{--ink:#0B0B0F;--panel:#16161D;--raise:#1F1F29;--edge:#272733;--magenta:#FF2E88;--cyan:#27C7DD;--chalk:#F2F1F7;--mute:#8E8EA2;--p:0;--oa:1;--ob:0;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);color:var(--chalk);font-family:'Public Sans',system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;}.field{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(env(safe-area-inset-top) + 10px) 0 calc(env(safe-area-inset-bottom) + 10px);}.bands{position:fixed;top:0;left:0;right:0;height:4px;display:flex;z-index:3}.bands span{flex:1}.bands span:first-child{background:var(--magenta)}.bands span:last-child{background:var(--cyan)}.app{width:100%;max-width:430px;flex:1;display:flex;flex-direction:column;padding:14px 16px calc(env(safe-area-inset-bottom) + 10px);padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));}.mark{display:block;width:clamp(72px,19vw,160px);height:auto;border-radius:18px;margin:0 0 clamp(12px,2vh,20px)}h1{font-family:'Syne',system-ui,sans-serif;font-weight:800;font-size:clamp(2rem,1.35rem + 3.1vw,2.9rem);line-height:1.02;letter-spacing:-0.02em;}h1 .wm{display:block;color:var(--magenta)}h1 .pr{display:block;color:var(--chalk)}.sub{margin-top:clamp(10px,1.6vh,16px);color:var(--mute);font-size:clamp(0.9rem,0.84rem + 0.3vw,1rem);line-height:1.45;max-width:35ch;}.seg{margin-top:clamp(14px,2.4vh,26px);position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--raise);border:1px solid var(--edge);border-radius:12px;padding:3px;touch-action:pan-y;user-select:none;-webkit-user-select:none;}.thumb{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:9px;background:var(--panel);border:1px solid #30303E;box-shadow:0 2px 6px rgba(0,0,0,.55);transform:translate3d(calc(var(--p) * 100%),0,0);will-change:transform;}.segbtn{position:relative;z-index:1;background:none;border:0;color:var(--mute);font:inherit;font-weight:600;font-size:clamp(0.82rem,0.78rem + 0.2vw,0.92rem);padding:11px 6px;min-height:44px;border-radius:9px;cursor:pointer;transition:color .18s ease,transform .11s ease;}.segbtn[aria-selected="true"]{color:var(--chalk)}.segbtn:active{transform:scale(0.97)}.segbtn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.stage{margin-top:clamp(14px,2.4vh,24px);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;}.rail{display:flex;width:200%;transform:translate3d(calc(var(--p) * -50%),0,0);will-change:transform;}.pane{width:50%;flex:0 0 50%;padding-right:1px}.ghead{color:var(--mute);font-size:0.69rem;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;padding:0 4px 8px;}.list{background:var(--panel);border:1px solid var(--edge);border-radius:14px;overflow:hidden;}.row{display:flex;align-items:center;gap:11px;padding:clamp(12px,2vh,19px) 13px;min-height:50px;border-top:1px solid var(--edge);transition:transform .11s ease;}.row:first-child{border-top:0}.row:active{transform:scale(0.985)}.glyph{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:var(--raise);display:grid;place-items:center;}.glyph svg{width:14px;height:14px}.rtxt{flex:1;font-size:clamp(0.84rem,0.8rem + 0.2vw,0.93rem);line-height:1.25;}.open{flex:0 0 auto;display:flex;align-items:center;gap:4px;font-size:0.74rem;font-weight:600;letter-spacing:0.02em;}.pane-a .open{color:var(--cyan)}.pane-b .open{color:var(--magenta)}.pane-a .glyph svg{stroke:var(--cyan)}.pane-b .glyph svg{stroke:var(--magenta)}.open svg{width:11px;height:11px}.bottom{margin-top:auto;padding-top:18px}.cta{display:block;text-align:center;background:var(--magenta);color:#140007;text-decoration:none;font-weight:600;font-size:1.02rem;padding:16px 18px;min-height:54px;border-radius:15px;box-shadow:0 6px 16px rgba(0,0,0,.5);transition:transform .11s ease,background-color .18s ease;}.cta:active{transform:scale(0.97)}.cta:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}footer{margin-top:12px;text-align:center;color:var(--mute);font-size:0.68rem;line-height:1.4;}@media (hover: hover) and (pointer: fine){.cta:hover{background:#FF4F9A}.segbtn:hover{color:var(--chalk)}}@media (min-width: 760px){.field{justify-content:center;padding-top:22px;padding-bottom:22px}.app{flex:0 1 auto;background:#0E0E13;border-radius:26px;box-shadow:0 24px 54px rgba(0,0,0,.7);padding:24px 24px 20px;min-height:0;}.mark{width:120px}h1{font-size:2.15rem}.sub{margin-top:12px;font-size:0.95rem}.seg{margin-top:20px}.stage{margin-top:18px}.row{padding:12px 13px}.bottom{padding-top:16px}}@media (prefers-reduced-motion: reduce){.rail{transform:none;display:grid;width:100%;grid-template-columns:1fr}.pane{width:100%;flex:none;grid-area:1 / 1;padding-right:0;transition:opacity .16s linear}.pane-a{opacity:var(--oa)}.pane-b{opacity:var(--ob)}.pane-a[data-off="1"],.pane-b[data-off="1"]{pointer-events:none}.thumb{transition:transform .16s linear}.cta:active,.row:active,.segbtn:active{transform:none}}html,body{max-width:100%;overflow-x:clip}