.c-red{--c: var(--ludo-red);--c-ink: var(--ludo-red-ink);--c-soft: var(--ludo-red-soft)}.c-green{--c: var(--ludo-green);--c-ink: var(--ludo-green-ink);--c-soft: var(--ludo-green-soft)}.c-yellow{--c: var(--ludo-yellow);--c-ink: var(--ludo-yellow-ink);--c-soft: var(--ludo-yellow-soft)}.c-blue{--c: var(--ludo-blue);--c-ink: var(--ludo-blue-ink);--c-soft: var(--ludo-blue-soft)}.site-main{max-width:1240px;margin:0 auto}.st{color:var(--star)}.site-header{position:relative;z-index:20;margin-inline:-16px;padding-inline:16px;background:var(--surface);border-bottom:1px solid var(--line)}.site-bar{max-width:1240px;margin:0 auto;min-height:68px;display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;padding-block:10px}.site-nav{display:flex;gap:2px;flex-wrap:wrap}.site-nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px;padding:7px 11px;border-radius:9px}.site-nav a:hover{background:var(--surface-2)}.site-nav a[aria-current=page]{color:var(--ludo-blue-ink);background:var(--ludo-blue-soft)}.site-bar .grow{flex:1}@media(max-width:640px){.site-bar{gap:6px 12px}.site-bar .ludo-tag{display:none}.site-nav{order:3;width:100%;margin-inline:-11px}.org .by{display:none}}.site-footer{margin:64px -16px -40px;padding:30px 16px 40px;background:var(--surface);border-top:1px solid var(--line)}.site-footer .in{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:18px 40px;flex-wrap:wrap}.site-footer p{color:var(--muted);font-size:13.5px;margin-top:10px;max-width:420px}.site-footer .right{display:flex;flex-direction:column;align-items:flex-start}.btn.big{font-size:16px;padding:12px 22px;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;gap:9px}.btn.play-btn{background:var(--ludo-blue);border-color:var(--ludo-blue);color:#fff}.btn.play-btn:hover{filter:brightness(1.07)}.btn .pi svg{width:15px;height:15px;fill:currentColor;display:block}a.btn{text-decoration:none}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:48px 20px}.hero h1{font-size:clamp(34px,5.4vw,58px);font-weight:850;letter-spacing:-.03em;line-height:1.03;text-wrap:balance}.hero .lede{font-size:17.5px;color:var(--muted);max-width:540px;margin-top:18px}.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.ludo-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.ludo-line span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;padding:4px 11px 4px 4px;border-radius:999px;background:var(--c-soft);color:var(--ink)}.ludo-line b{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--c);color:#fff;font-size:12.5px}.ludo-line .c-yellow b,.step-card.c-yellow .tile{color:#1c2230}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:28px 8px}}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mosaic:not(.flip) a{position:relative;display:block;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;border:4px solid var(--c);background:var(--surface-2);transition:transform .2s}.mosaic:not(.flip) a:hover{transform:translateY(-3px)}.mosaic img{width:100%;height:100%;object-fit:cover;display:block}.mosaic.flip{perspective:1400px}.flip-card{position:relative;display:block;aspect-ratio:16 / 10;border-radius:16px;border:4px solid var(--c);background:var(--bg);box-shadow:0 3px 12px #0000000f;transition:box-shadow .2s,transform .2s}.flip-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000026}.flip-inner{position:absolute;inset:0;transform-style:preserve-3d;animation:ludo-card-flip 5s ease-in-out infinite}.mosaic.flip:hover .flip-inner{animation-play-state:paused}.flip-face{position:absolute;inset:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-front{display:grid;place-content:center;justify-items:center;gap:2px;background:var(--bg)}.flip-front b{font-size:clamp(48px,8vw,88px);font-weight:850;line-height:1;color:var(--c-ink)}.flip-front .flip-word{font-size:13.5px;font-weight:700;color:var(--muted)}.flip-back{transform:rotateY(180deg);background:var(--surface-2)}.flip-back img{width:100%;height:100%;object-fit:cover;display:block}@keyframes ludo-card-flip{0%,28%{transform:rotateY(0) scale(1)}39%{transform:rotateY(90deg) scale(1.08)}50%,86%{transform:rotateY(180deg) scale(1)}97%{transform:rotateY(270deg) scale(1.08)}to{transform:rotateY(360deg) scale(1)}}@media(prefers-reduced-motion:reduce){.flip-inner{animation:none;transform:rotateY(180deg)}}.mosaic .label{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fffffff0;color:#1c2230;font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px}.stats{margin-top:34px;padding-block:18px;border-block:1px solid var(--line)}.stats-claim{font-size:clamp(18px,2.6vw,25px);font-weight:850;letter-spacing:-.02em;color:var(--ink)}.stats-nums{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:12px}.stats-nums div{font-size:13.5px;color:var(--muted)}.stats-nums b{display:block;font-size:26px;font-weight:850;color:var(--ink);letter-spacing:-.02em}.sec{margin-top:52px;scroll-margin-top:16px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;margin-bottom:16px}.sec-head h2{font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.02em}.sec-head p{color:var(--muted)}.sec-head a{font-weight:650;text-decoration:none}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.step-card{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:var(--radius);padding:18px}.step-card .tile{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:24px;color:#fff;background:var(--c)}.step-card h3{font-size:18px;margin-top:14px}.step-card p{color:var(--muted);margin-top:6px;font-size:14.5px}@media(max-width:980px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.steps{grid-template-columns:minmax(0,1fr)}}.rank{display:grid;grid-template-columns:minmax(180px,auto) minmax(0,1fr);gap:16px 28px;align-items:center;padding:20px 22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.rank .badge{font-size:26px;font-weight:850;letter-spacing:-.02em;margin-top:2px}.rank .sub{color:var(--muted);font-size:13.5px;margin-top:2px}.rank-bar{height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden}.rank-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ludo-red),var(--ludo-yellow),var(--ludo-green),var(--ludo-blue))}.rank-next{margin-top:8px;font-size:14px;font-weight:600}.rank-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rank-pills span{font-size:12px;font-weight:650;padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.rank-pills .done{color:var(--ink)}.rank-pills .on{background:var(--ink);color:var(--surface)}@media(max-width:640px){.rank{grid-template-columns:minmax(0,1fr)}}.subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.subject{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);background:var(--c-soft);border:1px solid color-mix(in srgb,var(--c) 32%,transparent);color:var(--ink);text-decoration:none}a.subject:hover{border-color:var(--c)}.subject .sym{width:54px;height:54px;flex:none;border-radius:15px;background:var(--c);display:grid;place-items:center;font-size:27px}.subject h3{font-size:19px}.subject .sub{font-size:13.5px;color:var(--muted);margin-top:2px}.subject.soon{opacity:.72}.subjects.neutral .subject{background:var(--surface);border-color:var(--line)}.subjects.neutral a.subject:hover{border-color:var(--ink)}.subjects.neutral .subject .sym{width:60px;height:60px;border-radius:15px;background:color-mix(in srgb,var(--ink) 6%,transparent);border:1px solid var(--line);color:var(--ink);font-size:32px}.subj-hero{display:flex;align-items:center;gap:20px;padding-block:32px 8px}.subj-hero .sym{width:76px;height:76px;flex:none;border-radius:20px;background:color-mix(in srgb,var(--ink) 6%,transparent);border:1px solid var(--line);display:grid;place-items:center;font-size:40px}.subj-hero h1{font-size:clamp(30px,4.6vw,48px);font-weight:850;letter-spacing:-.03em;line-height:1.05}.subj-hero .lede{font-size:16.5px;color:var(--muted);margin-top:8px;max-width:620px}.subj-hero .cta{margin-top:16px}@media(max-width:560px){.subj-hero{flex-direction:column;align-items:flex-start;gap:14px}}.tree-pick{width:15px;height:15px;flex:none;margin-right:4px;accent-color:var(--accent);cursor:pointer}.teach-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.teach-card{display:block;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}.teach-card:hover{border-color:var(--ink);transform:translateY(-2px)}.teach-card h3{font-size:17px;letter-spacing:-.01em}.teach-card p{color:var(--muted);margin-top:6px;font-size:14.5px}.teach-card .go{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--accent)}.teach-hero .sym{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.register-note{margin-top:14px;padding:11px 13px;border-radius:10px;background:var(--warn-soft);border-left:3px solid var(--warn);font-size:14px;max-width:560px}.title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.subject-pick{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.subject-pick select{font:inherit;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:7px 10px}@media(max-width:760px){.subjects{grid-template-columns:minmax(0,1fr)}}.chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.ch-tile{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}.ch-tile:hover{border-color:var(--c);transform:translateY(-2px)}.ch-tile .strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--line)}.ch-tile .strip>*{aspect-ratio:4 / 3;width:100%;height:100%;object-fit:cover;display:grid;place-items:center;background:var(--surface-2);font-size:28px}.ch-tile .body{padding:14px 16px 16px;border-top:4px solid var(--c)}.ch-tile h3{font-size:19px;margin-top:4px}.ch-tile .sub{font-size:13.5px;color:var(--muted);margin-top:4px}.sim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.sim-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s,box-shadow .15s}.sim-card:hover{border-color:var(--c);transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.sim-card .thumb{position:relative;aspect-ratio:16 / 10;background:var(--surface-2);border-bottom:3px solid var(--c)}.sim-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .ico,.shot .ico,.mosaic .ico{position:absolute;inset:0;display:grid;place-items:center;font-size:46px}.sim-card .play{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fffffff2;box-shadow:0 2px 10px #0003;opacity:0;transition:opacity .15s}.sim-card:hover .play,.sim-card:focus-visible .play{opacity:1}.sim-card .play svg{width:14px;height:14px;fill:#1c2230;margin-left:2px}.sim-card .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}.sim-card h3{font-size:15.5px}.sim-card .meta{font-size:12.5px;color:var(--muted)}.sim-card .foot{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px;font-size:12.5px;color:var(--muted)}@media(max-width:560px){.sim-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sim-card .body{padding:9px 10px 11px}.sim-card h3{font-size:14px}.sim-card .meta{font-size:11.5px}.sim-card .foot .chip{font-size:11px;padding:2px 8px}}.browse-head{padding-block:30px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px 24px;flex-wrap:wrap}.browse-head h1{font-size:clamp(30px,4vw,42px);font-weight:850;letter-spacing:-.02em}.browse-head .lede{color:var(--muted);margin-top:6px;max-width:560px}.search{position:relative;flex:0 1 380px;min-width:0;width:100%}.search input{width:100%;font:inherit;font-size:15px;padding:11px 14px 11px 40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.search input:focus{outline:2px solid var(--ludo-blue);outline-offset:1px}.search svg{position:absolute;left:13px;top:50%;translate:0 -50%;width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:2.2}.browse{display:grid;grid-template-columns:236px minmax(0,1fr);gap:28px;align-items:start}.side{display:flex;flex-direction:column;gap:24px;min-width:0}.side-box>summary{cursor:pointer;font-weight:700;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.with-side{display:grid;grid-template-columns:236px minmax(0,1fr);gap:32px;align-items:start;padding-top:22px}.side-main{min-width:0}.side-main .crumbs{padding-top:0}@media(max-width:1099px){.side-main .sim-hero{grid-template-columns:minmax(0,1fr);gap:22px}}.tree{display:flex;flex-direction:column;gap:12px}.tree-subject{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 6px 4px}.tree-subject .n{margin-left:auto;letter-spacing:0;text-transform:none;font-weight:600}.tree-subj.soon{opacity:.6}.tree-group>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:8px;font-size:14px;font-weight:650}.tree-group>summary::-webkit-details-marker{display:none}.tree-group>summary:before{content:"";flex:none;width:7px;height:7px;margin:0 3px 0 1px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s}.tree-group[open]>summary:before{transform:rotate(45deg)}.tree-group>summary:hover{background:var(--surface-2)}.tree-group .n{margin-left:auto;font-size:12px;font-weight:600;color:var(--muted)}.tree ul{list-style:none;margin:2px 0 8px 13px;padding:0 0 0 8px;border-left:2px solid var(--line)}.tree li a{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:13.5px;line-height:1.3}.tree li a:hover{background:var(--surface-2)}.tree li a[aria-current=page]{background:var(--c-soft);color:var(--c-ink);font-weight:700}.tree .ico{flex:none;width:18px;text-align:center;font-size:14px}.tree .nm{flex:1;min-width:0}.tree .st{font-size:11px;white-space:nowrap}.facets{display:flex;flex-direction:column;gap:20px}.facet h4{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.facet label{display:flex;align-items:center;gap:9px;padding:5px 6px;font-size:14.5px;cursor:pointer;border-radius:8px}.facet label:hover{background:var(--surface-2)}.facet input{width:17px;height:17px;margin:0;accent-color:var(--ludo-blue);cursor:pointer;flex:none}.facet .n{margin-left:auto;font-size:12.5px;color:var(--muted)}.facet label.off{opacity:.55;cursor:default}.facet label.off:hover{background:none}.dot{width:11px;height:11px;border-radius:3px;background:var(--c);flex:none}.result-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px;color:var(--muted);font-size:14px}.result-bar .rb-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.result-bar select{font:inherit;font-size:14px;padding:6px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.empty{padding:44px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.empty h1,.empty h2{color:var(--ink);margin-bottom:8px}@media(min-width:861px){.side-box>summary{display:none}.side{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;padding-right:4px}}@media(max-width:860px){.browse,.with-side{grid-template-columns:minmax(0,1fr);gap:16px}.with-side{padding-top:14px}.side{gap:10px}.side-box[open]>summary{margin-bottom:12px}.side-box[open]>.facets,.side-box[open]>.tree{padding:4px 4px 8px}}.crumbs{font-size:13.5px;color:var(--muted);padding-block:20px 0;display:flex;gap:6px 8px;flex-wrap:wrap}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs [aria-current]{color:var(--ink);font-weight:600}.sim-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:start;padding-block:18px 6px}.shot{position:relative;display:block;aspect-ratio:16 / 10;border-radius:18px;overflow:hidden;border:1px solid var(--line);border-bottom:5px solid var(--c);background:var(--surface-2);box-shadow:0 12px 32px #00000014}.shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.shot:hover img{transform:scale(1.02)}.shot .play-big{position:absolute;inset:0;margin:auto;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#fffffff2;box-shadow:0 10px 28px #00000040;transition:transform .15s}.shot:hover .play-big{transform:scale(1.06)}.shot .play-big svg{width:32px;height:32px;fill:var(--ludo-blue);margin-left:5px}.sim-info .kicker{color:var(--c-ink)}.sim-info h1{font-size:clamp(30px,4vw,44px);font-weight:850;letter-spacing:-.02em;margin-top:6px}.sim-info .blurb{font-size:16.5px;line-height:1.55;color:var(--muted);margin-top:12px;text-align:justify}.sim-info .about p+p{margin-top:8px}.sim-info .about b{color:var(--ink);font-weight:700}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.sim-info .cta{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.fact{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.fact b{display:block;font-size:22px;font-weight:850;letter-spacing:-.02em}.fact span{font-size:12.5px;color:var(--muted)}@media(max-width:900px){.sim-hero{grid-template-columns:minmax(0,1fr);gap:22px}}.learn-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.learn-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:4px 12px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.learn-list .no{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--c-soft);color:var(--c-ink)}.learn-list .nm{font-weight:700;padding-top:5px}.learn-list .idea{font-size:14px;color:var(--muted);margin-top:2px}.learn-list .prob{font-size:14.5px;margin-top:3px}.learn-list .chips{margin-top:8px}.learn-list .chips .chip{white-space:normal}.learn-list .st{font-size:13px;letter-spacing:1px;white-space:nowrap;padding-top:6px}@media(max-width:520px){.learn-list li{grid-template-columns:32px minmax(0,1fr)}.learn-list .st{grid-column:2;padding-top:0}}.aud-btn{font:inherit;font-size:13px;font-weight:700;color:var(--ludo-blue-ink);background:var(--ludo-blue-soft);border:1px solid color-mix(in srgb,var(--ludo-blue) 30%,transparent);border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap}.aud-btn:after{content:" \25be";font-size:11px}.install-btn{font:inherit;font-size:13px;font-weight:700;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap}.install-btn:hover{border-color:var(--ludo-blue)}.install-steps{margin:12px 0 0;padding-left:22px;display:grid;gap:4px;font-size:14.5px}.aud-btn:hover{border-color:var(--ludo-blue)}.aud-pop{position:absolute;top:calc(100% + 6px);right:max(16px,calc((100% - 1240px)/2));width:min(440px,calc(100% - 32px))}.aud-pop .aud-card{box-shadow:0 18px 44px #00000029}.aud-card{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--ludo-blue);border-radius:var(--radius);padding:18px 20px;box-shadow:0 10px 28px #00000014}.aud-sec .aud-card{max-width:560px}.aud-card h3{font-size:19px}.aud-card .sub{color:var(--muted);font-size:14px;margin-top:4px}.aud-row{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:14px}.aud-row .lbl{width:52px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.aud-row .opts{display:flex;gap:8px;flex-wrap:wrap}.aud-opt{font:inherit;font-size:14.5px;font-weight:650;min-width:56px;padding:8px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer}.aud-opt:hover{border-color:var(--ludo-blue)}.aud-opt[aria-pressed=true]{background:var(--ludo-blue);border-color:var(--ludo-blue);color:#fff}.aud-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}.grid-div{grid-column:1 / -1;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}.tree .cls-tag{font-size:10.5px;font-weight:700;color:var(--muted);background:var(--surface-2);border-radius:6px;padding:1px 6px;white-space:nowrap}.how-hero{padding-block:40px 8px;max-width:760px}.how-hero .kicker{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.how-hero h1{font-size:clamp(30px,4.6vw,46px);font-weight:850;letter-spacing:-.03em;margin-top:6px}.how-hero .lede{font-size:17px;color:var(--muted);margin-top:14px}.how-hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.how-steps{margin-top:30px}.how-step{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:26px 34px;align-items:start;padding-block:30px;border-top:1px solid var(--line)}.how-step:first-child{border-top:0}.how-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;font-size:15px;margin-bottom:10px}.how-words h2{font-size:21px;font-weight:800;letter-spacing:-.01em}.how-words p{color:var(--muted);margin-top:8px}.how-legend{list-style:none;padding:0;margin:14px 0 0;font-size:14px}.how-legend li{display:flex;align-items:flex-start;gap:8px;margin-top:7px}.how-legend .pin,.how-pin{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ludo-red, #e5383b);color:#fff;font-size:12.5px;font-weight:800}.how-shot{position:relative;margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.how-shot img{display:block;width:100%;height:auto}.how-pin{position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffffe6}.how-shot.phone{display:none;max-width:330px}.how-end{max-width:760px}.how-end .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}@media(max-width:900px){.how-step{grid-template-columns:minmax(0,1fr);gap:16px}.how-shot.desktop{display:none}.how-shot.phone{display:block;margin-inline:auto}}