@font-face{font-family:Geist;src:url(/fonts/geist-400.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-600.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-700.ttf) format("truetype");font-weight:700;font-display:swap}:root{font-family:Geist,Arial,sans-serif;color:#24232a;background:#f5f5f2;font-synthesis:none;--ink:#24232a;--muted:#79777e;--line:#e1e0e4;--purple:#7c5cff;--mint:#72f1b8;--phone-bg:#0b0b10;--phone-card:#111116;--phone-elevated:#18181f;--phone-text:#f4f3f7;--phone-muted:#a9a7b8;--phone-border:rgba(255,255,255,.09)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.25;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #9e85ff;outline-offset:4px}input:focus{outline:2px solid var(--purple);outline-offset:2px}a{color:inherit}svg{flex-shrink:0}button svg{vertical-align:middle}button{transition:background .18s,transform .18s,opacity .18s}button:active:not(:disabled){transform:translateY(1px)}.studio-header{height:76px;padding:0 44px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff}.brand{font-weight:700;font-size:25px;letter-spacing:-1.3px;display:inline-flex;align-items:center;gap:7px}.brand img{height:26px;width:26px;border-radius:50%}.brand-dot{color:var(--purple);margin-left:-7px}.studio-logo{text-decoration:none}.studio-divider{height:20px;width:1px;background:var(--line);margin:0 22px}.studio-name{font-size:10px;font-weight:600;letter-spacing:2.5px}.header-right{margin-left:auto;display:flex;gap:24px;align-items:center}.demo-badge{font-size:9px;letter-spacing:1.4px;display:flex;gap:8px;align-items:center;color:#77737f}.demo-badge i{height:6px;width:6px;background:#a699c1;border-radius:50%}.share-button{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:12px;background:#fff}.share-button:hover{background:#f3efff}main{max-width:1192px;margin:auto;padding:0 30px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:39px 0 30px}.intro-kicker{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#88818e;display:flex;align-items:center;gap:10px}.intro-kicker>span{width:18px;height:1px;background:#b5b0bf}.intro h1{font-size:39px;letter-spacing:-1.8px;font-weight:600;margin:10px 0 8px;line-height:1.12}.intro h1>span{color:var(--purple)}.intro p{font-size:13px;margin:0;color:var(--muted)}.how-button{font-size:11px;color:#716b7b;display:flex;align-items:center;gap:7px;margin-bottom:2px}.demo-notes{position:relative;background:#eee9fa;color:#5d526b;border-radius:10px;padding:18px 45px 18px 20px;font-size:12px;line-height:1.7;margin-bottom:20px}.demo-notes b{display:block;color:#3d2f53}.demo-notes>button{position:absolute;right:15px;top:15px}.chapters{display:flex;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 8px;gap:5px}.chapters button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;flex:1;font-size:11px;padding:11px 7px;white-space:nowrap;color:#7c7685;border-radius:5px}.chapters button>span{font-size:9px;border:1px solid #e3dfea;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}.chapters button.active{background:#eee9fa;color:#6743da;font-weight:600}.chapters button.active>span{background:#7c5cff;border-color:#7c5cff;color:#fff}.chapters button.complete>span{background:#e7f5ee;color:#238056;border-color:#e7f5ee}.chapter-chevron{position:absolute;right:-8px;color:#c8c3ce}.workspace-tools{display:flex;align-items:center;justify-content:space-between;padding:19px 0 13px}.live-state{font-size:10px;font-weight:600;display:flex;align-items:center;gap:7px;color:#615b68}.status-dot{height:6px;width:6px;border-radius:50%;background:#8c72dd}.workspace-helper{font-size:10px;font-weight:400;color:#99939f;margin-left:14px}.view-switch{display:flex;gap:3px}.view-switch button{padding:6px;color:#a49da9;border-radius:4px}.view-switch button.active{background:#e6e2ec;color:#625671}.panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.panel-heading{height:62px;border-bottom:1px solid #eeecf1;display:flex;align-items:center;justify-content:space-between;padding:0 21px;gap:5px}.panel-heading>div{display:flex;align-items:center;gap:9px}.panel-number{font-size:10px;color:#aaa2b1}.panel h2{font-size:13px;font-weight:600;letter-spacing:-.25px;margin:0}.panel-tag{font-size:7px;letter-spacing:1px;font-weight:600;color:#7b60b5;background:#f0eafb;border:1px solid #e7dcf7;border-radius:4px;padding:4px 6px}.panel-tag.try-tag{color:#43795e;background:#edf7f1;border-color:#dbeee3}.panel-stage{font-size:9px;color:#948a9d}.panel-heading>button{color:#82798c;padding:5px}.phone-stage{position:relative;display:flex;justify-content:center;padding:24px 10px 22px;background:radial-gradient(ellipse at 50% 25%,#f4f0fa,transparent 80%),#faf9fb}.try-panel .phone-stage{background:radial-gradient(ellipse at 50% 25%,#f0f5f2,transparent 80%),#fafbfa}.phone{width:376px;height:750px;background:var(--phone-bg);color:var(--phone-text);border-radius:40px;border:7px solid #222126;box-shadow:0 1px 0 1px #6a6870,0 17px 32px -17px #2b27385c,0 0 0 2px #d5d1db;overflow:hidden;position:relative;display:flex;flex-direction:column;isolation:isolate}.statusbar{height:38px;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:5px 22px 0;font-size:11px;position:relative;z-index:2}.statusbar>span{display:flex;gap:4px;align-items:center}.island{position:absolute;left:50%;top:9px;transform:translate(-50%);width:95px;height:24px;background:#030305;border-radius:25px}.app-top{display:flex;align-items:center;justify-content:space-between;padding:10px 21px 14px;min-height:61px;border-bottom:1px solid var(--phone-border)}.app-top>button{padding:5px;color:#b0acbd}.app-top .brand{font-size:22px;gap:6px}.app-top .brand img{width:23px;height:23px}.sport-tag{font-size:8px;letter-spacing:1.2px;color:#80778e;border:1px solid #28242f;padding:5px 7px;border-radius:5px}.phone-scroll{flex:1;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.phone-scroll::-webkit-scrollbar{display:none}.home-indicator{height:23px;min-height:23px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;background:var(--phone-bg)}.home-indicator:after{content:"";width:110px;height:4px;border-radius:10px;background:#e1dfe6}.screen{padding:22px 21px 13px}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.5px;color:#9e85ff;margin-bottom:13px}.phone h1{font-size:28px;letter-spacing:-1.1px;font-weight:600;line-height:1.16;margin:0 0 12px}.accent{color:#9e85ff}.sub{font-size:11.5px;color:var(--phone-muted);line-height:1.65;margin:0 0 20px}.profile-picture{display:flex;align-items:center;gap:15px;margin:22px 0 12px}.profile-picture b{font-size:11px;font-weight:600}.profile-picture>div{display:flex;flex-direction:column;gap:8px}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.text-button{display:flex;align-items:center;gap:5px;padding:0;font-size:10px;color:#b29cfa}.photo-actions{display:flex;gap:8px;align-items:center;margin-bottom:24px}.small-button{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;background:var(--phone-elevated);border:1px solid var(--phone-border);border-radius:6px;font-size:10px;cursor:pointer}.photo-actions>span{font-size:9px;color:#716b7d;margin-left:auto}.photo-actions input{display:none}.field-label{display:block;font-size:8px;letter-spacing:1.3px;color:#9d94ae;margin:16px 0}.field-label input{display:block;background:#15151b;border:1px solid #302938;border-radius:8px;color:var(--phone-text);width:100%;padding:13px 12px;font-size:13px;letter-spacing:0;margin-top:8px}.field-label input::placeholder{color:#716a7e}.input-note{font-size:9px;color:#82798f;display:flex;gap:5px;align-items:center;margin-top:-2px;margin-bottom:21px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:#7c5cff;color:#fff;font-size:12px;font-weight:600;border-radius:9px;min-height:45px;margin-top:16px;box-shadow:0 3px 10px #7c5cff20}.primary:hover{background:#8b6eff}.quiet{font-size:8.5px;line-height:1.65;color:#8f859d;margin:13px 0 0}.centered{text-align:center}.centered-button{margin:15px auto 2px}.section-label{display:flex;justify-content:space-between;align-items:center;letter-spacing:1px;font-size:8px;font-weight:600;color:#877f96;margin:19px 0 10px}.section-label>span{font-size:7px;color:#b6a2ec}.person-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid var(--phone-border);min-height:65px}.person-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.person-text b{font-size:11.5px;font-weight:600;display:flex;gap:5px;align-items:center}.person-text b small{font-size:7px;color:#a393bb;border:1px solid #37303f;border-radius:3px;padding:1px 3px;font-weight:400}.person-text>span{font-size:9px;color:#958ba5}.person-row.inviter{background:#181323;border:1px solid #3e3058;padding:12px 10px;border-radius:10px}.accept-button{display:flex;align-items:center;gap:4px;font-size:9px;color:#c0aaff;font-weight:600}.selected .accept-button{color:#72f1b8}.check-circle{width:25px;height:25px;display:grid;place-items:center;border:1px solid #393141;color:#9584aa;border-radius:50%}.selected .check-circle{background:#7c5cff;color:#fff;border-color:#7c5cff}.gentle-note{display:flex;gap:9px;align-items:center;color:#a79ab9;font-size:9px;line-height:1.6;background:#15121c;border:1px solid #282130;border-radius:8px;padding:11px 12px;margin-top:19px}.gentle-note svg{color:#9980c6}.knowledge-key{display:flex;align-items:center;gap:9px;font-size:9px;color:#c5b8da;background:#1c162a;border-radius:7px;padding:11px;margin-bottom:15px;line-height:1.6}.search{display:flex;align-items:center;gap:8px;background:#15151b;border:1px solid #292430;padding:9px 11px;border-radius:7px;color:#746a83;margin-bottom:4px}.search input{min-width:0;width:100%;background:none;border:none;color:var(--phone-text);font-size:10px;outline:none}.known-row{padding:10px 0;min-height:61px}.check-square{width:22px;height:22px;border:1px solid #494052;border-radius:6px;display:grid;place-items:center}.selected .check-square{background:#7c5cff;border-color:#7c5cff;color:#fff}.order-key{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.8px;color:#ac9ebd;margin:24px 0 12px}.order-key>span{margin-left:auto;font-size:7px;color:#716779}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-row{display:flex;align-items:center;gap:9px;border:1px solid #302735;background:#151219;padding:11px 9px;border-radius:9px;transition:transform .3s,background .3s,border-color .3s;min-height:61px}.rank-row>b{font-size:10px;font-weight:600;flex:1}.rank-number{font-size:10px;color:#8d7d9e;width:18px}.drag-handle{display:flex;color:#81718f;touch-action:none;cursor:grab}.rank-row.dragging{background:#2d2146;border-color:#ad8ceb;opacity:.6}.rank-controls{display:flex;flex-direction:column;gap:3px}.rank-controls button{padding:1px;color:#c6b4de}.rank-row:hover{border-color:#645076}.message-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25252d;padding:8px 16px 12px;background:#121216}.message-top>svg{color:#9e85ff}.message-top>div{display:flex;flex-direction:column;align-items:center;gap:6px}.message-top b{font-size:9px;display:flex;align-items:center;gap:4px}.message-top>span{width:23px}.messages-screen{padding:19px 17px;min-height:100%}.sms-date{text-align:center;font-size:8px;color:#77747e;line-height:1.8;margin:0 0 24px}.sms-date b{font-weight:400;color:#a09aa9}.sms-bubble{font-size:12px;line-height:1.5;background:#26252c;border-radius:15px 15px 15px 4px;padding:13px 14px;max-width:94%;color:#f1edf5}.sms-small{font-size:11px;margin-top:10px;display:inline-block}.sms-link{display:block;text-align:left;width:94%;margin-top:4px;border-radius:12px;overflow:hidden;padding:0;border:1px solid #383041;background:#201b2a}.sms-preview{padding:18px 16px 22px;position:relative;overflow:hidden;background:linear-gradient(125deg,#302240,#161321)}.sms-preview .brand{font-size:21px;margin-bottom:29px;position:relative;z-index:1}.sms-preview .brand img{width:23px;height:23px}.sms-preview strong{display:block;font-size:23px;font-weight:600;letter-spacing:-.8px;line-height:1.18;position:relative;z-index:1}.court-lines{position:absolute;right:-65px;top:3px;width:190px;height:240px;transform:rotate(-30deg);border:1px solid #8c6fba55}.court-lines:before{content:"";position:absolute;inset:30px 0;border-top:1px solid #8c6fba55;border-bottom:1px solid #8c6fba55}.court-lines:after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #8c6fba55}.sms-link-label{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px}.sms-link-label>b{font-size:11px}.sms-link-label>span{font-size:9px;color:#a99cbb}.sms-link-label>svg{position:absolute;right:12px;top:18px;color:#b194e9}.sms-safety{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#817788;margin:24px 0 2px}.sms-composer{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#77717f}.sms-composer>span{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #37313d;border-radius:30px;padding:7px 10px;font-size:10px}.sms-composer>span>span{height:20px;width:20px;display:grid;place-items:center;background:#38323e;color:#b7acbf;border-radius:50%}.start-orbit{position:absolute;bottom:60px;left:50%;transform:translate(-50%);white-space:nowrap;display:flex;gap:10px;align-items:center;background:#fff;color:#5a3a9d;border:1px solid #d5c6ef;border-radius:40px;padding:13px 19px;font-size:11px;font-weight:600;box-shadow:0 6px 24px #0004;z-index:4}.start-orbit:active{transform:translate(-50%) translateY(1px)!important}.playback{display:flex;gap:10px;align-items:center;border-top:1px solid #eae6ef;padding:13px 20px}.playback>button{color:#8a7c99;padding:5px}.playback>.play-button{color:#fff;background:#7651cc;border-radius:50%;height:32px;width:32px;display:grid;place-items:center}.playback-progress{height:3px;background:#eae5f1;border-radius:4px;flex:1;margin:0 4px;overflow:hidden}.playback-progress>i{display:block;height:100%;background:#987cc9;transition:width .4s}.playback select{border:1px solid #e5dfea;background:#fff;border-radius:5px;font-size:10px;padding:4px;color:#70627e}.caption{display:flex;gap:10px;align-items:flex-start;padding:0 21px 16px;min-height:61px}.caption p{font-size:10px;line-height:1.7;color:#80758c;margin:0}.caption-marker{height:5px;width:5px;border-radius:50%;background:#9e85ce;margin-top:6px;flex-shrink:0}.caption-marker.mint{background:#4c9d75}.try-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7ece8;padding:18px 20px}.try-tools button{display:flex;align-items:center;gap:5px;font-size:10px;color:#528469;padding:0}.try-tools>span{display:flex;gap:4px;align-items:center;font-size:7px;letter-spacing:.8px;color:#8b9a8f}.spotlight{position:absolute;pointer-events:none;z-index:30;border-radius:10px;border:2px solid #b89aff;box-shadow:0 0 0 1800px #0009,0 0 18px #b89aff90;transition:left .45s ease,top .45s ease,width .4s,height .4s}.demo-pointer{position:absolute;pointer-events:none;z-index:31;filter:drop-shadow(0 2px 3px #0008);transition:left .8s ease,top .8s ease}.demo-pointer.clicking:after{content:"";position:absolute;width:32px;height:32px;border:2px solid #c8b7fc;border-radius:50%;left:-14px;top:-14px;animation:ripple .6s ease-out infinite}@keyframes ripple{0%{transform:scale(.4);opacity:1}to{transform:scale(1.7);opacity:0}}.impact-strip{display:flex;gap:12px;align-items:center;background:linear-gradient(110deg,#242032,#15161c);border:1px solid #3d354c;border-radius:12px;padding:15px 12px;margin:21px 0}.impact-icon{color:#72f1b8;background:#72f1b814;border-radius:10px;padding:8px;display:flex}.impact-strip>div{display:flex;flex-direction:column;gap:3px}.impact-strip strong{font-size:30px;line-height:1;letter-spacing:-1px}.impact-strip>div>span{font-size:8px;color:#b0a3c0}.ballot-stamp{font-size:6.5px;font-weight:600;letter-spacing:.7px;line-height:1.7;color:#8a789f;margin-left:auto}.ballot-stamp svg{display:block;margin-bottom:3px;color:#72f1b8}.comparison-head{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:8px;letter-spacing:1.1px;color:#b5a7c7;margin-bottom:10px}.comparison-head>b:last-child{text-align:right}.compare-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.compare-toggle>span{font-size:8px;color:#8c7b9e}.compare-toggle>div{display:flex;border:1px solid #34293e;padding:2px;border-radius:6px}.compare-toggle button{font-size:7px;color:#9c8ab2;padding:5px 7px;border-radius:4px}.compare-toggle button.active{background:#3a2b53;color:#dfd2f5}.comparison{display:flex;flex-direction:column;gap:7px}.compare-row{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:4px}.compare-person{display:flex;align-items:center;gap:7px;background:#17121e;border:1px solid #33253c;padding:9px 7px;border-radius:7px;min-width:0;animation:arrive .5s ease}.compare-person>span{font-size:9px;color:#8d789f}.compare-person>b{font-size:10px;font-weight:600}.compare-person.aligned{border-color:#72f1b82f;background:#72f1b809}.compare-person>small{margin-left:auto;font-size:9px;font-weight:600}.compare-person .up{color:#72f1b8}.compare-person .down{color:#e6b46d}.compare-person .unchanged{color:#716579}.comparison-join{text-align:center;color:#8e739a;font-size:11px}.comparison-join.same{color:#72f1b8}.compare-legend{display:flex;justify-content:space-between;font-size:7px;color:#a596b3;margin:12px 0 19px}.compare-legend>span{display:flex;align-items:center;gap:4px}.legend-dot{width:4px;height:4px;background:#72f1b8;border-radius:50%}.confidence{border-top:1px solid #302737;padding-top:15px;display:flex;align-items:center;gap:8px}.confidence>span{font-size:6px;letter-spacing:1px;color:#aa96b7}.confidence>div{display:flex;gap:3px}.confidence i{height:9px;width:4px;background:#ab8ace;border-radius:2px}.confidence i.dim{background:#302438}.confidence>b{font-size:7px;font-weight:400;margin-left:auto;color:#94819f}.reveal-links{display:flex;justify-content:center;gap:18px;margin:14px 0}.reveal-links button{font-size:9px;color:#b6a0d0;padding:0}.error{background:#4f232b;color:#ffd7dd;padding:10px;border-radius:7px;font-size:10px;line-height:1.6}.error button{display:flex;align-items:center;gap:5px;padding:5px 0 0;color:#fff;font-weight:600}.empty{font-size:11px;color:#b8a6c3;padding:15px 0}.camera-modal{position:absolute;inset:0;background:#101016f5;z-index:40;padding:70px 20px 25px;display:flex;flex-direction:column;justify-content:center}.camera-modal>button:first-child{position:absolute;right:20px;top:50px}.camera-modal h2{font-size:20px;margin-bottom:20px}.camera-modal video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;transform:scaleX(-1)}.explore{display:flex;gap:40px;align-items:center;padding:27px 0 30px;margin-top:9px}.explore>div:first-child{min-width:220px}.explore h3{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:7px 0 5px}.explore p{font-size:10px;color:#928996;margin:0}.edge-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.edge-buttons button{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #dfdbe3;border-radius:7px;padding:12px 14px;font-size:10px;text-align:left;color:#706477;background:#faf9fc}.edge-buttons button:hover{background:#eee7f7;border-color:#c6b8d8}.studio-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:18px 0 26px;font-size:7px;letter-spacing:.7px;color:#948b9c}.studio-footer>span:first-child{font-weight:600}.studio-footer>span>span{color:#c7c0cd;margin:0 5px}.mobile-tabs,.mode-watch .try-panel{display:none}.mode-watch .panels{grid-template-columns:minmax(350px,650px);justify-content:center}.mode-try .watch-panel{display:none}.mode-try .panels{grid-template-columns:1fr}@keyframes arrive{0%{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){main{max-width:1280px}.phone-stage{padding:30px 15px}.phone{height:790px;width:393px}.phone h1{font-size:30px}.sub{font-size:12px}.person-row{min-height:69px}.rank-row{min-height:66px}.phone .primary{font-size:13px}}@media(max-width:1050px){main{padding:0 20px}.panel-heading{padding:0 13px}.panel-stage{display:none}.phone{width:350px}.phone-stage{padding:21px 8px}.phone h1{font-size:26px}.panels{gap:14px}.try-tools>span{display:none}.panel-tag{font-size:6px;padding:3px}.workspace-helper,.chapter-chevron{display:none}.chapters button{gap:5px;font-size:10px}.studio-header{padding:0 25px}}@media(max-width:790px){.studio-header{height:64px;padding:0 18px}.studio-name{font-size:8px;letter-spacing:1.2px}.studio-divider{margin:0 12px}.demo-badge{display:none}.share-button{font-size:0;gap:0;padding:9px}.intro{padding:27px 0 24px;align-items:flex-start}.intro h1{font-size:31px;letter-spacing:-1.2px}.intro p{font-size:11px}.intro-kicker{font-size:7px;letter-spacing:1px}.how-button{font-size:0}.chapters{overflow:auto;gap:4px;padding:5px}.chapters button{flex:0 0 auto;padding:7px 8px;font-size:9px}.chapters button>span{width:17px;height:17px;font-size:7px}.workspace-tools{padding:12px 0}.mobile-tabs{display:flex;gap:5px;background:#e9e5ed;padding:4px;border-radius:7px;margin-bottom:12px}.mobile-tabs button{flex:1;padding:10px;font-size:11px;color:#877b91;border-radius:5px}.mobile-tabs button.active{background:#fff;color:#61438d;box-shadow:0 1px 4px #46345d10}.panels{display:block}.mobile-watch .try-panel,.mobile-try .watch-panel{display:none}.mobile-try .try-panel,.mode-watch.mobile-try .try-panel{display:block}.panel-heading{padding:0 17px;height:56px}.panel-tag{font-size:7px}.phone-stage{padding:22px 12px}.phone{width:376px;height:750px}.panel-stage{display:block}.phone h1{font-size:28px}.explore{display:block;padding:26px 0}.edge-buttons{margin-top:15px}.studio-footer{flex-wrap:wrap;font-size:7px;line-height:1.6}.studio-footer>span:nth-child(2){order:3;width:100%}.view-switch{display:none}.start-orbit{bottom:60px}}@media(max-width:430px){main{padding:0 12px}.intro h1{font-size:28px}.studio-name{letter-spacing:.5px}.brand{font-size:23px}.header-right{gap:7px}.phone-stage{padding:14px 6px}.phone{width:100%;border-width:5px;height:720px;border-radius:34px;box-shadow:0 0 0 1px #605a69}.screen{padding:20px 16px 12px}.phone h1{font-size:26px}.panel-heading{padding:0 13px}.panel-heading>div{gap:6px}.panel h2{font-size:12px}.panel-stage{font-size:8px}.compare-person{gap:4px;padding:8px 5px}.compare-person>b{font-size:9px}.compare-person .avatar{width:25px;height:25px}.compare-person>small{font-size:8px}.edge-buttons{grid-template-columns:1fr}.statusbar{padding-left:19px;padding-right:19px}.playback{padding:12px 15px}.caption{padding:0 15px 14px}.try-tools{padding:17px 15px}.sub{font-size:11px}.app-top{padding-left:17px;padding-right:17px}.start-orbit{font-size:10px;padding:12px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}.sub{font-size:12.5px}.person-text b{font-size:13px}.person-text>span{font-size:10px}.rank-row>b{font-size:11.5px}.primary,.sms-bubble{font-size:13px}.sms-small{font-size:12px}.quiet{font-size:9.5px}.gentle-note{font-size:10px}.caption p{font-size:11px}.field-label{font-size:9px}.field-label input{font-size:14px}.knowledge-key{font-size:10px}.sms-link-label>b{font-size:12px}.sms-link-label>span{font-size:10px}.eyebrow,.section-label{font-size:9px}.compare-legend{font-size:7.5px}:root{--phone-bg:#020204;--phone-card:#09090e;--phone-elevated:#101019;--phone-text:#f8f7fb;--phone-muted:#bcb9c5;--phone-border:rgba(178,162,231,.18);--purple:#704cff}.brand{gap:0;font-size:27px;font-weight:700;letter-spacing:-1.5px}.spiral-mark{color:#bca0ff;margin:0 1px;filter:drop-shadow(0 0 3px #8a5cf533)}.app-top .brand{gap:0;font-size:26px}.app-top .spiral-mark{width:26px;height:26px}.sms-preview .brand{font-size:24px}.photo-avatar{display:inline-block;background-image:url(/fictional-players.png);background-size:300% 200%;background-repeat:no-repeat;border:1px solid #9d80e955;box-shadow:0 0 0 2px #0004}.person-row.inviter{background:radial-gradient(ellipse at top left,#3d276052,transparent 75%),#08080e;border-color:#6b4bac99;box-shadow:inset 0 1px #b594fc2a}.phone h1{font-weight:700;letter-spacing:-.8px;font-size:29px}.phone .sub{font-size:13px;line-height:1.6}.phone .primary{background:linear-gradient(110deg,#6f3ee8,#5635e9 60%,#6746ef);border:1px solid #a896ff;box-shadow:inset 0 1px 2px #ddc7ff70,0 0 13px #7545fa42;border-radius:14px;font-size:14px;padding:15px 16px;min-height:49px}.phone .primary:hover{background:linear-gradient(110deg,#8353f1,#7050fa)}.phone .accent,.phone .eyebrow{color:#9875ff}.phone .field-label input{border-radius:11px;background:linear-gradient(120deg,#13101c,#070709);border-color:#42374d;font-size:15px}.phone .person-text b{font-size:14px}.phone .person-text>span{font-size:11px}.phone .person-row{min-height:70px}.phone .rank-row{min-height:65px;border-radius:12px;border-color:#42334f;background:linear-gradient(125deg,#19112577,#050508)}.phone .rank-row>b{font-size:12px}.phone .rank-number{color:#b0a4c1;font-size:12px}.phone .check-circle{width:28px;height:28px}.phone .check-square{width:25px;height:25px}.phone .selected .check-circle,.phone .selected .check-square{background:linear-gradient(135deg,#a17aff,#6232e6);box-shadow:0 0 9px #8454ee44}.phone .gentle-note{border-color:#392a45;background:#100b16}.sms-preview{background:radial-gradient(ellipse at top left,#54369488,transparent 75%),#060609}.sms-link{border-color:#66469499}.sms-link-label{background:#0a080e}.rank-impact-hero{padding:20px 12px 18px;background:radial-gradient(ellipse at 70% 55%,#501dc94d,transparent 65%),linear-gradient(125deg,#20133a66,#020203);border:1px solid #6345a084;border-radius:17px;margin:20px 0 12px;text-align:center;overflow:hidden}.hero-person{display:flex;align-items:center;justify-content:center;gap:9px;color:#c0b6d0;font-size:11px}.big-movement{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px 0 6px;font-size:62px;font-weight:700;line-height:1.2;letter-spacing:-3px}.big-movement>svg{color:#9c78ff}.big-movement strong{font-size:78px;color:#fff;text-shadow:0 0 9px #9364ff,0 0 26px #6029ff,0 0 55px #6931d6}.movement-explainer{font-size:8px;letter-spacing:1.4px;color:#a780f4}.phone .impact-strip{border-color:#51425d;border-radius:15px;background:linear-gradient(110deg,#121017,#060607);margin:10px 0 24px}.phone .impact-strip strong{font-size:34px;color:#51d384}.phone .impact-icon{color:#51d384;background:#163c272f}.phone .impact-strip>div>span{font-size:10px}.phone .comparison-head{font-size:9px}.phone .compare-person{min-height:50px;background:linear-gradient(120deg,#141019,#030305);border-color:#372a43}.phone .compare-person>b{font-size:11px}.phone .compare-person>small{font-size:10px}.phone .compare-person.aligned{border-color:#3e915752;background:#18442b19}.phone .compare-toggle button{font-size:8px}.phone .compare-toggle>span{font-size:9px}.phone .reveal-links button{font-size:11px}.phone .confidence>b{font-size:8px}.phone .knowledge-key{background:linear-gradient(125deg,#2e184288,#09070e);border:1px solid #493057}.phone .accept-button{font-size:10px}.phone .small-button{font-size:11px;border-radius:8px}.phone .home-indicator{background:#020204}@media(max-width:430px){.phone h1{font-size:27px}.phone .person-text b{font-size:13px}.phone .rank-row>b{font-size:11px}.phone .compare-person>b{font-size:10px}.phone .compare-person>small{font-size:9px}.phone .sub{font-size:12.5px}.phone .big-movement{font-size:54px}.phone .big-movement strong{font-size:68px}}