:root { --ink:#0d1930; --ink-soft:#526078; --navy:#0a1733; --navy-2:#101f43; --blue:#1b79ff; --cyan:#6adcfb; --orange:#f36b25; --line:#dfe6f2; --paper:#f7faff; --white:#fff; --font:"Manrope","Noto Sans SC","Microsoft YaHei",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--font); line-height:1.65; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.container { width:min(1180px, calc(100% - 72px)); margin:0 auto; }
.section-shell { position:relative; padding:130px 0; }
.page-glow { position:fixed; width:420px; height:420px; border-radius:50%; filter:blur(90px); opacity:.12; pointer-events:none; z-index:-1; }
.page-glow-one { top:10%; left:-240px; background:#37a4ff; }.page-glow-two { right:-220px; bottom:10%; background:#f18448; }

/* Navigation */
.site-header { position:absolute; inset:0 0 auto; z-index:10; padding:23px 0; color:var(--white); }
.nav-wrap,.brand,.main-nav { display:flex; align-items:center; }.nav-wrap { justify-content:space-between; }
.brand { gap:12px; }.brand-mark { display:grid; place-items:center; width:47px; height:47px; padding:7px; background:#fff; border-radius:14px; box-shadow:0 8px 26px #06132b44; }.brand-mark img { width:100%; height:100%; object-fit:contain; }.brand-copy { display:grid; line-height:1; gap:7px; }.brand-copy strong { font-family:"Noto Sans SC",sans-serif; font-size:18px; letter-spacing:.18em; }.brand-copy small { font-size:8px; font-weight:700; letter-spacing:.14em; color:#a8b8d2; }
.main-nav { gap:31px; font-size:12px; font-weight:600; letter-spacing:.06em; color:#c9d5e9; }.main-nav a { transition:color .25s ease; }.main-nav a:hover { color:#fff; }.nav-cta { display:flex; align-items:center; gap:8px; padding:10px 14px; color:#fff!important; border:1px solid #ffffff40; border-radius:20px; }.nav-cta span { color:var(--cyan); font-size:15px; }.menu-toggle { display:none; }

/* Shared */
.eyebrow,.section-kicker,.product-index,.platform-code,.footer-slogan,.scroll-cue,.contact-card-top,.footer-bottom { letter-spacing:.12em; }.eyebrow { display:flex; align-items:center; gap:10px; color:#8eabd8; font-size:11px; font-weight:700; }.eyebrow-dot { width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px var(--cyan); }.section-kicker { display:flex; align-items:center; gap:12px; color:#587197; font-size:11px; font-weight:700; text-transform:uppercase; }.section-kicker span { color:var(--blue); }.section-kicker i { display:block; width:42px; height:1px; background:var(--blue); }.section-kicker.light { color:#b2c4e0; }.section-kicker.light span { color:var(--cyan); }.section-kicker.light i { background:var(--cyan); }
h1,h2,h3,p { margin-top:0; }.button { display:inline-flex; align-items:center; gap:24px; padding:14px 19px; border-radius:5px; font-size:12px; font-weight:800; letter-spacing:.04em; transition:transform .25s ease,box-shadow .25s ease,background .25s ease; }.button:hover { transform:translateY(-3px); }.button span { font-size:18px; font-weight:400; }.button-primary { color:#fff; background:linear-gradient(100deg,#166cf2,#2e97ff); box-shadow:0 14px 27px #1b79ff35; }.button-primary:hover { box-shadow:0 18px 35px #1b79ff52; }.button-ghost { border:1px solid #9baaca; color:#d5e2f7; }.button-light { color:#09204b; background:#fff; }.button-dark { color:#fff; background:var(--ink); }.section-label { margin-bottom:15px; color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.1em; }

/* Hero */
.hero { min-height:760px; padding-top:170px; padding-bottom:80px; color:#fff; background:radial-gradient(circle at 77% 42%,#173e78 0,#0d234d 34%,#071329 74%); overflow:hidden; }.hero:before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(#78b9ff15 1px,transparent 1px),linear-gradient(90deg,#78b9ff15 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,black,transparent 85%); }.hero:after { content:""; position:absolute; width:730px; height:730px; right:-330px; top:-230px; border:1px solid #75d9fb2d; border-radius:50%; box-shadow:0 0 0 50px #75d9fb0a,0 0 0 100px #75d9fb08; }.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:47% 53%; align-items:center; min-height:515px; }.hero-copy { padding-bottom:25px; }.hero h1 { margin:27px 0 23px; font-family:"Noto Sans SC",sans-serif; font-size:clamp(42px,5vw,72px); font-weight:900; line-height:1.2; letter-spacing:-.04em; }.hero h1 em,.hero h2 em { color:var(--cyan); font-style:normal; }.hero-lead { width:min(480px,100%); color:#a5b6d2; font-size:15px; line-height:2; }.hero-actions { display:flex; gap:12px; margin-top:34px; }.hero-proof { display:flex; gap:34px; margin-top:67px; }.hero-proof div { display:flex; gap:10px; align-items:flex-start; }.hero-proof strong { color:var(--cyan); font-size:12px; }.hero-proof span { color:#a3b6d6; font-size:10px; line-height:1.55; }
.hero-visual { position:relative; height:570px; }.visual-grid { position:absolute; inset:70px 10px 40px 48px; border:1px solid #a7dbff33; background-image:linear-gradient(#83cbff17 1px,transparent 1px),linear-gradient(90deg,#83cbff17 1px,transparent 1px); background-size:40px 40px; transform:perspective(420px) rotateY(-13deg) rotateX(5deg); mask-image:linear-gradient(transparent,#000 17%,#000 83%,transparent); }.visual-orbit { position:absolute; border:1px solid #63d9fc50; border-radius:50%; transform:rotate(-22deg); }.orbit-one { width:510px; height:270px; left:75px; top:130px; }.orbit-two { width:400px; height:210px; left:135px; top:160px; border-color:#fff22b; transform:rotate(-32deg); opacity:.22; }.visual-card { position:absolute; width:390px; height:488px; top:54px; left:111px; overflow:hidden; border:1px solid #ffffff33; border-radius:190px 190px 22px 22px; background:linear-gradient(160deg,#d8f5ff 0%,#7abed7 44%,#0e3d63 100%); box-shadow:0 35px 70px #020d2170; }.visual-card:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,#07162ccc 100%); }.visual-card img { width:100%; height:100%; object-fit:contain; object-position:center 55%; filter:drop-shadow(12px 17px 17px #06162b70); transform:scale(1.08); }.visual-card-caption { position:absolute; z-index:1; left:31px; right:31px; bottom:24px; display:flex; justify-content:space-between; align-items:end; color:#fff; }.visual-card-caption span { font-size:13px; font-weight:800; }.visual-card-caption small { color:#a4dcf4; font-size:8px; letter-spacing:.1em; }.visual-tag { position:absolute; z-index:2; top:26px; right:15px; padding:9px 12px; color:#c6effe; border:1px solid #8fdefd55; background:#0a2851cc; border-radius:4px; font-size:8px; font-weight:800; letter-spacing:.1em; }.pulse,.live-dot { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#77f0c0; box-shadow:0 0 0 4px #77f0c020; }.float-chip { position:absolute; z-index:2; display:flex; gap:9px; align-items:center; padding:10px 12px; color:#bcd1ec; border:1px solid #b4d9fb38; background:#102c58d9; border-radius:6px; box-shadow:0 16px 35px #030d1e50; }.float-chip b { display:block; color:#fff; font-size:13px; line-height:1.1; }.float-chip small { display:block; color:#87aacd; font-size:8px; }.chip-icon { display:grid; place-items:center; width:25px; height:25px; color:var(--cyan); border:1px solid #79dffb55; border-radius:50%; }.chip-left { left:11px; top:220px; }.chip-right { right:-8px; bottom:145px; }.visual-corner { position:absolute; color:#72c9e7; font-size:9px; letter-spacing:.14em; }.corner-a { top:113px; left:26px; }.corner-b { right:25px; bottom:51px; }.scroll-cue { position:relative; z-index:2; display:flex; align-items:center; gap:12px; color:#7493ba; font-size:9px; }.scroll-cue span { display:block; width:33px; height:1px; background:#5b8ec7; }

/* Intro and products */
.intro { background:#fff; }.intro-grid { display:grid; grid-template-columns:25% 75%; }.intro-content h2,.heading-row h2,.platform h2,.teacher-copy h2,.capabilities h2,.contact h2 { margin:0; font-family:"Noto Sans SC",sans-serif; font-size:clamp(34px,4vw,54px); line-height:1.35; letter-spacing:-.04em; }.intro-content h2 em,.heading-row h2 em { color:var(--blue); font-style:normal; }.intro-bottom { display:grid; grid-template-columns:42% 58%; gap:60px; margin-top:50px; }.intro-bottom>p { color:var(--ink-soft); font-size:14px; line-height:2; }.stat-row { display:flex; gap:20px; }.stat-row div { flex:1; padding-left:14px; border-left:2px solid var(--line); }.stat-row strong { display:block; color:var(--blue); font-size:11px; letter-spacing:.08em; }.stat-row span { display:block; margin-top:8px; color:#8290a8; font-size:10px; line-height:1.5; }
.solutions { background:var(--paper); }.section-heading { margin-bottom:63px; }.heading-row { display:flex; justify-content:space-between; align-items:end; gap:45px; margin-top:24px; }.heading-row p { width:280px; margin:0 0 5px; color:var(--ink-soft); font-size:13px; line-height:1.9; }.product-grid { display:grid; grid-template-columns:1.08fr 1fr 1fr; gap:20px; }.product-card { overflow:hidden; background:#fff; border:1px solid #e3e9f3; border-radius:8px; box-shadow:0 14px 38px #1233650a; transition:transform .3s ease,box-shadow .3s ease; }.product-card:hover { transform:translateY(-8px); box-shadow:0 22px 45px #12336518; }.product-image { display:grid; place-items:center; height:300px; overflow:hidden; }.product-feature .product-image { height:360px; }.image-light { background:#f1f4f6; }.image-dark { background:linear-gradient(145deg,#d6e1e6,#f4f8fa); }.image-mid { background:linear-gradient(145deg,#eef2f4,#cad7dd); }.product-image img { width:100%; height:100%; object-fit:contain; }.product-feature .product-image img { transform:scale(1.08); }.product-body { padding:25px 26px 29px; }.product-index { margin-bottom:12px; color:#7e93b1; font-size:9px; font-weight:800; }.product-body h3 { margin-bottom:9px; font-family:"Noto Sans SC",sans-serif; font-size:21px; }.product-body p { min-height:68px; margin-bottom:17px; color:#728097; font-size:12px; line-height:1.85; }.text-link { color:var(--blue); font-size:11px; font-weight:800; }.text-link span { margin-left:6px; font-size:17px; }.solution-note { display:flex; justify-content:center; align-items:center; gap:16px; margin-top:55px; color:#99a6ba; font-size:10px; letter-spacing:.08em; }.note-line { width:45px; height:1px; background:#c9d4e4; }

/* Platform */
.dark-section { color:#fff; background:var(--navy); overflow:hidden; }.platform { padding:145px 0 155px; }.platform:before,.contact:before { content:""; position:absolute; inset:0; background-image:linear-gradient(#9bdcff0b 1px,transparent 1px),linear-gradient(90deg,#9bdcff0b 1px,transparent 1px); background-size:84px 84px; mask-image:linear-gradient(90deg,#000,transparent 85%); }.platform-grid { position:relative; z-index:1; display:grid; grid-template-columns:20% 44% 36%; }.platform-copy { padding-left:8px; }.platform-title-row { display:flex; justify-content:space-between; align-items:start; }.platform h2 { margin-bottom:24px; }.platform h2 em { color:var(--cyan); }.platform-code { margin:16px 0 0 20px; color:#6f99cc; text-align:right; font-size:9px; line-height:1.4; }.platform-code b { color:#2e5f9e; }.platform-lead,.teacher-lead { max-width:490px; color:#9bb0ce; font-size:13px; line-height:2; }.feature-list { display:grid; gap:18px; margin:35px 0 36px; }.feature-list>div { display:flex; gap:15px; }.feature-list>div>span { color:var(--cyan); font-size:10px; }.feature-list strong { display:block; font-size:13px; }.feature-list small { display:block; margin-top:4px; color:#7890b4; font-size:10px; }.platform-visual { position:relative; height:500px; margin-left:10px; }.platform-ring { position:absolute; left:50%; top:50%; border:1px solid #68d8fb48; border-radius:50%; transform:translate(-50%,-50%) rotate(-26deg); }.ring-a { width:410px; height:250px; }.ring-b { width:330px; height:210px; border-color:#5b8cf94d; transform:translate(-50%,-50%) rotate(25deg); }.ring-c { width:250px; height:250px; border-style:dashed; border-color:#74d5fa54; }.platform-core { position:absolute; left:50%; top:50%; display:grid; place-content:center; width:110px; height:110px; color:#fff; border:1px solid #79defd; border-radius:50%; background:#102d5a; box-shadow:0 0 0 14px #6acdfc0c,0 0 55px #27a9ef50; text-align:center; transform:translate(-50%,-50%); }.platform-core span { font-size:25px; font-weight:800; letter-spacing:.12em; }.platform-core small { color:#91c9e8; font-size:7px; letter-spacing:.16em; }.platform-node { position:absolute; z-index:2; display:grid; gap:2px; min-width:88px; padding:9px 13px; border:1px solid #7abfd64c; background:#102c55e8; border-radius:6px; }.platform-node span { position:absolute; left:-4px; top:-4px; width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 13px var(--cyan); }.platform-node b { font-size:12px; }.platform-node small { color:#80a3ca; font-size:7px; letter-spacing:.1em; }.node-a { top:69px; left:34px; }.node-b { top:95px; right:5px; }.node-c { right:36px; bottom:72px; }.platform-connectors { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.platform-connectors path { fill:none; stroke:#6bcffb63; stroke-dasharray:4 7; }

/* Teacher live */
.teacher-live { background:#fff; }.teacher-grid { display:grid; grid-template-columns:53% 47%; align-items:center; }.teacher-visual { position:relative; height:485px; }.teacher-panel { position:absolute; border:1px solid #bed1ed; background:#eff5ff; box-shadow:0 25px 55px #1b427322; }.panel-main { left:28px; top:42px; width:440px; height:296px; padding:17px; transform:rotate(-5deg); border-radius:7px; }.panel-top { display:flex; align-items:center; gap:6px; color:#19386d; font-size:11px; }.panel-top small { margin-left:auto; color:#7392bd; font-size:7px; letter-spacing:.12em; }.panel-screen { height:217px; margin-top:14px; padding:12px; background:#10234b; border-radius:3px; }.screen-grid { display:grid; grid-template-columns:1.5fr 1fr; grid-template-rows:1fr 1fr; gap:5px; height:177px; }.screen-block { background:linear-gradient(140deg,#2f9dd1,#163d6a); border:1px solid #67c8ed60; }.screen-block.large { grid-row:span 2; background:linear-gradient(140deg,#3bb9c0,#1b4276); }.screen-controls { display:flex; align-items:center; gap:7px; height:27px; }.screen-controls span { width:14px; height:4px; border-radius:4px; background:#628ebd; }.screen-controls span:first-child { background:#65dcf7; }.screen-controls i { width:80px; height:3px; margin-left:auto; background:linear-gradient(90deg,#62daf6,#1f5da4); }.panel-mini { left:23px; bottom:55px; display:flex; align-items:center; gap:12px; width:206px; padding:14px 16px; transform:rotate(4deg); border-radius:5px; }.panel-mini b { color:#1b3e76; font-size:10px; }.panel-mini small { display:block; color:#7291b6; font-size:7px; }.mini-signal { width:25px; height:25px; border:1px solid #66d9f7; border-radius:50%; box-shadow:inset 0 0 0 6px #7bd7ec30; }.teacher-orbit { position:absolute; width:350px; height:350px; right:30px; top:63px; border:1px solid #6ac8ed76; border-radius:50%; transform:rotate(25deg) scaleY(.72); }.teacher-orbit:after { content:""; position:absolute; inset:25px; border:1px dashed #83a9da80; border-radius:50%; }.teacher-code { position:absolute; right:0; top:13px; color:#90a9cf; font-size:10px; line-height:1.8; letter-spacing:.14em; }.teacher-code b { color:var(--orange); font-size:28px; }.teacher-copy { padding-left:35px; }.teacher-copy h2 { margin:17px 0 23px; }.teacher-copy h2 em { color:var(--orange); }.teacher-lead { color:#687990; }.teacher-tags { display:flex; flex-wrap:wrap; gap:7px; margin:27px 0 32px; }.teacher-tags span { padding:7px 10px; color:#456080; border:1px solid #dbe4f0; border-radius:3px; font-size:10px; }

/* Flow and contact */
.capabilities { background:#edf3fb; padding-top:114px; padding-bottom:123px; }.capabilities-head { display:flex; justify-content:space-between; align-items:end; }.capabilities h2 { margin:0; font-size:34px; }.capabilities h2 span { color:var(--blue); }.capability-flow { display:grid; grid-template-columns:1fr 55px 1fr 55px 1fr 55px 1fr; align-items:center; margin-top:70px; }.flow-item { position:relative; display:grid; justify-items:center; gap:9px; text-align:center; }.flow-number { position:absolute; top:-33px; color:#99aac1; font-size:9px; letter-spacing:.1em; }.flow-icon { position:relative; width:76px; height:76px; border:1px solid #81cde8; border-radius:50%; background:#fff; box-shadow:0 14px 28px #1d467d12; }.flow-icon:before,.flow-icon:after { content:""; position:absolute; }.icon-capture:before { inset:22px 17px; border:2px solid var(--blue); border-radius:3px; }.icon-capture:after { left:30px; top:18px; width:13px; height:6px; border:2px solid var(--blue); border-bottom:0; border-radius:3px 3px 0 0; }.icon-direct:before { inset:21px; border:2px solid var(--blue); border-radius:50%; }.icon-direct:after { left:36px; top:17px; width:2px; height:42px; background:var(--orange); transform:rotate(45deg); }.icon-share:before { left:23px; top:24px; width:27px; height:27px; border:2px solid var(--blue); border-radius:50%; }.icon-share:after { left:29px; top:30px; width:16px; height:2px; background:var(--orange); transform:rotate(-35deg); box-shadow:7px 10px 0 var(--orange); }.icon-archive:before { inset:22px 20px; border:2px solid var(--blue); border-radius:3px; }.icon-archive:after { left:30px; top:31px; width:14px; height:2px; background:var(--orange); box-shadow:0 7px 0 var(--orange); }.flow-item strong { font-size:15px; }.flow-item small { color:#8393a8; font-size:10px; }.flow-arrow { color:var(--blue); font-size:24px; text-align:center; }
.contact { padding:132px 0 140px; background:linear-gradient(125deg,#071329,#112956); }.contact-grid { position:relative; z-index:1; display:grid; grid-template-columns:55% 45%; align-items:center; }.contact h2 { margin:22px 0; }.contact h2 em { color:var(--cyan); }.contact-copy p { max-width:420px; color:#8ca4c7; font-size:13px; }.contact-mail { display:inline-flex; gap:15px; align-items:center; margin-top:29px; color:#aeeaff; font-size:13px; font-weight:700; }.contact-mail span { color:var(--cyan); font-size:20px; }.contact-card { position:relative; min-height:320px; padding:26px 29px; overflow:hidden; border:1px solid #8ec9f555; border-radius:9px; background:linear-gradient(145deg,#183767,#0b1c3b); box-shadow:0 30px 65px #020c20aa; }.contact-card:before { content:""; position:absolute; width:270px; height:270px; right:-95px; top:-85px; border:1px solid #72d9fc40; border-radius:50%; box-shadow:0 0 0 25px #72d9fc08,0 0 0 50px #72d9fc06; }.contact-card-top { display:flex; justify-content:space-between; color:#7ea2cc; font-size:9px; }.contact-signal { color:#87edc3; }.contact-signal i { display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:#87edc3; }.contact-main { position:relative; z-index:1; display:grid; gap:7px; margin-top:63px; }.contact-main small { color:#86a6cf; font-size:10px; }.contact-main a { color:#fff; font-size:34px; font-weight:800; letter-spacing:.03em; }.contact-main span { color:#7c99bf; font-size:11px; }.contact-orb { position:absolute; right:55px; top:103px; display:grid; place-items:center; width:95px; height:95px; border:1px solid #6cdcfb; border-radius:50%; color:#9cecff; font-size:38px; font-weight:800; box-shadow:0 0 0 13px #6cdcfb0d,0 0 45px #3bd4fb35; }.contact-card-bottom { position:absolute; right:29px; bottom:25px; left:29px; display:flex; justify-content:space-between; padding-top:15px; color:#7090b8; border-top:1px solid #91c3ea22; font-size:9px; }.contact-card-bottom b { color:#81c9eb; letter-spacing:.15em; }

/* Footer */
.site-footer { color:#6b7d96; background:#061024; }.footer-top { display:flex; justify-content:space-between; align-items:center; padding:31px 0 27px; }.footer-brand .brand-mark { width:38px; height:38px; border-radius:10px; padding:5px; }.footer-brand .brand-copy strong { color:#fff; font-size:15px; }.footer-brand .brand-copy small { font-size:7px; }.footer-slogan { color:#7891b2; font-size:10px; }.footer-slogan span { margin-left:30px; color:#4d688c; }.footer-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:18px; padding:19px 0 23px; border-top:1px solid #21324c; font-size:9px; }.footer-bottom a { color:#8caed5; }.footer-divider { width:1px; height:11px; background:#31435d; }

/* Motion and responsive */
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }.reveal-delay { transition-delay:.12s; }.reveal-delay-2 { transition-delay:.22s; }
@media (max-width: 900px) { .container { width:min(100% - 40px,680px); }.section-shell { padding:90px 0; }.main-nav { gap:18px; font-size:10px; }.hero { min-height:auto; padding-top:145px; }.hero-grid,.intro-grid,.platform-grid,.teacher-grid,.contact-grid { grid-template-columns:1fr; }.hero-copy { padding-bottom:0; }.hero-visual { height:550px; margin-top:42px; }.intro-grid .section-kicker,.platform-grid>.section-kicker { margin-bottom:35px; }.intro-bottom { grid-template-columns:1fr; gap:10px; }.stat-row { margin-top:18px; }.platform-copy { padding:0; }.platform-visual { margin:35px auto 0; max-width:500px; }.teacher-visual { margin-bottom:50px; }.teacher-copy { padding-left:0; }.capabilities-head { display:block; }.capabilities h2 { margin-top:22px; }.contact-copy { margin-bottom:55px; } }
@media (max-width: 640px) { .container { width:calc(100% - 36px); }.site-header { padding-top:17px; }.brand-copy small { display:none; }.brand-mark { width:40px; height:40px; border-radius:11px; }.brand-copy strong { font-size:15px; }.menu-toggle { display:grid; gap:4px; width:38px; padding:8px; border:1px solid #ffffff40; border-radius:8px; background:transparent; }.menu-toggle span { height:1px; background:#fff; }.main-nav { position:absolute; top:68px; left:18px; right:18px; display:none; align-items:stretch; flex-direction:column; gap:0; padding:8px; background:#112952f5; border:1px solid #85c7f73b; border-radius:9px; box-shadow:0 20px 40px #0006; }.main-nav.is-open { display:flex; }.main-nav a { padding:11px 14px; }.nav-cta { justify-content:space-between; margin-top:5px; }.hero { padding-top:128px; }.hero h1 { font-size:42px; }.hero-lead { font-size:13px; }.hero-actions { flex-wrap:wrap; }.hero-proof { gap:12px; margin-top:46px; }.hero-proof div { gap:6px; }.hero-proof span { font-size:9px; }.hero-visual { height:450px; transform:scale(.84); transform-origin:top center; width:118%; margin-left:-9%; margin-bottom:-70px; }.visual-card { left:80px; }.visual-grid { left:15px; }.orbit-one { left:45px; }.orbit-two { left:95px; }.product-grid { grid-template-columns:1fr; }.product-feature .product-image,.product-image { height:300px; }.heading-row { display:block; }.heading-row p { width:auto; margin-top:22px; }.section-heading { margin-bottom:40px; }.section-kicker { font-size:10px; }.intro-content h2,.heading-row h2,.platform h2,.teacher-copy h2,.contact h2 { font-size:35px; }.platform { padding-bottom:80px; }.platform-title-row { display:block; }.platform-code { display:none; }.platform-visual { height:400px; transform:scale(.82); transform-origin:center top; width:122%; margin-left:-11%; margin-bottom:-70px; }.teacher-visual { height:375px; transform:scale(.76); transform-origin:top left; width:132%; }.teacher-copy { margin-top:-30px; }.capability-flow { grid-template-columns:1fr 30px 1fr; gap:42px 0; margin-top:60px; }.capability-flow .flow-item:nth-of-type(5) { grid-column:1; }.flow-arrow { font-size:18px; }.capability-flow .flow-arrow:nth-of-type(6) { grid-column:2; }.capability-flow .flow-arrow:nth-of-type(2) { grid-column:2; }.capability-flow .flow-item:nth-of-type(3) { grid-column:3; }.contact-main a { font-size:27px; }.contact-orb { right:25px; top:135px; }.footer-top { display:block; }.footer-slogan { margin-top:25px; }.footer-bottom { gap:10px 15px; }.footer-divider { display:none; } }