.landing-v4 .lp-hero h1 em{color:#087f8c}.landing-v4 .lp-hero{padding-top:64px}.landing-v4 .lp-lead{max-width:720px!important}.landing-v4 .lp-feature-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}.landing-v4 .lp-feature-reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.pd-feature-class{grid-area:1/1;min-width:0}.pd-hero-demo,.pd-tour,.pd-feature-demo{--pd-ink:#17384a;--pd-teal:#087f8c;--pd-border:#d7e6eb;color:var(--pd-ink);text-align:left;font-family:Inter,Arial,sans-serif}.pd-hero-demo button,.pd-tour button,.pd-feature-demo button{font:inherit;cursor:pointer}.pd-hero-demo svg,.pd-tour svg,.pd-feature-demo svg{flex-shrink:0}.pd-hero-demo button:disabled,.pd-tour button:disabled,.pd-feature-demo button:disabled{opacity:.45;cursor:not-allowed}.pd-hero-demo{background:#ecf6fa;border:1px solid #b7d2dd;border-radius:22px;margin-top:46px;overflow:hidden;box-shadow:0 30px 70px -30px #16475d55}.pd-window-bar{color:#fff;background:#17384a;border-bottom:1px solid #284f61;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;font-size:14px;display:flex}.pd-window-bar>span{align-items:center;gap:12px;font-weight:700;display:flex}.pd-jippa-dot{color:#ffd03d;letter-spacing:-2px;font-size:22px;font-weight:850}.pd-meta{color:#647d89;font-size:13px;font-weight:400}.pd-window-bar .pd-meta{color:#bdd6e1}.pd-motion{color:inherit;white-space:nowrap;background:0 0;border:1px solid;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 9px;display:inline-flex;font-size:12px!important}.pd-motion:hover{background:#087f8c10}.pd-window-bar .pd-motion{color:#d2e7ee}.pd-hero-stage{grid-template-columns:minmax(0,1fr) 258px;gap:24px;padding:26px;display:grid}.pd-overline{letter-spacing:.13em;color:#347080;margin-bottom:16px;font-size:12px;font-weight:800;display:block}.pd-slide{aspect-ratio:16/9;background:#fff;border:1px solid #d5e3e7;border-radius:10px;width:100%;min-width:0;position:relative;overflow:hidden;box-shadow:0 10px 25px #1437480a}.pd-slide .composition-slide{width:100%;height:100%}.pd-slide .composition-canvas{box-shadow:none}.pd-slide-switch{color:#506e7c;text-align:center;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:13px;display:flex}.pd-slide-switch button{color:#174358;background:#fff;border:1px solid #c6dce5;border-radius:7px;padding:7px;display:flex}.pd-hero-insight{flex-direction:column;gap:16px;display:flex}.pd-hero-insight>.pd-overline{margin-bottom:0}.pd-attendance{border:1px solid var(--pd-border);background:#fff;border-radius:12px;grid-template-columns:24px 1fr;align-items:center;gap:3px 12px;padding:18px;display:grid}.pd-attendance strong{letter-spacing:-1px;font-size:34px;line-height:1}.pd-attendance>span{color:#56717e;grid-column:2;font-size:13px}.pd-live-signal{border:1px solid var(--pd-border);background:#fff;border-radius:12px;grid-template-columns:24px 1fr;align-items:center;gap:12px;padding:18px;transition:background .4s,border-color .4s;display:grid}.pd-live-signal.received{background:#e1f8ef;border-color:#82cbb8}.pd-live-signal strong{font-size:16px;line-height:1.4}.pd-live-signal .pd-name-grid{grid-column:1/-1;margin:0}.pd-name-grid{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.pd-name-grid span{color:#315b6b;background:#eaf4f6;border:1px solid #d5e6eb;border-radius:7px;padding:8px 10px;font-size:13px}.pd-hero-response{border-top:1px solid #cadde5;margin-top:auto;padding-top:14px}.pd-hero-response>small{letter-spacing:.1em;color:#436978;margin-bottom:9px;font-size:12px;font-weight:800;display:block}.pd-hero-response button{width:100%}.pd-yellow,.pd-green{color:#17384a;background:#ffd044;border:1px solid #e5b733;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:12px 16px;line-height:1.35;transition:background .2s,box-shadow .2s;display:inline-flex;font-size:14px!important;font-weight:750!important}.pd-yellow:hover{background:#ffdb69}.pd-green{color:#14614f;background:#d9f5ea;border-color:#94d7c1}.pd-demo-caption{color:#3f6374;background:#fff;border-top:1px solid #d5e5eb;justify-content:space-between;gap:15px;padding:16px 24px;font-size:14px;display:flex}.pd-demo-caption>span:last-child{color:#768a94;font-size:12px}.pd-tour{background:#eef7fa;border:1px solid #cbdfe6;border-radius:22px;overflow:hidden;box-shadow:0 20px 55px -35px #1b4a6655}.pd-tour-tabs{background:#fff;border-bottom:1px solid #d4e5ec;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pd-tour-tabs button{color:#587583;text-align:left;background:#fff;border:0;border-right:1px solid #e2ebef;align-items:center;gap:12px;padding:24px 18px;display:flex;position:relative}.pd-tour-tabs button.active{color:#086c73;background:#e4f5f3;box-shadow:inset 0 -3px #087f8c}.pd-tour-tabs button>span{gap:6px;font-size:14px;font-weight:750;line-height:1.3;display:grid}.pd-tour-tabs small{color:#738e99;letter-spacing:.1em;font-size:12px}.pd-tour-top,.pd-tour-bottom,.pd-demo-controls{color:#52717e;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font-size:14px;display:flex}.pd-tour-top p{margin:0;font-size:16px}.pd-tour-bottom{background:#fff;border-top:1px solid #d4e5ec}.pd-tour-bottom a{color:#087f8c;align-items:center;gap:9px;font-size:14px;font-weight:750;display:inline-flex}.pd-tour-bottom>span{font-size:12px}.pd-tour-stage{align-items:center;max-width:1060px;min-height:630px;margin:auto;padding:0 24px 24px;display:flex}.pd-tour-stage>div{width:100%;animation:.5s both pd-reveal}.pd-view-heading{background:#fff;border-bottom:1px solid #dce9ed;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:16px;padding:23px 26px;display:flex}.pd-view-heading>div{gap:7px;display:grid}.pd-view-heading>div>span{color:#38788b;letter-spacing:.12em;font-size:12px;font-weight:750}.pd-view-heading strong{letter-spacing:-.025em;font-size:22px;line-height:1.2}.pd-view-heading .pd-saved{color:#437c6b;align-items:center;gap:7px;font-size:12px;display:flex}.pd-editor,.pd-class-demo,.pd-signal-demo,.pd-submission{background:#f9fcfd;border:1px solid #cadfe7;border-radius:15px;overflow:hidden;container-type:inline-size}.pd-editor-body{grid-template-columns:138px minmax(0,1fr);display:grid}.pd-editor-body>nav{background:#17384a;align-content:start;gap:13px;padding:18px 12px;display:grid}.pd-editor-body nav button{color:#d0e5ed;text-align:left;background:#244b5e;border:2px solid #0000;border-radius:8px;padding:8px;position:relative}.pd-editor-body nav button.selected{background:#315d70;border-color:#ffd044}.pd-editor-body nav button>span{color:#b6d5e1;font-size:12px}.pd-editor-body nav button>b{margin-top:6px;font-size:12px;line-height:1.4;display:block}.pd-thumb{color:#087d87;aspect-ratio:1.8;background:#d7efed;border-radius:4px;place-items:center;margin-top:5px;display:grid}.pd-thumb-1{color:#6d551b;background:#fff1b9}.pd-thumb-2{color:#5443a0;background:#e6e6ff}.pd-editor-canvas{align-self:center;min-width:0;padding:20px}.pd-editor-note{color:#66818c;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:17px;font-size:12px;display:flex}.pd-editor-note span,.pd-editor-note a{align-items:center;gap:5px;display:flex}.pd-editor-note a{color:#087f8c}.pd-class-grid{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);display:grid}.pd-class-side{background:#f0f8fb;border-right:1px solid #dce9ed;padding:22px}.pd-class-pill{background:#fff;border:1px solid #d0e2e8;border-radius:9px;align-items:center;gap:10px;margin-bottom:12px;padding:13px;font-size:14px;font-weight:700;display:flex}.pd-class-pill small{color:#73909b;margin-top:4px;font-size:12px;font-weight:400;display:block}.pd-class-pill.selected{color:#1d6855;background:#d7f3e9;border-color:#8ac7b6}.pd-class-side form{gap:12px;padding-top:10px;display:grid}.pd-class-side h3{margin:0 0 3px;font-size:16px;font-weight:750}.pd-class-side label{color:#335769;gap:7px;font-size:14px;font-weight:650;display:grid}.pd-class-side input{width:100%;min-width:0;font:inherit;color:#17384a;background:#fff;border:1px solid #bcd7e2;border-radius:8px;padding:11px}.pd-class-side form button{margin-top:3px}.pd-class-detail{min-width:0;padding:28px}.pd-class-detail h3{letter-spacing:-.04em;margin:0 0 10px;font-size:32px;line-height:1.1}.pd-class-detail>p{color:#607b89;margin:0 0 24px;font-size:16px;line-height:1.6}.pd-class-lesson{background:#fff;border:1px solid #d6e5e9;border-radius:10px;align-items:center;gap:12px;padding:18px 14px;display:flex}.pd-class-lesson>b{font-size:16px}.pd-class-lesson small{color:#738b96;margin-top:6px;font-size:12px;display:block}.pd-class-lesson>svg:first-child{color:#188a99}.pd-class-lesson>svg:last-child{color:#29816a;margin-left:auto}.pd-link-lesson{color:#21725f;cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.pd-link-lesson input{accent-color:#087f8c;width:17px;height:17px}.pd-success{color:#256c58;background:#def5eb;border:1px solid #abd9c9;border-radius:10px;align-items:center;gap:14px;margin-top:22px;padding:18px;display:flex}.pd-success b{font-size:16px}.pd-success small{margin-top:5px;font-size:13px;line-height:1.5;display:block}.pd-signal-demo>.pd-slide{width:calc(100% - 40px);box-shadow:none;margin:20px}.pd-feedback{background:#fff;border-block:1px solid #dbe8ed;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;display:flex}.pd-feedback>div{align-items:center;gap:12px;display:flex}.pd-feedback>div>svg{color:#087f8c}.pd-feedback b{font-size:14px}.pd-feedback small{color:#77909a;margin-top:5px;font-size:12px;display:block}.pd-feedback button{min-width:180px}.pd-receipt{background:#edf3f6;border:1px solid #d9e6eb;border-radius:11px;align-items:center;gap:14px;margin:18px;padding:18px;transition:background .5s,border-color .5s;display:flex}.pd-receipt.is-received{background:#dcf5ec;border-color:#8acfb9}.pd-receipt-icon,.pd-avatar{color:#197268;background:#d2e8e6;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid}.pd-receipt small{letter-spacing:.06em;color:#587b7d;margin-bottom:5px;font-size:12px;display:block}.pd-receipt strong{font-size:16px;display:block}.pd-receipt p{color:#597982;margin:6px 0 0;font-size:13px}.pd-receipt>svg{color:#0b826b;opacity:0;margin-left:auto}.pd-receipt.is-received>svg{opacity:1}.pd-result-strip{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;display:grid}.pd-result-strip>div{background:#fff;border:1px solid #d5e5eb;border-radius:11px;gap:7px;padding:20px;display:grid}.pd-result-strip b{letter-spacing:-.04em;color:#17384a;font-size:36px;line-height:1}.pd-result-strip b small{color:#73919c;letter-spacing:0;font-size:19px;font-weight:400}.pd-result-strip span{color:#5a7b89;font-size:14px}.pd-answer{background:#fff;border:1px solid #cddfe6;border-radius:12px;margin:0 24px 24px;padding:24px}.pd-answer-head{align-items:center;gap:11px;display:flex}.pd-answer-head strong{font-size:16px}.pd-answer-head small{color:#76929e;margin-top:4px;font-size:12px;font-weight:400;display:block}.pd-status{color:#715600;background:#fff2c6;border-radius:5px;margin-left:auto;padding:7px 10px;font-size:12px}.pd-status.done{color:#26765c;background:#d9f5ea}.pd-answer h3{letter-spacing:-.02em;margin:23px 0 14px;font-size:19px;line-height:1.5}.pd-answer textarea,.pd-answer-text{box-sizing:border-box;width:100%;min-height:115px;font:inherit;color:#3e6376;resize:vertical;background:#f3f8fa;border:1px solid #d3e4ea;border-radius:8px;margin:0 0 20px;padding:17px;font-size:16px;line-height:1.6;display:block}.pd-review{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pd-review>span{color:#5d7e8b;flex:1;font-size:14px}.pd-review button{color:#325b6d;background:#fff;border:1px solid #bed8e1;border-radius:7px;align-items:center;gap:5px;padding:10px 15px;font-size:14px;display:flex}.pd-review button.pd-green{background:#d9f5ea;border-color:#94d7c1}.pd-review button[aria-pressed=true]{outline-offset:2px;outline:2px solid #087f8c}.pd-feature-demo{background:#eaf5f9;border:1px solid #c9e0e8;border-radius:18px;width:100%;min-width:0;padding:14px;box-shadow:0 24px 60px -30px #245a7040}.pd-demo-controls{padding:2px 2px 14px;font-size:12px}.pd-demo-controls>span{max-width:65%;line-height:1.5}.pd-results-demo{text-align:left;max-width:850px;margin:0 auto 30px}.pd-pulse{animation:1.7s infinite pd-press}.pd-enter{animation:.45s both pd-reveal}@keyframes pd-press{0%,to{box-shadow:0 0 #ffc53300}45%{box-shadow:0 0 0 6px #ffc53350}65%{box-shadow:0 0 0 10px #ffc53300}}@keyframes pd-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@container (width<=650px){.pd-class-grid{grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr)}.pd-class-side{padding:14px}.pd-class-detail{padding:20px 14px}.pd-class-lesson{flex-wrap:wrap}.pd-class-lesson>svg:last-child{display:none}.pd-class-detail h3{font-size:27px}.pd-editor-body{grid-template-columns:100px minmax(0,1fr)}.pd-editor-canvas{padding:12px}.pd-view-heading{padding:16px}.pd-view-heading .pd-saved{display:none}.pd-feedback{flex-wrap:wrap}.pd-feedback button{width:100%}.pd-result-strip{gap:9px;padding:16px}.pd-result-strip>div{padding:15px}.pd-result-strip b{font-size:30px}.pd-answer{margin:0 16px 16px;padding:18px}.pd-receipt{margin:14px;padding:14px}.pd-receipt>svg{display:none}}@container (width<=410px){.pd-class-grid{grid-template-columns:1fr}.pd-class-side{border-bottom:1px solid #dce9ed;border-right:0}.pd-class-side form{grid-template-columns:1fr 1fr}.pd-class-side h3,.pd-class-side form button{grid-column:1/-1}.pd-class-detail>.pd-name-grid{display:none}.pd-class-detail{padding:16px}.pd-class-detail>p{margin-bottom:14px;font-size:14px}.pd-class-pill{padding:10px}.pd-view-heading .pd-meta{display:none}.pd-view-heading strong{font-size:19px}.pd-editor-body{grid-template-columns:1fr}.pd-editor-body>nav{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.pd-thumb{display:none}.pd-editor-body nav button>b{font-size:12px}.pd-result-strip>div{padding:11px 8px}.pd-result-strip span{font-size:12px}.pd-receipt-icon{display:none}.pd-receipt strong{font-size:14px}.pd-receipt small{font-size:11px}.pd-signal-demo>.pd-slide{width:calc(100% - 20px);margin:10px}}@media (max-width:1050px){.pd-hero-stage{grid-template-columns:minmax(0,1fr) 225px;gap:18px;padding:20px}.pd-attendance,.pd-live-signal{padding:14px}.pd-live-signal{grid-template-columns:1fr}.pd-live-signal>svg{display:none}.landing-v4 .lp-feature-grid,.landing-v4 .lp-feature-reverse{gap:30px}.pd-tour-tabs button{gap:8px;padding:19px 12px}.pd-tour-tabs button>svg{display:none}}@media (max-width:760px){.landing-v4 .lp-hero{padding-top:40px}.pd-hero-demo{border-radius:16px;margin-top:32px}.pd-window-bar{padding:13px 16px}.pd-window-bar .pd-meta{display:none}.pd-hero-stage{grid-template-columns:1fr;gap:22px;padding:15px}.pd-hero-insight{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pd-hero-insight>.pd-overline{grid-column:1/-1;margin:0}.pd-hero-response{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.pd-hero-response>small{margin:0}.pd-hero-response button{width:auto;min-width:170px}.pd-live-signal{display:block}.pd-live-signal .pd-name-grid{margin-top:10px}.pd-attendance strong{font-size:30px}.pd-demo-caption{flex-direction:column;gap:7px;padding:16px}.pd-tour-tabs{grid-template-columns:1fr 1fr}.pd-tour-tabs button{border-bottom:1px solid #e2ebef;padding:17px}.pd-tour-top,.pd-tour-bottom{flex-wrap:wrap;padding:16px}.pd-tour-top p{max-width:65%;font-size:14px}.pd-tour-stage{min-height:0;padding:0 12px 15px}.pd-tour-bottom{gap:12px}.landing-v4 .lp-feature-grid,.landing-v4 .lp-feature-reverse{grid-template-columns:1fr}.pd-feature-class{grid-area:auto}.pd-feature-demo{padding:10px}.pd-slide-switch{font-size:12px}.pd-tour-tabs button.active{box-shadow:inset 0 -3px #087f8c}}@media (prefers-reduced-motion:reduce){.pd-pulse,.pd-enter,.pd-tour-stage>div{animation:none}.pd-live-signal,.pd-receipt,.pd-yellow,.pd-green{transition:none}}.pd-quiz-preview{color:#17384a;text-align:left;background:#fff;border:1px solid #d4e3e9;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 22px 55px -28px #245a7055}.pd-quiz-header{color:#fff;background:#17384a;justify-content:space-between;align-items:center;gap:16px;padding:22px 25px;font-size:14px;display:flex}.pd-quiz-header>span:first-child{letter-spacing:.1em;color:#ffda61;align-items:center;gap:9px;font-weight:750;display:flex}.pd-quiz-content{padding:28px}.pd-quiz-meta{color:#6f8792;justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex}.pd-quiz-meta>span:first-child{color:#187666;background:#e3f4f1;border-radius:6px;padding:6px 10px;font-weight:700}.pd-quiz-content h3{letter-spacing:-.03em;margin:20px 0 24px;font-size:clamp(22px,2.1vw,29px);font-weight:750;line-height:1.3}.pd-quiz-content fieldset{border:0;gap:11px;min-width:0;margin:0;padding:0;display:grid}.pd-quiz-content legend{color:#597787;margin-bottom:12px;padding:0;font-size:14px}.pd-quiz-content label{cursor:pointer;background:#f8fbfc;border:1px solid #cfe0e7;border-radius:10px;align-items:center;gap:13px;padding:15px;font-size:16px;line-height:1.45;display:flex;position:relative}.pd-quiz-content label:hover{background:#f0faf7;border-color:#75b9b4}.pd-quiz-content label.selected{background:#e0f6ee;border-color:#168a7e;box-shadow:0 0 0 1px #168a7e}.pd-quiz-content label:focus-within{outline-offset:3px;outline:3px solid #087f8c}.pd-quiz-content input{opacity:0;width:1px;height:1px;position:absolute}.pd-option-letter{color:#456d7d;background:#fff;border:1px solid #d2e1e7;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;font-size:14px;font-weight:750;display:grid}.pd-quiz-content label>svg{color:#168a7e;flex:none;margin-left:auto}.pd-quiz-foot{color:#66828f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:13px;display:flex}.pd-quiz-types{color:#756335;background:#fff9e5;border-top:1px solid #e2e9ec;flex-wrap:wrap;justify-content:center;gap:18px;padding:18px 20px;font-size:13px;display:flex}@media (max-width:440px){.pd-quiz-header{gap:10px;padding:18px;font-size:12px}.pd-quiz-content{padding:20px}.pd-quiz-content label{gap:10px;padding:13px}.pd-quiz-types{gap:13px}}