.home{--home-bg: var(--puzzle-background, #0c0d0f);--home-surface: var(--puzzle-surface, #151619);--home-text: var(--puzzle-text, #f5f5f3);--home-muted: var(--puzzle-text-muted, #92949b);--home-border: var(--puzzle-border, #292a2e);--home-accent: var(--puzzle-color-primary, #c8a96b);background:var(--home-bg);color:var(--home-text);min-height:100vh;overflow:hidden;font-family:var(--puzzle-font-body, inherit)}.home-nav__links,.home-nav__actions{display:flex;align-items:center;gap:30px}.home-nav__links a,.home-nav__github{font-size:13px;transition:color .16s ease}.home-nav__links a:hover,.home-nav__github:hover{color:var(--home-text)}.home-nav__actions{gap:24px}.puzzle-section.home-hero{width:min(1240px,calc(100% - 64px));min-height:680px;margin:0 auto;display:grid;grid-template-columns:1fr;align-items:center;gap:55px;position:relative;padding:90px 0 110px}@media screen and (min-width:1024px){.puzzle-section.home-hero{grid-template-columns:.95fr 1.05fr}}.home-hero__background{position:absolute;top:-100px;left:-250px;width:650px;height:650px;background:radial-gradient(circle,rgba(200,169,107,.1),transparent 70%);pointer-events:none}.home-hero__content{position:relative;z-index:2}.home-hero__badge-dot{width:7px;height:7px;background:#9ecb9e;border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 12px #9ecb9e99}.home-hero h1,.home-section-heading h2,.home-components h2,.home-developer h2,.home-cta h2{font-family:var(--puzzle-font-heading, inherit);letter-spacing:-.065em;line-height:1.02;font-weight:650}.home-hero h1{font-size:clamp(54px,6.1vw,82px);margin:30px 0 25px}.home-hero__description{max-width:500px}.home-hero__actions{margin-top:32px}.home-hero__meta{gap:20px;margin-top:8px}.home-hero__meta>span{font-size:11px;display:flex;align-items:center;gap:6px}.home-hero__check{color:#a7cfa5;font-size:14px}.home-hero__visual{position:relative;min-width:0;z-index:1}.home-brand.puzzle-link{display:flex;flex-direction:row;align-items:center;gap:var(--puzzle-space-4);text-decoration-line:none;color:var(--puzzle-color-text)}.home-hero__visual-glow{position:absolute;width:500px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(200,169,107,.12),transparent 70%);pointer-events:none}.home-preview{position:relative;background:var(--puzzle-color-surface-sunken);border:1px solid #303136;border-radius:15px;overflow:hidden;box-shadow:0 35px 100px #0006,0 0 0 8px #ffffff04;transform:perspective(1400px) rotateY(-4deg) rotateX(2deg)}.home-preview__topbar,.home-code__header{min-height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b2c30;font-size:11px;color:#a4a5aa}.home-preview__dots{display:flex;gap:6px}.home-preview__dots span{width:8px;height:8px;background:#55565c;border-radius:50%}.home-preview__content{padding:23px;display:flex;flex-direction:column;gap:14px}.home-preview__heading h3{font-size:20px;letter-spacing:-.7px;margin:13px 0 5px}.home-preview__heading p{font-size:12px;margin:0}.home-preview__card{background:var(--puzzle-color-surface);border-color:#303136!important;padding:17px!important;box-shadow:none!important}.home-preview__section-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;margin-bottom:15px}.home-preview__buttons{display:flex;flex-wrap:wrap;gap:8px}.home-preview__buttons button{font-size:10px}.home-preview__columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-preview__control{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid #303136}.home-preview__control div{display:flex;flex-direction:column;gap:4px}.home-preview__control strong{font-size:10px}.home-preview__control div span{font-size:9px}.home-preview__tasks{display:flex;flex-direction:column;gap:14px}.home-preview__tasks label{font-size:10px}.home-preview__input-label{display:block;font-size:10px;margin-bottom:7px}.home-preview__footer{display:flex;justify-content:space-between;font-size:9px;padding-top:6px}.home-preview__status{display:inline-block;width:6px;height:6px;background:#9ecb9e;border-radius:50%;margin-right:6px}.home-hero__floating{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 17px;background:var(--puzzle-color-surface);border:1px solid #393a40;border-radius:10px;box-shadow:0 15px 40px #00000059}.home-hero__floating--top{top:-27px;right:-18px}.home-hero__floating--bottom{bottom:-25px;left:-30px}.home-hero__floating div{display:flex;flex-direction:column;gap:4px}.home-hero__floating strong{font-size:11px}.home-hero__floating div span{font-size:10px}.home-floating-icon,.home-floating-check{font-size:20px}.home-floating-check{color:#a7cfa5}.home-strip{min-height:75px;padding:0 32px;display:flex;align-items:center;justify-content:center;gap:38px;border-top:1px solid var(--home-border);border-bottom:1px solid var(--home-border);font-size:10px;font-weight:700;letter-spacing:2px}.home-strip__line{width:4px;height:4px;background:var(--home-accent);border-radius:50%}.home-features,.home-components{width:min(1160px,calc(100% - 64px));margin:0 auto;padding:120px 0}.home-section-heading{max-width:630px;margin-bottom:48px}.home-section-heading h2,.home-components h2,.home-developer h2,.home-cta h2{font-size:clamp(42px,5vw,62px);margin:25px 0 20px}.home-section-heading>p,.home-components__intro>p,.home-developer__content>p,.home-cta>p{line-height:1.9;font-size:14px;max-width:500px}.home-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-feature-card{min-height:260px;position:relative;padding:16px!important;background:var(--home-surface)!important;border-color:var(--home-border)!important;box-shadow:none!important;transition:transform .2s ease,border-color .2s ease}.home-feature-card:hover{transform:translateY(-5px);border-color:#c8a96b80!important}.home-feature-card__number{font-size:11px}.home-feature-card__icon{margin-top:25px;font-size:28px}.home-feature-card h3{font-size:17px;margin:15px 0 10px;letter-spacing:-.5px}.home-feature-card p{font-size:12px;line-height:1.8;max-width:300px}.home-feature-card__arrow{position:absolute;right:25px;bottom:25px}.home-components{border-top:1px solid var(--home-border);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.home-components__intro h2{font-size:clamp(40px,4.5vw,56px)}.home-text-link{display:inline-flex;align-items:center;gap:12px;margin-top:20px;color:var(--home-accent)!important;font-size:13px;font-weight:650}.home-component-panel{height:100%}.home-component-card{align-items:flex-start;flex:1}.home-component-card__icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--puzzle-space-3);border-radius:var(--puzzle-radius-md);color:var(--puzzle-color-primary);background:var(--puzzle-color-surface-sunken)}.home-component-card__icon svg{width:var(--puzzle-space-6);height:var(--puzzle-space-6)}.home-developer{border-top:1px solid var(--home-border)}.home-developer__layout,.home-developer__content,.home-developer .home-code{width:100%;min-width:0}@media(min-width:1024px){.home-developer__content,.home-developer .home-code{flex:1 1 0}}.home-developer__benefits{margin-top:35px;display:flex;flex-direction:column;gap:20px}.home-developer__benefits>div{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.home-developer__benefits>div>span{grid-row:span 2;font-size:11px}.home-developer__benefits strong{font-size:13px}.home-developer__benefits p{font-size:11px;margin:6px 0 0}.home-code{overflow:hidden;background:#111214;border:1px solid #303136;border-radius:12px;box-shadow:0 25px 70px #0003}.home-code pre{overflow-x:auto;padding:28px;margin:0;line-height:2;font-size:12px;color:#d3d2cd;font-family:var(--puzzle-font-monospace, monospace)}.home-code__footer{padding:14px 20px;border-top:1px solid #303136;display:flex;justify-content:space-between;font-size:10px}.home-cta{text-align:center;padding:110px 24px 120px;border-top:1px solid var(--home-border);position:relative;background:radial-gradient(ellipse at 50% 100%,rgba(200,169,107,.11),transparent 60%)}.home-cta__logo{margin-bottom:30px}.home-cta h2{margin:25px 0}.home-cta>p{margin:0 auto 30px}.home-cta button{display:inline-flex;align-items:center;gap:10px}.home-footer{width:min(1240px,calc(100% - 64px));min-height:100px;margin:0 auto;border-top:1px solid var(--home-border);display:flex;align-items:center;justify-content:space-between;gap:20px}.home-footer>span{font-size:11px}.home-footer>div{display:flex;align-items:center;gap:22px;font-size:11px}.home-footer a:hover{color:var(--home-text)}@media(max-width:1050px){.home-hero{gap:35px}.home-hero__floating--top{right:-5px}.home-components{gap:40px}.home-strip{gap:20px}}@media(max-width:800px){.home-nav{width:calc(100% - 40px)}.home-nav__links{display:none}.home-hero{width:calc(100% - 40px);grid-template-columns:1fr;padding:75px 0 100px;gap:65px}.home-hero__content{max-width:650px}.home-hero__visual{width:100%;margin:0 auto}.home-preview{transform:none}.home-features,.home-components{width:calc(100% - 40px);padding:85px 0}.home-feature-grid{grid-template-columns:1fr}.home-feature-card{min-height:220px}.home-components{grid-template-columns:1fr}.home-components{gap:45px}.home-strip{flex-wrap:wrap;padding:22px;gap:15px;font-size:9px}.home-footer{flex-wrap:wrap;padding:25px 0}}@media(max-width:520px){.home-nav{height:72px}.home-nav__actions{gap:12px}.home-nav__github{display:none}.home-hero h1{font-size:53px}.home-hero__description{font-size:14px}.home-hero__meta{gap:12px}.home-hero__meta>span{font-size:9px}.home-preview__content{padding:14px}.home-preview__columns{grid-template-columns:1fr}.home-hero__floating{padding:10px}.home-hero__floating--top{right:-5px;top:-35px}.home-hero__floating--bottom{left:-5px;bottom:-35px}.home-section-heading h2,.home-components h2,.home-developer h2,.home-cta h2{font-size:43px}.home-footer{width:calc(100% - 40px)}.home-footer>div{width:100%;flex-wrap:wrap;gap:15px}}@media(prefers-reduced-motion:reduce){.home *,.home *:before,.home *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
