/* One surface keeps all screen content in the same perspective. */
.phone-experience{--score-progress:0;height:940px;padding-top:60px;align-content:start;gap:0}
.phone-experience .app-phone-composite{width:480px;height:auto;aspect-ratio:2/3;max-width:100%;container-type:inline-size;filter:drop-shadow(0 30px 24px #0009);will-change:transform}
.phone-screen-base{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.phone-surface{position:absolute;z-index:3;left:32.8%;top:15.2%;width:41.4%;height:74%;transform:skewY(5deg);transform-origin:left top;display:flex;flex-direction:column;color:#f3ffea;min-width:0;font-size:calc(2.6 * var(--phone-unit));line-height:1.35;text-align:left}
.phone-native-brand{display:flex;align-items:center;gap:8px;margin:0 0 calc(3.2 * var(--phone-unit));flex:none}
.phone-native-brand img{width:88%;height:auto;display:block}.phone-native-online{width:calc(1.4 * var(--phone-unit));height:calc(1.4 * var(--phone-unit));flex:none;border-radius:50%;background:#a9ff63;box-shadow:0 0 10px #a9ff6370}
.phone-score-top{display:flex;align-items:center;justify-content:space-between;color:#cedfc9;font-size:calc(2.6 * var(--phone-unit))}
.phone-score-replay{display:grid;place-items:center;padding:0;border:1px solid #a2ff7350;border-radius:50%;width:calc(6 * var(--phone-unit));height:calc(6 * var(--phone-unit));font-size:calc(4 * var(--phone-unit));line-height:1;background:#18301c;color:#bcff8f;cursor:pointer}
.phone-score-main{display:flex;align-items:center;gap:calc(3 * var(--phone-unit));margin:0 0 calc(1 * var(--phone-unit))}
.phone-score-main>strong{font-size:calc(12 * var(--phone-unit));font-weight:800;line-height:1.12;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.phone-gain{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(1 * var(--phone-unit));padding:calc(1 * var(--phone-unit)) calc(1.5 * var(--phone-unit));border-radius:calc(2 * var(--phone-unit));background:#9cff7015;border:1px solid #a5ff6328;color:#b6ff81;font-size:calc(3 * var(--phone-unit));line-height:1.25;font-variant-numeric:tabular-nums}
.phone-gain small{font-size:calc(2 * var(--phone-unit));width:100%;text-align:center}
.phone-score-meter{height:calc(1 * var(--phone-unit));border-radius:10px;background:#bbef991f;overflow:hidden;margin-top:calc(1 * var(--phone-unit))}.phone-score-meter i{height:100%;display:block;width:calc(34% + 49% * var(--score-progress));background:linear-gradient(90deg,#388c35,#b9ff74);border-radius:inherit}
.phone-native-chart{width:100%;height:auto;display:block;margin-top:calc(2 * var(--phone-unit));overflow:visible}
.phone-chart-labels{display:flex;justify-content:space-between;font-size:calc(2.1 * var(--phone-unit));color:#a6bfa4;margin:calc(1 * var(--phone-unit)) 0 calc(2.6 * var(--phone-unit))}
.phone-native-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(1 * var(--phone-unit));flex:none;margin-bottom:calc(2.5 * var(--phone-unit))}
.phone-native-tabs button{grid-column:span 2;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(.4 * var(--phone-unit));min-height:calc(10.5 * var(--phone-unit));padding:calc(1 * var(--phone-unit)) calc(.3 * var(--phone-unit));background:#143220;color:#d9eecd;border:1px solid #5f915044;border-radius:calc(2 * var(--phone-unit));font:600 calc(2.15 * var(--phone-unit))/1.2 Montserrat,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.phone-native-tabs button:nth-last-child(-n+2){grid-column:span 3;flex-direction:row;gap:calc(1.2 * var(--phone-unit));min-height:calc(8.5 * var(--phone-unit))}
.phone-native-tabs button>span:first-child{font-size:calc(4 * var(--phone-unit));font-weight:500;line-height:1}
.phone-native-tabs button[aria-pressed=true]{color:#10220c;background:#a7f974;border-color:#d1ffaa;box-shadow:0 3px 12px #57ff3924}
.phone-native-tabs button:hover{border-color:#bbff8a}.phone-surface button:focus-visible{outline:2px solid white;outline-offset:2px}
.phone-native-panel{position:relative;min-height:0;flex:1;color:#d8edce;padding:calc(2.8 * var(--phone-unit)) 0 calc(1.6 * var(--phone-unit));border-top:1px solid #9ae96e40}
.phone-native-panel h3{font-size:calc(3 * var(--phone-unit));line-height:1.3;color:#f3ffe9;letter-spacing:-.025em;margin:0 0 calc(2 * var(--phone-unit))}
.phone-native-panel p{font-size:calc(2.65 * var(--phone-unit));line-height:1.45;margin:0}.phone-panel-list{list-style:none;padding:0;margin:0;display:grid;gap:calc(2.3 * var(--phone-unit))}.phone-panel-list li{display:flex;align-items:center;gap:calc(2 * var(--phone-unit));font-size:calc(2.65 * var(--phone-unit))}.phone-panel-check{width:calc(5 * var(--phone-unit));height:calc(5 * var(--phone-unit));display:grid;place-items:center;flex:none;background:#a5ff6920;border-radius:50%;color:#b9ff8d}
.phone-file-row{display:flex;gap:calc(2 * var(--phone-unit));align-items:center;padding:calc(1.5 * var(--phone-unit)) 0;border-bottom:1px solid #a5e78f1a}.phone-file-row>span{color:#aaff7d;font-size:calc(4.5 * var(--phone-unit))}.phone-file-row strong{font-size:calc(2.65 * var(--phone-unit));font-weight:600;display:block}.phone-file-row small{font-size:calc(2.05 * var(--phone-unit));color:#9fba9c;display:block}
.phone-message{padding:calc(1.8 * var(--phone-unit)) calc(2.3 * var(--phone-unit));background:#20412a;border-radius:calc(2.5 * var(--phone-unit)) calc(2.5 * var(--phone-unit)) calc(2.5 * var(--phone-unit)) 0;max-width:92%;margin-bottom:calc(2 * var(--phone-unit))!important}.phone-message.reply{margin-left:auto;background:#a5ec761a;border-radius:calc(2.5 * var(--phone-unit)) calc(2.5 * var(--phone-unit)) 0 calc(2.5 * var(--phone-unit));border:1px solid #a4ed7833}
.phone-goal-options{display:flex;flex-wrap:wrap;gap:calc(1 * var(--phone-unit))}.phone-goal-options button{background:#153920;border:1px solid #a5de7645;border-radius:calc(1.5 * var(--phone-unit));color:#e0f4d6;font-size:calc(2.7 * var(--phone-unit));min-height:calc(7.5 * var(--phone-unit));padding:calc(1 * var(--phone-unit)) calc(2 * var(--phone-unit));cursor:pointer}.phone-goal-options button[aria-pressed=true]{background:#a7f974;color:#10230c}.phone-goal-confirm{color:#a8d68f;font-size:calc(2.3 * var(--phone-unit))!important;margin-top:calc(2 * var(--phone-unit))!important}
.phone-help-button{display:flex;justify-content:space-between;gap:calc(1 * var(--phone-unit));width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #94c77a30;color:#e7fbdc;padding:calc(1.5 * var(--phone-unit)) 0;font-size:calc(2.65 * var(--phone-unit));cursor:pointer}.phone-help-answer{font-size:calc(2.45 * var(--phone-unit))!important;color:#b5d2aa;margin:calc(1.2 * var(--phone-unit)) 0!important}
.phone-native-foot{flex:none;display:flex;align-items:center;gap:calc(1 * var(--phone-unit));color:#99b591;font-size:calc(1.9 * var(--phone-unit));letter-spacing:.08em;padding-top:calc(1.5 * var(--phone-unit));margin-top:auto}.phone-native-foot i{width:calc(1 * var(--phone-unit));height:calc(1 * var(--phone-unit));border-radius:50%;background:#a7f974}
.phone-experience .phone-orbit{top:185px;width:100%;border-color:#83dd5133}.phone-experience .phone-orbit:before{content:'';position:absolute;left:12%;top:12%;width:9px;height:9px;border-radius:50%;background:#bdff8f;box-shadow:0 0 18px #99ff67}
.phone-demo-toolbar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px;position:relative;z-index:4}
.phone-demo-toolbar button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #6eaa535c;border-radius:24px;background:#10271a;color:#dbf4cc;min-height:44px;padding:10px 16px;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}.phone-demo-toolbar button:hover,.phone-demo-toolbar button:focus-visible{background:#204321;border-color:#a4f777}.phone-demo-toolbar button>span:first-child{font-size:19px;color:#aeff79}
.phone-experience figcaption{position:static;display:grid;gap:7px;margin:17px auto 0;padding:0 20px;max-width:450px;font-size:11px;color:#b1c6a8}.phone-experience figcaption strong{font-size:14px;color:#d9f6c8}
@keyframes phone-levitate{0%,100%{transform:translate3d(0,6px,0) rotate(-.6deg)}50%{transform:translate3d(0,-12px,0) rotate(.6deg)}}
@keyframes phone-panel-arrive{from{opacity:.5;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:no-preference){.phone-experience.motion-in-view .app-phone-composite{animation:phone-levitate 5.5s ease-in-out infinite!important}.phone-experience:not(.motion-in-view) .app-phone-composite,.phone-experience .app-phone-composite:has(:focus-visible),.phone-experience[data-touching=true] .app-phone-composite,.phone-experience[data-float-paused=true] .app-phone-composite{animation-play-state:paused!important}.phone-native-panel[data-transition=a]{animation:phone-panel-arrive .3s ease}.phone-native-panel[data-transition=b]{animation:phone-panel-arrive .32s ease}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.phone-experience .app-phone-composite:hover{animation-play-state:paused!important}}
@media(max-width:1100px) and (min-width:951px){.phone-experience{height:810px;padding-top:55px}}
@media(max-width:950px){.phone-experience{height:auto;padding-top:45px;padding-bottom:16px;max-width:510px}.phone-experience .app-phone-composite{width:480px;max-width:100%}}
@media(max-width:600px){.phone-experience{padding-top:28px}.phone-experience .app-phone-composite{width:100%;max-width:100%}.phone-demo-toolbar{gap:8px;margin-top:14px}.phone-demo-toolbar button{font-size:11px;padding:9px 12px}.phone-experience figcaption{max-width:340px;font-size:10px}.phone-native-panel h3{font-size:calc(3.15 * var(--phone-unit))}.phone-native-tabs button{font-size:calc(2.2 * var(--phone-unit))}.phone-experience .phone-orbit{top:100px}}
@media(prefers-reduced-motion:reduce){.phone-experience .app-phone-composite,.phone-native-panel{animation:none!important}.phone-native-tabs button,.phone-demo-toolbar button{transition:none}}
.phone-experience{height:auto;min-height:920px}.phone-demo-toolbar button[hidden]{display:none}
.phone-dialog-open{overflow:hidden}.phone-expanded-dialog{position:fixed;padding:24px;border:1px solid #8fcc6460;border-radius:24px;background:radial-gradient(ellipse at 80% 0,#285633,#091e13 55%);color:#effce8;width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;box-shadow:0 30px 150px #000a;overflow:auto;text-align:left}
.phone-expanded-dialog::backdrop{background:#020a06da;backdrop-filter:blur(9px)}.phone-dialog-heading{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:22px}.phone-dialog-heading h2{font-size:17px;letter-spacing:-.03em;margin:0}.phone-dialog-heading button{min-width:44px;min-height:44px;display:flex;align-items:center;gap:12px;background:#caffad13;border:1px solid #c5fda92e;color:#d4f4c6;border-radius:50%;padding:6px 12px;cursor:pointer}.phone-dialog-heading button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.phone-dialog-heading b{font-size:25px;font-weight:400}
.phone-expanded-frame{container-type:inline-size;padding:0 12px}.phone-expanded-frame .phone-surface{position:static;transform:none;width:100%;height:auto;min-height:620px;font-size:15px}
.phone-expanded-frame .phone-native-brand{margin-bottom:22px}.phone-expanded-frame .phone-native-brand img{width:72%;max-width:240px}.phone-expanded-frame .phone-native-online{width:7px;height:7px;margin-left:auto}
.phone-expanded-frame .phone-score-top{font-size:13px}.phone-expanded-frame .phone-score-replay{width:44px;height:44px;font-size:25px}.phone-expanded-frame .phone-score-main{gap:24px;margin-bottom:6px}.phone-expanded-frame .phone-score-main>strong{font-size:76px}.phone-expanded-frame .phone-gain{font-size:20px;padding:7px 12px;gap:7px}.phone-expanded-frame .phone-gain small{font-size:11px}.phone-expanded-frame .phone-score-meter{height:5px;margin-top:8px}.phone-expanded-frame .phone-native-chart{height:100px;margin-top:12px}.phone-expanded-frame .phone-chart-labels{font-size:11px;margin:6px 0 19px}
.phone-expanded-frame .phone-native-tabs{gap:7px;margin-bottom:19px}.phone-expanded-frame .phone-native-tabs button{font-size:12px;min-height:60px;padding:8px 3px;border-radius:10px;gap:4px}.phone-expanded-frame .phone-native-tabs button:nth-last-child(-n+2){min-height:44px;gap:7px}.phone-expanded-frame .phone-native-tabs button>span:first-child{font-size:22px}
.phone-expanded-frame .phone-native-panel{padding:18px 0;min-height:142px}.phone-expanded-frame .phone-native-panel h3{font-size:18px;margin-bottom:15px}.phone-expanded-frame .phone-native-panel p,.phone-expanded-frame .phone-panel-list li{font-size:14px}.phone-expanded-frame .phone-panel-list{gap:12px}.phone-expanded-frame .phone-panel-list li{gap:12px}.phone-expanded-frame .phone-panel-check{width:25px;height:25px}.phone-expanded-frame .phone-file-row{gap:15px;padding:9px 0}.phone-expanded-frame .phone-file-row>span{font-size:23px}.phone-expanded-frame .phone-file-row strong{font-size:14px}.phone-expanded-frame .phone-file-row small{font-size:11px}.phone-expanded-frame .phone-message{padding:10px 13px;border-radius:12px 12px 12px 0;margin-bottom:11px!important}.phone-expanded-frame .phone-message.reply{border-radius:12px 12px 0 12px}.phone-expanded-frame .phone-goal-options{gap:7px}.phone-expanded-frame .phone-goal-options button{font-size:13px;min-height:44px;padding:8px 13px;border-radius:8px}.phone-expanded-frame .phone-goal-confirm{font-size:12px!important;margin-top:10px!important}.phone-expanded-frame .phone-help-button{font-size:14px;padding:12px 0;min-height:44px}.phone-expanded-frame .phone-help-answer{font-size:13px!important;margin:8px 0!important}.phone-expanded-frame .phone-native-foot{font-size:9px;gap:6px;padding-top:12px}.phone-expanded-frame .phone-native-foot i{width:5px;height:5px}.phone-dialog-note{font-size:10px;color:#adc4a4;line-height:1.8;margin:20px 12px 0}
.phone-experience[data-expanded=true] .app-phone-composite{animation-play-state:paused!important}
@media(max-width:1100px) and (min-width:951px){.phone-experience{min-height:850px}}
@media(max-width:950px){.phone-experience{min-height:0}}
@media(max-width:600px){.phone-expanded-dialog{padding:18px}.phone-expanded-frame{padding:0 5px}.phone-expanded-frame .phone-native-brand img{max-width:200px}.phone-expanded-frame .phone-score-main>strong{font-size:66px}.phone-expanded-frame .phone-native-chart{height:88px}.phone-expanded-frame .phone-surface{min-height:600px}.phone-dialog-heading{margin-bottom:15px}.phone-demo-toolbar{max-width:350px}}

.phone-experience .phone-orbit:before{display:none}.phone-surface{--phone-unit:10.24px;left:0;top:0;width:424px;height:1136px;transform-origin:0 0;text-shadow:0 1px 5px #00140666}.phone-expanded-frame .phone-surface{--phone-unit:1cqw;width:100%!important;height:auto!important;transform:none!important;text-shadow:none}
.phone-native-online{display:none}
.app-phone-composite .phone-native-brand{margin-bottom:20px}
.app-phone-composite .phone-native-chart{height:90px;margin-top:10px}
.app-phone-composite .phone-native-tabs{margin-bottom:16px}
.app-phone-composite .phone-native-panel h3{margin-bottom:14px}
.app-phone-composite .phone-help-button{font-size:24px;padding:10px 0}
.app-phone-composite .phone-help-answer{font-size:23px!important;margin:10px 0!important}