:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#171a20;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{min-width:320px;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}.app{width:100%;min-height:100vh;background:url(/backgrounds/hero-bg.webp) center center / cover no-repeat}@media(max-width:1440px){.app{background-image:url(/backgrounds/hero-bg-mobile.webp)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;transition:all .3s ease}.navbar-scrolled{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #0000000d}.navbar-scrolled .nav-logo img{filter:none}.nav-logo{display:flex;align-items:center}.nav-logo img{height:28px;width:auto;filter:brightness(0) invert(1)}.nav-links{display:flex;align-items:center;gap:.25rem;position:absolute;left:50%;transform:translate(-50%)}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#fff;background:none;border:none;cursor:pointer;transition:opacity .2s;white-space:nowrap}.nav-dropdown-trigger:hover{opacity:.7}.nav-dropdown-chevron{width:14px;height:14px;transition:transform .2s ease}.nav-dropdown-trigger[aria-expanded=true] .nav-dropdown-chevron{transform:rotate(180deg)}.nav-link-direct{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#fff;transition:opacity .2s;white-space:nowrap}.nav-link-direct:hover{opacity:.7}.nav-dropdown-panel{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%);min-width:290px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.125rem 0;box-shadow:0 8px 32px #00000040,0 0 0 .5px #ffffff0f inset;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px) scale(.98);transition:opacity .25s ease,transform .25s ease,visibility .25s}.nav-dropdown-panel-open{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.nav-dropdown-header{padding:0 1.25rem .875rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.375rem}.nav-dropdown-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80}.nav-dropdown-subtitle{display:block;font-size:.75rem;color:#ffffff4d;margin-top:.125rem}.nav-dropdown-items{padding:.25rem 0}.nav-dropdown-item{display:flex;flex-direction:column;padding:.625rem 1.25rem;margin:0 .5rem;border-radius:8px;transition:background .2s ease}.nav-dropdown-item:hover{background:#ffffff1a}.nav-dropdown-item-name{font-size:.875rem;font-weight:500;color:#fff}.nav-dropdown-item-desc{font-size:.75rem;color:#fff6;margin-top:.125rem}.nav-dropdown-footer{display:flex;align-items:center;gap:.375rem;padding:.75rem 1.25rem .25rem;margin-top:.375rem;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem;font-weight:500;color:#ffffff73;transition:color .2s ease}.nav-dropdown-footer:hover{color:#ffffffe6}.nav-dropdown-footer svg{width:14px;height:14px}.navbar-scrolled .nav-dropdown-trigger,.navbar-scrolled .nav-link-direct{color:#171a20}.navbar-scrolled .nav-dropdown-panel{background:linear-gradient(135deg,#ffffffb8,#ffffff85);border-color:#00000014;box-shadow:0 8px 32px #0000001a,0 0 0 .5px #ffffff80 inset}.navbar-scrolled .nav-dropdown-label{color:#00000073}.navbar-scrolled .nav-dropdown-subtitle{color:#0000004d}.navbar-scrolled .nav-dropdown-header{border-bottom-color:#0000000f}.navbar-scrolled .nav-dropdown-item:hover{background:#0000000d}.navbar-scrolled .nav-dropdown-item-name{color:#171a20}.navbar-scrolled .nav-dropdown-item-desc{color:#00000073}.navbar-scrolled .nav-dropdown-footer{border-top-color:#0000000f;color:#0006}.navbar-scrolled .nav-dropdown-footer:hover{color:#171a20}.navbar-scrolled .nav-cta{background:#171a20;color:#fff}.navbar-scrolled .nav-cta:hover{background:#000}.navbar-scrolled .nav-hamburger span{background:#171a20}.nav-cta{padding:.5rem 1.25rem;font-size:.8125rem;font-weight:500;color:#171a20;background:#fff;border-radius:6px;transition:all .2s ease;white-space:nowrap}.nav-cta:hover{background:#ffffffd9}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;z-index:1100}.nav-hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:1px;transition:all .3s ease;transform-origin:center}.nav-hamburger-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger-open span:nth-child(2){opacity:0}.nav-hamburger-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:1050;background:#0a0a0ef7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.mobile-menu-open{opacity:1;visibility:visible}.mobile-menu-content{width:100%;max-width:320px;padding:0 1.5rem}.mobile-accordion{border-bottom:1px solid rgba(255,255,255,.08)}.mobile-accordion-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.125rem 0;font-size:1.125rem;font-weight:500;color:#fff;background:none;border:none;cursor:pointer}.mobile-accordion-icon{width:20px;height:20px;color:#fff6;transition:transform .25s ease}.mobile-accordion-icon-open{transform:rotate(180deg)}.mobile-accordion-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-accordion-panel-open{max-height:400px}.mobile-product-link{display:flex;flex-direction:column;padding:.75rem 0 .75rem 1rem}.mobile-product-name{font-size:.9375rem;font-weight:500;color:#ffffffd9}.mobile-product-desc{font-size:.75rem;color:#ffffff59;margin-top:.125rem}.mobile-menu-divider{height:1px;background:#ffffff14;margin:.5rem 0}.mobile-direct-link{display:block;padding:1rem 0;font-size:1.125rem;font-weight:500;color:#fff}.mobile-cta-link{color:#fff;opacity:.9}.mobile-products-link{font-size:.875rem;color:#fff6;padding-top:.75rem}.section{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;scroll-snap-align:start;padding:6rem 2rem}.section-hero{justify-content:center;padding-bottom:8rem}.section-hero-full{min-height:calc(100vh - 54px);padding-bottom:2rem}.section-dark{background:#171a20;color:#fff}.section-light{background:#fff;color:#171a20}.section-contact{justify-content:flex-start;padding-top:15vh}.section-content{text-align:center;max-width:600px;margin-bottom:1.5rem}.section-content-wide{max-width:800px}.hero-title{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin-bottom:.5rem;color:#171a20}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;color:#5c5e62;letter-spacing:-.01em}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.section-text{font-size:1rem;line-height:1.7;color:inherit;opacity:.8}.section-dark .section-text{color:#fffc}.section-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:4px;transition:all .25s ease;min-width:160px}.btn-primary{background:#171a20;color:#fff}.btn-primary:hover{background:#000}.btn-secondary{background:#171a2014;color:#171a20}.btn-secondary:hover{background:#171a201f}.btn-white{background:#fff;color:#171a20}.btn-white:hover{background:#ffffffe6}.btn-secondary-light{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary-light:hover{background:#ffffff40}.btn-large{padding:.875rem 2.5rem;font-size:1rem;min-width:200px}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:fadeInUp 1s ease .5s both}.scroll-indicator span{font-size:.75rem;font-weight:500;color:#5c5e62;text-transform:uppercase;letter-spacing:.1em}.scroll-arrow{width:24px;height:24px;border-right:2px solid #5c5e62;border-bottom:2px solid #5c5e62;transform:rotate(45deg);animation:scrollBounce 2s ease infinite}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(6px)}60%{transform:rotate(45deg) translateY(3px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;width:100%;margin:0 auto;padding:0 2rem}.product-card{background:#f4f4f4;border-radius:8px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease;overflow:hidden;display:block}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.product-icon{width:48px;height:48px;margin:0 auto 1.5rem;color:#171a20}.product-icon svg{width:100%;height:100%}.product-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#171a20}.product-card p{font-size:.875rem;color:#5c5e62;line-height:1.6}.products-hero{min-height:auto;padding:10rem 2rem 4rem;background:#171a20;scroll-snap-align:none}.products-section{min-height:auto;padding:4rem 2rem 6rem;scroll-snap-align:none}.product-card-gradient{height:4px;border-radius:4px 4px 0 0;margin:-2.5rem -2rem 1.5rem}.footer-global{background:transparent;padding:1rem 2rem}.footer-content{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;color:#ffffffb3}.footer-tagline{margin:0}.footer-tagline a{color:#ffffffd9;font-weight:500;transition:opacity .2s}.footer-tagline a:hover{opacity:.7}.footer-divider{opacity:.5}.footer-location{font-variant-numeric:tabular-nums}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(max-width:768px){.navbar{padding:1rem 1.25rem}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.section{padding:5rem 1.5rem}.section-hero{padding-bottom:6rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.section-actions{flex-direction:column;width:100%;max-width:300px}.btn{width:100%}.products-grid{grid-template-columns:1fr;max-width:400px;gap:1rem}.product-card{padding:2rem 1.5rem}.products-hero{padding:8rem 1.5rem 3rem}.product-card-gradient{margin:-2rem -1.5rem 1.25rem}.scroll-indicator{bottom:1.5rem}.footer-content{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.navbar{padding:.875rem 1rem}.nav-logo img{height:24px}.section{padding:4rem 1rem}.hero-title{font-size:1.75rem}.section-title{font-size:1.5rem}.section-text{font-size:.9375rem}.products-hero{padding:6rem 1rem 2rem}}@media(prefers-reduced-motion:reduce){.scroll-arrow{animation:none}.scroll-indicator{animation:none;opacity:1}}.section-product-hero{justify-content:center;padding-bottom:8rem}.hero-title-light{color:#fff}.hero-subtitle-light{color:#ffffffd9}.scroll-indicator-light span{color:#ffffffb3}.scroll-indicator-light .scroll-arrow{border-color:#ffffffb3}.feature-grid{display:grid;gap:2rem;max-width:1000px;width:100%;padding:0 2rem;margin-top:2rem}.feature-grid-2{grid-template-columns:repeat(2,1fr)}.feature-grid-3{grid-template-columns:repeat(3,1fr)}.feature-grid-4{grid-template-columns:repeat(4,1fr)}.feature-card{background:#f8f8f8;border-radius:12px;padding:2rem;text-align:left;transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.feature-icon{width:40px;height:40px;margin-bottom:1.25rem;color:#171a20}.feature-icon svg{width:100%;height:100%}.feature-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#171a20}.feature-description{font-size:.875rem;color:#5c5e62;line-height:1.6}.chatbox-placeholder{width:100%;max-width:600px;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 24px #00000014;margin-bottom:3rem}.chatbox-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.chatbox-avatar{width:32px;height:32px;background:linear-gradient(135deg,#171a20,#393e46);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.chatbox-avatar svg{width:18px;height:18px}.chatbox-title{font-size:.9375rem;font-weight:600;color:#171a20}.chatbox-input-wrapper{display:flex;gap:.75rem;align-items:center}.chatbox-input{flex:1;padding:.875rem 1rem;font-size:.9375rem;border:1px solid #e5e5e5;border-radius:12px;background:#fafafa;color:#171a20;transition:all .2s ease}.chatbox-input:disabled{cursor:not-allowed;opacity:.7}.chatbox-input::placeholder{color:#909196}.chatbox-send{width:44px;height:44px;border:none;border-radius:12px;background:#171a20;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.chatbox-send:disabled{opacity:.5;cursor:not-allowed}.chatbox-send svg{width:18px;height:18px}.chatbox-hint{margin-top:.75rem;font-size:.75rem;color:#909196;text-align:center}.section-cta{background:linear-gradient(135deg,#171a20,#2d3139);color:#fff}.section-cta .section-text{color:#ffffffbf}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80}.gradient-grapestack{background:linear-gradient(135deg,#5b21b6,#4338ca,#3730a3)}.gradient-geddit{background:linear-gradient(135deg,#ea580c,#f59e0b)}.gradient-supadriver{background:linear-gradient(135deg,#0369a1,#0891b2)}.gradient-prepper{background:linear-gradient(135deg,#059669,#14b8a6)}.gradient-beacon{background:linear-gradient(135deg,#d97706,#fbbf24)}.gradient-bearhug{background:linear-gradient(135deg,#dc2626,#f87171)}.gradient-supaschedule{background:linear-gradient(135deg,#2563eb,#7c3aed)}.gradient-sessions{background:linear-gradient(135deg,#0d9488,#34d399)}.gradient-lighthouse{background:linear-gradient(135deg,#1e3a5f,#3b82f6)}.gradient-operator{background:linear-gradient(135deg,#18181b,#3f3f46)}.gradient-company{background:linear-gradient(135deg,#374151,#6b7280)}.grapestack-pain-list{list-style:none;max-width:640px;width:100%;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.grapestack-pain-list li{display:flex;flex-direction:column;gap:.25rem;padding-left:1.25rem;border-left:2px solid rgba(255,255,255,.2)}.grapestack-pain-list li strong{font-size:.9375rem;font-weight:600;color:#fff}.grapestack-pain-list li span{font-size:.875rem;color:#fff9;line-height:1.5}.grapestack-diff-list{list-style:none;max-width:640px;width:100%;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.grapestack-diff-list li{display:flex;flex-direction:column;gap:.25rem}.grapestack-diff-list li strong{font-size:.9375rem;font-weight:600;color:#171a20}.grapestack-diff-list li span{font-size:.875rem;color:#5c5e62;line-height:1.5}.grapestack-prose{max-width:640px;text-align:left;margin-bottom:3rem}.grapestack-prose .section-title{margin-bottom:1.5rem}.grapestack-prose p{font-size:1rem;line-height:1.75;color:#fffc;margin-bottom:1rem}.grapestack-prose p:last-child{margin-bottom:0}.grapestack-prose strong{color:#fff;font-weight:600}.grapestack-bio{max-width:640px;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem}.grapestack-bio-header{margin-bottom:1.25rem}.grapestack-bio-header h3{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.25rem}.grapestack-bio-title{font-size:.8125rem;color:#ffffff80;font-weight:500}.grapestack-bio-credentials{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.grapestack-bio-credentials li{font-size:.875rem;color:#ffffffb3;line-height:1.5;padding-left:1rem;position:relative}.grapestack-bio-credentials li:before{content:"";position:absolute;left:0;top:.5rem;width:4px;height:4px;border-radius:50%;background:#ffffff4d}@media(max-width:1024px){.feature-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.feature-grid,.feature-grid-2,.feature-grid-3,.feature-grid-4{grid-template-columns:1fr;max-width:400px;gap:1rem}.feature-card{padding:1.5rem}.chatbox-placeholder{margin:0 1rem 2rem;max-width:calc(100% - 2rem)}.grapestack-pain-list,.grapestack-diff-list,.grapestack-prose,.grapestack-bio{max-width:100%}.grapestack-bio{padding:1.5rem}}@media(max-width:480px){.chatbox-input{padding:.75rem;font-size:.875rem}.chatbox-send{width:40px;height:40px}}