.homepage{background:var(--color-cream-50);--home-orange-ink: var(--color-accent-500)}.homepage .eyebrow{font:600 12px/1.6 var(--font-sans);letter-spacing:.01em;color:var(--color-warm-600);margin-bottom:20px}.homepage :is(a,button):focus-visible{outline:3px solid var(--home-orange-ink);outline-offset:5px}.homepage .animate-on-scroll{opacity:1;--tw-translate-y: 0}.home-hero{padding-block:88px 110px}.homepage .hero-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:48px}.homepage .hero-title{font-size:2.25rem;line-height:1.25}.homepage .hero-title+p{font-size:17px}.hero-product{min-width:0}#screenshot-trigger{display:block;width:100%;border:1px solid var(--color-cream-300);border-radius:12px;cursor:zoom-in;box-shadow:var(--shadow-warm-md);transition:transform .2s}#screenshot-trigger:hover{transform:translateY(-3px)}#lightbox{margin:auto;padding:48px 12px 12px;width:min(1200px,95vw);max-height:94dvh;background:var(--color-terminal-bg);border:1px solid #57534e;border-radius:16px}#lightbox::backdrop{background:#000c;backdrop-filter:blur(5px)}#lightbox img{width:100%;height:auto;max-height:calc(94dvh - 70px);object-fit:contain}#lightbox-close{position:absolute;top:10px;right:16px;color:#fff;padding:3px 8px;cursor:pointer}.home-benefits{border-block:1px solid var(--color-cream-200);background:var(--color-cream-100)}.benefit-row{display:flex;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--color-cream-300)}.benefit-row:last-child{border-bottom:0;padding-bottom:0}.benefit-number{font:400 38px/1 var(--font-serif);color:var(--color-warm-600);letter-spacing:-.06em}.feature-showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-panel{border:1px solid var(--color-cream-300);border-radius:20px;background:var(--color-cream-100);overflow:hidden;min-width:0}.feature-panel-copy{padding:32px 32px 0}.feature-panel .eyebrow{margin-bottom:12px}.feature-panel-wide{grid-column:1 / -1;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;background:var(--color-cream-100)}.feature-panel-wide .feature-panel-copy{padding:40px}.registry-diagram{padding:32px 40px;color:var(--home-orange-ink);text-align:center}.git-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center}.git-sources span,.composer-destination{border:1px solid var(--color-cream-300);background:var(--color-cream-50);padding:10px 14px;border-radius:7px;color:var(--color-warm-700);font:500 13px var(--font-sans)}.registry-branches{position:relative;height:60px}.registry-branches svg{display:block;width:100%;height:100%}.registry-branches:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}.registry-core{display:inline-flex;align-items:center;gap:12px;border-radius:12px;border:1px solid var(--color-cream-300);background:var(--color-cream-50);padding:16px 24px;font-size:21px;color:var(--color-warm-900);box-shadow:var(--shadow-warm)}.registry-connector{height:24px;width:1px;background:currentColor;margin:auto}.composer-destination{display:inline-block}.security-diagram{display:flex;align-items:center;justify-content:center;gap:20px;padding:28px 32px;color:var(--home-orange-ink)}.security-diagram svg{width:130px;flex-shrink:0}.security-diagram span{font:500 13px var(--font-sans);color:var(--color-warm-700)}.dashboard-detail{margin:26px 0 0 32px;height:176px;overflow:hidden;border:1px solid var(--color-cream-300);border-radius:9px 0 0;box-shadow:var(--shadow-warm-md)}.dashboard-detail img{width:100%}.compact-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:42px}.compact-feature{display:flex;gap:16px;border-top:1px solid var(--color-cream-300);padding-top:24px}.home-setup{background:#242320;color:#f5f4f1}.home-setup :is(h2,h3){color:#f5f4f1}.home-setup p{color:#c4c1bb}.setup-step{position:relative;min-width:0}.setup-step>div{min-width:0}.setup-step:not(:last-child):before{content:"";position:absolute;top:48px;bottom:-24px;left:19px;width:1px;background:#645146}.home-setup .code-block{border:1px solid #514b44}.home-setup .copy-btn,.home-setup .code-block .text-terminal-text\/60{color:#c4c1bb}.cloud-panel{border:1px solid var(--color-cream-300);border-radius:22px;background:var(--color-cream-100)}.cloud-price{padding-left:36px;border-left:1px solid var(--color-cream-300)}.cloud-price>p{white-space:nowrap;margin-bottom:20px;color:var(--color-warm-600)}.cloud-price strong{font:400 76px/1 var(--font-serif);letter-spacing:-.07em;color:var(--color-warm-900)}.cloud-price>p>span{margin-left:8px;font-size:14px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.testimonial{padding:24px;border-top:1px solid var(--color-cream-300)}.testimonial-lead{grid-column:span 2;background:var(--color-cream-50);border:1px solid var(--color-cream-300);border-radius:16px;padding:32px}.testimonial-lead blockquote{font:400 25px/1.5 var(--font-serif);color:var(--color-warm-900);letter-spacing:-.02em}@media(max-width:1023px){.homepage .hero-layout{grid-template-columns:1fr;gap:48px}.home-hero{padding-block:56px 80px}.homepage .hero-title{max-width:700px;font-size:3rem}.hero-product{max-width:720px}.cloud-price{border-left:0;padding-left:0}.compact-features{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-step:not(:last-child):before{display:none}}@media(max-width:639px){.homepage>section{padding-block:56px}.homepage .hero-title{font-size:2.25rem}.feature-showcase,.compact-features,.testimonial-grid{grid-template-columns:1fr}.feature-panel-wide{grid-column:auto;display:block}.feature-panel-copy,.feature-panel-wide .feature-panel-copy{padding:24px 24px 0}.registry-diagram{padding:28px 22px}.git-sources span{padding:10px;font-size:12px}.security-diagram{gap:12px;padding:24px}.security-diagram svg{width:110px}.testimonial-lead{grid-column:auto;padding:24px}.testimonial-lead blockquote{font-size:22px}.compact-features{gap:24px}}@media(prefers-reduced-motion:reduce){.homepage *,.homepage *:before,.homepage *:after{animation:none!important;transition:none!important}.homepage :is(a,button):hover,.homepage :is(a,button):active{transform:none;scale:none}}@media(min-width:768px)and (max-width:1023px){body:has(.homepage) header nav>ul,body:has(.homepage) header nav>div>div,body:has(.homepage) header nav>div>a{display:none}body:has(.homepage) #mobile-menu-btn{display:flex}body:has(.homepage) #mobile-menu:not(.hidden){display:block}}.homepage .home-closing a:last-child{background:transparent;background-image:none}.homepage .cloud-trial-cta{background:#22c55e;border-color:#16a34a;color:#052e16;text-shadow:none}.homepage .cloud-trial-cta:hover{background:#4ade80}.homepage .closing-trial-cta{background:#fff;border-color:var(--color-cream-300);color:var(--color-accent-600);text-shadow:none}.homepage .closing-trial-cta:hover{background:var(--color-cream-100)}
