/* StartExam Studio — public, learning and exam surfaces. No external font dependency. */
:root{--sx-ink:#122b3b;--sx-muted:#526573;--sx-brand:#08756f;--sx-line:#dbe5e8;--sx-paper:#fff;--sx-wash:#f4f7f8;--sx-radius:16px}
.stx-app,.stx-static-shell{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--sx-ink);background:var(--sx-wash);line-height:1.6;--stx-primary:var(--sx-brand);--stx-secondary:#122b3b;--stx-accent:#e4ae41}
.stx-app *,.stx-static-shell *{box-sizing:border-box}
.stx-app [hidden],.stx-runner-overlay [hidden]{display:none!important}
.stx-app :is(a,button,input,select,textarea):focus-visible,.stx-runner-overlay :is(a,button,input,select):focus-visible{outline:3px solid #b87b06;outline-offset:3px}
.stx-app h1,.stx-app h2,.stx-app h3,.stx-app h4{color:var(--sx-ink);font-family:inherit;letter-spacing:-.035em;line-height:1.15}
.stx-app .stx-container,.stx-static-shell .stx-container{width:min(1240px,calc(100% - 64px));max-width:1240px;margin-inline:auto;padding-inline:0}
.stx-app .stx-main{overflow:clip;background:var(--sx-wash)}
.stx-app .stx-site-header,.stx-static-shell .stx-site-header{background:#fff;border-bottom:1px solid var(--sx-line);box-shadow:none;backdrop-filter:none;position:relative;top:auto;padding:0;min-height:84px}
.stx-site-header>.stx-container{min-height:84px;display:flex;gap:24px;justify-content:space-between;align-items:center}
.stx-app .stx-brand-logo,.stx-static-shell .stx-brand-logo{border-radius:12px;background:var(--sx-ink);box-shadow:none;width:42px;height:42px}
.stx-app .stx-brand-logo b{font-size:25px;font-weight:800}.stx-app .stx-logo-orbit{display:none}
.stx-app .stx-brand strong{font-size:23px;letter-spacing:-1px}.stx-app .stx-brand small{font-size:9px;letter-spacing:1px;color:var(--sx-muted)}
.stx-app .stx-nav{gap:17px}.stx-app .stx-nav>a,.stx-app .stx-nav button{font-size:12px;font-weight:650;white-space:nowrap}
.stx-app .stx-nav>a.active{color:var(--sx-brand)}.stx-app .stx-nav-account{background:var(--sx-ink);border-radius:8px;padding:11px 16px;color:#fff!important}
.stx-app .stx-header-action,.stx-app .stx-alert-button{color:var(--sx-ink);background:white;border:1px solid var(--sx-line);border-radius:8px;padding:9px 11px;min-width:0;box-shadow:none}
.stx-app .stx-alert-button{display:inline-flex;gap:5px;align-items:center}.stx-app .stx-alert-button svg{width:15px;height:15px}
.stx-app .stx-btn{border-radius:9px;box-shadow:none;padding:13px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}
.stx-app .stx-btn-primary{background:var(--sx-brand);border:1px solid var(--sx-brand);color:#fff}.stx-app .stx-btn-primary:hover{background:#075f5a;transform:translateY(-1px)}
.stx-app .stx-btn-soft{background:#e6efed;color:#134941;border:1px solid #c9ddda}.stx-app .stx-btn-white{background:white;color:var(--sx-ink)}
.stx-app .stx-eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--sx-brand);font-weight:750;text-transform:uppercase}
.sx-kicker{display:flex;align-items:center;gap:9px;color:var(--sx-brand);font-size:11px;letter-spacing:1.5px;font-weight:750;text-transform:uppercase}.sx-kicker:before{content:"";height:7px;width:7px;border-radius:50%;background:currentColor}
.sx-hero{background:#f2f7f5;border-bottom:1px solid #dce8e3;position:relative;padding:64px 0 54px}
.sx-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.sx-hero h1{font-size:clamp(38px,4.4vw,64px);font-weight:750;margin:20px 0 22px;max-width:620px;letter-spacing:-3px!important;line-height:1.08!important}.sx-hero h1 em{font-style:normal;color:var(--sx-brand)}
.sx-hero-copy>p{color:var(--sx-muted);font-size:17px;max-width:510px;line-height:1.8;margin:0 0 25px}
.sx-search{display:flex;gap:8px;background:white;border:1px solid #c9dcd6;border-radius:11px;padding:7px;box-shadow:0 8px 24px #193f3210;align-items:center}
.sx-search svg{height:21px;width:21px;margin-left:10px;color:#678078;flex-shrink:0}.sx-search input{min-width:0;flex:1;border:0!important;box-shadow:none!important;padding:12px 3px;background:transparent!important;font-size:15px!important;color:var(--sx-ink)}
.sx-search button{flex-shrink:0}.sx-popular{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 23px;font-size:11px;color:var(--sx-muted)}
.sx-popular a{padding:4px 10px;border:1px solid #d3e0db;border-radius:6px;color:var(--sx-ink);text-decoration:none;background:#fff8}
.sx-confidence{display:flex;flex-wrap:wrap;gap:17px;font-size:11px;font-weight:600;color:#405d53}.sx-confidence span:before{content:'✓';color:var(--sx-brand);margin-right:7px}
.sx-demo-wrap{position:relative;isolation:isolate;padding:14px 0 12px}.sx-demo-wrap:before{content:'';position:absolute;inset:-25px -25px;background:repeating-radial-gradient(ellipse at center,transparent 0 32px,#afc9be30 33px 34px);z-index:-1;border-radius:50%}
.sx-demo{background:#fff;border:1px solid #d2dfd9;box-shadow:0 20px 65px #15312a18;border-radius:18px;overflow:hidden;transform:rotate(-1deg)}
.sx-demo-head{background:var(--sx-ink);padding:17px 20px;display:flex;align-items:center;justify-content:space-between;color:white}
.sx-demo-head>div{display:flex;gap:10px;align-items:center}.sx-demo-head b{width:29px;height:29px;border:1px solid #fff5;border-radius:8px;display:grid;place-items:center;font-size:17px}.sx-demo-head strong{display:block;font-size:13px;line-height:1.6}.sx-demo-head small{font-size:9px;letter-spacing:.8px;color:#b9cfda}.sx-demo-head>span{border:1px solid #ffffff25;border-radius:5px;font-size:10px;padding:5px 8px}
.sx-demo-tabs{display:flex;gap:20px;background:#f6f8f9;padding:0 20px;border-bottom:1px solid var(--sx-line);font-size:11px;color:var(--sx-muted)}.sx-demo-tabs span{padding:11px 0}.sx-demo-tabs .active{border-bottom:2px solid var(--sx-brand);color:var(--sx-brand);font-weight:750}
.sx-demo-question{padding:20px 23px}.sx-demo-meta{display:flex;justify-content:space-between;gap:15px;color:var(--sx-muted);font-size:9px;letter-spacing:.3px;text-transform:uppercase}.sx-demo-question h3{font-size:15px;margin:12px 0 10px;line-height:1.65;letter-spacing:0!important}.sx-demo-question svg{display:block;width:100%;height:120px;margin-bottom:12px;background:#f8faf9;border-radius:8px}
.sx-demo-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sx-demo-options button{border:1px solid #d4dfdc;border-radius:7px;padding:10px;background:white;color:var(--sx-ink);text-align:left;font-size:12px;box-shadow:none}.sx-demo-options button b{color:#5c7068;margin-right:12px}.sx-demo-options button.selected{border-color:var(--sx-brand);background:#e4f3ec}.sx-demo-options button.incorrect{border-color:#bb6555;background:#fff1ed}
.sx-demo-feedback{font-size:11px;color:#415e53;min-height:40px;line-height:1.6;margin:12px 0 0}.sx-demo-foot{padding:13px 20px;border-top:1px solid var(--sx-line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#667a72}.sx-demo-foot a{font-size:12px;color:var(--sx-brand);font-weight:750;text-decoration:none}
.sx-demo-caption{text-align:center;font-size:10px;color:var(--sx-muted);margin:16px 0 0}
.sx-facts{background:#fff;border-bottom:1px solid var(--sx-line)}.sx-facts>.stx-container{display:grid;grid-template-columns:1.5fr repeat(3,1fr);align-items:center;padding:24px 0;gap:20px}.sx-facts p{font-size:13px;margin:0;color:var(--sx-muted)}.sx-facts strong{font-size:24px;line-height:1.5;font-weight:750;display:block}.sx-facts span{font-size:11px;color:var(--sx-muted)}
.sx-section{padding:68px 0}.sx-section-heading{display:flex;align-items:end;gap:25px;justify-content:space-between;margin-bottom:27px}.sx-section-heading h2{font-size:32px;margin:7px 0 0}.sx-section-heading p{margin:9px 0 0;font-size:14px;color:var(--sx-muted)}.sx-section-heading>a{font-size:13px;font-weight:750;text-decoration:none;color:var(--sx-brand);white-space:nowrap}
.sx-track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sx-track{display:flex;gap:14px;align-items:center;background:white;border:1px solid var(--sx-line);border-radius:12px;padding:20px;text-decoration:none;color:var(--sx-ink);transition:border-color .2s,transform .2s}.sx-track:hover{transform:translateY(-3px);border-color:var(--sx-brand)}.sx-track-icon{display:grid;place-items:center;background:#e8f0ed;border-radius:12px;width:44px;height:44px;flex-shrink:0;font-size:14px;font-weight:800}.sx-track:nth-child(2n) .sx-track-icon{background:#f4eee0;color:#8c6619}.sx-track>div{flex:1;min-width:0}.sx-track h3{font-size:15px;margin:0 0 6px;letter-spacing:-.3px}.sx-track p{font-size:11px;color:var(--sx-muted);margin:0}.sx-track>span:last-child{color:#6a8579}
.sx-catalogue{background:#edf3f1;border-block:1px solid #dce7e2}.stx-app .stx-card-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.stx-app .stx-test-card{background:#fff;border:1px solid var(--sx-line);border-radius:14px;box-shadow:none;overflow:hidden;transition:transform .2s,border-color .2s}.stx-app .stx-test-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #18352b0a;border-color:#9bbdaf}.stx-app .stx-test-card h3{font-size:20px;letter-spacing:-.5px}.stx-app .stx-test-card p{font-size:12px;line-height:1.7;color:var(--sx-muted)}.stx-app .stx-card-top{gap:8px;flex-wrap:wrap}.stx-app .stx-badge{font-size:9px;letter-spacing:.45px;border-radius:5px;padding:4px 7px;background:#eaf0ee;color:#476156}.stx-app .stx-badge.free{background:#e0f3e8;color:#1a6544}.stx-app .stx-badge.paid{background:#faf0d9;color:#846019}.stx-app .stx-card-meta{border-block:1px solid var(--sx-line);background:#fafcfc}.stx-app .stx-card-meta>div{min-width:0}
.sx-plan{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.sx-plan h2{font-size:38px;margin:14px 0}.sx-plan p{font-size:14px;line-height:1.8;color:var(--sx-muted)}.sx-plan-steps{display:grid;gap:0;border-top:1px solid var(--sx-line)}.sx-plan-step{display:grid;grid-template-columns:35px 1fr;gap:17px;border-bottom:1px solid var(--sx-line);padding:23px 0}.sx-plan-step>b{font-size:12px;color:var(--sx-brand);font-variant-numeric:tabular-nums}.sx-plan-step h3{font-size:17px;margin:0 0 7px}.sx-plan-step p{font-size:13px;margin:0}
.sx-cta-band{background:var(--sx-ink);color:white;border-radius:20px;padding:35px 40px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:64px}.sx-cta-band h2{color:#fff!important;font-size:28px;margin:0 0 10px}.sx-cta-band p{color:#b9cbd4;font-size:13px;max-width:590px;margin:0}.sx-cta-band button{flex-shrink:0}
.stx-app .stx-page-hero,.stx-app .stx-exam-hero{background:#edf3f1;color:var(--sx-ink);padding:50px 0;min-height:0}.stx-app .stx-page-hero h1,.stx-app .stx-exam-hero h1{font-size:clamp(30px,4vw,48px);color:var(--sx-ink);letter-spacing:-1.7px;margin:16px 0}.stx-app .stx-page-hero p,.stx-app .stx-exam-hero p{color:var(--sx-muted);font-size:15px;line-height:1.8}.stx-app .stx-exam-hero>.stx-container{gap:55px;grid-template-columns:minmax(0,1fr) 365px;align-items:start}.stx-app .stx-exam-summary{border:1px solid #d0dfd9;border-radius:16px;box-shadow:0 14px 35px #173b3010}.stx-app .stx-exam-summary h3{font-size:20px}.stx-app .stx-set-picker{background:#f3f7f5;border:1px solid #d7e3dc;border-radius:8px}.stx-app .stx-set-picker>span{color:var(--sx-brand)}
.stx-app .stx-search-box{border:1px solid var(--sx-line);box-shadow:none;border-radius:11px}.stx-app .stx-audience-switch button,.stx-app .stx-filter-chips button{box-shadow:none;font-size:12px;border-radius:7px;border:1px solid var(--sx-line);background:white;color:var(--sx-muted)}.stx-app .stx-audience-switch button.active,.stx-app .stx-filter-chips button.active{background:var(--sx-ink);color:white;border-color:var(--sx-ink)}
.stx-app .stx-panel-card,.stx-app .stx-content-card,.stx-app .stx-rating-card,.stx-app .stx-guide-card,.stx-app .stx-college-card{border:1px solid var(--sx-line);border-radius:14px;box-shadow:none}.stx-app .stx-dashboard-hero,.stx-app .stx-auth-art{background:var(--sx-ink)}.stx-app .stx-dashboard-hero h1,.stx-app .stx-auth-art h1{color:white}.stx-app .stx-dashboard-stats>div{border:1px solid var(--sx-line);border-radius:12px;box-shadow:none}
.sx-curriculum{margin-top:25px;border:1px solid var(--sx-line);border-radius:13px;background:white;padding:24px}.sx-curriculum summary{font-size:16px;font-weight:750;cursor:pointer;color:var(--sx-ink)}.sx-curriculum h4{margin:23px 0 10px;font-size:15px}.sx-curriculum ul{padding-left:20px;margin:0;font-size:13px;color:var(--sx-muted)}.sx-curriculum li{padding-block:5px}.sx-curriculum .sx-source-note{font-size:11px;color:#6d5732;background:#fff6e5;border-radius:8px;padding:13px;margin:18px 0 0}.sx-curriculum a{color:var(--sx-brand)}
.stx-app .stx-footer,.stx-static-shell .stx-footer{background:#0e2431;padding-top:48px;color:#d6e2e8}.stx-app .stx-footer :is(h4,.stx-brand strong){color:white}.stx-app .stx-footer p,.stx-app .stx-footer small{color:#a8bcc7}.stx-app .stx-footer a,.stx-app .stx-footer button{color:#cad9e1;font-size:12px}.stx-app .stx-footer-bottom{font-size:10px;background:transparent;border-top:1px solid #ffffff19;color:#9db2be;max-width:1240px;margin:auto}.stx-app .stx-whatsapp-float{background:#126b4a;box-shadow:0 5px 18px #153a2b20;border-radius:100px;padding:13px 17px;font-size:12px;bottom:20px;right:20px}.stx-app .stx-whatsapp-float svg{width:23px;height:23px}
.stx-app .stx-card-accent{height:49px;min-height:0;background:#f0f5f2!important;border-bottom:1px solid var(--sx-line);color:var(--sx-brand);padding:12px 22px}.stx-app .stx-card-accent span{font-size:14px;font-weight:800;color:var(--sx-brand)}.stx-app .stx-card-accent i{display:none}.stx-app .stx-test-card-body{padding:23px}.stx-app .stx-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0;border-block:1px solid var(--sx-line);gap:10px}.stx-app .stx-card-metrics span{font-size:10px;color:var(--sx-muted)}.stx-app .stx-card-metrics b{font-size:17px;display:block;color:var(--sx-ink)}.stx-app .stx-card-rating{color:var(--sx-muted);font-size:11px}.stx-app .stx-guide-card-item{background:#fff;border:1px solid var(--sx-line);border-radius:13px;box-shadow:none;padding:25px}.stx-app .stx-guide-card-item h3{font-size:21px}.stx-app .stx-guide-card-item p{font-size:13px;color:var(--sx-muted)}
/* CBT deliberately retains neutral paper, distinct from the public landing page. */
.stx-runner-overlay{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--stx-primary:#086fb5;--stx-secondary:#11344d}.stx-runner-overlay .stx-question-card{max-width:none;border-radius:6px;box-shadow:none;min-height:0;padding:27px}.stx-runner-overlay .stx-question-card h2{font-size:20px;line-height:1.7}.stx-runner-overlay .stx-options label{min-height:50px;font-size:15px;border-radius:7px}.stx-runner-overlay .stx-palette-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important}.stx-runner-overlay .stx-palette-grid button{min-width:0!important;width:100%!important;min-height:38px!important;height:38px!important;padding:0!important;font-size:13px!important;box-shadow:none!important;aspect-ratio:auto!important;color:#17394d;background:#f6f9fb;border-radius:6px!important}.stx-runner-overlay .stx-palette-grid button.answered{color:white;background:#18864e}.stx-runner-overlay .stx-palette-grid button.review{color:white;background:#7751ac}.stx-runner-overlay .stx-palette-grid button.current{outline:2px solid #c08713;outline-offset:2px}.stx-runner-overlay .stx-palette{overflow-y:auto!important;overflow-x:hidden!important;min-width:0!important}.stx-runner-overlay .stx-question-media{max-height:330px;object-fit:contain;width:auto;max-width:100%}.stx-runner-overlay .stx-question-area{min-height:0;overflow-y:auto;padding-bottom:28px}.stx-runner-overlay .stx-runner-actions{position:relative;flex-shrink:0;gap:8px}.stx-result-screen .stx-result-main{min-height:0;overflow:auto!important;overscroll-behavior:contain;padding-bottom:70px}.stx-result-screen .stx-result-top{flex-shrink:0}.stx-result-screen .stx-review-list>article{border-radius:10px}.stx-result-screen .stx-review-list>article[hidden]{display:none!important}
.stx-runner-overlay .stx-palette-grid button.answered-review,.stx-runner-overlay .stx-palette-grid button.not-answered{color:#fff}.stx-runner-overlay .stx-question-actions{position:relative;flex-shrink:0;gap:8px}
.sx-reveal{transition:opacity .55s ease,transform .55s ease}.sx-reveal.sx-pending{opacity:0;transform:translateY(16px)}
@media(min-width:1500px){.sx-hero{padding-block:78px}.sx-hero-grid{gap:100px}}
@media(max-width:1150px){.stx-app .stx-nav{gap:10px}.stx-app .stx-nav>a,.stx-app .stx-nav button{font-size:11px}.stx-app .stx-nav>a:nth-child(4),.stx-app .stx-nav>a:nth-child(6){display:none}.sx-hero-grid{gap:35px}.sx-hero h1{font-size:48px}.sx-track-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.stx-app .stx-container,.stx-static-shell .stx-container{width:calc(100% - 36px)}.stx-app .stx-nav-toggle{display:block;background:#f0f5f3;color:var(--sx-ink);border:1px solid var(--sx-line);border-radius:8px}.stx-app .stx-nav{display:none;position:absolute;top:84px;right:18px;left:18px;width:auto;background:#fff;padding:20px;border:1px solid var(--sx-line);border-radius:12px;box-shadow:0 10px 30px #1232;z-index:40}.stx-app .stx-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:6px}.stx-app .stx-nav.open>a{display:block;padding:10px;font-size:14px}.stx-app .stx-nav button{font-size:13px}.sx-hero-grid{grid-template-columns:1fr;gap:30px}.sx-hero{padding:35px 0}.sx-hero h1{font-size:47px;letter-spacing:-2px!important;max-width:600px}.sx-hero-copy>p{font-size:16px;max-width:620px}.sx-demo-wrap{max-width:580px;width:100%;margin:auto;padding-inline:8px}.sx-facts>.stx-container{grid-template-columns:repeat(3,1fr);padding-block:22px}.sx-facts p{grid-column:1/-1}.sx-section{padding:44px 0}.sx-section-heading h2{font-size:27px}.stx-app .stx-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-plan{gap:25px;grid-template-columns:1fr}.sx-plan h2{font-size:32px}.sx-cta-band{padding:26px;flex-direction:column;align-items:start}.stx-app .stx-exam-hero>.stx-container{grid-template-columns:1fr;gap:25px}.stx-app .stx-exam-summary{max-width:none}.stx-app .stx-footer-grid{grid-template-columns:repeat(2,1fr)}.stx-app .stx-whatsapp-float span{display:none}.stx-app .stx-whatsapp-float{padding:13px}}
@media(max-width:520px){.sx-hero h1{font-size:39px}.sx-track-grid{grid-template-columns:1fr}.sx-track{padding:17px}.sx-section-heading{align-items:start;flex-direction:column;gap:12px}.stx-app .stx-card-grid{grid-template-columns:1fr}.sx-demo-head{padding:14px}.sx-demo-question{padding:16px}.sx-search .stx-btn{padding:13px}.sx-search input{font-size:12px!important}.sx-confidence{font-size:10px;gap:10px}.sx-demo-head small{font-size:8px}.sx-demo-head strong{font-size:11px}.sx-facts strong{font-size:21px}.stx-app .stx-footer-grid{gap:30px 16px}.stx-app .stx-footer-bottom{flex-direction:column;gap:6px;padding:20px 18px}.stx-app .stx-page-hero{padding-block:32px}.stx-app .stx-search-box small{display:none}.stx-runner-overlay .stx-question-card{padding:17px}.stx-runner-overlay .stx-question-card h2{font-size:17px}.stx-runner-overlay .stx-runner-actions{display:flex;flex-wrap:wrap}.stx-runner-overlay .stx-runner-actions button{font-size:11px;padding:9px}.stx-runner-overlay .stx-options label{font-size:14px}}
@media(prefers-reduced-motion:reduce){.stx-app *,.stx-runner-overlay *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sx-reveal.sx-pending{opacity:1;transform:none}}
@media print{.stx-result-screen .stx-result-main{overflow:visible!important;height:auto!important}.stx-result-screen .stx-review-controls,.stx-result-screen .stx-report-question{display:none}}