.navbar{z-index:50;-webkit-backdrop-filter:blur(16px);background:#053220cc;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.navbar-left{align-items:center;gap:12px;display:flex}.navbar-logo{object-fit:contain;width:32px;height:32px}.navbar-brand{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.navbar-nav{gap:4px;display:flex}.nav-icon-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:color .2s,background-color .2s,border-color .2s,transform .15s;display:flex;position:relative}.nav-icon-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.nav-icon-btn:active{background:#ffffff2e;transform:translateY(0)}.nav-icon-btn:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#053220;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000040}.nav-icon-btn:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.section{padding:96px 24px}.section-alt{background:#d2e2e04d}.section-inner{max-width:1100px;margin:0 auto}.section-title{color:var(--sb-green);text-align:center;font-size:2.25rem;font-weight:700}.section-subtitle{text-align:center;opacity:.65;margin-top:12px;max-width:600px;margin-inline:auto;font-size:1.05rem;line-height:1.6}.card{background-color:var(--sb-green-light);padding:32px 28px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 12px #05322019}.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #05322033}.card-icon{background:var(--sb-yellow);width:48px;height:48px;color:var(--sb-green);border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.card h3{color:var(--sb-green);margin-bottom:10px;font-size:1.15rem;font-weight:700}.card p{opacity:.7;font-size:14.5px;line-height:1.65}.btn{background-color:var(--sb-yellow);color:var(--sb-green);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:none;padding:14px 40px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.btn:hover{background-color:var(--sb-green);color:#fff}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex}.hero-inner{text-align:center;max-width:960px}.hero-logo{width:96px;height:96px;margin-bottom:28px}.hero-banner{border-radius:12px;width:100%;max-width:860px;height:auto;margin-bottom:40px;box-shadow:0 4px 24px #05322018}.hero h1{color:var(--sb-green);font-size:3.25rem;font-weight:700;line-height:1.15}.hero-subtitle{opacity:.65;margin-top:16px;max-width:640px;margin-inline:auto;font-size:1.25rem;line-height:1.6}.hero-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;display:grid}.hero-card{background:var(--sb-green-light);text-align:center;padding:36px 24px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 12px #05322019}.hero-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #05322033}.hero-card-icon{background:var(--sb-green);width:56px;height:56px;color:var(--sb-yellow);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.hero-card h3{color:var(--sb-green);margin-bottom:8px;font-size:1.25rem;font-weight:700}.hero-card p{opacity:.65;font-size:14.5px;line-height:1.55}.demo-card{background:var(--sb-green-light);text-align:center;margin-top:32px;padding:28px 24px;box-shadow:0 2px 12px #05322019}.demo-card-title{color:var(--sb-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:20px;font-size:13px;font-weight:700}.demo-columns{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.demo-creds{border:1px solid var(--sb-green-border);text-align:left;background:#0532200f;border-radius:8px;padding:14px}.demo-label{color:var(--sb-green);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:12.5px;font-weight:700}.demo-field{align-items:center;gap:6px;margin-top:4px;display:flex}.demo-value{color:var(--sb-green);word-break:break-all;flex:1;font-family:Courier New,Courier,monospace;font-size:12.5px}.demo-field-alt{border-top:1px dashed var(--sb-green-border);padding-top:4px}.copy-btn{border:1px solid var(--sb-green-border);width:28px;height:28px;color:var(--sb-green);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:flex}.copy-btn:hover{background:var(--sb-green-light);border-color:var(--sb-green)}.hero-card-link{color:var(--sb-green);margin-top:16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.hero-card-link:hover{color:var(--sb-purple)}.hero-cta{margin-top:56px}.arch-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;display:grid}.diagram{margin-top:56px}.diagram-portals{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.diagram-column{flex-direction:column;align-items:center;display:flex}.diagram-layer{text-align:center;border:2px solid;border-radius:10px;width:100%;padding:16px 14px;position:relative}.diagram-layer-label{text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.diagram-layer-text{opacity:.65;font-size:12.5px}.diagram-layer--identity{border-color:var(--sb-yellow);color:var(--sb-green);background:#f7c65d26}.diagram-layer--frontend{border-color:var(--sb-green);color:var(--sb-green);background:#0532200f}.diagram-layer--backend{border-color:var(--sb-purple);color:var(--sb-purple);background:#3d193d14}.diagram-layer--backend .diagram-layer-text{color:var(--sb-green)}.diagram-arrow{flex-direction:column;align-items:center;width:100%;height:44px;display:flex;position:relative}.diagram-arrow-line{background:var(--sb-green-border);width:2px;height:100%;position:relative}.diagram-arrow-line:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--sb-green-border);position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.diagram-arrow-badge{background:var(--sb-yellow);color:var(--sb-green);letter-spacing:.06em;white-space:nowrap;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diagram-converge{height:48px;margin-top:4px;position:relative}.diagram-converge-lines{width:100%;height:100%;position:relative}.diagram-converge-line{background:var(--sb-green-border);position:absolute;bottom:0}.diagram-converge-line--left{width:2px;height:24px;bottom:24px;left:16.6667%}.diagram-converge-line--left:after{content:"";background:var(--sb-green-border);width:calc(33.3333% + 1px);height:2px;position:absolute;bottom:0;left:0}.diagram-converge-line--center{width:2px;height:100%;left:50%;transform:translate(-50%)}.diagram-converge-line--center:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--sb-green-border);position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.diagram-converge-line--right{width:2px;height:24px;bottom:24px;right:16.6667%}.diagram-converge-line--right:after{content:"";background:var(--sb-green-border);width:calc(33.3333% + 1px);height:2px;position:absolute;bottom:0;right:0}.diagram-db{justify-content:center;margin-top:4px;display:flex}.diagram-db-box{background:var(--sb-green);color:var(--sb-yellow);border-radius:12px;align-items:center;gap:14px;padding:18px 32px;display:flex;box-shadow:0 4px 20px #05322040}.diagram-db-title{color:#fff;font-size:14px;font-weight:700}.diagram-db-sub{color:#fff9;margin-top:2px;font-size:12px}.flow-timeline{max-width:720px;margin:56px auto 0;padding-left:4px;position:relative}.flow-timeline:before{content:"";background:var(--sb-green-border);width:2px;position:absolute;top:32px;bottom:32px;left:23px}.flow-step{grid-template-columns:48px 1fr;gap:24px;padding:20px 0;display:grid}.flow-number{background:var(--sb-yellow);width:48px;height:48px;color:var(--sb-green);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px #05322019}.flow-content h3{color:var(--sb-green);font-size:1.1rem;font-weight:700}.flow-content p{opacity:.7;margin-top:6px;font-size:14.5px;line-height:1.65}.privacy-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px;display:grid}.tech-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;display:grid}.tech-card{background:var(--sb-green-light);padding:24px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 12px #05322019}.tech-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #05322033}.tech-category{background:var(--sb-purple);color:var(--sb-white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.tech-card h3{color:var(--sb-green);font-size:1rem;font-weight:700}.tech-card p{opacity:.65;margin-top:6px;font-size:13.5px;line-height:1.5}.footer{background:var(--sb-green);color:var(--sb-white);padding:48px 24px}.footer-inner{justify-content:space-between;align-items:start;gap:24px;max-width:1100px;margin:0 auto;display:flex}.footer-brand{font-family:var(--font-heading);font-size:1.125rem;font-weight:700}.footer-sub{opacity:.6;margin-top:4px;font-size:14px}.footer-links{gap:24px;font-size:14px;display:flex}.footer-links a{color:#ffffffb3;transition:color .2s}.footer-links a:hover{color:var(--sb-yellow)}@media (max-width:1024px){.tech-grid{grid-template-columns:repeat(3,1fr)}.arch-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.diagram-portals{grid-template-columns:1fr;gap:32px;max-width:320px;margin-inline:auto}.diagram-converge{display:none}.diagram-db{margin-top:32px}}@media (max-width:768px){.hero h1{font-size:2.25rem}.hero-cards,.demo-columns{grid-template-columns:1fr;max-width:400px;margin-inline:auto}.tech-grid{grid-template-columns:repeat(2,1fr)}.privacy-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.section{padding:64px 24px}.section-title{font-size:1.75rem}.footer-inner{text-align:center;flex-direction:column;align-items:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.hero{padding:100px 16px 60px}.hero h1{font-size:1.85rem}.section{padding:48px 16px}.tech-grid{grid-template-columns:1fr}.navbar-brand span{display:none}.flow-step{grid-template-columns:40px 1fr;gap:16px}.flow-number{width:40px;height:40px;font-size:1rem}.flow-timeline:before{left:19px}}