:root{--navy:#1a237e;--navy-deep:#141a5e;--navy-pill:#eff1fb;--bg:#f8f9fc;--surface:#fff;--ink:#1a1d29;--muted:#5b6172;--border:#e3e6ef;--success:#1e9e63;--pron:#7c5570;--write:#5566a6;--talk:#b4694a;--radius:22px;--font:'Noto Sans','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--surface);color:var(--ink);font:400 15px/1.7 var(--font);-webkit-font-smoothing:antialiased}body:lang(ko){font-family:'Noto Sans KR','Noto Sans',sans-serif;word-break:keep-all}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #6675dc;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:600}h1,h2,h3{line-height:1.2;letter-spacing:-.045em}h2{font-size:clamp(34px,4vw,49px)}h3{letter-spacing:-.03em}.wrap{max-width:1200px;width:calc(100% - 96px);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;background:var(--navy);color:white;padding:10px 16px}.skip-link:focus{top:10px}.header{height:94px;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(227,230,239,.7);position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:0;font-size:28px;font-weight:600;letter-spacing:-1px;color:var(--navy);white-space:nowrap}.brand img{width:54px;height:54px;margin-left:-12px;margin-right:1px}.brand-dot{color:#6570b7}.desktop-nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}.desktop-nav a:hover,.footer-legal a:hover{color:var(--navy)}.nav-actions{display:flex;align-items:center;gap:23px}.language{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:13px}.globe{font-size:23px}.language select{border:0;background:transparent;color:var(--ink);padding:9px 2px;cursor:pointer;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--navy);border:1px solid var(--navy);border-radius:8px;padding:16px 24px;min-height:54px;color:white;font-size:14px;font-weight:500;line-height:1.5;transition:background .18s,transform .18s}.button:hover{background:var(--navy-deep);transform:translateY(-2px)}.button-small{padding:11px 19px;min-height:44px;font-size:13px}.button>span[aria-hidden]{font-size:23px;line-height:1}.menu-button{display:none;background:transparent;border:0;padding:12px}.menu-button span{display:block;width:23px;height:2px;background:var(--navy);margin:6px 0}.mobile-nav{padding:10px 0 22px;background:white}.mobile-nav a{padding:12px 0;display:block}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:762px;padding-top:60px;padding-bottom:60px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1.6;color:var(--navy);text-transform:uppercase}.little-line{width:24px;height:2px;background:var(--navy);flex-shrink:0}.hero h1{font-size:clamp(46px,5.6vw,73px);line-height:1.12;margin:26px 0 25px;letter-spacing:-.065em}.hero h1>span{display:block}.navy{color:var(--navy)}.hero-description{font-size:17px;line-height:1.85;color:var(--muted);max-width:490px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:33px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:11px;color:var(--navy);font-size:14px;font-weight:500;line-height:1.5}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.play-circle{width:26px;height:26px;border:1px solid var(--border);display:grid;place-items:center;border-radius:50%;font-size:9px;padding-left:2px}.availability{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:20px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;flex-shrink:0}.hero-bottom{margin-top:58px;padding-top:21px;border-top:1px solid var(--border);display:flex;align-items:center;gap:17px;font-size:11px;color:var(--muted)}.hero-bottom span[lang]{font-size:17px;letter-spacing:-.025em;color:var(--navy);font-family:'Noto Sans KR',sans-serif}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:620px;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:35px -20px 5px 0;background:radial-gradient(ellipse at center,#ecedfa 0,#f8f9fc 55%,transparent 72%);z-index:-2}.hangul-art{position:absolute;right:-12px;top:5px;color:#eff0f9;font-size:330px;font-weight:500;line-height:1;z-index:-1;transform:rotate(10deg)}.orbit{position:absolute;border:1px solid #e3e6f4;border-radius:50%;width:490px;height:490px;z-index:-1}.orbit-two{width:390px;height:590px;transform:rotate(40deg)}.phone{width:267px;padding:9px;background:#171c46;border-radius:39px;box-shadow:17px 22px 48px -22px #17244950,0 0 0 1px #101637;transform:rotate(6deg);overflow:hidden;position:relative}.phone img{width:100%;border-radius:30px;aspect-ratio:780/1688;object-fit:cover}.phone-camera{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:59px;height:12px;background:#171c46;border-radius:0 0 10px 10px;z-index:1}.floating-note{display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.97);border:1px solid var(--border);border-radius:13px;padding:16px 19px;position:absolute;z-index:4;box-shadow:0 12px 35px -20px #242b6950}.note-top{left:-20px;top:85px;transform:rotate(-5deg)}.note-bottom{right:-15px;bottom:76px;transform:rotate(-3deg)}.note-icon{font-family:'Noto Sans KR',sans-serif;font-size:32px;color:var(--navy);width:38px;line-height:1.4}.note-label{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-bottom:3px}.floating-note strong{font-size:12px;letter-spacing:-.02em}.check-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e8f5ef;color:var(--success);font-size:18px}.screenshot-caption{position:absolute;bottom:0;text-align:center;font-size:10px;color:#7b8192}.learning-strip{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:25px;padding-bottom:25px}.strip-inner p{font-size:13px;color:var(--muted)}.strip-inner>div{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:500;color:var(--navy)}.strip-inner i{font-style:normal;color:#989fba}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:19px}.section-intro{max-width:390px;color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:4px}.path-tabs{display:flex;gap:9px;margin-bottom:20px}.path-tabs button{flex:1;text-align:center;border:1px solid var(--border);border-radius:9px;padding:18px;background:white;color:var(--muted);font-weight:500;font-size:14px;display:flex;align-items:center;justify-content:center;gap:13px;min-height:59px}.path-tabs button[aria-selected=true]{background:var(--navy);color:white;border-color:var(--navy)}.path-tabs button>span:first-child{font-size:21px;line-height:1}.path-panel{display:grid;grid-template-columns:1fr 1fr;background:var(--navy-pill);border:1px solid #e7e9f5;border-radius:var(--radius);overflow:hidden;min-height:410px}.path-copy{padding:49px}.small-pill{display:inline-flex;border:1px solid #d8ddef;padding:5px 10px;border-radius:5px;font-size:9px;letter-spacing:.1em;font-weight:500;color:var(--navy);line-height:1.5}.path-copy h3{font-size:30px;line-height:1.35;color:var(--navy);margin:21px 0 17px}.path-copy>p{color:var(--muted);font-size:14px;line-height:1.85}.path-copy .path-note{font-size:12px;color:var(--navy);margin-top:17px;min-height:42px}.path-copy .text-link{margin-top:23px;font-size:13px}.path-illustration{display:flex;align-items:center;justify-content:center;padding:40px;position:relative;isolation:isolate}.path-paper{width:100%;max-width:350px;background:white;padding:25px 26px 17px;border:1px solid #e0e3f0;border-radius:12px;box-shadow:0 13px 30px -20px #1a237e55;transform:rotate(-3deg);z-index:2}.paper-top{display:flex;align-items:center;gap:8px;font-size:8px;color:var(--muted);letter-spacing:.07em}.paper-top>span:last-child{margin-left:auto;color:var(--navy)}.paper-dot{width:6px;height:6px;border-radius:50%;background:var(--navy)}.korean-greeting{font-family:'Noto Sans KR',sans-serif;font-size:39px;letter-spacing:-.06em;color:var(--navy);margin:25px 0 6px}.korean-greeting span{color:#8b94cb}.paper-translation{font-size:12px;color:var(--muted)}.paper-rule{height:1px;background:var(--border);margin:22px 0}.paper-skill{display:flex;gap:13px;align-items:center;margin:20px 0}.paper-skill strong{display:block;font-size:12px;font-weight:500;line-height:1.45}.paper-skill div>span{display:block;font-size:9px;line-height:1.7;margin-top:3px;color:var(--muted)}.paper-skill>span:last-child{margin-left:auto;color:var(--navy)}.skill-icon{width:32px;height:32px;background:var(--navy-pill);border-radius:8px;display:grid;place-items:center;font-size:16px;color:var(--navy);flex-shrink:0}.paper-foot{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:7px;border-top:1px solid var(--border);padding-top:14px;margin-top:24px}.paper-foot .status-dot{background:#9aa2c6;width:5px;height:5px}.paper-back{position:absolute;width:63%;height:70%;background:#dde1f6;border-radius:13px;transform:rotate(6deg);z-index:1}.method-section{background:var(--bg);overflow:hidden}.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.method-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:565px}.method-visual:before{content:'';position:absolute;width:440px;height:440px;background:#ebedf7;border-radius:50%}.method-screenshot{width:248px;height:526px;border:7px solid white;border-radius:32px;box-shadow:0 18px 45px -24px #282e6444;overflow:hidden;transform:rotate(-5deg);position:relative}.method-screenshot img{width:100%;height:100%;object-fit:cover}.method-stamp{position:absolute;bottom:45px;right:-3px;background:white;border:1px solid var(--border);border-radius:12px;padding:17px 22px;display:flex;gap:15px;align-items:center;box-shadow:0 10px 35px -20px #202c6b44}.method-stamp>span{font-size:29px;color:var(--navy)}.method-stamp strong{font-size:12px;display:block}.method-stamp div>span{font-size:10px;color:var(--muted);display:block}.method-copy>.eyebrow{margin-bottom:20px}.method-copy h2{margin-bottom:30px}.method-step{display:flex;gap:21px;padding:21px 0;border-top:1px solid var(--border)}.method-step>span{font-size:11px;color:#8f97bc;line-height:2}.method-step h3{font-size:17px;letter-spacing:-.02em;margin-bottom:9px}.method-step p{font-size:13px;color:var(--muted);line-height:1.85}.image-note{font-size:10px;line-height:1.8;color:#787f91;margin-top:15px}.exam-section{background:var(--navy-deep);color:white;position:relative;overflow:hidden}.exam-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.eyebrow.light{color:#b8bfeb}.exam-copy h2{margin:22px 0;font-size:42px;line-height:1.23}.exam-copy>p:not(.eyebrow){color:#bec4e6;font-size:14px;line-height:1.85}.exam-tabs{display:inline-flex;flex-wrap:wrap;gap:5px;background:#ffffff0b;border:1px solid #ffffff28;padding:5px;border-radius:8px;margin-top:28px}.exam-tabs button{border:0;background:transparent;color:#d1d5f4;padding:11px 17px;font-size:12px;border-radius:5px;min-height:43px}.exam-tabs button[aria-selected=true]{background:white;color:var(--navy)}.exam-copy .exam-disclaimer{font-size:10px!important;max-width:370px;margin-top:21px;color:#a4addb!important}.exam-demo{background:white;border-radius:var(--radius);color:var(--ink);padding:32px 36px;box-shadow:14px 16px 0 #ffffff07}.exam-demo-top{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.07em}.exam-demo-symbol{margin-left:auto;font-size:23px;color:var(--navy)}.exam-demo h3{font-size:25px;line-height:1.4;color:var(--navy);margin:25px 0}.exam-line{display:flex;align-items:flex-start;gap:16px;border-top:1px solid var(--border);padding:17px 0}.exam-line>span{color:var(--navy);font-size:22px;min-width:25px;line-height:1.4}.exam-line strong{font-size:13px;font-weight:500}.exam-line p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:4px}.exam-demo-bottom{font-size:9px;color:#7e8496;border-top:1px solid var(--border);padding-top:15px;margin-top:5px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:52px}.support-grid article{position:relative;padding-top:30px;border-top:1px solid var(--border)}.support-icon{width:51px;height:51px;border-radius:13px;display:grid;place-items:center;font-size:26px;margin-bottom:24px}.support-icon.pron{color:var(--pron);background:#f4eff3}.support-icon.write{color:var(--write);background:#eef0f8}.support-icon.review{color:var(--navy);background:var(--navy-pill)}.support-number{position:absolute;right:0;top:43px;font-size:10px;color:#969caf}.support-grid h3{font-size:21px;line-height:1.4;margin-bottom:13px}.support-grid p{font-size:13px;line-height:1.85;color:var(--muted)}.feature-note{font-size:10px;color:#737b8e;margin-top:33px}.faq-section{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-layout h2{margin:20px 0}.faq-layout>div>p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:290px}.faq-list details{border-bottom:1px solid #dce0ec}.faq-list details:first-child{border-top:1px solid #dce0ec}.faq-list summary{cursor:pointer;padding:24px 35px 24px 0;font-size:14px;font-weight:500;list-style:none;position:relative;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;top:22px;font-size:23px;color:var(--navy);font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:23px;max-width:95%}.contact-section{padding-top:110px;padding-bottom:110px;position:relative;text-align:center;isolation:isolate}.contact-section .eyebrow{justify-content:center}.contact-section h2{font-size:51px;margin:22px 0 20px;line-height:1.18}.contact-section p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:450px;margin:0 auto 28px}.contact-section .button{min-width:165px}.contact-email{display:block;width:max-content;margin:15px auto 0;font-size:11px;color:var(--muted)}.contact-email:hover{text-decoration:underline}.contact-art{position:absolute;inset:0;z-index:-1;overflow:hidden}.contact-art>span{position:absolute;font-family:'Noto Sans KR',sans-serif;color:#f2f3f9;font-size:90px;transform:rotate(-12deg);left:10px;top:140px}.contact-art>span:last-child{right:-15px;left:auto;top:260px;font-size:75px;transform:rotate(12deg)}.footer{border-top:1px solid var(--border);background:var(--bg);padding:34px 0 19px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-main .brand{font-size:23px}.footer-main .brand img{width:44px;height:44px;margin-left:-10px}.footer-main>p{color:var(--muted);font-size:11px}.footer-legal{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--border);font-size:9px;line-height:1.6;color:#848a9b;margin-top:23px;padding-top:18px;gap:20px}
@media(min-width:1440px){.hero{min-height:800px}.hero-visual{min-height:650px}.phone{width:280px}.note-top{left:0}.note-bottom{right:-4px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:18px;font-size:12px}.nav-actions{gap:15px}.hero{gap:10px;min-height:700px}.hero h1{font-size:55px}.hero-description{font-size:15px}.hero-visual{min-height:580px}.phone{width:235px}.floating-note{padding:12px;gap:9px}.note-top{left:0;top:80px}.note-bottom{right:-10px;bottom:74px}.note-label{font-size:7px}.floating-note strong{font-size:10px}.orbit{width:380px;height:380px}.orbit-two{width:300px;height:500px}.hangul-art{font-size:270px}.hero-actions{gap:18px}.button{padding:15px 19px;font-size:12px}.text-link{font-size:12px}.hero-bottom{gap:12px;font-size:10px}.hero-bottom span[lang]{font-size:15px}.method-layout,.exam-layout{gap:50px}.method-stamp{right:-12px;max-width:280px}.path-copy{padding:34px}.path-illustration{padding:28px}.path-copy h3{font-size:27px}.paper-skill div>span{font-size:9px}.exam-copy h2{font-size:36px}.faq-layout{gap:55px}.footer-main>p{display:none}.support-grid{gap:26px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.header{height:76px}.nav{gap:12px}.brand{font-size:25px}.brand img{width:48px;height:48px;margin-left:-11px}.desktop-nav,.nav-cta{display:none}.menu-button{display:block}.nav-actions{gap:12px}.mobile-nav:not([hidden]){display:block;width:100%;padding:10px 24px 20px;border-bottom:1px solid var(--border)}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:35px;gap:12px;min-height:auto}.hero h1{font-size:clamp(43px,8.3vw,64px);max-width:650px;margin-top:23px;margin-bottom:19px;letter-spacing:-.06em}.hero-description{max-width:560px;font-size:15px;line-height:1.85}.hero-actions{margin-top:27px}.hero-actions .button{padding:15px 19px;font-size:12px}.hero-actions .text-link{font-size:11px;gap:8px}.hero .eyebrow{font-size:9px;letter-spacing:.11em}.availability{font-size:10px;margin-top:16px}.hero-bottom{display:none}.hero-visual{min-height:560px;max-width:490px;width:100%;margin:12px auto 0}.phone{width:229px}.hangul-art{top:4px;right:7px}.orbit{width:min(95%,400px);height:390px}.orbit-two{width:280px;height:490px}.note-top{left:4px;top:78px}.note-bottom{right:3px;bottom:67px}.floating-note{padding:12px 14px}.floating-note strong{font-size:10px}.note-label{font-size:7px}.strip-inner{padding-top:22px;padding-bottom:22px;flex-direction:column;gap:12px;text-align:center}.strip-inner p{font-size:11px}.strip-inner>div{gap:17px;font-size:11px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:35px;line-height:1.2}.section-intro{margin-top:22px;font-size:13px;line-height:1.85;max-width:520px}.path-tabs{gap:6px;margin-bottom:13px}.path-tabs button{padding:13px 9px;font-size:11px;gap:7px;min-height:54px}.path-tabs button>span:first-child{font-size:16px}.path-panel{grid-template-columns:1fr;min-height:0}.path-copy{padding:29px 27px 10px}.path-copy h3{font-size:28px;max-width:400px}.path-copy>p{font-size:13px}.path-copy .path-note{font-size:11px;min-height:0}.path-copy .text-link{font-size:12px;margin-top:20px}.path-illustration{padding:35px 33px 39px}.path-paper{max-width:360px;padding:24px}.paper-back{height:75%;width:72%}.method-layout{grid-template-columns:1fr;gap:45px}.method-visual{order:2;min-height:555px}.method-copy{order:1}.method-copy h2{margin-bottom:25px}.method-step{padding:20px 0}.method-step p{font-size:13px}.method-stamp{right:0;bottom:27px;max-width:290px}.method-screenshot{width:245px;height:526px}.method-visual:before{width:min(100%,420px);height:410px}.exam-layout{grid-template-columns:1fr;gap:35px}.exam-copy h2{font-size:35px}.exam-copy>p:not(.eyebrow){font-size:13px}.exam-demo{padding:27px 25px}.exam-demo h3{font-size:25px}.exam-tabs{margin-top:23px}.exam-copy .exam-disclaimer{max-width:100%}.support-grid{grid-template-columns:1fr;gap:31px;margin-top:36px}.support-grid article{padding-top:25px}.support-icon{margin-bottom:18px}.support-grid h3{font-size:21px}.support-grid p{font-size:13px;max-width:500px}.support-number{top:40px}.feature-note{font-size:10px;line-height:1.9}.faq-layout{grid-template-columns:1fr;gap:33px}.faq-layout>div>p:not(.eyebrow){max-width:100%}.faq-list summary{font-size:13px;padding-top:21px;padding-bottom:21px}.faq-list details p{font-size:12px;max-width:100%}.contact-section{padding-top:72px;padding-bottom:73px}.contact-section h2{font-size:39px;margin-top:20px}.contact-section p:not(.eyebrow){font-size:13px}.contact-section .eyebrow{font-size:9px}.contact-art>span{font-size:65px;left:-32px;top:75px}.contact-art>span:last-child{right:-25px;top:300px;font-size:49px}.footer-main{align-items:flex-start;flex-direction:column;gap:19px}.footer-legal{gap:16px;font-size:10px}.footer-bottom{font-size:9px;flex-direction:column;gap:8px;margin-top:22px}.footer{padding-top:25px}.eyebrow{font-size:9px}.screenshot-caption{font-size:9px}}
@media(max-width:380px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:43px}.hero-actions{gap:17px;align-items:flex-start;flex-direction:column}.hero-actions .text-link{font-size:12px}.hero-visual{min-height:535px}.phone{width:215px}.floating-note{padding:10px 12px}.note-top{left:-2px}.note-bottom{right:-2px}.note-icon{width:27px;font-size:26px}.check-icon{width:26px;height:26px;font-size:15px}.floating-note strong{font-size:9px}.note-label{font-size:6px}.orbit-two{height:460px}.path-tabs button{font-size:10px;padding:12px 6px}.path-tabs button>span:first-child{display:none}.path-copy{padding:25px 23px 8px}.path-illustration{padding:32px 26px}.path-copy h3{font-size:26px}.exam-tabs button{font-size:11px;padding:11px 13px}.strip-inner>div{gap:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep decorative orbits within the hero at narrow widths without hiding page overflow. */
.hero-visual{overflow:clip}
.hero-visual .note-top{left:0}.hero-visual .note-bottom{right:0}

.footer-bottom {align-items:flex-start;gap:24px;line-height:1.7}.footer-bottom #company-address {max-width:65ch}


/* Device captures have their own space; copy stays on a quiet surface. */
.exam-section{background:radial-gradient(ellipse at 5% 100%,#373e88 0,transparent 53%),linear-gradient(125deg,#111541,#202879)}
.exam-layout{grid-template-columns:1.08fr 1fr;gap:80px;position:relative}.exam-demo{box-shadow:0 24px 70px #080c3626;border:1px solid #ffffff24}
.exam-preview-row{display:flex;align-items:center;gap:30px;margin-top:30px}
.exam-tabs{flex-direction:column;margin-top:0;min-width:140px;align-self:center;max-width:195px;flex:1;background:#ffffff09;border-color:#ffffff2a;padding:6px}
.exam-tabs button{text-align:left;padding:13px 18px;font-size:13px}
.app-scene{position:relative;margin:0;isolation:isolate;flex-shrink:0}
.device-display{background:#fff;border:6px solid #303863;border-radius:25px;overflow:hidden;box-shadow:0 24px 50px -20px #0b103b70}
.device-display img{width:100%;height:auto;display:block}
.app-scene figcaption{font-size:9px;line-height:1.6;text-align:center;margin-top:12px;color:var(--muted)}
.exam-scene{width:158px;transform:rotate(-4deg)}.exam-scene figcaption{color:#c9cdef}
.exam-copy .exam-disclaimer{max-width:440px;margin-top:25px}
.support-section{position:relative;isolation:isolate;overflow:visible}
.support-section>.section-heading{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:44px;align-items:center}
.support-section .section-heading h2{font-size:clamp(32px,3.3vw,42px);line-height:1.28}
.support-section .section-intro{max-width:300px;font-size:14px}
.ai-scene{width:190px;justify-self:center}
.ai-scene:before{content:'';position:absolute;inset:-30px -65px;background:radial-gradient(ellipse,#e6e9fb 0,#f5f6fc 50%,transparent 72%);z-index:-1}
.ai-scene .device-display{border-color:#252c5c;box-shadow:0 24px 55px -20px #29336d50}
.support-grid{gap:24px;margin-top:56px}
.support-grid article{background:#fff;padding:28px 24px;border:1px solid var(--border);border-radius:16px}
.support-number{right:24px}
@media(max-width:1000px){.exam-layout{gap:42px}.support-section>.section-heading{gap:24px;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr)}.ai-scene{width:170px}.exam-preview-row{gap:20px}.exam-tabs{min-width:120px}}
@media(max-width:760px){.exam-layout{grid-template-columns:1fr;gap:40px}.exam-preview-row{gap:18px;justify-content:center}.exam-scene{width:145px}.exam-tabs{min-width:0}.exam-tabs button{padding:12px;font-size:12px}.support-section>.section-heading{grid-template-columns:1fr;gap:28px}.support-section .section-intro{max-width:none;font-size:15px}.ai-scene{width:180px}.ai-scene:before{inset:-18px -40px}.support-grid{margin-top:36px}.support-grid article{padding:25px 22px}.support-number{right:22px}}