.home-page{--primary:#4b55cf;--border:#e1e5ef;padding-bottom:24px}.home-page .topbar{height:88px}.home-page .github-link{border:1px solid var(--border);background:var(--card);border-radius:9px;padding:9px 15px}.home-page .intro-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;padding:72px 0 64px;position:relative}.home-page .intro-grid:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(at 78% 42%,#e6eaff 0,#0000 65%);position:absolute;inset:0 -14px}.home-page .overline{letter-spacing:.055em;background:#edf0ff;border:1px solid #dce0f6;border-radius:6px;width:fit-content;padding:7px 11px;font-size:12px}.home-page h1{letter-spacing:-.045em;margin:22px 0;font-size:clamp(2.6rem,4.3vw,3.75rem);font-weight:750;line-height:1.25}.home-page h1 span{color:var(--primary)}.home-page .lede{max-width:440px;font-size:16px;line-height:1.9}.intro-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;display:flex}.primary-link{background:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:16px;min-height:46px;padding:12px 19px;font-size:14px;font-weight:650;display:inline-flex;box-shadow:0 5px 12px #4b55cf20}.intro-principles{color:#637087;flex-wrap:wrap;gap:20px;margin-top:23px;font-size:12px;display:flex}.intro-principles span{align-items:center;gap:5px;display:inline-flex}.intro-principles svg{color:#17826e}.home-page .search-panel{background:radial-gradient(at 100% 0,#354576 0,#0000 70%),#1a243c;border:1px solid #343e64;border-radius:20px;padding:30px;box-shadow:0 18px 40px -20px #1a243c70}.home-page .search-panel:after{border:1px solid #ffffff12;width:230px;height:230px;top:-85px;right:-105px;box-shadow:0 0 0 28px #ffffff03,0 0 0 56px #ffffff03}.search-panel-top,.search-panel-bottom{color:#bdc8e4;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.search-panel-top>span:first-child,.search-panel-bottom a{align-items:center;gap:7px;display:inline-flex}.search-panel-index{color:#aebbdc;letter-spacing:.14em;font-family:monospace}.home-page .search-panel label{margin:32px 0 9px;font-size:26px;font-weight:650}.search-description{color:#bdc8de;margin:0 0 24px;font-size:14px;line-height:1.7}.home-page .search-box{border-radius:10px;gap:9px;padding:7px 7px 7px 15px}.home-page .search-box>svg{color:#66738a;flex:none}.home-page .search-box input{font-size:14px}.home-page .search-box input::placeholder{color:#69758a}.home-page .search-submit{background:#4b55cf;min-height:44px;padding-inline:16px;font-size:14px}.home-page .quick-links{color:#bdc8de;gap:8px;margin-top:16px;font-size:12px}.home-page .quick-links a{background:#ffffff06;border-color:#ffffff26;padding:7px 10px}.search-panel-bottom{border-top:1px solid #ffffff20;margin-top:28px;padding-top:18px}.home-page .section-block{margin-top:0}.home-page .section-heading{margin-bottom:22px}.home-page .section-kicker{letter-spacing:.09em;font-size:12px}.home-page .section-heading h2{letter-spacing:-.035em;margin-top:9px;font-size:25px;font-weight:700;line-height:1.45}.home-page .starter-grid{gap:18px}.home-page .starter-card{background:linear-gradient(130deg,#edf0ff,#fafbff);border-color:#dbe1f6;border-radius:15px;min-height:220px;padding:26px}.home-page .starter-card.mint{background:linear-gradient(130deg,#e8f5f1,#f8fcfa);border-color:#d2e8e0}.home-page .starter-card.orange{background:linear-gradient(130deg,#fff1e7,#fffbf8);border-color:#f0dfd1}.home-page .card-icon{width:44px;height:44px;color:var(--primary);background:#fff;box-shadow:0 3px 8px #17203306}.home-page .starter-card.mint .card-icon{color:#17826e;background:#fff}.home-page .starter-card.orange .card-icon{color:#bc5a2c;background:#fff}.home-page .starter-card .starter-number{color:#73809a;font-family:monospace;font-size:13px;position:absolute;top:26px;right:25px}.home-page .starter-card p{margin-top:21px}.home-page .starter-card h3{font-size:19px;font-weight:650;line-height:1.6}.home-page .starter-card>span:last-of-type{padding-right:32px;line-height:1.7;display:block}.home-page .card-arrow{color:#56657f;border:1px solid #17203315;border-radius:50%;width:30px;height:30px;padding:6px}.home-page .scenario-section{border:1px solid var(--border);background:#fff;border-radius:18px;margin-top:56px;padding:32px}.home-page .scenario-grid{gap:0}.home-page .scenario-card{border:0;border-left:1px solid var(--border);background:0 0;border-radius:0;padding:8px 24px 0}.home-page .scenario-card:first-child{border-left:0;padding-left:0}.home-page .scenario-card:last-child{padding-right:0}.home-page .scenario-number{color:#69758a;letter-spacing:.08em;margin-bottom:16px;font-size:12px;display:block}.home-page .scenario-card h3{font-size:17px;font-weight:650;line-height:1.6}.home-page .scenario-card p{margin:10px 0 18px;font-size:14px;line-height:1.85}.scenario-action{align-items:center;gap:8px;display:inline-flex}.home-page .split-section{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;margin-top:30px}.home-page .comparison-board,.home-page .radar-card{padding:30px}.home-page .comparison-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:18px 0}.home-page .comparison-note{grid-area:2/1;line-height:1.7}.home-page .comparison-row>svg{color:#69758a;grid-area:1/2/3}.home-page .concept-pair{flex-wrap:wrap}.home-page .concept-pair em{color:#637087;background:#f1f3f8;border-radius:4px;padding:1px 6px}.home-page .radar-card{background:#eaf0fc;border-color:#d8e1f4}.home-page .radar-card h2{margin-top:17px;font-size:24px;font-weight:700;line-height:1.5}.home-page .site-footer{grid-template-columns:auto 1fr;gap:22px;margin-top:60px;padding-bottom:16px}.home-page .site-footer p{text-align:right}.home-page .site-footer>div{flex-wrap:wrap;grid-column:1/-1;gap:14px 24px}.home-page .primary-link:hover,.home-page .search-submit:hover{background:#3d46b5}.home-page .quick-links a:hover{background:#ffffff18}.home-page .text-link:hover,.home-page .scenario-card:hover h3,.home-page .comparison-row:hover .concept-pair{color:var(--primary)}.home-page .search-panel-bottom a:hover{color:#fff}.home-page .search-box:focus-within{outline-offset:4px;outline:3px solid #aab7ff}@media (max-width:1024px){.home-page .intro-grid{gap:30px}.home-page .starter-card{padding:22px}.home-page .starter-card h3{font-size:17px}}@media (max-width:840px){.home-page .topbar{height:74px}.home-page .intro-grid{grid-template-columns:1fr;gap:32px;padding:44px 0}.home-page h1{font-size:clamp(2.5rem,7vw,3.5rem)}.home-page .lede{max-width:540px}.home-page .starter-card{min-height:190px}.home-page .starter-card h3{font-size:19px}.home-page .scenario-card,.home-page .scenario-card:first-child,.home-page .scenario-card:last-child{border-left:0;border-top:1px solid var(--border);padding:22px 0}.home-page .scenario-card:last-child{padding-bottom:0}.home-page .split-section{grid-template-columns:1fr}.home-page .site-footer{grid-template-columns:1fr;justify-items:start}.home-page .site-footer p{text-align:left;line-height:1.8}.home-page .site-footer>div{justify-content:start}}@media (max-width:560px){.home-page .intro-actions{gap:18px}.home-page .search-panel{padding:22px}.home-page .search-panel label{margin-top:26px;font-size:23px}.home-page .search-box{gap:7px;padding-left:10px}.home-page .search-submit{padding-inline:12px}.home-page .quick-links{gap:7px}.home-page .section-heading{gap:12px}.home-page .section-heading h2{font-size:23px}.home-page .scenario-section{margin-top:36px;padding:24px}.home-page .comparison-board,.home-page .radar-card{padding:24px}.search-panel-bottom{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.home-page .starter-card{transition:none}.home-page .starter-card:hover{transform:none}}.home-page .recent-section{margin-top:48px}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.recent-card{border:1px solid var(--border);background:var(--card);border-radius:15px;flex-direction:column;padding:24px;display:flex}.recent-meta{color:#637087;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;line-height:1.7;display:flex}.recent-meta>span{color:#4053bc}.recent-card h3{overflow-wrap:anywhere;margin:18px 0 10px;font-size:19px;font-weight:650}.recent-card p{color:#59667c;flex:1;margin:0 0 22px;font-size:14px;line-height:1.85}.recent-action{color:#4053bc;align-items:center;gap:8px;font-size:14px;display:inline-flex}.recent-card:hover{border-color:var(--primary)}@media (max-width:840px){.recent-grid{grid-template-columns:1fr}}