@font-face{font-family:Audi Type;src:url(/assets/AudiType-Bold-D8xCN1bR.woff2)format("woff2"),url(/assets/AudiType-Bold-YsMvU1iX.woff)format("woff"),url(/assets/AudiType-Bold-Q6y5yvZ0.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Audi Type Extended;src:url(/assets/AudiType-ExtendedBold-Du0KMd5y.woff2)format("woff2"),url(/assets/AudiType-ExtendedBold-DLVTSK5c.woff)format("woff"),url(/assets/AudiType-ExtendedBold-BSCuEPas.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{color:#edf6f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#255b6e59,#0000 42%),linear-gradient(#0d1821 0%,#060a0f 58%,#05070b 100%);font-family:Trebuchet MS,Arial Narrow,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}h1,p{margin:0}.viewport{color:#0b1f5c;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#eef3fa;font-family:Inter,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden auto}.stage{transform-origin:top;background:#f6f9ff;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 0 80px #0b1f5c26}.stage-scroll{min-width:100%;position:relative}.screen{background:#f6f9ff;flex-direction:column;display:flex;position:absolute;inset:0}.stage button{cursor:pointer;border:0;font-family:inherit}.logo{color:#fff;align-items:center;gap:20px;font-size:40px;font-weight:600;display:flex}.logo svg{font-size:56px}.hero{color:#fff;clip-path:ellipse(90% 100% at 50% 0);background:linear-gradient(#021a6b 0%,#0a3cb5 100%);flex:none;height:900px;padding:70px 80px 0;position:relative}.hero h1{z-index:3;margin:60px 0 24px;font-size:130px;font-weight:800;line-height:1.05;position:relative}.hero h1 span{color:#2ea0ff}.hero p{z-index:3;width:500px;margin:0;font-size:42px;font-weight:500;line-height:1.35;position:relative}.bot{pointer-events:none;z-index:2;position:absolute}.intro-bot{width:750px;bottom:-70px;left:366px}.body{flex:1;padding:0 80px;position:relative}.intro-body{padding-top:86px}.feature{align-items:center;gap:44px;margin-bottom:46px;display:flex}.feature-icon{color:#0a5cf0;background:#e3edff;border-radius:50%;flex:none;place-items:center;width:150px;height:150px;font-size:76px;display:grid}.feature h3{margin:0 0 10px;font-size:48px;font-weight:700}.feature p{color:#5f6f9a;margin:0;font-size:38px;line-height:1.3}.btn{border-radius:28px;justify-content:center;align-items:center;gap:20px;width:100%;height:130px;font-size:46px;font-weight:700;display:flex}.btn.primary{color:#fff;background:linear-gradient(#1a73ff,#0a5cf0);box-shadow:0 16px 36px #0a5cf059}.btn.outline{color:#0a5cf0;background:#fff;border:3px solid #1a73ff!important}.btn:disabled{opacity:.45;box-shadow:none}.btn.big{margin-top:30px}.dots{justify-content:center;gap:22px;margin-top:40px;display:flex}.dots i{background:#d6e1f5;border-radius:50%;width:22px;height:22px}.dots i.on{background:#0a5cf0}.topbar{color:#fff;background:linear-gradient(#021a6b,#0a3cb5);flex:none;padding:60px 80px 70px}.progress-meta{justify-content:space-between;margin:50px 0 24px;font-size:36px;font-weight:500;display:flex}.progress{background:#ffffff4d;border-radius:12px;height:24px;overflow:hidden}.progress-fill{background:#5cb0ff;border-radius:12px;height:100%}.q-body{padding-top:80px}.card{background:#fff;border-radius:48px;box-shadow:0 20px 60px #0a3cb51f}.msg-card{padding:60px}.sender{align-items:center;gap:36px;margin-bottom:40px;display:flex}.sender b{font-size:44px;display:block}.sender small{color:#5f6f9a;font-size:36px}.avatar{color:#1a73ff;background:#e3edff;border-radius:50%;place-items:center;width:130px;height:130px;font-size:90px;display:grid}.bubble{color:#4a5a85;background:#e9f0fd;border-radius:36px;min-height:260px;padding:48px;font-size:48px;line-height:1.4}.time{color:#7d8bb0;margin-top:34px;font-size:34px;display:block}.ask,.feedback{z-index:3;margin-top:80px;position:relative}.ask h2{text-align:center;margin:0 0 50px;font-size:50px}.choices{gap:40px;display:flex}.choice{flex-direction:column;gap:8px;height:220px;font-weight:500}.choice b{font-size:56px;font-weight:800}.choice span{font-size:38px;font-weight:600}.feedback{border-radius:40px;padding:50px}.feedback.good{color:#0b6b3a;background:#e3f8ec}.feedback.bad{color:#a11a1a;background:#fde8e8}.feedback h2{align-items:center;gap:20px;margin:0 0 20px;font-size:56px;display:flex}.feedback p{margin:0 0 40px;font-size:40px;line-height:1.4}.q-bot{z-index:0;min-width:960px;max-width:100%;position:absolute;bottom:-36px;left:0}.result-hero{clip-path:ellipse(90% 100% at 50% 0);height:900px}.result-bot{width:930px;bottom:80px;left:75px}.result-body{z-index:4;margin-top:-160px;padding:0 70px}.score-card{flex-direction:column;align-items:stretch;gap:34px;padding:60px;display:flex}.score-card h2{text-align:center;margin:0;font-size:60px}.ring{width:460px;height:460px;margin:0 auto;position:relative}.ring svg{width:100%;height:100%}.ring circle{fill:none;stroke-width:38px}.ring-bg{stroke:#dbe8ff}.ring-fg{stroke:#0a5cf0;stroke-linecap:round}.ring-text{justify-content:center;align-items:baseline;padding-top:145px;display:flex;position:absolute;inset:0}.ring-text b{font-size:150px;line-height:1}.ring-text span{font-size:70px;font-weight:600;line-height:1}.ring-text svg{color:#0a5cf0;width:60px;height:60px;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}.takeaway{background:#e9f0fd;border-radius:32px;gap:30px;padding:44px;display:flex}.takeaway>svg{color:#0a5cf0;flex:none;font-size:70px}.takeaway h3{color:#0a5cf0;margin:0 0 14px;font-size:44px}.takeaway p{color:#4a5a85;margin:0;font-size:38px;line-height:1.4}.overlay{z-index:20;background:#021450a6;place-items:center;display:grid;position:absolute;inset:0}.modal{text-align:center;background:#fff;border-radius:56px;flex-direction:column;gap:30px;width:880px;padding:80px 70px;display:flex;position:relative}.modal h2{margin:0;font-size:64px}.modal p{color:#5f6f9a;margin:0 0 10px;font-size:40px}.modal label{text-align:left;flex-direction:column;gap:14px;font-size:38px;font-weight:600;display:flex}.modal input{color:#0b1f5c;-webkit-user-select:text;user-select:text;border:3px solid #cfdcf5;border-radius:26px;outline:none;height:120px;padding:0 40px;font-family:inherit;font-size:44px}.modal input:focus{border-color:#1a73ff}.close{color:#0a5cf0;background:#e9f0fd;border-radius:50%;place-items:center;width:90px;height:90px;font-size:56px;display:grid;position:absolute;top:30px;right:30px}.done-icon{color:#1fb36b;margin:0 auto;font-size:160px}.rotate-block{display:none}@media (orientation:landscape) and (pointer:coarse) and (height<=600px){.rotate-block{z-index:99;color:#fff;text-align:center;background:#021a6b;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:18px;display:flex;position:fixed;inset:0}.rotate-block svg{font-size:64px}}