.home-page{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:100svh;display:grid}.home-page>.site-header{width:100%;padding-block:clamp(12px,2.2dvh,22px)}.home-main{min-width:0;min-height:0}.home-page .home-hero{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;max-width:1340px;height:100%;min-height:0;padding:clamp(16px,3dvh,34px) 5.5%;overflow:visible}.home-page .hero-copy{padding:0}.home-page .hero h1{letter-spacing:-.055em;margin:clamp(16px,3dvh,28px) 0 clamp(16px,3dvh,26px);font-size:clamp(48px,min(6.8vw,10.2dvh),92px)}.home-page .hero h1 .headline-line{color:var(--text);display:block}.home-page .hero h1 .headline-accent{color:#b79ae5;display:block}.home-page .hero-description{margin-bottom:clamp(16px,3dvh,28px);font-size:clamp(14px,1.4vw,17px)}.home-page .hero-actions{gap:18px}.home-page .hero-actions .text-link{min-height:44px}.home-page .hero-note{margin:14px 0 0}.home-showcase{grid-template-rows:auto minmax(0,1fr);gap:12px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.home-showcase .demo-label{width:min(100%,430px);margin:0 auto;line-height:1.4}.home-preview-space{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.home-preview-frame{flex:none;position:relative}.home-preview-source{transform-origin:0 0;width:430px;position:absolute;top:0;left:0}.home-preview-source .deck-wrap{width:100%;max-width:none}.home-preview-full{color:#d7beff;white-space:nowrap;align-items:center;gap:5px;padding-block:7px;display:inline-flex}.home-preview-full:hover{color:#fff}@media (max-width:700px){.home-page>.site-header{gap:12px;padding:10px 5%}.home-page .home-hero{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:14px;max-width:620px;padding:14px 5% 18px}.home-page .hero-copy .eyebrow{letter-spacing:1.3px;font-size:7px}.home-page .hero h1{letter-spacing:-.05em;margin:12px 0;font-size:clamp(28px,8vw,42px);line-height:1.03}.home-page .hero h1 .headline-line{display:inline-block}.home-page .hero h1 .headline-line:first-child{margin-right:.2em}.home-page .hero-description{margin-bottom:12px;font-size:12px;line-height:1.5}.home-page .hero-actions{flex-wrap:nowrap;gap:12px}.home-page .hero-actions .button{gap:8px;padding:10px 14px;font-size:11px}.home-page .hero-actions .text-link{gap:5px;font-size:10px}.home-page .hero-note{margin-top:7px;font-size:9px}.home-showcase{gap:8px}.home-showcase .demo-label{letter-spacing:1.2px;font-size:7px}}@media (max-width:700px) and (max-height:740px){.home-page .hero-description,.home-page .hero-note{display:none}.home-page .home-hero{gap:10px;padding-block:10px}}@media (max-height:500px){.home-page>.site-header{padding:5px 4%}.home-page .home-hero{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;max-width:1100px;padding:8px 4%}.home-page .hero h1{margin:0 0 12px;font-size:clamp(24px,7dvh,40px);line-height:1}.home-page .hero h1 .headline-line{margin:0;display:block}.home-page .hero-copy .eyebrow,.home-page .hero-description,.home-page .hero-note{display:none}.home-page .hero-actions{flex-wrap:wrap;gap:4px 12px}.home-page .hero-actions .button{gap:6px;padding:8px 12px;font-size:10px}.home-page .hero-actions .text-link{font-size:10px}.home-showcase{gap:6px}.home-showcase .demo-label{letter-spacing:.8px;font-size:6px}}
