@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#edf3fa;--ink:#172b45;--muted:#5d6e83;--blue:#315fdf;--line:#cedae8;--navy:#152a44;--white:#fff;--soft:#dfe9f6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 'Noto Sans KR','Malgun Gothic',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%}h1,h2,h3,p{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #658bf5;outline-offset:5px}::selection{background:#c7d8ff}.sprite{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1280px;padding:0 42px;margin:auto}.skip{position:absolute;z-index:10;left:20px;top:-100px;padding:12px 20px;background:var(--ink);color:white}.skip:focus{top:10px}
nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:19px}.brand img{height:32px;width:auto}.brand>span{border-left:1px solid #b9cadd;padding-left:19px;font-size:10px;letter-spacing:1.6px;white-space:nowrap;font-weight:600;color:var(--muted)}.nav-links{display:flex;gap:29px;align-items:center;font-size:12px;font-weight:600}.nav-links>a:not(.button):hover{color:var(--blue)}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;font-size:13px;font-weight:600;line-height:1.5;border:1px solid var(--ink);border-radius:6px;padding:17px 22px;transition:transform .2s,background .2s}.button svg{width:17px;height:17px}.button:hover{transform:translateY(-2px)}.button.small{padding:11px 16px;gap:16px}.button.primary{background:var(--blue);color:white;border-color:var(--blue)}.button.primary:hover{background:#244fc8}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;font-weight:600}.text-link span{font-size:19px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--blue);font-weight:700;display:flex;align-items:center;gap:12px;margin-bottom:24px}.small-line{height:1px;width:25px;background:var(--blue)}
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:42px;align-items:center;padding-top:84px;padding-bottom:87px}.hero h1{font-size:clamp(36px,3.6vw,51px);font-weight:800;line-height:1.35;letter-spacing:-2.8px}.hero h1 em{font-style:normal;color:var(--blue)}.intro{font-size:15px;line-height:1.95;color:var(--muted);margin-top:27px}.actions{display:flex;gap:25px;align-items:center;margin-top:32px;flex-wrap:wrap}.hero-caption{display:flex;align-items:center;gap:13px;margin-top:39px;font-size:10px;line-height:1.85;color:var(--muted)}.hero-caption strong{font-weight:500;color:var(--ink)}.avatar-mark{display:flex;border:1px solid #cbd9e9;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;color:var(--blue)}.avatar-mark svg{width:18px;height:18px}.hero-visual{position:relative;padding:12px 0 104px;min-width:0}.visual-label{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.3px;margin-bottom:14px;color:#667e9a}.player{border:6px solid #20354e;border-radius:16px;background:#152a44;box-shadow:0 25px 48px -24px #172f6560;overflow:hidden;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.player-top{display:flex;justify-content:space-between;align-items:center;color:#c9d9ed;height:40px;padding:0 15px;font-size:8px;letter-spacing:.8px}.course-label{display:flex;align-items:center;gap:6px}.course-label i{width:4px;height:4px;background:#80e9c2;border-radius:50%}.secure-tag{display:flex;align-items:center;gap:5px;font-size:8px;color:#b2c9e3;letter-spacing:0}.secure-tag svg{width:11px;height:11px}.lesson-stage{position:relative;min-height:271px;background:#dbe5f2;overflow:hidden;padding:42px 28px}.lesson-number{position:absolute;right:17px;top:15px;color:#566c88;font-size:8px;letter-spacing:1px}.lesson-title{position:relative;z-index:2;pointer-events:none}.lesson-title>span{display:block;letter-spacing:1.8px;font-size:7px;color:#526e98;font-weight:700;margin-bottom:14px}.lesson-title strong{display:block;line-height:1.45;font-size:29px;letter-spacing:-1px;font-weight:700}.lesson-shape{position:absolute;width:230px;height:230px;right:-10px;top:24px;display:grid;place-items:center}.shape-grid{position:absolute;inset:0;background-image:linear-gradient(#809ab518 1px,transparent 1px),linear-gradient(90deg,#809ab518 1px,transparent 1px);background-size:26px 26px;transform:rotate(-15deg)}.orbit{position:absolute;width:165px;height:165px;border:24px solid #5f89ee;border-radius:50%;transform:rotate(-35deg) scaleX(.52);box-shadow:inset 3px 0 6px #1e459b25,2px 2px 5px #1e459b15}.orbit-two{transform:rotate(35deg) scaleX(.52);border-color:#91b3fa;mix-blend-mode:multiply}.shape-core{z-index:1;display:grid;place-items:center;width:58px;height:58px;background:#fff;border-radius:15px;box-shadow:0 12px 28px #264d7833;transform:rotate(-10deg);color:#3a65bd;font-size:33px;font-weight:600}.spark{position:absolute;color:#668bd3;font-size:28px;font-weight:400}.spark-one{right:21px;top:18px}.spark-two{left:10px;bottom:5px;font-size:18px}.subtitle{position:absolute;bottom:18px;left:18px;right:18px;margin:auto;width:fit-content;max-width:calc(100% - 36px);padding:4px 9px;background:#192e49db;color:white;font-size:9px;text-align:center;border-radius:2px;z-index:3}.watermark{position:absolute;bottom:4px;right:10px;font-size:5px;letter-spacing:1px;color:#253b5d88}.player-controls{padding:15px 14px 9px;color:#e2e9f5}.seek-track{height:3px;background:#526781;border-radius:4px;overflow:hidden}.seek-track>span{display:block;height:100%;width:17.5%;background:#8cafef;transition:width .9s linear}.control-row,.control-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-row{padding-top:9px}.icon-button{display:grid;place-items:center;background:none;border:0;padding:5px;color:#e2e9f5;width:32px;height:32px}.icon-button svg{width:16px;height:16px}.time{font:9px/1.5 'Noto Sans KR',sans-serif;letter-spacing:.6px;font-variant-numeric:tabular-nums}.time>span+span{color:#9fb2cb}.caption-button{background:none;border:1px solid #b7c8dd;color:#e2e9f5;padding:1px 4px;border-radius:2px;font:bold 10px Arial;min-height:25px;min-width:30px}.caption-button[aria-pressed=false]{opacity:.45}.quality{font:8px Arial;color:#c4d3e5}.download-float{position:absolute;bottom:27px;right:-16px;display:flex;align-items:center;gap:12px;border:1px solid #d8e2f0;border-radius:9px;padding:15px 18px;background:#ffffff;box-shadow:0 12px 28px #2c477615;min-width:280px;transform:rotate(-2deg)}.download-icon{width:33px;height:33px;border-radius:8px;background:#eaf0ff;color:var(--blue);display:grid;place-items:center}.download-icon svg{width:16px;height:16px}.download-float strong{font-size:11px;display:block}.download-float div>span{font-size:9px;color:var(--muted);display:block}.download-float>.check{width:15px;height:15px;color:#467a67;margin-left:7px}.preview-note{position:absolute;bottom:0;left:0;font-size:9px;color:#677b96}
.player[data-playing=true] .shape-core{animation:float 5s ease-in-out infinite}.player[data-playing=true] .spark-one{animation:spark 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(5deg)}}@keyframes spark{50%{transform:rotate(90deg);opacity:.4}}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px}.capabilities>div{padding-left:30px;border-left:1px solid var(--line)}.capabilities>div:first-child{padding:0;border:0}.capabilities>div>span{font-size:8px;letter-spacing:1.7px;color:var(--muted)}.capabilities strong{display:block;font-size:21px;letter-spacing:-.3px;line-height:1.8;font-weight:600}.capabilities small{font-size:11px;font-weight:400;color:var(--muted);margin-left:13px;letter-spacing:0}
.section{padding-top:102px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:44px}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:4px}h2{font-size:34px;letter-spacing:-1.6px;line-height:1.5;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{position:relative;padding:30px 27px 25px;background:#ffffff60;border:1px solid #d4dfed;border-radius:8px}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #bfcfe5;border-radius:10px;color:#3861a1;margin-bottom:34px}.feature-icon svg{width:23px;height:23px}.index{position:absolute;right:27px;top:35px;font-size:11px;color:#798da8;letter-spacing:1px}.feature-grid h3{font-size:20px;letter-spacing:-.6px;margin-bottom:15px}.feature-grid p{font-size:13px;color:var(--muted);line-height:1.9;min-height:78px}.feature-tag{display:block;border-top:1px solid var(--line);margin-top:27px;padding-top:18px;color:#496688;font-size:10px}
.learning-section{background:var(--navy);color:#edf4ff;padding:85px 0 90px}.learning-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.learning-section .eyebrow{color:#9bb8e8}.learning-section h2>span{color:#b4c9ec}.learning-section .intro{color:#a9bad2;font-size:13px}.benefit-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:20px}.benefit-list li{display:flex;gap:13px}.benefit-list svg{color:#a8c4f4;width:17px;margin-top:4px}.benefit-list strong{font-size:13px;font-weight:500}.benefit-list p{font-size:11px;color:#a9bad2;margin-top:4px}.section-note{color:#a9bad2;font-size:10px;max-width:340px;margin-top:28px;line-height:1.8}.library-art{position:relative;padding:34px 30px 27px;border-radius:12px;background:#f0f5fb;color:var(--ink);box-shadow:12px 12px 0 #243c5b;transform:rotate(2deg)}.library-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#657990;margin-bottom:25px}.library-heading svg{width:17px;height:17px}.library-art h3{font-size:27px;line-height:1.5;letter-spacing:-1px;margin-bottom:29px}.library-item{display:flex;align-items:center;gap:12px;border-top:1px solid #d5e0ed;padding:19px 0}.lesson-thumb{display:grid;place-items:center;width:45px;height:51px;border-radius:5px;font-size:24px;font-family:Georgia,serif;flex-shrink:0}.blue{background:#d2dff6;color:#375699}.peach{background:#f0ddcb;color:#866346}.library-item div{flex:1}.library-item strong{display:block;font-size:11px;font-weight:600}.library-item div>span{display:block;font-size:8px;letter-spacing:1px;color:#677d99;margin-top:5px}.ready{font-size:8px;color:#406f60;background:#e0ece5;border-radius:4px;padding:4px 7px;white-space:nowrap}.library-bottom{display:flex;align-items:center;gap:8px;font-size:10px;background:#e2ebf5;padding:13px;border-radius:4px;margin-top:8px;color:#526b8b}.offline-dot{width:5px;height:5px;border-radius:50%;background:#50799d}.art-note{display:block;text-align:right;font-size:8px;color:#6c7e95;margin-top:14px}
.integration-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:26px;padding:38px 0 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.integration-flow article>span{font:italic 24px Georgia,serif;color:#607fa9}.integration-flow h3{font-size:18px;letter-spacing:-.5px;margin:15px 0 10px}.integration-flow p{font-size:12px;color:var(--muted);line-height:1.9}.flow-arrow{align-self:center;color:#8a9db7}.use-cases{display:flex;gap:40px;align-items:center;padding-top:25px;color:#52667f;font-size:12px}.use-cases>span{font-size:10px;font-weight:600;white-space:nowrap}.use-cases i{font-style:normal;color:#a6b4c7;margin:0 16px}.ecosystem{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;padding-bottom:90px}.ecosystem-heading{padding:28px 18px 0 0}.ecosystem-heading h2{font-size:28px}.ecosystem-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:22px}.service-card{padding:27px 25px;border-radius:8px;transition:transform .2s;border:1px solid #d2ded7;display:block}.service-card:hover{transform:translateY(-5px)}.service-card>span{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.7px;font-weight:600}.service-card>span>svg{width:17px;height:17px}.service-card h3{font-size:19px;letter-spacing:-.5px;margin:16px 0 10px}.service-card p{font-size:12px;line-height:1.9}.service-card>strong{display:block;margin-top:25px;font-size:10px;font-weight:600}.study{background:#e1ebe1;color:#315947}.speech{background:#eae6f3;color:#5e4d8c;border-color:#dbd4e8}.mini-timer{font-size:37px;font-weight:500;line-height:1.6;margin-top:32px;letter-spacing:-2px;font-variant-numeric:tabular-nums}.mini-timer span{opacity:.5}.mini-wave{display:flex;align-items:center;gap:5px;height:60px;margin-top:32px}.mini-wave i{width:5px;height:15px;border-radius:8px;background:#9582bd}.mini-wave i:nth-child(3n){height:45px}.mini-wave i:nth-child(3n+1){height:30px}.mini-wave i:nth-child(2n){background:#b5a5d2}
.faq{display:grid;grid-template-columns:1fr 1.65fr;gap:70px;border-top:1px solid var(--line);padding-top:64px;padding-bottom:72px}.questions details{border-bottom:1px solid var(--line);padding:0 0 18px;margin:0 0 20px}.questions summary{position:relative;cursor:pointer;font-size:14px;font-weight:500;padding-right:30px;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:3px;color:#57708f;font-size:19px;top:-3px}.questions details[open] summary:after{content:'−'}.questions details p{font-size:12px;color:var(--muted);line-height:1.9;margin:15px 25px 0 0}.closing{padding-bottom:80px}.closing-inner{border-top:1px solid #becfe4;padding:55px 0 0;display:flex;justify-content:space-between;gap:40px;align-items:center}.closing-inner h2{font-size:31px}.closing-inner p:last-child{font-size:12px;color:var(--muted);margin-top:18px}.closing-inner .button{flex-shrink:0}
.site-footer{background:#dfe8f3;border-top:1px solid #c8d6e7;color:#586d87;padding:46px 0 28px;font-size:12px;line-height:1.85}.footer-inner{max-width:1280px;margin:auto;padding:0 42px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:44px;margin-bottom:30px}.footer-logo{height:26px;width:auto;display:block;margin-bottom:17px}.site-footer p{font-size:11px;line-height:1.9;margin-bottom:5px}.site-footer .footer-desc{margin-bottom:13px}.site-footer h3{font-size:11px;color:#314d71;letter-spacing:1px;margin:0 0 15px}.footer-links-list{display:grid;gap:6px;font-size:11px}.site-footer a:hover{color:var(--blue)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #c8d6e7;padding-top:22px}.store-links{display:flex;gap:24px;font-size:10px}
@media(min-width:1400px){.hero{padding-top:98px;padding-bottom:100px}.lesson-stage{min-height:290px}.lesson-title strong{font-size:32px}.lesson-shape{right:0;top:35px}}
@media(max-width:1050px){.wrap{padding-left:30px;padding-right:30px}.nav-links{gap:18px}.hero{gap:22px}.hero h1{font-size:38px;letter-spacing:-2px}.hero .intro{font-size:13px}.hero .actions{gap:20px}.hero .button{padding:14px 16px;font-size:12px}.hero .text-link{font-size:11px}.lesson-title strong{font-size:24px}.lesson-stage{padding:42px 20px;min-height:250px}.lesson-shape{right:-50px;opacity:.8}.download-float{right:-7px;min-width:250px;padding:13px}.learning-grid{gap:50px}.library-art{padding:28px 23px}.feature-grid article{padding:25px 22px}.feature-grid h3{font-size:18px}.feature-grid p{font-size:12px}.capabilities small{display:block;margin:0;line-height:1.8}.ecosystem{grid-template-columns:1fr 1fr}.ecosystem-heading{grid-column:1/-1;padding:0;margin-bottom:10px}.ecosystem-heading h2 br{display:none}.ecosystem-heading>p:last-child br{display:none}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}nav{height:80px}.brand img{height:28px}.brand{gap:12px}.brand>span{font-size:8px;padding-left:12px;letter-spacing:1px}.nav-links>a:not(.button){display:none}.button.small{font-size:11px;padding:10px 13px;gap:7px}.hero{grid-template-columns:1fr;gap:38px;padding-top:50px;padding-bottom:43px}.hero h1{font-size:clamp(35px,6.5vw,47px);letter-spacing:-1.8px}.hero .intro{font-size:14px;margin-top:22px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.hero-caption{margin-top:26px}.hero-visual{max-width:550px;width:100%;margin:auto;padding-bottom:104px}.player{transform:none}.lesson-stage{min-height:275px;padding:43px 30px}.lesson-title strong{font-size:30px}.lesson-shape{right:0;opacity:1}.download-float{right:7px;bottom:24px}.preview-note{font-size:8px}.capabilities{gap:12px;padding:21px 0}.capabilities>div{padding-left:15px}.capabilities>div>span{font-size:7px;letter-spacing:1px}.capabilities strong{font-size:18px}.capabilities small{font-size:10px;line-height:1.6;margin-top:3px}.section{padding-top:64px;padding-bottom:64px}h2{font-size:29px;letter-spacing:-1px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px;font-size:12px}.section-heading>p br{display:none}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-grid article{padding:25px}.feature-grid h3{font-size:20px}.feature-icon{margin-bottom:21px}.feature-grid p{min-height:0;font-size:13px}.feature-tag{margin-top:22px;padding-top:16px}.learning-section{padding:58px 0 65px}.learning-grid{grid-template-columns:1fr;gap:38px}.learning-section .intro{font-size:13px}.section-note{max-width:none}.library-art{max-width:500px;width:calc(100% - 12px);margin:auto;padding:28px;transform:rotate(1deg)}.library-item strong{font-size:12px}.library-item div>span{font-size:9px}.ready{font-size:9px}.integration-flow{grid-template-columns:1fr;gap:21px;padding:27px 0}.integration-flow article{padding-left:46px;position:relative}.integration-flow article>span{position:absolute;left:0;top:7px;font-size:20px}.integration-flow h3{margin:0 0 7px}.integration-flow p br{display:none}.flow-arrow{display:none}.section-heading>.text-link{margin-top:22px;font-size:12px}.use-cases{display:block;padding-top:22px}.use-cases p{margin-top:8px;font-size:11px}.use-cases i{margin:0 8px}.ecosystem{gap:15px;padding-bottom:65px}.ecosystem-heading h2{font-size:28px}.ecosystem-heading h2 br{display:block}.service-card{padding:23px 20px}.service-card h3{font-size:17px}.service-card p{font-size:11px}.service-card p br{display:none}.mini-timer{margin-top:23px;font-size:32px;height:58px}.mini-wave{margin-top:23px;height:58px;gap:4px}.mini-wave i{width:4px}.service-card>strong{font-size:9px}.faq{grid-template-columns:1fr;gap:28px;padding-top:46px;padding-bottom:40px}.faq h2 br{display:none}.questions summary{font-size:13px}.questions details p{font-size:12px}.closing{padding-bottom:50px}.closing-inner{display:block;padding-top:32px}.closing-inner h2{font-size:27px}.closing-inner .button{margin-top:25px}.closing-inner .eyebrow{font-size:8px;letter-spacing:1px}.footer-inner{padding:0 24px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:380px){.wrap{padding-left:20px;padding-right:20px}.brand>span{display:none}.hero h1{font-size:32px}.hero .actions{gap:18px}.hero .text-link{font-size:10px}.lesson-stage{padding-left:20px;min-height:255px}.lesson-title strong{font-size:26px}.lesson-shape{right:-55px}.download-float{min-width:245px;padding:11px;right:0}.subtitle{font-size:8px}.course-label{font-size:7px}.ecosystem{grid-template-columns:1fr}.service-card{padding:25px}.mini-timer,.mini-wave{margin-top:19px}.service-card p br{display:block}.library-art{padding:22px}.library-item{gap:9px}.library-item strong{font-size:10px}.lesson-thumb{width:38px}.library-bottom{font-size:9px}.capabilities small{font-size:9px}}
@media(max-width:480px){.brand>span{display:none}.button.small{white-space:nowrap}.lesson-shape{right:-60px;top:66px;transform:scale(.65);transform-origin:right center;opacity:.7}.lesson-title strong{font-size:26px}}
.ai-learning{padding-top:15px}.ai-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ai-cards article{padding:28px;background:#f8fbff;border:1px solid var(--line);border-radius:12px}.ai-label{font-size:9px;letter-spacing:1.5px;color:var(--blue);font-weight:700}.ai-cards h3{font-size:20px;margin:15px 0 12px;letter-spacing:-.6px}.ai-cards article>p{font-size:13px;color:var(--muted);line-height:1.9;min-height:100px}.ai-example{margin-top:25px;padding:18px;background:#eaf0f9;border-radius:8px;font-size:11px;min-height:185px}.ai-example>span{display:block;font-size:9px;color:var(--muted);margin-bottom:12px}.ai-example strong{display:block;font-size:12px;margin-bottom:12px}.ai-example ul{padding-left:16px;margin:0;line-height:2}.subtitle-example>div{padding:8px 0;border-top:1px solid #d3dfef}.subtitle-example b{font-size:9px;color:var(--blue);margin-right:6px}.quiz-example>div{padding:5px 0}.quiz-example .answer{display:flex;align-items:center;gap:6px;color:#255dc1;font-weight:700}.quiz-example svg{width:14px;height:14px}.quiz-example small{display:block;margin-top:10px;font-size:10px;color:var(--muted)}.language-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;background:#dce8fa;border-radius:12px;padding:34px;margin-top:25px}.language-panel .eyebrow{margin-bottom:9px;font-size:8px}.language-panel h3{font-size:23px}.language-panel h3 strong{font-size:48px;color:var(--blue);letter-spacing:-2px;margin-right:4px}.language-panel p:last-child{font-size:12px;color:var(--muted);margin-top:7px}.language-list{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.language-list li{padding:5px 12px;border:1px solid #c1d3ee;background:#ffffff85;border-radius:5px;font-size:11px}.ai-note{margin-top:16px;font-size:10px;color:var(--muted)}
@media(max-width:1050px){.ai-cards{gap:13px}.ai-cards article{padding:22px}.ai-cards h3{font-size:18px}.ai-cards article>p{min-height:130px}.language-panel{gap:25px}}
@media(max-width:760px){.ai-learning{padding-top:0}.ai-cards{grid-template-columns:1fr}.ai-cards article{padding:25px}.ai-cards h3{font-size:21px}.ai-cards article>p{min-height:0}.ai-example{min-height:0}.language-panel{grid-template-columns:1fr;padding:25px;gap:22px}.language-panel h3{font-size:22px}.language-list{gap:6px}.language-list li{padding:5px 9px}.ai-note{font-size:10px;line-height:1.9}}
.ai-cards article{min-width:0}.ai-example{overflow-wrap:anywhere}
@media(max-width:760px){.ai-cards{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}