:root{--navy:#0a3154;--navy-deep:#071e34;--blue:#0d93d4;--cyan:#29c0df;--green:#27d293;--green-dark:#0d9664;--bg:#f5fafc;--bg-soft:#edf6fa;--surface:#fff;--surface-2:#f8fbfd;--line:#d5e4ee;--text:#0a2442;--muted:#5f7895;--muted-2:#8297aa;--warning:#e5a019;--danger:#df6170;--shadow:0 18px 50px rgba(11,54,88,.08);--shadow-soft:0 8px 26px rgba(11,54,88,.06);--radius-xl:26px;--radius-lg:19px;--radius-md:14px;--max:1240px;--header:78px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[data-theme="dark"]{--bg:#07111f;--bg-soft:#0a1726;--surface:#0d1d2e;--surface-2:#112336;--line:#22394f;--text:#f2f7fd;--muted:#a4b5c8;--muted-2:#71879e;--shadow:0 18px 52px rgba(0,0,0,.25);--shadow-soft:0 9px 26px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip{position:fixed;top:-70px;left:18px;background:var(--green);color:#05251b;padding:10px 14px;border-radius:10px;z-index:999}.skip:focus{top:12px}.site-header{height:var(--header);position:sticky;top:0;z-index:60;background:linear-gradient(110deg,var(--navy-deep),var(--navy));box-shadow:0 9px 28px rgba(4,25,43,.16)}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;min-width:205px}.brand-logo{width:190px;height:auto;display:block}.main-nav{margin-left:auto;display:flex;align-items:center;gap:3px}.main-nav>a,.main-nav>button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border-radius:11px;border:0;background:transparent;color:#dceaf4;font-weight:760;font-size:.9rem;cursor:pointer;white-space:nowrap}.main-nav>a:hover,.main-nav>a.active,.main-nav>button:hover{background:rgba(255,255,255,.10);color:#fff}.main-nav .nav-status{gap:8px;border:1px solid rgba(39,210,147,.36);background:rgba(39,210,147,.09)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(39,210,147,.12);display:inline-block;flex:0 0 8px}.theme-toggle{width:42px!important;padding:0!important;border:1px solid rgba(255,255,255,.24)!important}.main-nav .nav-cta{background:#fff;color:#0a3154;padding-inline:16px;margin-left:3px}.main-nav .nav-cta:hover{background:#eef8fd;color:#0a3154}.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:11px;background:transparent;color:#fff;font-size:1.2rem;cursor:pointer}.page-view{display:none}.page-view.active{display:block}.hero{position:relative;overflow:hidden;padding:54px 0 58px;background:radial-gradient(circle at 10% 5%,rgba(41,192,223,.13),transparent 28%),linear-gradient(180deg,var(--bg-soft),var(--bg))}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr);gap:52px;align-items:center}.hero-decor{position:absolute;border:2px solid rgba(41,192,223,.35);border-radius:50%;pointer-events:none}.hero-decor-left{width:260px;height:260px;left:-165px;top:120px}.hero-decor-right{width:190px;height:190px;right:-95px;top:-70px}.eyebrow{display:inline-block;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow-light{color:#62d8ef}.hero-copy h1{max-width:760px;font-size:clamp(3rem,4.9vw,4.65rem);line-height:.99;letter-spacing:-.055em;margin:14px 0 20px}.hero-copy h1 span{color:var(--blue)}.hero-lead{max-width:720px;color:var(--muted);font-size:1.08rem;margin:0 0 24px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.actions-end{justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-weight:830;font-size:.91rem;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#21cd8a,#39dda7);color:#04271b;box-shadow:0 11px 28px rgba(39,210,147,.20)}.btn-secondary,.btn-quiet{background:var(--surface);border-color:var(--line);color:var(--text)}.btn-quiet{min-height:42px;font-size:.86rem}.btn-dark{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.28)}.trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:.86rem}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(39,210,147,.12);color:var(--green-dark);font-style:normal;font-weight:900}.portal-preview{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:19px;box-shadow:var(--shadow);min-height:330px}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.preview-head strong{font-size:.98rem}.preview-head span{display:flex;align-items:center;gap:7px;color:var(--green-dark);font-size:.72rem;font-weight:850}.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.preview-metric{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px;background:var(--surface-2)}.metric-icon,.component-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(13,147,212,.09);color:var(--blue);font-weight:900;flex:0 0 36px}.preview-metric small,.status-metric small{display:block;color:var(--muted-2);font-size:.63rem;letter-spacing:.08em;text-transform:uppercase}.preview-metric strong,.status-metric strong{display:block;font-size:.87rem;margin-top:2px}.preview-events{display:grid;gap:7px;margin-top:11px}.preview-event{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:9px 10px;font-size:.75rem}.preview-event time{color:var(--muted-2)}.event-dot{width:8px;height:8px;border-radius:50%;display:block}.event-dot.good{background:var(--green)}.event-dot.warn{background:var(--warning)}.section{padding:72px 0}.section-tint{background:var(--bg-soft);border-block:1px solid var(--line)}.section-heading{max-width:790px;margin-bottom:28px}.section-heading-row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:24px}.section-heading h2,.portal-copy h2{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.06;letter-spacing:-.045em;margin:8px 0 10px}.section-heading p,.portal-copy>p{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:146px;display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:start;padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:.18s ease}.service-card:hover{transform:translateY(-2px);border-color:rgba(13,147,212,.28)}.service-icon{width:42px;height:42px;border-radius:12px;background:rgba(13,147,212,.09);display:grid;place-items:center;color:var(--blue);font-weight:900;font-size:1.05rem}.service-card h3{font-size:1.02rem;margin:1px 0 6px}.service-card p{color:var(--muted);font-size:.86rem;margin:0}.service-card>a{color:var(--blue);font-size:1.25rem;font-weight:800;align-self:center}.portal-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.feature{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:12px}.feature>span{width:32px;height:32px;border-radius:9px;background:rgba(13,147,212,.08);display:grid;place-items:center;color:var(--blue);font-weight:900}.feature strong{display:block;font-size:.86rem}.feature small{display:block;color:var(--muted);font-size:.73rem;margin-top:2px}.portal-device{position:relative}.device-shell{background:linear-gradient(180deg,#183b59,#08223c);border-radius:20px;padding:9px 9px 14px;box-shadow:0 22px 46px rgba(9,45,73,.18)}.device-bar{height:36px;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:.72rem}.device-bar i{width:8px;height:8px;background:var(--green);border-radius:50%}.device-body{display:grid;grid-template-columns:95px 1fr;min-height:320px;background:#f8fbfd;border-radius:12px;overflow:hidden}.device-sidebar{background:#0a3154;padding:14px 10px;display:grid;gap:12px;align-content:start}.device-sidebar b{height:26px;background:rgba(39,210,147,.30);border-radius:8px}.device-sidebar span{height:22px;background:rgba(255,255,255,.08);border-radius:7px}.device-content{padding:20px;color:#0a2442}.device-content h3{margin:0 0 14px}.device-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.device-kpis i{height:55px;border:1px solid #d9e6ee;border-radius:9px;background:#fff}.device-chart{height:155px;border:1px solid #d9e6ee;border-radius:10px;margin-top:10px;background:repeating-linear-gradient(to bottom,#fff,#fff 30px,#e9f0f5 31px)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.process-card{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:start;padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.step-number{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(13,147,212,.08);color:var(--blue);font-size:.78rem;font-weight:900}.process-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(41,192,223,.09);color:var(--blue);font-weight:900}.process-card h3{font-size:1rem;margin:1px 0 6px}.process-card p{color:var(--muted);font-size:.84rem;margin:0}.cta-section{padding-top:42px}.diagnostic-card,.status-cta{background:linear-gradient(115deg,#0b365b,#082844);color:#fff;border-radius:25px;padding:30px 34px;display:grid;grid-template-columns:minmax(0,1.25fr) auto;gap:28px;align-items:center;box-shadow:var(--shadow)}.diagnostic-card h2,.status-cta h2{font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.05;letter-spacing:-.04em;margin:8px 0 10px}.diagnostic-card p,.status-cta p{color:#c8deed;margin:0}.status-page{position:relative;overflow:hidden;padding:46px 0 68px;background:radial-gradient(circle at 12% 4%,rgba(41,192,223,.12),transparent 28%),var(--bg)}.status-decor{position:absolute;border:2px solid rgba(41,192,223,.30);border-radius:50%}.status-decor-left{width:180px;height:180px;left:-115px;top:110px}.status-decor-right{width:200px;height:200px;right:-110px;top:-80px}.status-title-row{position:relative;z-index:1;display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:22px}.status-title-row h1{font-size:clamp(2.2rem,3.7vw,3.45rem);line-height:1.04;letter-spacing:-.045em;margin:7px 0 8px}.status-title-row p{color:var(--muted);margin:0;max-width:630px}.status-tagline{border-left:2px solid var(--cyan);padding-left:20px;color:var(--muted);font-size:1rem;line-height:1.5;min-width:230px}.status-tagline i{display:block;width:38px;height:3px;background:var(--blue);border-radius:3px;margin-top:13px}.status-hero-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);gap:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow)}.status-main{display:flex;gap:18px;align-items:flex-start}.status-icon{width:66px;height:66px;flex:0 0 66px;border-radius:18px;display:grid;place-items:center;background:rgba(39,210,147,.10);border:1px solid rgba(39,210,147,.24);color:var(--green-dark);font-size:2rem;font-weight:600}.status-main h2{font-size:clamp(2.15rem,4vw,3.35rem);line-height:1.01;letter-spacing:-.045em;margin:7px 0 9px}.status-main h2 span{color:var(--blue)}.status-main p{color:var(--muted);margin:0}.status-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.status-metric{display:flex;gap:10px;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:11px}.status-columns{display:grid;grid-template-columns:1.28fr .92fr;gap:14px;margin-top:14px}.status-panel{position:relative;z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-soft)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.panel-head h2{font-size:1.33rem;line-height:1.15;margin:5px 0 5px}.panel-head p{color:var(--muted);font-size:.87rem;margin:0}.status-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(39,210,147,.28);background:rgba(39,210,147,.08);color:var(--green-dark);border-radius:999px;padding:6px 10px;font-size:.73rem;font-weight:850;white-space:nowrap}.component-list,.validation-list{display:grid;gap:9px}.component-card{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:13px}.component-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center}.component-main h3,.validation-card h3,.how-card h3{font-size:.9rem;margin:0 0 3px}.component-main p,.validation-card p,.how-card p{color:var(--muted);font-size:.77rem;margin:0}.component-response{display:flex;justify-content:space-between;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.component-response strong{color:var(--text)}.validation-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:13px}.how-panel{margin-top:14px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.how-card{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:start;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:13px}.status-cta{position:relative;z-index:1;margin-top:14px}.site-footer{background:#061624;color:#dce9f4;padding:46px 0 22px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:34px}.footer-logo{width:225px;height:auto}.footer-brand p{max-width:380px;color:#9db1c3;font-size:.85rem}.footer-grid h4{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:#c2d4e2;margin:0 0 12px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}.footer-grid a,.footer-grid span{color:#93a9bb;font-size:.82rem}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.10);padding-top:18px;margin-top:28px;display:flex;justify-content:space-between;gap:18px;color:#7e96aa;font-size:.75rem}
@media(max-width:1120px){.brand-logo{width:170px}.main-nav>a,.main-nav>button{padding-inline:9px}.hero-grid,.portal-grid{gap:32px}.hero-copy h1{font-size:clamp(2.8rem,5vw,4.1rem)}.status-columns{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.2fr repeat(3,1fr)}}
@media(max-width:980px){.main-nav{position:fixed;left:0;right:0;top:var(--header);background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.08);padding:14px 20px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px rgba(4,22,38,.25)}.main-nav.open{display:flex}.main-nav>a,.main-nav>button{width:100%;justify-content:flex-start}.main-nav .nav-cta{justify-content:center}.menu-toggle{display:grid;place-items:center;margin-left:auto}.hero-grid,.portal-grid{grid-template-columns:1fr}.portal-preview{max-width:680px}.service-grid{grid-template-columns:1fr 1fr}.status-hero-card{grid-template-columns:1fr}.status-title-row{align-items:flex-end}.process-grid{grid-template-columns:1fr}.diagnostic-card,.status-cta{grid-template-columns:1fr}.actions-end{justify-content:flex-start}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:720px){.container{width:min(calc(100% - 26px),var(--max))}.site-header{height:68px;--header:68px}.brand-logo{width:155px}.hero{padding:36px 0 44px}.hero-copy h1{font-size:clamp(2.45rem,12vw,3.3rem)}.hero-lead{font-size:1rem}.preview-metrics,.service-grid,.feature-grid,.status-metrics,.how-grid{grid-template-columns:1fr}.section{padding:54px 0}.section-heading-row{display:block}.section-heading-row>.btn{margin-top:16px}.status-title-row{display:block}.status-tagline{margin-top:20px}.status-main{display:block}.status-icon{margin-bottom:14px}.status-main h2{font-size:2.5rem}.component-main,.validation-card,.how-card{grid-template-columns:auto 1fr}.component-main>.status-badge,.validation-card>.status-badge{grid-column:2}.diagnostic-card,.status-cta{padding:24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}}
@media(max-width:480px){.preview-head{align-items:flex-start;flex-direction:column}.trust-row{display:grid}.footer-grid{grid-template-columns:1fr}.actions .btn{width:100%}.status-main h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.status-badge-neutral{border-color:var(--line);background:var(--surface-2);color:var(--muted)}.status-badge-neutral .status-dot{background:var(--muted-2);box-shadow:0 0 0 5px rgba(130,151,170,.12)}
.product-label{display:inline-block;margin-bottom:5px;color:var(--blue);font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.product-label-future{color:var(--muted-2)}.service-card.future{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-style:dashed}.service-card.future .service-icon{background:rgba(39,210,147,.09);color:var(--green-dark)}


/* Public support + Conversations */
.nav-ticket{gap:8px;border:0!important}.footer-ticket{padding:0;border:0;background:transparent;color:#93a9bb;text-align:left;font:inherit;font-size:.82rem;cursor:pointer}.footer-ticket:hover{color:#fff}
.ticket-dialog{width:min(920px,calc(100% - 28px));max-height:min(92vh,900px);padding:0;border:0;border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 28px 90px rgba(3,20,36,.35);overflow:auto}.ticket-dialog::backdrop{background:rgba(4,20,36,.62);backdrop-filter:blur(5px)}.ticket-shell{padding:26px}.ticket-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}.ticket-head h2{margin:5px 0 4px;font-size:2rem;letter-spacing:-.035em}.ticket-head p{margin:0;color:var(--muted)}.ticket-close{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font-size:1.45rem;line-height:1;cursor:pointer}.ticket-chat-callout{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;padding:14px 16px;border:1px solid rgba(13,147,212,.22);border-radius:15px;background:rgba(13,147,212,.06)}.ticket-chat-callout strong,.ticket-chat-callout span{display:block}.ticket-chat-callout span{margin-top:2px;color:var(--muted);font-size:.84rem}.ticket-form{display:grid;gap:14px}.ticket-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ticket-form label{display:grid;gap:6px;font-size:.82rem;font-weight:800}.ticket-form label>span{color:var(--muted);font-weight:600}.ticket-form input,.ticket-form select,.ticket-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);padding:11px 12px;outline:none;font:inherit}.ticket-form input:focus,.ticket-form select:focus,.ticket-form textarea:focus{border-color:rgba(13,147,212,.60);box-shadow:0 0 0 3px rgba(13,147,212,.10)}.ticket-form textarea{resize:vertical;min-height:120px}.ticket-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.ticket-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ticket-actions small{color:var(--muted);font-size:.76rem}.ticket-result{display:none;border-radius:12px;padding:12px 14px;font-size:.86rem}.ticket-result.success{display:block;background:rgba(39,210,147,.10);border:1px solid rgba(39,210,147,.25);color:var(--green-dark)}.ticket-result.error{display:block;background:rgba(221,84,99,.09);border:1px solid rgba(221,84,99,.24);color:var(--danger)}
@media(max-width:720px){.ticket-shell{padding:19px}.ticket-grid{grid-template-columns:1fr}.ticket-chat-callout{align-items:flex-start;flex-direction:column}.ticket-chat-callout .btn{width:100%}.ticket-actions .btn{width:100%}.ticket-actions{display:grid}.ticket-head h2{font-size:1.65rem}}