:root{--hero-peach:#ffd5c7;--hero-mint:#bcebd9;--hero-ocean:#3983ce;--hero-paper:#fbfefe;--hero-shadow:#164e78;--landing-secondary-ink:#536572}.landing-page .landing-hero-inner{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:36px;min-height:660px;padding-block:40px 60px}.landing-page .landing-hero h1{margin-top:0;font-size:clamp(54px,5.6vw,84px);line-height:1}.landing-page .landing-hero-copy>p{max-width:470px;color:var(--hero-paper);line-height:1.6}.landing-page .landing-microcopy{color:var(--hero-paper);font-size:13px}.landing-page .landing-hero-actions{flex-wrap:wrap;gap:10px}.landing-page .landing-hero-actions a{white-space:nowrap}.landing-nav-pricing{min-height:44px;color:var(--hero-paper);align-items:center;padding-inline:13px;font-size:13px;font-weight:650;display:inline-flex}.landing-mobile-trial{display:none}.hero-spatial-scene{isolation:isolate;perspective:1200px;min-width:0;position:relative}.hero-spatial-scene .landing-product-stage{z-index:1;min-height:540px;margin:0;display:block;transform:none}.hero-depth-layer{border-radius:var(--r-xl);border:1px solid color-mix(in srgb, var(--hero-paper) 70%, transparent);width:87%;height:380px;box-shadow:0 12px 0 color-mix(in srgb, var(--hero-shadow) 22%, var(--hero-peach)), 0 35px 55px color-mix(in srgb, var(--hero-shadow) 25%, transparent);position:absolute;top:50%;left:50%}.hero-depth-layer.peach{background:var(--hero-peach);transform:translate(-46%,-48%)rotateX(13deg)rotateY(-19deg)rotate(-8deg)}.hero-depth-layer.mint{background:var(--hero-mint);transform:translate(-51%,-45%)rotateX(13deg)rotateY(-16deg)rotate(4deg)}.hero-spatial-scene .landing-app-window{width:90%;animation:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateY(-13deg)rotateX(7deg)rotate(-3deg)}.hero-spatial-scene .landing-app-face{box-shadow:4px 8px 0 color-mix(in srgb, var(--hero-paper) 80%, var(--hero-ocean)), 8px 14px 0 color-mix(in srgb, var(--hero-paper) 60%, var(--hero-ocean)), 0 38px 60px color-mix(in srgb, var(--hero-shadow) 35%, transparent)}.hero-spatial-scene .landing-float-card{box-shadow:0 5px 0 color-mix(in srgb, var(--hero-paper) 70%, var(--hero-ocean)), 0 24px 35px color-mix(in srgb, var(--hero-shadow) 30%, transparent);animation:none;position:absolute}.hero-spatial-scene .landing-match-card{top:22px;left:-3%;transform:rotate(-7deg)}.hero-spatial-scene .landing-recap-card{bottom:40px;right:-2%;transform:rotate(6deg)}.hero-spatial-scene .landing-credit-card{bottom:20px;left:4%;transform:rotate(-6deg)}.hero-spatial-scene .landing-orbit{box-shadow:2px 5px 0 color-mix(in srgb, var(--hero-shadow) 30%, var(--hero-peach)), 0 16px 25px color-mix(in srgb, var(--hero-shadow) 25%, transparent);animation:none}.hero-sample-label{text-align:center;width:100%;color:var(--hero-paper);font-size:12px;font-weight:600;position:absolute;bottom:-8px}.landing-live-pill{min-width:48px;min-height:32px;color:var(--primary-deep);gap:8px}.landing-live-pill span{font-size:18px}.preview-action{border-radius:var(--r-xs);background:var(--primary);white-space:nowrap;align-items:center;min-height:36px;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex;color:var(--hero-paper)!important}.hero-spatial-orbit .landing-app-window{width:78%;transform:translate(-50%,-50%)rotateY(-7deg)rotateX(3deg)}.hero-spatial-orbit .hero-depth-layer{border:24px solid color-mix(in srgb, var(--hero-mint) 40%, transparent);width:440px;height:440px;box-shadow:none;background:0 0;border-radius:50%;transform:translate(-50%,-50%)rotateX(55deg)rotate(-28deg)}.hero-spatial-orbit .hero-depth-layer.peach{border-width:2px;border-color:var(--hero-peach);width:570px;height:570px;transform:translate(-50%,-50%)rotateY(50deg)rotate(25deg)}.hero-spatial-orbit .landing-match-card{top:6px;left:0;transform:rotate(-5deg)}.hero-spatial-orbit .landing-recap-card{bottom:28px;right:-2%}.hero-spatial-orbit .landing-credit-card{bottom:85px;left:-2%}.hero-diorama{min-width:0}.hero-diorama img{border-radius:50%;width:112%;max-width:none;height:auto;margin-left:-5%;display:block;-webkit-mask-image:radial-gradient(#000 52%,#0000 72%);mask-image:radial-gradient(#000 52%,#0000 72%)}.hero-direction-diorama{padding-block:10px!important}.lesson-tour,.landing-help{width:min(1180px,100% - 64px);margin-inline:auto;padding-block:80px;scroll-margin-top:30px}.lesson-tour-intro{max-width:680px;margin-bottom:40px}.lesson-tour h2,.landing-help h2{letter-spacing:-.055em;margin:20px 0;font-size:clamp(36px,4.5vw,64px);line-height:1.04}.lesson-tour-intro>p,.landing-help p{color:var(--landing-secondary-ink);font-size:var(--type-body);line-height:1.65}.lesson-tour-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:64px;display:grid}.lesson-tour-steps{padding-block:20px;display:grid}.lesson-tour-steps button{text-align:left;min-height:80px;color:var(--landing-secondary-ink);border:0;border-bottom:1px solid var(--landing-line);font:inherit;cursor:pointer;border-radius:var(--r-md);background:0 0;grid-template-columns:24px 1fr 20px;align-items:center;gap:16px;padding:20px;font-weight:650;display:grid}.lesson-tour-steps button[aria-pressed=true]{color:var(--primary-deep);background:color-mix(in srgb, var(--hero-mint) 45%, var(--hero-paper));border-color:#0000}.lesson-tour-example{background:var(--hero-paper);border:1px solid var(--landing-line);border-radius:var(--r-xl);box-shadow:0 20px 55px color-mix(in srgb, var(--hero-shadow) 9%, transparent);overflow:hidden}.lesson-tour-example-bar{border-bottom:1px solid var(--landing-line);font-size:var(--type-caption);color:var(--landing-secondary-ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 26px;display:flex}.lesson-tour-example-bar button{min-height:44px;font:inherit;color:var(--primary-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex}.lesson-tour-content{min-height:435px;padding:28px}.lesson-tour-content h3{letter-spacing:-.035em;margin:0 0 12px;font-size:26px;line-height:1.15}.lesson-tour-content>p{color:var(--landing-secondary-ink);line-height:1.6;font-size:var(--type-label)}.lesson-tour-student{align-items:center;gap:12px;margin-block:24px;display:flex}.lesson-tour-student>span:first-child{background:var(--hero-peach);border-radius:50%;place-items:center;width:45px;height:45px;font-weight:700;display:grid}.lesson-tour-student>div{gap:4px;display:grid}.lesson-tour-student small{color:var(--landing-secondary-ink)}.lesson-tour-duration{font-size:var(--type-caption);margin-left:auto}.lesson-tour-content dl{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.lesson-tour-content dt{font-size:var(--type-caption);color:var(--landing-secondary-ink);margin-bottom:7px}.lesson-tour-content dd{margin:0;font-weight:650}.lesson-tour-content .lesson-tour-status{color:var(--primary-deep);font-size:var(--type-caption);align-items:center;gap:8px;display:flex}.lesson-tour-content blockquote{line-height:1.6;font-size:var(--type-label);background:color-mix(in srgb, var(--hero-peach) 45%, var(--hero-paper));border-radius:var(--r-md);margin:0 0 20px;padding:18px}.lesson-tour-action{border-radius:var(--r-md);background:var(--primary);width:100%;min-height:48px;color:var(--hero-paper);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;font-weight:650;display:flex}.lesson-tour-disclaimer{color:var(--landing-secondary-ink);padding:0 28px 24px;font-size:12px;line-height:1.5;display:block}.landing-help{border-top:1px solid var(--landing-line);grid-template-columns:1fr 1.2fr;gap:80px;display:grid}.landing-help h2{font-size:clamp(34px,3.5vw,48px)}.landing-help details{border-bottom:1px solid var(--landing-line);padding-block:18px}.landing-help summary{cursor:pointer;font-size:var(--type-body);min-height:30px;font-weight:650}.landing-help details p{font-size:var(--type-label)}.landing-help a{color:var(--primary-deep);text-decoration:underline}.landing-footer>div{flex-wrap:wrap;gap:14px 20px}.landing-page :is(button,a,summary):focus-visible{outline:3px solid var(--hero-ocean);outline-offset:4px}.landing-hero :is(button,a):focus-visible{outline-color:var(--hero-peach)}.identity-auth .identity-floating-card{display:none}.identity-auth .identity-story-copy{margin-top:clamp(65px,12vh,125px)}.identity-trial-note{color:var(--primary-deep);background:color-mix(in srgb, var(--hero-mint) 50%, var(--hero-paper));border-radius:var(--r-sm);font-size:var(--type-caption);margin:0 0 22px;padding:10px 14px}.hero-options-header{border-bottom:1px solid var(--landing-line);justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;display:flex}.hero-options-header>span{color:var(--landing-secondary-ink)}.hero-options-picker{justify-content:center;gap:12px;padding:24px 20px 8px;display:flex}.hero-options-picker a{border:1px solid var(--landing-line);border-radius:var(--r-pill);padding:12px 20px;font-weight:650}.hero-options-picker a[aria-current]{background:var(--primary);color:var(--hero-paper)}.hero-options-description{text-align:center;color:var(--landing-secondary-ink);font-size:var(--type-label);padding:0 20px 16px}@media (max-width:1050px){.landing-page .landing-hero-inner{grid-template-columns:1fr;gap:28px;width:min(720px,100% - 40px);padding-top:48px}.landing-page .landing-hero-copy{max-width:620px}.landing-page .landing-hero h1{font-size:clamp(48px,8vw,72px)}.landing-page .landing-hero-copy>p{margin-inline:auto}.hero-spatial-scene{width:min(620px,100%);margin:0 auto}.hero-diorama{width:min(650px,100%);margin-inline:auto}.lesson-tour-layout{gap:28px}}@media (max-width:900px){.landing-nav-pricing,.landing-mobile-trial{min-height:44px;padding:12px 16px;display:flex}.landing-mobile-trial{background:var(--hero-paper);border-radius:var(--r-md);align-items:center;gap:8px;color:var(--primary-deep)!important}.identity-auth{grid-template-rows:auto 1fr}.identity-auth .identity-story{min-height:auto;padding:22px 24px}.identity-auth .identity-story-copy{display:none}.identity-auth .identity-panel{align-content:start;padding-top:24px}.landing-help{gap:32px}}@media (max-width:620px){.landing-page .landing-hero-inner{gap:12px;width:calc(100% - 36px);padding-block:32px 35px}.landing-page .landing-hero h1{letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(44px,12vw,64px)}.landing-page .landing-hero-copy>p{font-size:16px;line-height:1.5}.landing-page .landing-hero-actions{justify-content:center;margin-top:24px;display:flex}.landing-page .landing-hero-actions a{width:auto;min-height:46px;padding-inline:15px;font-size:13px}.landing-page .landing-microcopy{margin-top:14px}.hero-spatial-scene .landing-product-stage{width:100%;min-height:420px}.hero-depth-layer{width:87%;height:280px}.hero-spatial-scene .landing-app-window{width:92%;transform:translate(-50%,-50%)rotateY(-7deg)rotate(-3deg)}.hero-spatial-scene .landing-app-face{min-height:300px}.hero-spatial-scene .landing-window-body{min-height:255px}.hero-spatial-scene .landing-float-card{padding:9px}.hero-spatial-scene .landing-match-card{transform-origin:0;top:14px;left:-8px;transform:scale(.8)rotate(-5deg)}.hero-spatial-scene .landing-recap-card{transform-origin:100%;bottom:10px;right:-5px;transform:scale(.8)rotate(4deg)}.hero-spatial-scene .landing-credit-card{display:none}.hero-spatial-scene .landing-orbit-one{top:18px;right:2%}.hero-spatial-scene .preview-action{display:none}.hero-spatial-scene .hero-sample-label{width:auto;font-size:10px;bottom:0;left:5%}.hero-spatial-orbit .hero-depth-layer{width:330px;height:330px}.hero-spatial-orbit .hero-depth-layer.peach{width:365px;height:365px}.hero-spatial-orbit .landing-app-window{width:85%;transform:translate(-50%,-50%)}.hero-spatial-orbit .landing-recap-card{bottom:0}.hero-diorama img{width:110%}.lesson-tour,.landing-help{width:calc(100% - 36px);padding-block:48px}.lesson-tour-layout,.landing-help{grid-template-columns:1fr;gap:22px}.lesson-tour-intro{margin-bottom:10px}.lesson-tour-steps{gap:4px;padding:0}.lesson-tour-steps button{min-height:56px;padding:12px 16px}.lesson-tour-content{min-height:455px;padding:22px}.lesson-tour-content h3{font-size:24px}.lesson-tour-content dl{gap:12px;font-size:14px}.lesson-tour-example-bar,.lesson-tour-disclaimer{padding-inline:22px}.hero-options-header{padding:18px;font-size:13px}.hero-options-header>span{display:none}.hero-options-picker{gap:6px;padding-inline:10px}.hero-options-picker a{padding:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.hero-spatial-scene *,.hero-spatial-scene :before,.hero-spatial-scene :after{transition:none!important;animation:none!important}}.hero-spatial-scene .landing-orbit-one{top:-4px;right:5%}.sponsorship-note{color:var(--landing-secondary-ink);font-size:13px;line-height:1.6}.sponsorship-note a{color:var(--primary-deep);text-underline-offset:3px;font-weight:650;text-decoration:underline}.landing-hero-copy>.hero-sponsorship{margin-top:12px;font-size:12px;line-height:1.65}.hero-sponsorship a{color:var(--hero-paper)}.landing-footer>.sponsorship-note{grid-column:1/-1;margin:0}.identity-card>.sponsorship-note{margin-top:24px}
