.hex-mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#ffe08a,#ffe08a);background-position:0 86%;background-repeat:no-repeat;background-size:0% 42%;padding:0 .08em;animation:.9s cubic-bezier(.22,1,.36,1) .15s forwards hex-mark-draw}.hex-heading-light .hex-mark{color:inherit;background-image:linear-gradient(#ffd36a,#ffd36a)}.hero-pro .hex-mark{background-image:linear-gradient(#ffd9a0,#ffc56a)}@keyframes hex-mark-draw{to{background-size:100% 42%}}.hex-tilt{--hex-lx:50%;--hex-ly:50%;border-radius:inherit;display:block;position:relative;overflow:hidden}.hex-tilt:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(420px circle at var(--hex-lx,50%) var(--hex-ly,50%), #ffffff57, transparent 55%);mix-blend-mode:soft-light;transition:opacity .2s;position:absolute;inset:0}.hex-tilt:hover:before{opacity:.9}.hero-pro.hero-live{perspective:1400px}@media (prefers-reduced-motion:reduce){.hex-mark{background-size:100% 42%;animation:none}}@media (pointer:coarse){.home-explore .hex-pick:hover,.home-explore .hex-pick:active,.home-explore .hex-lift:hover,.home-explore .hex-lift:active{border-color:var(--hex-blue);transform:translateY(-8px);box-shadow:0 14px 28px #14244829}}
.comparison-pro{--cmp-ink:#1a1a1a;--cmp-muted:#5b5348;--cmp-con:#e25a1c;--cmp-pro:#0f8a6a}.comparison-pro .cmp-arena{background:linear-gradient(90deg,#fff4ee 0 50%,#eaf8f3 50% 100%);border:1px solid #eadfd6;border-radius:28px;max-width:min(1180px,100%);margin:0 auto;padding:22px 18px 18px;box-shadow:0 18px 40px #1e180a0f}.comparison-pro .cmp-bridge{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:18px;display:grid}.comparison-pro .cmp-flag{letter-spacing:.08em;text-transform:uppercase;cursor:default;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.comparison-pro .cmp-flag svg{width:16px;height:16px}.comparison-pro .cmp-flag.is-con{color:#fff;background:linear-gradient(90deg, #ff7a3a, var(--cmp-con));justify-self:end}.comparison-pro .cmp-flag.is-pro{color:#fff;background:linear-gradient(90deg, var(--cmp-pro), #1aa37d);justify-self:start}.comparison-pro .cmp-vs{color:#fff;cursor:pointer;background:radial-gradient(circle at 32% 28%,#3a3a3a,#111 64%);border:0;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;transition:transform .22s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:0 10px 22px #0000002e}.comparison-pro .cmp-vs:hover,.comparison-pro .cmp-arena.is-col-vs .cmp-vs{transform:scale(1.08)}.comparison-pro .cmp-vs strong{letter-spacing:.08em;font-size:15px}.comparison-pro .cmp-heads{grid-template-columns:1fr 92px 1fr;gap:10px;margin-bottom:8px;padding:0 8px;display:grid}.comparison-pro .cmp-head small{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.comparison-pro .cmp-head.is-con small{color:var(--cmp-con)}.comparison-pro .cmp-head.is-pro small{color:var(--cmp-pro);text-align:left}.comparison-pro .cmp-head.is-con{text-align:right}.comparison-pro .cmp-head p{color:var(--cmp-muted);margin:4px 0 0;font-size:14px}.comparison-pro .cmp-pairs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.comparison-pro .cmp-pair{--cmp-i:0;border-radius:18px;outline:none;grid-template-columns:1fr 92px 1fr;align-items:center;gap:10px;padding:6px 4px;transition:background .2s,box-shadow .2s;display:grid}.comparison-pro .cmp-pair.is-hot{background:#ffffffb8;box-shadow:0 10px 24px #1e180a14}.comparison-pro .cmp-side{letter-spacing:-.02em;background:#fff;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;font-size:15px;font-weight:600;line-height:1.35;display:flex}.comparison-pro .cmp-side.is-con{text-align:right;border-color:#e25a1c29}.comparison-pro .cmp-side.is-pro{text-align:left;border-color:#0f8a6a29}.comparison-pro .cmp-copy{flex:1;min-width:0}.comparison-pro .cmp-mark{border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.comparison-pro .cmp-mark svg{width:14px;height:14px}.comparison-pro .cmp-mark.is-no{color:#fff;background:var(--cmp-con)}.comparison-pro .cmp-mark.is-ok{color:#fff;background:var(--cmp-pro)}.comparison-pro .cmp-shot{opacity:0;pointer-events:none;border-radius:10px;flex-shrink:0;width:72px;height:46px;transition:opacity .18s,transform .18s;overflow:hidden;transform:scale(.72)rotate(-4deg)}.comparison-pro .cmp-shot svg{width:100%;height:100%;display:block}.comparison-pro .cmp-shot.is-on{opacity:1;animation:.55s cubic-bezier(.22,1.4,.36,1) both cmp-ion-bounce;animation-delay:calc(var(--cmp-i,0) * 55ms)}.comparison-pro .cmp-side.is-pro .cmp-shot.is-on{animation-name:cmp-ion-bounce-pro}.comparison-pro .cmp-arena.is-col-vs .cmp-shot.is-on{animation-name:cmp-vs-step;animation-duration:.55s;animation-timing-function:cubic-bezier(.22,1.2,.36,1);animation-delay:calc(var(--cmp-i,0) * .12s)}@keyframes cmp-ion-bounce{0%{opacity:0;transform:scale(.62)rotate(-8deg)}55%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cmp-ion-bounce-pro{0%{opacity:0;transform:scale(.62)rotate(8deg)}55%{opacity:1;transform:scale(1.08)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cmp-vs-step{0%{opacity:0;transform:translateY(-22px)scale(.86)}70%{opacity:1;transform:translateY(2px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}.comparison-pro .cmp-spine{justify-items:center;gap:4px;display:grid;position:relative}.comparison-pro .cmp-spine:before{content:"";border-left:1.5px dashed #d5d0c8;width:0;position:absolute;top:-10px;bottom:-10px}.comparison-pro .cmp-topic{z-index:1;width:40px;height:40px;color:var(--cmp-ink);background:#fff;border:2px solid #eadfd6;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 6px 14px #1e180a14}.comparison-pro .cmp-pair.is-hot .cmp-topic{border-color:#1a1a1a}.comparison-pro .cmp-topic svg{width:18px;height:18px}.comparison-pro .cmp-spine small{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--cmp-muted);white-space:nowrap;background:#fff;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:800;position:relative}@media (max-width:860px){.comparison-pro .cmp-arena{background:#fff8f3}.comparison-pro .cmp-bridge,.comparison-pro .cmp-heads,.comparison-pro .cmp-pair{grid-template-columns:1fr}.comparison-pro .cmp-flag.is-con,.comparison-pro .cmp-flag.is-pro{justify-self:center}.comparison-pro .cmp-vs{margin:4px auto}.comparison-pro .cmp-head.is-con,.comparison-pro .cmp-head.is-pro{text-align:left}.comparison-pro .cmp-heads-gap,.comparison-pro .cmp-spine:before{display:none}.comparison-pro .cmp-side.is-con{text-align:left}.comparison-pro .cmp-spine{order:-1;justify-items:start;padding:2px 4px 0}.comparison-pro .cmp-shot{width:64px;height:40px}}@media (prefers-reduced-motion:reduce){.comparison-pro .cmp-vs:hover,.comparison-pro .cmp-arena.is-col-vs .cmp-vs{transform:none}.comparison-pro .cmp-shot{transition:opacity .2s;transform:none}.comparison-pro .cmp-shot.is-on,.comparison-pro .cmp-side.is-pro .cmp-shot.is-on,.comparison-pro .cmp-arena.is-col-vs .cmp-shot.is-on{opacity:1;animation:none;transform:none}}
.faq-pro .faq-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;display:grid}.faq-pro .faq-card{border-bottom:3px solid #1e4fd7;flex-direction:column;gap:10px;min-height:100%;padding:4px 2px 16px;display:flex}.faq-pro .faq-card header{grid-template-columns:36px 1fr;align-items:start;gap:12px;display:grid}.faq-pro .faq-card-icon{color:#1e4fd7;width:36px;height:36px;margin-top:2px}.faq-pro .faq-card-icon svg{width:28px;height:28px;display:block}.faq-pro .faq-card h3{letter-spacing:-.03em;margin:0;font-size:18px;line-height:1.3}.faq-pro .faq-card p{color:var(--muted,#5b616b);margin:0;padding-left:48px;font-size:15px;line-height:1.5}@media (max-width:900px){.faq-pro .faq-cards{grid-template-columns:1fr 1fr;gap:22px}}@media (max-width:640px){.faq-pro .faq-cards{grid-template-columns:1fr}.faq-pro .faq-card p{padding-left:0}}
.courses-skill-tabs,.home-explore .hex-pills,.home-explore .hex-chips{flex-wrap:wrap;gap:10px;max-width:min(1280px,100%);margin:0 auto 22px;padding:0 4px;display:flex}.home-explore .hex-pills,.home-explore .hex-chips{max-width:none;margin-left:0;margin-right:0}.courses-skill-tab,.courses-skill-tabs button,.home-explore .hex-pill,.home-explore .hex-chip{appearance:none;color:#1a1a1a;min-height:40px;font:inherit;letter-spacing:-.01em;cursor:pointer;background:#fff;border:1px solid #1e1e1e24;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:700;line-height:1.2;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 1px #1e1e1e08;border-radius:10px!important}.home-explore .hex-chip{background:#f7f8fb;font-weight:600}.courses-skill-tab:hover,.courses-skill-tabs button:hover,.home-explore .hex-pill:hover,.home-explore .hex-chip:hover{z-index:2;background:#fff;border-color:#1e1e1e52;transform:translateY(-2px);box-shadow:0 8px 18px #1e1e1e14}.courses-skill-tab.is-active,.courses-skill-tabs button.is-active,.home-explore .hex-pill.is-active{color:#fff;background:#1a1a1a;border-color:#1a1a1a;transform:none;box-shadow:0 8px 18px #1a1a1a2e}.courses-skill-tab:focus-visible,.courses-skill-tabs button:focus-visible,.home-explore .hex-pill:focus-visible,.home-explore .hex-chip:focus-visible{outline-offset:2px;outline:3px solid #e25a1c}.home-explore .hex-pill.is-active:after{content:"";transform-origin:0;height:2px;animation:hex-tab-progress var(--hex-tab-ms,2.2s) linear;background:currentColor;border-radius:2px;position:absolute;bottom:6px;left:10px;right:10px}.home-explore .hex-pill{position:relative;overflow:visible}.home-explore .hex-career.is-paused .hex-pill.is-active:after{animation-play-state:paused}@media (max-width:720px){.courses-skill-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:16px;padding-bottom:4px;overflow-x:auto}.courses-skill-tabs::-webkit-scrollbar{display:none}.courses-skill-tab,.courses-skill-tabs button{flex:none;min-height:36px;padding:0 14px;font-size:13px}}
