:root{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#081f50;background:#f1eeff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,#ffe8e9,transparent 40%),linear-gradient(130deg,#f5f3ff,#e7e8fa)}.shell{max-width:1050px;margin:auto;display:grid;grid-template-columns:minmax(320px,540px) 1fr;gap:45px;padding:32px 20px;align-items:start}.phone{border:9px solid #11131c;border-radius:44px;background:white;min-height:740px;padding:24px 23px 19px;box-shadow:0 20px 70px #22145630}.top,.brand,.progressrow,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{justify-content:start;gap:8px}.brand strong{display:block;font-family:Georgia,serif;font-size:24px;line-height:1}.brand small{font-size:8px;letter-spacing:1.5px;color:#8461b4}.brandmark{color:#d39d36;font-size:29px}.smallbtn{background:#faf7ff;border:1px solid #e8e1fc;color:#5230b8;padding:6px 10px;border-radius:12px;cursor:pointer}.progressrow{margin:18px 0 12px}.progress{height:7px;background:#e3e4ec;border-radius:20px;flex:1;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#7141de,#376cdd);width:12.5%;border-radius:20px;transition:width .25s}.progressrow span{font-size:11px}.hero{min-height:150px;display:flex;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(110deg,#fff8f4,#f6edff);padding:20px 13px 14px 18px;align-items:center}.hero>div{width:71%;z-index:1}.hero img{width:36%;height:158px;position:absolute;right:0;bottom:0;object-fit:cover;object-position:center top;border-top-left-radius:100px;mask-image:linear-gradient(to right,transparent,black 32%)}.eyebrow{font-weight:750;color:#7048d6;text-transform:uppercase;letter-spacing:1.1px;font-size:10px}h1{font-size:22px;line-height:1.14;margin:8px 0}p{line-height:1.5}.hero p{font-size:12px;max-width:290px;margin:0}.content{padding:18px 0;min-height:300px}.question{font-size:15px;font-weight:800;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.choices{display:grid;gap:8px}.option{border:1px solid #dfe3eb;border-radius:11px;padding:12px 11px;background:#fff;color:#091f4d;cursor:pointer;text-align:left;font-weight:600;font-size:12px;min-height:43px}.option.selected{border-color:#7850e6;background:#ece6ff;color:#4a28ae}.option:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f5bf51;outline-offset:2px}.hint{font-size:11px;color:#54607d;margin:8px 0 12px}.scale{display:grid;grid-template-columns:minmax(0,1fr) repeat(5,28px);align-items:center;gap:6px;margin:10px 0;font-size:12px}.scale>span{font-size:11px}.dot{border:1px solid #aebbd2;border-radius:50%;height:26px;width:26px;background:#fff;color:#0b2453;font-size:11px;cursor:pointer}.dot.active{color:white;background:#6035cd;border-color:#6035cd}.subhead{font-size:12px;font-weight:800;margin:14px 0 9px}.input{width:100%;border:1px solid #cbd3e0;border-radius:9px;padding:12px;font:inherit;margin-bottom:8px}.actions{margin-top:12px}.actions button,.install{border-radius:12px;padding:13px 15px;font-weight:750;font-size:13px;cursor:pointer}.primary{border:0;color:white;background:linear-gradient(90deg,#6040ce,#552fce);flex:1}.outline{color:#5532b4;border:1px solid #d6cbee;background:#fff}.footer{text-align:center;color:#747e93;font-size:10px;line-height:1.8;margin:18px auto 0}.footer a{color:#5c35d0}aside{padding-top:65px}aside h2{font-family:Georgia,serif;font-size:36px;line-height:1.15;margin:0 0 15px}aside p{color:#35415e}aside ol{line-height:2.15;padding-left:22px;font-weight:600}.install{border:0;background:#5637ce;color:white}.installnote{font-size:12px}.alert{font-size:12px;color:#9f3055}.summary{background:#f6f2ff;border:1px solid #e8dcff;border-radius:14px;padding:15px;line-height:1.6}.summary h2{margin:0 0 10px;font-size:23px}.summary li{margin-bottom:6px}.notice{background:#fff5e6;border-radius:10px;padding:10px;font-size:12px}.fine{font-size:11px;color:#667}.pill{display:inline-block;background:#ece6ff;border-radius:100px;padding:6px 9px;margin:3px;font-size:11px}@media(max-width:790px){.shell{display:block;max-width:560px;padding:12px 8px}.phone{border-width:6px;border-radius:28px;min-height:0;padding:18px 14px}aside{padding:30px 16px}aside h2{font-size:25px}.scale{grid-template-columns:minmax(0,1fr) repeat(5,25px);gap:4px}.dot{height:24px;width:24px}}
