.site-header{min-height:94px;padding-top:var(--safe-top);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-header nav{color:var(--muted-foreground);gap:2.1rem;font-size:.85rem;display:none}.site-header nav a{padding-block:1rem}.site-header nav a:hover{color:var(--primary)}.header-status{align-items:center;gap:.6rem;min-height:44px;font-size:.75rem;display:flex}.hero{gap:3.5rem;padding-block:3.5rem 4.5rem;display:grid}.hero-copy h1{letter-spacing:-.06em;font-size:clamp(3.5rem,8vw,6.75rem);font-weight:650;line-height:1.06}.hero-copy h1 span{color:var(--primary)}.hero-description{max-width:460px;color:var(--muted-foreground);margin-top:1.8rem;font-size:1.02rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:.7rem 1.5rem;margin-top:2rem;display:flex}.release-note{color:var(--muted-foreground);align-items:center;gap:.55rem;margin-top:1.7rem;font-size:.72rem;display:flex}.brand-logo{flex:none;align-items:center;display:inline-flex}.brand-logo img{width:clamp(7.6rem,11vw,9.6rem);height:auto;display:block}.brand-logo--footer img{width:6.8rem}.mascot-showcase{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:3.5rem;overflow:clip}.mascot-showcase__inner{align-items:center;gap:2rem;display:grid}.mascot-showcase__copy>p:last-child{max-width:34rem;color:var(--muted-foreground);margin-top:1.25rem;font-size:.95rem;line-height:1.75}.mascot-showcase__art{min-width:0;margin:0}.mascot-showcase__art picture,.mascot-showcase__art img{width:100%;display:block}.mascot-showcase__art img{border-radius:calc(var(--radius) * 1.4);height:auto}.mascot-showcase__art figcaption{color:var(--muted-foreground);margin-top:.7rem;font-size:.66rem;line-height:1.5}@media (width>=768px){.mascot-showcase{padding-block:5rem}.mascot-showcase__inner{grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,5vw,5rem)}}.preview-wrap{background:var(--muted);border-radius:1.4rem;min-width:0;padding:1rem;transform:rotate(.5deg)}.preview-label{color:var(--muted-foreground);align-items:center;gap:.5rem;padding:.1rem .3rem .9rem;font-size:.65rem;display:flex}.chat-preview{background:var(--card);border:1px solid var(--border);box-shadow:0 15px 35px oklch(from var(--foreground) l c h / .05);border-radius:1rem;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.25rem;display:flex}.avatar{background:var(--primary);width:44px;height:44px;color:var(--primary-foreground);letter-spacing:-.1em;border-radius:14px;justify-content:center;align-items:center;font-size:1.45rem;font-weight:750;display:inline-flex}.chat-header div{flex-direction:column;display:flex}.chat-header strong{font-size:.87rem}.chat-header div>span{color:var(--muted-foreground);font-size:.68rem}.concept-badge{letter-spacing:.08em;border:1px solid var(--border);color:var(--muted-foreground);border-radius:4px;margin-left:auto;padding:.2rem .35rem;font-size:.55rem}.scenario-picker{flex-wrap:wrap;gap:.25rem;padding:1rem 1rem .25rem;display:flex}.scenario-picker button{min-height:44px;font-size:.75rem}.conversation{flex-direction:column;gap:1.2rem;min-height:290px;padding:1.25rem 1rem;display:flex}.message{border-radius:.8rem;width:fit-content;max-width:95%;padding:.85rem 1rem}.message small{color:var(--muted-foreground);margin-bottom:.4rem;font-size:.6rem;font-weight:600;display:block}.message p{white-space:pre-line;font-size:.8rem;line-height:1.8}.user-message{background:var(--muted);border-bottom-right-radius:.2rem;align-self:flex-end}.assistant-message{background:var(--background);border:1px solid var(--border);border-bottom-left-radius:.2rem}.message-note{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:.75rem;padding-top:.6rem;font-size:.72rem;display:block}.preview-disclaimer{border-top:1px solid var(--border);color:var(--muted-foreground);padding:.85rem 1.2rem;font-size:.75rem;line-height:1.7}.preview-caption{color:var(--muted-foreground);align-items:center;gap:.6rem;margin-top:.8rem;font-size:.75rem;display:flex}.preview-caption span{font-size:1.3rem}.section-block{border-top:1px solid var(--border);padding-block:3.5rem}h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.15}.section-heading>p:last-child{color:var(--muted-foreground);max-width:400px;margin-top:1.25rem;font-size:.95rem}.concept-grid{gap:1rem;margin-top:2.5rem;display:grid}.concept-card{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:1.7rem;transition:background .16s,transform .16s;display:flex}.card-number{color:var(--muted-foreground);font-size:.66rem}.concept-card h3{letter-spacing:-.03em;margin-block:1.8rem .8rem;font-size:1.23rem;font-weight:600}.concept-card p{color:var(--muted-foreground);font-size:.86rem;line-height:1.75}.planned-label{color:var(--primary);justify-content:space-between;margin-top:auto;padding-top:1.8rem;font-size:.65rem;font-weight:600;display:flex}.principles-band{background:var(--muted);margin-top:1.5rem;padding-block:3.5rem}.principles-layout{gap:2.5rem;display:grid}.principle{border-bottom:1px solid var(--border);align-items:baseline;gap:1.3rem;padding-block:1.3rem;display:flex}.principle:first-child{padding-top:0}.principle:last-child{border:none;padding-bottom:0}.principle>span{color:var(--primary);font-size:.7rem}.principle h3{margin-bottom:.5rem;font-size:1rem;font-weight:600}.principle p{color:var(--muted-foreground);font-size:.87rem}.release-section{border:0;gap:2rem;display:grid}.release-detail>p{color:var(--muted-foreground);margin-bottom:.9rem;font-size:.92rem}.release-actions{flex-wrap:wrap;gap:.5rem 2rem;margin-top:1rem;display:flex}.site-footer{padding-block:2rem calc(2rem + var(--safe-bottom));border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer p{color:var(--muted-foreground);font-size:.7rem}.site-footer>a:last-child{align-items:center;gap:.6rem;min-height:44px;font-size:.7rem;display:inline-flex}@media (hover:hover){.concept-card:hover{background:var(--card);transform:translateY(-4px)}}@media (width>=768px){.site-header nav{display:flex}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:3rem;padding-block:5rem 5.8rem}.hero-copy h1{font-size:clamp(3.6rem,7vw,6.75rem)}.hero-description{font-size:.96rem}.concept-grid{grid-template-columns:repeat(3,1fr)}.principles-layout,.release-section{grid-template-columns:1fr 1fr;gap:5rem}.section-block,.principles-band{padding-block:5rem}}@media (width>=1100px){.preview-wrap{margin-left:1.3rem;padding:1.3rem}.conversation{min-height:310px;padding:1.5rem}}