.sf-home{display:none}.saifan-shell[data-view=home]{height:auto;min-height:calc(100dvh - 64px);grid-template-rows:auto}.saifan-shell[data-view=home]>main{display:block;height:auto;padding:16px 26px 14px}.saifan-shell[data-view=home] .metrics,.saifan-shell[data-view=home] .workspace{display:none}.saifan-shell[data-view=home] .sf-home{display:block;max-width:1640px;margin:auto}.saifan-shell[data-view=home] .terminal-toolbar{margin-bottom:22px}.saifan-shell[data-view=home] .terminal-title h1,.saifan-shell[data-view=home] .instrument-tabs,.saifan-shell[data-view=home] .terminal-status{display:none}.saifan-shell[data-view=home] .terminal-subtitle{border:0;font-size:12px;padding:0;color:#7c9aab}.saifan-shell[data-view=home] .terminal-footer{margin-top:20px}.saifan-shell[data-view=home] .sf-sidebar{align-self:start}
.sf-home{color:#244f65;font-family:SaifanHeebo,Arial,sans-serif}.sf-home *{box-sizing:border-box}.sf-home button{font-family:inherit}.vh-hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:36px;align-items:center;padding:34px 8px 46px}.vh-eyebrow{display:block;color:#0a9caa;font-size:11px;font-weight:700;letter-spacing:.3px}.vh-copy h1{font-size:clamp(32px,3.05vw,55px);line-height:1.3;letter-spacing:-1.2px;color:#153e57;margin:15px 0 19px;font-weight:700}.vh-copy h1 em{font-style:normal;color:#08a39e}.vh-copy>p{font-size:15px;line-height:1.95;color:#6e8b9e;max-width:520px;margin:0 0 24px}.vh-actions{display:flex;flex-wrap:wrap;gap:10px}.sf-home .vh-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #08a7af;background:#08a7af;color:white;padding:11px 18px;border-radius:7px;cursor:pointer;font-size:12px;line-height:1.6;font-weight:700;box-shadow:none}.sf-home .vh-button:hover{background:#07959e;border-color:#07959e}.sf-home .vh-button.vh-secondary{background:#fff;border-color:#c8e4ec;color:#28798f}.sf-home button:focus-visible,.sf-home summary:focus-visible{outline:2px solid #08a7af;outline-offset:4px}.vh-tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:10px;color:#85a1b1}.vh-tags span{display:flex;align-items:center;gap:6px}.vh-tags span:before{content:'';width:5px;height:5px;border-radius:50%;background:#4ebbb7}
.vh-preview{min-width:0;margin:0;background:#fff;border:1px solid #cbe4ed;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #1e72830b}.vh-preview img{display:block;width:100%;height:auto}.vh-preview figcaption{font-size:9px;color:#8ba5b3;line-height:1.6;padding:10px 14px;border-top:1px solid #e4eff4;text-align:center}.vh-preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;color:#396b81;font-size:10px;border-bottom:1px solid #e2edf3}.vh-preview-heading>span:first-child{display:flex;align-items:center;gap:6px}.vh-preview-heading i{width:6px;height:6px;border-radius:50%;background:#17b49e}.vh-preview-heading>span:last-child{direction:ltr;color:#91a9b6;font-size:9px}.vh-preview-footer{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;color:#6b94a5;font-size:10px;border-top:1px solid #e4eff4}.vh-preview-footer span{padding:14px 6px;border-inline-end:1px solid #e4eff4}.vh-preview-footer span:last-child{border:0}
.vh-section{padding:40px 8px}.vh-section-heading{margin:0 0 25px}.vh-section-heading h2,.vh-copy h2,.vh-cta h2{color:#19465e;font-size:29px;line-height:1.5;margin:9px 0 10px;letter-spacing:-.5px}.vh-section-heading>p{color:#7a97a7;font-size:13px;line-height:1.8;margin:0}.vh-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.vh-features article{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #cce4ed;border-radius:10px;padding:22px}.vh-icon{display:grid;place-items:center;width:38px;height:38px;background:#e9f8f8;border:1px solid #d4eded;border-radius:9px;color:#0a9da4;margin-bottom:18px}.vh-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.vh-features h3,.vh-steps h3{font-size:15px;color:#24516a;margin:0 0 10px;line-height:1.6}.vh-features p,.vh-steps p{font-size:12px;line-height:1.9;color:#7b98a8;margin:0 0 18px}.vh-features button{margin-top:auto;align-self:flex-start;background:none;border:0;padding:0;font-size:11px;color:#0e99aa;cursor:pointer;display:flex;gap:9px;align-items:center}.vh-tint{background:#eaf7fa;border:1px solid #d7ecf2;border-radius:13px;padding:32px}.vh-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.vh-split .vh-copy>p{font-size:13px;margin-bottom:17px}.vh-checks{list-style:none;padding:0;margin:0 0 24px}.vh-checks li{font-size:12px;color:#568396;line-height:1.8;display:flex;gap:8px;margin:8px 0}.vh-checks li:before{content:'✓';color:#0ca694}.vh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.vh-steps article{border-top:2px solid #c8e5ec;padding-top:19px}.vh-steps b{display:block;color:#28aab2;font-size:25px;margin-bottom:10px;font-weight:400}.vh-academy{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;padding:35px 40px;background:#fff;border:1px solid #cbe5ee;border-radius:13px}.vh-academy .vh-copy>p{font-size:13px}.vh-course-list{min-width:0}.vh-course-stats{display:flex;gap:30px;align-items:center;border-bottom:1px solid #e2eef3;padding:0 0 15px}.vh-course-stats strong{font-size:30px;color:#08a496}.vh-course-stats small{font-size:11px;font-weight:400;color:#7d9bab}.vh-course-stats>span{font-size:10px;padding:5px 9px;border-radius:5px;background:#edf8fb;color:#6491a4;margin-inline-start:auto}.vh-course-list ol{list-style:none;padding:0;margin:8px 0 0}.vh-course-list li{padding:11px 0;border-bottom:1px solid #e8f1f5;font-size:12px;color:#3d7187;display:flex;gap:13px}.vh-course-list li:last-child{border:0}.vh-course-list li span{color:#91b0bd;direction:ltr;font-size:10px}
.vh-faq details{border-bottom:1px solid #d6e9f0;padding:16px 0}.vh-faq summary{cursor:pointer;color:#37687e;font-size:13px;line-height:1.8}.vh-faq details p{color:#7b98a8;font-size:12px;line-height:1.95;margin:12px 0 0;max-width:920px}.vh-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e7f7f8;border:1px solid #cce7ed;border-radius:12px;padding:25px 30px}.vh-cta h2{font-size:23px;margin:0 0 6px}.vh-cta p{font-size:12px;line-height:1.8;color:#7696a6;margin:0}.vh-limitation{font-size:10px;line-height:1.8;color:#91a8b4;text-align:center;padding:16px 15px 0;margin:0}
@media(min-width:1700px){.vh-hero{padding-top:50px;padding-bottom:60px;gap:55px}.vh-section{padding-block:50px}.vh-tint{padding:40px}.vh-features article{padding:28px}.vh-features p{font-size:13px}}
@media(max-width:1150px){.saifan-shell[data-view=home]>main{padding-inline:18px}.vh-hero{gap:24px}.vh-copy h1{font-size:35px}.vh-copy>p{font-size:13px}.vh-features{grid-template-columns:repeat(2,minmax(0,1fr))}.vh-split{grid-template-columns:1fr 1.2fr;gap:23px}.vh-copy h2,.vh-section-heading h2{font-size:25px}.vh-academy{gap:25px;padding:28px}.vh-course-stats{gap:15px}.vh-steps{gap:16px}}
@media(max-width:800px){.vh-hero,.vh-split,.vh-academy{grid-template-columns:1fr}.vh-hero{padding-top:18px}.vh-copy h1{font-size:37px}.vh-hero .vh-copy>p{max-width:600px}.vh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.vh-section{padding-block:30px}.vh-tint{padding:25px}.vh-cta{align-items:flex-start;flex-direction:column}.vh-preview-heading{padding:13px}}
@media(max-width:480px){.saifan-shell[data-view=home]>main{padding-inline:12px}.vh-features{grid-template-columns:1fr}.vh-copy h1{font-size:32px}.vh-academy,.vh-tint{padding:20px}.vh-features article{padding:20px}.vh-section-heading h2,.vh-copy h2{font-size:24px}.vh-steps{gap:15px}.vh-course-stats{flex-wrap:wrap}.vh-course-stats>span{margin-inline-start:0}.vh-cta{padding:22px}.vh-hero{padding-inline:0}.vh-preview-footer{font-size:9px}}

/* The terminal locks desktop scrolling; the introduction is a full document. */
html:has(.saifan-shell[data-view=home]){height:auto;min-height:100%;overflow-y:auto;overflow-x:clip}
body:has(.saifan-shell[data-view=home]){height:auto;min-height:100dvh;overflow:visible}