@import url('/assets/interiors.css');
:root{--ink:#091524;--navy:#0b192b;--panel:#14263d;--blue:#66c6ff;--orange:#ff813e;--muted:#b0c1d2;--line:#294059;--wp--preset--spacing--70:76px;--wp--preset--spacing--60:52px;--wp--preset--spacing--50:30px;--wp--preset--spacing--40:24px;--wp--preset--spacing--30:16px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:#f4f8ff;font-family:Ubuntu,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.65}a{color:var(--blue);text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;text-wrap:balance;letter-spacing:-.035em}h1{font-size:clamp(42px,4.65vw,70px);font-weight:650}h2{font-size:clamp(30px,3vw,44px);font-weight:650}h3{font-size:23px;font-weight:650}p{color:var(--muted)}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:disabled{cursor:default}.wrap,.alignwide{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:99;background:white;color:black;padding:12px}.header{height:86px;border-bottom:1px solid #ffffff13;background:#091524f2;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:163px;display:block}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:14px;font-weight:600;color:#d4e0ed;text-decoration:none}.nav a:hover{color:white}.nav .nav-cta{border:1px solid #54728d;border-radius:7px;padding:9px 17px;color:white}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:white;border-radius:6px;padding:6px 12px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:var(--blue);margin-bottom:20px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:22px;height:2px;background:var(--orange)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 40%,#0d486b66,transparent 50%);padding:66px 0 36px}.hero:before{content:'';position:absolute;width:440px;height:440px;right:-120px;top:-210px;border-radius:50%;background:#188abd25;filter:blur(75px);animation:drift 10s ease-in-out infinite alternate;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;position:relative}.hero h1{margin-bottom:24px}.hero h1 span{color:var(--blue)}.hero .intro{font-size:18px;max-width:540px;margin-bottom:27px}.button-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:7px;padding:13px 21px;font-size:14px;font-weight:750;text-decoration:none;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#19202c}.secondary{border-color:#405a72;color:white;background:#15253b55}.promise{font-size:12px;margin:17px 0 0;color:#9caec2}.hero-proof{display:flex;gap:34px;border-top:1px solid var(--line);margin-top:34px;padding-top:22px}.hero-proof strong{display:block;font-size:22px;font-weight:650;color:#fff}.hero-proof span{font-size:11px;color:var(--muted)}.spotlight{border:1px solid #355771;border-radius:14px;background:linear-gradient(140deg,#163551,#102036);box-shadow:0 24px 80px #0004;overflow:hidden}.spotlight-top{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid #ffffff12;font-size:12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#74dcbd;margin-right:8px;box-shadow:0 0 12px #74dcbd77}.spotlight-body{padding:25px}.product-label{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:13px;font-weight:700;margin-bottom:17px}.product-label img{width:36px;height:36px;padding:5px;background:#eff5f9;border-radius:8px}.spotlight h2{font-size:31px;max-width:420px;line-height:1.15;margin-bottom:18px}.mini-report{border:1px solid #dfe7ed;border-radius:8px;background:#f3f7fb;color:#24394b;padding:16px;margin:20px 0}.mini-report .report-head{display:flex;justify-content:space-between;font-size:11px;font-weight:750;border-bottom:1px solid #d5e1ea;padding-bottom:11px}.report-row{display:grid;grid-template-columns:72px 1fr 45px;gap:10px;align-items:center;font-size:11px;margin-top:15px}.track{background:#e0e9f2;height:8px;border-radius:4px;overflow:hidden}.bar{display:block;background:#148ccc;height:100%;border-radius:4px;transform-origin:left;animation:grow 1s both}.report-row:nth-child(4) .bar,.report-row:nth-child(5) .bar{background:#f18445}.report-caption{font-size:10px;margin:14px 0 0;color:#586e80}.spotlight a{font-size:13px;font-weight:700;text-decoration:none}.product-tabs{display:flex;gap:0;border-top:1px solid #ffffff15;overflow:auto}.product-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#b8c9dc;padding:14px 6px;font-size:11px;font-weight:650}.product-tabs button[aria-selected=true]{color:white;border-bottom-color:var(--orange);background:#ffffff06}.tab-panel[hidden]{display:none}.hero-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:32px}.service-shortcuts{display:flex;gap:17px;flex-wrap:wrap;align-items:center;font-size:12px}.service-shortcuts span{color:#8096af}.service-shortcuts a{color:#c0cfdf;text-decoration:none}.motion-toggle{border:0;background:none;color:#8fa6bb;font-size:11px;white-space:nowrap;text-decoration:underline}.section{padding:84px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading h2{margin-bottom:0;max-width:620px}.section-heading p{max-width:330px;font-size:15px;margin:0}.section-heading .eyebrow{margin-bottom:15px}.products{background:#f1f5f8;color:#14283d}.products p{color:#52677c}.products .eyebrow{color:#12638e}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.product-card{grid-column:span 2;padding:27px;background:white;border:1px solid #dce5ed;border-radius:10px;color:#19324b;text-decoration:none;transition:transform .25s,box-shadow .25s}.product-card:nth-child(4),.product-card:nth-child(5){grid-column:span 3}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #18334c12}.product-card img{width:44px;height:44px;margin-bottom:21px}.product-card .name{font-size:11px;font-weight:750;color:#187199;letter-spacing:.1em;text-transform:uppercase}.product-card h3{font-size:24px;margin:10px 0 12px}.product-card p{font-size:14px;line-height:1.65;margin-bottom:22px}.text-link{font-size:13px;font-weight:750;color:#12638e}.utilities{margin:24px 0 0!important;font-size:14px;color:#496076}.utilities a{color:#12638e;font-weight:650}.mcp{background:#10263c;position:relative;overflow:hidden}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split p{font-size:16px}.network{position:relative;min-height:300px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.network:before{content:'';position:absolute;inset:30px;background:radial-gradient(ellipse,#007bbb33,transparent 70%)}.network-node{position:relative;padding:25px 20px;border:1px solid #3b566c;background:#142c43;border-radius:10px;font-size:14px;box-shadow:0 10px 30px #0002}.network-node small{display:block;color:#9cb4ca;font-size:11px;margin-top:7px}.network-node.core{grid-row:span 2;background:#0c192a;border-color:#59bfee;color:white;font-size:23px;font-weight:700;min-height:150px;display:flex;flex-direction:column;justify-content:center}.signal{width:32px;height:3px;background:var(--orange);margin-bottom:20px;animation:signal 3s ease-in-out infinite}.services-list{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}.service-row{display:grid;grid-template-columns:38px 1fr 20px;gap:16px;padding:27px 0;border-top:1px solid var(--line);color:white;text-decoration:none}.service-row .index{font-size:12px;color:#6f8aa4;padding-top:4px}.service-row h3{font-size:21px;margin-bottom:10px}.service-row p{font-size:14px;line-height:1.6;margin:0}.service-row:hover h3{color:var(--blue)}.service-row:last-child{grid-column:1/-1}.feature{background:#0f2135}.feature-visual{border:1px solid #3d4a5d;background:#19222e;border-radius:12px;padding:26px;box-shadow:0 25px 60px #0004}.teams-label{font-size:12px;color:#b1aaff}.chat-bubble{margin:22px 0 22px 30%;background:#55509a;color:white;padding:12px 17px;border-radius:10px 10px 0 10px;font-size:13px}.chart-title{font-size:13px;color:#dce5ef}.chart{display:flex;height:145px;align-items:flex-end;gap:15px;padding:15px 8px 0;border-bottom:1px solid #566070}.chart i{flex:1;display:block;background:linear-gradient(#60d6ba,#158f91);height:var(--height);border-radius:3px 3px 0 0;animation:grow 1.2s both;transform-origin:bottom}.feature-visual p{font-size:11px;margin:15px 0 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.principles article{border-top:2px solid #268cbc;padding-top:25px}.principles h3{font-size:23px}.principles p{font-size:15px}.industry-line{border-top:1px solid var(--line);margin-top:45px;padding-top:24px;display:flex;justify-content:space-between;gap:30px;font-size:14px;color:var(--muted)}.industry-line strong{color:white}.closing{padding:58px 0;background:linear-gradient(110deg,#12436a,#12304c)}.closing .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.closing h2{font-size:34px;margin-bottom:12px}.closing p{margin:0}.footer{padding:46px 0 28px;background:#07111e}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-top p{font-size:13px;max-width:400px}.footer-links{display:flex;gap:24px;font-size:13px}.legal{border-top:1px solid #ffffff16;padding-top:22px;margin-top:25px;font-size:10px;color:#7f94a9}.copyright{font-size:11px;color:#93a6ba}.breadcrumb{padding:25px 0;font-size:12px}.interior .alignwide{max-width:1200px}.interior .wp-block-group.alignfull>.alignwide{width:min(1200px,calc(100% - 64px))}.interior .ytbe-h2{font-weight:650}.interior .ytbe-card b{font-weight:650}.interior .ytbe-btn{background:var(--orange);color:#172333}.interior .ytbe-hero2 h1{font-size:clamp(38px,4.5vw,62px)}.interior .ytbe-hero2 h1 .ac{color:var(--blue)}.interior .ytbe-frame{display:none}.interior .ytbe-hero2:has(.ytbe-frame){grid-template-columns:1fr}.interior .ytbe-hero2 p.lead{max-width:760px}.interior .ytbe-apps svg{max-height:46px}.interior .wp-block-columns{display:flex;gap:28px}.interior .wp-block-column{flex:1}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-form{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:30px}.contact-form label{display:block;font-size:13px;margin-bottom:16px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #4c657d;background:#0d1b2c;border-radius:5px;color:white}.contact-form textarea{min-height:135px}.form-note{font-size:12px;margin-top:15px}.demo-links{display:flex;gap:14px;flex-wrap:wrap}.demo-links a{padding:7px 12px;border:1px solid var(--line);border-radius:5px;font-size:12px}.demo-sample{font-size:11px;color:#8eabc1;margin-bottom:10px}.motion-paused *,.motion-paused *:before{animation-play-state:paused!important}.motion-paused .reveal{transform:none!important;opacity:1!important}@keyframes drift{to{transform:translate(-160px,160px)}}@keyframes signal{50%{width:70px;opacity:.5}}@keyframes grow{from{transform:scale(.3);opacity:.3}to{transform:scale(1);opacity:1}}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:42px}}@media(max-width:1000px){.hero-grid{gap:32px}.hero h1{font-size:48px}.hero-proof{gap:23px}.split{gap:40px}.nav{gap:19px}.product-card{grid-column:span 3}.product-card:last-child{grid-column:span 6}.contact-layout{gap:35px}}
@media(max-width:760px){.wrap,.alignwide{width:calc(100% - 40px)}.header{height:72px}.logo{width:135px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;background:#0e2034;padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:8px}.hero{padding-top:38px}.hero-grid,.split,.contact-layout{grid-template-columns:1fr;gap:34px}.hero h1{font-size:44px;max-width:560px}.hero .intro{font-size:16px}.hero-proof{margin-top:25px;justify-content:flex-start;gap:35px}.hero-proof strong{font-size:20px}.hero-bottom{align-items:flex-start}.service-shortcuts{gap:9px 16px}.service-shortcuts span{width:100%}.spotlight-body{padding:22px}.spotlight h2{font-size:29px}.section{padding:55px 0}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin-top:18px;max-width:none}.product-grid{grid-template-columns:1fr}.product-card,.product-card:nth-child(4),.product-card:nth-child(5),.product-card:last-child{grid-column:auto;padding:23px}.product-card img{float:right;margin:0 0 12px 14px}.product-card h3{font-size:23px;max-width:260px}.product-card p{margin-bottom:15px}.services-list,.principles{grid-template-columns:1fr}.principles{gap:27px}.service-row:last-child{grid-column:auto}.industry-line,.closing .wrap,.footer-top{flex-direction:column;align-items:flex-start}.closing .wrap{gap:24px}.footer-links{flex-wrap:wrap}.network{min-height:250px;gap:14px}.network-node{padding:20px 15px}.interior .wp-block-group.alignfull>.alignwide{width:calc(100% - 40px)}.interior .wp-block-columns{display:block}.interior .ytbe-cards,.interior .ytbe-cards.two,.interior .ytbe-cards.four,.interior .ytbe-steps,.interior .ytbe-steps.three,.interior .ytbe-split,.interior .ytbe-hero2{grid-template-columns:1fr}.contact-form{padding:23px}.interior .ytbe-band{flex-direction:column;align-items:flex-start}.interior .ytbe-apps{flex-wrap:wrap}.interior .ytbe-apps a{min-width:120px}.interior .ytbe-visual{min-height:0}.interior{--wp--preset--spacing--70:48px;--wp--preset--spacing--60:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none}}
/* Give the existing product demos room to show their real interfaces. */
.hero-grid{grid-template-columns:.85fr 1.15fr;gap:40px}.hero h1{font-size:clamp(42px,4.2vw,62px)}.spotlight-body{padding:22px}.spotlight h2{font-size:27px;margin-bottom:18px}.homepage-demo{margin:18px 0 22px;min-width:0}.homepage-demo>*{display:block;min-width:0}.feature .split{grid-template-columns:1.3fr .8fr;gap:48px}.feature-visual.real-demo{padding:0;background:transparent;border:0;box-shadow:none;min-width:0}.feature-visual.real-demo>*{display:block}.spotlight{min-width:0}.hero-grid>*{min-width:0}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-grid>div:first-child{max-width:730px}.spotlight{width:100%}.feature .split{grid-template-columns:1fr}.spotlight-body{padding:24px}.hero h1{max-width:650px}}
@media(max-width:760px){.spotlight-body{padding:14px}.spotlight h2{font-size:26px}.hero h1{font-size:44px}.homepage-demo{margin-bottom:16px}.feature .split{gap:30px}}

/* Light sky hero and stills captured from the existing product demos. */
.hero{background:radial-gradient(ellipse at 90% 10%,#8bcefa80,transparent 57%),linear-gradient(135deg,#f2f9ff 0%,#d9edfb 50%,#b7ddf6 100%);color:#112e49}
.hero h1 span{color:#0879b4}.hero .eyebrow{color:#17648e}.hero .intro{color:#405f77}.hero .promise{color:#536d80}.hero .secondary{color:#193e5a;background:#ffffff70;border-color:#89b1cc}.hero-proof{border-color:#9abbd266}.hero-proof strong{color:#143851}.hero-proof span{color:#4b6980}.hero .service-shortcuts span{color:#506d83}.hero .service-shortcuts a,.hero .motion-toggle{color:#204e6d}
.spotlight{color:#f4f8ff;box-shadow:0 24px 65px #23557828}.product-screen{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:7px;background:#edf2f6;margin:20px -8px 22px;border:1px solid #ffffff35}.product-screen img{display:block;width:135%;max-width:none;height:auto;transform:translate(-3%,-5%)}.screen-gridline img{transform:translate(-3%,-17%)}.screen-divvy img{transform:translate(-13%,-8%)}.screen-lexicon img{transform:translate(-2%,-10%)}
.feature-gallery{min-width:0;border:1px solid #40566d;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px #0004;background:#191919}.feature-frames{position:relative;aspect-ratio:1.24;overflow:hidden}.feature-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity 1s ease}.feature-shot.active{opacity:1}.feature-controls{display:flex;background:#102338;border-top:1px solid #33495d}.feature-controls button{background:transparent;border:0;border-bottom:2px solid transparent;color:#a8bdd0;font-size:11px;padding:14px 10px;flex:1}.feature-controls button[aria-pressed=true]{color:white;border-bottom-color:#ff813e}.feature-controls .gallery-pause{flex:0 0 38px}.motion-paused .feature-shot{transition:none}
@media(max-width:760px){.hero-bottom{flex-wrap:wrap}.feature-controls button{padding:12px 5px;font-size:10px}.product-screen{margin-inline:0}}

/* Let the product screen lead, with minimal framing. */
.hero-grid{grid-template-columns:.8fr 1.2fr;gap:54px}.spotlight{border:0;border-radius:0;background:none;box-shadow:none;color:#15394f;overflow:visible}.spotlight-body{padding:0}.product-screen{margin:0;aspect-ratio:1.38;border-radius:8px;border:1px solid #7fabc380;box-shadow:0 28px 55px #25547525;background:white}.product-screen img{width:132%;transform:translate(0,-3%)}.screen-gridline img{transform:translate(0,-16%)}.screen-divvy img{transform:translate(-11%,-7%)}.screen-lexicon img{transform:translate(0,-9%)}.screen-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;color:#375d77;font-size:12px}.screen-caption a{color:#155e87;white-space:nowrap;font-size:12px}.screen-caption span{max-width:270px}.product-tabs{border-top:1px solid #81aec755;gap:12px}.product-tabs button{color:#3b647d;font-size:13px;padding:15px 4px;background:none}.product-tabs button[aria-selected=true]{color:#113c56;background:none;border-bottom-color:#0879b4}.hero h1{font-weight:600}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:40px}.product-screen{aspect-ratio:1.7}}
@media(max-width:760px){.product-screen{aspect-ratio:1.35}.screen-caption{align-items:flex-start;font-size:11px}.screen-caption a{font-size:11px}.product-tabs{gap:3px}.product-tabs button{font-size:11px}.hero h1{font-size:43px}}

/* Navy introduction followed by a bold, full-width blue product stage. */
.hero{background:#0d1b2c;padding:48px 0 0;color:#f4f8ff}.hero:before{display:none}.hero>.wrap{width:100%}.hero-grid{display:block}.hero-grid>div:first-child{width:min(1000px,calc(100% - 40px));max-width:none;margin:0 auto;text-align:center;padding-bottom:40px}.hero .eyebrow{color:#66c6ff;justify-content:center}.hero h1{font-size:clamp(36px,3.8vw,58px);max-width:1000px;margin:0 auto 22px}.hero h1 span{color:#13a4e5}.hero .intro{color:#c4d4e3;max-width:690px;margin:0 auto 24px}.hero .button-row{justify-content:center}.hero .secondary{color:#e4eff8;background:transparent;border-color:#405a72}.hero .promise{color:#99aec0}.hero-proof{display:none}.spotlight{background:linear-gradient(115deg,#0089c9 0%,#056aa3 52%,#073859 100%);padding:40px max(32px,calc((100vw - 1200px)/2)) 0;color:white;overflow:hidden}.spotlight-body{display:grid;grid-template-columns:.7fr 1.3fr;gap:54px;align-items:center}.spotlight-copy{padding:24px 0}.spotlight-copy .eyebrow{justify-content:flex-start;color:#d8f2ff;font-size:11px}.spotlight-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.13;max-width:410px;font-weight:550;margin-bottom:22px}.spotlight-copy p{color:#e0f3ff;font-size:16px;max-width:390px}.spotlight-copy a{color:white;display:inline-block;margin-top:10px}.product-screen{aspect-ratio:1.35;min-width:0;border:1px solid #d2eafb77;box-shadow:0 25px 50px #00274350;border-radius:7px 7px 0 0}.product-screen img{width:132%;transform:translate(0,-3%)}.screen-gridline img{transform:translate(0,-16%)}.screen-divvy img{transform:translate(-11%,-7%)}.screen-lexicon img{transform:translate(0,-9%)}.product-tabs{max-width:680px;margin:24px auto 0;border-top:0;gap:20px}.product-tabs button{color:#c5e5f5;padding:17px 6px}.product-tabs button[aria-selected=true]{color:white;border-bottom-color:#fff}.hero-bottom{padding:17px max(32px,calc((100vw - 1200px)/2));margin:0;background:#0c1a2b}.hero .service-shortcuts span{color:#8ca5b9}.hero .service-shortcuts a,.hero .motion-toggle{color:#b5cfe1}
@media(max-width:1000px){.spotlight-body{gap:30px;grid-template-columns:.75fr 1.25fr}.spotlight{padding-inline:32px}.product-screen{aspect-ratio:1.15}.hero h1{max-width:850px}}
@media(max-width:760px){.hero{padding-top:35px}.hero h1{font-size:39px}.hero-grid>div:first-child{padding-bottom:30px}.spotlight{padding:28px 20px 0}.spotlight-body{grid-template-columns:1fr;gap:23px}.spotlight-copy{padding:0}.spotlight-copy h2{font-size:33px;margin-bottom:14px}.spotlight-copy p{font-size:14px;margin-bottom:10px}.spotlight-copy .eyebrow{margin-bottom:13px}.product-screen{aspect-ratio:1.4}.product-tabs{gap:5px;margin-top:12px}.hero-bottom{padding:18px 20px}.hero .intro{font-size:16px}}

.hero-bottom{justify-content:flex-end;padding-block:6px}.hero .button-row{margin-top:10px}.hero .intro{font-size:17px}.spotlight-copy .eyebrow:before{display:none}

.flashpoint-brand{display:block;width:64px;height:64px;margin:0 0 24px}

/* A continuous hero canvas, with the product extending beyond the text grid. */
.hero{padding:70px 0 22px;background:radial-gradient(ellipse at 85% 38%,#087cba88,transparent 62%),linear-gradient(110deg,#10253b 18%,#075c91 100%)}.hero>.wrap{width:min(1320px,calc(100% - 64px))}.hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.hero-grid>div:first-child{width:auto;margin:0;padding:0;text-align:left;position:relative;z-index:2}.hero .eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:.13em}.hero h1{font-size:clamp(42px,4.3vw,64px);line-height:1.06;max-width:510px;margin:0 0 25px;letter-spacing:-.045em}.hero h1 span{color:#6bceff}.hero .intro{max-width:440px;margin:0 0 28px;font-size:17px;color:#bdd7e9}.hero .button-row{justify-content:flex-start}.spotlight{padding:0;background:none;overflow:visible;min-width:0}.spotlight-body{display:block}.product-screen{width:calc(100% + min(15vw,260px));height:490px;aspect-ratio:auto;border:0;border-radius:0;background:none;box-shadow:none;mask-image:linear-gradient(to right,transparent,#000 6%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 86%,transparent)}.product-screen img{width:112%;transform:translate(0,-3%);border-radius:8px;min-height:100%;object-fit:cover;object-position:top}.screen-gridline img{transform:translate(0,-16%)}.screen-divvy img{transform:translate(-9%,-7%)}.screen-lexicon img{transform:translate(0,-9%)}.screen-caption{color:#bfdbed;margin:17px 0 0;font-size:11px;gap:18px}.screen-caption span{max-width:350px}.screen-caption a{color:#d3efff;font-size:11px}.product-tabs{margin:16px 0 0;gap:15px;max-width:590px;border-top:1px solid #b2d9ee30}.product-tabs button{font-size:12px;padding:13px 4px}.product-tabs button[aria-selected=true]{border-bottom-color:#64ceff}.hero-bottom{background:none;padding:20px 0 0}.hero .motion-toggle{color:#a6ccdf}
/* Layer the actual FlashpointBI screens, keeping one focal surface readable. */
.feature{overflow:hidden}.feature .split{grid-template-columns:1.5fr .8fr;gap:65px}.feature-gallery{overflow:visible;border:0;background:none;box-shadow:none}.feature-frames{aspect-ratio:1.45;overflow:visible;isolation:isolate}.feature-backdrop{position:absolute;width:122%;max-width:none;height:100%;object-fit:cover;object-position:top;left:-18%;top:0;opacity:.44;mask-image:linear-gradient(to right,transparent,#000 20%,#000 72%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%,#000 72%,transparent)}.feature-shot{inset:6% auto auto 12%;width:86%;height:88%;object-fit:cover;object-position:top;border:1px solid #64748365;border-radius:10px;box-shadow:0 26px 55px #0008;opacity:0;transform:translate(25px,18px) scale(.96);transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}.feature-shot.active{opacity:1;transform:translate(0,0) scale(1)}.feature-controls{background:none;border-top:1px solid #4c678044;margin-top:22px}.feature-controls button{font-size:11px}.feature-frames:after{content:'';position:absolute;inset:auto -25% -8% -25%;height:18%;background:linear-gradient(transparent,#0f2135);pointer-events:none}
@media(max-width:1000px){.hero-grid{grid-template-columns:.85fr 1.15fr;gap:25px}.hero h1{font-size:46px}.product-screen{height:420px;width:calc(100% + 12vw)}.feature .split{gap:35px}.hero .intro{font-size:15px}}
@media(max-width:760px){.hero{padding:38px 0 15px}.hero>.wrap{width:calc(100% - 40px)}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-grid>div:first-child{padding:0;max-width:550px}.hero h1{font-size:43px;max-width:490px}.hero .intro{font-size:16px}.product-screen{height:330px;width:calc(100% + 40px);margin-left:-20px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 94%,transparent)}.screen-caption{font-size:10px}.screen-caption a{font-size:10px}.product-tabs{gap:5px}.product-tabs button{font-size:11px}.feature .split{grid-template-columns:1fr;gap:35px}.feature-gallery{order:2}.feature-frames{aspect-ratio:1.25}.feature-shot{left:6%;width:92%}.feature-backdrop{left:-10%;width:120%}}
@media(prefers-reduced-motion:reduce){.feature-shot{transition:none;transform:none}}
/* Full-bleed hero product screen; the layered FlashpointBI treatment stays separate. */
.hero .product-screen{width:calc(100% + max(32px,(100vw - 1320px)/2));height:530px;mask-image:none;-webkit-mask-image:none;border-radius:8px 0 0 8px;background:#f1f5f8;box-shadow:0 22px 55px #00162940;border:1px solid #c5e6f655;border-right:0}.hero .product-screen img{width:112%;border-radius:0}.hero .spotlight{overflow:visible}
@media(max-width:1000px){.hero .product-screen{height:460px;width:calc(100% + 32px)}}
@media(max-width:760px){.hero .product-screen{height:330px;width:calc(100% + 20px);margin-left:0;border-radius:6px 0 0 6px}}
/* Flush screenshot to the hero floor, with no caption or navigation beneath. */
.hero{padding-bottom:0}.hero .screen-caption,.hero .product-tabs,.hero-bottom{display:none}.hero-grid{align-items:stretch}.hero-grid>div:first-child{align-self:center;padding-bottom:60px}.hero .spotlight,.hero .spotlight-body{height:100%}.hero .product-screen{height:620px;margin:0;border-bottom:0;border-radius:8px 0 0 0}.hero .product-screen img{min-height:100%}
@media(max-width:1000px){.hero .product-screen{height:550px}.hero-grid>div:first-child{padding-bottom:45px}}
@media(max-width:760px){.hero-grid>div:first-child{padding-bottom:0}.hero .product-screen{height:380px}.hero .spotlight{margin-bottom:0}}
/* Trial placement: a quiet product selector above the full-bleed screen. */
.hero .spotlight{display:flex;flex-direction:column}.hero .product-tabs{display:flex;order:-1;margin:0 0 18px;border:0;max-width:590px;gap:18px}.hero .product-tabs button{padding:0 5px 12px;font-size:12px}.hero .spotlight-body{height:auto}.hero .product-screen{height:580px}.hero-grid>div:first-child{padding-bottom:20px}
@media(max-width:1000px){.hero .product-screen{height:510px}.hero .product-tabs{gap:8px}}
@media(max-width:760px){.hero .product-screen{height:380px}.hero .product-tabs{gap:4px;margin-bottom:14px}.hero .product-tabs button{font-size:11px}.hero-grid>div:first-child{padding-bottom:0}}

.hero .screen-costlens img{width:112%;transform:none;min-height:0}
/* Preserve the two-column gutter in the divider above the full-width IT row. */
.service-row:last-child{border-top:0;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:calc((100% - 56px)/2) 1px;background-position:left top,right top;background-repeat:no-repeat}
@media(max-width:760px){.service-row:last-child{border-top:1px solid var(--line);background:none}}
/* Match the original site's image sizing rather than enlarging the capture. */
.hero .screen-costlens img{width:100%;height:100%;object-fit:cover;object-position:left top;transform:none;min-height:0}
/* Richer YTBE blues, with a dark reading area and a saturated product backdrop. */
.hero{background:linear-gradient(108deg,#0d2035 0%,#103049 27%,#00629e 58%,#0083ca 100%)}.hero h1 span{color:#0099dc}.hero .eyebrow{color:#61b9e5}.eyebrow:before{display:none}.eyebrow{letter-spacing:.105em;font-weight:650}.hero .eyebrow{letter-spacing:.105em}
/* Original-site endpoints, joined horizontally across one uninterrupted hero. */
.hero{background:linear-gradient(90deg,#0e1a2b 0%,#0e1a2b 27%,#0c2842 40%,#084c77 54%,#036aa5 68%,#0083ca 84%,#0083ca 100%)}
/* One shared content grid, aligned with the hero headline. */
.wrap,.alignwide{width:min(1320px,calc(100% - 64px))}.header{border-bottom:1px solid #4b789b66;box-shadow:0 5px 18px #00000015}.interior .alignwide{max-width:1320px}.interior .wp-block-group.alignfull>.alignwide{width:min(1320px,calc(100% - 64px))}.services-list{column-gap:64px}.service-row:last-child{background-size:calc((100% - 64px)/2) 1px}.principles{gap:48px}.product-grid{gap:22px}
@media(max-width:760px){.wrap,.alignwide,.interior .wp-block-group.alignfull>.alignwide{width:calc(100% - 40px)}.principles{gap:27px}.product-grid{gap:18px}}

/* Synchronized featured-product stories and full-bleed screenshots. */
.hero{padding-top:28px}.hero-grid{align-items:stretch}.hero-grid>div:first-child{padding:24px 0 32px;align-self:center}.hero h1{font-size:clamp(39px,3.8vw,56px);margin-bottom:20px}.hero .intro{font-size:15px;margin-bottom:22px;max-width:425px}.hero .eyebrow{margin-bottom:17px}.hero .spotlight{display:grid;min-height:640px}.hero-product-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 0s linear 1.2s;pointer-events:none}.hero-product-slide.active{opacity:1;visibility:visible;transition:opacity 1.2s ease;pointer-events:auto}.hero .product-screen{height:100%;min-height:640px}.featured-stories{display:grid;margin-top:30px;padding-top:22px;border-top:1px solid #8fbcd52e;max-width:445px}.featured-story{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 0s linear 1.2s}.featured-story.active{opacity:1;visibility:visible;transition:opacity 1.2s ease}.featured-label{font-size:10px!important;letter-spacing:.11em;text-transform:uppercase;color:#74c5ed!important;margin-bottom:11px!important}.featured-story h2{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin-bottom:10px}.featured-story p{font-size:13px;line-height:1.65;color:#b6cddd;margin-bottom:13px;max-width:405px}.featured-story a{font-size:12px;font-weight:650;color:#edf7ff;text-decoration:none}.featured-controls{display:flex;align-items:center;gap:13px;margin-top:17px}.featured-counter{font-size:10px;color:#85a9c1;margin-right:7px;letter-spacing:.1em}.featured-controls button{border:0;background:none;color:#a8c7dd;padding:3px 6px;font-size:16px}.featured-controls button:hover{color:white}.featured-controls .featured-pause{font-size:11px}
@media(max-width:1000px){.hero .spotlight{min-height:660px}.hero .product-screen{min-height:660px}.hero h1{font-size:43px}.featured-story h2{font-size:23px}}
@media(max-width:760px){.hero{padding-top:15px}.hero-grid{gap:18px}.hero-grid>div:first-child{padding:16px 0 5px}.hero h1{font-size:41px}.featured-stories{margin-top:25px}.hero .spotlight{min-height:380px}.hero .product-screen{height:380px;min-height:380px}.featured-story h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hero-product-slide,.featured-story{transition:none!important}}
/* Slow background movement adds depth without competing with the foreground. */
.feature-backdrop{animation:dashboard-pan 26s ease-in-out infinite alternate;transform-origin:center}.feature-gallery.is-paused .feature-backdrop{animation-play-state:paused}.feature-gallery.is-paused .feature-shot{transition:none}@keyframes dashboard-pan{from{transform:translate(-12px,8px) scale(1.025)}to{transform:translate(24px,-10px) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.feature-backdrop{animation:none;transform:none}}
/* Keep the featured story within a compact desktop hero. */
.hero{padding-top:20px}.hero-grid>div:first-child{padding:12px 0 20px}.hero h1{font-size:clamp(38px,3.3vw,49px);margin-bottom:15px;max-width:510px}.hero .eyebrow{margin-bottom:13px}.hero .intro{font-size:14px;line-height:1.6;margin-bottom:16px}.hero .button{padding:10px 17px;font-size:13px}.featured-stories{margin-top:20px;padding-top:15px}.featured-story h2{font-size:22px;margin-bottom:7px}.featured-story p{font-size:12px;line-height:1.5;margin-bottom:9px}.featured-label{margin-bottom:8px!important}.featured-controls{margin-top:10px}.hero .spotlight{min-height:540px}.hero .product-screen{min-height:540px}
@media(min-width:761px) and (max-width:1000px){.hero h1{font-size:38px}.hero .spotlight,.hero .product-screen{min-height:570px}.featured-story h2{font-size:21px}}
@media(max-width:760px){.hero h1{font-size:39px}.hero .spotlight{min-height:330px}.hero .product-screen{height:330px;min-height:330px}.hero-grid>div:first-child{padding:10px 0 0}.featured-stories{margin-top:18px}}

/* Restore YTBE's industry experience and engineering differentiation. */
.industries{background:#f0f5f9;color:#132e46}.industries .eyebrow{color:#12638e}.industries p{color:#536b7f}.industry-challenges{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.industry-challenges article{border-top:1px solid #b9cddd;padding-top:24px}.industry-challenges article>span{font-size:11px;color:#087db7;display:block;margin-bottom:19px}.industry-challenges h3{font-size:23px;line-height:1.2;font-weight:550}.industry-challenges p{font-size:14px;line-height:1.7}.why-ytbe .section-heading h2{max-width:830px;font-size:clamp(30px,3vw,43px)}.difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px}.difference-grid article{border-top:1px solid var(--line);padding-top:25px}.difference-grid h3{font-size:23px;font-weight:550}.difference-grid p{font-size:15px;max-width:560px}.experience-band{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;align-items:center;border-top:1px solid #31506b;margin-top:45px;padding-top:35px}.experience-band>p{font-size:25px;line-height:1.3;color:white;margin:0}.experience-band strong{display:block;color:#149fdf;font-size:54px;font-weight:550;line-height:1.1;letter-spacing:-.04em}.experience-band span{display:block;margin-top:8px;color:#bad0e2;font-size:13px}.nav .nav-cta{background:#008bcf;border-color:#008bcf;color:white;padding:10px 20px}.nav .nav-cta:hover{background:#00a1e9;border-color:#00a1e9}.closing .button{background:#008fd3;color:white}.closing .button:hover{background:#00a2e8}
@media(max-width:1000px){.industry-challenges{grid-template-columns:1fr 1fr}.experience-band{gap:30px}}
@media(max-width:760px){.industry-challenges,.difference-grid{grid-template-columns:1fr;gap:22px}.experience-band{grid-template-columns:1fr 1fr;gap:25px}.experience-band>p{grid-column:1/-1}.experience-band strong{font-size:44px}}
/* Constrain grid tracks so tall source images cannot enlarge the hero. */
.hero .spotlight{height:540px;min-height:0;grid-template-rows:minmax(0,1fr)}.hero-product-slide{height:100%;min-height:0}.hero .product-screen{height:540px;min-height:0}.hero .product-screen img{min-height:0}
@media(min-width:761px) and (max-width:1000px){.hero .spotlight,.hero .product-screen{height:570px;min-height:0}}
@media(max-width:760px){.hero .spotlight,.hero .product-screen{height:330px;min-height:0}}
.feature-controls{position:relative;z-index:2}.feature-frames:after{bottom:0}
/* Readable foreground controls, clear of the decorative fade. */
.feature-controls{position:relative;z-index:3;background:#10283e;border:1px solid #36536d;border-radius:8px;overflow:hidden;margin-top:24px}.feature-controls button{font-size:14px;font-weight:600;color:#d5e5f2;padding:15px 12px;line-height:1.4;min-height:52px}.feature-controls button[aria-pressed=true]{background:#1d4563;color:#fff;border-bottom-color:#48bfff}.feature-controls button:hover{background:#1b3a54;color:#fff}.feature-controls .gallery-pause{flex-basis:46px;font-size:15px}
@media(max-width:760px){.feature-controls button{font-size:12px;padding:13px 7px}.feature-controls .gallery-pause{flex-basis:38px}}
/* Controls form the foreground window's lower chrome. */
.feature-frames:after{display:none}.feature-gallery{position:relative}.feature-shot{height:88%;border-radius:10px 10px 0 0;border-bottom:0}.feature-controls{width:86%;margin:-4.2% 0 0 12%;border:1px solid #64748365;border-top:1px solid #ffffff14;border-radius:0 0 10px 10px;background:#202429;box-shadow:0 18px 35px #0003;z-index:4}.feature-controls button{font-size:12px;font-weight:500;color:#c3cbd3;min-height:46px;padding:12px 10px;border-bottom:0;position:relative}.feature-controls button[aria-pressed=true]{background:#ffffff06;color:white;border-bottom:0}.feature-controls button[data-slide][aria-pressed=true]:after{content:'';position:absolute;bottom:7px;left:24%;right:24%;height:2px;background:#7ea8c8}.feature-controls button:hover{background:#ffffff08}.feature-controls .gallery-pause{font-size:0;flex-basis:42px;border-left:1px solid #ffffff12}.gallery-pause:before{content:'';display:inline-block;width:10px;height:12px;border-left:3px solid #e5edf5;border-right:3px solid #e5edf5;box-sizing:border-box}.gallery-pause[aria-pressed=true]:before{width:0;height:0;border:0;border-left:9px solid #e5edf5;border-top:6px solid transparent;border-bottom:6px solid transparent}
@media(max-width:760px){.feature-controls{width:92%;margin-left:6%;margin-top:-4.2%}.feature-controls button{font-size:11px;padding:12px 5px}.feature-controls .gallery-pause{flex-basis:34px}}
/* Keep the industry introduction together as one readable block. */
.industries .section-heading{display:block;max-width:850px;margin-bottom:38px}.industries .section-heading>p{max-width:720px;margin:18px 0 0;font-size:17px;line-height:1.6;text-wrap:pretty}.industries .section-heading h2{max-width:820px}
/* Quiet navigation within the website section, separate from the product UI. */
.feature-shot{border:1px solid #64748365;border-radius:10px}.feature-controls{width:86%;margin:20px 0 0 12%;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;gap:20px;align-items:center}.feature-controls button{flex:0 1 auto;background:none!important;padding:10px 0;min-height:44px;color:#b8cddd;font-size:13px;font-weight:500;border:0}.feature-controls button[data-slide][aria-pressed=true]{color:#fff}.feature-controls button[data-slide][aria-pressed=true]:after{left:0;right:0;bottom:3px;background:#62b7e1;height:1px}.feature-controls button:hover{color:white}.feature-controls .gallery-pause{margin-left:auto;flex:0 0 34px;border-left:0;font-size:0}.feature-frames:after{display:block;bottom:0}
@media(max-width:760px){.industries .section-heading>p{font-size:16px;max-width:36ch}.feature-controls{width:100%;margin-left:0;gap:15px}.feature-controls button{font-size:12px}.feature-controls .gallery-pause{flex-basis:28px}}
/* The fifth service follows the same left-column geometry as services one and three. */
.service-row:last-child{grid-column:1;border-top:1px solid var(--line);background:none}
/* Match the hero playback control to the clear FlashpointBI icon. */
.featured-controls .featured-pause{font-size:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}.featured-pause:before{content:'';display:block;width:10px;height:12px;border-left:3px solid #d9eaf5;border-right:3px solid #d9eaf5;box-sizing:border-box}.featured-pause[aria-pressed=true]:before{width:0;height:0;border:0;border-left:9px solid #d9eaf5;border-top:6px solid transparent;border-bottom:6px solid transparent}
.feature-controls{margin-top:30px}
/* Let the background dashboard bleed to the page edge, then dissolve into the section. */
.feature-backdrop{left:calc(-1 * max(32px,(100vw - 1320px)/2));width:calc(100% + max(32px,(100vw - 1320px)/2));max-width:none;height:112%;top:-6%;object-fit:cover;object-position:left top;opacity:.36;mask-image:linear-gradient(to right,#000 0%,#000 43%,rgba(0,0,0,.7) 64%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 43%,rgba(0,0,0,.7) 64%,transparent 100%)}
@media(max-width:760px){.feature-backdrop{left:-20px;width:calc(100% + 40px);height:110%;top:-5%}}
/* A full-height, angled backdrop belongs to the section, not its foreground panel. */
.feature{position:relative;isolation:isolate}.feature>.wrap{position:relative;z-index:1}.feature-background{position:absolute;inset:0 auto 0 0;width:62%;overflow:hidden;z-index:0;pointer-events:none;mask-image:linear-gradient(to right,#000 0%,#000 36%,rgba(0,0,0,.65) 64%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 36%,rgba(0,0,0,.65) 64%,transparent 100%)}.feature-background .feature-backdrop{left:-20%;top:-35%;width:150%;height:170%;object-fit:cover;object-position:center;opacity:.32;mask-image:none;-webkit-mask-image:none;transform-origin:center;animation:angled-dashboard-pan 30s ease-in-out infinite alternate}.feature.is-paused .feature-backdrop{animation-play-state:paused}@keyframes angled-dashboard-pan{from{transform:rotate(-30deg) scale(1.12) translate(-8px,8px)}to{transform:rotate(-30deg) scale(1.16) translate(16px,-10px)}}
@media(max-width:760px){.feature-background{width:100%;opacity:.65}}
@media(prefers-reduced-motion:reduce){.feature-background .feature-backdrop{animation:none;transform:rotate(-30deg) scale(1.12)}}
/* A tighter FlashpointBI section while preserving the full-height background. */
.feature{padding:48px 0}.feature-frames{aspect-ratio:1.7}.feature-controls{margin-top:20px}.feature .flashpoint-brand{width:54px;height:54px;margin-bottom:18px}.feature .eyebrow{margin-bottom:15px}.feature h2{margin-bottom:20px}
@media(max-width:760px){.feature{padding:38px 0}.feature-frames{aspect-ratio:1.4}.feature .split{gap:24px}}
/* Enlarge the foreground demo inside the compact section. */
.feature-shot{left:0;top:0;width:100%;height:100%}.feature-controls{width:100%;margin-left:0;margin-top:20px}.feature .split{grid-template-columns:1.6fr .8fr;gap:54px}
@media(max-width:760px){.feature .split{grid-template-columns:1fr;gap:24px}.feature-shot{left:0;width:100%}.feature-controls{width:100%;margin-left:0}}
/* The section background owns the fade; no foreground overlay may spill into adjacent content. */
.feature-frames:after{display:none;content:none}
/* Tabs belong to the lower edge of the FlashpointBI section. */
.feature{padding-bottom:82px}.feature>.wrap{position:static}.feature-gallery{position:static}.feature-frames,.feature .split>.reveal{position:relative;z-index:1}.feature-controls{position:absolute;left:max(32px,calc((100% - 1320px)/2));bottom:0;width:min(844px,calc((100% - 118px)*.666667));margin:0;gap:6px;align-items:stretch;z-index:3;background:none;border:0;border-radius:0}.feature-controls button[data-slide]{flex:1;min-height:53px;padding:16px 12px;border:1px solid #52738e66;border-bottom:0;border-radius:7px 7px 0 0;background:#142d43!important;color:#c8dce9;font-size:13px}.feature-controls button[data-slide][aria-pressed=true]{background:#254a66!important;border-color:#7399b688;color:white}.feature-controls button[data-slide][aria-pressed=true]:after{display:none}.feature-controls button[data-slide]:hover{background:#204159!important}.feature-controls .gallery-pause{align-self:center;margin-left:8px;flex:0 0 34px}
@media(max-width:760px){.feature{padding-bottom:84px}.feature-controls{left:20px;width:calc(100% - 40px);gap:4px}.feature-controls button[data-slide]{font-size:11px;padding:14px 5px;min-height:50px}.feature-controls .gallery-pause{margin-left:2px;flex-basis:26px}}
/* Translucent tabs: emphasize the selected view without a heavy solid bar. */
.feature-controls button[data-slide]{background:linear-gradient(155deg,#b5dcf00c,#8ec3e904)!important;border-color:#bbdff024;color:#a9bfce;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff09;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.feature-controls button[data-slide][aria-pressed=true]{background:linear-gradient(150deg,#c0e6ff38,#75b9e21a)!important;border-color:#c2e5fa70;color:#f5fbff;box-shadow:inset 0 1px 0 #ffffff38,0 -5px 24px #5eb5e610}.feature-controls button[data-slide]:hover{background:linear-gradient(150deg,#c0e6ff22,#75b9e20d)!important;border-color:#c2e5fa44;color:#edf7ff}
/* A restrained inner shadow separates the hero screen from the pale section below. */
.hero .product-screen:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -13px 16px -15px #08233d80,inset 0 1px 0 #ffffff50;z-index:1}
/* Fit the complete FlashpointBI captures without cropping the lower interface. */
.feature-frames{aspect-ratio:1200 / 1096}
.feature-shot{object-fit:contain;object-position:center top;background:#19222e}
/* A soft but visible edge on top of the hero screens, fading upward. */
.hero .product-screen:after{box-shadow:inset 0 -10px 16px -8px #08233d80,inset 0 1px 0 #ffffff50}
/* Balance full-image visibility with a more compact section. */
.feature-frames{aspect-ratio:1.35}
.feature-shot{object-fit:contain;object-position:center;background:#19222e}
/* Fill the foreground frame edge to edge at the compact height. */
.feature-shot{object-fit:cover;object-position:center top}
/* Broader and softer separation at the hero floor. */
.hero .product-screen:after{box-shadow:inset 0 -18px 28px -12px #08233d52,inset 0 1px 0 #ffffff50}
/* More breathing room between the demo and bottom-anchored tabs. */
.feature{padding-bottom:110px}
@media(max-width:760px){.feature{padding-bottom:108px}}
/* A quiet request-and-response sequence through custom MCP tools. */
.network{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;min-height:340px;align-items:center;padding-bottom:45px}
.network:before{inset:0;background:radial-gradient(ellipse,#008bcc20,transparent 70%)}
.network-flow{position:absolute;inset:0;width:100%;height:calc(100% - 45px);overflow:visible;pointer-events:none}
.flow-track{fill:none;stroke:#477491;stroke-width:1}
.flow-request,.flow-response{fill:none;stroke:#77cefa;stroke-width:3;stroke-linecap:round;stroke-dasharray:24 776;stroke-dashoffset:24;animation:mcp-request 8s linear infinite}
.flow-response{stroke:#8cdeca;animation-name:mcp-response}
.network .network-node{min-height:166px;padding:20px 12px;display:flex;flex-direction:column;justify-content:center;font-size:15px;text-align:center;border-radius:9px;animation:mcp-node 8s ease-in-out infinite;animation-delay:1.2s;background:#102b42}
.network .network-node.core{grid-row:auto;font-size:19px;border-color:#416e8b;background:#0c1b2d;animation-delay:2.4s}
.network .network-node:nth-of-type(3){animation-delay:0s}
.network-node small{font-size:11px;line-height:1.5;min-height:33px}
.network-symbol{display:block;margin:0 auto 12px;color:#80cef4;font-size:27px;line-height:1}
.network-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #45627b55;padding-top:17px;font-size:11px;color:#adc7da}
.network-pause{background:none;border:0;color:#c0d9e8;font-size:11px;padding:6px;text-decoration:underline;text-underline-offset:4px}
.network.is-paused *{animation-play-state:paused!important}
@keyframes mcp-request{0%{stroke-dashoffset:24;opacity:0}8%{opacity:1}44%{stroke-dashoffset:-400;opacity:1}48%,100%{stroke-dashoffset:-400;opacity:0}}
@keyframes mcp-response{0%,48%{stroke-dashoffset:24;opacity:0}54%{opacity:1}90%{stroke-dashoffset:-400;opacity:1}96%,100%{stroke-dashoffset:-400;opacity:0}}
@keyframes mcp-node{0%,8%,48%,100%{border-color:#41627b;box-shadow:0 10px 30px #0002}18%,32%{border-color:#78c6ee;box-shadow:0 0 25px #229ada22}}
@media(max-width:760px){.network{gap:12px;min-height:300px}.network .network-node{padding:18px 7px;font-size:12px;min-height:160px}.network .network-node.core{font-size:16px}.network-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.network *{animation:none!important}.flow-request,.flow-response{display:none}.network-pause{display:none}}
/* Keep the connection caption free of extra chrome. */
.network-caption{border-top:0}
/* Simplify the MCP diagram and give its call to action room to breathe. */
.mcp .reveal > .button{margin-top:16px}
.network{padding-bottom:0;min-height:295px}
.network-flow{height:100%}
/* Services leads the navigation, with its related pages in one dropdown. */
.services-menu{position:relative}
.services-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;color:#d4e0ed;font-size:14px;font-weight:600;padding:10px 0}
.services-menu summary::-webkit-details-marker{display:none}
.services-menu summary:hover,.services-menu[open] summary{color:white}
.services-menu summary span{font-size:16px;color:#6cbdea;transition:transform .2s}
.services-menu[open] summary span{transform:rotate(180deg)}
.services-dropdown{position:absolute;left:-20px;top:calc(100% + 12px);min-width:265px;padding:9px;background:#102238;border:1px solid #36506b;border-radius:9px;box-shadow:0 18px 45px #0005;display:grid;gap:3px}
.nav .services-dropdown a{padding:11px 12px;border-radius:5px;white-space:nowrap;font-size:13px}
.nav .services-dropdown a:hover{background:#1b3b56;color:white}
@media(max-width:760px){.services-menu summary{padding:8px}.services-dropdown{position:static;min-width:0;margin-top:8px;box-shadow:none}.nav .services-dropdown a{white-space:normal}}
/* Spread the experience statement and figures across the shared content width. */
.experience-band{grid-template-columns:auto auto auto;justify-content:space-between;width:100%;column-gap:48px}
@media(max-width:760px){.experience-band{grid-template-columns:1fr 1fr;column-gap:25px}}
/* A drawn chevron aligns consistently with the navigation label. */
.services-menu summary span{font-size:0;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);flex:0 0 7px}
.services-menu[open] summary span{transform:translateY(2px) rotate(225deg)}
/* A restrained blue underline gives the primary navigation a clear hover state. */
.nav>a:not(.nav-cta),.services-menu summary{position:relative}
.nav>a:not(.nav-cta):after,.services-menu summary:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#17a9ec;transform:scaleX(0);transform-origin:left;transition:transform .2s ease;pointer-events:none}
.services-menu summary:after{bottom:2px}
.nav>a:not(.nav-cta):hover,.nav>a:not(.nav-cta):focus-visible,.services-menu summary:hover,.services-menu summary:focus-visible,.services-menu[open] summary{color:#6acbfa}
.nav>a:not(.nav-cta):hover:after,.nav>a:not(.nav-cta):focus-visible:after,.services-menu summary:hover:after,.services-menu summary:focus-visible:after,.services-menu[open] summary:after{transform:scaleX(1)}
@media(max-width:760px){.nav>a:not(.nav-cta):after{bottom:2px}.services-menu summary:after{left:8px;right:8px}}
/* Balance the footer across the same content grid, with readable legal copy. */
.footer-top{display:grid;grid-template-columns:220px 1fr 260px;align-items:center;gap:32px}
.footer-top>div:first-child{display:contents}
.footer-top p{margin:0!important;max-width:none;text-align:center;font-size:14px;line-height:1.7}
.footer-links{justify-content:flex-end;gap:25px;font-size:13px}
.copyright{text-align:center;margin:30px 0 0;font-size:12px}
.legal{font-size:12px;line-height:1.8;text-align:center;color:#9aafc2;margin:25px auto 0;padding-top:23px}
@media(max-width:760px){.footer-top{grid-template-columns:1fr;justify-items:center;gap:22px}.footer-links{justify-content:center}.footer-top p{font-size:13px}.copyright{line-height:1.7}.legal{text-align:left}}
/* Equal outer columns center the tagline directly over the copyright. */
.footer-top{grid-template-columns:260px 1fr 260px}
@media(max-width:760px){.footer-top{grid-template-columns:1fr}}
/* Bring the vibrant hero blue farther left while retaining a dark reading area. */
.hero{background:linear-gradient(90deg,#0e1a2b 0%,#0e1a2b 22%,#0c2842 33%,#084c77 44%,#036aa5 56%,#0083ca 70%,#0083ca 100%)}
/* On phones the screenshot stacks below the copy, so the color transition follows it. */
@media(max-width:760px){.hero{background:linear-gradient(180deg,#0e1a2b 0%,#0e1a2b 54%,#084c77 72%,#0083ca 100%)}}

/* production: SuiteDash embed fits the column on phones */
.contact-layout>*{min-width:0}.contact-embed iframe{display:block;width:100%!important;max-width:100%}

/* production: product screenshots restored on interior heroes (Jeff 2026-10-15) */
.interior .ytbe-frame{display:flex}.interior .ytbe-hero2:has(.ytbe-frame){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}@media(max-width:1000px){.interior .ytbe-hero2:has(.ytbe-frame){grid-template-columns:1fr}}