:root{--bg:#f6f1ea;--paper:#ffffff;--ink:#22242a;--muted:#666c76;--line:#e6ddd3;--orange:#ff6f1a;--orange2:#ff9347;--graphite:#2c2f35;--graphite2:#383d45;--shadow:0 20px 50px rgba(37,32,26,.08);--r:28px;--navh:78px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(255,111,26,.07),transparent 22%), radial-gradient(circle at 90% 0, rgba(34,36,42,.08), transparent 28%), linear-gradient(180deg,#faf7f2,#f4eee7 40%,#f7f3ed);color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{width:min(1380px,calc(100% - 40px));margin:0 auto} .section-spacer{height:14px}
.header{position:sticky;top:0;z-index:40;background:rgba(246,241,234,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(44,47,53,.07)} .nav{height:var(--navh);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:-.03em} .brand img{width:54px;height:54px;border-radius:50%;box-shadow:0 8px 20px rgba(0,0,0,.12)} .brand span{display:flex;flex-direction:column;line-height:1.05} .brand b{font-size:19px} .brand small{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.12em}
.navlinks{display:flex;gap:10px;flex-wrap:wrap;justify-content:center} .navlinks a{padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);font-size:14px;font-weight:700;color:#444;transition:.25s} .navlinks a:hover{transform:translateY(-2px);background:#fff;border-color:#d3c6b7;box-shadow:var(--shadow)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 20px;border-radius:999px;font-weight:900;transition:.25s;border:1px solid transparent;cursor:pointer} .btn:hover{transform:translateY(-2px)} .btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 14px 28px rgba(255,111,26,.28)} .btn-dark{background:#202228;color:#fff} .btn-ghost{border-color:#d8cfc5;background:#fff}
.kicker{display:inline-flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#6e675e;font-weight:900} .kicker::before{content:'';width:28px;height:2px;background:linear-gradient(90deg,var(--orange),transparent)}
.section-title{font-size:clamp(34px,5vw,70px);line-height:.96;letter-spacing:-.05em;margin:14px 0} .accent{color:var(--orange)} .lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:820px}
.hero{padding:34px 0 26px} .bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:26px;position:relative;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease} .card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(37,32,26,.12);border-color:#d8cab9} .card.dark{background:linear-gradient(180deg,#2a2e35,#202329);color:#fff;border-color:#313741} .card.dark .lead,.card.dark .muted{color:#b9c0c9} .card.soft{background:linear-gradient(180deg,#fff,#faf5ee)}
.hero-text{grid-column:span 7;min-height:560px;display:flex;flex-direction:column;justify-content:space-between;padding:34px} .hero-text h1{font-size:clamp(52px,8vw,110px);line-height:.88;letter-spacing:-.07em;margin:18px 0 22px;max-width:760px} .hero-text h1 .mini{display:block;color:var(--graphite);opacity:.35} .summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px} .pill{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px} .pill b{display:block;font-size:27px;letter-spacing:-.04em} .pill small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}
.hero-chart{grid-column:span 5;min-height:560px;padding:0;background:linear-gradient(180deg,#2f343d,#1d2025);border-color:#303540} .hero-chart .top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0;color:#fff} .badge{font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09)} .hero-chart svg{width:100%;height:320px;display:block} .hero-chart .metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 18px 18px} .metric{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:16px;color:#fff} .metric b{font-size:30px;display:block;letter-spacing:-.04em} .metric small{color:#c7d1dc;line-height:1.35}
.stat{display:flex;flex-direction:column;justify-content:space-between;min-height:190px} .stat b{font-size:46px;letter-spacing:-.05em} .stat p{margin:6px 0 0;color:var(--muted);line-height:1.6} .stat.orange{background:linear-gradient(135deg,#fff0e4,#fff8f2)} .stat.orange::after{content:'';position:absolute;right:-35px;top:-35px;width:140px;height:140px;background:radial-gradient(circle at center, rgba(255,111,26,.2), transparent 70%)} .free-lesson{min-height:190px;background:linear-gradient(135deg,#ff6f1a,#ff9b56);color:#fff} .free-lesson p{color:rgba(255,255,255,.82)}
.split-card{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch} .portfolio-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px} .portfolio-tabs button,.module-chips button,.period-switch button{border:none;cursor:pointer;padding:10px 14px;border-radius:999px;font-weight:800;background:#fff;color:#40444d;border:1px solid #ddd0c1} .portfolio-tabs button.active,.module-chips button.active,.period-switch button.active{background:var(--orange);color:#fff;border-color:var(--orange)}
.portfolio-diagram{height:200px;display:grid;place-items:center;position:relative} .donut{width:170px;height:170px;border-radius:50%;position:relative;background:conic-gradient(var(--orange) 0 45%, #444a54 45% 80%, #d9dadc 80% 100%)} .donut::before{content:'';position:absolute;inset:28px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)} .donut-label{position:absolute;text-align:center;font-weight:900;line-height:1.05} .donut-label small{display:block;color:var(--muted);font-weight:700;font-size:12px}
.mini-list{display:grid;gap:10px} .mini-list div{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--line)} .mini-list b{font-size:14px}
.program-card{grid-column:span 12;padding:0;overflow:hidden} .program-shell{display:grid;grid-template-columns:320px 1fr;min-height:650px} .module-pane{background:linear-gradient(180deg,#23272d,#1d2024);padding:24px;border-right:1px solid rgba(255,255,255,.08)} .module-pane h3{color:#fff;margin:10px 0 14px;font-size:26px;letter-spacing:-.04em} .module-chips{display:grid;gap:9px} .module-chips button{width:100%;text-align:left;padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d8dee6} .module-chips button .sub{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#98a3af;margin-bottom:6px} .lesson-pane{padding:28px;background:linear-gradient(180deg,#fff,#faf7f3)} .lesson-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap} .lesson-head h3{font-size:44px;line-height:.95;margin:10px 0 0;letter-spacing:-.05em} .lesson-search{padding:14px 16px;border-radius:16px;border:1px solid var(--line);min-width:260px;background:#fff;font-size:15px} .lesson-list{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .lesson{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);line-height:1.45;font-weight:600;color:#343944} .lesson small{display:block;color:#8a8f98;font-weight:700;margin-bottom:5px;text-transform:uppercase;letter-spacing:.08em;font-size:10px} .lesson-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px;color:var(--muted)}
.prices-section{grid-column:span 12} .prices-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px} .price-card{padding:0;display:flex;flex-direction:column} .price-top{padding:22px 22px 18px;border-bottom:1px solid var(--line)} .price-top .code{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#807567;font-weight:900} .price-top h3{font-size:42px;line-height:.95;letter-spacing:-.05em;margin:10px 0 10px} .price-top p{color:var(--muted);line-height:1.55;min-height:72px} .price-price{padding:0 22px 8px;font-size:54px;letter-spacing:-.06em;font-weight:1000} .price-body{padding:0 22px 22px;display:grid;gap:10px;flex:1} .price-body div{padding:11px 12px;border-radius:14px;background:#faf6f1;border:1px solid #ede2d5;font-weight:700;color:#40454d} .price-card.featured{background:linear-gradient(180deg,#fff8f2,#fff);border:2px solid rgba(255,111,26,.4)} .price-card.featured .price-top{background:linear-gradient(135deg,rgba(255,111,26,.06),rgba(255,147,71,.1))} .price-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.mentor-photo{height:100%;min-height:540px;padding:0;background:#2a2e35} .mentor-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%} .mentor-label{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:18px;padding:16px 18px} .mentor-label b{display:block;font-size:22px} .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0} .facts div{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line)} .facts b{display:block;font-size:30px;letter-spacing:-.04em} .doc-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px} .doc-row button{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:900}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 18px} summary{list-style:none;cursor:pointer;font-weight:900;font-size:20px} summary::-webkit-details-marker{display:none} details p{margin:14px 0 0;color:var(--muted);line-height:1.65}
.contacts-dark{background:linear-gradient(180deg,#1f2228,#15181d);color:#fff;border-color:#2f343d} .contacts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px} .contact{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:18px;position:relative} .contact b{display:block;font-size:20px;margin:6px 0 4px} .contact small{color:#c7d0da;line-height:1.45} .contact .ico{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,111,26,.9),rgba(255,147,71,.8));font-weight:1000} .contact .go{position:absolute;right:16px;top:16px;color:#fff;opacity:.8;font-weight:900}
.footer{padding:26px 0 60px;color:#675f56} .footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px} .footer-links{display:flex;gap:16px;flex-wrap:wrap} .footer-links a{color:#7a6e62}
[data-anim]{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease} [data-anim].show{opacity:1;transform:none}
.modal{position:fixed;inset:0;background:rgba(15,17,22,.78);display:none;align-items:center;justify-content:center;padding:22px;z-index:60} .modal.open{display:flex} .modal-box{max-width:min(1000px,100%);max-height:90vh;position:relative} .modal-box img{max-width:100%;max-height:90vh;border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.35)} .modal-box button{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:999px;border:none;background:#fff;cursor:pointer;font-size:18px}
@media (max-width:1100px){.hero-text,.hero-chart,.program-card,.prices-section{grid-column:span 12} .program-shell{grid-template-columns:1fr} .lesson-list{grid-template-columns:1fr} .prices-wrap,.contacts-grid,.faq-grid{grid-template-columns:1fr} .facts{grid-template-columns:1fr} .summary{grid-template-columns:1fr} .split-card{grid-template-columns:1fr} .bento>[data-col='4'],.bento>[data-col='3']{grid-column:span 6}}
@media (max-width:760px){.container{width:min(100% - 24px,1380px)} .nav{height:auto;padding:14px 0;align-items:flex-start;flex-direction:column} .navlinks{justify-content:flex-start} .hero{padding-top:18px} .hero-text{min-height:auto} .hero-chart{min-height:auto} .section-title{font-size:42px} .hero-text h1{font-size:58px} .bento{grid-template-columns:1fr} .hero-text,.hero-chart,.program-card,.prices-section{grid-column:span 1} [data-col='4'],[data-col='3']{grid-column:span 1!important} .contacts-grid{grid-template-columns:1fr} .brand img{width:48px;height:48px} .brand b{font-size:18px}}

/* Компактная интерактивная программа */
.program-shell{grid-template-columns:420px minmax(0,1fr);min-height:0}
.module-pane{padding:25px}
.module-pane h3{font-size:27px;margin:10px 0 10px}
.module-pane .muted{font-size:13px;margin:0 0 17px}
.module-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.module-chips button{min-height:65px;padding:10px 12px;text-align:left;border-radius:14px;line-height:1.24;font-size:12px;font-weight:800;display:flex;flex-direction:column;justify-content:center;gap:4px;transition:background .2s,border-color .2s,transform .2s}
.module-chips button:hover{background:rgba(255,111,26,.15);border-color:rgba(255,111,26,.55);transform:translateY(-1px)}
.module-chips button.active{background:linear-gradient(130deg,#ff6f1a,#f48c49);border-color:#ff9f67;color:#fff}
.module-chips button.active .sub{color:#fff2df}
.module-chips button .sub{font-size:9px;margin:0;color:#9aa4b1}
.module-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.lesson-pane{min-width:0;padding:25px;display:flex;flex-direction:column}
.lesson-head{align-items:center}
.lesson-head h3{font-size:clamp(26px,2.8vw,36px)}
.lesson-search{min-width:205px;width:225px;max-width:100%;padding:11px 14px}
.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:380px;min-height:230px;overflow:auto;align-content:start;overscroll-behavior:contain;padding:4px 8px 10px 0;scrollbar-width:thin;scrollbar-color:#d9a47e #f6f1ea}
.lesson{padding:13px 14px;font-size:13px;line-height:1.35}
.lesson-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.lesson-actions{display:flex;gap:8px;flex-wrap:wrap}
.lesson-actions .btn{padding:12px 15px;font-size:13px}
.select-label,.module-select{display:none}
@media(max-width:1100px){.program-shell{grid-template-columns:1fr}.module-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}.module-pane{padding:22px}}
@media(max-width:760px){.program-shell{grid-template-columns:1fr}.module-pane{padding:20px}.module-pane h3{font-size:24px}.module-chips{display:none}.select-label{display:block;color:#cdd4df;font-size:12px;margin:8px 0 7px}.module-select{display:block;width:100%;border-radius:13px;border:1px solid #ff995a;padding:13px;background:#fef7f2;color:#202329;font-size:14px;font-weight:700}.lesson-pane{padding:20px}.lesson-head{align-items:stretch;flex-direction:column;gap:12px}.lesson-head h3{font-size:30px}.lesson-search{width:100%}.lesson-list{grid-template-columns:1fr;max-height:340px;min-height:0}.lesson-actions{width:100%}.lesson-actions .btn{flex:1;justify-content:center}.hero-text h1{font-size:clamp(45px,10vw,65px)}.stat b{font-size:34px}.free-lesson b{font-size:36px!important}.price-price{font-size:40px}}
@media(prefers-reduced-motion:reduce){[data-anim]{opacity:1;transform:none;transition:none}.card{transition:none}}

/* Точечные правки — более аккуратные столбцы и кнопки */
.for-whom-card .mini-list > div {
  display:grid;
  grid-template-columns:minmax(0, 140px) minmax(0, 1fr);
  align-items:center;
  column-gap:16px;
  justify-content:initial;
  min-height:74px;
}
.for-whom-card .mini-list > div > b {
  display:flex;
  align-items:center;
  height:100%;
  min-height:42px;
  border-right:2px solid var(--orange);
  padding:6px 14px 6px 0;
  font-size:14px;
  line-height:1.34;
}
.for-whom-card .mini-list > div > span {
  display:block;
  font-size:16px;
  line-height:1.5;
  min-width:0;
}
#contacts a.btn-outline-light {
  background:rgba(255,255,255,.045);
  border:1.5px solid #d3cbd0;
  color:#ffffff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
#contacts a.btn-outline-light:hover {
  background:rgba(255,255,255,.13);
  border-color:var(--orange);
  color:#ffffff;
}
/* Живой биржевой график — Canvas вместо статичного SVG */
.hero-chart .market-stage{position:relative;height:325px;margin:14px 0 0;overflow:hidden;isolation:isolate}
.hero-chart .market-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 41%, rgba(255,122,42,.08), transparent 48%);z-index:1}
.hero-chart #marketCanvas{width:100%;height:100%;display:block;}
.hero-chart .market-overlay{position:absolute;left:20px;top:9px;z-index:2;display:flex;align-items:center;gap:9px;color:#d4dce3;font-size:11px;letter-spacing:.08em;background:rgba(22,27,35,.6);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(8px);border-radius:999px;padding:8px 12px;pointer-events:none}
.pulse-bullet{width:7px;height:7px;display:inline-block;flex:none;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,111,26,.15);animation:pulse-bullet 1.6s ease-in-out infinite}
@keyframes pulse-bullet{50%{box-shadow:0 0 0 8px rgba(255,111,26,.025);opacity:.72}}
.hero-chart .market-caption{color:#98a5b0;letter-spacing:.01em;font-size:11px;line-height:1.5;margin:-1px 22px 18px}
@media(max-width:1050px){.for-whom-card .mini-list > div{grid-template-columns:minmax(0,130px) minmax(0,1fr)}}
@media(max-width:520px){.for-whom-card .mini-list > div{grid-template-columns:minmax(0,98px) minmax(0,1fr);gap:10px;padding:12px}.for-whom-card .mini-list > div > span{font-size:14px}.for-whom-card .mini-list > div > b{font-size:12px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){.pulse-bullet{animation:none}}



/* Three alternative educational cards, styled to match the approved Bento page */
.edu-tile{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 22px 19px}
.edu-tile:before{content:'';position:absolute;inset:-100px -50px auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,117,34,.075),transparent 70%);pointer-events:none}
.edu-tile .kicker{font-size:11px}
.edu-title{font-size:clamp(27px,3.05vw,39px);line-height:1.05;letter-spacing:-.043em;margin:5px 0 0;font-weight:900;max-width:98%}
.edu-lead{font-size:13px;line-height:1.55;color:#656b73;margin:0 0 1px}
.edu-tags{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.edu-module{padding:7px 11px;border:1px solid #e5d9cb;border-radius:99px;background:#faf5ef;color:#6f655c;font-size:10px;font-weight:850;letter-spacing:.055em}
.edu-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch}
.edu-tabs.tabs-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.edu-tabs button{font:inherit;font-size:12px;line-height:1.22;font-weight:800;color:#474b51;background:#fff;border:1px solid #e3d8cc;padding:11px 5px;border-radius:13px;cursor:pointer;transition:.24s;min-height:48px}
.edu-tabs button:hover{border-color:#ff8b43;transform:translateY(-2px)}
.edu-tabs button.active{background:#ff762a;color:#fff;border-color:#ff762a;box-shadow:0 8px 18px #ff762a29}
.edu-graphic{background:linear-gradient(145deg,#272c34,#181c23);border:1px solid #363d46;border-radius:20px;color:#fff;padding:10px 11px 8px;min-height:230px;overflow:hidden;position:relative}
.edu-graphic:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.035) 50%,transparent 75%);transform:translateX(-100%);animation:edu-shine 12s linear infinite;pointer-events:none}
.edu-graphic svg{width:100%;height:auto;min-height:202px;max-height:248px;display:block}
.edu-graphic .info-strap{display:flex;align-items:center;gap:8px;color:#aeb9c6;font-size:10px;letter-spacing:.04em;margin:1px 5px 3px}
.edu-graphic .info-strap i{width:6px;height:6px;background:#ff8947;border-radius:99px;box-shadow:0 0 0 4px #ff89471a}
.edu-description{border:1px solid #e8dccf;border-radius:16px;padding:12px 14px;background:#fff;min-height:106px;transition:background .3s}
.edu-description strong{display:block;margin:0 0 5px;font-size:15px;color:#232830}
.edu-description p{margin:0;color:#5b6570;font-size:12px;line-height:1.52}
.edu-mini-meta{font-size:10px;color:#88827a;line-height:1.5}
.edu-stage{transition:opacity .3s ease;opacity:0;pointer-events:none}
.edu-stage.on{opacity:1}
.edu-lift{animation:edu-lift 6s ease-in-out infinite}
.edu-sweep{animation:edu-sweep 8s linear infinite}
.edu-glow{filter:drop-shadow(0 0 6px rgba(255,121,44,.28))}
@keyframes edu-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes edu-shine{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes edu-sweep{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-65}}
.edu-graphic .txt{font:700 13px system-ui,sans-serif}
.edu-graphic .smalltxt{font:600 10px system-ui,sans-serif}
.edu-graphic .tiny{font:700 9px system-ui,sans-serif}
.edu-futures-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.edu-futures-items span{background:#20262f;border:1px solid #3c424b;border-radius:11px;padding:9px 6px;text-align:center;color:#d9e1eb;font-size:10px;min-height:40px;display:grid;place-items:center}
@media(min-width:1101px) and (max-width:1310px){.edu-tile{padding:16px}.edu-title{font-size:30px}.edu-tabs button{font-size:10px}}
@media(max-width:1100px){.edu-tile{grid-column:span 6!important}.edu-title{font-size:31px}.edu-tabs button{font-size:11px}}
@media(max-width:760px){.edu-tile{grid-column:span 1!important;padding:17px}.edu-title{font-size:29px}.edu-graphic svg{min-height:175px}.edu-tabs.tabs-four button{font-size:10px;padding:8px 3px}.edu-tabs button{font-size:12px}.edu-graphic{min-height:190px}.edu-description{min-height:100px}}
@media(prefers-reduced-motion:reduce){.edu-shine,.edu-lift,.edu-sweep,.edu-graphic:before{animation:none!important}}

/* Added examples section for extra course fragments */
.examples-intro{padding:26px 28px;background:linear-gradient(135deg,#fff8f1 0%,#f8f3ec 55%,#fff 100%)}
.examples-intro .lead{max-width:920px}
.examples-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.examples-pills span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid #e7dacc;background:#fff;color:#4f5560;font-size:12px;font-weight:800;letter-spacing:.02em}
.examples-pills i{width:8px;height:8px;border-radius:999px;background:#ff7a2b;box-shadow:0 0 0 5px rgba(255,122,43,.12)}
@media(max-width:760px){.examples-intro{padding:20px}.examples-pills span{width:100%;justify-content:flex-start}}


.course-examples{padding:12px 0 0}
.course-examples-head{padding:10px 6px 4px}
.course-examples-head .section-title{font-size:clamp(33px,4.8vw,62px);max-width:970px;margin:14px 0}
.course-examples-head .lead{margin:10px 0 4px}
.course-examples .edu-tile{grid-column:span 6;align-self:stretch;min-height:630px}
.course-examples .edu-description{margin-top:auto}
.course-examples .edu-graphic{flex:0 0 auto}
.course-examples .edu-graphic svg{max-height:250px}
.course-examples-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #e6d9cd;border-radius:20px;background:#fff9f2;padding:15px 18px;color:#776a5c;font-size:13px}
#course-examples [data-anim]{opacity:1;transform:none}
@media(max-width:1100px){.course-examples .edu-tile{min-height:0}}
@media(max-width:760px){.course-examples-head{grid-column:span 1!important}.course-examples .edu-tile{grid-column:span 1!important}.course-examples-foot{grid-column:span 1!important}.course-examples-foot .btn{width:100%;justify-content:center}}