.af-page{--af-ink: #f3f4ff;--af-muted: #a5aec6;--af-accent: #a28aff;color:var(--af-ink);background:radial-gradient(ellipse at 85% 15%,#25204d66,transparent 48%),#080b14;padding:48px 24px 100px;font-family:Inter,system-ui,sans-serif}.af-wrap{max-width:1160px;margin:auto}.af-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--af-muted);font-size:13px;margin-bottom:38px;text-decoration:none}.af-eyebrow{display:flex;align-items:center;gap:10px;color:#b5a6ff;font-size:11px;letter-spacing:.18em;font-weight:600}.af-eyebrow>span{width:6px;height:6px;background:#b5a6ff;border-radius:50%;box-shadow:0 0 16px #a58aff}.af-page h1{font-size:clamp(40px,5.6vw,70px);line-height:1.06;letter-spacing:-.055em;font-weight:600;margin:20px 0}.af-page h1 em{font-style:normal;background:linear-gradient(110deg,#e2d7ff,#a48bff 60%,#83baff);color:transparent;-webkit-background-clip:text;background-clip:text}.af-intro{color:var(--af-muted);line-height:1.7;font-size:16px;margin-bottom:36px}.af-layout{display:grid;grid-template-columns:1.14fr 1fr;gap:45px;align-items:start}.af-panel{background:linear-gradient(140deg,#171b2b,#101420);border:1px solid #32354a;border-radius:24px;padding:32px;box-shadow:0 20px 70px #0003}.af-progress-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;color:#aaaac5}.af-progress-top>span:last-child{font-size:17px;letter-spacing:0;color:#e1dcff}.af-progress-top i{font-style:normal;color:#79819b;font-size:13px}.af-progress{height:3px;background:#303347;margin:16px 0 30px;border-radius:3px;overflow:hidden}.af-progress>span{display:block;height:100%;background:linear-gradient(90deg,#7863ff,#bfa9ff);transition:width .25s}.af-page h2{font-size:27px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:0 0 10px}.af-panel h2:focus{outline:none}.af-hint{font-size:13px;color:var(--af-muted);line-height:1.6;margin-bottom:23px}.af-choices{border:0;padding:0;margin:0;display:grid;gap:11px}.af-choice{position:relative;display:flex;align-items:center;gap:14px;border:1px solid #33394e;background:#151a28;border-radius:13px;padding:18px 15px;cursor:pointer;transition:background .2s,border-color .2s}.af-choice:hover{border-color:#797297;background:#202138}.af-choice.selected{border-color:#a58aff;background:#28223f;box-shadow:0 0 0 1px #a58aff33}.af-choice:focus-within{outline:2px solid #d5c9ff;outline-offset:3px}.af-choice input{position:absolute;opacity:0;width:1px;height:1px}.af-choice-number{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid #4b4e65;border-radius:9px;font-size:12px;color:#b8b5d3}.af-choice.selected .af-choice-number{background:#ac94ff;border-color:#ac94ff;color:#141127}.af-choice strong{font-size:14px;font-weight:550;display:block;line-height:1.4}.af-choice small{display:block;font-size:12px;color:var(--af-muted);line-height:1.5;margin-top:5px}.af-actions{display:flex;justify-content:space-between;gap:16px;margin-top:28px}.af-primary,.af-quiet{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:0;font:inherit;cursor:pointer;text-decoration:none}.af-primary{border-radius:10px;background:linear-gradient(110deg,#b49aff,#9d9bff);color:#111022;padding:14px 20px;font-weight:650;font-size:13px;box-shadow:0 4px 25px #9b79ff22}.af-primary:hover{filter:brightness(1.1)}.af-primary:disabled{opacity:.4;cursor:not-allowed}.af-quiet{color:#bbbfd1;background:transparent;padding:10px 0;font-size:12px}.af-quiet:disabled{opacity:.3;cursor:default}.af-page a:focus-visible,.af-page button:focus-visible{outline:2px solid #d2c3ff;outline-offset:4px}.af-footnote{font-size:11px;color:#929ab4;text-align:center;line-height:1.65;margin-top:17px}.af-footnote a{color:#c1afff;text-decoration:underline}.af-visual{position:relative;min-height:335px;display:grid;place-items:center;perspective:1000px;overflow:hidden}.af-device{position:relative;background:linear-gradient(130deg,#222538,#111725);border:1px solid #70729266;box-shadow:0 28px 60px #0008,0 0 80px #7557e51a;border-radius:18px;padding:20px;width:min(340px,85%);transform:rotateY(-9deg) rotateX(6deg) rotate(2deg);animation:af-float 7s ease-in-out infinite}.af-device-bar{display:flex;gap:5px;margin-bottom:24px}.af-device-bar span{height:5px;width:5px;border-radius:50%;background:#697087}.af-device-head{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.af-device-head small{display:block;font-size:10px;color:#9da5bd;margin-top:5px;font-weight:400}.af-app-icon{padding:11px;border:1px solid #8975c188;background:#6e51bc22;color:#b3a0ff;border-radius:12px}.af-mini-label{font-size:8px;letter-spacing:.14em;color:#a7aec6;margin:22px 0 12px}.af-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.af-days span{padding:9px 0;text-align:center;font-size:9px;border:1px solid #3a4054;border-radius:9px;color:#a4abc1}.af-days b{display:block;color:#d2d5e1;margin-top:5px;font-size:13px}.af-days .active{background:#a890ff22;border-color:#a890ff}.af-times{display:flex;gap:8px;margin-top:12px}.af-times span{padding:7px;background:#262b40;border-radius:5px;color:#aaaec8;font-size:9px}.af-times span:nth-child(2){color:#d1c4ff;background:#65529b44}.af-mini-line{height:5px;width:85%;background:#2a3043;border-radius:3px;margin:17px 0 0}.af-mini-line.short{width:55%;margin-top:7px}.af-device-bottom{margin-top:21px;border-top:1px solid #34374b;padding-top:13px;display:flex;gap:7px;align-items:center;color:#b5a5ed;font-size:9px}.af-mini-list>div{display:flex;align-items:center;gap:8px;margin:10px 0;padding:9px 0;border-bottom:1px solid #ffffff0c;font-size:10px}.af-mini-square{width:7px;height:7px;border:1px solid #a699cf;border-radius:2px}.af-mini-status{margin-left:auto;color:#a9a1bd;font-size:8px}.af-orbit{position:absolute;border:1px solid #9e84ff19;border-radius:50%;width:395px;height:245px;transform:rotate(-25deg);box-shadow:0 0 40px #7753ee08}.af-orbit-two{width:270px;height:360px;transform:rotate(30deg)}.af-concept{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.18em;color:#727991}.af-aside-copy{padding:26px 25px}.af-aside-copy>span{font-size:9px;letter-spacing:.14em;color:#a29ac0}.af-aside-copy h2{font-size:28px;margin-top:15px}.af-aside-copy p{font-size:13px;color:var(--af-muted);line-height:1.8;max-width:340px}.af-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.af-pills span{font-size:10px;padding:7px 10px;border:1px solid #3a354f;border-radius:20px;color:#b1a8cd}.af-result-label{font-size:9px;letter-spacing:.12em;color:#b7a5ff;display:flex;gap:8px;align-items:center;margin-bottom:22px}.af-result-subtitle{color:#c7bddf;line-height:1.5;font-size:15px}.af-description,.af-example p{font-size:13px;line-height:1.75;color:#afb6cb}.af-panel h3{font-size:13px;color:#e3deee;font-weight:600;margin:23px 0 11px}.af-reasons p,.af-features li{font-size:12px;display:flex;gap:9px;align-items:flex-start;color:#c9c9dc;line-height:1.5;margin:9px 0}.af-reasons svg,.af-features svg{color:#b69cff;flex-shrink:0;margin-top:1px}.af-reasons small{font-size:11px;line-height:1.6;color:#a0a7c1;display:block;margin-top:12px}.af-features{padding:0;margin:0;list-style:none}.af-example{border-left:2px solid #9a82da;background:#9e7aff0a;padding:15px 18px;margin-top:23px}.af-example span{font-size:9px;letter-spacing:.12em;color:#b4a4d7}.af-example p{margin:7px 0 0}.af-caveat{font-size:11px;line-height:1.6;color:#969fb7;margin:14px 0 23px}.af-full{width:100%}.af-result-actions{display:flex;justify-content:space-between;gap:12px}.af-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes af-float{0%,to{transform:rotateY(-9deg) rotateX(6deg) rotate(2deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(4deg) rotate(1deg) translateY(-7px)}}@media (max-width: 760px){.af-page{padding:30px 18px 65px}.af-layout{grid-template-columns:1fr;gap:15px}.af-panel{padding:24px 20px}.af-aside{display:none}.af-page h1{font-size:43px}.af-back-link{margin-bottom:26px}.af-page h2{font-size:24px}.af-choice{padding:16px 13px}.af-intro{font-size:14px}.af-result-actions{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.af-device{animation:none}.af-progress>span,.af-choice{transition:none}}