.gitbraints-homepage-layout{--bg-oat:#faf7f2;--bg-card:#fff;--bg-hover:#f5efe6;--border-sand:#e8e2d8;--border-subtle:rgba(15,23,42,.08);--border-focus:#0f172a;--ink-primary:#0f172a;--ink-secondary:#334155;--ink-muted:#64748b;--ink-faint:#94a3b8;--accent-blue:#0284c7;--accent-amber:#d97706;--accent-purple:#7c3aed;--accent-green:#16a34a;--card-shadow:0 4px 16px rgba(15,23,42,.03);--card-shadow-hover:0 16px 36px rgba(15,23,42,.08);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Plus Jakarta Sans",var(--font-sans);--font-mono:"JetBrains Mono",SFMono-Regular,Menlo,monospace;background-color:var(--bg-oat);color:var(--ink-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;transition:background-color .2s ease,color .2s ease}.dark .gitbraints-homepage-layout,.dark.gitbraints-homepage-layout,[data-theme=dark] .gitbraints-homepage-layout,html.dark .gitbraints-homepage-layout{--bg-oat:#0a0e17;--bg-card:#121826;--bg-hover:#1a2236;--border-sand:#232d42;--border-subtle:hsla(0,0%,100%,.08);--border-focus:#f8fafc;--ink-primary:#f8fafc;--ink-secondary:#cbd5e1;--ink-muted:#94a3b8;--ink-faint:#64748b;--card-shadow:0 4px 20px rgba(0,0,0,.4);--card-shadow-hover:0 16px 40px rgba(0,0,0,.6)}.gitbraints-homepage-layout .bg-grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");inset:0;opacity:.032;pointer-events:none;position:fixed;z-index:1}.gitbraints-homepage-layout .hero-grid-bg{background-image:linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 0),linear-gradient(180deg,rgba(15,23,42,.04) 1px,transparent 0);background-size:36px 36px;inset:0;mask-image:radial-gradient(ellipse 65% 55% at 50% 40%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 40%,#000 55%,transparent 100%);pointer-events:none;position:absolute}.dark .gitbraints-homepage-layout .hero-grid-bg,[data-theme=dark] .gitbraints-homepage-layout .hero-grid-bg,html.dark .gitbraints-homepage-layout .hero-grid-bg{background-image:linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.035) 1px,transparent 0)}.gitbraints-homepage-layout .ambient-glow{background:radial-gradient(circle,hsla(48,96%,89%,.45) 0,rgba(224,242,254,.25) 50%,transparent 70%);filter:blur(90px);height:480px;left:50%;pointer-events:none;position:absolute;top:5%;transform:translateX(-50%);transition:background .3s ease;width:600px;z-index:0}.dark .gitbraints-homepage-layout .ambient-glow,[data-theme=dark] .gitbraints-homepage-layout .ambient-glow,html.dark .gitbraints-homepage-layout .ambient-glow{background:radial-gradient(circle,rgba(240,80,50,.12) 0,rgba(56,189,248,.08) 50%,transparent 70%)}.gitbraints-homepage-layout .home-container{margin:0 auto;max-width:1120px;padding:0 28px;position:relative;width:100%;z-index:2}.gitbraints-homepage-layout header.home-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:hsla(38,44%,96%,.88);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;transition:background-color .2s ease,border-color .2s ease;z-index:50}.dark .gitbraints-homepage-layout header.home-header,[data-theme=dark] .gitbraints-homepage-layout header.home-header,html.dark .gitbraints-homepage-layout header.home-header{background:rgba(10,14,23,.88)}.gitbraints-homepage-layout .nav-inner{align-items:center;display:flex;height:72px;justify-content:space-between}.gitbraints-homepage-layout .brand-wrap{align-items:center;color:inherit;display:flex;text-decoration:none}.gitbraints-homepage-layout .brand-name{align-items:center;color:var(--ink-primary);display:inline-flex;font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.03em;transition:opacity .15s ease}.gitbraints-homepage-layout .brand-name:hover{opacity:.9}.gitbraints-homepage-layout .brand-git-orange{color:#f05032}.gitbraints-homepage-layout .nav-links{align-items:center;display:flex;gap:36px;list-style:none}.gitbraints-homepage-layout .nav-links a{color:var(--ink-secondary);font-size:15px;font-weight:600;padding:6px 0;position:relative;text-decoration:none;transition:color .15s ease}.gitbraints-homepage-layout .nav-links a:hover{color:var(--ink-primary)}.gitbraints-homepage-layout .nav-links a:after{background:var(--ink-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.gitbraints-homepage-layout .nav-links a:hover:after{width:100%}.gitbraints-homepage-layout .nav-actions{align-items:center;display:flex;gap:12px}.gitbraints-homepage-layout .header-icon-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--ink-secondary);cursor:pointer;display:inline-flex;height:34px;justify-content:center;outline:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease;width:34px}.gitbraints-homepage-layout .header-icon-btn:hover{background:rgba(0,0,0,.045);color:var(--ink-primary)}.dark .gitbraints-homepage-layout .header-icon-btn,[data-theme=dark] .gitbraints-homepage-layout .header-icon-btn,html.dark .gitbraints-homepage-layout .header-icon-btn{color:var(--ink-secondary)}.dark .gitbraints-homepage-layout .header-icon-btn:hover,[data-theme=dark] .gitbraints-homepage-layout .header-icon-btn:hover,html.dark .gitbraints-homepage-layout .header-icon-btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.gitbraints-homepage-layout .icon-moon{color:#475569;display:block}.dark .gitbraints-homepage-layout .icon-moon,.gitbraints-homepage-layout .icon-sun,[data-theme=dark] .gitbraints-homepage-layout .icon-moon,html.dark .gitbraints-homepage-layout .icon-moon{display:none}.dark .gitbraints-homepage-layout .icon-sun,[data-theme=dark] .gitbraints-homepage-layout .icon-sun,html.dark .gitbraints-homepage-layout .icon-sun{color:#f59e0b;display:block}.gitbraints-homepage-layout .gp-dropdown-wrap{display:inline-flex;position:relative}.gitbraints-homepage-layout .gp-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-sand);border-radius:14px;box-shadow:0 20px 44px -16px rgba(19,18,17,.22);display:flex;flex-direction:column;gap:2px;min-width:155px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.dark .gitbraints-homepage-layout .gp-dropdown-menu,[data-theme=dark] .gitbraints-homepage-layout .gp-dropdown-menu,html.dark .gitbraints-homepage-layout .gp-dropdown-menu{background:#121826;border-color:hsla(0,0%,100%,.1);box-shadow:0 20px 44px -16px rgba(0,0,0,.6)}.gitbraints-homepage-layout .gp-dropdown-item{align-items:center;background:transparent;border:none;border-radius:9px;color:var(--ink-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:space-between;padding:8px 11px;text-align:left;text-decoration:none;transition:background-color .14s ease;width:100%}.gitbraints-homepage-layout .gp-dropdown-item:hover{background:var(--bg-hover)}.gitbraints-homepage-layout .gp-dropdown-item.active{background:var(--bg-hover);font-weight:600}.gitbraints-homepage-layout .gp-dropdown-item .check-mark{color:#f05032;font-size:12px;font-weight:700}.dark .gitbraints-homepage-layout .gp-dropdown-item,[data-theme=dark] .gitbraints-homepage-layout .gp-dropdown-item,html.dark .gitbraints-homepage-layout .gp-dropdown-item{color:#f1f5f9}.dark .gitbraints-homepage-layout .gp-dropdown-item:hover,[data-theme=dark] .gitbraints-homepage-layout .gp-dropdown-item:hover,html.dark .gitbraints-homepage-layout .gp-dropdown-item:hover{background:hsla(0,0%,100%,.06)}.dark .gitbraints-homepage-layout .gp-dropdown-item.active,[data-theme=dark] .gitbraints-homepage-layout .gp-dropdown-item.active,html.dark .gitbraints-homepage-layout .gp-dropdown-item.active{background:hsla(0,0%,100%,.1);color:#fff}.gitbraints-homepage-layout .btn-nav-primary{align-items:center;background:var(--ink-primary);border:1px solid var(--ink-primary);border-radius:8px;box-shadow:0 2px 6px rgba(15,23,42,.12);color:var(--bg-oat);display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;padding:9px 18px;text-decoration:none;transition:all .15s ease}.gitbraints-homepage-layout .btn-nav-primary:hover{opacity:.9;transform:translateY(-1px)}.gitbraints-homepage-layout .hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:100px 0 60px;position:relative;text-align:center}.gitbraints-homepage-layout .hero-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:820px}.gitbraints-homepage-layout .hero-badge-pill{align-items:center;background:var(--bg-card);border:1px solid var(--border-sand);border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.02);color:var(--ink-muted);display:inline-flex;font-family:var(--font-mono);font-size:12px;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:28px;padding:6px 16px}.gitbraints-homepage-layout .hero-badge-pill .sparkle{color:#d97706}.gitbraints-homepage-layout .hero-title{color:var(--ink-primary);font-family:var(--font-display);font-size:clamp(3.2rem,6.2vw,5.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin-bottom:24px}.gitbraints-homepage-layout .hero-subtitle{color:var(--ink-muted);font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:400;line-height:1.65;margin:0 auto 38px;max-width:640px}.gitbraints-homepage-layout .hero-cta-group{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:50px}.gitbraints-homepage-layout .btn-hero-primary{align-items:center;background:var(--ink-primary);border:1px solid var(--ink-primary);border-radius:9px;box-shadow:0 2px 8px rgba(15,23,42,.16);color:var(--bg-oat);display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:13px 30px;text-decoration:none;transition:all .16s cubic-bezier(.16,1,.3,1)}.gitbraints-homepage-layout .btn-hero-primary:hover{box-shadow:0 6px 18px rgba(15,23,42,.22);opacity:.92;transform:translateY(-1.5px)}.gitbraints-homepage-layout .btn-hero-secondary{align-items:center;background:var(--bg-card);border:1px solid var(--border-sand);border-radius:9px;box-shadow:0 1px 3px rgba(0,0,0,.02);color:var(--ink-primary);display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:13px 26px;text-decoration:none;transition:all .16s ease}.gitbraints-homepage-layout .btn-hero-secondary:hover{background:var(--bg-hover);transform:translateY(-1px)}.gitbraints-homepage-layout .hero-ribbon{align-items:center;border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);color:var(--ink-muted);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:12.5px;gap:32px;justify-content:center;margin:0 auto;max-width:680px;padding:14px 28px}.gitbraints-homepage-layout .hero-ribbon-item{align-items:center;display:flex;gap:7px}.gitbraints-homepage-layout .hero-ribbon-item .dot{background:#f05032;border-radius:999px;height:5px;width:5px}.gitbraints-homepage-layout .section-products{padding:32px 0 100px;position:relative}.gitbraints-homepage-layout .products-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.gitbraints-homepage-layout .product-box{background:var(--bg-card);border:1px solid var(--border-sand);border-radius:16px;box-shadow:var(--card-shadow);color:inherit;display:flex;flex-direction:column;justify-content:space-between;padding:32px 28px;position:relative;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1)}.gitbraints-homepage-layout .product-box:hover{border-color:rgba(15,23,42,.25);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.dark .gitbraints-homepage-layout .product-box:hover,[data-theme=dark] .gitbraints-homepage-layout .product-box:hover,html.dark .gitbraints-homepage-layout .product-box:hover{border-color:hsla(0,0%,100%,.2)}.gitbraints-homepage-layout .product-box-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.gitbraints-homepage-layout .product-icon-wrap{align-items:center;border-radius:12px;display:flex;height:54px;justify-content:center;width:54px}.gitbraints-homepage-layout .product-icon-wrap.icon-gitpassword{background:#fef3c7;color:#b45309}.gitbraints-homepage-layout .product-icon-wrap.icon-gitlocker{background:#f1f5f9;color:#0f172a}.gitbraints-homepage-layout .product-icon-wrap.icon-rabbitgit{background:#ede9fe;color:#4338ca}.dark .gitbraints-homepage-layout .product-icon-wrap.icon-gitpassword,[data-theme=dark] .gitbraints-homepage-layout .product-icon-wrap.icon-gitpassword,html.dark .gitbraints-homepage-layout .product-icon-wrap.icon-gitpassword{background:rgba(245,158,11,.15);color:#fbbf24}.dark .gitbraints-homepage-layout .product-icon-wrap.icon-gitlocker,[data-theme=dark] .gitbraints-homepage-layout .product-icon-wrap.icon-gitlocker,html.dark .gitbraints-homepage-layout .product-icon-wrap.icon-gitlocker{background:rgba(148,163,184,.15);color:#f1f5f9}.dark .gitbraints-homepage-layout .product-icon-wrap.icon-rabbitgit,[data-theme=dark] .gitbraints-homepage-layout .product-icon-wrap.icon-rabbitgit,html.dark .gitbraints-homepage-layout .product-icon-wrap.icon-rabbitgit{background:rgba(124,58,237,.15);color:#a78bfa}.gitbraints-homepage-layout .product-badges{align-items:center;display:flex;gap:6px}.gitbraints-homepage-layout .badge-pill-active{background:#dcfce7;border-radius:999px;color:#15803d;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:3px 8px}.dark .gitbraints-homepage-layout .badge-pill-active,[data-theme=dark] .gitbraints-homepage-layout .badge-pill-active,html.dark .gitbraints-homepage-layout .badge-pill-active{background:rgba(74,222,128,.12);color:#4ade80}.gitbraints-homepage-layout .badge-pill-ver{background:var(--bg-hover);border:1px solid var(--border-sand);border-radius:6px;color:var(--ink-muted);font-family:var(--font-mono);font-size:11px;font-weight:500;padding:2px 7px}.gitbraints-homepage-layout .product-name{color:var(--ink-primary);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.gitbraints-homepage-layout .product-category{color:var(--ink-secondary);font-size:13.5px;font-weight:600;line-height:1.4;margin-bottom:12px}.gitbraints-homepage-layout .product-details{color:var(--ink-muted);font-size:13.5px;line-height:1.6;margin-bottom:24px}.gitbraints-homepage-layout .product-action-row{align-items:center;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding-top:18px}.gitbraints-homepage-layout .product-launch-btn{align-items:center;color:var(--ink-primary);display:inline-flex;font-size:13.5px;font-weight:600;gap:4px;text-decoration:none;transition:all .15s ease}.gitbraints-homepage-layout .product-box:hover .product-launch-btn{color:#f05032;gap:7px}.gitbraints-homepage-layout .section-contact{background:var(--bg-card);border-top:1px solid var(--border-sand);padding:96px 0 110px;position:relative;transition:background .2s ease}.gitbraints-homepage-layout .contact-card{align-items:center;background:var(--bg-oat);border:1px solid var(--border-sand);border-radius:20px;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:820px;padding:48px 40px;transition:background .2s ease}.gitbraints-homepage-layout .contact-left h3{color:var(--ink-primary);font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.gitbraints-homepage-layout .contact-left p{color:var(--ink-muted);font-size:14.5px;line-height:1.6;margin-bottom:24px}.gitbraints-homepage-layout .contact-methods{display:flex;flex-direction:column;gap:12px}.gitbraints-homepage-layout .contact-method-item{align-items:center;color:var(--ink-secondary);display:flex;font-size:14px;gap:12px}.gitbraints-homepage-layout .contact-method-item svg{color:var(--ink-primary);height:18px;width:18px}.gitbraints-homepage-layout .contact-right{background:var(--bg-card);border:1px solid var(--border-sand);border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.02);padding:28px}.gitbraints-homepage-layout .contact-form{display:flex;flex-direction:column;gap:14px}.gitbraints-homepage-layout .form-group label{color:var(--ink-secondary);display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}.gitbraints-homepage-layout .form-input,.gitbraints-homepage-layout .form-textarea{background:var(--bg-hover);border:1px solid var(--border-sand);border-radius:8px;color:var(--ink-primary);font-family:var(--font-sans);font-size:13.5px;outline:none;padding:10px 14px;transition:border-color .15s ease;width:100%}.gitbraints-homepage-layout .form-input:focus,.gitbraints-homepage-layout .form-textarea:focus{background:var(--bg-card);border-color:var(--ink-primary)}.gitbraints-homepage-layout .form-textarea{min-height:80px;resize:vertical}.gitbraints-homepage-layout .btn-submit-contact{align-items:center;background:var(--ink-primary);border:none;border-radius:8px;color:var(--bg-oat);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:11px 20px;transition:all .15s ease}.gitbraints-homepage-layout .btn-submit-contact:hover{opacity:.9;transform:translateY(-1px)}.gitbraints-homepage-layout footer.home-footer{background:#070a12;color:#94a3b8;font-size:13px;padding:48px 0}.gitbraints-homepage-layout .footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.gitbraints-homepage-layout .footer-brand{align-items:center;color:#fff;display:flex;font-family:var(--font-display);font-size:16px;font-weight:700}.gitbraints-homepage-layout .footer-links{align-items:center;display:flex;gap:24px;list-style:none}.gitbraints-homepage-layout .footer-links a{color:#94a3b8;text-decoration:none;transition:color .15s ease}.gitbraints-homepage-layout .footer-links a:hover{color:#fff}@media (max-width:860px){.gitbraints-homepage-layout .products-grid{grid-template-columns:1fr}.gitbraints-homepage-layout .contact-card{gap:32px;grid-template-columns:1fr;padding:32px 24px}}@media (max-width:600px){.gitbraints-homepage-layout .nav-links{display:none}.gitbraints-homepage-layout .hero-section{padding:80px 0 50px}.gitbraints-homepage-layout .hero-title{font-size:2.8rem}.gitbraints-homepage-layout .hero-ribbon{flex-direction:column;gap:12px}.gitbraints-homepage-layout .footer-inner{align-items:flex-start;flex-direction:column}}