:root{--navy: #0b2346;--navy-deep: #061731;--orange: #ff5a00;--orange-soft: #fff1e8;--text: #1d1d1f;--secondary: #6e6e73;--background: #fff;--soft: #f5f5f7;--border: rgba(0, 0, 0, .08);--max: 1240px;--header: 64px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;min-width:320px;color:var(--text);background:var(--background);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid rgba(255,90,0,.42);outline-offset:4px;border-radius:8px}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 18px;background:var(--navy);color:#fff;border-radius:10px}.skip-link:focus{top:12px}.site-header{position:fixed;z-index:50;inset:0 0 auto;height:var(--header);border-bottom:1px solid transparent;transition:background .35s,border-color .35s,box-shadow .35s}.site-header.scrolled{background:#ffffffe6;border-color:var(--border);box-shadow:0 8px 30px #0b23460d;backdrop-filter:blur(16px)}.header-inner{height:100%;max-width:var(--max);margin:auto;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{width:150px;display:inline-flex}.brand img{width:100%;height:auto}nav{display:flex;gap:34px;font-size:14px;font-weight:520}nav a{padding:20px 0;transition:color .2s}nav a:hover{color:var(--orange)}.header-inner>.button{justify-self:end}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:650;transition:transform .2s,filter .2s,background .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.04)}.button:active{transform:scale(.98)}.button-small{min-height:40px;padding:0 19px;color:#fff;background:var(--navy);font-size:14px}.button-primary{color:#fff;background:var(--orange);box-shadow:0 16px 34px #ff5a0033}.button-light{color:var(--navy);background:#fff}.ios-label{display:none}.hero{position:relative;min-height:max(850px,92vh);padding:160px max(32px,calc((100vw - var(--max)) / 2)) 60px;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(560px,1.1fr);align-items:center;gap:54px;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;width:min(760px,55vw);height:540px;right:0;bottom:40px;background:radial-gradient(ellipse,rgba(255,90,0,.1),rgba(11,35,70,.045) 36%,transparent 70%);filter:blur(8px)}.app-mark{width:70px;margin-bottom:26px;border-radius:19px;overflow:hidden;box-shadow:0 14px 36px #0b234624}.app-mark img{width:100%;height:auto}.eyebrow{margin:0 0 20px;color:var(--orange);font-size:13px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}h1,h2{margin:0;color:var(--text);letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(60px,5.3vw,80px)}h1 span{color:var(--navy)}.hero-lead{max-width:610px;margin:30px 0 0;color:var(--secondary);font-size:19px;line-height:1.8}.hero-actions{margin-top:38px;display:flex;align-items:center;gap:28px}.text-link{color:var(--navy);font-size:15px;font-weight:650}.text-link span{display:inline-block;transition:transform .2s}.text-link:hover span{transform:translate(4px)}.availability{margin:24px 0 0;color:#87878c;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#26bd8b;box-shadow:0 0 0 4px #26bd8b1a}.separator{margin:0 8px}.hero-visual{position:relative;height:670px}.phone{position:absolute;overflow:hidden;border:1px solid rgba(11,35,70,.09);border-radius:36px;background:#fff;box-shadow:0 35px 80px #0b23462b,0 5px 18px #0b234612}.phone img{width:100%;height:auto}.hero-visual .phone{width:300px;top:38px}.phone-left{left:1%;transform:translateY(42px) rotate(-5deg) scale(.84)}.phone-main{z-index:3;left:50%;transform:translate(-50%)}.phone-right{right:0;transform:translateY(50px) rotate(5deg) scale(.84);transform-origin:top right}.section{padding:170px max(32px,calc((100vw - var(--max)) / 2))}.section-grid,.history-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px}.section-copy h2,.faq-head h2{max-width:680px;font-size:clamp(44px,4.4vw,66px)}.section-copy>p:not(.eyebrow):not(.fine-print),.practice-copy>p:last-child{max-width:600px;margin:30px 0 0;color:var(--secondary);font-size:18px;line-height:1.85}.fine-print{margin-top:18px;color:#99999e;font-size:13px;line-height:1.7}.exams{background:var(--soft)}.duo-phones{position:relative;height:690px}.duo-phones .phone{width:310px;top:20px}.phone-back{right:0;transform:translateY(45px) rotate(5deg) scale(.9)}.phone-front{z-index:2;left:10%;transform:rotate(-3deg)}.practice-section{position:relative;height:185vh;min-height:1260px;color:#fff;background:var(--navy-deep);--practice-progress: 0}.practice-sticky{position:sticky;top:0;min-height:100vh;padding:115px max(32px,calc((100vw - var(--max)) / 2)) 60px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;overflow:clip}.eyebrow-light{color:#ff8d4e}.practice-copy h2,.download-inner h2{color:#fff;font-size:clamp(48px,4.7vw,70px)}.practice-copy>p:last-child{color:#ffffffa1}.practice-stage{position:relative;height:720px}.practice-glow{position:absolute;width:520px;height:520px;inset:14% 0 auto 8%;border-radius:50%;background:#ff5a001f;filter:blur(80px)}.practice-stage .phone{width:326px;left:50%;top:0;transform:translate(-50%)}.practice-base{opacity:calc(1 - var(--practice-progress) * .48);filter:brightness(calc(1 - var(--practice-progress) * .38))}.practice-sheet{z-index:2;clip-path:inset(42% 0 0 0 round 36px);transform:translate(-50%,calc(360px - var(--practice-progress) * 360px))!important;opacity:calc(.05 + var(--practice-progress) * .95)}.scroll-hint{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#ffffff80;font-size:12px;opacity:calc(1 - var(--practice-progress) * 2);white-space:nowrap}.scroll-hint span{width:18px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:20px}.analysis-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:110px}.analysis-visual{position:relative;height:730px}.analysis-phone{width:328px;left:2%;top:0}.analysis-detail{position:absolute;z-index:4;width:370px;height:280px;right:0;bottom:65px;overflow:hidden;border:10px solid #fff;border-radius:28px;box-shadow:0 30px 70px #0b23462e;background:#f6f6f6}.analysis-detail img{width:630px;max-width:none;transform:translate(-16px,-942px)}.analysis-detail span{position:absolute;right:14px;top:14px;padding:7px 12px;border-radius:99px;color:#fff;background:var(--navy);font-size:11px}.feature-line{display:flex;gap:20px;padding:25px 0;border-top:1px solid var(--border)}.section-copy>.feature-line:first-of-type{margin-top:48px}.feature-line>span{color:var(--orange);font-size:12px;font-weight:700}.feature-line p{margin:0;color:var(--secondary);line-height:1.7}.feature-line strong{color:var(--text);font-size:17px}.history{background:var(--soft)}.history-visual{position:relative;height:720px;border-radius:40px;background:var(--navy);overflow:hidden}.history-visual:after{content:"";position:absolute;inset:auto -25% -55% 25%;height:500px;border-radius:50%;background:#ff5a0038;filter:blur(60px)}.history-phone{z-index:2;width:335px;left:50%;top:110px;transform:translate(-50%)}.history-caption{position:absolute;z-index:3;left:30px;right:30px;top:27px;display:flex;justify-content:space-between;color:#fff;font-size:14px}.history-caption span:last-child{color:#ffffff80;font-size:12px}.download-section{padding:150px 24px;color:#fff;background:var(--navy-deep);text-align:center}.download-inner{max-width:920px;margin:auto}.download-icon{width:108px;height:auto;margin:0 auto 34px;border-radius:28px;box-shadow:0 20px 50px #00000040}.download-inner h2{max-width:760px;margin:auto}.download-inner>p:not(.eyebrow){margin:30px 0 0;color:#ffffffa6;font-size:18px;line-height:1.7}.download-box{width:fit-content;margin:44px auto 0;display:flex;align-items:center;gap:34px;padding:18px 18px 18px 28px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#ffffff0e;text-align:left}.download-buttons{display:flex;flex-direction:column;gap:9px}.download-buttons>span{padding-left:8px;color:#ffffff75;font-size:11px}.qr-wrap{padding:12px;border-radius:20px;color:var(--navy);background:#fff;text-align:center}.qr-wrap img{width:128px;height:128px}.qr-wrap span{display:block;padding-top:6px;font-size:11px;font-weight:650}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;align-items:start;gap:100px}.faq-head{position:sticky;top:110px}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:18px;font-weight:650}summary::-webkit-details-marker{display:none}.faq-plus{position:relative;flex:0 0 24px;width:24px;height:24px}.faq-plus:before,.faq-plus:after{content:"";position:absolute;left:4px;right:4px;top:11px;height:1.5px;background:var(--navy);transition:transform .3s}.faq-plus:after{transform:rotate(90deg)}details[open] .faq-plus:after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}details[open] .faq-answer{grid-template-rows:1fr}.faq-answer p{overflow:hidden;max-width:700px;margin:0;padding:0 50px 28px 0;color:var(--secondary);line-height:1.85}.site-footer{padding:74px max(32px,calc((100vw - var(--max)) / 2)) 28px;background:var(--soft)}.footer-main{display:flex;justify-content:space-between;gap:80px;padding-bottom:60px}.footer-brand img{width:176px}.footer-brand p{margin:22px 0 0;color:var(--secondary);font-size:14px}.footer-links{display:flex;gap:72px}.footer-links>div{min-width:110px;display:flex;flex-direction:column;gap:14px;font-size:13px}.footer-links>div>span:first-child{margin-bottom:4px;color:var(--text);font-weight:700}.footer-links a,.footer-links .muted{color:var(--secondary);line-height:1.55}.footer-links a:hover{color:var(--orange)}.footer-bottom{padding-top:26px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;color:#8a8a8f;font-size:12px}.footer-bottom div{display:flex;flex-wrap:wrap;gap:10px 20px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}.hero-visual .phone-left.reveal{transform:translateY(68px) rotate(-5deg) scale(.84)}.hero-visual .phone-main.reveal{transform:translate(-50%,26px)}.hero-visual .phone-right.reveal{transform:translateY(76px) rotate(5deg) scale(.84)}.duo-phones .phone-back.reveal{transform:translateY(71px) rotate(5deg) scale(.9)}.duo-phones .phone-front.reveal{transform:translateY(26px) rotate(-3deg)}.hero-visual .phone-left.is-visible{transform:translateY(42px) rotate(-5deg) scale(.84)}.hero-visual .phone-main.is-visible{transform:translate(-50%)}.hero-visual .phone-right.is-visible{transform:translateY(50px) rotate(5deg) scale(.84)}.duo-phones .phone-back.is-visible{transform:translateY(45px) rotate(5deg) scale(.9)}.duo-phones .phone-front.is-visible{transform:rotate(-3deg)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}@media(max-width:1080px){.hero{grid-template-columns:1fr 1fr;gap:20px}.hero-visual{transform:scale(.83);transform-origin:center}.section-grid,.history-grid,.analysis-grid{gap:50px}.analysis-detail{width:300px}.faq-section{gap:60px}}@media(max-width:767px){:root{--header: 58px}html{scroll-padding-top:70px}.header-inner{grid-template-columns:1fr auto;padding:0 18px}.brand{width:128px}nav{display:none}.button-small{min-height:36px;padding:0 16px;font-size:13px}.hero{min-height:0;padding:112px 20px 72px;display:block;text-align:center}.hero:before{width:100%;height:410px;right:0;bottom:40px}.app-mark{width:58px;margin:0 auto 20px;border-radius:16px}.eyebrow{margin-bottom:15px;font-size:11px}h1{font-size:clamp(40px,11.8vw,50px);line-height:1.12}.hero-lead{max-width:480px;margin:22px auto 0;font-size:16px;line-height:1.75}.hero-actions{margin-top:28px;flex-direction:column;gap:18px}.hero-actions .button{width:min(100%,300px)}.availability{max-width:290px;margin:20px auto 0;line-height:1.7}.separator{display:none}.hero-visual{width:min(100%,430px);height:480px;margin:54px auto 0;transform:none}.hero-visual .phone{width:188px;top:24px;border-radius:24px}.phone{border-radius:26px}.phone-left{left:-4%;transform:translateY(45px) rotate(-6deg) scale(.82)}.phone-main{width:205px!important}.phone-right{right:-4%;transform:translateY(48px) rotate(6deg) scale(.82)}.hero-visual .phone-left.is-visible{transform:translateY(45px) rotate(-6deg) scale(.82)}.hero-visual .phone-left.reveal{transform:translateY(71px) rotate(-6deg) scale(.82)}.hero-visual .phone-main.reveal{transform:translate(-50%,26px)}.hero-visual .phone-right.reveal{transform:translateY(74px) rotate(6deg) scale(.82)}.hero-visual .phone-right.is-visible{transform:translateY(48px) rotate(6deg) scale(.82)}.section{padding:96px 20px}.section-grid,.history-grid,.analysis-grid{display:flex;flex-direction:column;gap:52px}.section-copy h2,.faq-head h2{font-size:clamp(38px,10.6vw,48px)}.section-copy>p:not(.eyebrow):not(.fine-print),.practice-copy>p:last-child{margin-top:22px;font-size:16px;line-height:1.8}.duo-phones{width:100%;max-width:420px;height:570px;margin:auto}.duo-phones .phone{width:235px}.phone-front{left:0}.phone-back{right:0}.practice-section{height:auto;min-height:0}.practice-sticky{position:relative;min-height:0;padding:96px 20px;display:block;overflow:visible}.practice-copy{text-align:left}.practice-copy h2,.download-inner h2{font-size:clamp(40px,11vw,52px)}.practice-stage{height:auto;margin:54px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.practice-stage .phone{position:relative;width:100%;left:auto;top:auto;transform:none!important;opacity:1;filter:none;border-radius:22px}.practice-sheet{clip-path:none;margin-top:44px}.practice-glow,.scroll-hint{display:none}.analysis-grid{flex-direction:column-reverse}.analysis-visual{width:100%;max-width:440px;height:590px}.analysis-phone{width:255px;left:0}.analysis-detail{width:250px;height:205px;right:0;bottom:24px;border-width:7px;border-radius:20px}.analysis-detail img{width:520px;transform:translate(-15px,-778px)}.feature-line{padding:20px 0}.section-copy>.feature-line:first-of-type{margin-top:36px}.history-grid{align-items:stretch}.history-visual{width:100%;max-width:440px;height:600px;margin:auto;border-radius:30px}.history-phone{width:275px;top:86px}.history-caption{left:22px;right:22px;top:22px}.download-section{padding:96px 20px}.download-icon{width:86px;border-radius:23px}.download-inner>p:not(.eyebrow){font-size:16px}.download-box{width:100%;max-width:360px;padding:14px;display:block;border-radius:25px}.download-buttons{align-items:stretch;text-align:center}.download-buttons .button{width:100%}.qr-wrap{display:none}.faq-section{display:block}.faq-head{position:static}.faq-list{margin-top:50px}summary{min-height:78px;font-size:16px;line-height:1.5}.faq-answer p{padding-right:22px;font-size:14px}.site-footer{padding:60px 20px 24px}.footer-main{display:block;padding-bottom:42px}.footer-brand p{margin-top:16px}.footer-links{margin-top:46px;display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.footer-links>div:last-child{grid-column:1 / -1}.footer-bottom{display:block;line-height:1.7}.footer-bottom div{margin-top:10px}}@media(max-width:380px){.hero-visual{height:450px}.hero-visual .phone{width:172px}.hero-visual .phone-main{width:190px!important}.duo-phones{height:525px}.duo-phones .phone{width:215px}.analysis-detail{width:220px}}.device-ios .android-label,.device-ios .desktop-label{display:none}.device-ios .ios-label{display:inline}.device-ios .device-download [aria-hidden=true]{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-visual .phone-left,.hero-visual .phone-left.is-visible{transform:translateY(42px) rotate(-5deg) scale(.84)}.hero-visual .phone-main,.hero-visual .phone-main.is-visible{transform:translate(-50%)}.hero-visual .phone-right,.hero-visual .phone-right.is-visible{transform:translateY(50px) rotate(5deg) scale(.84)}.practice-base,.practice-sheet{opacity:1;filter:none}.practice-sheet{transform:translate(-50%)!important}}
