:root{color:#17243d;font-synthesis:none;background:#f6f8fc}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}.portal{background:radial-gradient(circle at 78% 15%,#e7f0ff 0,#0000 32%),#f7f9fc;min-height:100vh}.portal__header{background:#ffffffe6;border-bottom:1px solid #e4e9f1;align-items:center;gap:44px;height:72px;padding:0 6vw;display:flex}.portal__brand{color:inherit;align-items:center;gap:14px;margin-right:auto;text-decoration:none;display:flex}.portal__logo{object-fit:contain;width:158px;height:50px;display:block}.portal__brand small{color:#8390a5;letter-spacing:2px;white-space:nowrap;border-left:1px solid #dce3ec;padding-left:14px;font-size:10px;display:block}nav{gap:30px;display:flex}nav a{color:#4e5d73;font-size:14px;text-decoration:none}.portal__actions,.hero__actions{gap:10px;display:flex}.button{color:#fff;background:#1677ff;border:1px solid #1677ff;border-radius:4px;padding:9px 18px}.button--large{padding:12px 25px}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:74px;max-width:1220px;margin:auto;padding:88px 20px 66px;display:grid}.eyebrow{letter-spacing:2px;font-weight:700;color:#1677ff!important;font-size:12px!important}.hero__copy>p{color:#66758b;font-size:17px;line-height:1.9}.hero__actions{margin:30px 0}.hero ul{color:#66758b;flex-wrap:wrap;gap:12px 26px;padding:0;font-size:13px;list-style:none;display:flex}.hero li:before{content:"✓";color:#13a56f;margin-right:7px}.hero__panel{background:#fff;border:1px solid #d9e2ee;border-radius:8px;overflow:hidden;transform:perspective(1000px)rotateY(-4deg);box-shadow:0 24px 65px #1a376024}.hero__panel-top{border-bottom:1px solid #edf0f5;align-items:center;gap:10px;height:50px;padding:0 18px;font-size:13px;display:flex}.hero__panel-top span{background:#31c48d;border-radius:50%;width:9px;height:9px}.hero__panel-top em{color:#1677ff;background:#edf5ff;margin-left:auto;padding:5px 10px;font-style:normal}.hero__panel-body{grid-template-columns:86px 1fr;height:360px;display:grid}.hero__panel-body aside{background:#142235;padding:22px 16px}.hero__panel-body aside i{background:#405068;border-radius:4px;height:8px;margin-bottom:22px;display:block}.hero__panel-body section{grid-template-columns:repeat(3,1fr);gap:12px;padding:28px;display:grid}.metric{border:1px solid #edf0f5;height:82px;padding:15px}.metric small,.metric strong{display:block}.metric small{color:#9aa5b6;font-size:11px}.metric strong{margin-top:9px;font-size:17px}.chart{border:1px solid #edf0f5;border-top:0;grid-column:1/4;align-items:flex-end;gap:16px;height:190px;padding:25px 20px 0;display:flex}.chart span{background:linear-gradient(#4096ff,#91caff);border-radius:4px 4px 0 0;flex:1}.capabilities{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:0 20px 80px;display:grid}.capabilities article{background:#fff;border:1px solid #e5eaf1;min-height:190px;padding:26px}.capabilities article>span{color:#1677ff;font-size:12px;font-weight:700}.capabilities h2{margin:28px 0 12px;font-size:18px}.capabilities p{color:#78869a;margin:0;font-size:13px;line-height:1.8}.plans{background:#fff;border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;padding:70px max(20px,50vw - 590px)}.plans>header{text-align:center}.plans>header p{color:#1677ff;letter-spacing:2px;margin:0;font-size:11px;font-weight:700}.plans>header h2{margin:10px 0;font-size:28px}.plans__grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;display:grid}.plans__grid article{background:#fbfcfe;border:1px solid #dde4ee;border-radius:6px;padding:28px}.plans__grid article:hover{border-color:#69aafc;box-shadow:0 14px 35px #1e50911a}.plans__grid small{color:#1677ff}.plans__grid h3{margin:10px 0;font-size:21px}.plans__grid p{color:#78869a;min-height:44px;font-size:13px;line-height:1.7}.plans__price{margin:24px 0}.plans__price strong{font-size:30px}.plans__price span{color:#8593a6;font-size:12px}.plans__grid ul{min-height:120px;color:#5f6f83!important;gap:8px!important;padding:0!important;list-style:none!important;display:grid!important}.plans__grid li:before{content:"✓";color:#16a36d;margin-right:7px}.plans__empty{text-align:center;color:#8491a3;background:#f7f9fc;margin-top:35px;padding:40px}.hero__actions a{text-decoration:none}.portal-dialog{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1b2d94;place-items:center;display:grid;position:fixed;inset:0}.portal-dialog__card{background:#fff;border-radius:8px;width:620px;max-height:86vh;overflow:auto;box-shadow:0 28px 80px #0411234d}.portal-dialog__card>header{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:24px 28px 18px;display:flex}.portal-dialog__card>header small{color:#1677ff;letter-spacing:2px;font-size:10px}.portal-dialog__card>header h2{margin:5px 0 0;font-size:22px}.portal-dialog__card>header button{color:#8290a3;background:0 0;border:0;font-size:28px}.portal-dialog__plan{color:#52657d;background:#f0f6ff;margin:0;padding:13px 28px;font-size:13px}.portal-form{gap:17px;padding:28px;display:grid}.portal-form--grid{grid-template-columns:1fr 1fr}.portal-form label{color:#56667b;gap:7px;font-size:13px;display:grid}.portal-form input,.portal-form select,.portal-form textarea{color:#24334a;width:100%;font:inherit;background:#fff;border:1px solid #d9e1eb;border-radius:4px;padding:10px 11px}.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus{border-color:#4096ff;outline:2px solid #cfe3ff}.portal-form__code{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.portal-form__submit{width:100%;padding:11px}.portal-form__wide{grid-column:1/-1}.portal-dialog__message{color:#63738a;background:#f5f8fc;border-left:3px solid #1677ff;margin:0 28px 24px;padding:10px 12px;font-size:13px}.portal-progress{gap:12px;padding:25px 28px;display:grid}.portal-progress article{border:1px solid #e1e7ef;border-radius:6px;padding:18px}.portal-progress article>div{justify-content:space-between;align-items:center;display:flex}.portal-progress article p{color:#728096;margin:10px 0;font-size:13px}.portal-progress article button{margin-top:5px}.portal-progress__empty{text-align:center;color:#8b97a8}.status{color:#69788d;background:#eef2f7;border-radius:12px;padding:3px 9px;font-size:11px}.status--active{color:#13885c;background:#e9f8f1}.status--order_pending{color:#a66c00;background:#fff5df}.button:disabled{cursor:not-allowed;opacity:.55}.portal{color:var(--misi-ink);background:#f4f7fa}.portal__header{gap:28px;max-width:1440px;margin:auto;padding:0 40px}.portal__brand small{letter-spacing:0;color:var(--misi-ink-3);font-size:12px}.button{background:#007ab5;border-color:#007ab5;border-radius:6px;min-height:42px}.button--ghost{color:#006a9e;background:#fff}.button:hover{color:#fff;background:#006a9e}.button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #007ab5}.hero{grid-template-columns:1fr 1fr;gap:56px;max-width:1280px;padding:76px 40px 80px}.hero h1{letter-spacing:-.8px;margin:18px 0 22px;font-size:clamp(32px,3.4vw,48px);line-height:1.45}.hero__copy>p{color:#536c79;max-width:36em;font-size:16px;line-height:1.9}.hero .eyebrow{letter-spacing:0;font-weight:500;color:#366579!important;font-size:14px!important}.hero ul{gap:10px 22px;line-height:1.7}.hero__panel{box-shadow:none;border-color:#d5e3ea;border-radius:16px;transform:none}.hero__panel-top{background:#eaf3f7;flex-wrap:wrap;gap:14px;height:auto;min-height:58px;padding:14px 24px}.hero__panel-top em{color:var(--misi-ink-3);background:0 0;padding:0;font-size:12px}.teaching-flow{margin:0;padding:8px 28px;list-style:none}.teaching-flow li{border-bottom:1px solid #e4ecef;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:24px 0;display:grid}.teaching-flow li:last-child{border:0}.teaching-flow li:before{content:none}.teaching-flow li>span{color:#23627d;background:#eaf3f7;border-radius:8px 8px 8px 4px;place-items:center;width:48px;height:48px;font-weight:600;display:grid}.teaching-flow li:nth-child(2)>span{color:#426d45;background:#edf5ed}.teaching-flow li:nth-child(3)>span{color:#956014;background:#fff3df}.teaching-flow h2{margin:0 0 8px;font-size:18px;line-height:1.5}.teaching-flow p{color:var(--misi-ink-3);margin:0 0 10px;font-size:14px;line-height:1.7}.teaching-flow small{color:var(--misi-ink-3);font-size:12px}.plans{padding-top:64px;padding-bottom:64px}.plans>header h2{font-size:28px;line-height:1.5}.plans>header span{color:var(--misi-ink-3);font-size:14px}.plans__grid article{box-shadow:none;background:#fff;border-radius:8px}.plans__grid article:hover{box-shadow:none;border-color:#007ab5}.capabilities{gap:0;padding-top:56px}.capabilities article{background:0 0;border:0;border-left:2px solid #cddfe7;min-height:150px;padding:0 24px}.capabilities h2{margin:0 0 14px}.capabilities p{color:var(--misi-ink-3);font-size:14px}.portal-dialog{padding:16px}.portal-dialog__card{border-radius:12px;width:min(620px,100%)}@media (width<=1050px){.portal__header{flex-wrap:wrap;gap:16px;height:auto;min-height:72px;padding:16px 24px}.portal__brand small{display:none}.hero{gap:28px;padding:48px 24px}.hero h1{font-size:34px}.hero__actions{flex-wrap:wrap}.teaching-flow{padding:0 20px}.teaching-flow li{gap:14px}.capabilities{grid-template-columns:1fr 1fr;gap:32px 0}}@media (width<=720px){.portal__header{gap:14px;padding:14px 16px}.portal__header nav{order:3;gap:24px;width:100%}.portal__logo{width:124px;height:40px}.portal__actions{gap:6px}.portal__actions .button{padding:8px 12px}.hero{grid-template-columns:1fr;padding:36px 20px 44px}.hero h1{font-size:32px}.hero__actions{margin:24px 0}.plans{padding:40px 20px}.plans>header h2{font-size:24px}.plans__grid{grid-template-columns:1fr}.capabilities{grid-template-columns:1fr;padding:40px 20px}.portal-form--grid{grid-template-columns:1fr}.portal-form{padding:22px}.portal-dialog__card>header{padding:20px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}