.ai-page{background:#fbfaf4;color:var(--ink)}
.ai-hero{display:grid;gap:42px;padding:38px 0 72px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;font-size:13px;color:var(--muted)}.breadcrumb a{color:inherit}.ai-hero h1{font:700 clamp(48px,12vw,82px)/.98 'Fredoka';letter-spacing:-.04em;margin:12px 0 20px}.ai-hero h1 em{font-style:normal;color:#4f46c7}.ai-hero-copy>p:not(.eyebrow){max-width:690px;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}
.ai-machine{position:relative;display:grid;grid-template-columns:1fr auto 1.1fr auto .8fr;align-items:center;gap:8px;min-height:340px;padding:38px 24px 70px;border-radius:34px;background:linear-gradient(145deg,#dedbff,#f0eeff);overflow:hidden}.ai-machine:before{content:'';position:absolute;width:290px;height:290px;border:2px dashed rgba(79,70,199,.2);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}.ai-machine>div{position:relative;z-index:2;display:grid;place-items:center;gap:5px;min-height:102px;padding:15px 8px;border-radius:22px;background:#fff;box-shadow:0 14px 30px rgba(41,34,111,.12)}.ai-machine>i{position:relative;z-index:2;color:#554bc8;font:700 25px 'Fredoka';font-style:normal}.machine-input{grid-template-columns:repeat(3,1fr)}.machine-input span{font-size:24px}.machine-input small{grid-column:1/-1}.ai-machine .machine-core{min-height:145px;background:#4f46c7;color:#fff;transform:rotate(-2deg)}.machine-core span{font-size:29px}.machine-core strong{font:700 36px 'Fredoka'}.machine-core small{color:#dedbff}.machine-output span{font-size:37px}.ai-machine>div small{font-weight:700}.ai-machine>p{position:absolute;left:8%;right:8%;bottom:20px;text-align:center;color:#4f478c;font-size:13px;font-weight:700}
.truth-strip{background:#171444;color:#fff}.truth-grid{display:grid;grid-template-columns:1fr 1fr}.truth-grid>div{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;align-items:center;padding:22px 10px}.truth-grid span{grid-row:1/3;font-size:25px}.truth-grid strong{font:700 16px 'Fredoka'}.truth-grid small{color:#bbb6ed}
.lesson-section,.compare-section,.examples-section,.limits-section,.summary-section{padding:82px 0}.section-intro{max-width:800px;margin-bottom:34px}.section-intro h2{font:700 clamp(34px,7vw,52px)/1.08 'Fredoka';letter-spacing:-.02em;margin:8px 0 15px}.section-intro>p:last-child{color:var(--muted);font-size:17px}.definition-grid,.compare-grid,.limits-grid{display:grid;gap:20px}.definition-grid article{padding:28px;border:1px solid var(--line);border-radius:25px;background:#fff}.definition-grid article>span{font-size:36px}.definition-grid h3,.compare-grid h3,.garbage-note h3{font:700 25px 'Fredoka';margin:12px 0 7px}.definition-grid p,.compare-grid p{color:var(--muted)}.plain-note,.garbage-note,.responsibility-note{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start;margin-top:24px;padding:20px 22px;border-radius:20px}.plain-note{background:#fff1bc}.plain-note>span,.garbage-note>span,.responsibility-note>span{font-size:27px}.plain-note p,.responsibility-note p{margin:0}
.learning-section{padding:86px 0;background:#4f46c7;color:#fff}.light-intro .eyebrow{color:#c9c5ff}.light-intro>p:last-child{color:#dfddff}.pipeline{display:grid;gap:10px}.pipeline article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:21px;background:rgba(255,255,255,.1)}.pipeline article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffdc5e;color:#4d3c00;font:700 18px 'Fredoka'}.pipeline strong{font:700 22px 'Fredoka'}.pipeline p{margin-top:5px;color:#dfddff;font-size:14px}.pipeline>i{justify-self:center;color:#c9c5ff;font:700 24px 'Fredoka';font-style:normal;transform:rotate(90deg)}.garbage-note{background:#fff;color:var(--ink)}.garbage-note h3{margin:0 0 5px}.garbage-note p{margin:0;color:var(--muted)}
.compare-grid article{padding:29px;border-radius:26px}.regular-card{background:#e7f5ee}.model-card{background:#ebe8ff}.compare-icon{font-size:38px}.code-example{margin:18px 0;padding:17px;border-radius:14px;background:#fff;overflow-x:auto}.code-example code{font:700 14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#363166}.compare-grid small{color:var(--muted)}
.lab-section{padding:84px 0;background:#171444;color:#fff}.lab-layout{display:grid;gap:35px}.lab-copy h2{font:700 clamp(38px,8vw,58px) 'Fredoka';margin:8px 0 12px}.lab-copy>p{color:#c9c5e7}.lab-copy ol{padding-left:22px;color:#e6e4ff}.lab-copy li{margin:8px 0}.lab-warning{margin-top:22px;padding:15px 17px;border-left:4px solid #ffdc5e;background:rgba(255,255,255,.08);color:#d8d5f8;font-size:13px}.trainer-card{padding:22px;border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 22px 55px rgba(0,0,0,.26)}.trainer-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:700}.trainer-top button{border:0;background:transparent;color:#4f46c7;font-weight:700;cursor:pointer}.sample-box{display:flex;align-items:center;gap:17px;margin:18px 0;padding:20px;border-radius:20px;background:#f3f1ff}.sample-box>span{font-size:52px}.sample-box small{display:block;color:var(--muted)}.sample-box strong{font:700 21px 'Fredoka'}.trainer-question{font-weight:700}.trainer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trainer-actions button{padding:13px;border:2px solid #dedbf2;border-radius:14px;background:#fff;font-weight:700;cursor:pointer}.trainer-actions button:hover,.trainer-actions button:focus-visible{border-color:#4f46c7;background:#f3f1ff}.training-meter{height:8px;margin:18px 0;border-radius:9px;background:#ebe9f2;overflow:hidden}.training-meter i{display:block;width:0;height:100%;border-radius:inherit;background:#36aa78;transition:width .25s}.test-button{width:100%;border:0}.test-button:disabled{opacity:.45;cursor:not-allowed}.prediction{display:flex;align-items:center;gap:10px;min-height:66px;margin-top:15px;padding:13px;border-radius:15px;background:#fff7d6}.prediction span{font-size:30px}.prediction p{margin:0;font-size:14px}.prediction.good{background:#def6e9}.prediction.bad{background:#ffe4df}
.example-grid{display:grid;gap:16px}.example-grid article{padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff}.example-grid span{font-size:32px}.example-grid h3{font:700 22px 'Fredoka';margin:9px 0 5px}.example-grid p{color:var(--muted);font-size:14px}.generative-section{padding:84px 0;background:#e9f6ef}.generative-layout{display:grid;gap:30px}.generative-layout h2{font:700 clamp(36px,8vw,54px)/1.05 'Fredoka';margin:8px 0 14px}.generative-layout>div:first-child>p:not(.eyebrow){color:#415b4d}.prompt-demo{padding:25px;border-radius:25px;background:#fff;box-shadow:0 18px 40px rgba(29,82,53,.1)}.prompt-demo p{padding:14px;border-radius:13px;background:#f5f4fa}.prompt-demo i{display:block;text-align:center;color:#4f46c7;font-style:normal;font-size:23px}.prompt-label,.answer-label{display:inline-block;padding:4px 9px;border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.prompt-label{background:#fff1bc;color:#735900}.answer-label{background:#e7e4ff;color:#4f46c7}.prompt-demo small{display:block;color:#a33f32;font-weight:700}
.limits-grid article{padding:27px;border-radius:25px}.limits-grid h3{font:700 25px 'Fredoka';margin-top:0}.limits-grid ul{padding-left:20px}.limits-grid li{margin:10px 0}.strength{background:#e6f6ed}.weakness{background:#ffebe6}.safety-section{padding:85px 0;background:#4f46c7;color:#fff}.safety-grid{display:grid;gap:16px}.safety-grid article{padding:23px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:rgba(255,255,255,.09)}.safety-grid span{font-size:31px}.safety-grid h3{font:700 23px 'Fredoka';margin:8px 0 5px}.safety-grid p{color:#dfddff;font-size:14px}.responsibility-note{background:#fff;color:var(--ink)}
.quiz-section{padding:85px 0;background:#fff1bc}.quiz-layout{display:grid;gap:30px}.quiz-layout>div:first-child h2{font:700 clamp(36px,8vw,52px)/1.06 'Fredoka';margin:8px 0 12px}.quiz-card{padding:24px;border-radius:26px;background:#fff;box-shadow:0 20px 45px rgba(100,77,0,.12)}.quiz-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700}.quiz-card h3{font:700 23px/1.25 'Fredoka';margin:21px 0}.quiz-options{display:grid;gap:9px}.quiz-options button{padding:13px 15px;border:2px solid #e7e3d2;border-radius:13px;background:#fff;text-align:left;font-weight:700;cursor:pointer}.quiz-options button:hover,.quiz-options button:focus-visible{border-color:#4f46c7}.quiz-options button.correct{border-color:#2c9a68;background:#e4f7ed}.quiz-options button.wrong{border-color:#d65b48;background:#ffebe6}.quiz-options button:disabled{cursor:default;color:inherit}.quiz-card #quizFeedback{min-height:48px;margin:14px 0 0;font-size:14px}.summary-section{display:grid;gap:22px}.summary-card,.next-card{padding:28px;border-radius:27px}.summary-card{background:#ebe8ff}.summary-card h2,.next-card h2{font:700 32px 'Fredoka';margin:8px 0 14px}.summary-card ol{padding-left:22px}.summary-card li{margin:10px 0}.next-card{background:#171444;color:#fff}.next-card>span{font-size:43px}.next-card p:not(.eyebrow){color:#c9c5e7}.source-section{padding-bottom:70px}.source-section details{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}.source-section summary{cursor:pointer;font-weight:800}.source-section p{margin-top:13px;color:var(--muted);font-size:14px}.ai-share{padding:70px 0;background:#dff5ef}.share-panel{display:grid;gap:17px}.share-panel h2{font:700 clamp(32px,7vw,46px) 'Fredoka';margin:7px 0}.share-panel p{color:#365b4d}.share-panel>#shareFeedback{margin:0;font-weight:700}
@media(min-width:700px){.truth-grid{grid-template-columns:repeat(4,1fr)}.definition-grid,.compare-grid,.limits-grid{grid-template-columns:1fr 1fr}.example-grid,.safety-grid{grid-template-columns:1fr 1fr}.summary-section{grid-template-columns:1.2fr .8fr}.share-panel{grid-template-columns:1fr auto;align-items:center}.share-panel>#shareFeedback{grid-column:1/-1}}
@media(min-width:900px){.ai-hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:65px;padding:65px 0 95px}.pipeline{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch}.pipeline>i{align-self:center;transform:none}.lab-layout,.generative-layout,.quiz-layout{grid-template-columns:1fr 1fr;align-items:center;gap:65px}.example-grid{grid-template-columns:repeat(3,1fr)}.safety-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.ai-machine{grid-template-columns:1fr auto 1.1fr auto .8fr;min-height:292px;padding:28px 13px 62px}.ai-machine>div{min-height:83px;padding:10px 5px;border-radius:17px}.ai-machine .machine-core{min-height:120px}.machine-input span{font-size:18px}.machine-core strong{font-size:29px}.machine-output span{font-size:28px}.ai-machine>i{font-size:19px}.truth-grid>div{padding:18px 7px}.truth-grid small{font-size:11px}.lesson-section,.compare-section,.examples-section,.limits-section,.summary-section{padding:67px 0}.trainer-card{padding:17px}.safety-grid{grid-template-columns:1fr}.quiz-card{padding:19px}}
@media(prefers-reduced-motion:reduce){.training-meter i{transition:none}}