@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111310;--panel:#1a1e19;--line:#363d33;--text:#f1f0e9;--muted:#afb6a8;--orange:#ff7849;--cream:#d8e1ca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}.wrap{width:min(1380px,89%);margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;background:var(--orange);color:#111;padding:10px 14px;z-index:10}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}.head{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:25px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand span{color:var(--orange)}.head nav{display:flex;gap:30px;color:#c2c9b8;font-size:14px}.head nav a:hover,.head nav a[href="/ai-coding/"]{color:var(--orange)}.channel{border:1px solid #555f4e;border-radius:5px;padding:10px 14px;font-size:13px;white-space:nowrap}.channel:hover{background:#262d22}.kicker{display:block;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.5}.hero{position:relative;overflow:hidden;padding:108px 0 50px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 78% 20%,#7b422324,transparent 45%)}.hero:after{content:'AI / 01';position:absolute;right:2%;top:44px;color:#ff78491b;font:800 clamp(90px,16vw,240px)/1 'Manrope',sans-serif;letter-spacing:-.1em;pointer-events:none}.hero>*{position:relative;z-index:1}.hero h1{font-size:clamp(48px,7vw,104px);line-height:1.05;letter-spacing:-.065em;font-weight:700;max-width:960px;margin:23px 0 27px}.hero h1 em{font-style:normal;color:var(--orange)}.lead{max-width:720px;font-size:19px;line-height:1.75;color:#c3c9bb}.actions{display:flex;gap:28px;align-items:center;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#171912;border-radius:5px;padding:14px 19px;font-weight:700;font-size:14px}.button:hover{background:#ff966f}.actions>a:not(.button){font-size:14px;color:var(--cream)}.actions>a:hover{text-decoration:underline}.index{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#82927e;font:12px/1.2 ui-monospace,Consolas,monospace;letter-spacing:1px;margin-top:103px;padding-top:20px}.section{padding-block:91px}.section+.section{border-top:1px solid var(--line)}.section h2,.explainer h2{font-size:clamp(34px,3.5vw,52px);font-weight:600;letter-spacing:-.045em;line-height:1.18;margin-top:13px}.section-copy{color:var(--muted);margin-top:12px;max-width:630px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);border-radius:9px;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);border-color:#a26348;box-shadow:0 20px 50px #0005}.thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#282c25}.thumb img{width:100%;height:100%;object-fit:cover;opacity:.86;transition:transform .3s}.card:hover .thumb img{transform:scale(1.045)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#111a;backdrop-filter:blur(5px);border:1px solid #fff8;border-radius:50%;width:48px;height:48px;padding-left:3px;font-size:15px}.card-body{display:flex;flex-direction:column;gap:11px;flex:1;padding:26px}.card strong{font:600 21px/1.32 'Manrope',sans-serif;letter-spacing:-.025em}.two .card strong{font-size:27px}.desc{color:var(--muted);font-size:14px;line-height:1.7}.cta{color:var(--orange);font-weight:700;font-size:13px;margin-top:auto;padding-top:18px}.explainer{border-top:1px solid var(--line);padding-block:88px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.explainer p:not(.kicker){color:#bbc4b3;line-height:1.85;margin-bottom:18px}.note{font-size:13px;color:#99a694!important}.breadcrumbs{color:#a1ab9a;font-size:13px;padding-top:29px}.breadcrumbs a:hover{color:var(--orange)}.breadcrumbs span{color:#dde3d6}.watch{padding-block:48px 100px}.watch h1{font-size:clamp(40px,5.5vw,76px);letter-spacing:-.055em;line-height:1.1;max-width:1000px;margin:18px 0 23px}.watch-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(275px,.85fr);gap:35px;align-items:start;margin-top:46px}.player{aspect-ratio:16/9;background:#050605;border:1px solid #465043;border-radius:9px;overflow:hidden}.player iframe{width:100%;height:100%;border:0}.caption{font-size:14px;color:#a7b2a3;margin-top:13px}.caption a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}.lesson{border:1px solid #4a5541;background:linear-gradient(140deg,#273021,#1a201a);border-radius:9px;padding:30px}.lesson h2{font-size:25px;line-height:1.25;letter-spacing:-.03em;margin-top:12px}.lesson ul{padding-left:20px;color:#c0cabb;line-height:1.75}.lesson li{margin:12px 0}.lesson .note{border-top:1px solid #485442;padding-top:16px;margin-top:24px}.related{border-top:1px solid var(--line);margin-top:80px;padding-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.related h2{font-size:30px;line-height:1.25;margin-top:10px}.related>div:last-child{display:flex;flex-direction:column}.related a{padding:14px 0;border-bottom:1px solid var(--line);color:#dde4d5}.related a:hover{color:var(--orange)}footer{border-top:1px solid var(--line)}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px}.foot p{font-size:13px;color:#9aa693}.foot>a:last-child{color:var(--orange);font-size:13px}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-grid{grid-template-columns:1fr}.lesson{max-width:none}.explainer{gap:40px}}
@media(max-width:700px){.wrap{width:88%}.head{height:74px}.brand{font-size:22px}.head nav{gap:14px;font-size:12px}.head nav a:last-child{display:none}.channel{display:none}.hero{padding-top:70px}.hero h1{font-size:clamp(47px,12vw,72px)}.hero:after{display:none}.lead{font-size:16px}.index{margin-top:65px;font-size:10px}.section{padding-block:62px}.grid,.grid.two{grid-template-columns:1fr;gap:20px}.two .card strong{font-size:23px}.explainer{grid-template-columns:1fr;padding-block:60px;gap:20px}.watch{padding-block:35px 65px}.watch-grid{margin-top:30px}.related{grid-template-columns:1fr;margin-top:55px}.foot{flex-wrap:wrap}.foot p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.thumb img{transition:none}.card:hover{transform:none}}