.learn-update-strip{display:flex;align-items:center;justify-content:center;gap:16px;padding:13px 24px;background:linear-gradient(105deg,#b6ebff12,#c8b9ff20,#f4c0dc10);border-bottom:1px solid #b9d8ff35;color:#e9edff;font-size:13px}.learn-update-strip>span{padding:3px 9px;border-radius:20px;background:#b8eaff;color:#102039;font-size:10px;font-weight:800;letter-spacing:.08em}.learn-update-strip strong{font-weight:500}.learn-update-strip b{color:#bfefff;font-size:12px;white-space:nowrap}.learn-home{margin-top:25px;margin-bottom:60px;padding:34px;border:1px solid #b5caff3b;border-radius:24px;display:grid;grid-template-columns:1.25fr 1fr;gap:36px;background:radial-gradient(ellipse at 100% 0,#9581e821,transparent 70%),#101a30}.learn-kicker{display:flex;align-items:center;gap:10px;color:#b8c9e8;font-size:11px;letter-spacing:.12em}.learn-kicker img{width:25px;height:25px;object-fit:contain}.learn-home h2{font-size:29px;margin:12px 0}.learn-home p:not(.learn-kicker){color:#aebdd5;font-size:13px;line-height:1.9}.learn-home .button{margin-top:20px;font-size:13px;padding:12px 18px}.learn-mini-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:center}.learn-mini-pair figure{overflow:hidden;border-radius:14px;border:1px solid #b7c8ee22;background:#081121}.learn-mini-pair img{width:100%;height:150px;object-fit:contain}.learn-mini-pair figcaption{padding:8px 11px;font-size:10px;color:#bbcae2}.learn-brand img{width:62px;height:32px;object-fit:contain}.learn-header-links{display:flex;align-items:center;gap:22px;font-size:12px}.learn-header-links a:first-child{color:#b0c2e2}.learning-page .wrap{max-width:1180px}.learn-hero{padding-top:68px;padding-bottom:48px;display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}.learn-hero h1{font-size:clamp(34px,4.8vw,56px);line-height:1.35;margin:20px 0}.learn-intro{font-size:16px;line-height:1.95;color:#b4c4dc;max-width:610px}.learn-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px}.learn-actions .button{padding:12px 20px;font-size:13px}.learn-meta{font-size:11px;color:#879cbc;margin-top:20px;line-height:1.8}.learn-cover{position:relative;padding:32px;border-radius:24px;background:linear-gradient(145deg,#162740,#211d3a);border:1px solid #adcaed2e;overflow:hidden}.learn-cover .version{font-family:Outfit,sans-serif;font-size:112px;line-height:1;color:#c6c7ff;font-weight:500;letter-spacing:-.07em}.learn-cover h2{font-size:22px;margin:20px 0 8px}.learn-cover p{font-size:12px;color:#b3c2dc}.learn-cover .gemini-badge{position:absolute;right:26px;top:24px;width:48px}.learn-section{padding-top:42px;padding-bottom:48px;scroll-margin-top:110px}.learn-section h2{font-size:clamp(26px,3.1vw,38px);margin-bottom:15px}.learn-section-intro{color:#adbed9;line-height:1.9;font-size:14px;max-width:750px}.learn-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.learn-highlight{border-top:1px solid #b9c9ec40;padding-top:20px}.learn-highlight span{font-family:Outfit,sans-serif;font-size:11px;color:#adabef;letter-spacing:.13em}.learn-highlight h3{font-size:19px;margin:10px 0}.learn-highlight p{font-size:13px;color:#aabbd6;line-height:1.9}.learn-source-note{font-size:11px;color:#869cbd;margin-top:23px;line-height:1.8}.learn-source-note a,.learn-sources a{color:#c2d6fb;text-decoration:underline;text-underline-offset:4px}.learn-example{padding:30px;border:1px solid #b0c6ec2e;border-radius:24px;background:#111c31}.learn-before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.learn-before-after figure{background:#091323;border:1px solid #b5c9ef25;border-radius:16px;overflow:hidden}.learn-before-after img{width:100%;height:300px;object-fit:contain}.learn-before-after figcaption{padding:14px 17px;font-size:12px;color:#c4d3e8;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #aabde322}.learn-before-after figcaption b{color:#f4f6ff}.learn-observation{font-size:13px;color:#b2c4df;line-height:1.9;margin-top:20px;max-width:930px}.learn-steps{list-style:none;padding:0;margin:30px 0 0;counter-reset:step}.learn-step{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:34px 0;border-top:1px solid #a9bed526}.learn-step-number{font:500 37px/1 Outfit,sans-serif;color:#bfc2fa;padding-top:4px}.learn-step h3{font-size:22px;margin-bottom:12px}.learn-step p,.learn-step li{font-size:14px;color:#b2c2db;line-height:1.95}.learn-step ul{padding-left:20px;margin:12px 0 0}.learn-step-split{display:grid;grid-template-columns:1fr 310px;gap:35px;align-items:center}.learn-settings{padding:12px;background:#070c15;border:1px solid #bed6ef2b;border-radius:18px}.learn-settings img{width:100%;border-radius:12px}.learn-settings figcaption{font-size:10px;color:#93a7c6;padding:10px 5px 0;line-height:1.7}.learn-prompt{background:#080f20;border:1px solid #bad4f131;border-radius:16px;overflow:hidden;margin-top:20px}.learn-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;background:#bdd4ff08;border-bottom:1px solid #bed4ef20;font-size:12px;color:#c5d2e9}.learn-copy{border:1px solid #c7d9f246;background:#bfcaff10;border-radius:8px;padding:7px 12px;font-size:12px;white-space:nowrap}.learn-copy:hover{background:#becaff25}.learn-prompt textarea{display:block;width:100%;border:0;resize:vertical;padding:18px;background:transparent;color:#dbe6f8;font-family:inherit;font-size:13px;line-height:1.9;min-height:148px}.learn-copy-status{min-height:1.5em;margin-top:8px;font-size:11px!important;color:#badeef!important}.learn-callout{padding:18px 21px;margin-top:20px;border-left:3px solid #b4c4ff;background:#b0bdff08;border-radius:0 12px 12px 0;font-size:13px;line-height:1.9;color:#b6c7e0}.learn-demo{position:relative;margin-top:20px;border:1px solid #bbceef30;border-radius:18px;overflow:hidden;background:#081122}.learn-demo img{width:100%;max-height:380px;object-fit:contain}.learn-mask{position:absolute;left:4%;right:4%;bottom:14%;height:25%;border:2px dashed #f3b8db;background:#f3b8db2b;border-radius:9px;display:grid;place-items:center;color:white;font-size:12px;text-shadow:0 1px 4px #000}.learn-demo[data-show-mask=false] .learn-mask{display:none}.learn-demo-toolbar{padding:13px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #b9c9ef22;font-size:11px;color:#a5b7d3}.learn-demo-toolbar button{border:1px solid #c1c8f43c;border-radius:8px;background:#b2c8ff10;padding:7px 10px;color:#d8e9ff;font-size:11px}.learn-templates{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.learn-templates .learn-prompt{margin:0}.learn-templates textarea{min-height:185px}.learn-quickcheck{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.learn-quickcheck div{padding:18px;border-radius:13px;background:#b8caff08;border:1px solid #b6cbec24}.learn-quickcheck b{display:block;color:#d7e6fb;font-size:14px;margin-bottom:6px}.learn-quickcheck span{font-size:12px;color:#a9bcd7;line-height:1.8}.learn-faq details{border-top:1px solid #b4c3e528;padding:18px 0}.learn-faq summary{cursor:pointer;font-size:15px;font-weight:600}.learn-faq details p{font-size:13px;color:#b0c2df;padding:13px 0 0;max-width:900px;line-height:1.95}.learn-sources{font-size:12px;color:#9fb2d1;line-height:2.1;border-top:1px solid #aabbdb30;padding-top:20px}.learn-sources ul{padding-left:18px}.learn-final{padding:32px;background:linear-gradient(115deg,#b1d9ff0c,#c4b2f814);border:1px solid #b8ccef30;border-radius:20px;margin-bottom:45px}.learn-final h2{font-size:27px}.learn-final p{font-size:13px;color:#b5c6df;margin-top:12px}.learn-final .learn-actions{margin-top:20px}.learning-page footer{padding-block:20px 35px;font-size:11px;color:#8fa4c3}.learn-share-status{font-size:11px;color:#baddf6;min-height:1.5em;margin-top:10px}.learn-thumb-pair{display:flex;gap:8px}.learn-inline-link{color:#bbd8ff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.learn-home{grid-template-columns:1fr;gap:22px;margin-top:10px;padding:24px}.learn-mini-pair img{height:180px}.learn-hero{grid-template-columns:1fr;gap:26px;padding-top:38px}.learn-cover{display:none}.learn-highlights{grid-template-columns:1fr;gap:18px}.learn-highlight{padding-top:15px}.learn-step-split{grid-template-columns:1fr}.learn-settings{max-width:350px}.learn-before-after{gap:12px}.learn-before-after img{height:220px}.learn-before-after figcaption{display:block;line-height:1.8}.learn-before-after figcaption span{display:block}.learn-templates{grid-template-columns:1fr}.learn-quickcheck{grid-template-columns:1fr}.learn-header-links{gap:13px}.learn-header-links a:first-child{display:none}}
@media(max-width:520px){.learn-update-strip{justify-content:flex-start;gap:9px;padding:12px 18px;flex-wrap:wrap;font-size:11px}.learn-update-strip strong{flex:1;min-width:180px}.learn-update-strip b{font-size:11px;margin-left:auto}.learn-home{margin-bottom:25px;padding:22px}.learn-home h2{font-size:25px}.learn-mini-pair img{height:120px}.learn-hero h1{font-size:35px}.learn-intro{font-size:14px}.learn-section{padding-block:28px}.learn-example{padding:20px}.learn-before-after{grid-template-columns:1fr}.learn-before-after img{height:235px}.learn-step{grid-template-columns:38px 1fr;gap:12px;padding-block:27px}.learn-step-number{font-size:27px}.learn-step h3{font-size:20px}.learn-step p,.learn-step li{font-size:13px}.learn-prompt-head{gap:8px;padding:12px}.learn-prompt textarea{padding:14px;font-size:12px}.learn-actions .button{width:100%;justify-content:center}.learn-actions{gap:10px}.learn-header-links .nav-cta{font-size:11px}.learn-brand{font-size:17px!important}.learn-brand img{width:48px;height:27px}.learn-demo-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.learn-final{padding:24px}.learn-final h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.learning-page{scroll-behavior:auto}}

.learn-editor-shot{max-width:720px;margin-top:18px}
.learning-page .learn-header-links{position:static;display:flex;flex-direction:row;visibility:visible;opacity:1;transform:none;width:auto;padding:0;border:0;background:none;box-shadow:none}
@media(max-width:520px){.learning-page .header-inner{gap:12px}.learning-page .learn-header-links .nav-cta{padding:8px 12px;white-space:nowrap}}

.learn-demo{max-width:720px}.learn-demo-picture{position:relative}.learn-demo-picture img{max-height:none}.learn-mask{bottom:8%;height:22%}