/* BGC Logger — marketing website. No CSS frameworks / no external assets required. */
:root{--bg:#080f1d;--bg-2:#0c1728;--surface:#101d31;--surface-2:#122039;--surface-3:#172640;--line:#23344d;--line-soft:rgba(157,181,218,.13);--text:#f2f7ff;--muted:#9baec8;--dim:#7387a4;--mint:#66e8d5;--blue:#638fff;--violet:#ab9cff;--orange:#f7b76f;--shadow:0 30px 110px rgba(0,0,0,.35);--radius:22px;--max:1240px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.62;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}body:before{position:absolute;content:"";top:0;left:0;width:100%;height:1040px;background:linear-gradient(180deg,rgba(18,35,62,.60),rgba(8,15,29,0) 85%);z-index:-1;pointer-events:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}img{display:block;max-width:100%}::selection{background:rgba(94,231,213,.24);color:var(--text)}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.section{position:relative}.section-pad{padding:112px 0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--mint);color:#071727;padding:8px 16px;border-radius:8px}.skip-link:focus{top:12px}.ambient{pointer-events:none;position:absolute;filter:blur(90px);border-radius:50%;opacity:.19;z-index:-1}.ambient-one{top:100px;right:0;width:500px;height:530px;background:#144e8f}.ambient-two{top:500px;left:-250px;width:630px;height:440px;background:#17545a}
/* navigation */
.site-header{height:90px;position:sticky;top:0;z-index:50;background:rgba(9,17,31,.79);border-bottom:1px solid rgba(166,190,221,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-content{height:100%;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:204px;height:auto}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:32px;margin-left:auto}.desktop-nav a{font-size:13px;color:#9bafc9;font-weight:650;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.footer-col a:hover{color:var(--mint)}.header-actions{display:flex;align-items:center;gap:15px}.icon-button{display:grid;place-items:center;width:39px;height:39px;background:transparent;border:1px solid var(--line);border-radius:11px;color:var(--muted);transition:.2s}.icon-button:hover{border-color:var(--mint);color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border-radius:11px;white-space:nowrap;font-weight:750;font-size:13px;line-height:1.3;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button .icon{width:16px;height:16px}.button-primary{background:var(--mint);color:#062c31;box-shadow:0 5px 22px rgba(90,229,212,.11)}.button-primary:hover{background:#8cfbe9;box-shadow:0 8px 32px rgba(90,229,212,.20)}.button-secondary{background:rgba(124,160,198,.06);border-color:#34475e;color:var(--text)}.button-secondary:hover{border-color:var(--mint)}.button-sm{padding:12px 16px;font-size:12px}.mobile-menu-button{display:none}.mobile-nav{display:none}
/* hero */
.hero{padding:97px 0 0;min-height:740px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:47% 53%;align-items:center;gap:0;min-height:570px}.hero-copy{z-index:2;padding:0 0 64px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:10px;letter-spacing:2.1px;font-size:10px;font-weight:850;color:var(--mint)}.eyebrow{border:1px solid #284259;border-radius:8px;padding:9px 12px;letter-spacing:1.3px;font-size:9px;background:rgba(24,57,70,.35);white-space:nowrap}.eyebrow-split{width:1px;height:12px;background:#405668;margin-inline:3px}.status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#63e3c7;box-shadow:0 0 0 3px rgba(102,232,213,.11),0 0 10px rgba(102,232,213,.5);display:inline-block}.hero h1{font-size:clamp(49px,5.5vw,81px);line-height:1.09;letter-spacing:-4.5px;margin:27px 0 25px;font-weight:820}.gradient-text{background:linear-gradient(102deg,#75e7d6 5%,#85bfd9 43%,#7b9dff 93%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{font-size:16px;line-height:1.9;color:var(--muted);max-width:500px;margin:0 0 30px}.hero-lead strong{color:var(--text);font-weight:720}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero-actions .button{padding:17px 23px}.hero-highlights{display:flex;gap:15px;flex-wrap:wrap;margin-top:36px}.hero-highlights div{font-size:10px;font-weight:650;color:var(--dim);display:flex;align-items:center;gap:5px}.hero-highlights .icon{width:13px;height:13px;color:var(--mint);stroke-width:2.6}.hero-visual{position:relative;height:600px;margin-left:-8px}.visual-halo{position:absolute;inset:70px 0 45px 20px;border-radius:50%;background:radial-gradient(ellipse,rgba(34,94,147,.35),rgba(8,15,29,0) 70%);filter:blur(40px)}.tiny-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(88,131,180,.16);pointer-events:none}.orbit-a{width:650px;height:650px;top:-10px;left:-30px}.orbit-b{width:800px;height:800px;top:-85px;left:-105px}.hero-console{position:absolute;top:52px;left:10px;width:min(640px,108%);height:auto;z-index:2;background:#0c1729;border:1px solid #304663;box-shadow:0 45px 95px rgba(0,0,0,.4),0 0 0 9px rgba(73,115,156,.05);border-radius:16px;overflow:hidden;transform:perspective(1450px) rotateY(-6deg) rotateX(2deg);transform-origin:center center}.console-top{height:44px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #26384f;background:#111e32;justify-content:space-between}.console-window-dots{display:flex;gap:6px}.console-window-dots i{width:7px;height:7px;background:#3c4b62;border-radius:50%}.console-window-dots i:nth-child(1){background:#fa737d}.console-window-dots i:nth-child(2){background:#f8ba68}.console-window-dots i:nth-child(3){background:#60dcbf}.console-top-title{display:flex;gap:6px;align-items:center;color:#8a9cba;letter-spacing:1.4px;font-size:9px;font-weight:780}.console-top-title .icon{width:14px;height:14px;color:var(--mint)}.pill{border-radius:5px;padding:4px 7px;font-size:8px;letter-spacing:1px;font-weight:800}.pill-demo{background:rgba(107,165,255,.1);border:1px solid rgba(107,165,255,.24);color:#98bafd}.console-body{padding:25px 26px 18px}.console-header{display:flex;align-items:center;justify-content:space-between}.overline{font-size:9px;color:#718aa9;letter-spacing:1.8px;font-weight:800}.console-header h2{font-size:21px;font-weight:770;letter-spacing:-.5px;margin:3px 0 0}.wave{color:var(--mint);font-size:17px}.live-mark{display:inline-flex;gap:7px;align-items:center;border:1px solid #275149;padding:6px 8px;border-radius:6px;color:#9ff1de;font-size:9px;font-weight:750;white-space:nowrap}.live-mark .status-dot{width:5px;height:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:21px}.metric{min-height:104px;border:1px solid #2b3b54;background:#142238;border-radius:9px;padding:13px 15px}.metric>span{display:block;font-size:10px;color:#95a7c1}.metric strong{display:block;font-size:27px;line-height:1.38;color:#f7fbff;letter-spacing:-1.2px}.metric small{display:block;color:#7d95b1;font-size:9px}.metric small b{color:#6ce9c6;font-weight:700}.metric .danger-text{color:#f99ba1}.console-graph{border:1px solid #2b3b54;border-radius:9px;background:rgba(16,29,48,.7);padding:13px 14px 8px;margin-top:13px}.graph-label{display:flex;justify-content:space-between;align-items:center}.graph-label span:first-child{font-weight:700;font-size:11px}.graph-label span:last-child{display:flex;align-items:center;gap:5px;font-size:8px;color:#8499b5}.graph-label .icon{width:12px;height:12px}.line-graph{width:100%;height:125px;margin-top:5px;overflow:visible}.graph-lines{fill:none;stroke:#293950;stroke-width:1;stroke-dasharray:3 5}.graph-axis{display:flex;justify-content:space-between;color:#647994;font-size:8px}.console-events{margin-top:12px}.console-events>div{display:flex;align-items:center;gap:10px;height:30px;border-bottom:1px solid rgba(142,168,203,.10);font-size:10px;color:#a3b5cd}.console-events>div:last-child{border:0}.console-events time{margin-left:auto;color:#637994;font-size:9px}.event-level{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.event-level.red{background:#f1778b}.event-level.gold{background:#e8b86e}.event-level.green{background:#50d7ba}.floating-label{position:absolute;z-index:4;display:flex;gap:11px;align-items:center;border:1px solid #335072;background:rgba(21,38,59,.95);backdrop-filter:blur(15px);border-radius:12px;padding:12px 16px;box-shadow:0 20px 48px rgba(0,0,0,.3)}.floating-label b,.floating-label small{display:block}.floating-label b{font-size:11px;color:#eaf5ff}.floating-label small{font-size:9px;color:#8fa5c3}.floating-one{top:13px;right:-11px}.floating-icon{display:grid;place-items:center;color:#71e7d4;background:rgba(81,211,189,.11);border:1px solid rgba(81,211,189,.2);border-radius:9px;width:38px;height:38px}.floating-two{bottom:20px;left:-45px}.pulse-circle{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#71edd3 12%,rgba(69,195,167,.19) 15%);border:1px solid #3d7b73;box-shadow:0 0 0 6px rgba(53,142,136,.11)}.float-bars{display:flex;gap:3px;height:28px;align-items:end;margin-left:5px}.float-bars i{width:3px;border-radius:2px;background:var(--mint);height:40%}.float-bars i:nth-child(2){height:80%}.float-bars i:nth-child(3){height:55%}.float-bars i:nth-child(4){height:100%}.float-bars i:nth-child(5){height:50%}.hero-bottom{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line-soft);height:77px;margin-top:9px}.hero-bottom>span{font-size:10px;color:#68809d;letter-spacing:2px;white-space:nowrap;font-weight:800}.hero-bottom-line{height:1px;background:var(--line-soft);flex:1}.hero-bottom a{color:#9cb1cb;font-size:11px;font-weight:650;white-space:nowrap}.hero-bottom a span{margin-left:9px;color:var(--mint)}
/* strip */
.statement{background:linear-gradient(105deg,#0e1e32,#0c1829);border-block:1px solid var(--line-soft)}.statement.section-pad{padding:45px 0}.statement-grid{display:grid;grid-template-columns:1.1fr 1.5fr;align-items:center;gap:55px}.statement-grid>p{margin:0;font-size:15px;letter-spacing:1.6px;font-weight:760;line-height:1.7;color:#8095b1}.statement-grid>p strong{color:#eaf3ff}.statement-items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.statement-items>div{border-left:1px solid #294057;padding-left:16px;display:flex;flex-direction:column;gap:7px}.statement-num{color:var(--mint);font-family:Consolas,monospace;font-size:10px}.statement-items>div>span:last-child{font-weight:700;font-size:12px;color:#c9d8ed}
/* typography / sections */
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-heading>div{max-width:730px}.section-heading h2,.center-heading h2,.workflow-intro h2,.faq-intro h2{font-size:clamp(33px,3.55vw,49px);letter-spacing:-2.2px;line-height:1.18;font-weight:800;margin:19px 0 0}.muted-heading{color:var(--dim)}.section-heading>p{max-width:370px;font-size:14px;color:var(--muted);line-height:1.85;margin:0 0 5px}.center-heading{text-align:center;max-width:790px;margin:0 auto 51px}.center-heading h2{margin-top:17px;font-size:clamp(34px,4vw,56px)}.center-heading>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:650px;margin:18px auto 0}
/* feature bento */
.features{position:relative}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#14233a,#0d1a2b);border:1px solid var(--line);border-radius:19px;min-height:294px;padding:27px;transition:border-color .25s,transform .25s}.feature-card:hover{border-color:#40617f;transform:translateY(-4px)}.feature-card h3{font-size:20px;line-height:1.35;letter-spacing:-.5px;margin:17px 0 9px}.feature-card p{font-size:13px;color:var(--muted);line-height:1.85;margin:0;max-width:335px}.feature-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.feature-icon .icon{width:23px;height:23px}.feature-icon.mint{color:#71e7d3;background:rgba(102,232,213,.10);border:1px solid rgba(102,232,213,.2)}.feature-icon.blue{color:#8bb8ff;background:rgba(100,150,255,.1);border:1px solid rgba(100,150,255,.2)}.feature-icon.purple{color:#bea7ff;background:rgba(168,140,255,.10);border:1px solid rgba(168,140,255,.2)}.feature-icon.orange{color:#ffc184;background:rgba(255,170,92,.10);border:1px solid rgba(255,170,92,.2)}.feature-wide{grid-column:span 2;display:flex;min-height:310px;padding:31px;justify-content:space-between;background:radial-gradient(ellipse at 83% 58%,rgba(38,105,115,.17),transparent 62%),linear-gradient(130deg,#17283f,#0d1a2c)}.feature-content{position:relative;z-index:2;max-width:395px}.feature-tag{display:block;margin-top:19px;font-size:9px;color:var(--mint);letter-spacing:1.5px;font-weight:800}.feature-wide h3{font-size:26px;letter-spacing:-.9px;margin-top:10px}.feature-link{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:11px;font-weight:750;color:var(--mint)}.feature-link .icon{width:14px;height:14px}.feature-illustration{width:280px;height:240px;position:relative;align-self:center;flex-shrink:0;margin-right:12px}.feature-illustration:before{content:"";width:180px;height:180px;border:1px dashed #2b6c6b;border-radius:50%;position:absolute;top:28px;right:5px;transform:rotate(-20deg)}.stack-node{position:absolute;display:flex;align-items:center;gap:6px;z-index:2;left:3px;background:#152a41;border:1px solid #37516d;border-radius:8px;padding:8px 9px;color:#b9cce3;font-size:8px;letter-spacing:.6px;font-weight:700;min-width:125px}.stack-node .icon{width:13px;height:13px;color:#78b5fb}.stack-node span{font-size:6px;color:#60e1c8;margin-left:auto}.node-top{top:17px}.node-middle{top:74px;left:28px}.node-bottom{top:131px;left:3px}.stack-lines{position:absolute;z-index:1;top:52px;left:138px;width:94px;height:121px;border:1px dashed #4ba8a1;border-left:0;border-radius:0 20px 20px 0}.stack-target{position:absolute;right:-6px;bottom:3px;border:1px solid #438b89;background:#183f4b;border-radius:10px;padding:9px 11px;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.7px;color:#a6fff1;font-weight:850;box-shadow:0 0 30px rgba(69,210,187,.15)}.stack-target img{width:24px;height:24px}.bars-preview{display:flex;align-items:end;height:62px;gap:8px;position:absolute;right:27px;bottom:25px;left:27px;opacity:.8}.bars-preview i{flex:1;max-width:20px;border-radius:4px 4px 0 0;background:linear-gradient(0deg,rgba(74,113,215,.32),#5b8ce1)}.search-preview{margin-top:22px;max-width:315px;display:flex;align-items:center;gap:9px;min-height:38px;background:#091828;border:1px solid #36506c;border-radius:8px;padding:7px 9px;color:#81c5eb}.search-preview .icon{width:13px;height:13px}.search-preview span:nth-child(2){font-size:10px;font-family:Consolas,monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kbd{margin-left:auto;border:1px solid #3d4b64;border-radius:4px;padding:0 5px;font-size:10px;color:#9bb0cb}.coming{display:inline-block;color:var(--orange);font-size:10px;font-weight:700;white-space:nowrap}.mini-notice{display:flex;align-items:center;gap:9px;border:1px solid #514353;border-radius:7px;background:rgba(171,100,87,.08);color:#e0b9af;padding:10px;font-size:10px;margin-top:26px}.mini-notice>span:last-child{margin-left:auto;color:#edb68e;font-weight:900}.mini-alert-dot{width:6px;height:6px;border-radius:50%;background:#f6ac75}.integrations{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.integrations span{border:1px solid #2a4960;background:rgba(68,126,130,.10);border-radius:6px;padding:7px 9px;color:#89c9c6;font-size:9px;font-weight:800;letter-spacing:.6px}.local-preview{margin-top:20px;display:flex;align-items:center;gap:9px;color:#8daccb;font:700 10px Consolas,monospace;letter-spacing:.6px}.local-preview .icon{color:var(--mint);width:17px;height:17px}.local-light{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint);margin-left:auto}.features-note{font-size:11px;color:var(--dim);text-align:right;margin:18px 0 0}
/* interactive dashboard */
.product-section{background:radial-gradient(ellipse at 50% 50%,rgba(24,52,79,.29),transparent 60%)}.dashboard-wrap{position:relative}.dashboard-glow{position:absolute;inset:-35px 100px 0;background:radial-gradient(ellipse,#1d5676,transparent 65%);filter:blur(100px);opacity:.25}.dashboard-app{position:relative;z-index:1;display:grid;grid-template-columns:194px minmax(0,1fr);min-height:696px;border:1px solid #34445b;background:#0e192b;border-radius:18px;box-shadow:0 40px 105px rgba(0,0,0,.46),0 0 0 8px rgba(81,126,161,.045);overflow:hidden}.app-sidebar{display:flex;flex-direction:column;padding:23px 13px;border-right:1px solid #22344c;background:#101e32}.app-side-logo{display:flex;align-items:center;gap:8px;color:#f7fbff;letter-spacing:-.7px;font-weight:850;font-size:16px;margin:0 5px 38px}.app-side-logo img{width:28px}.mint-text{color:var(--mint)}.sidebar-label{color:#627993;font-size:9px;font-weight:850;letter-spacing:1.4px;padding-left:13px;margin:0 0 13px}.side-link{width:100%;display:flex;align-items:center;gap:12px;border-radius:8px;padding:10px 11px;font-size:11px;font-weight:650;color:#8a9fbd;margin-bottom:4px;transition:background .2s}.side-link:hover{background:#1c304a;color:#dae9ff}.side-link .icon{width:17px;height:17px}.side-link.selected{color:#72e9d5;background:#1b3b47;border:1px solid #2e5b63}.side-count{margin-left:auto;background:#784753;color:#ffc8cf;border-radius:4px;padding:0 5px;font-size:10px}.side-space{flex:1}.disabled-side{cursor:default;opacity:.65}.sidebar-user{display:flex;align-items:center;gap:8px;border-top:1px solid #2c3c51;padding:21px 5px 0;margin-top:10px}.user-avatar,.app-avatar{display:grid;place-items:center;width:29px;height:29px;background:linear-gradient(145deg,#6b63c8,#3d66ba);color:white;border-radius:8px;font-size:12px;font-weight:850}.sidebar-user>div:nth-child(2){min-width:0}.sidebar-user b{display:block;white-space:nowrap;font-size:10px}.sidebar-user small{display:block;color:#7185a0;font-size:9px}.online-indicator{width:6px;height:6px;background:var(--mint);border-radius:50%;margin-left:auto}.app-main{min-width:0}.app-head{min-height:65px;padding:0 28px;border-bottom:1px solid #22344c;display:flex;align-items:center;justify-content:space-between}.app-breadcrumb{font-size:11px;color:#7890ae}.app-breadcrumb span{margin:0 12px;color:#445e7e}.app-breadcrumb b{color:#dce6f5}.app-top-right{display:flex;align-items:center;gap:16px}.app-top-right>span:first-child{font-size:10px;color:#9db0c7;display:flex;gap:8px;align-items:center}.app-top-right .status-dot{width:5px;height:5px}.demo-chip{padding:4px 8px;border:1px solid #365a66;background:#18383f;border-radius:5px;color:#83dacc;font-size:9px;letter-spacing:1px;font-weight:700}.app-avatar{width:28px;height:28px}.app-content{padding:26px 27px 24px}.app-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.app-title-tag{color:#6ddaca;font-size:9px;font-weight:800;letter-spacing:1.5px}.app-title-row h3{font-size:23px;letter-spacing:-.6px;margin:1px 0}.app-title-row p{font-size:11px;color:#8195b0;margin:0}.app-date{border:1px solid #2d4057;border-radius:7px;padding:8px 10px;color:#9cafc7;display:flex;gap:13px;align-items:center;font-size:10px;white-space:nowrap}.app-date .icon{width:12px;height:12px}.app-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px}.app-stats>div{position:relative;min-height:118px;border:1px solid #2b3d55;border-radius:10px;padding:13px;background:#142338;overflow:hidden}.app-stats span{display:block;color:#91a5bf;font-size:10px}.app-stats strong{display:block;font-size:25px;line-height:1.55;letter-spacing:-1px}.app-stats small{display:block;color:#758aa6;font-size:9px;white-space:nowrap}.app-stats small em{color:#65debf;font-style:normal}.app-stats>div>.icon{position:absolute;top:15px;right:12px;color:#7790ab;width:16px;height:16px}.stat-unit{display:inline!important;font-size:13px!important;color:#a9bbd0!important}.small-red-dot{display:inline-block!important;width:6px;height:6px;background:#f17a86;border-radius:50%;margin-right:4px}.app-panels{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(215px,.8fr);gap:14px;margin-bottom:14px}.app-panel{border:1px solid #2b3d55;border-radius:10px;background:#142237}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 17px 0;gap:10px}.panel-head strong,.events-panel-header strong{display:block;font-size:12px}.panel-head small,.events-panel-header small{display:block;font-size:10px;color:#8195b0;margin-top:2px}.period-tabs{display:flex;gap:2px;padding:3px;border:1px solid #2a4057;border-radius:6px;background:#0d192a}.period{border:0;background:transparent;color:#879bb6;padding:5px 8px;border-radius:4px;font-size:9px;font-weight:750}.period.active{background:#27475b;color:#8ff9e5}.traffic-chart{display:flex;align-items:stretch;gap:12px;margin:13px 17px 0}.chart-y{height:150px;display:flex;flex-direction:column;justify-content:space-between;color:#657b97;font-size:9px;min-width:26px}.traffic-chart svg{width:100%;height:150px;overflow:visible}.chart-gridlines{fill:none;stroke:#263c50;stroke-dasharray:4 5;stroke-width:1}.chart-x{display:flex;justify-content:space-between;margin:0 17px 14px 55px;color:#687e9a;font-size:9px}.threats-panel{padding-bottom:10px}.panel-dots{color:#7b8ca4;font-size:13px;letter-spacing:2px}.donut-wrap{display:grid;place-items:center;margin:6px 0 8px}.donut{position:relative;width:122px;height:122px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#ed7989 0 12%,#ebb66e 12% 41%,#56d3c0 41% 100%)}.donut:before{content:"";position:absolute;inset:15px;background:#142237;border-radius:50%}.donut span{position:relative;z-index:2;font-size:21px;font-weight:820;letter-spacing:-.5px;text-align:center}.donut small{display:block;font-size:8px;color:#88a0bb;letter-spacing:1.5px;font-weight:750}.donut-legends{margin:0 19px}.donut-legends>div{display:flex;justify-content:space-between;font-size:9px;padding:4px 0}.donut-legends>div>span{color:#92a8c0;display:flex;align-items:center;gap:7px}.donut-legends b{color:#c3d2e4}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.critical{background:#ed7989}.dot.warning{background:#ebb66e}.dot.normal{background:#56d3c0}.events-panel-header{padding:15px 17px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.event-controls{display:flex;align-items:center;gap:7px}.search-control{display:flex;align-items:center;gap:6px;border:1px solid #344861;border-radius:6px;background:#0e1b2e;padding:6px 8px;width:180px}.search-control .icon{width:13px;height:13px;color:#8ea5bf}.search-control input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#e8f2ff;font-size:10px}.search-control input::placeholder{color:#6d819c}.event-controls select{max-width:130px;background:#0e1b2e;color:#a5b7cd;border:1px solid #344861;border-radius:6px;padding:7px 8px;font-size:10px;outline:0}.event-table-scroll{overflow:auto}.events-table{width:100%;border-collapse:collapse;min-width:570px;text-align:left}.events-table th{font-size:9px;color:#647a94;letter-spacing:.8px;font-weight:780;background:#101e31;padding:9px 17px}.events-table td{border-top:1px solid rgba(149,180,215,.08);padding:11px 17px;font-size:10px;color:#a9bdd5;white-space:nowrap}.events-table tr{transition:background .15s}.events-table tbody tr:hover{background:#1b2f46}.events-table td:nth-child(2){color:#d6e1ef;font-weight:650}.severity-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:4px;font-size:9px;font-weight:760}.severity-badge:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.severity-badge.critical{color:#f6a6ac;background:rgba(242,107,125,.12)}.severity-badge.warning{color:#f0c084;background:rgba(249,174,96,.11)}.severity-badge.info{color:#7fe8d0;background:rgba(78,212,183,.1)}.inspect-btn{border:1px solid #344861;background:transparent;color:#a2b7ce;border-radius:5px;width:24px;height:23px;display:grid;place-items:center;padding:0}.inspect-btn:hover{color:var(--mint);border-color:var(--mint)}.inspect-btn .icon{width:13px;height:13px}.events-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 17px;color:#627993;font-size:9px;gap:10px}.events-foot span:last-child{font-size:8px;letter-spacing:.65px}.preview-footnote{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:21px;color:var(--dim);font-size:11px;text-align:center}.preview-footnote .icon{width:15px;height:15px}
/* usecases */
.usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.usecase{border:1px solid var(--line);background:linear-gradient(150deg,#111e33,#0b1728);border-radius:17px;padding:28px;min-height:285px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.usecase:hover{transform:translateY(-4px);border-color:#3c6277}.usecase-index{font-size:10px;letter-spacing:1px;color:var(--dim);font-family:Consolas,monospace;font-weight:800}.usecase-icon{width:40px;height:40px;color:var(--mint);stroke-width:1.35;margin:27px 0 0}.usecase h3{font-size:21px;letter-spacing:-.7px;margin:14px 0 6px}.usecase p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 22px}.usecase-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#87bdbb}.usecase-bottom .icon{width:14px;height:14px}
/* workflow */
.workflow{background:#0c1829;border-block:1px solid var(--line-soft)}.workflow-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.workflow-intro h2{font-size:clamp(43px,5vw,66px);margin-top:17px}.workflow-intro p{color:var(--muted);font-size:14px;line-height:1.8;max-width:345px;margin:20px 0 26px}.text-arrow{font-weight:800;color:var(--mint);display:inline-flex;align-items:center;gap:9px;font-size:12px}.text-arrow .icon{width:16px;height:16px}.workflow-steps{border-top:1px solid #324258}.workflow-step{display:grid;grid-template-columns:48px 1fr 30px;gap:20px;align-items:start;padding:28px 0;border-bottom:1px solid #324258}.workflow-step>span{color:var(--mint);font:800 12px Consolas,monospace;padding-top:5px}.workflow-step h3{font-size:18px;letter-spacing:-.4px;margin:0 0 8px}.workflow-step p{font-size:12px;color:var(--muted);line-height:1.8;max-width:375px;margin:0}.workflow-step>.icon{width:26px;height:26px;color:#4b728f}
/* roadmap */
.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.roadmap-card{position:relative;overflow:hidden;padding:27px;background:linear-gradient(145deg,#17253b,#0e192b);border-radius:17px;border:1px solid #283950;min-height:309px;display:flex;flex-direction:column}.roadmap-card:first-child{border-color:#386465;box-shadow:inset 0 1px 0 rgba(118,242,215,.07)}.roadmap-badge{align-self:start;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:850;letter-spacing:1px;padding:6px 9px;border-radius:6px}.roadmap-badge.now{border:1px solid #336c68;background:rgba(84,217,191,.09);color:#8eecda}.roadmap-badge.next{border:1px solid #365574;background:rgba(93,139,220,.09);color:#9cbdff}.roadmap-badge.future{border:1px solid #51516e;background:rgba(151,127,209,.08);color:#c7b5f9}.roadmap-badge .status-dot{width:5px;height:5px}.roadmap-number{position:absolute;top:21px;right:23px;font:800 40px Consolas,monospace;opacity:.09}.roadmap-card h3{font-size:20px;margin:32px 0 8px;letter-spacing:-.5px}.roadmap-card p{color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 20px}.roadmap-line{height:1px;background:var(--line-soft);margin-top:auto}.roadmap-status{margin-top:16px;font-size:10px;color:#849bb5;font-weight:700}
/* FAQ */
.faq-section{border-top:1px solid var(--line-soft);background:linear-gradient(180deg,#0b1525,#0a1424)}.faq-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.faq-intro p{font-size:14px;color:var(--muted);margin:21px 0 0}.faqs{border-top:1px solid #35485b}.faqs details{border-bottom:1px solid #35485b;padding:0 3px}.faqs summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 2px;cursor:pointer;font-weight:720;font-size:14px}.faqs summary::-webkit-details-marker{display:none}.faqs summary .icon{color:#89a2ba;width:17px;height:17px;transition:transform .2s}.faqs details[open] summary .icon{transform:rotate(180deg);color:var(--mint)}.faqs details[open] summary{color:var(--mint)}.faqs details p{margin:-4px 0 22px;color:var(--muted);font-size:13px;line-height:1.9;max-width:600px}
/* contact */
.contact-section{padding-top:70px}.contact-shell{position:relative;overflow:hidden;border-radius:24px;border:1px solid #37566a;background:linear-gradient(114deg,#112d3d 0%,#13283e 48%,#112034 100%);padding:62px 61px;display:grid;grid-template-columns:1.15fr .85fr;gap:65px}.contact-glow{position:absolute;top:-230px;left:-130px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(45,125,137,.19),transparent 66%);pointer-events:none}.contact-copy{position:relative;z-index:1;padding-top:20px}.contact-copy h2{font-size:clamp(32px,3.6vw,51px);line-height:1.22;letter-spacing:-2.4px;margin:22px 0}.contact-copy>p{font-size:14px;color:#acc3d6;line-height:1.85;max-width:420px}.contact-points{display:flex;flex-direction:column;gap:15px;margin-top:47px}.contact-points span{display:flex;align-items:center;gap:9px;font-size:12px;color:#b4cde0;font-weight:650}.contact-points .icon{width:15px;height:15px;color:#74e6d3}.interest-form{position:relative;z-index:1;border:1px solid #37536b;background:rgba(9,22,38,.67);padding:26px;border-radius:15px;display:flex;flex-direction:column}.form-caption{font-size:10px;color:#89e6d7;font-weight:850;letter-spacing:1.7px;margin-bottom:17px}.interest-form label{font-size:11px;font-weight:700;color:#c5d5e6;margin-bottom:5px}.interest-form label span{font-weight:450;color:#7890a6}.interest-form input,.interest-form textarea{width:100%;background:#0d1d31;border:1px solid #344c66;color:#eff9ff;border-radius:8px;padding:10px 12px;outline:none;margin-bottom:12px;font-size:12px;transition:border-color .2s}.interest-form input:focus,.interest-form textarea:focus{border-color:var(--mint)}.interest-form textarea{resize:vertical;min-height:75px}.interest-form input::placeholder,.interest-form textarea::placeholder{color:#69819c}.form-submit{width:100%;justify-content:space-between;margin-top:3px;padding:12px 15px}.form-note{font-size:10px;color:#809ab2;line-height:1.7;margin:12px 0 0}.form-status{min-height:0;color:#7de6d3;font-size:12px;font-weight:700;margin-top:5px}
/* footer */
.site-footer{padding-top:60px;border-top:1px solid var(--line-soft)}.footer-main{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;gap:40px;padding-bottom:64px}.footer-brand img{width:196px}.footer-brand p{color:#8aa0bb;font-size:13px;max-width:270px;margin:22px 0}.footer-micro{font-size:9px;letter-spacing:1.1px;color:#8db6b2;display:flex;align-items:center;gap:9px;font-weight:850}.footer-micro .status-dot{width:5px;height:5px}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-col strong{color:#d1deed;font-size:10px;letter-spacing:1.4px;margin:5px 0 6px}.footer-col a{color:#8a9eb9;font-size:12px;display:flex;align-items:center;gap:5px;transition:color .2s}.footer-col a .icon{width:12px;height:12px}.footer-bottom{border-top:1px solid var(--line-soft);padding:22px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#758ca7}.footer-by strong{color:#cadbea}.footer-by a{color:var(--mint)}.footer-spark{color:var(--mint);font-size:13px}.back-top{font-weight:750;color:#adc4da}.toast{position:fixed;right:24px;bottom:24px;z-index:80;padding:12px 16px;color:#e7fff9;background:#1c5b59;border:1px solid #4dafaa;border-radius:10px;box-shadow:0 15px 45px #0008;max-width:390px;font-size:12px;font-weight:700;pointer-events:none;opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:none}
/* progressive reveal */
@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.visual-halo{animation:ambientPulse 8s ease-in-out infinite}.floating-one{animation:floatOne 7s ease-in-out infinite}.floating-two{animation:floatTwo 6s ease-in-out infinite}@keyframes floatOne{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatTwo{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes ambientPulse{0%,100%{opacity:.8}50%{opacity:1}}}
/* light theme (marketing sections only; product screenshots intentionally remain dark) */
body[data-theme="light"]{--bg:#f5f9ff;--bg-2:#edf4fb;--surface:#fff;--surface-2:#edf5fc;--surface-3:#e7f0fa;--line:#d3e0ed;--line-soft:rgba(51,83,112,.15);--text:#172942;--muted:#566c85;--dim:#70839c;--mint:#007c76;--blue:#3977d2;--violet:#7564bc;--orange:#ad6c28;color-scheme:light}body[data-theme="light"]:before{background:linear-gradient(180deg,#e9f7ff,rgba(246,250,255,0))}body[data-theme="light"] .site-header{background:rgba(246,250,255,.86)}body[data-theme="light"] .brand img,body[data-theme="light"] .footer-brand img{filter:brightness(.32) sepia(.2) saturate(3)}body[data-theme="light"] .desktop-nav a{color:#50617a}body[data-theme="light"] .eyebrow{background:#e5f4f1;border-color:#b4d5d1}body[data-theme="light"] .hero-lead strong{color:#172942}body[data-theme="light"] .hero-highlights div{color:#617b95}body[data-theme="light"] .statement{background:#e5f0f8}body[data-theme="light"] .statement-grid>p{color:#63768c}body[data-theme="light"] .statement-grid>p strong{color:#203b58}body[data-theme="light"] .statement-items>div>span:last-child{color:#29435e}body[data-theme="light"] .feature-card,body[data-theme="light"] .usecase,body[data-theme="light"] .roadmap-card{background:linear-gradient(140deg,#fff,#edf5fc)}body[data-theme="light"] .feature-wide{background:linear-gradient(135deg,#f8fefa,#eaf7f7)}body[data-theme="light"] .feature-illustration,body[data-theme="light"] .search-preview,body[data-theme="light"] .mini-notice,body[data-theme="light"] .integrations,body[data-theme="light"] .local-preview,body[data-theme="light"] .bars-preview{filter:saturate(1.25)}body[data-theme="light"] .feature-illustration{color:#e9f2ff}body[data-theme="light"] .workflow,body[data-theme="light"] .faq-section{background:#eaf3fb}body[data-theme="light"] .workflow-step{border-color:#cadbe9}body[data-theme="light"] .contact-shell{background:linear-gradient(120deg,#17384c,#1a344e);color:#e9f5ff}body[data-theme="light"] .contact-shell .kicker{color:#7cecd7}body[data-theme="light"] .contact-shell h2{color:#fff}body[data-theme="light"] .contact-shell .gradient-text{background:linear-gradient(102deg,#78efd9,#86b9ff);background-clip:text;-webkit-background-clip:text}body[data-theme="light"] .contact-shell .interest-form{color:#fff}body[data-theme="light"] .contact-shell .interest-form input,body[data-theme="light"] .contact-shell .interest-form textarea{color:#fff}body[data-theme="light"] .contact-shell .button-primary{background:#6deed8;color:#103639}body[data-theme="light"] .footer-col strong{color:#283f58}body[data-theme="light"] .footer-by strong{color:#28425a}body[data-theme="light"] .feature-icon.mint{color:#0d8b78}body[data-theme="light"] .feature-icon.blue{color:#316abb}body[data-theme="light"] .feature-icon.purple{color:#7762ba}body[data-theme="light"] .feature-icon.orange{color:#b66a32}body[data-theme="light"] .feature-link,body[data-theme="light"] .usecase-bottom{color:#0d8479}body[data-theme="light"] .button-primary{background:#16b8a7;color:#fff}body[data-theme="light"] .button-primary:hover{background:#11998c}body[data-theme="light"] .button-secondary{background:#fff;border-color:#b9cfdf}body[data-theme="light"] .roadmap-card h3{color:#19334d}body[data-theme="light"] .roadmap-badge.now{color:#117c6d}body[data-theme="light"] .roadmap-badge.next{color:#396fb7}body[data-theme="light"] .roadmap-badge.future{color:#7859ba}
/* smaller desktops */
@media(max-width:1190px){.container{width:min(100% - 56px,var(--max))}.desktop-nav{gap:19px}.brand img{width:177px}.header-content{gap:17px}.header-actions{gap:9px}.hero h1{letter-spacing:-3px}.hero-visual{transform:scale(.92);transform-origin:left center;margin-left:-8px}.hero-grid{grid-template-columns:49% 51%}.feature-illustration{transform:scale(.86);transform-origin:center right;margin-right:-13px}.app-stats strong{font-size:22px}.dashboard-app{grid-template-columns:168px minmax(0,1fr)}.app-content{padding:22px}.app-stats{gap:8px}.app-stats>div{padding:11px}.app-stats small{font-size:8px}.contact-shell{padding:48px;gap:35px}}
@media(max-width:980px){.desktop-nav{display:none}.header-actions{margin-left:auto}.mobile-menu-button{display:grid}.mobile-nav:not([hidden]){display:flex;position:absolute;top:89px;left:0;right:0;background:rgba(13,27,45,.98);border-bottom:1px solid #31455c;padding:20px 28px;flex-direction:column;gap:4px;box-shadow:0 28px 50px #0008}.mobile-nav a{padding:11px 8px;color:#d8e6f4;font-size:13px;font-weight:700}.mobile-nav a:hover{color:#6de9d4}.hero{padding-top:78px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-bottom:20px}.hero h1{font-size:66px}.hero-lead{max-width:600px}.hero-visual{height:580px;max-width:730px;width:100%;margin:0 auto;transform:none}.hero-console{left:7%;width:84%;top:37px}.floating-one{right:0}.floating-two{left:0;bottom:26px}.orbit-a{left:10%}.orbit-b{left:0}.statement-grid{grid-template-columns:1fr;gap:25px}.section-pad{padding:85px 0}.feature-wide{grid-column:span 3}.feature-card{min-height:280px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card:not(.feature-wide){grid-column:span 1}.feature-card h3{font-size:18px}.feature-card p{font-size:12px}.feature-card:not(.feature-wide){padding:23px}.feature-card .integrations span{font-size:8px}.feature-card .search-preview{margin-top:15px}.usecase-grid{gap:12px}.usecase{padding:21px}.workflow-grid{gap:40px}.faq-grid{gap:45px}.dashboard-app{grid-template-columns:132px minmax(0,1fr)}.app-sidebar{padding:17px 8px}.app-side-logo{font-size:13px}.app-side-logo img{width:22px}.side-link{gap:7px;padding:9px 6px;font-size:10px}.side-link .icon{width:14px;height:14px}.sidebar-user{gap:5px}.sidebar-user b{font-size:9px}.app-content{padding:19px}.app-stats{grid-template-columns:repeat(2,1fr)}.app-stats>div{min-height:93px}.app-stats strong{font-size:24px}.app-panels{grid-template-columns:1.5fr 1fr}.events-panel-header{flex-wrap:wrap}.footer-main{grid-template-columns:1.7fr repeat(3,1fr);gap:20px}}
@media(max-width:680px){html{scroll-padding-top:75px}.container{width:calc(100% - 34px)}.site-header{height:72px}.header-content{gap:8px}.brand img{width:166px}.header-cta{display:none}.mobile-nav:not([hidden]){top:71px}.header-actions{gap:8px}.icon-button{width:36px;height:36px}.hero{padding-top:54px}.hero h1{font-size:clamp(44px,11.7vw,64px);letter-spacing:-2.5px;margin:22px 0 19px}.eyebrow{font-size:8px;letter-spacing:.7px;padding:8px 9px;gap:7px}.eyebrow-split{margin-inline:0}.hero-lead{font-size:14px;line-height:1.8}.hero-actions{gap:9px}.hero-actions .button{padding:14px 16px;font-size:11px}.hero-highlights{gap:12px;margin-top:24px}.hero-highlights div{font-size:9px}.hero-visual{height:450px;width:calc(100% + 28px);margin-left:-14px}.hero-console{left:2%;top:53px;width:96%;transform:none}.console-top{height:33px;padding:0 10px}.console-top-title{font-size:7px}.console-body{padding:13px 12px}.console-header h2{font-size:16px}.overline{font-size:7px}.live-mark{font-size:7px;padding:3px 5px}.metrics{gap:6px;margin-top:13px}.metric{padding:8px;min-height:75px}.metric>span{font-size:8px}.metric strong{font-size:21px}.metric small{font-size:7px}.console-graph{padding:9px 10px 5px;margin-top:8px}.graph-label span:first-child{font-size:9px}.line-graph{height:89px}.console-events{margin-top:6px}.console-events>div{height:24px;font-size:8px;gap:5px}.console-events time{font-size:7px}.floating-one{right:0;top:20px}.floating-two{left:0;bottom:3px}.floating-label{gap:6px;padding:7px 9px;border-radius:8px}.floating-label b{font-size:9px}.floating-label small{font-size:7px}.floating-icon{width:25px;height:25px}.floating-icon .icon{width:15px}.pulse-circle{width:16px;height:16px}.float-bars{height:20px}.hero-bottom{height:65px;gap:10px}.hero-bottom>span{font-size:8px;letter-spacing:.7px}.hero-bottom a{font-size:9px}.hero-bottom a span{margin-left:2px}.statement.section-pad{padding:25px 0}.statement-grid>p{font-size:12px}.statement-items{gap:10px}.statement-items>div{padding-left:9px}.statement-items>div>span:last-child{font-size:10px}.section-pad{padding:72px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.center-heading h2{font-size:35px;letter-spacing:-1.6px}.section-heading>p{font-size:12px;margin-top:17px;max-width:500px}.kicker{font-size:9px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-wide,.feature-card:not(.feature-wide){grid-column:auto}.feature-card{min-height:245px;padding:24px}.feature-wide{min-height:380px;display:block;padding:24px}.feature-wide h3{font-size:23px}.feature-illustration{position:absolute;right:10px;bottom:-19px;transform:scale(.7);transform-origin:right bottom}.feature-wide .feature-content{max-width:90%}.feature-content p{max-width:285px}.feature-card:not(.feature-wide){padding:23px}.feature-card:not(.feature-wide) p{max-width:320px;font-size:13px}.feature-card h3{font-size:20px}.features-note{text-align:left;font-size:10px}.center-heading{margin-bottom:32px}.center-heading>p{font-size:12px}.dashboard-wrap{width:calc(100% + 18px);margin-left:-9px}.dashboard-app{display:block;border-radius:12px;min-height:auto}.app-sidebar{display:none}.app-head{padding:0 12px;min-height:48px}.app-top-right{gap:8px}.app-top-right>span:first-child{display:none}.app-breadcrumb{font-size:10px}.app-content{padding:12px}.app-title-row h3{font-size:19px}.app-title-tag{font-size:8px}.app-title-row p{font-size:10px}.app-date{font-size:8px;padding:5px 6px}.app-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}.app-stats>div{min-height:91px;padding:9px}.app-stats span{font-size:9px}.app-stats strong{font-size:21px}.app-stats small{font-size:8px}.app-panels{grid-template-columns:1fr;gap:9px;margin-bottom:9px}.traffic-chart svg,.chart-y{height:135px}.threats-panel{display:none}.panel-head{padding:12px 12px 0}.traffic-chart{margin:8px 12px 0}.chart-x{margin:0 12px 11px 48px}.events-panel-header{padding:12px 12px 10px;gap:9px}.event-controls{width:100%}.search-control{flex:1}.event-controls select{max-width:123px}.events-table td{padding:9px 11px}.events-table th{padding:8px 11px}.events-foot{font-size:8px;padding:9px 12px}.events-foot span:last-child{display:none}.preview-footnote{font-size:10px;align-items:flex-start}.preview-footnote .icon{margin-top:2px}.usecase-grid,.roadmap-grid{grid-template-columns:1fr;gap:12px}.usecase{min-height:235px;padding:24px}.usecase-icon{margin-top:18px}.usecase h3{margin-top:11px}.workflow-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.workflow-intro h2{font-size:52px}.workflow-step{grid-template-columns:30px 1fr 24px;gap:12px}.workflow-step h3{font-size:16px}.roadmap-card{min-height:235px}.roadmap-card h3{margin-top:23px}.faq-intro h2{font-size:42px}.faqs summary{font-size:13px;padding:17px 0}.contact-section{padding-top:20px}.contact-shell{border-radius:15px;grid-template-columns:1fr;gap:27px;padding:29px 20px}.contact-copy{padding-top:0}.contact-copy h2{font-size:36px;letter-spacing:-1.7px}.contact-copy>p{font-size:13px}.contact-points{margin-top:22px;gap:9px}.interest-form{padding:18px}.footer-main{grid-template-columns:repeat(2,1fr);gap:30px 20px;padding-bottom:37px}.footer-brand{grid-column:span 2}.footer-col{gap:9px}.footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:9px 20px;font-size:10px}.footer-bottom .footer-by{width:100%}.back-top{margin-left:auto;order:1}.toast{left:12px;right:12px;bottom:12px;max-width:none}}
@media(max-width:370px){.eyebrow{font-size:7px}.hero h1{font-size:44px}.hero-actions .button{font-size:10px;padding:12px}.feature-wide h3{max-width:270px}.metrics .metric strong{font-size:19px}.floating-one{right:3px}.floating-two{left:3px}.hero-visual{height:430px}.console-events>div{font-size:7px}.stat-unit{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important}.floating-label,.visual-halo{animation:none!important}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* full-width data ownership card balances the bento layout */
.feature-card.feature-sovereign{grid-column:span 3;min-height:240px;padding:27px 34px;background:radial-gradient(ellipse at 80% 55%,rgba(36,104,113,.19),transparent 55%),linear-gradient(140deg,#15273c,#101e31)}
.feature-sovereign h3{max-width:520px}.feature-sovereign p{max-width:550px}.feature-sovereign .local-preview{max-width:245px}.sovereign-graphic{position:absolute;right:62px;top:18px;width:340px;height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:radial-gradient(ellipse,rgba(29,101,104,.20),transparent 65%)}.sovereign-graphic:before,.sovereign-graphic:after{content:"";position:absolute;border:1px dashed rgba(83,196,186,.26);border-radius:50%;width:190px;height:190px}.sovereign-graphic:after{width:265px;height:150px;transform:rotate(-22deg);opacity:.55}.sovereign-symbol{position:relative;z-index:1;width:76px;height:76px;display:grid;place-items:center;border:1px solid #3d8c89;background:linear-gradient(145deg,#1a4a56,#10283c);border-radius:23px;box-shadow:0 0 38px rgba(71,203,190,.17)}.sovereign-symbol .icon{width:36px;height:36px;color:#76eada;stroke-width:1.5}.sovereign-stamp,.sovereign-caption{position:relative;z-index:1;color:#83cfcb;letter-spacing:1.8px;font:750 9px Consolas,monospace}.sovereign-caption{font-size:8px;color:#668fa4}.sovereign-caption b{color:#6ae6d3;font-weight:700}
@media(max-width:980px){.feature-card.feature-sovereign{grid-column:span 3}.sovereign-graphic{right:12px;transform:scale(.78);transform-origin:center right}}
@media(max-width:680px){.feature-card.feature-sovereign{grid-column:auto;min-height:254px;padding:23px;background:linear-gradient(150deg,#14233a,#0d1a2b)}.feature-sovereign .sovereign-graphic{display:none}}
body[data-theme="light"] .feature-card.feature-sovereign{background:linear-gradient(140deg,#f6fff9,#e9f4f9)}