.landing-features{max-width:1440px;margin:0 auto;padding:64px 20px 40px}.landing-features-title{margin-bottom:20px}.landing-feature{filter:brightness(calc(1 - var(--stack-cover,0) * .3));top:var(--stack-top,76px);transform:scale(calc(1 - var(--stack-cover,0) * .06));transform-origin:50% 0;margin-bottom:24px;position:sticky}.landing-feature-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex;overflow:hidden}.landing-feature-copy{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.landing-feature-meta{color:var(--color-muted);align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1.3;display:flex}.landing-feature-meta .yl-ui-badge,.landing-visual .landing-visual-chip{--yl-ui-badge-font-size:13px;--yl-ui-badge-font-weight:600;--yl-ui-badge-min-height:0;--yl-ui-badge-padding:6px 12px;line-height:1.3}.landing-feature h3{color:var(--color-fg);font-size:26px;font-weight:600;line-height:32px}.landing-feature-description{color:var(--color-muted);font-size:16px;line-height:25px}.landing-features-progress,.landing-feature-marker{display:none}.landing-fit{width:100%}.landing-visual .landing-visual-chip{border-color:#0000}.landing-ai-icon{background:url(/landing/v2/ai-icon.svg) 50%/contain no-repeat;flex:none;width:18px;height:18px}.landing-ai-board{flex-direction:column;gap:10px;display:flex}.landing-ai-board-panel,.landing-ai-board-messages{display:contents}.landing-ai-board-prompt{background:var(--color-primary);color:var(--color-primary-fg);border-radius:16px;order:-1;align-self:flex-end;max-width:250px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.45}.landing-ai-board-shot{aspect-ratio:310/202;background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;position:relative;overflow:hidden}.landing-ai-board-shot img{width:211%;max-width:none;height:auto;position:absolute;top:-24%;left:0}.landing-ai-board-reply{background:var(--color-card);color:var(--color-fg);border-radius:16px;flex-direction:column;align-self:flex-start;gap:4px;max-width:270px;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.45;display:flex}.landing-ai-board-status{color:var(--color-success);align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.3;display:flex}.landing-ai-board-head{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.landing-ai-board-brand{color:var(--color-fg);align-items:center;gap:10px;font-size:15px;font-weight:600;line-height:1.3;display:flex}.landing-ai-board-brand .landing-ai-icon{width:28px;height:28px}.landing-ai-board-window{color:var(--color-muted);white-space:pre;font-size:13px;font-weight:600;line-height:1.3}.landing-ai-board-composer{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.landing-ai-board-composer>p{color:var(--color-muted);font-size:11.5px;font-weight:500;line-height:1.45}.landing-ai-board-input{align-items:center;gap:8px;display:flex}.landing-ai-board-input>span:first-child{border:1px solid var(--color-border);color:var(--color-muted);white-space:nowrap;border-radius:12px;flex:1;min-width:0;padding:10px 12px;font-size:12.5px;font-weight:500;line-height:1.45;overflow:hidden}.landing-ai-board-send{background:url(/landing/v2/send.svg) 50%/contain no-repeat;flex:none;width:36px;height:36px}.landing-prompt-window{flex-direction:column;gap:10px;display:flex}.landing-prompt-shot{aspect-ratio:310/158;background:var(--color-card);border-radius:16px;position:relative;overflow:hidden}.landing-prompt-shot img{width:672%;max-width:none;height:auto;position:absolute;top:-410%;left:-133.2%}.landing-prompt-result{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.landing-prompt-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.landing-prompt-head>p{color:var(--color-fg);font-size:14px;font-weight:600;line-height:1.3}.landing-prompt-formula{background:var(--plaque);color:var(--color-fg);border-radius:12px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.landing-prompt-formula .katex-display{margin:0}.landing-prompt-formula .katex-display>.katex{text-align:left}.landing-prompt-formula .katex{font-size:18px}.landing-prompt-formula>p,.landing-prompt-tasks p:first-child{color:var(--color-muted);font-size:12px;font-weight:500;line-height:1.45}.landing-prompt-tasks{flex-direction:column;gap:8px;display:flex}.landing-prompt-tasks>div{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;flex:1 1 0;gap:4px;min-width:0;padding:10px 12px;display:flex}.landing-prompt-tasks p:last-child{color:var(--color-fg);font-size:13px;font-weight:600;line-height:1.3}.landing-prompt-actions{align-items:center;gap:8px;display:flex}.landing-prompt-assign,.landing-prompt-edit{border-radius:var(--radius-button);justify-content:center;align-items:center;font-weight:600;line-height:1.3;display:inline-flex}.landing-prompt-assign{background:var(--color-accent);color:var(--color-accent-fg);min-height:42px;padding:0 16px;font-size:14px}.landing-prompt-edit{background:var(--color-accent-soft);color:var(--color-accent);padding:12px 20px;font-size:13px}.landing-homework-works{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;flex:none;gap:12px;width:330px;padding:24px;display:flex}.landing-homework-works-head{justify-content:space-between;align-items:center;display:flex}.landing-homework-works-head>p:first-child{color:var(--color-fg);font-size:18px;font-weight:600;line-height:1.3}.landing-homework-works-head>p:last-child,.landing-homework-work>p:nth-child(2),.landing-homework-meta{color:var(--color-muted);font-size:12px;font-weight:500;line-height:1.45}.landing-homework-work{background:var(--plaque);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;display:flex}.landing-homework-work[data-tone=accent]{background:var(--color-accent-soft)}.landing-homework-work>p:first-child{color:var(--color-fg);font-size:13px;font-weight:600;line-height:1.3}.landing-homework-work[data-tone=accent] .landing-visual-chip,.landing-homework-work[data-tone=neutral] .landing-visual-chip{background:var(--color-card)}.landing-homework-result{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.landing-homework-student{color:var(--color-fg);font-size:13px;font-weight:600;line-height:1.3}.landing-homework-score{color:var(--color-fg);font-size:22px;font-weight:600;line-height:32px}.landing-homework-answers{--mini-rows-gap:10px;--mini-status-font:12px}.landing-homework-comment{border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.45;display:flex}.landing-homework-comment>p:first-child{color:var(--color-muted)}.landing-homework-comment>p:last-child{color:var(--color-fg)}@media (min-width:1024px) and (max-height:639px){.landing-features{max-width:680px}}@media (max-width:1023px),(max-height:639px){.landing-feature-desktop-only,.landing-visual .landing-visual-scene-only{display:none}}@media (min-width:1024px) and (min-height:640px){.landing-features{padding:0}.landing-features-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing-features-track{height:calc(100svh - 65px + var(--feature-count) * 80svh);position:relative}.landing-feature-marker{height:1px;left:0;top:calc(var(--feature-index) * 80svh + 1px);width:1px;scroll-margin-top:-1px;display:block;position:absolute}.landing-features-stage{height:calc(100svh - 65px);padding:24px 40px 40px;position:sticky;top:65px}.landing-feature{filter:none;margin:0;position:absolute;inset:24px 40px 40px;transform:none}.landing-feature-card{border-radius:var(--landing-radius-feature);background:0 0;flex-direction:row;align-items:stretch;gap:48px;height:100%;padding:55px}.landing-feature-copy{flex:none;gap:20px;width:400px}.landing-feature-meta{gap:12px;font-size:15px}.landing-feature h3{font-size:44px;font-weight:700;line-height:50px}.landing-feature-description{line-height:29px}.landing-feature-visual{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.landing-fit-inner{transform:scale(var(--fit-scale,1));transform-origin:50%;width:var(--fit-width);flex:none}.landing-feature[data-state=before],.landing-feature[data-state=after]{visibility:hidden;transition:visibility 0s linear .45s}.landing-feature-copy,.landing-feature-visual{transition:opacity .35s var(--ease-out-soft), transform .45s var(--ease-out-soft)}.landing-feature[data-state=after] .landing-feature-copy{opacity:0;transform:translateY(24px)}.landing-feature[data-state=after] .landing-feature-visual{opacity:0;transform:translateY(40px)scale(.97)}.landing-feature[data-state=before] .landing-feature-copy{opacity:0;transform:translateY(-24px)}.landing-feature[data-state=before] .landing-feature-visual{opacity:0;transform:translateY(-24px)scale(.98)}.landing-features-progress{z-index:1;display:block;position:absolute;bottom:96px;left:96px}.landing-features-progress ol{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.landing-features-progress a{color:var(--color-muted);transition:color var(--motion-calm) var(--ease-out-soft);align-items:center;gap:12px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.landing-features-progress a:before{background:var(--color-border);content:"";height:3px;transition:background-color var(--motion-calm) var(--ease-out-soft), width var(--motion-calm) var(--ease-out-soft);border-radius:2px;flex:none;width:16px}.landing-features-progress a:hover,.landing-features-progress a[aria-current=step]{color:var(--color-fg)}.landing-features-progress a[aria-current=step]:before{background:var(--color-accent);width:32px}.landing-visual .landing-visual-stack-only{display:none}.landing-ai-board,.landing-prompt,.landing-homework{height:640px}.landing-ai-board{border-radius:24px;display:block;position:relative;overflow:hidden}.landing-ai-board-shot{aspect-ratio:auto;border:0;border-radius:0;position:absolute;inset:0 300px 0 0}.landing-ai-board-shot img{width:1205px;height:640px;top:0}.landing-ai-board-panel{background:var(--color-card);border-left:1px solid var(--color-border);box-shadow:var(--shadow-soft);flex-direction:column;width:300px;display:flex;position:absolute;top:0;bottom:0;right:0}.landing-ai-board-messages{flex-direction:column;flex:1;gap:10px;padding:8px 14px;display:flex}.landing-ai-board-prompt{border-radius:14px;order:0;width:220px;max-width:none;font-size:12.5px}.landing-ai-board-reply{background:var(--plaque);border-radius:14px;gap:6px;width:236px;max-width:none;font-size:12.5px}.landing-ai-board-status{font-size:12.5px}.landing-prompt{align-items:center;display:flex}.landing-prompt-window{background:var(--color-card);box-shadow:var(--shadow-soft);border-radius:20px;width:800px;height:474px;display:block;position:relative;overflow:hidden}.landing-prompt-shot{aspect-ratio:auto;border-radius:0;position:absolute;inset:0}.landing-prompt-shot img{width:1326px;height:704px;top:-49px;left:-263px}.landing-prompt-result{border:0;border-radius:0;width:578px;min-height:257px;padding:4px;position:absolute;top:75px;left:214px}.landing-prompt-head>p{font-size:16px}.landing-prompt-formula .katex{font-size:20px}.landing-prompt-tasks{flex-direction:row}.landing-homework{gap:20px;display:flex}.landing-homework-result{border-radius:var(--radius-card);flex:1;gap:14px;min-width:0;padding:24px}.landing-homework-student{font-size:18px}.landing-homework-answers{--mini-rows-gap:8px;--mini-status-font:13px}.landing-homework-comment{border-radius:14px;gap:6px;padding:14px 16px}.landing-homework-comment>p:last-child{font-size:16px;font-weight:400;line-height:25px}}@media (min-width:1024px) and (min-height:640px) and (max-height:719px){.landing-feature{inset:16px 40px 24px}.landing-feature-card{padding:39px}.landing-feature-copy{gap:16px}.landing-features-progress{bottom:64px;left:80px}}@media (prefers-reduced-motion:reduce){.landing-feature{filter:none;transform:none}}
.lesson-call-preview{width:100%;min-width:0}.lesson-call-tabs{gap:8px;margin-bottom:12px;display:flex}.lesson-call-tabs [role=tab]{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;font:inherit;min-height:44px;transition:background-color var(--motion-fast) ease-out, border-color var(--motion-fast) ease-out, color var(--motion-fast) ease-out;border-radius:10px;justify-content:center;align-items:center;padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex}.lesson-call-tabs [role=tab]:hover{border-color:var(--color-accent);color:color-mix(in oklab, var(--color-accent) 55%, var(--color-fg))}.lesson-call-tabs [role=tab][aria-selected=true]{background:var(--color-accent-soft);border-color:var(--color-accent);color:color-mix(in oklab, var(--color-accent) 55%, var(--color-fg))}.lesson-call-tabs [role=tab]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.lesson-call-panel:focus-visible{outline:none}.lesson-call-panel:focus-visible .lesson-call-frame{outline:2px solid var(--color-accent);outline-offset:2px}.lesson-call-scene{container:lesson-call/inline-size}.lesson-call-frame{--lesson-call-unit:calc(100cqw / 692);background:var(--color-primary);border:1px solid var(--color-border);border-radius:calc(19 * var(--lesson-call-unit));box-shadow:var(--shadow-soft);min-height:calc(485 * var(--lesson-call-unit));flex-direction:column;display:flex;overflow:hidden}.lesson-call-frame p{margin:0}.lesson-call-header{background:var(--color-primary);color:color-mix(in oklab, var(--color-primary-fg) 78%, var(--color-primary));font-size:calc(9.729 * var(--lesson-call-unit));align-items:center;gap:calc(16 * var(--lesson-call-unit));min-height:calc(45.471 * var(--lesson-call-unit));padding:calc(8.142 * var(--lesson-call-unit)) calc(16 * var(--lesson-call-unit));white-space:nowrap;line-height:1.5;display:flex}.lesson-call-header-title{color:var(--color-primary-fg);font-size:calc(12.144 * var(--lesson-call-unit));flex:1;min-width:0}.lesson-call-connection{align-items:center;gap:calc(6 * var(--lesson-call-unit));display:flex}.lesson-call-icon{height:calc(16.203 * var(--lesson-call-unit));width:calc(16.203 * var(--lesson-call-unit));background-color:currentColor;flex:none;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lesson-call-icon-connection{color:color-mix(in oklab, var(--color-success) 60%, var(--color-primary-fg));height:calc(11.375 * var(--lesson-call-unit));width:calc(14.625 * var(--lesson-call-unit));-webkit-mask-image:url(/landing/experience-connection.svg);mask-image:url(/landing/experience-connection.svg)}.lesson-call-icon-microphone{-webkit-mask-image:url(/landing/experience-microphone.svg);mask-image:url(/landing/experience-microphone.svg)}.lesson-call-icon-camera{-webkit-mask-image:url(/landing/experience-camera.svg);mask-image:url(/landing/experience-camera.svg)}.lesson-call-icon-screen{-webkit-mask-image:url(/landing/experience-screen.svg);mask-image:url(/landing/experience-screen.svg)}.lesson-call-icon-material{-webkit-mask-image:url(/landing/experience-material.svg);mask-image:url(/landing/experience-material.svg)}.lesson-call-icon-link{-webkit-mask-image:url(/landing/experience-link.svg);mask-image:url(/landing/experience-link.svg)}.lesson-call-area{background:var(--color-bg);color:var(--color-fg);padding:calc(20 * var(--lesson-call-unit)) calc(24 * var(--lesson-call-unit));flex:1;position:relative;overflow:hidden}.lesson-call-lesson{align-items:flex-start;gap:calc(12 * var(--lesson-call-unit));flex-direction:column;display:flex}.lesson-call-area[data-view=board] .lesson-call-lesson{visibility:hidden}.lesson-call-board{object-fit:cover;object-position:left top;width:100%;height:100%;position:absolute;inset:0}.lesson-call-head{align-self:stretch}.lesson-call-title{font-size:calc(18 * var(--lesson-call-unit));font-weight:600;line-height:1.3}.lesson-call-cameras{background:var(--color-primary);border-radius:calc(20 * var(--lesson-call-unit));box-shadow:var(--shadow-soft);gap:calc(6 * var(--lesson-call-unit));padding:calc(6 * var(--lesson-call-unit));right:calc(16 * var(--lesson-call-unit));top:calc(16 * var(--lesson-call-unit));visibility:visible;z-index:1;display:flex;position:absolute}.lesson-call-camera{border-radius:calc(14 * var(--lesson-call-unit));height:calc(68 * var(--lesson-call-unit));width:calc(104 * var(--lesson-call-unit));flex:none;position:relative;overflow:hidden}.lesson-call-camera img{object-fit:cover;width:100%;height:100%}.lesson-call-camera span{background:color-mix(in oklab, var(--color-primary) 64%, transparent);border-radius:calc(6 * var(--lesson-call-unit));bottom:calc(6 * var(--lesson-call-unit));color:var(--color-primary-fg);font-size:calc(11 * var(--lesson-call-unit));left:calc(4 * var(--lesson-call-unit));padding:calc(1 * var(--lesson-call-unit)) calc(4 * var(--lesson-call-unit));white-space:nowrap;font-weight:500;line-height:1.45;position:absolute}.lesson-call-formula{background:var(--plaque);border-radius:calc(12 * var(--lesson-call-unit));align-items:center;gap:calc(12 * var(--lesson-call-unit));padding:calc(12 * var(--lesson-call-unit)) calc(16 * var(--lesson-call-unit));white-space:nowrap;display:flex}.lesson-call-formula-value{font-size:calc(20 * var(--lesson-call-unit));font-weight:600;line-height:1.3}.lesson-call-caption{color:var(--color-muted);font-size:calc(12 * var(--lesson-call-unit));font-weight:500;line-height:1.45}.lesson-call-tasks{align-self:stretch;gap:calc(12 * var(--lesson-call-unit));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lesson-call-task{background:var(--color-card);border:1px solid var(--color-border);border-radius:calc(12 * var(--lesson-call-unit));gap:calc(10 * var(--lesson-call-unit));min-width:0;padding:calc(14 * var(--lesson-call-unit));flex-direction:column;display:flex}.lesson-call-task-wide{grid-column:1/-1}.lesson-call-question,.lesson-call-input,.lesson-call-chip,.lesson-call-option{font-size:calc(13 * var(--lesson-call-unit));font-weight:600;line-height:1.3}.lesson-call-answer,.lesson-call-options{align-items:center;gap:calc(8 * var(--lesson-call-unit));white-space:nowrap;display:flex}.lesson-call-options{gap:calc(6 * var(--lesson-call-unit))}.lesson-call-input{background:var(--plaque);border-radius:calc(10 * var(--lesson-call-unit));padding:calc(8 * var(--lesson-call-unit)) calc(14 * var(--lesson-call-unit))}.lesson-call-chip{background:var(--color-success-soft);color:var(--color-success);padding:calc(6 * var(--lesson-call-unit)) calc(12 * var(--lesson-call-unit));border-radius:999px}.lesson-call-option{background:var(--plaque);padding:calc(7 * var(--lesson-call-unit)) calc(12 * var(--lesson-call-unit));border:1px solid #0000;border-radius:999px}.lesson-call-option-selected{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.lesson-call-controls{background:var(--color-primary);color:var(--color-primary-fg);align-items:center;gap:calc(6.486 * var(--lesson-call-unit));min-height:calc(55.2 * var(--lesson-call-unit));padding:calc(4.83 * var(--lesson-call-unit)) calc(12.972 * var(--lesson-call-unit));display:flex}.lesson-call-control{font-size:calc(8.97 * var(--lesson-call-unit));align-items:center;gap:calc(2.415 * var(--lesson-call-unit));text-align:center;white-space:nowrap;flex-direction:column;flex:1;min-width:0;line-height:1.5;display:flex}.lesson-call-control-camera{color:color-mix(in oklab, var(--color-error) 70%, var(--color-primary-fg))}.lesson-call-exit{background:var(--color-error);border-radius:calc(8.142 * var(--lesson-call-unit));color:var(--color-primary-fg);font-size:calc(11.385 * var(--lesson-call-unit));margin-left:calc(41.4 * var(--lesson-call-unit));padding:calc(9.729 * var(--lesson-call-unit));text-align:center;width:calc(74.516 * var(--lesson-call-unit));flex:none;line-height:1.5}@container lesson-call (max-width:479px){.lesson-call-frame{--lesson-call-unit:1px;border-radius:12px;min-height:470px}.lesson-call-header{gap:10px;min-height:34px;padding:8px 12px;font-size:9px}.lesson-call-header-title{font-size:11px}.lesson-call-connection{gap:5px}.lesson-call-icon-connection{width:12px;height:10px}.lesson-call-area{padding:14px}.lesson-call-lesson{gap:10px}.lesson-call-head{align-items:flex-start;gap:10px;display:flex}.lesson-call-title{flex:1;min-width:0;font-size:15px}.lesson-call-cameras{border-radius:14px;gap:4px;padding:4px;position:relative;top:auto;right:auto}.lesson-call-camera{border-radius:10px;width:58px;height:42px}.lesson-call-camera span{border-radius:5px;padding:0 3px;font-size:9px;bottom:3px;left:3px}.lesson-call-formula{flex-direction:column;align-self:stretch;align-items:flex-start;gap:2px;padding:10px 12px}.lesson-call-formula-value{font-size:18px}.lesson-call-tasks{grid-template-columns:minmax(0,1fr);gap:10px}.lesson-call-task{gap:8px;padding:12px}.lesson-call-task-wide{display:none}.lesson-call-input{padding:7px 12px}.lesson-call-option{padding:6px 12px}.lesson-call-controls{justify-content:space-between;gap:8px;padding:10px 10px 10px 14px}.lesson-call-control{flex:none}.lesson-call-control .lesson-call-icon{width:15px;height:15px}.lesson-call-control-label{display:none}.lesson-call-exit{border-radius:6px;width:auto;margin-left:0;padding:8px;font-size:11px}}
.landing-mini-strong{color:var(--color-fg);font-size:calc(13 * var(--mini-unit,1px));font-weight:600;line-height:1.3}.landing-mini-caption{color:var(--color-muted);font-size:calc(12 * var(--mini-unit,1px));font-weight:500;line-height:1.45}.landing-mini-stack{gap:calc(2 * var(--mini-unit,1px));flex-direction:column;min-width:0;display:flex}.landing-mini-library{gap:calc(10 * var(--mini-unit,1px));flex-direction:column;display:flex}.landing-mini-folders{gap:calc(6 * var(--mini-unit,1px));flex-wrap:wrap;display:flex}.landing-mini-folders>span{background:var(--plaque);color:var(--color-fg);font-size:calc(12 * var(--mini-unit,1px));padding:calc(5 * var(--mini-unit,1px)) calc(10 * var(--mini-unit,1px));white-space:nowrap;border-radius:999px;font-weight:600;line-height:1.3}.landing-mini-folders>[data-active=true]{background:var(--color-primary);color:var(--color-primary-fg)}.landing-mini-material,.landing-mini-status{background:var(--plaque);border-radius:calc(12 * var(--mini-unit,1px));align-items:center;display:flex}.landing-mini-material{gap:calc(10 * var(--mini-unit,1px));padding:calc(8 * var(--mini-unit,1px)) calc(10 * var(--mini-unit,1px))}.landing-mini-material-icon{border-radius:calc(9 * var(--mini-unit,1px));font-size:calc(13 * var(--mini-unit,1px));height:calc(32 * var(--mini-unit,1px));width:calc(32 * var(--mini-unit,1px));flex:none;justify-content:center;align-items:center;font-weight:600;line-height:1.3;display:flex}.landing-mini-material-icon[data-kind=lesson]{background:var(--color-accent-soft);color:var(--color-accent)}.landing-mini-material-icon[data-kind=course]{background:var(--color-success-soft);color:var(--color-success)}.landing-mini-material-icon[data-kind=file]{background:var(--color-error-soft);color:var(--color-error);font-size:calc(10 * var(--mini-unit,1px))}.landing-mini-material-icon[data-kind=deck]{background:color-mix(in oklab, var(--color-warning) 12%, var(--color-card));color:var(--color-warning)}.landing-mini-material-icon[data-kind=board]{background:var(--color-card);color:var(--color-fg)}.landing-mini-rows{gap:var(--mini-rows-gap,calc(8 * var(--mini-unit,1px)));flex-direction:column;display:flex}.landing-mini-status{gap:calc(8 * var(--mini-unit,1px));padding:calc(10 * var(--mini-unit,1px)) calc(14 * var(--mini-unit,1px));justify-content:space-between}.landing-mini-status>p{color:var(--color-fg);font-size:var(--mini-status-font,calc(13 * var(--mini-unit,1px)));flex:1 1 0;min-width:0;font-weight:600;line-height:1.3}.landing-mini-chip.yl-ui-badge{--yl-ui-badge-font-size:calc(13 * var(--mini-unit,1px));--yl-ui-badge-font-weight:600;--yl-ui-badge-min-height:0;--yl-ui-badge-padding:calc(6 * var(--mini-unit,1px)) calc(12 * var(--mini-unit,1px));border-color:#0000;flex:none;line-height:1.3}.landing-mini-status .yl-ui-badge--neutral{background:var(--color-card)}.landing-mini-schedule{gap:calc(10 * var(--mini-unit,1px));flex-direction:column;display:flex}.landing-mini-week{gap:calc(8 * var(--mini-unit,1px));display:flex}.landing-mini-day{background:var(--plaque);border-radius:calc(14 * var(--mini-unit,1px));align-items:center;gap:calc(6 * var(--mini-unit,1px));min-width:0;padding:calc(10 * var(--mini-unit,1px)) calc(4 * var(--mini-unit,1px));flex-direction:column;flex:1 1 0;display:flex}.landing-mini-date{color:var(--color-fg);font-size:calc(16 * var(--mini-unit,1px));font-weight:600;line-height:1.3}.landing-mini-slot{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-fg);font-size:calc(12 * var(--mini-unit,1px));padding:calc(6 * var(--mini-unit,1px)) calc(4 * var(--mini-unit,1px));text-align:center;border-radius:999px;width:100%;font-weight:600;line-height:1.3}.landing-mini-slot[data-booked=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.landing-mini-booked{align-items:center;gap:calc(8 * var(--mini-unit,1px));display:flex}.landing-mini-booked:before{background:var(--color-accent);content:"";border-radius:50%;flex:none;width:8px;height:8px}
.landing-final{padding-top:48px}.landing-final-card{background:var(--color-accent-soft);border-radius:var(--landing-radius-feature);justify-content:space-between;align-items:center;gap:32px;padding:56px 64px;display:flex}.landing-final-copy{flex-direction:column;gap:12px;min-width:0;display:flex}.landing-final-card .landing-button{flex-shrink:0}.landing-footer{padding-block:80px}.landing-footer-top{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:64px;display:grid}.landing-footer-logo{display:inline-flex}.landing-footer-top p{color:var(--color-muted);padding-top:24px;font-size:16px;line-height:25px}.landing-footer nav,.landing-footer-legal{flex-direction:column;align-items:flex-start;gap:16px;font-size:14px;line-height:20px;display:flex}.landing-footer-legal{color:var(--color-muted);font-size:13px}.landing-footer a:hover{text-decoration:underline}.landing-footer-legal summary{cursor:pointer}.landing-footer-legal details a{padding-top:16px;display:block}.landing-footer-bottom{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:32px;padding-top:32px;font-size:13px}@media (max-width:1023px){.landing-final{padding-top:24px}.landing-final-card{border-radius:var(--radius-card);flex-direction:column;align-items:stretch;gap:14px;padding:24px}.landing-final-copy{gap:14px}.landing-footer{padding-block:48px}.landing-footer-top{grid-template-columns:minmax(0,1fr);gap:32px}.landing-footer nav a,.landing-footer-legal>a{align-items:center;min-height:32px;display:flex}.landing-footer-legal summary{line-height:32px}}
.landing-hero{grid-template-columns:minmax(0,540px) minmax(0,1fr);align-items:center;gap:48px;padding-top:40px;padding-bottom:88px;display:grid}.landing-hero-copy{flex-direction:column;gap:24px;min-width:0;display:flex}.landing-hero h1{font-size:64px;font-weight:700;line-height:68px}.landing-hero-actions{flex-wrap:wrap;gap:20px;display:flex}.landing-hero-scene{flex-direction:column;align-items:flex-end;gap:8px;min-width:0;display:flex}@media (max-width:1023px){.landing-hero{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:24px;padding-bottom:48px}.landing-hero-copy{gap:16px}.landing-hero h1{font-size:40px;line-height:44px}.landing-hero-actions{flex-direction:column;gap:16px}.landing-hero-scene{gap:6px}}
.landing-join{flex-direction:column;gap:24px;display:flex}.landing-join-heading{flex-direction:column;gap:24px;max-width:760px;display:flex}.landing-join-steps{grid-template-columns:minmax(0,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.landing-join-step{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;gap:20px;min-width:0;padding:20px;display:flex}.landing-join-number{background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;line-height:1.3;display:flex}.landing-join-text{flex-direction:column;gap:6px;display:flex}.landing-join-text h3{color:var(--color-fg);font-size:20px;font-weight:600;line-height:1.3}.landing-join-text p{color:var(--color-muted);font-size:16px;line-height:25px}.landing-join-form{align-items:center;gap:8px;display:flex}.landing-join-input{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-fg);border-radius:12px;flex:1 1 0;min-width:0;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.3}.landing-join-submit{background:var(--color-accent);border-radius:var(--radius-button);color:var(--color-accent-fg);flex:none;padding:10px 16px;font-size:14px;font-weight:600;line-height:1}.landing-join-facts{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.landing-join-facts li{background:var(--plaque);color:var(--color-fg);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;line-height:1.3}.landing-subjects{flex-direction:column;gap:24px;display:flex}.landing-subject-panel{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.landing-subject-example{flex-direction:column;gap:10px;min-width:0;display:flex}.landing-subject-example h3{color:var(--color-fg);font-size:22px;font-weight:600;line-height:32px}.landing-subject-example p{color:var(--color-muted);font-size:16px;line-height:25px}.landing-subject-example .landing-button{align-self:flex-start}.landing-subject-visual{aspect-ratio:624/400;box-sizing:border-box;border-radius:16px;width:100%;overflow:hidden}.landing-subject-visual[data-drawn=true]{background:var(--color-card);border:1px solid var(--color-border)}.landing-subject-visual :is(img,svg){object-fit:contain;width:100%;height:100%;display:block}@media (min-width:1024px){.landing-join,.landing-subjects{gap:40px}.landing-join-heading{gap:16px}.landing-join-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.landing-join-step{padding:32px}.landing-join-facts{gap:12px}.landing-subject-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.landing-subject-example{gap:16px}.landing-subject-example h3{font-size:26px}.landing-subject-example p{min-height:50px}}
.landing-bento{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.landing-bento-cell{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;gap:20px;min-width:0;padding:20px;display:flex}.landing-bento-text{flex-direction:column;gap:8px;display:flex}.landing-bento-text h3{color:var(--color-fg);font-size:20px;font-weight:600;line-height:1.3}.landing-bento-description{color:var(--color-muted);font-size:16px;line-height:25px}.landing-bento-cell .yl-ui-badge{--yl-ui-badge-font-size:13px;--yl-ui-badge-font-weight:600;--yl-ui-badge-min-height:0;--yl-ui-badge-padding:6px 12px;border:0;line-height:1.3}.landing-bento-site{background:var(--plaque);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.landing-bento-site-url{background:var(--color-card);border-radius:999px;padding:6px 12px}.landing-bento-site-profile{align-items:center;gap:12px;display:flex}.landing-bento-site-profile img{border-radius:50%;flex:none;display:block}.landing-bento-site-offer{white-space:nowrap;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.landing-bento-site-book{background:var(--color-accent);border-radius:var(--radius-button);color:var(--color-accent-fg);padding:8px 14px;font-size:14px;font-weight:600;line-height:1}.landing-bento-blocks{flex-direction:column;gap:10px;display:flex}.landing-bento-blocks-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.landing-bento-formula{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-fg);border-radius:14px;flex-direction:column;flex:auto;justify-content:center;align-self:stretch;gap:4px;min-width:0;margin:0;padding:12px 14px;display:flex}.landing-bento-formula .katex-display{margin:0;overflow:auto hidden}.landing-bento-formula .katex-display>.katex{text-align:left}.landing-bento-formula .katex{font-size:22px}.landing-bento-solid{background:var(--color-card);border:1px solid var(--color-border);border-radius:4px;flex:100 96px;min-width:96px;max-width:120px;padding:3px}.landing-bento-solid svg{background:var(--color-bg);border-radius:3px;width:100%;height:auto;display:block}.landing-bento-solid path{fill:color-mix(in oklab, var(--solid3d-surface) 60%, var(--color-bg));stroke:var(--solid3d-edge);stroke-linejoin:round;stroke-width:.4px}.landing-bento-solid .landing-bento-solid-section{fill:var(--solid3d-section-fill);stroke:var(--solid3d-section-stroke)}.landing-bento-code{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-panel);flex-direction:column;gap:12px;padding:16px;display:flex}.landing-bento-code-tabs{gap:8px;display:flex}.landing-bento-code-tabs>span{background:var(--plaque);border-radius:var(--radius-control);color:var(--color-fg);width:90px;padding:10px;font-size:13px;font-weight:600;line-height:1.45}.landing-bento-code-tabs>[data-active=true]{background:var(--color-accent-soft)}.landing-bento-code pre{background:var(--plaque);border-radius:var(--radius-control);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;padding:16px}.landing-bento-code code{color:var(--color-fg);font-family:var(--font-mono);font-size:13px;line-height:1.75}.landing-bento-assistant{flex-direction:column;gap:20px;display:flex}.landing-bento-chips{flex-wrap:wrap;gap:6px;display:flex}.landing-bento-chip{background:var(--plaque);color:var(--color-fg);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;line-height:1.3}.landing-bento-chip-muted{color:var(--color-muted)}.landing-bento-prompt{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.landing-bento-prompt-text{background:var(--plaque);border-radius:16px;align-self:stretch;padding:14px 16px}.landing-bento-chat{background:color-mix(in oklab, var(--color-accent) 8%, var(--plaque));border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.landing-bento-bot{align-items:center;gap:8px;display:flex}.landing-bento-bot>p{color:var(--color-muted);align-items:baseline;gap:6px;font-size:12px;display:flex}.landing-bento-message{background:var(--color-card);color:var(--color-fg);border-radius:14px 14px 14px 4px;flex-direction:column;gap:3px;padding:8px 10px;font-size:13px;line-height:1.21;display:flex}.landing-bento-message-link{color:var(--color-accent)}.landing-bento-message-time{color:var(--color-muted);text-align:right;font-size:10px}@media (min-width:1024px){.landing-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}.landing-bento-cell{padding:28px}.landing-bento-formula .katex{font-size:24px}.landing-bento-solid{flex-basis:150px;padding:4px}}@media (min-width:1280px){.landing-bento{grid-template-columns:repeat(3,minmax(0,1fr))}}