.ys-landing-shell{--ys-page:var(--page,#0e0e10);--ys-surface:var(--panel,#17171b);--ys-raised:var(--panel-raise,#1e1e24);--ys-tinted:#211215;--ys-text:var(--ink,#f4f4f5);--ys-body:var(--prose,#c4c4cc);--ys-muted:var(--quiet,#a7a7b0);--ys-accent:var(--signal,#ff3b30);--ys-button:var(--flood,#b91414);--ys-button-hover:var(--flood-hover,#c41616);--ys-button-text:var(--on-flood,#ffffff);--ys-border:var(--border,#34343c);--ys-panel-radius:16px;--ys-control-radius:8px;--ys-art-radius:12px;--ys-pill-radius:999px;--ys-gutter:48px;--ys-section-space:112px;--ys-content-width:1200px;--ys-header-height:64px;--ys-ease-enter:cubic-bezier(0.16,1,0.3,1);position:relative;color:var(--ys-text);background:var(--ys-page);font-size:17px;line-height:28px}body:has(.ys-landing-shell) .tech-field{display:none}.ys-landing-shell :focus-visible{outline:2px solid var(--ys-accent);outline-offset:3px}.ys-container{width:min(var(--ys-content-width),calc(100% - 2 * var(--ys-gutter)));margin-inline:auto}.ys-chapter{position:relative;isolation:isolate;padding-block:var(--ys-section-space);scroll-margin-top:calc(var(--ys-header-height) + 24px)}.ys-landing-shell h1,.ys-landing-shell h2,.ys-landing-shell h3{color:var(--ys-text);font-weight:500}.ys-landing-shell h2{font-size:clamp(34px,3.5vw,52px);line-height:1.1;letter-spacing:-.04em}.ys-landing-shell h3{margin:0;font-size:24px;line-height:30px;letter-spacing:-.02em}.ys-landing-shell p{color:var(--ys-body)}.ys-center{text-align:center}.ys-center .ys-support,.ys-final p,.ys-story-intro p{margin-inline:auto}.ys-community-copy p,.ys-faq-list p,.ys-feature p,.ys-final p,.ys-step p,.ys-story-intro p,.ys-support{max-width:62ch;color:var(--ys-body);font-size:15px;line-height:24px}.ys-mono{font-family:var(--mono);color:var(--ys-text)}.ys-primary-action{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;border:1px solid var(--ys-button);border-radius:var(--ys-pill-radius);background:var(--ys-button);color:var(--ys-button-text);font-size:15px;font-weight:500;line-height:20px;text-decoration:none;white-space:nowrap;transition:background-color .18s var(--ys-ease-enter),border-color .18s var(--ys-ease-enter),transform .18s var(--ys-ease-enter)}.ys-primary-action .arrow{color:var(--ys-button-text);width:18px;height:18px;transition:transform .18s var(--ys-ease-enter)}.ys-primary-action:hover{background:var(--ys-button-hover);border-color:var(--ys-button-hover)}.ys-primary-action:hover .arrow{transform:translateX(3px)}.ys-primary-action:active{transform:scale(.98)}.ys-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ys-text);font-size:15px;font-weight:500;line-height:20px;text-decoration:none}.landing-return .arrow,.ys-footer-bottom .arrow,.ys-text-link .arrow{width:18px;height:18px;transition:transform .18s var(--ys-ease-enter)}.ys-text-link:hover{color:var(--ys-accent)}.landing-return a:hover .arrow,.ys-footer-bottom a:hover .arrow,.ys-text-link:hover .arrow{transform:translateX(3px)}.nav-landing .landing-nav-action{flex-direction:row;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:var(--ys-pill-radius,999px);white-space:nowrap;transition:background-color .18s var(--ease-move),transform .18s var(--ease-move)}.nav-landing .landing-nav-action:active{transform:scale(.98)}.nav-landing .landing-nav-action .arrow{width:16px;height:16px;transition:transform .18s var(--ease-move)}.nav-landing .landing-nav-action:hover .arrow{transform:translateX(3px)}.ys-art-plane{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ys-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100svh - var(--ys-header-height));padding:64px var(--ys-gutter) 0;overflow:clip}.ys-hero-art{position:absolute;inset:0;z-index:0}.ys-art-pos{display:none;position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%) rotate(var(--rot))}.ys-art-pos[data-slug=computers]{--x:10%;--y:27%;--rot:-10deg}.ys-art-pos[data-slug=command-line]{--x:89%;--y:25%;--rot:12deg}.ys-art-pos[data-slug=networks]{--x:16%;--y:58%;--rot:8deg}.ys-art-pos[data-slug=code]{--x:84%;--y:57%;--rot:-8deg}.ys-art-pos[data-slug=web-basics]{--x:16%;--y:13%;--rot:-7deg}.ys-art-pos[data-slug=security]{--x:74%;--y:15%;--rot:9deg}.ys-art-pos[data-slug=first-ctf]{--x:28%;--y:77%;--rot:-12deg}.ys-art-pos[data-slug=reversing]{--x:74%;--y:78%;--rot:10deg}@media (max-width:1400px) and (min-width:1024px){.ys-art-pos[data-slug=security]{--x:86%;--y:12%}}.ys-art-pos img{display:block;width:100%;height:100%;object-fit:contain}.ys-hero-copy{position:relative;z-index:3;width:min(860px,100%);text-align:center}.ys-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 22px;color:var(--ys-text);font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1}.ys-brand .mark{width:44px;height:44px}.ys-eyebrow{margin-bottom:18px;color:var(--ys-body);font-size:15px;line-height:24px}.ys-hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.04;letter-spacing:-.045em}.ys-h1-line{display:block}.ys-h1-accent{color:var(--ys-accent)}.ys-lede{max-width:46ch;margin:22px auto 0;color:var(--ys-body);font-size:17px;line-height:28px}.ys-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;margin-top:28px}.ys-hero-teaser{position:absolute;left:50%;bottom:0;z-index:2;width:min(400px,calc(100% - 64px));height:168px;overflow:hidden;transform:translate(-50%,22%);border:1px solid #43434d;border-bottom:0;border-radius:16px 16px 0 0;background:var(--ys-surface);pointer-events:none}.ys-hero-teaser .ys-preview-excerpt,.ys-hero-teaser .ys-preview-title{padding-inline:20px}.ys-hero-teaser .ys-preview-stage{padding:12px 20px 0}.ys-hero-teaser .ys-preview-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ys-facts-wrap{border-block:1px solid var(--ys-border)}.ys-facts{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;grid-gap:16px 24px;gap:16px 24px;padding-block:22px}.ys-facts p{display:flex;align-items:center;gap:10px;margin:0;color:var(--ys-body);font-size:15px;line-height:24px}.ys-facts .icon{width:18px;height:18px;color:var(--ys-muted)}.ys-return-slot:empty{display:none}.ys-return-slot:not(:empty){padding-top:28px}.landing-return{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;border-left:2px solid var(--ys-accent);padding:8px 18px}.landing-return p{margin:0;color:var(--ys-body);font-size:15px;line-height:24px}.landing-return a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ys-text);text-decoration:none;font-weight:500}.ys-showcase{background:var(--ys-tinted)}.ys-showcase .ys-center{margin-inline:auto}.ys-showcase .ys-center .ys-support{margin:16px auto 0}.ys-showcase-grid{display:grid;grid-template-columns:240px minmax(0,480px) 240px;grid-template-areas:"left preview right";justify-content:center;grid-gap:32px;gap:32px;align-items:start;margin-top:48px}.ys-side-left{grid-area:left}.ys-side-right{grid-area:right}.ys-preview{grid-area:preview}.ys-step+.ys-step{margin-top:28px}.ys-step .icon{width:22px;height:22px;color:var(--ys-accent)}.ys-step h3{margin-top:10px}.ys-step p{margin-top:8px}.ys-preview{background:var(--ys-surface);border:1px solid #43434d;border-radius:var(--ys-panel-radius)}.ys-preview-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--ys-border);box-shadow:inset 0 2px 0 var(--ys-accent);border-radius:16px 16px 0 0;color:var(--ys-body);font-size:13px;line-height:20px}.ys-preview-topline>span:first-child{display:inline-flex;align-items:center;gap:8px}.ys-preview-topline .icon{width:18px;height:18px;color:var(--ys-accent)}.ys-preview-reading{padding:20px 20px 8px}.ys-preview-stage{color:var(--ys-muted);font-size:13px;line-height:20px}.ys-preview-title{margin-top:8px;color:var(--ys-text);font-size:24px;line-height:30px}.ys-preview-excerpt,.ys-preview-reading>p:last-child{margin-top:12px;color:var(--ys-body);font-size:15px;line-height:24px}.ys-preview-question{margin-top:8px;padding:18px 20px 20px;background:var(--code);border-top:1px solid var(--ys-border)}.ys-preview-question label{display:block;color:var(--ys-text);font-size:15px;line-height:24px}.ys-preview .answer{margin-top:14px}.ys-preview .answer-row{align-items:stretch}.ys-preview input{border-radius:var(--ys-control-radius);min-height:48px}.ys-preview .answer .btn{border-radius:var(--ys-pill-radius);min-height:48px;padding-inline:18px}.ys-preview .hints,.ys-preview .status{font-size:14px;line-height:22px}.ys-preview .hints{color:var(--ys-body)}.ys-preview-note{padding:12px 20px 0;color:var(--ys-muted);font-size:13px;line-height:20px}.ys-preview-open{padding:4px 20px 16px}.ys-preview-empty{display:grid;grid-gap:16px;gap:16px;padding:28px 24px 32px}.ys-preview-empty p{margin:0}.ys-feature-wrap{width:min(1060px,calc(100% - 2 * var(--ys-gutter)))}.ys-feature-intro{margin-bottom:36px}.ys-feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:20px;gap:20px}.ys-feature{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:250px;padding:22px;border:1px solid var(--ys-border);border-radius:var(--ys-panel-radius);background:var(--ys-surface);overflow:clip}.ys-feature h3{font-size:22px;line-height:28px}.ys-feature p{margin:0}.ys-feature .ys-text-link{margin-top:auto}.ys-feature-foundations{grid-column:1/5;grid-row:1;background:var(--ys-raised)}.ys-feature-checkpoints{grid-column:5/9;grid-row:1}.ys-feature-practice{grid-column:9/13;grid-row:1/3;min-height:520px;background:var(--ys-tinted)}.ys-feature-access{grid-column:1/5;grid-row:2;background:var(--ys-page)}.ys-feature-forward{grid-column:5/9;grid-row:2}.ys-feature-art{width:100%}.ys-feature-art-hover{position:relative;min-height:92px;transition:transform .18s var(--ys-ease-enter)}.ys-feature:has(a:focus-visible) .ys-feature-art-hover,.ys-feature:has(a:hover) .ys-feature-art-hover{transform:translateY(-4px)}.ys-feature-primary{display:block;width:min(148px,70%);height:auto}.ys-feature-practice .ys-feature-primary{width:min(210px,78%)}.ys-feature-secondary{position:absolute;right:8%;bottom:0;width:64px;height:auto}.ys-feature-practice .ys-feature-art-hover{min-height:240px}.ys-feature-practice .ys-feature-secondary{width:84px;right:6%;bottom:12px}.ys-art-row{display:flex;align-items:center;gap:8px;min-height:72px}.ys-art-row img{width:56px;height:56px}.ys-icon-pair,.ys-method-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:72px;padding:0;margin:0;list-style:none}.ys-method-pills li{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid var(--ys-border);border-radius:var(--ys-art-radius);background:var(--ys-page);color:var(--ys-text);font-size:13px}.ys-icon-pair .icon,.ys-method-pills .icon{width:22px;height:22px;color:var(--ys-accent)}.ys-icon-pair{gap:14px}.ys-community{display:grid;align-items:center;min-height:680px;background:var(--ys-tinted);overflow:clip}.ys-community-copy{position:relative;z-index:1;width:min(520px,calc(100% - 2 * var(--ys-gutter)));padding:28px 8px;text-align:center;background:var(--ys-tinted)}.ys-community-copy h2{margin-bottom:16px}.ys-community-copy>div>p{margin-inline:auto}.ys-community-links{display:grid;grid-gap:10px;gap:10px;margin-top:24px;text-align:left}.ys-community-links>p{margin:4px 0 0;text-align:center;color:var(--ys-muted);font-size:13px;line-height:20px}.community-link{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border:1px solid var(--ys-border);border-radius:var(--ys-control-radius);background:var(--ys-surface);color:var(--ys-text);font-size:15px;line-height:22px;text-decoration:none}.community-link>svg{flex:none}.community-link .arrow{margin-left:auto}.community-link-discord:not(.social-pending){background:var(--ys-button);border-color:var(--ys-button);color:var(--ys-button-text)}.community-link:hover:not(.social-pending){border-color:var(--ys-accent)}.community-link-discord:hover:not(.social-pending){background:var(--ys-button-hover)}.social-pending{color:var(--ys-muted)}.ys-emblem-plane{position:absolute;inset:0;z-index:0}.ys-emblem-anchor{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%)}.ys-emblem{display:grid;place-items:center;width:100%;height:100%;border:1px solid var(--ys-border);border-radius:50%;background:#1a1a1f;box-shadow:0 10px 24px rgb(0 0 0/.28)}.ys-emblem img{width:58%;height:58%;object-fit:contain}.ys-story-intro{max-width:720px}.ys-story-intro p{margin-top:16px}.ys-story-pin{position:relative}.ys-story-panel{display:grid;grid-gap:28px;gap:28px;align-items:center}.ys-story-panel+.ys-story-panel{margin-top:48px}.ys-story-topics{margin-top:12px;color:var(--ys-muted);font-size:14px;line-height:22px}.ys-story-count{margin-top:10px;color:var(--ys-muted);font-family:var(--mono);font-size:13px;line-height:20px}.ys-story-count.has-lessons{color:var(--ys-accent)}.ys-story-art{position:relative;min-height:220px;border-radius:var(--ys-panel-radius);overflow:hidden;background:transparent}.ys-story-inner,.ys-story-mask{width:100%;height:100%;min-height:inherit}.ys-story-mask{overflow:hidden}.ys-story-inner{position:relative;background:linear-gradient(to right,rgb(255 255 255/.035) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255/.035) 1px,transparent 1px),var(--ys-surface);background-size:28px 28px,28px 28px,auto}.ys-story-primary{position:absolute;left:50%;top:46%;width:min(300px,72%);height:auto;transform:translate(-50%,-50%)}.ys-story-float{position:absolute;width:min(104px,26%);height:auto}.ys-story-float-a{left:8%;bottom:10%}.ys-story-float-b{right:8%;top:12%}.ys-story-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ys-story-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--ys-border);border-radius:var(--ys-pill-radius);background:var(--ys-surface);color:var(--ys-text);font-weight:500;text-decoration:none}.ys-story-nav a.is-active{border-color:var(--ys-accent);color:var(--ys-accent)}.ys-story-pin.is-enhanced{z-index:1;height:calc(100svh - var(--ys-header-height));background:var(--ys-page)}.ys-story-pin.is-enhanced .ys-story-layout{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:24px}.ys-story-pin.is-enhanced .ys-story-layers{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.ys-story-pin.is-enhanced .ys-story-panel,.ys-story-pin.is-enhanced .ys-story-panel+.ys-story-panel{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,480px);grid-gap:40px;gap:40px;align-items:center;margin:0}.ys-story-pin.is-enhanced .ys-story-panel.is-flip{grid-template-columns:minmax(240px,480px) minmax(0,1fr)}.ys-story-pin.is-enhanced .ys-story-panel.is-flip .ys-story-copy{order:2;justify-self:end}.ys-story-pin.is-enhanced .ys-story-copy{max-width:430px}.ys-story-pin.is-enhanced .ys-story-art{height:min(480px,calc(100svh - var(--ys-header-height) - 160px));min-height:0}.ys-story-pin.is-enhanced .ys-story-nav{position:relative;z-index:3;margin-top:12px}.ys-keep{padding-top:64px}.ys-keep>p{margin-top:12px;max-width:52ch}.ys-keep-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin:24px 0 8px;padding:0;list-style:none}.ys-keep-list a{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:112px;padding:18px;border:1px solid var(--ys-border);border-radius:var(--ys-panel-radius);background:var(--ys-surface);text-decoration:none}.ys-keep-name{color:var(--ys-text);font-size:20px;line-height:26px;font-weight:500}.ys-keep-state{color:var(--ys-muted);font-family:var(--mono);font-size:13px}.ys-keep-list a:hover{border-color:var(--ys-accent)}.ys-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-gap:48px 64px;gap:48px 64px;align-items:start}.ys-faq-list{border-top:1px solid var(--ys-border)}.ys-faq-list details{border-bottom:1px solid var(--ys-border)}.ys-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 0;color:var(--ys-text);font-size:17px;line-height:24px;cursor:pointer;list-style:none}.ys-faq-list summary::-webkit-details-marker{display:none}.ys-faq-list summary .icon{flex:none;transition:transform .18s var(--ys-ease-enter)}.ys-faq-list details[open] summary .icon{transform:rotate(90deg)}.ys-faq-list details p{padding:0 36px 18px 0}.ys-faq-list a{text-underline-offset:3px}.ys-final{text-align:center;padding-top:24px}.ys-final p{margin:16px auto 24px}.ys-final .ys-primary-action{margin-inline:auto}.ys-footer{position:relative;isolation:isolate;overflow:clip;background:var(--ys-page);border-top:1px solid var(--ys-border);padding-block:40px 28px}.ys-footer-route{position:absolute;inset:0;z-index:0;overflow:hidden;color:#718095;pointer-events:none;--field-ink:10px;--field-fade:clamp(40px,calc(50vw - 680px),68px)}.ys-footer-route .field-band{top:0;height:100%}.ys-footer-route .field-sheet{top:50%;transform:translateY(-50%)}.ys-footer-content{position:relative;z-index:1}.ys-footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.ys-footer-top p{margin-top:10px;color:var(--ys-muted);font-size:13px;line-height:20px}.ys-footer-top nav{display:flex;flex-wrap:wrap;gap:8px 22px}.ys-footer-top nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ys-body);font-size:14px;text-decoration:none}.ys-footer-top nav a:hover{color:var(--ys-text)}.ys-footer-socials{display:flex;gap:8px}.social-icon-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ys-border);border-radius:var(--ys-control-radius);color:var(--ys-text)}a.social-icon-link:hover{border-color:var(--ys-accent);color:var(--ys-accent)}.ys-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-top:18px;border-top:1px solid var(--ys-border);color:var(--ys-muted);font-size:13px;line-height:20px}.ys-footer-bottom a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ys-text);text-decoration:none}@media (min-width:1280px){.ys-hero{min-height:max(680px,calc(100svh - var(--ys-header-height)))}}@media (min-width:1024px) and (max-width:1279px){.ys-landing-shell{--ys-gutter:32px}}@media (min-width:1024px) and (max-width:1199px){.ys-showcase-grid{grid-template-columns:minmax(0,1fr) minmax(360px,1.7fr) minmax(0,1fr)}}@media (min-width:1024px){.ys-art-pos[data-show~=desktop]{display:block}.ys-story-pin:not(.is-enhanced) .ys-story-panel{grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:48px}.ys-story-pin:not(.is-enhanced) .ys-story-panel.is-flip{grid-template-columns:minmax(0,1fr) minmax(0,430px)}.ys-story-pin:not(.is-enhanced) .ys-story-panel.is-flip .ys-story-copy{order:2}.ys-story-pin:not(.is-enhanced) .ys-story-panel+.ys-story-panel{margin-top:80px}.ys-story-pin:not(.is-enhanced) .ys-story-art{min-height:320px}}@media (min-width:768px) and (max-width:1023px){.ys-landing-shell{--ys-gutter:32px;--ys-section-space:80px}.ys-art-pos{width:48px;height:48px}.ys-art-pos[data-show~=tablet]{display:block}.ys-art-pos[data-slug=computers]{--x:8%;--y:18%}.ys-art-pos[data-slug=command-line]{--x:92%;--y:16%}.ys-art-pos[data-slug=networks]{--x:90%;--y:72%}.ys-art-pos[data-slug=first-ctf]{--x:10%;--y:74%}.ys-showcase-grid{grid-template-areas:"preview preview" "left right"}.ys-feature-grid,.ys-showcase-grid{grid-template-columns:1fr 1fr}.ys-feature,.ys-feature-access,.ys-feature-checkpoints,.ys-feature-forward,.ys-feature-foundations,.ys-feature-practice{grid-column:auto;grid-row:auto;min-height:0}.ys-feature-foundations{grid-column:1;grid-row:1}.ys-feature-checkpoints{grid-column:1;grid-row:2}.ys-feature-practice{grid-column:2;grid-row:1/span 2;min-height:420px}.ys-feature-access{grid-column:1;grid-row:3}.ys-feature-forward{grid-column:2;grid-row:3}.ys-emblem-anchor{width:56px;height:56px}.ys-community{min-height:0}.ys-faq-grid{gap:32px}}@media (max-width:799px){.nav-landing .landing-nav-action{display:none}}@media (max-width:767px){.ys-landing-shell{--ys-gutter:20px;--ys-section-space:64px}.ys-hero{min-height:0;padding:84px var(--ys-gutter) 12px}.ys-hero h1{font-size:42px}.ys-brand{font-size:26px;gap:10px;margin-bottom:16px}.ys-brand .mark{width:36px;height:36px}.ys-hero-teaser{display:none}.ys-art-pos{width:40px;height:40px}.ys-art-pos[data-show~=mobile]{display:block}.ys-art-pos[data-slug=computers]{--x:16%;--y:6%;--rot:-8deg}.ys-art-pos[data-slug=command-line]{--x:84%;--y:6%;--rot:10deg}.ys-art-pos[data-slug=first-ctf]{--x:50%;--y:6%;--rot:-8deg}.ys-facts{grid-template-columns:1fr 1fr;justify-content:start}.ys-showcase-grid{grid-template-areas:"preview" "left" "right"}.ys-feature-grid,.ys-showcase-grid{grid-template-columns:1fr}.ys-feature,.ys-feature-access,.ys-feature-checkpoints,.ys-feature-forward,.ys-feature-foundations,.ys-feature-practice{grid-column:auto;grid-row:auto;min-height:0}.ys-community{display:block;min-height:0;padding-block:64px}.ys-community-copy,.ys-emblem-plane{width:min(520px,calc(100% - 40px))}.ys-emblem-plane{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:8px auto 0}.ys-emblem-anchor{position:static;width:56px;height:56px;transform:none}.ys-story-panel+.ys-story-panel{margin-top:48px}.ys-story-nav{flex-direction:column}.ys-story-nav a{width:100%}.ys-faq-grid,.ys-keep-list{grid-template-columns:1fr}.ys-footer-route{display:none}.ys-footer-bottom,.ys-footer-top{flex-wrap:wrap}}@media (max-width:389px){.ys-hero h1{font-size:42px}}@media (max-width:359px){.ys-landing-shell{--ys-gutter:16px}.ys-hero h1{font-size:36px}.ys-preview .answer-row{flex-direction:column}.ys-preview .answer .btn{width:100%}}@media (max-height:820px) and (min-width:768px){.ys-hero{padding-top:28px}.ys-hero-teaser{transform:translate(-50%,34%)}.ys-brand{margin-bottom:12px;font-size:26px}.ys-brand .mark{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.ys-landing-shell *,.ys-landing-shell :after,.ys-landing-shell :before{animation:none!important;transition:none!important}.landing-return a:hover .arrow,.nav-landing .landing-nav-action:active,.nav-landing .landing-nav-action:hover .arrow,.ys-faq-list details[open] summary .icon,.ys-feature:has(a:focus-visible) .ys-feature-art-hover,.ys-feature:has(a:hover) .ys-feature-art-hover,.ys-footer-bottom a:hover .arrow,.ys-primary-action:active,.ys-primary-action:hover .arrow,.ys-text-link:hover .arrow{transform:none}}