:root{--sx-navy:#0f1f35;--sx-navy-mid:#1a2e4a;--sx-navy-light:#1e3a5f;--sx-blue:#2d6be4;--sx-blue-dark:#2460cf;--sx-blue-light:#eff6ff;--sx-blue-mid:#bfdbfe;--sx-green:#059669;--sx-green-light:#f0fdf4;--sx-amber-light:#fffbeb;--sx-bg:#f8fafc;--sx-surface:#fff;--sx-text:#0f172a;--sx-text2:#475569;--sx-muted:#64748b;--sx-text3:#94a3b8;--sx-border:#e2e8f0;--sx-yellow:#fef3c7;--sx-link-green:#d1fae5;--sx-radius:10px;--sx-radius-lg:16px;--sx-max:1080px;--sx-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.06);--sx-shadow-lg:0 8px 32px rgba(0,0,0,.1)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--sx-text);background:var(--sx-bg);-webkit-font-smoothing:antialiased}a{color:var(--sx-blue)}a:hover{color:var(--sx-blue-dark)}.landing{min-height:100vh}.landing-topbar{background:var(--sx-navy);padding:0 1.5rem;display:flex;align-items:center;height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:1.5rem}.landing-topbar .landing-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-weight:600;font-size:.95rem;flex-shrink:0}.landing-mark{width:30px;height:30px;background:var(--sx-blue);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;letter-spacing:-.5px;box-shadow:0 2px 8px rgba(45,107,228,.4)}.landing-topnav{display:flex;gap:.35rem;margin-left:auto;flex-wrap:wrap}.landing-topnav a{font-size:.82rem;color:hsla(0,0%,100%,.6);text-decoration:none;padding:.35rem .75rem;border-radius:6px;transition:background .15s,color .15s}.landing-topnav a:hover{color:#fff;background:hsla(0,0%,100%,.08)}.landing-hero-band{background:linear-gradient(135deg,var(--sx-navy) 0,var(--sx-navy-light) 60%,#1a4080 100%);padding:4rem 1.5rem 3.5rem;text-align:center;position:relative;overflow:hidden}.landing-hero-band:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 120%,rgba(45,107,228,.18) 0,transparent 70%);pointer-events:none}.landing-hero-inner{position:relative;max-width:640px;margin:0 auto}.landing-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:hsla(0,0%,100%,.75);margin:0 0 1.25rem}.landing-hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#34d399}.landing-hero-band h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:#fff;margin:0 0 .85rem;letter-spacing:-.5px;line-height:1.2}.landing-hero-lead{font-size:1rem;color:hsla(0,0%,100%,.65);margin:0 auto 1.25rem;line-height:1.7;font-weight:300}.landing-poc-notice{text-align:left;margin:0 auto 1.5rem;padding:.85rem 1rem;border-radius:var(--sx-radius);background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.45);border-left:4px solid #fbbf24;max-width:100%}.landing-poc-notice-title{margin:0 0 .35rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fde68a}.landing-poc-notice-body{margin:0;font-size:.8125rem;line-height:1.6;color:hsla(0,0%,100%,.88);font-weight:400}.landing-hero-actions{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--sx-blue);color:#fff!important;padding:.7rem 1.35rem;border-radius:var(--sx-radius);font-size:.9rem;font-weight:500;text-decoration:none;box-shadow:0 2px 12px rgba(45,107,228,.4);transition:transform .15s,box-shadow .15s,background .15s}.btn-hero-primary:hover{background:var(--sx-blue-dark);transform:translateY(-1px);color:#fff!important}.btn-hero-secondary{display:inline-flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.85)!important;padding:.7rem 1.35rem;border-radius:var(--sx-radius);font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.btn-hero-secondary:hover{background:hsla(0,0%,100%,.18);color:#fff!important}.landing-page{max-width:var(--sx-max);margin:0 auto;padding:3rem 1.5rem 5rem}.landing-block{margin-bottom:3.5rem;scroll-margin-top:4.5rem}.landing-divider{border:none;border-top:1px solid var(--sx-border);margin:3rem 0}.section-header{margin-bottom:1.75rem}.section-header-compact{margin-top:2rem}.section-header-compact h2{font-size:1.125rem}.section-eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-blue);margin-bottom:.35rem;display:block}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--sx-text);margin:0;letter-spacing:-.3px}.section-header p{font-size:.94rem;color:var(--sx-text2);margin:.4rem 0 0;line-height:1.65}.flow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1px;gap:1px;background:var(--sx-border);border-radius:var(--sx-radius-lg);overflow:hidden;margin-bottom:2.5rem;box-shadow:var(--sx-shadow)}.flow-step{background:var(--sx-surface);padding:1.5rem 1.25rem;position:relative}.flow-step-num{width:28px;height:28px;background:var(--sx-blue-light);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--sx-blue);margin-bottom:.75rem}.flow-step h3{font-size:.875rem;font-weight:600;margin:0 0 .35rem}.flow-step p{font-size:.8125rem;color:var(--sx-text2);margin:0;line-height:1.55}.flow-step-arrow{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:var(--sx-text3);z-index:2}.tour-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.25rem;gap:1.25rem}.tour-card{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);overflow:hidden;box-shadow:var(--sx-shadow);transition:box-shadow .2s,transform .2s}.tour-card:hover{box-shadow:var(--sx-shadow-lg);transform:translateY(-2px)}.tour-card-img{background:linear-gradient(135deg,#f8fafc,#eff6ff);padding:1.25rem;display:flex;align-items:center;justify-content:center;min-height:200px}.tour-screenshot{width:auto;max-width:100%;height:auto;max-height:420px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);border:1px solid var(--sx-border)}.tour-card-body{padding:1rem 1.125rem 1.125rem}.tour-tab-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:600;color:var(--sx-blue);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.tour-tab-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sx-blue)}.tour-card-body h3{font-size:.94rem;font-weight:600;margin:0 0 .35rem}.tour-card-body>p{font-size:.8125rem;color:var(--sx-text2);margin:0 0 .65rem;line-height:1.6}.tour-steps{display:flex;flex-direction:column;gap:.35rem}.tour-step{display:flex;align-items:flex-start;gap:.45rem;font-size:.78rem;color:var(--sx-text2);line-height:1.5}.tour-step-dot{width:18px;height:18px;border-radius:50%;background:var(--sx-blue-light);color:var(--sx-blue);font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.review-actions-block{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--sx-border)}.review-actions-grid{display:flex;flex-direction:column;gap:1.25rem}.review-action-card{display:grid;grid-template-columns:minmax(200px,260px) 1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);overflow:hidden;box-shadow:var(--sx-shadow);padding:1.125rem}.review-action-card-img{background:linear-gradient(135deg,#f8fafc,#eff6ff);border-radius:var(--sx-radius);padding:1rem;display:flex;align-items:center;justify-content:center}.review-action-card-body h3{font-size:1rem;font-weight:600;margin:0 0 .5rem}.review-action-when{font-size:.8125rem;color:var(--sx-text2);line-height:1.6;margin:0 0 .75rem}.review-action-when strong{color:var(--sx-text);font-weight:600}@media (max-width:720px){.review-action-card{grid-template-columns:1fr}}.install-card{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);overflow:hidden;box-shadow:var(--sx-shadow)}.install-card-poc{padding:1.25rem 1.25rem 0}.tab-bar{display:flex;border-bottom:1px solid var(--sx-border);background:var(--sx-bg);padding:0 1rem;gap:.25rem;overflow-x:auto}.tab-btn{padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:var(--sx-text3);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:.35rem;font-family:inherit;white-space:nowrap}.tab-btn.active{color:var(--sx-blue);border-bottom-color:var(--sx-blue)}.tab-btn:hover:not(.active){color:var(--sx-text)}.tab-pane{padding:1.75rem 1.75rem 2rem}.steps-list{list-style:none;counter-reset:steps;margin:1rem 0 0;padding:0}.steps-list li{counter-increment:steps;display:flex;gap:1rem;margin-bottom:1.25rem;align-items:flex-start}.steps-list li:before{content:counter(steps);flex-shrink:0;width:26px;height:26px;background:var(--sx-navy);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;margin-top:1px}.step-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.step-desc{font-size:.8125rem;color:var(--sx-text2);line-height:1.6}.note-box{display:flex;gap:.65rem;padding:.75rem .9rem;border-radius:var(--sx-radius);font-size:.8125rem;line-height:1.55;margin-bottom:1rem}.note-box.blue{background:var(--sx-blue-light);color:#1d4ed8;border:1px solid var(--sx-blue-mid)}.note-box.green{background:var(--sx-green-light);color:#14532d;border:1px solid #86efac}.note-box.amber{background:var(--sx-amber-light);color:#78350f;border:1px solid #fde68a}.note-icon{flex-shrink:0}.code-block{font-size:.75rem;background:var(--sx-navy);color:#e2e8f0;border-radius:var(--sx-radius);padding:.85rem 1rem;margin:.65rem 0 0;overflow-x:auto;line-height:1.7}.code-block,.landing code{font-family:DM Mono,ui-monospace,monospace}.landing code{font-size:.8em;background:#f1f5f9;border:1px solid var(--sx-border);border-radius:5px;padding:.1em .35em;color:var(--sx-navy-light)}.sheets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:.5rem}.sheet-card{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius);padding:1rem;box-shadow:var(--sx-shadow)}.sheet-tab{display:inline-flex;padding:.25rem .65rem;border-radius:20px;font-size:.68rem;font-weight:600;margin-bottom:.5rem;font-family:DM Mono,ui-monospace,monospace}.sheet-tab.navy{background:var(--sx-navy-mid);color:#fff}.sheet-tab.blue{background:#dbeafe;color:#1d4ed8}.sheet-tab.amber{background:#fef3c7;color:#78350f}.sheet-tab.green{background:var(--sx-green-light);color:#065f46}.sheet-tab.slate{background:#f1f5f9;color:#374151}.sheet-card h4{font-size:.8125rem;font-weight:600;margin:0 0 .35rem}.sheet-card p{font-size:.75rem;color:var(--sx-text2);margin:0;line-height:1.55}.editable-note{font-size:.68rem;margin-top:.5rem;padding:.25rem .5rem;border-radius:5px;display:inline-block}.editable-note.edit{background:#dbeafe;color:#1d4ed8}.editable-note.readonly{background:#f1f5f9;color:var(--sx-muted)}.colour-legend{display:flex;gap:.65rem;flex-wrap:wrap}.cl-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius);font-size:.8125rem;box-shadow:var(--sx-shadow)}.cl-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}.faq-q{width:100%;padding:.875rem 1.125rem;font-size:.875rem;font-weight:500;color:var(--sx-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:none;background:none;text-align:left;font-family:inherit;transition:background .12s}.faq-chevron,.faq-q:hover{background:var(--sx-bg)}.faq-chevron{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:var(--sx-text3);flex-shrink:0;transition:transform .2s,background .15s,color .15s}.faq-item.open .faq-chevron{transform:rotate(180deg);background:var(--sx-blue-light);color:var(--sx-blue)}.faq-a{display:none;padding:0 1.125rem 1rem;font-size:.84rem;color:var(--sx-text2);line-height:1.7;border-top:1px solid var(--sx-border)}.faq-a p{margin:.85rem 0 0}.faq-a p:first-child{margin-top:.85rem}.faq-item.open .faq-a{display:block}.cta-band{background:linear-gradient(135deg,var(--sx-navy) 0,var(--sx-navy-light) 100%);border-radius:var(--sx-radius-lg);padding:2.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:var(--sx-shadow-lg);flex-wrap:wrap}.cta-band h2{font-size:1.375rem;font-weight:600;color:#fff;margin:0 0 .35rem}.cta-band p{font-size:.875rem;color:hsla(0,0%,100%,.6);margin:0}.cta-buttons{display:flex;gap:.65rem;flex-wrap:wrap;flex-shrink:0}.landing-site-footer{border-top:1px solid var(--sx-border);padding:1.75rem 1.5rem;text-align:center;font-size:.8125rem;color:var(--sx-text3)}.landing-site-footer-support{margin-top:.5rem}.landing-site-footer a{color:var(--sx-blue);text-decoration:none}.landing-site-footer a:hover{text-decoration:underline}@media (max-width:640px){.flow-steps{grid-template-columns:1fr}.flow-step-arrow{display:none}.cta-band{flex-direction:column;align-items:flex-start}.landing-hero-actions{flex-direction:column;align-items:stretch}}