@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color:#10212c;background:radial-gradient(circle at top left,rgba(246,209,123,.22),transparent 32%),radial-gradient(circle at right,rgba(102,168,177,.18),transparent 28%),linear-gradient(180deg,#f7f4ec,#f2ede1);font-family:Space Grotesk,sans-serif;line-height:1.55;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid rgba(214,109,61,.65);outline-offset:3px}button{font:inherit}#root{min-height:100vh}.page-shell{width:min(1240px,calc(100vw - 40px));margin:0 auto;padding:28px 0 72px}.topbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.topbar a,.footer a,.resource-link{padding:10px 14px;border:1px solid rgba(16,33,44,.14);border-radius:999px;background:#ffffff85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.topbar a:hover,.footer a:hover,.resource-link:hover,.primary-button:hover,.secondary-button:hover,.blueprint-step:hover,.explorer-step:hover,.explorer-toggle:hover{transform:translateY(-2px);border-color:#d66d3d6b;box-shadow:0 12px 28px #10212c1a}.link-stack{display:flex;flex-direction:column;gap:2px;line-height:1.15}.link-stack-ru,.resource-link-ru,.hero-eyebrow,.hero-title-ru,.section-eyebrow,.section-title-ru,.surface-title-ru,.step-title-ru,.context-title-ru,.metric-label-ru{color:#6b5649}.link-stack-ru,.resource-link-ru{font-size:.82rem}.hero{padding:26px 28px 34px;border:1px solid rgba(16,33,44,.08);border-radius:36px;background:linear-gradient(135deg,#ffffffd1,#f7e8dcf2),linear-gradient(180deg,rgba(102,168,177,.1),transparent);box-shadow:0 32px 80px #1225331f}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:24px;align-items:center}.hero-copy h1,.section-heading h2,.explorer-card h3{margin:0;font-family:Fraunces,serif;line-height:.96}.hero-copy h1{font-size:clamp(2.9rem,7vw,5.8rem);max-width:11ch}.hero-eyebrow{margin:0 0 8px;font-size:.94rem;text-transform:uppercase;letter-spacing:.08em}.hero-eyebrow-ru,.hero-title-ru{margin-top:8px}.hero-title-ru{font-size:clamp(1.15rem,2.4vw,1.7rem);max-width:24ch}.bilingual-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.language-card,.surface-card,.step-card,.context-card,.deliverable-card,.diagram-card,.metric-card,.explorer-card,.blueprint-board,.blueprint-summary,.blueprint-column{border:1px solid rgba(16,33,44,.08);border-radius:26px;background:#ffffffc7;box-shadow:0 20px 46px #10212c14}.language-card{padding:18px}.language-label{display:inline-flex;margin-bottom:10px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#d66d3d}.language-copy{color:#24323b}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.explorer-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:700}.button-stack{align-items:flex-start}.button-stack-ru{opacity:.86}.primary-button{background:#10212c;color:#f5f0e8}.secondary-button,.explorer-toggle{border:1px solid rgba(16,33,44,.14);background:#fffc}.clipart-shell{min-height:320px;padding:10px;animation:float-card 8s ease-in-out infinite}.clipart-svg{width:100%;height:auto;filter:drop-shadow(0 24px 48px rgba(16,33,44,.18))}.metric-strip,.grid-two,.diagram-grid,.deliverable-grid{display:grid;gap:16px}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.metric-card{padding:18px}.metric-value{display:block;font-family:Fraunces,serif;font-size:2rem;color:#d66d3d}.metric-label-en,.metric-label-ru{display:block}.content-section{margin-top:32px;padding:28px;border-radius:34px;background:#ffffff9e;border:1px solid rgba(16,33,44,.08)}.section-heading{margin-bottom:24px}.section-heading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:end}.section-heading-translation{padding-bottom:8px}.section-eyebrow{margin:0 0 10px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#d66d3d}.section-heading h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:0}.section-title-ru{margin:0;font-family:Fraunces,serif;font-size:clamp(1.35rem,2.6vw,2.15rem);line-height:1.08}.section-source-row{display:flex;flex-wrap:wrap;gap:10px}.section-source-chip{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border-radius:999px;background:#10212c14;color:#24323b;font-size:.82rem}.section-source-chip code,.repo-path,.deliverable-source code{font-family:Space Grotesk,sans-serif}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.surface-card,.deliverable-card,.repo-card{display:flex;flex-direction:column;padding:22px}.surface-card h3,.deliverable-card h3,.step-card h3,.context-card h3,.diagram-card h3,.repo-card h3,.blueprint-board h3{margin:0;font-size:1.25rem}.repo-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.repo-path{padding:8px 12px;border-radius:999px;background:#10212c14;font-size:.82rem;color:#24323b}.link-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.resource-link{display:inline-flex;flex-direction:column;gap:2px;align-items:flex-start}.explorer-card{padding:22px;margin-bottom:16px;overflow:hidden;background:linear-gradient(180deg,#ffffffdb,#f3eee4e6),linear-gradient(120deg,rgba(102,168,177,.12),transparent 40%)}.explorer-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.explorer-toggle{cursor:pointer;border:1px solid rgba(16,33,44,.14)}.explorer-progress{height:10px;border-radius:999px;background:#10212c14;overflow:hidden;margin-bottom:16px}.explorer-progress-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d66d3d,#f6d17b);transition:width .26s ease}.explorer-selector{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.explorer-step{display:grid;gap:4px;padding:14px;border:1px solid rgba(16,33,44,.12);border-radius:22px;background:#ffffffe6;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.explorer-step.is-active{border-color:#d66d3d80;background:#fff6edfa}.explorer-step-label{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:#10212c;color:#f5f0e8;font-size:.75rem;letter-spacing:.08em}.explorer-stage{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,.9fr));gap:16px}.explorer-stage-copy,.explorer-column{padding:18px;border-radius:24px;background:#ffffffb8;border:1px solid rgba(16,33,44,.08)}.blueprint-board{padding:22px;background:linear-gradient(180deg,#ffffffdb,#f1f4f0eb),radial-gradient(circle at top right,rgba(102,168,177,.12),transparent 28%)}.blueprint-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.blueprint-toolbar-copy{max-width:38ch;margin:0;color:#36454e}.blueprint-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.blueprint-step{display:grid;gap:4px;padding:14px;border:1px solid rgba(16,33,44,.12);border-radius:22px;background:#ffffffe6;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.blueprint-step.is-active{border-color:#66a8b18a;background:#ecf7f6fa}.blueprint-stage{display:grid;gap:16px}.blueprint-summary,.blueprint-column{padding:18px}.blueprint-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.explorer-column-label,.deliverable-source span{margin:0 0 12px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#d66d3d}.surface-title-ru,.context-title-ru,.step-title-ru{margin-top:6px}.step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.step-card{display:flex;flex-direction:column;padding:20px}.step-card-topline{display:flex;flex-direction:column;gap:12px}.step-badge{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:#10212c;color:#f5f0e8;font-size:.78rem;letter-spacing:.08em}.token-list{display:grid;gap:10px;padding:0;margin:auto 0 0;list-style:none}.token-list li,.context-note,.deliverable-source{display:grid;gap:4px;padding:12px 14px;border-radius:18px;background:#d66d3d14}.diagrams-section{background:linear-gradient(180deg,#10212cf2,#1a303ff5),radial-gradient(circle at top left,rgba(246,209,123,.18),transparent 24%);color:#f8f3ec}.diagrams-section .section-heading,.diagrams-section .section-eyebrow,.diagrams-section .section-title-ru,.diagrams-section .section-heading p{color:inherit}.diagrams-section .language-card,.diagrams-section .section-source-chip{background:#ffffff14;color:#f8f3ec}.diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-card{padding:22px;background:#ffffff0f;border-color:#ffffff1f}.diagram-copy p{color:#f8f3ecd1}.diagram-shell{margin-top:18px;padding:16px;border-radius:24px;background:#f8f3ecf5;overflow-x:auto}.context-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.5fr);gap:18px}.context-callout{position:sticky;top:24px;align-self:start}.context-grid,.deliverable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-card{padding:20px}.footer{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:28px;padding:18px 8px 0;color:#4d433c}.footer-copy{max-width:54ch}.footer p:last-child{display:flex;flex-wrap:wrap;gap:10px;margin:0}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:1160px){.hero-grid,.context-layout,.diagram-grid,.grid-two,.deliverable-grid,.metric-strip,.explorer-stage,.section-heading-grid,.blueprint-columns{grid-template-columns:1fr 1fr}.step-grid,.blueprint-selector,.explorer-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){html{scroll-behavior:auto}.page-shell{width:min(100vw - 20px,1240px);padding-top:12px}.hero,.content-section{padding:20px;border-radius:26px}.hero-grid,.metric-strip,.bilingual-panel,.context-layout,.context-grid,.grid-two,.diagram-grid,.deliverable-grid,.step-grid,.section-heading-grid,.explorer-stage,.blueprint-columns,.blueprint-selector,.explorer-selector{grid-template-columns:1fr}.repo-card-header,.explorer-toolbar,.blueprint-toolbar,.footer{flex-direction:column}.context-callout{position:static}.footer{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}