:root{--blue: #3d5df5;--blue-dark: #2d46d1;--ink: #0f1729;--ink-soft: #55607a;--line: #e7e9f0;--bg-soft: #f7f8fb}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,Helvetica Neue,Arial,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.banner{background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.65rem 3rem .65rem 1rem;font-size:.85rem;position:relative;text-align:center}.banner p{margin:0}.banner-label{font-weight:600}.banner-link{margin-left:.5rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.banner-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;opacity:.85;cursor:pointer;padding:.25rem;display:flex}.banner-close:hover{opacity:1}.nav{border-bottom:1px solid var(--line)}.nav-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 6.25rem}.nav-left{display:flex;align-items:center;gap:2.75rem}.brand{display:flex;align-items:center}.brand-logo{display:block;height:34px;width:auto}.nav-links{display:flex;gap:2.25rem;font-size:.92rem;color:var(--ink-soft)}.nav-links a:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:.25rem}.nav-mobile{display:none;flex-direction:column;gap:.9rem;padding:0 1.25rem 1.25rem;font-size:.95rem}.nav-mobile.open{display:flex}.nav-mobile-actions{display:flex;gap:.75rem;margin-top:.4rem}.nav-mobile-actions .btn{flex:1;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;padding:.55rem 1.15rem;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 1px 2px #3d5df540}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:#c7cbdb}.btn-demo{background:#fff;color:var(--blue);border-color:var(--blue)}.btn-demo:hover{background:var(--blue);color:#fff}.btn-outline{background:#fff;color:var(--ink);border-color:#dfe2ec}.btn-outline:hover{border-color:#b9bed3;transform:translateY(-1px)}.btn-lg{padding:.8rem 1.6rem;font-size:.98rem;border-radius:999px}.hero{max-width:860px;margin:0 auto;text-align:center;padding:4.5rem 1.5rem 3rem}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--ink-soft);background:var(--bg-soft);border:1px solid var(--line);padding:.35rem .9rem .35rem .4rem;border-radius:999px;margin-bottom:1.75rem}.pill-new{background:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.2rem .55rem;border-radius:999px}h1{font-family:Bricolage Grotesque,Inter,Helvetica Neue,Arial,system-ui,sans-serif;font-size:66px;font-weight:600;line-height:1.06;letter-spacing:-.03em;margin:0 0 1.5rem}.hero-sub{font-size:1.08rem;line-height:1.6;color:var(--ink-soft);max-width:620px;margin:0 auto 2.25rem}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap}.hero-ctas .btn{border-radius:10px}.features{max-width:1224px;margin:0 auto}.features-rule{height:1px;background:var(--line);margin-bottom:0}.feature-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.feature-tab{display:flex;align-items:flex-start;gap:.75rem;text-align:left;background:none;border:none;border-top:2px solid transparent;cursor:pointer;padding:1.4rem 1.1rem 1.4rem .25rem;margin-top:-1px;transition:border-color .2s ease}.feature-tab:first-child{padding-left:0}.feature-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-soft);color:var(--ink-soft);border:1px solid var(--line);transition:all .2s ease}.feature-copy{display:flex;flex-direction:column;gap:.15rem}.feature-title{font-size:.95rem;font-weight:600;color:var(--ink-soft);transition:color .2s ease}.feature-desc{font-size:.82rem;color:#97a0b8}.feature-tab.active{border-top-color:var(--blue)}.feature-tab.active .feature-icon{background:#fff;color:var(--blue);border-color:var(--blue);box-shadow:0 4px 12px #3d5df540}.feature-tab.active .feature-title,.feature-tab:hover .feature-title{color:var(--ink)}.showcase{position:relative;max-width:1224px;margin:0 auto 5rem;padding:5rem 1.5rem 0}.showcase-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.showcase-bg img{width:100%;height:100%;object-fit:cover}.browser{position:relative;z-index:1;max-width:984px;margin:0 auto;background:#fff;box-shadow:0 30px 60px -20px #0f172959;overflow:hidden}.browser-topbar{display:flex;align-items:center;gap:1rem;padding:.65rem .9rem;border-bottom:1px solid var(--line);background:#fbfbfd}.browser-dots{display:flex;gap:.4rem;flex-shrink:0}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.browser-url{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.35rem .9rem;font-size:.78rem;color:var(--ink-soft);max-width:420px;margin:0 auto}.browser-icons{display:flex;gap:.6rem;color:var(--ink-soft);flex-shrink:0}.browser-body{position:relative;line-height:0}.dashboard-img{display:block;width:100%;height:auto}.spotlight{position:absolute;border:2px solid var(--blue);border-radius:10px;box-shadow:0 0 0 2000px #0a0e1c4d;transition:left .5s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);will-change:left,top,width,height;pointer-events:none}@media (prefers-reduced-motion: no-preference){@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.banner,.nav{animation:rise .5s ease-out both}.hero>*{animation:rise .6s ease-out both}.hero>*:nth-child(1){animation-delay:.1s}.hero>*:nth-child(2){animation-delay:.2s}.hero>*:nth-child(3){animation-delay:.3s}.hero>*:nth-child(4){animation-delay:.4s}.features{animation:rise .6s ease-out both;animation-delay:.5s}.showcase{animation:rise .6s ease-out both;animation-delay:.6s}}@media (max-width: 900px){.nav{position:relative;z-index:50}.nav-links,.nav-actions{display:none}.nav-burger{display:flex}.nav-mobile{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -20px #0f172940}.feature-tabs{grid-template-columns:1fr 1fr;row-gap:.25rem}.feature-tab:nth-child(odd){padding-left:0}.feature-tab:nth-child(2n){padding-right:0}}@media (max-width: 640px){.nav-inner{padding:1.25rem}.banner{font-size:.95rem;padding:.6rem 2.6rem .6rem .75rem}.banner p{display:flex;gap:.15rem}.hero{padding:3rem 1.25rem 2rem}h1{font-size:clamp(2.4rem,11vw,66px);letter-spacing:-.02em}.feature-tabs{grid-template-columns:1fr}.features{padding:0 1.25rem}.feature-tab{padding-left:0!important;padding-right:0!important}.browser-url{max-width:none}.browser-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-bg{top:.5rem;right:.75rem;bottom:-1.5rem;left:.75rem}.spotlight{border-width:1.5px;border-radius:8px}}