.landing-page{--landing-violet:#7e66cd;--landing-mint:#298e77;position:relative}.landing-container{width:min(100%,1200px);margin-inline:auto;padding-inline:24px}.landing-section{padding-block:88px}.landing-eyebrow{color:var(--primary);font-size:12px;font-weight:750}.landing-title{letter-spacing:-1.6px;font-size:clamp(36px,4vw,58px);font-weight:900;line-height:1.7}.landing-heading{text-wrap:balance;letter-spacing:-.65px;font-size:clamp(27px,2.8vw,37px);font-weight:850;line-height:1.7}.landing-hero{padding-block:72px 28px}.landing-demo{background:color-mix(in oklch, var(--primary) 6%, var(--background));border:1px solid color-mix(in oklch, var(--primary) 14%, transparent);border-radius:32px;min-width:0;padding:25px;position:relative}.landing-demo:before{content:"";border-block-start:1px solid color-mix(in oklch, var(--primary) 14%, transparent);pointer-events:none;border-radius:50%;height:100px;position:absolute;inset:-22px 28px auto}.landing-demo .landing-mixer{box-shadow:0 20px 45px -25px color-mix(in oklch, var(--foreground) 25%, transparent);background:var(--card);border:1px solid var(--border);border-radius:20px}.landing-mixer.border-gradient:before{display:none}.landing-journey{border-block:1px solid var(--border);overflow:hidden}.landing-journey>a+a{border-inline-start:1px solid var(--border)}.learning-preview{background:var(--card);border:1px solid var(--border);box-shadow:0 20px 65px -40px color-mix(in oklch, var(--primary) 40%, transparent);border-radius:28px;padding:28px}.landing-tools{background:color-mix(in oklch, var(--muted) 35%, var(--background));border-block:1px solid var(--border)}.landing-tool{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px;transition:border-color .16s,transform .16s}.landing-tool:hover{border-color:var(--primary);transform:translateY(-3px)}.landing-tool-icon{width:52px;height:52px;color:var(--primary);background:color-mix(in oklch, var(--primary) 10%, transparent);border-radius:16px;justify-content:center;align-items:center;display:flex}.landing-tool[data-tone="1"] .landing-tool-icon{color:var(--success);background:color-mix(in oklch, var(--success) 10%, transparent)}.landing-tool[data-tone="2"] .landing-tool-icon{color:var(--landing-violet);background:color-mix(in oklch, var(--landing-violet) 12%, transparent)}.landing-tool[data-tone="3"] .landing-tool-icon{color:var(--warning);background:color-mix(in oklch, var(--warning) 12%, transparent)}.landing-teachers{border:1px solid var(--border);background:var(--card);border-radius:28px;padding:44px}.landing-download{color:#fff;background:#29204c;border-radius:28px;min-height:410px;position:relative;overflow:hidden}.landing-phone-scene{align-self:stretch;place-items:end center;min-height:400px;display:grid;position:relative;overflow:hidden}.landing-phone{background:#252630;border:7px solid #252630;border-radius:37px;width:244px;height:440px;position:relative;overflow:hidden;transform:translateY(70px)rotate(-9deg);box-shadow:0 0 0 1px #777580,15px 25px 50px #0007}.landing-phone img{width:100%;height:auto;display:block}.landing-phone:after{content:"";background:#1d1e23;border-radius:15px;width:50px;height:13px;position:absolute;inset-block-start:8px;inset-inline-start:calc(50% - 25px)}.landing-phone-orbit{border:1px solid #ffffff18;border-radius:50%;width:370px;height:370px;position:absolute;inset-block-start:65px}.landing-phone-orbit:before,.landing-phone-orbit:after{content:"";border:1px solid #ffffff0c;border-radius:50%;position:absolute;inset:-35px}.landing-phone-orbit:after{inset:35px}.landing-phone-note{color:#cab9ff;background:#423461;border:1px solid #ffffff20;border-radius:20px;place-items:center;width:64px;height:64px;display:grid;position:absolute;inset-block-start:80px;inset-inline-end:35px;transform:rotate(10deg)}.landing-final{background:color-mix(in oklch, var(--primary) 5%, var(--background));border-block-start:1px solid var(--border);padding-block:68px 88px}.landing-page a:focus-visible,.landing-page summary:focus-visible{outline:2px solid var(--ring);outline-offset:5px}@media (width<=767px){.landing-container{padding-inline:20px}.landing-section{padding-block:56px}.landing-hero{padding-block-start:40px}.landing-title{letter-spacing:-1px}.landing-demo{border-radius:24px;padding:16px}.landing-journey>a+a{border-inline-start:0;border-block-start:1px solid var(--border)}.learning-preview,.landing-tool{padding:22px}.landing-teachers{padding:24px}.landing-phone-scene{min-height:290px}.landing-phone{height:320px;transform:translateY(65px)rotate(-9deg)}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}