/* Over55IT Brand System 1.0. Canonical visual tokens and cross-product presentation. */
:root{--brand-navy:#10283f;--brand-blue:#164cbd;--brand-teal:#087f80;--brand-ink:#14263a;--brand-muted:#526174;--brand-mist:#f2f5f8;--brand-line:#cfd7e1;--brand-font:'Segoe UI',Arial,Helvetica,sans-serif;--brand-mono:Consolas,'Courier New',monospace;--ink:var(--brand-ink);--blue:var(--brand-blue);--navy:var(--brand-navy);--muted:var(--brand-muted);--wash:var(--brand-mist);--line:var(--brand-line);--font-heading:var(--brand-font);--font-body:var(--brand-font);--onto-body:var(--brand-font);--onto-mono:var(--brand-mono);--onto-ink:var(--brand-ink);--onto-navy:var(--brand-navy);--onto-blue:var(--brand-blue);--onto-teal:var(--brand-teal);--onto-orange:var(--brand-blue);--bg-dark:var(--brand-navy);--bg-panel:#19364f;--text-main:#edf3fa;--text-mute:#b8c9da;--accent-blue:#9bc0ff;--accent-orange:#8dd7ce;--accent-gold:#f0c681;--glow-blue:none;--glow-orange:none;--border-glow:1px solid #49647d}
body{font-family:var(--brand-font)}h1,h2,h3,h4,.hero h1,.section h2,.final-cta h2,.tool h3,.detail-legacy .section-title,.detail-legacy .hero h1,.detail-legacy .hero h2,.onto-hero h1,.onto-section-heading h2{font-family:var(--brand-font);font-weight:600;letter-spacing:-.035em;text-transform:none;text-shadow:none}h1{line-height:1.08}h2{line-height:1.18}h3{letter-spacing:-.02em}button,input,select,textarea{font-family:var(--brand-font)}.site-header,.site-footer{font-family:var(--brand-font);line-height:1.6}.site-header{border-top:3px solid var(--brand-blue)}.site-header .header-row{min-height:88px}.site-header .main-nav a,.site-header .main-nav summary{font-family:var(--brand-font);letter-spacing:0;text-transform:none}.site-header .brand img{padding:0;background:white;max-height:none}.site-header .nav-link:hover{color:var(--brand-blue)}.site-footer strong{color:white}.site-footer .footer-brand{font-family:var(--brand-font);font-weight:700;letter-spacing:-.04em}.button,.btn,.onto-button{border-radius:4px;box-shadow:none;text-shadow:none;font-weight:600;letter-spacing:0;text-transform:none;transition:background .15s}.eyebrow{letter-spacing:.12em}.number{font-family:var(--brand-mono)}
/* Corporate pages: a stronger architectural composition and deliberate visual rhythm. */
body:not(.brand-technical) .hero:not(.page-hero){background:var(--brand-navy);color:#fff;position:relative;padding-block:76px;overflow:hidden}
body:not(.brand-technical) .hero:not(.page-hero) .eyebrow{color:#9fc4ff}
body:not(.brand-technical) .hero:not(.page-hero) h1{font-size:clamp(38px,3.75vw,56px);font-weight:600}
body:not(.brand-technical) .hero:not(.page-hero) .intro{color:#c4d3e3;font-size:17px}
body:not(.brand-technical) .hero:not(.page-hero) .button{background:white;color:var(--brand-blue);border-color:white}
.hero-grid{gap:64px;grid-template-columns:1.22fr 1fr}.diagram{background:#19364f;border:1px solid #49647d;border-radius:6px;padding:28px;box-shadow:18px 18px 0 #0a1f32;position:relative}.diagram-header{color:#bbcee2;border-color:#49647d;font-family:var(--brand-mono);font-size:11px;letter-spacing:.03em}.diagram-node{border:1px solid #49647d;background:#10283f;color:white;border-radius:4px;box-shadow:none;padding:23px 20px}.diagram-node small{color:#c4d3e3}.diagram-node.accent{border-color:#9fc4ff;background:#164cbd;color:white}.diagram-node.accent small{color:#edf3fa}.diagram-line{background:#8dd7ce}.diagram-end{color:#bbcee2;font-size:13px}.platform-strip{background:#e8eef5;border:0;padding:22px 0}.platform-names{color:var(--brand-navy);letter-spacing:-.025em}.section h2,.final-cta h2{font-weight:600;font-size:clamp(30px,3vw,43px)}.section{padding-block:80px}.toolbox{border:1px solid var(--brand-line);border-radius:6px;background:white;overflow:hidden}.tool,.tool:first-child,.tool:last-child{padding:30px}.tool h3{font-size:32px;font-weight:600}.tool img{background:var(--brand-mist);border-radius:4px;padding:10px;margin-bottom:28px}.tool .number{margin-bottom:12px}.tool-links .text-link{color:var(--brand-blue)}.tool-links .detail-link{font-weight:600}.capability{padding-left:16px;border-left:1px solid var(--brand-line);font-weight:600}.capability:before{content:'+';color:var(--brand-teal);margin-right:10px}.steps .number{width:36px;height:36px;border:1px solid var(--brand-line);display:grid;place-items:center;border-radius:50%;font-family:var(--brand-font)}.steps .number:has(+ h3){width:auto;max-width:140px;padding-inline:8px}.coverage article{border-color:var(--brand-teal)}.section.dark{background:var(--brand-navy)}.outputs{display:grid;grid-template-columns:1fr 1fr;gap:0}.outputs span{padding:17px 14px;border:0;border-bottom:1px solid #49647d;font-size:14px}.outputs span:before{content:'↳';margin-right:10px;color:#8dd7ce}.page-hero{background:var(--brand-mist);border-bottom:1px solid var(--brand-line)}.product-hero .hero-art{background:white;border:1px solid var(--brand-line);border-top:4px solid var(--brand-blue);border-radius:6px;padding:24px}.product-hero .hero-grid h1{font-size:clamp(48px,6vw,80px);font-weight:600}.product-resource-bar{background:white}.product-resource-bar a{color:var(--brand-blue);font-weight:600}.evidence{border-radius:6px;overflow:hidden}.final-cta{background:var(--brand-blue)}
/* The technical pages share the same shell. Workbench surfaces use the navy theme. */
.brand-technical{background:var(--brand-navy);font-family:var(--brand-font);--font-heading:var(--brand-font);--font-body:var(--brand-font)}
.brand-technical h1,.brand-technical h2,.brand-technical h3,.brand-technical h4,.brand-technical .page-title{font-family:var(--brand-font)!important;text-shadow:none;letter-spacing:-.025em;text-transform:none}
.brand-technical .btn,.brand-technical .onto-button{font-family:var(--brand-font);box-shadow:none;background-image:none;text-shadow:none;border-radius:4px;letter-spacing:0;text-transform:none}
.brand-technical .l2l-nav,.brand-technical .subpage-nav,.brand-technical .onto-nav{position:relative;top:auto;background:#edf2f7;color:var(--brand-ink);border-bottom:1px solid var(--brand-line);box-shadow:none;backdrop-filter:none;z-index:5}
.brand-technical .l2l-nav a,.brand-technical .subpage-nav a,.brand-technical .onto-nav a{color:var(--brand-blue);text-shadow:none;font-family:var(--brand-font);letter-spacing:0}
.brand-technical .l2l-nav-brand,.brand-technical .subpage-brand,.brand-technical .onto-nav-brand,.brand-technical .onto-nav img{display:none}
.brand-technical .product-context{background:#edf2f7;border:0;border-left:3px solid var(--brand-blue);border-radius:0;font-family:var(--brand-font);margin-block:24px}
.brand-technical .hero,.brand-technical .story-hero{background-color:var(--brand-navy);background-image:none}.brand-technical .hero-backdrop{background:none}.brand-technical .hero-content{background:none;box-shadow:none}.brand-technical .hero h1{color:white}.brand-technical .fade-in{opacity:1;transform:none}.brand-technical pre,.brand-technical code{font-family:var(--brand-mono)}
.brand-technical .subpage-shell{background:var(--brand-navy)}.brand-technical .subpage-shell:before,.brand-technical .subpage-shell:after{display:none}.brand-technical .visual-card,.brand-technical .panel-block,.brand-technical .timeline-card,.brand-technical .contract-block,.brand-technical .positioning-card,.brand-technical .cta-block,.brand-technical .stack-card{background:#19364f;border-color:#49647d;box-shadow:none}.brand-technical .page-title{font-weight:600}.brand-technical .page-hero{background:none}.brand-technical .signal-pill,.brand-technical .status-pill,.brand-technical .stack-pill{box-shadow:none;border-color:#49647d}
.brand-technical.onto-page{background:var(--brand-mist);color:var(--brand-ink)}.brand-technical .onto-nav{display:flex;justify-content:flex-end;min-height:56px;padding:12px max(24px,calc((100% - 1180px)/2))}.brand-technical .onto-hero{background:var(--brand-mist);min-height:0;padding-block:60px}.brand-technical .onto-hero h1{font-size:clamp(40px,4.5vw,66px);line-height:1.08;max-width:17ch}.brand-technical .onto-hero h1 em{font-style:normal}.brand-technical .onto-architecture-figure{transform:none;box-shadow:none;border:1px solid var(--brand-line);border-radius:6px}.brand-technical .onto-button{background:var(--brand-blue);color:white}.brand-technical .onto-button.quiet{background:transparent;color:var(--brand-blue)}.brand-technical .onto-product-rail,.brand-technical .onto-factory{background-image:none}.brand-technical .onto-product{border-radius:6px;box-shadow:none}.brand-technical .onto-footer{background:var(--brand-mist)}
@media(max-width:760px){.site-header .header-row{min-height:73px}.hero-grid{grid-template-columns:1fr;gap:32px}body:not(.brand-technical) .hero:not(.page-hero){padding-block:44px}body:not(.brand-technical) .hero:not(.page-hero) h1{font-size:36px}.diagram{box-shadow:8px 8px 0 #0a1f32;padding:20px;margin-right:8px}.diagram-node{padding:18px 16px}.section{padding-block:52px}.tool,.tool:first-child,.tool:last-child{padding:24px}.product-hero .hero-grid h1{font-size:48px}.brand-technical .product-context{margin-inline:20px}.brand-technical .subpage-main>.product-context{margin-inline:0}.brand-technical .onto-hero{padding-block:32px}.brand-technical .onto-hero h1{font-size:40px}.brand-technical .onto-nav{flex-wrap:wrap}.outputs{grid-template-columns:1fr}.site-header .main-nav{box-shadow:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

.brand-technical{--muted:#b8c9da;--muted-strong:#c4d3e3;--accent:#8dd7ce;--blue-bright:#9fc4ff;--radius-lg:6px;--radius-md:6px;--radius-sm:4px;background-image:none}.brand-technical.onto-page{--muted:var(--brand-muted)}
.brand-technical .subpage-nav,.brand-technical .onto-nav,.detail-legacy .l2l-nav{display:none}.brand-technical .subpage-shell{padding-top:0}.brand-technical .subpage-main .page-hero{background:none;box-shadow:none;border-color:#49647d}.brand-technical .page-shell:before{display:none}.brand-technical .page-nav{background:#19364f;border:1px solid #49647d;border-radius:4px;padding:16px}.brand-technical .page-nav a{font-family:var(--brand-font);text-shadow:none;letter-spacing:0}.brand-technical .hero-signal-card{border-color:#49647d}.brand-technical .status-pill{color:#c4d3e3;background:#19364f}.brand-technical .hero-signals{margin-top:24px}.brand-technical .footer-section{background:var(--brand-navy);background-image:none}

.brand-technical .btn{clip-path:none}.brand-technical .btn:before,.brand-technical .btn:after{box-shadow:none}
@media(max-width:760px){.brand-technical .site-header .brand img{width:120px}.brand-technical .site-header .langs{padding-inline:4px;gap:2px}.brand-technical .site-header .langs a,.brand-technical .site-header .langs span{padding-inline:5px}}