.stripe-product-page{--sa-ink:#10121a;--sa-muted:#5e6372;--sa-line:#181c271f;--sa-blue:#635bff;--sa-cyan:#00d4ff;--sa-coral:#ff7657;width:100%;max-width:100vw;min-height:100vh;color:var(--sa-ink);background:#f7f9fc;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei UI,system-ui,sans-serif;overflow:clip visible}.stripe-product-page *{box-sizing:border-box}.stripe-product-page a{text-decoration:none}html:has(.stripe-product-page){scroll-behavior:smooth}body:has(.stripe-product-page){background:#f7f9fc;overflow-x:clip}body:has(.stripe-product-page)>.global-language-corner{display:none}.stripe-nav-shell{z-index:100;padding:14px 24px;transition:background .3s,border-color .3s;position:fixed;inset:0 0 auto}.stripe-nav-shell.is-scrolled{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:#ffffffd1;border-bottom:1px solid #0f142314}.stripe-nav{align-items:center;width:min(1180px,100%);min-height:42px;margin:auto;display:flex}.stripe-brand{color:#111420;align-items:center;gap:9px;display:inline-flex}.stripe-brand>span{color:#fff;background:#151824;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 18px #0f121e29}.stripe-brand strong{letter-spacing:-.035em;font-size:15px}.stripe-nav-links{align-items:center;gap:30px;margin-left:auto;display:flex}.stripe-nav-links a,.stripe-login{color:#303342;font-size:12px;font-weight:700;position:relative}.stripe-nav-links a:after{content:"";background:#161924;height:1px;transition:right .25s;position:absolute;bottom:-5px;left:0;right:100%}.stripe-nav-links a:hover:after{right:0}.stripe-nav-actions{align-items:center;gap:14px;margin-left:34px;display:flex}.stripe-nav-cta,.stripe-primary-button,.stripe-final-primary{color:#fff;background:#171925;justify-content:center;align-items:center;gap:8px;transition:transform .24s,box-shadow .24s,background .24s;display:inline-flex;box-shadow:0 12px 24px #0c0f1c2e}.stripe-nav-cta{border-radius:9px;min-height:38px;padding:0 17px;font-size:11px;font-weight:800}.stripe-nav-cta:hover,.stripe-primary-button:hover,.stripe-final-primary:hover{background:#292c3c;transform:translateY(-2px);box-shadow:0 16px 30px #0c0f1c3d}.stripe-scroll-progress{transform-origin:0;background:linear-gradient(90deg,#635bff,#00c8ff,#ff7757);width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.stripe-hero{isolation:isolate;background:#eef2ff;min-height:900px;padding:128px 24px 190px;position:relative}.stripe-gradient-field{z-index:-2;background:linear-gradient(122deg,#f7f7ff 3%,#dde7ff 35%,#b8d9ff 60%,#ffdad0 100%);position:absolute;inset:0;overflow:hidden}.stripe-gradient-field:after{content:"";mix-blend-mode:soft-light;background:linear-gradient(115deg,#ffffffbf 0 23%,#0000 23% 58%,#ffffff3d 58% 100%);position:absolute;inset:0}.stripe-gradient-grid{opacity:.26;background-image:linear-gradient(#ffffff73 1px,#0000 1px),linear-gradient(90deg,#ffffff73 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.stripe-gradient-orb{filter:blur(22px);opacity:.82;will-change:transform;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#ff7c5e 0,#ffb294 28%,#0000 70%);width:560px;height:560px;top:-160px;right:-90px}.orb-two{background:radial-gradient(circle,#53d8ff 0,#7ba9ff 34%,#0000 70%);width:660px;height:660px;top:16%;right:19%}.orb-three{background:radial-gradient(circle,#9b7dff 0,#c4b6ff 36%,#0000 72%);width:430px;height:430px;bottom:-120px;left:4%}.stripe-hero-inner{perspective:1400px;grid-template-columns:minmax(420px,.82fr) minmax(620px,1.18fr);align-items:center;gap:42px;width:min(1180px,100%);margin:auto;display:grid}.stripe-hero-copy{z-index:4;padding-top:14px;position:relative}.stripe-kicker,.stripe-section-heading>p,.stripe-workflow-heading>p,.stripe-partners-copy>p,.stripe-platform-head>p{color:#3d3a94;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 22px;font-size:12px;font-weight:850;display:flex}.stripe-hero h1{color:#111321;letter-spacing:-.073em;max-width:660px;margin:0;font-size:clamp(58px,6.4vw,92px);font-weight:780;line-height:.98}.stripe-hero h1 span{color:#fff;text-shadow:0 7px 24px #3343842e}.stripe-hero-lead{color:#343848;letter-spacing:-.015em;max-width:490px;margin:30px 0 0;font-size:18px;line-height:1.7}.stripe-hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.stripe-primary-button{border-radius:12px;min-height:50px;padding:0 23px;font-size:13px;font-weight:800}.stripe-secondary-link{color:#262937;align-items:center;gap:8px;font-size:13px;font-weight:750;transition:gap .2s;display:inline-flex}.stripe-secondary-link:hover{gap:12px}.stripe-hero-proof{color:#414758;flex-wrap:wrap;gap:13px 22px;margin-top:34px;font-size:11px;font-weight:650;display:flex}.stripe-hero-proof span{align-items:center;gap:6px;display:inline-flex}.stripe-hero-proof svg{color:#5047db}.stripe-hero-product{z-index:2;perspective:1200px;will-change:transform;min-height:620px;position:relative}.stripe-browser-card{will-change:transform;background:#fff;border:1px solid #ffffffb3;border-radius:16px;overflow:hidden;box-shadow:0 42px 90px #24306440,0 12px 30px #262e5524}.stripe-browser-main{z-index:2;transform-origin:0;width:760px;position:absolute;top:35px;left:20px;transform:rotateY(-5deg)rotateX(2deg)rotate(-1deg)}.stripe-browser-main>img{width:100%;height:auto;display:block}.stripe-browser-bar{color:#666b79;background:#f7f8fb;border-bottom:1px solid #e8eaf0;grid-template-columns:1fr auto 1fr;align-items:center;height:36px;padding:0 13px;font-size:9px;display:grid}.stripe-browser-bar>span{gap:5px;display:flex}.stripe-browser-bar i{background:#d7dae2;border-radius:50%;width:7px;height:7px}.stripe-browser-bar i:first-child{background:#ff8f7c}.stripe-browser-bar i:nth-child(2){background:#ffd268}.stripe-browser-bar i:nth-child(3){background:#62d7ad}.stripe-browser-bar b{color:#3c4050;font-weight:750}.stripe-browser-bar small{color:#8d92a0;letter-spacing:.08em;justify-self:end;font-size:8px}.stripe-browser-float{z-index:4;width:325px;position:absolute;bottom:24px;right:-84px;transform:rotate(3deg)}.stripe-browser-float img{object-fit:cover;object-position:0 0;width:100%;height:218px;display:block}.stripe-live-pill{z-index:6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#4b5060;will-change:transform;background:#ffffffe0;border:1px solid #ffffffbf;border-radius:11px;align-items:center;gap:9px;padding:11px 14px;font-size:10px;display:flex;position:absolute;box-shadow:0 16px 38px #3037682e}.stripe-live-pill svg{color:#5d55e4}.stripe-live-pill b{color:#171a25;font-size:11px;display:block}.stripe-live-pill-top{top:6px;right:-20px}.stripe-live-pill-bottom{bottom:88px;left:-30px}.stripe-browser-card[href],.stripe-live-pill[href]{cursor:pointer}.stripe-live-pill[href]:hover{background:#fff;border-color:#635bff47}.stripe-hero-cut{z-index:-1;background:#fff;height:190px;position:absolute;bottom:-90px;left:-5%;right:-5%;transform:rotate(-4deg)}.stripe-proof-band{background:#fff;grid-template-columns:1.1fr 1.9fr;gap:70px;width:min(1180px,100% - 48px);margin:0 auto;padding:78px 0 105px;display:grid;position:relative}.stripe-proof-intro{flex-direction:column;justify-content:center;gap:13px;display:flex}.stripe-proof-intro span{color:#6a7080;font-size:12px;font-weight:750}.stripe-proof-intro strong{letter-spacing:-.045em;max-width:360px;font-size:29px;line-height:1.2}.stripe-proof-metrics{border-left:1px solid #e5e7ed;grid-template-columns:repeat(3,1fr);display:grid}.stripe-proof-metrics article{border-right:1px solid #e5e7ed;align-content:center;gap:12px;padding:16px 30px;display:grid}.stripe-proof-metrics b{letter-spacing:-.07em;font-size:54px;line-height:1}.stripe-proof-metrics span{color:#6b7080;font-size:11px;line-height:1.7}.stripe-demo-section{color:#fff;background:#0f1220;padding:120px 24px 145px}.stripe-section-heading,.stripe-workflow-heading,.stripe-platform-head{width:min(1180px,100%);margin:0 auto}.stripe-section-heading>p,.stripe-workflow-heading>p{color:#8ca2ff}.stripe-section-heading h2,.stripe-workflow-heading h2,.stripe-platform-head h2{letter-spacing:-.065em;max-width:820px;margin:0;font-size:clamp(42px,5vw,72px);line-height:1.04}.stripe-section-heading>span,.stripe-workflow-heading>span{color:#a7adbe;max-width:600px;margin-top:24px;font-size:14px;line-height:1.8;display:block}.stripe-product-demo{--demo-accent:#ff7a45;width:min(1180px,100%);margin:66px auto 0}.stripe-demo-tabs{background:#181c2c;border:1px solid #ffffff1a;gap:5px;padding:5px;display:flex}.stripe-demo-tabs button{color:#8f96a9;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:8px;min-height:50px;font-size:11px;font-weight:800;transition:color .2s,background .2s;display:flex}.stripe-demo-tabs button:hover{color:#fff}.stripe-demo-tabs button.is-active{color:#fff;box-shadow:inset 0 -2px 0 var(--demo-accent);background:#272c41}.stripe-demo-frame{background:#171a28;border:1px solid #ffffff1c;border-top:0;grid-template-columns:290px 1fr;min-height:620px;display:grid;overflow:hidden;box-shadow:0 40px 100px #00000052}.stripe-demo-copy{background:linear-gradient(#1f2335,#151827);padding:56px 30px;animation:.42s both stripeFadeUp;position:relative}.stripe-demo-copy>span{color:var(--demo-accent);letter-spacing:.12em;align-items:center;gap:6px;font-size:9px;font-weight:900;display:flex}.stripe-demo-copy h3{letter-spacing:-.04em;margin:25px 0 16px;font-size:27px;line-height:1.25}.stripe-demo-copy p{color:#9ca3b6;margin:0;font-size:12px;line-height:1.8}.stripe-demo-copy>a{color:#fff;align-items:center;gap:7px;margin-top:28px;font-size:11px;font-weight:800;display:inline-flex}.stripe-demo-count{color:#656c80;align-items:baseline;gap:6px;display:flex;position:absolute;bottom:31px;left:30px}.stripe-demo-count b{color:#fff;letter-spacing:-.05em;font-size:37px}.stripe-demo-count span{font-size:11px}.stripe-demo-screen{color:inherit;background:#fff;border:1px solid #ffffff24;border-radius:13px;align-self:center;margin:34px 34px 34px 0;animation:.48s cubic-bezier(.2,.8,.2,1) both stripeScreenIn;overflow:hidden;box-shadow:0 28px 70px #00000057}.stripe-demo-screen img{width:100%;height:auto;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block}.stripe-demo-screen:hover img{transform:scale(1.012)}@keyframes stripeFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes stripeScreenIn{0%{opacity:.15;transform:translate(28px)scale(.985)}to{opacity:1;transform:none}}.stripe-collaboration{background:#f4f6fb;padding:136px 24px 145px}.stripe-collaboration-head{width:min(1180px,100%);margin:0 auto 65px}.stripe-collaboration-head>p{color:#5148c9;letter-spacing:.14em;text-transform:uppercase;margin:0 0 17px;font-size:11px;font-weight:900}.stripe-collaboration-head h2{color:#111421;letter-spacing:-.065em;max-width:790px;margin:0;font-size:clamp(40px,5vw,66px);line-height:1.03}.stripe-collaboration-head>span{color:#687080;max-width:680px;margin-top:22px;font-size:13px;line-height:1.85;display:block}.stripe-collaboration-grid{grid-template-rows:auto auto;grid-template-columns:1.2fr .8fr;gap:16px;width:min(1180px,100%);margin:auto;display:grid}.stripe-role-feature{background:#fff;border:1px solid #dfe3ec;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 18px 48px #2d37580f}.stripe-role-teacher{background:radial-gradient(circle at 90% 85%,#7466ff29,#0000 35%),linear-gradient(145deg,#fff 35%,#f1f0ff);grid-row:span 2;min-height:560px;padding:42px}.stripe-role-student,.stripe-role-attendance{min-height:272px;padding:30px}.stripe-role-heading{align-items:center;gap:13px;display:flex}.stripe-role-heading>span{color:#fff;background:#635bff;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 24px #635bff38}.stripe-role-heading small{color:#777e8e;letter-spacing:.09em;font-size:9px;font-weight:900}.stripe-role-heading h3{color:#171a25;letter-spacing:-.035em;max-width:540px;margin:6px 0 0;font-size:22px;line-height:1.2}.stripe-role-feature>p{color:#6b7281;max-width:620px;margin:25px 0 0;font-size:12px;line-height:1.85}.stripe-role-feature>a{color:#4f47c6;align-items:center;gap:7px;font-size:11px;font-weight:850;display:inline-flex;position:absolute;bottom:38px;left:42px}.stripe-role-student>a{bottom:27px;left:30px}.stripe-role-student .stripe-role-heading>span{background:#267fb1;box-shadow:0 10px 24px #267fb133}.stripe-role-attendance .stripe-role-heading>span{background:#278b6c;box-shadow:0 10px 24px #278b6c33}.stripe-teacher-flow{background:#ffffffbf;border:1px solid #635bff24;border-radius:16px;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin-top:55px;padding:20px;display:grid}.stripe-teacher-flow span{color:#414758;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:850;display:flex}.stripe-teacher-flow span svg{color:#635bff}.stripe-teacher-flow i{background:linear-gradient(90deg,#c9c6f8,#e3e1fb);height:1px}.stripe-attendance-preview{background:#f5fbf8;border:1px solid #dce8e3;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px;margin-top:24px;padding:16px;display:grid}.stripe-attendance-preview span{color:#34735f;align-items:center;gap:8px;font-size:9px;font-weight:850;display:flex}.stripe-attendance-preview span i{background:#30a47c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #30a47c1c}.stripe-attendance-preview strong{color:#2b6d58;font-variant-numeric:tabular-nums;grid-row:span 2;font-size:24px}.stripe-attendance-preview em{color:#7b8984;font-size:8px;font-style:normal}.stripe-teacher-prep{background:#fff;grid-template-columns:minmax(330px,.72fr) minmax(620px,1.28fr);align-items:center;gap:70px;padding:145px max(24px,50vw - 590px);display:grid;overflow:hidden}.stripe-prep-copy>p{color:#5148c9;letter-spacing:.14em;text-transform:uppercase;margin:0 0 17px;font-size:11px;font-weight:900}.stripe-prep-copy h2{color:#111421;letter-spacing:-.06em;max-width:470px;margin:0;font-size:clamp(40px,4.6vw,62px);line-height:1.04}.stripe-prep-copy>span{color:#697181;max-width:480px;margin-top:23px;font-size:13px;line-height:1.85;display:block}.stripe-prep-copy ol{gap:0;margin:34px 0 0;padding:0;list-style:none;display:grid}.stripe-prep-copy li{border-top:1px solid #e4e7ee;grid-template-columns:35px 1fr;gap:13px;padding:16px 0;display:grid}.stripe-prep-copy li>b{color:#635bff;letter-spacing:.08em;font-size:9px}.stripe-prep-copy li>div{gap:5px;display:grid}.stripe-prep-copy li strong{color:#252a36;font-size:11px}.stripe-prep-copy li small{color:#7b8291;font-size:9px;line-height:1.65}.stripe-prep-action{color:#fff;background:#171925;border-radius:11px;align-items:center;gap:8px;min-height:45px;margin-top:29px;padding:0 17px;font-size:11px;font-weight:850;transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .22s;display:inline-flex;box-shadow:0 13px 28px #17192529}.stripe-prep-action:hover{color:#fff;background:#2a2d3d;transform:translateY(-2px)}.stripe-prep-action:active{transform:translateY(0)scale(.98)}.stripe-prep-product{color:#fff;background:#171a29;border:1px solid #292d40;border-radius:18px;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;position:relative;transform:rotate(.8deg);box-shadow:0 38px 90px #2229493d}.stripe-prep-product:hover{transform:rotate(0)translateY(-4px);box-shadow:0 46px 105px #2229494d}.stripe-prep-window-bar{color:#b8bfd1;background:#1e2233;border-bottom:1px solid #ffffff1a;align-items:center;height:45px;padding:0 17px;font-size:8px;display:flex}.stripe-prep-window-bar>span{gap:5px;display:flex}.stripe-prep-window-bar i{background:#626a80;border-radius:50%;width:7px;height:7px}.stripe-prep-window-bar i:first-child{background:#ec776c}.stripe-prep-window-bar i:nth-child(2){background:#e8bd63}.stripe-prep-window-bar i:nth-child(3){background:#65bf88}.stripe-prep-window-bar b{margin:auto;font-size:8px}.stripe-prep-window-bar small{color:#8d96ab}.stripe-prep-window-body{grid-template-columns:150px minmax(0,1fr);min-height:590px;display:grid}.stripe-prep-modes{background:#1b1e2e;border-right:1px solid #ffffff17;padding:20px 11px}.stripe-prep-modes>span{color:#7e879c;padding:0 9px 11px;font-size:7px;font-weight:850;display:block}.stripe-prep-modes>div{color:#7f889d;border:1px solid #0000;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;gap:8px;margin-bottom:6px;padding:10px 8px;display:grid}.stripe-prep-modes>div.is-active{color:#fff;background:#2a2e46;border-color:#9aa4ff3d}.stripe-prep-modes>div>svg{box-sizing:content-box;color:#aab5ff;background:#7d8bf41f;border-radius:8px;padding:6px}.stripe-prep-modes p{gap:3px;margin:0;display:grid}.stripe-prep-modes strong{font-size:8px}.stripe-prep-modes small{color:#858ea3;font-size:6px}.stripe-prep-workspace{min-width:0;padding:20px}.stripe-prep-workspace>header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:14px;padding-bottom:15px;display:flex}.stripe-prep-workspace>header>div{align-items:center;gap:9px;display:flex}.stripe-prep-workspace>header>div>span{color:#d7ddff;background:#343a59;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.stripe-prep-workspace>header p{gap:3px;margin:0;display:grid}.stripe-prep-workspace>header small{color:#8790a5;font-size:6px}.stripe-prep-workspace>header strong{font-size:9px}.stripe-prep-workspace>header em{color:#cbd3ff;background:#7989eb14;border:1px solid #a7b3ff33;border-radius:8px;padding:6px 9px;font-size:7px;font-style:normal}.stripe-prep-files{gap:7px;margin-top:14px;display:flex}.stripe-prep-files>span{color:#aeb9ff;background:#202437;border:1px solid #ffffff1a;border-radius:9px;grid-template-columns:14px minmax(0,1fr);gap:4px 6px;min-width:0;padding:9px 10px;display:grid}.stripe-prep-files b{color:#e3e6ef;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.stripe-prep-files small{color:#7f899e;grid-column:2;font-size:6px}.stripe-prep-route{color:#8792ac;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;margin:14px 0;font-size:6px;font-weight:850;display:grid}.stripe-prep-route i{background:linear-gradient(90deg,#91a3ff1f,#91a3ff7a);height:1px}.stripe-prep-output{background:#f8f9fc;border:1px solid #ffffff1c;border-radius:12px;overflow:hidden}.stripe-prep-output>header{color:#2e3441;background:#fff;border-bottom:1px solid #e6e8ef;justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:0 13px;display:flex}.stripe-prep-output>header>div,.stripe-prep-output>header>span{align-items:center;gap:6px;display:flex}.stripe-prep-output>header>div svg{color:#635bff}.stripe-prep-output>header strong{font-size:8px}.stripe-prep-output>header>span{color:#38735f;font-size:6px;font-weight:850}.stripe-prep-document{gap:0;padding:5px 14px 9px;display:grid}.stripe-prep-document section{border-bottom:1px solid #e5e8ef;grid-template-columns:28px 1fr;gap:9px;padding:12px 0;display:grid}.stripe-prep-document section:last-child{border-bottom:0}.stripe-prep-document section>b{color:#635bff;font-size:7px}.stripe-prep-document section>div{gap:5px;display:grid}.stripe-prep-document section strong{color:#323846;font-size:8px}.stripe-prep-document section p{color:#747c8a;margin:0;font-size:7px;line-height:1.65}.stripe-prep-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.stripe-prep-tags span{color:#aab3ca;background:#252a3f;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:6px;font-weight:800;display:flex}.stripe-workflow{background:#fff;padding:140px 24px 160px}.stripe-demo-section,.stripe-collaboration,.stripe-teacher-prep,.stripe-workflow,.stripe-partners,.stripe-platform{scroll-margin-top:76px}.stripe-workflow-heading>p,.stripe-platform-head>p{color:#5148c9}.stripe-workflow-heading h2{color:#111421}.stripe-workflow-heading>span{color:#666d7d}.stripe-workflow-layout{grid-template-columns:400px 1fr;gap:90px;width:min(1180px,100%);margin:92px auto 0;display:grid}.stripe-workflow-copy{position:relative}.stripe-workflow-step{min-height:510px;padding:26px 0}.stripe-workflow-step>span{color:var(--step-accent);letter-spacing:.15em;font-size:11px;font-weight:900;display:block}.stripe-workflow-step h3{letter-spacing:-.05em;max-width:360px;margin:21px 0 18px;font-size:34px;line-height:1.15}.stripe-workflow-step p{color:#6b7180;max-width:350px;margin:0;font-size:13px;line-height:1.9}.stripe-step-line{background:#eceef2;width:100%;height:2px;margin-top:35px;overflow:hidden}.stripe-step-line i{transform-origin:0;background:var(--step-accent);width:100%;height:100%;display:block;transform:scaleX(0)}.stripe-workflow-visual{perspective:1100px;align-self:start;height:590px;position:sticky;top:max(88px,50vh - 295px)}.stripe-workflow-glow{filter:blur(25px);background:radial-gradient(circle,#635bff2b,#0000 68%);border-radius:50%;position:absolute;inset:12% -5% 8%}.stripe-workflow-shot{opacity:0;pointer-events:none;will-change:transform,opacity;background:#fff;border:1px solid #e3e5ec;border-radius:17px;position:absolute;inset:0 0 auto;overflow:hidden;transform:translateY(26px)scale(.97);box-shadow:0 34px 80px #2d35572e}.stripe-workflow-shot.is-active{opacity:1;pointer-events:auto;cursor:pointer;transform:none}.stripe-workflow-shot img{object-fit:contain;object-position:center top;width:100%;height:auto;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block}.stripe-workflow-shot.is-active:hover img{transform:scale(1.01)}.stripe-partners{color:#fff;background:#171a29;grid-template-columns:minmax(360px,.85fr) minmax(570px,1.15fr);align-items:center;gap:90px;min-height:1010px;padding:120px max(24px,50vw - 590px);display:grid;position:relative;overflow:hidden}.stripe-partners:before{content:"";filter:blur(12px);background:radial-gradient(circle,#3f76ff59,#635bff24 36%,#0000 70%);border-radius:50%;width:720px;height:720px;position:absolute;top:70px;right:-180px}.stripe-partners-copy{z-index:2;position:relative}.stripe-partners-copy>p{color:#91a3ff}.stripe-partners-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(46px,5vw,70px);line-height:1.04}.stripe-partners-copy>span{color:#adb4c6;max-width:520px;margin-top:25px;font-size:14px;line-height:1.9;display:block}.stripe-partners-copy ul{color:#d6d9e3;gap:13px;margin:30px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.stripe-partners-copy li{align-items:center;gap:9px;display:flex}.stripe-partners-copy li svg{color:#70ddbd}.stripe-partner-actions{justify-items:start;gap:14px;margin-top:33px;display:grid}.stripe-partner-primary{color:#171a29;background:#fff;border-radius:11px;align-items:center;gap:8px;min-height:45px;padding:0 17px;font-size:12px;font-weight:850;transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .25s;display:inline-flex}.stripe-partner-primary:hover{color:#171a29;background:#eef1ff;transform:translateY(-2px)}.stripe-partner-primary:active{transform:translateY(0)scale(.98)}.stripe-model-links{flex-wrap:wrap;gap:9px;display:flex}.stripe-model-link{color:#c8cff8;white-space:nowrap;background:#ffffff0b;border:1px solid #aeb9ff40;border-radius:11px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:10px;font-weight:800;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s,background-color .25s,color .25s;display:inline-flex}.stripe-model-link:hover{color:#fff;background:#91a3ff1f;border-color:#aeb9ff85;transform:translateY(-2px)}.stripe-model-link:active{transform:translateY(0)scale(.98)}:is(.stripe-partner-primary:focus-visible,.stripe-model-link:focus-visible){outline-offset:3px;outline:3px solid #91a3ff}.stripe-partner-disclaimer{color:#737b91;max-width:500px;margin-top:22px;font-size:9px;line-height:1.7;display:block}.stripe-partner-stage{perspective:1100px;height:720px;position:relative}.stripe-partner-card{will-change:transform;background:#24283b;border:1px solid #ffffff26;border-radius:18px;width:350px;position:absolute;overflow:hidden;box-shadow:0 35px 80px #0000005c}.stripe-partner-card>div:last-child{align-items:center;gap:11px;height:78px;padding:0 16px;display:flex}.stripe-partner-photo{height:525px;position:relative;overflow:hidden}.stripe-partner-photo>span{z-index:3;color:#59637a;letter-spacing:.12em;font-size:8px;font-weight:850;position:absolute;top:17px;left:18px}.stripe-partner-poster img{object-fit:cover!important;filter:none!important;transform:none!important}.stripe-partner-poster>span{color:#fff;text-shadow:0 1px 5px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070f1f61;border:1px solid #ffffff38;border-radius:6px;padding:6px 8px}.stripe-partner-source{color:#aeb9ff;letter-spacing:.08em;white-space:nowrap;border:1px solid #90a0ff40;border-radius:7px;place-items:center;min-width:56px;height:25px;padding:0 7px;font-size:7px;font-weight:900;display:grid}.stripe-partner-card p{gap:4px;margin:0;display:grid}.stripe-partner-card b{font-size:11px}.stripe-partner-card small{color:#9299ac;font-size:9px}.stripe-partner-card em{color:#b8c7ff;background:#313750;border-radius:7px;margin-left:auto;padding:6px 9px;font-size:9px;font-style:normal}.stripe-partner-doubao{z-index:2;top:80px;left:0;transform:rotate(-5deg)}.stripe-partner-deepseek{z-index:3;top:0;right:0;transform:rotate(5deg)}.stripe-partner-deepseek em{color:#9fb0ff}.stripe-partner-orbit{z-index:4;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1d2133d9;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 11px #ffffff0a,0 0 0 23px #ffffff06}.stripe-platform{background:#f4f6fb;padding:145px 24px 160px}.stripe-platform-head h2{max-width:800px}.stripe-platform-grid{grid-template-columns:1.13fr .87fr;gap:18px;width:min(1180px,100%);margin:72px auto 0;display:grid}.stripe-platform-feature{color:inherit;background:#fff;border:1px solid #e1e4ec;border-radius:20px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;position:relative;overflow:hidden;box-shadow:0 18px 50px #2830520f}.stripe-platform-feature:hover{border-color:#d5d9e7;transform:translateY(-5px);box-shadow:0 28px 70px #2830521f}.stripe-platform-feature-large{background:linear-gradient(150deg,#fff 35%,#eef0ff);grid-row:span 2;min-height:650px}.stripe-platform-feature-report{min-height:310px}.stripe-platform-feature-stack{min-height:322px}.stripe-feature-copy{z-index:2;padding:37px;position:relative}.stripe-feature-copy>svg{color:#635bff}.stripe-feature-copy h3{letter-spacing:-.04em;margin:19px 0 10px;font-size:24px}.stripe-feature-copy p{color:#6e7483;max-width:430px;margin:0;font-size:12px;line-height:1.8}.stripe-profile-orbit{width:430px;height:400px;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.stripe-profile-orbit:before,.stripe-profile-orbit:after{content:"";border:1px solid #635bff30;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stripe-profile-orbit:before{width:300px;height:300px}.stripe-profile-orbit:after{width:410px;height:410px}.profile-core{z-index:3;color:#fff;background:linear-gradient(145deg,#857dff,#4e46d5);border-radius:50%;place-items:center;width:88px;height:88px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 34px #4d45ca52,0 0 0 18px #635bff14}.profile-node{z-index:3;color:#454a5b;background:#fff;border:1px solid #e1e3ef;border-radius:17px;place-items:center;width:66px;height:66px;font-size:10px;font-weight:850;display:grid;position:absolute;box-shadow:0 12px 28px #32395a1f}.profile-node.n1{top:85px;left:30px}.profile-node.n2{top:60px;right:18px}.profile-node.n3{bottom:45px;left:12px}.profile-node.n4{bottom:20px;right:46px}.orbit-line{z-index:1;transform-origin:0;background:#635bff38;width:250px;height:1px;position:absolute;top:50%;left:50%}.line-1{transform:rotate(25deg)}.line-2{transform:rotate(154deg)}.stripe-mini-chart{align-items:flex-end;gap:12px;height:118px;display:flex;position:absolute;bottom:22px;left:35px;right:35px}.stripe-mini-chart>i{width:16px;height:var(--bar,50%);background:#e5e9f3;border-radius:5px 5px 0 0}.stripe-mini-chart>i:first-child{--bar:38%}.stripe-mini-chart>i:nth-child(2){--bar:55%}.stripe-mini-chart>i:nth-child(3){--bar:43%}.stripe-mini-chart>i:nth-child(4){--bar:71%}.stripe-mini-chart>i:nth-child(5){--bar:58%}.stripe-mini-chart>i:nth-child(6){--bar:80%}.stripe-mini-chart>i:nth-child(7){--bar:88%}.stripe-mini-chart svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stripe-mini-chart path{fill:none;stroke:#635bff;stroke-width:3px;stroke-linecap:round}.stripe-stack-list{gap:1px;padding:0 28px 28px;display:grid}.stripe-stack-list>div{border-top:1px solid #eceef3;grid-template-columns:34px 1fr;align-items:start;gap:12px;padding:14px 0;display:grid}.stripe-stack-list>div>span{color:#5b53d3;background:#f0efff;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.stripe-stack-list p{gap:4px;margin:0;display:grid}.stripe-stack-list b{font-size:11px}.stripe-stack-list small{color:#757b8a;font-size:9px;line-height:1.6}.stripe-final{color:#fff;background:#121522;place-items:center;min-height:650px;padding:100px 24px;display:grid;position:relative;overflow:hidden}.stripe-final-mesh{filter:blur(70px);opacity:.62;will-change:transform;background:conic-gradient(from 140deg,#121522,#4b44d8,#1bb9dd,#ff7a59,#121522 76%);position:absolute;inset:-30%}.stripe-final:after{content:"";background:radial-gradient(circle,#0000 0 15%,#10131f4d 52%,#121522 80%);position:absolute;inset:0}.stripe-final-content{z-index:2;text-align:center;width:min(760px,100%);position:relative}.stripe-final-content>svg{color:#b8c5ff}.stripe-final h2{letter-spacing:-.07em;margin:25px 0 20px;font-size:clamp(48px,6vw,78px);line-height:1.02}.stripe-final p{color:#bbc1d1;max-width:560px;margin:0 auto;font-size:14px;line-height:1.8}.stripe-final-content>div{justify-content:center;align-items:center;gap:20px;margin-top:35px;display:flex}.stripe-final-primary{color:#161925;background:#fff;border-radius:11px;min-height:50px;padding:0 23px}.stripe-final-primary:hover{color:#fff}.stripe-final-secondary{color:#fff;font-size:12px;font-weight:800}.stripe-footer{align-items:center;gap:32px;width:min(1180px,100% - 48px);min-height:145px;margin:auto;display:flex}.stripe-footer p{color:#777c8a;margin:0;font-size:11px}.stripe-footer>div{gap:24px;margin-left:auto;display:flex}.stripe-footer>div a{color:#555b69;font-size:11px;font-weight:700}.stripe-footer>div a:hover{color:#171a25}@media (max-width:1100px){.stripe-hero-inner{grid-template-columns:390px 1fr}.stripe-browser-main{width:680px}.stripe-browser-float{right:-120px}.stripe-workflow-layout{grid-template-columns:340px 1fr;gap:48px}.stripe-partners{grid-template-columns:1fr;gap:50px;padding-block:110px}.stripe-partners-copy{max-width:720px}.stripe-partner-stage{width:min(780px,100%);margin:auto}}@media (max-width:900px){.stripe-nav-links{display:none}.stripe-hero{min-height:auto;padding:120px 20px 160px}.stripe-hero-inner{grid-template-columns:1fr;gap:55px}.stripe-hero-copy{max-width:660px}.stripe-hero h1{font-size:clamp(52px,11vw,76px)}.stripe-hero-product{min-height:560px}.stripe-browser-main{width:95%;left:0;transform:rotate(-1deg)}.stripe-browser-float{width:42%;right:-2%}.stripe-proof-band{grid-template-columns:1fr;gap:35px}.stripe-proof-metrics{border-top:1px solid #e5e7ed}.stripe-demo-frame{grid-template-columns:1fr}.stripe-demo-copy{min-height:270px}.stripe-demo-count{left:auto;right:30px}.stripe-demo-screen{margin:0 22px 22px}.stripe-workflow-layout{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:36px}.stripe-workflow-step{min-height:460px;padding:48px 0}.stripe-workflow-visual{order:initial;height:520px;position:sticky;top:max(78px,50vh - 260px)}.stripe-workflow-shot img{height:auto}.stripe-partner-stage{height:560px}.stripe-platform-grid{grid-template-columns:1fr}.stripe-platform-feature-large{grid-row:auto}}@media (max-width:620px){.stripe-nav-shell{padding:11px 14px}.stripe-nav-actions{gap:8px;margin-left:auto}.stripe-login{display:none}.stripe-nav-cta{padding:0 13px}.stripe-hero{padding-inline:18px}.stripe-kicker{margin-bottom:17px}.stripe-hero h1{font-size:45px;line-height:1.02}.stripe-hero-lead{font-size:15px}.stripe-hero-actions{flex-direction:column;align-items:stretch;gap:17px}.stripe-primary-button{width:100%}.stripe-secondary-link{justify-content:center}.stripe-hero-proof{grid-template-columns:1fr 1fr;display:grid}.stripe-hero-product{min-height:400px}.stripe-browser-main{border-radius:11px;width:109%;top:20px;left:-5%}.stripe-browser-bar{height:29px}.stripe-browser-float{width:55%;bottom:0;right:-12%}.stripe-browser-float img{height:145px}.stripe-live-pill-top{top:-16px;right:-7px}.stripe-live-pill-bottom{bottom:62px;left:-7px}.stripe-proof-band{width:calc(100% - 36px);padding-block:70px}.stripe-proof-metrics{border-left:0;grid-template-columns:1fr}.stripe-proof-metrics article{border-bottom:1px solid #e5e7ed;border-right:0;grid-template-columns:68px 1fr;align-items:center;padding:22px 0}.stripe-proof-metrics b{font-size:43px}.stripe-demo-section,.stripe-workflow,.stripe-platform{padding:90px 18px}.stripe-section-heading h2,.stripe-workflow-heading h2,.stripe-platform-head h2{font-size:39px}.stripe-demo-tabs{justify-content:flex-start;overflow:auto}.stripe-demo-tabs button{min-width:110px}.stripe-demo-frame{min-height:0}.stripe-demo-copy{padding:38px 24px}.stripe-demo-screen{border-radius:9px;margin:0 10px 10px}.stripe-workflow-layout{grid-template-columns:1fr;margin-top:55px;position:relative}.stripe-workflow-copy{z-index:1;grid-area:1/1}.stripe-workflow-step{min-height:100svh;padding:calc(50svh + 205px) 0 70px}.stripe-workflow-visual{z-index:2;order:initial;pointer-events:none;grid-area:1/1;height:360px;position:sticky;top:max(72px,50svh - 180px)}.stripe-workflow-shot{border-radius:11px}.stripe-workflow-step h3{font-size:29px}.stripe-partners{grid-template-columns:1fr;min-height:auto;padding:90px 18px}.stripe-partners-copy h2{font-size:42px}.stripe-model-links{width:100%;display:grid}.stripe-model-link{justify-content:space-between;width:100%}.stripe-partner-stage{height:620px}.stripe-partner-card{width:72%}.stripe-partner-photo{height:383px}.stripe-partner-doubao{top:90px}.stripe-partner-deepseek{right:-7px}.stripe-partner-card>div:last-child{height:66px}.stripe-partner-card em{display:none}.stripe-partner-orbit{width:50px;height:50px}.stripe-platform-feature-large{min-height:570px}.stripe-feature-copy{padding:28px}.stripe-profile-orbit{width:340px;height:340px}.stripe-profile-orbit:before{width:240px;height:240px}.stripe-profile-orbit:after{width:330px;height:330px}.stripe-final{min-height:590px;padding-inline:18px}.stripe-final h2{font-size:43px}.stripe-final-content>div{flex-direction:column;align-items:stretch}.stripe-footer{flex-direction:column;align-items:flex-start;padding:40px 0}.stripe-footer>div{flex-wrap:wrap;margin-left:0}}@media (prefers-reduced-motion:reduce){.stripe-product-page *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.stripe-partner-card{color:#fff;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:border-color .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}.stripe-partner-card.is-active{border-color:#9babff80;box-shadow:0 42px 95px #0000007a,0 0 0 1px #7b91ff1f}.stripe-partner-card-action{z-index:7;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.stripe-partner-card-action:focus-visible{outline-offset:-5px;border-radius:18px;outline:3px solid #91a3ff}.stripe-partner-card.is-active .stripe-partner-card-action{cursor:default}.stripe-partner-status{z-index:8;color:#7d869d;align-items:center;gap:8px;margin:0;font-size:9px;display:flex;position:absolute;bottom:24px;right:0}.stripe-partner-status strong{color:#fff;font-size:10px}.stripe-partner-status span{border-left:1px solid #ffffff29;padding-left:8px}@media (max-width:620px){.stripe-partner-stage{height:650px}.stripe-partner-deepseek{top:58px}.stripe-partner-status{width:max-content;bottom:18px;left:50%;right:auto;transform:translate(-50%)}.stripe-partner-status span{display:none}}.stripe-university-entry{background:#eef1ff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;margin:0;padding:74px max(24px,50vw - 590px);scroll-margin-top:76px;display:grid}.stripe-university-entry-mark{color:#fff;background:#171925;border-radius:16px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 16px 32px #14182d2e}.stripe-university-entry-copy h2{color:#111421;letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.3vw,44px);line-height:1.1}.stripe-university-entry-copy p{color:#596071;max-width:690px;margin:12px 0 0;font-size:13px;line-height:1.75}.stripe-university-entry-action{color:#fff;white-space:nowrap;background:#171925;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 19px;font-size:12px;font-weight:850;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 14px 30px #14182829}.stripe-university-entry-action:hover{background:#2a2d3c;transform:translateY(-1px)}.stripe-university-entry-action:active{transform:translateY(1px)}@media (max-width:760px){.stripe-university-entry{grid-template-columns:auto 1fr;padding-block:58px}.stripe-university-entry-action{grid-column:1/-1;width:100%}}@media (max-width:520px){.stripe-university-entry{gap:18px;padding:48px 18px}.stripe-university-entry-mark{width:50px;height:50px}.stripe-university-entry-copy h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.stripe-university-entry-action{transition:none}}@media (max-width:900px){.stripe-collaboration-grid{grid-template-columns:1fr}.stripe-role-teacher{grid-row:auto;min-height:500px}.stripe-role-student,.stripe-role-attendance{min-height:255px}}@media (max-width:620px){.stripe-collaboration{padding:90px 18px}.stripe-collaboration-head{margin-bottom:42px}.stripe-collaboration-head h2{font-size:39px}.stripe-role-teacher,.stripe-role-student,.stripe-role-attendance{min-height:0;padding:25px}.stripe-role-feature{padding-bottom:78px}.stripe-role-heading{align-items:flex-start}.stripe-role-heading h3{font-size:19px}.stripe-role-feature>a,.stripe-role-student>a{bottom:25px;left:25px}.stripe-teacher-flow{grid-template-columns:1fr;gap:9px;margin-top:30px}.stripe-teacher-flow i{display:none}.stripe-attendance-preview{grid-template-columns:1fr auto}}@media (max-width:1100px){.stripe-teacher-prep{grid-template-columns:1fr;gap:58px}.stripe-prep-copy{max-width:750px}.stripe-prep-copy h2{max-width:720px}.stripe-prep-product{width:min(850px,100%);margin:auto}}@media (max-width:620px){.stripe-teacher-prep{gap:42px;padding:90px 18px}.stripe-prep-copy h2{font-size:39px}.stripe-prep-action{justify-content:center;width:100%}.stripe-prep-product{border-radius:13px;transform:none}.stripe-prep-product:hover{transform:none}.stripe-prep-window-body{grid-template-columns:1fr;min-height:0}.stripe-prep-modes{border-bottom:1px solid #ffffff17;border-right:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:12px 8px;display:grid}.stripe-prep-modes>span{grid-column:1/-1}.stripe-prep-modes>div{text-align:center;grid-template-columns:1fr;justify-items:center;margin:0;padding:8px 3px}.stripe-prep-modes>div>svg{padding:5px}.stripe-prep-modes small{display:none}.stripe-prep-workspace{padding:12px}.stripe-prep-workspace>header em{display:none}.stripe-prep-files{display:grid}.stripe-prep-files>span{width:100%}.stripe-prep-route{text-align:center;grid-template-columns:1fr 10px 1fr 10px 1fr}.stripe-prep-output>header>span{display:none}.stripe-prep-document{padding-inline:11px}.stripe-prep-document section{grid-template-columns:24px 1fr}.stripe-prep-tags{grid-template-columns:1fr 1fr;display:grid}.stripe-prep-tags span{justify-content:center}}
