.home-main{width:min(calc(100% - 2 * var(--gutter)),var(--width-standard))}
.home-main>.home-section{margin-top:var(--space-6)}
.home-main [hidden]{display:none!important}
.home-main .section-head{margin-bottom:var(--space-3)}
.home-main .section-head p{max-width:47rem;color:var(--muted);margin-bottom:0}
.home-main .eyebrow{display:inline-flex;align-items:center;margin-inline:auto;margin-bottom:var(--space-2);color:var(--accent);font-size:var(--text-sm);font-weight:700;line-height:1.4}
.home-main .rule-title{margin-bottom:var(--space-2)}
.home-main .hero[data-hero-form="data-band"]{margin-top:var(--hero-top);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:#202127;color:#F5F6F4}
.home-main .hero[data-hero-form="data-band"] h1{color:#F5F6F4}
.home-main .hero[data-hero-form="data-band"] p{color:#D1D5D1}
.home-main .hero-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-4);align-items:start;min-height:0;padding:0}
.home-main .hero-copy,.home-main .hero-art{min-width:0}
.home-main .hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.home-main .mail-emoji{display:none}
.home-main .hero-kicker{display:inline-flex;align-items:center;margin-bottom:var(--space-2);padding:.4em .9em;border-radius:999px;background:#363941;color:#F5F6F4;font-size:var(--text-sm);line-height:1.2;font-weight:700}
.home-main .hero h1{max-width:16ch;font-size:var(--text-display);line-height:1.18;margin-bottom:var(--space-3);overflow-wrap:break-word}
.home-main .hero-copy>p:not(.hero-hint){max-width:32rem;line-height:1.7;margin-bottom:0}
.home-main .hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3)}
.home-main .hero-button{background:#E0EDBB;color:#263A00}
.home-main .hero-button:hover{background:#F0F7D9}
.home-main .hero-actions .c-btn-ghost{border-color:color-mix(in srgb,currentColor 45%,transparent);color:#F5F6F4}
.home-main .hero-actions .c-btn-ghost:hover{background:#363941;color:#FFFFFF}
.home-main .hero-hint{margin:var(--space-3) 0 0;font-size:var(--text-sm)}
.home-main .hero-hint a{color:#E0EDBB;text-decoration:underline;text-underline-offset:3px}
.home-main .hero-art{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);width:100%;height:auto;overflow:visible;text-align:left}
.home-main .queue-card{min-width:0;overflow:hidden;border:1px solid #45474D;border-radius:var(--radius-md);background:#282A30;color:#F5F6F4}
.home-main .float-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);border-bottom:1px solid #45474D;color:#F5F6F4;font-size:var(--text-sm)}
.home-main .float-title>span:first-child{display:inline-flex;align-items:center;gap:.55rem;font-weight:700}
.home-main .float-title svg{width:20px;height:20px;color:#CDE3A4;flex:none}
.home-main .status-live{color:#C9CECA;font-size:var(--text-xs)}
.home-main .runner-line,.home-main .build-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.85fr) auto;align-items:center;gap:.4rem;min-width:0;padding:.72rem var(--space-2)}
.home-main .runner-line{background:#303238;color:#C9CECA;font-size:var(--text-xs)}
.home-main .build-row{border-top:1px solid #45474D;color:#E8EAE7;font-size:var(--text-xs);line-height:1.5}
.home-main .build-row>span{min-width:0;overflow-wrap:break-word}
.home-main .node-label{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-weight:700}
.home-main .node-label i{width:7px;height:7px;flex:none;border-radius:50%;background:#CDE3A4}
.home-main .node-label span{color:#B9BEC2;font-family:var(--font-mono);font-weight:400}
.home-main .pill-ok{display:inline-flex;align-items:center;justify-content:center;gap:.4em;width:fit-content;padding:.4em .9em;border-radius:999px;background:#3B4931;color:#EDF8D8;line-height:1;font-size:var(--text-xs);white-space:normal;text-align:center}
.home-main .float-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#363941;color:#F5F6F4;font-size:var(--text-xs)}
.home-main .float-card strong{color:#F5F6F4}
.home-main .cluster{display:flex;flex-wrap:wrap;gap:.45rem}
.home-main .cluster span{display:inline-flex;align-items:center;padding:.4em .9em;border-radius:999px;background:#E0EDBB;color:#263A00;line-height:1.2}
.home-main .data-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:var(--space-4);padding:var(--space-2) 0 0;border-top:1px solid #45474D;color:#F5F6F4}
.home-main .data-item{display:flex;flex-direction:column;gap:.45rem;min-width:0;padding:0 var(--space-2);color:#F5F6F4}
.home-main .data-item:first-child{padding-left:0}
.home-main .data-item+.data-item{border-left:1px solid #45474D}
.home-main .data-item>span{color:#B9BEC2;font-size:var(--text-xs)}
.home-main .data-item strong{color:#F5F6F4;font-size:var(--text-base);line-height:1.4;overflow-wrap:break-word;font-variant-numeric:tabular-nums}
.home-main .data-item:first-child strong{font-size:var(--text-card)}
.home-main .data-item strong small{color:#F5F6F4;font-family:var(--font-body);font-weight:500}
.home-main .intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-main .intro h2{font-size:var(--text-section);line-height:1.4;margin:0}
.home-main .intro p{color:var(--muted)}
.home-main .intro .text-link{margin-top:var(--space-2)}
.home-main .plan-strip{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(12rem,1.35fr) minmax(7rem,.8fr) auto;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#FFFFFF;color:#202127}
.home-main .plan-strip>*{min-width:0}
.home-main .plan-name{font:750 1.375rem/1.3 var(--font-heading);overflow-wrap:break-word}
.home-main .plan-name small{display:block;margin-top:.4rem;color:#596168;font:400 var(--text-xs)/1.5 var(--font-body)}
.home-main .spec-list{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.home-main .spec-list span{padding:.5rem .7rem;border-radius:var(--radius-sm);background:#F6F6F4;color:#202127;font-size:var(--text-sm)}
.home-main .price{font-size:var(--text-sm);font-variant-numeric:tabular-nums}
.home-main .price strong{font-size:1.5625rem;letter-spacing:-.04em}
.home-main .price small{display:block;margin-top:.3rem;color:#596168;font:400 var(--text-xs)/1.5 var(--font-body)}
.home-main .strip-action{display:flex;justify-content:flex-end}
.home-main .plan-follow{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-sm)}
.home-main .plan-follow .text-link{color:var(--accent)}
.home-main .three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.home-main .task-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#FFFFFF;color:#202127}
.home-main .task-card .icon,.home-main .info-card .icon{display:block;margin-bottom:var(--space-2);font-size:1.4375rem;line-height:1.2}
.home-main .task-card h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}
.home-main .task-card p{color:#596168;font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-3)}
.home-main .task-card .requirement{margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--line);font-size:var(--text-xs);line-height:1.6;color:#515A5D}
.home-main .task-card .requirement b{color:#202127}
.home-main .task-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3)}
.home-main .region-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.home-main .region{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:0;min-height:3.7rem;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:#FFFFFF;color:#202127;font-size:var(--text-base)}
.home-main .region>span{display:flex;align-items:center;gap:.7rem;min-width:0;overflow-wrap:break-word}
.home-main .region i{width:9px;height:9px;border-radius:50%;background:#829960;flex:none}
.home-main .region small{color:#596168;font:400 var(--text-xs)/1.4 var(--font-mono);white-space:nowrap}
.home-main .region-note{color:var(--muted);font-size:var(--text-sm);margin:var(--space-3) 0 0}
.home-main .region-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.home-main .showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.home-main .showcase{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:#FFFFFF;color:#202127}
.home-main .showcase .thumb{display:flex;flex-direction:column;gap:.55rem;height:13.625rem;min-width:0;padding:var(--space-2);overflow:hidden}
.home-main .showcase:nth-child(1) .thumb{background:#F5E9E5;color:#382825}
.home-main .showcase:nth-child(2) .thumb{background:#E7EFF5;color:#233548}
.home-main .showcase:nth-child(3) .thumb{background:#F4EECF;color:#3C3319}
.home-main .showcase:nth-child(4) .thumb{background:#EEE8F5;color:#332945}
.home-main .mini-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem;font-size:var(--text-xs);line-height:1.4;font-weight:750}
.home-main .mini-title small{font-size:.625rem;font-weight:500}
.home-main .mini-label{font-size:.625rem;line-height:1.5}
.home-main .mini-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-width:0;padding:.5rem .55rem;border-radius:var(--radius-sm);background:rgba(255,255,255,.8);color:#202127;font-size:.625rem;line-height:1.4}
.home-main .mini-row span{min-width:0;overflow-wrap:break-word}
.home-main .mini-row span:last-child{font-family:var(--font-mono);text-align:right}
.home-main .mini-row.active{background:#FFFFFF;color:#202127}
.home-main .term-box{display:grid;gap:.55rem;padding:.8rem .7rem;border-radius:var(--radius-sm);background:rgba(255,255,255,.8);color:#202127;font:400 .625rem/1.5 var(--font-mono)}
.home-main .term-box span:nth-child(3){font-weight:700}
.home-main .showcase-caption{flex:1;min-width:0;padding:var(--space-2);background:#FFFFFF;color:#202127}
.home-main .showcase-caption strong{font-size:var(--text-sm)}
.home-main .showcase-caption p{margin:.35rem 0 0;color:#596168;font-size:var(--text-xs);line-height:1.6}
.home-main .two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.home-main .info-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#FFFFFF;color:#202127}
.home-main .info-card h3{font-size:var(--text-lg)}
.home-main .info-card p{max-width:32rem;color:#596168;font-size:var(--text-sm);line-height:1.75;margin-bottom:var(--space-3)}
.home-main .info-card a{align-self:flex-start;width:fit-content;margin-top:auto;color:#155000;font-size:var(--text-sm);font-weight:700}
.home-main .faq{max-width:53.125rem;margin-inline:auto}
.home-main .faq-item{padding:var(--space-2) 0;border-top:1px solid var(--line)}
.home-main .faq-item:last-child{border-bottom:1px solid var(--line)}
.home-main .faq-item h3{font-size:var(--text-base);margin-bottom:var(--space-1)}
.home-main .faq-item p{color:var(--muted);font-size:var(--text-sm);margin:0}
.home-main .home-blog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-2);align-items:stretch}
.home-main .home-blog__card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#FFFFFF;color:#202127}
.home-main .home-blog__card:hover,.home-main .home-blog__card:focus-visible{border-color:#AAB0AB}
.home-main .home-blog__card .pill{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;border-radius:999px;background:#F1F3ED;color:#344A00;font-size:var(--text-xs);line-height:1}
.home-main .home-blog__card h3{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-lg)}
.home-main .home-blog__card p{color:#596168;font-size:var(--text-sm)}
.home-main .home-blog__empty{padding:var(--space-3);border-radius:var(--radius-md);background:#FCFCFA;color:#596168;font-size:var(--text-sm)}
.home-main .home-blog__empty a{color:#155000;text-decoration:underline;text-underline-offset:3px}
.home-main .home-closing{margin-bottom:var(--space-4)}
.home-main .home-closing .c-closing{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#202127;color:#F5F6F4;text-align:left}
.home-main .closing-copy{min-width:0}
.home-main .home-closing .emoji-group{margin-bottom:var(--space-2);font-size:1.5rem;letter-spacing:.2rem}
.home-main .home-closing h2{color:#F5F6F4}
.home-main .home-closing p{max-width:32rem;margin-bottom:0;color:#B9BEC2;font-size:var(--text-sm)}
.home-main .closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);flex:0 0 auto}
.home-main .closing-actions .c-btn{margin:0;white-space:normal}
.home-main .closing-actions .c-btn-primary{background:#E0EDBB;color:#263A00}
.home-main .closing-actions .c-btn-ghost{background:transparent;color:#F5F6F4;border-color:color-mix(in srgb,currentColor 45%,transparent)}
@media(max-width:70rem){
  .home-main .plan-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-main .strip-action{justify-content:flex-start}
  .home-main .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:48rem){
  .home-main .hero-main{grid-template-columns:minmax(0,1fr)}
  .home-main .intro{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
  .home-main .three-grid,.home-main .region-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-main .home-closing .c-closing{align-items:flex-start;flex-direction:column}
  .home-main .closing-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:42rem){
  .home-main .hero[data-hero-form="data-band"]{padding:var(--space-3)}
  .home-main .hero-art{grid-template-columns:minmax(0,1fr);width:min(calc(100% - 2 * var(--gutter)),100%);height:auto;margin-inline:auto;overflow:visible;transform:none}
  .home-main .hero-art>*{grid-column:1;width:auto}
  .home-main .hero h1{font-size:var(--text-display)}
  .home-main .runner-line{display:none}
  .home-main .build-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.7rem var(--space-2)}
  .home-main .build-row .node-label{grid-column:1/-1}
  .home-main .pill-ok{margin-top:0}
  .home-main .data-band{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
  .home-main .data-item,.home-main .data-item:first-child{padding:0}
  .home-main .data-item+.data-item{padding-top:var(--space-2);border-left:0;border-top:1px solid #45474D}
  .home-main .plan-strip{grid-template-columns:minmax(0,1fr)}
  .home-main .three-grid,.home-main .region-list,.home-main .showcase-grid,.home-main .two-grid{grid-template-columns:minmax(0,1fr)}
  .home-main .showcase .thumb{height:auto;min-height:12rem}
  .home-main .region{min-height:3.4rem}
  .home-main .closing-actions{width:100%;flex-direction:column}
  .home-main .closing-actions .c-btn{width:100%}
}
@media(max-width:23.5rem){
  .home-main .hero-actions{width:100%}
  .home-main .hero-actions>a{width:100%}
  .home-main .build-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-main .build-row .pill-ok{grid-column:1/-1}
}