/* Shared foundations; each brand has its own composition and palette. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f6f7f2;--surface:#fff;--ink:#1b3027;--muted:#59675f;--line:#d9e0d9;--accent:#28704e;--soft:#e4eee4;--on-accent:#fff;--display:'DM Sans',sans-serif;--radius:20px;color-scheme:light;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%}img{height:auto;display:block}button{color:inherit}p{line-height:1.65;margin:0 0 18px}h1,h2,h3{font-family:var(--display);margin:0;font-weight:500}h1{font-size:clamp(44px,5.5vw,78px);letter-spacing:-.065em;line-height:1.04}h2{font-size:clamp(33px,4vw,53px);letter-spacing:-.05em;line-height:1.12}h3{font-size:22px;letter-spacing:-.03em;line-height:1.3}em{font-style:normal;color:var(--accent)}[hidden]{display:none!important}::selection{background:var(--soft);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.shell{width:min(1220px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--accent);color:var(--on-accent);padding:12px 20px}.skip-link:focus{top:10px}.site-header{height:88px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand img{width:155px;max-height:48px;object-fit:contain;object-position:left}.brand{margin-right:auto}.desktop-nav{display:flex;gap:26px;font-size:13px;font-weight:600}.desktop-nav a:hover,.text-link:hover{color:var(--accent)}.header-tools{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:14px 23px;border:1px solid transparent;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:600;line-height:1.3;transition:background .18s,transform .18s}.button:hover{filter:brightness(.93);transform:translateY(-2px)}.button-small{min-height:44px;padding:10px 17px;font-size:13px}.button-outline{border-color:var(--line);background:transparent;color:var(--ink)}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:14px;font-weight:600;font-size:14px}.theme-toggle,.menu-button{width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:9px;display:grid;place-items:center;font-size:20px}.menu-button{display:none;font-size:14px;width:auto;padding:10px}.mobile-nav{display:none}.mobile-nav.open{display:flex;flex-direction:column;background:var(--surface);padding:16px 24px;border-bottom:1px solid var(--line)}.mobile-nav a{padding:12px 0;min-height:44px}.eyebrow,.kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:23px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero{padding:80px 0 72px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.hero-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:490px;margin:25px 0 27px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.hero-note{font-size:12px;color:var(--muted);margin-top:23px}.hero-title-line{display:block}.chapter{padding:90px 0;border-top:1px solid var(--line)}.chapter-head{display:grid;grid-template-columns:1.4fr 1fr;gap:75px;align-items:end;margin-bottom:40px}.chapter-head>p{color:var(--muted);max-width:430px;margin:0}.chapter .kicker{margin-bottom:18px}.chapter-num{display:block;font-size:12px;letter-spacing:.06em;margin-bottom:22px;color:var(--muted)}.soft-chapter{background:var(--soft)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.card p{color:var(--muted);font-size:15px;margin:12px 0 0}.card .card-number{display:block;margin-bottom:32px;color:var(--accent);font-family:'Space Grotesk',sans-serif;font-size:14px}.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.list-grid article{padding-top:23px;border-top:1px solid var(--line)}.list-grid p{font-size:15px;color:var(--muted);margin-top:12px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{padding:7px 11px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--muted)}.pill{display:inline-flex;gap:6px;align-items:center;background:var(--soft);color:var(--accent);border:1px solid var(--line);font-size:11px;letter-spacing:.03em;padding:6px 10px;border-radius:99px;font-weight:600}.small-print{font-size:12px;color:var(--muted);margin:20px 0 0}.diagram-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.example-board{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:27px}.example-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px;font-size:11px;color:var(--muted)}.example-topline b{color:var(--ink);font-weight:600}.example-board h3{font-size:26px;margin-bottom:23px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:25px}.tabs button{min-height:44px;padding:10px 14px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:600}.tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.example-body{min-height:180px}.example-body .row{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:13px}.row>span{color:var(--muted);font-size:12px}.example-message{margin:20px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}.example-bottom{margin-top:23px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.status-dot{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;margin-right:6px}.flow-track{display:flex;gap:5px;margin-top:25px}.flow-track i{height:4px;border-radius:3px;flex:1;background:var(--line)}.flow-track i.on{background:var(--accent)}.real-preview{margin:40px 0 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.real-preview img{width:100%}.real-preview figcaption{border-top:1px solid var(--line);padding:15px 22px;font-size:12px;color:var(--muted)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split-section .intro{color:var(--muted);font-size:17px;margin-top:22px}.steps{list-style:none;counter-reset:step;margin:0;padding:0}.steps li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.steps li:before{counter-increment:step;content:'0' counter(step);font-size:13px;color:var(--accent);font-family:'Space Grotesk',sans-serif;padding-top:3px}.steps h3{font-size:21px}.steps p{margin:8px 0 0;color:var(--muted);font-size:14px}.cta-section{padding:80px 0}.cta-card{background:var(--ink);color:var(--paper);padding:55px 60px;border-radius:var(--radius);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.cta-card .kicker{color:var(--paper);opacity:.65}.cta-card h2{font-size:clamp(32px,4vw,48px);max-width:650px}.cta-card p:not(.kicker){color:var(--paper);opacity:.75;margin:18px 0 0;max-width:560px;font-size:15px}.cta-card .button{background:var(--paper);color:var(--ink)}.footer{border-top:1px solid var(--line);padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer .brand img{max-width:140px}.footer p{font-size:13px;color:var(--muted);max-width:260px;margin-top:17px}.footer-grid b{font-size:12px;font-weight:600;margin-bottom:18px;display:block}.footer-grid a:not(.brand){display:block;font-size:12px;color:var(--muted);padding:7px 0;min-height:30px}.footer-grid a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.legal-shell{max-width:850px;margin:60px auto;padding:0 24px}.legal-title h1{font-size:48px;margin:20px 0}.legal-title p{color:var(--muted)}.legal-card{padding:25px 0;border-bottom:1px solid var(--line)}.legal-card h2{font-size:23px;margin-bottom:12px}.legal-note,.legal-back{font-size:13px;color:var(--muted)}.legal-shell .contact-button{margin-top:30px}
/* Jottko : two audiences, one shared journey. */
body[data-brand=jottko]{--paper:#f5faf9;--ink:#103835;--accent:#096962;--soft:#dfefeb;--line:#d1e2df}.audience-switch{display:flex;gap:8px;margin-bottom:26px}.audience-switch button{min-height:44px;padding:11px 17px;border:1px solid var(--line);background:transparent;border-radius:99px;font-size:13px}.audience-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.journey-stack{position:relative;padding:30px 25px;background:var(--soft);border-radius:30px}.journey-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);padding:22px;margin:13px 0;border-radius:14px}.journey-card:nth-child(3){margin-left:26px}.journey-card:nth-child(4){margin-left:52px}.journey-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--soft);border-radius:12px;color:var(--accent)}.journey-icon svg{width:22px;height:22px}.journey-card b{display:block;font-size:14px}.journey-card small{color:var(--muted);font-size:11px;display:block;margin-top:4px}.journey-card .arrow{font-size:18px;color:var(--accent)}.audience-panels{display:grid;grid-template-columns:1fr 1fr;gap:25px}.audience-panel{padding:40px;border:1px solid var(--line);border-radius:var(--radius)}.audience-panel:first-child{background:var(--soft)}.audience-panel h3{font-size:30px;margin-bottom:17px}.audience-panel p{color:var(--muted);font-size:15px}.audience-panel .text-link{margin-top:15px}.path-line{display:flex;gap:20px;align-items:center;margin:35px 0}.path-line span{flex:1;font-size:13px;font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:14px}
/* Senerox : technical editorial rather than a software template. */
body[data-brand=senerox]{--paper:#12191c;--surface:#192328;--ink:#f0f4f2;--muted:#adbabd;--line:#354349;--accent:#ff8b80;--soft:#233036;--on-accent:#171b1d;--display:'Space Grotesk',sans-serif}.senerox .hero{padding-top:65px}.senerox h1{letter-spacing:-.05em;font-size:clamp(46px,5.3vw,74px)}.technical-board{padding:28px;border:1px solid var(--line);border-radius:4px;background:var(--surface);background-image:linear-gradient(#33404755 1px,transparent 1px),linear-gradient(90deg,#33404755 1px,transparent 1px);background-size:24px 24px}.technical-label{display:flex;justify-content:space-between;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.08em;color:var(--muted)}.technical-drawing{margin:30px 0 20px;display:block;width:100%;height:220px;color:var(--accent)}.technical-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.technical-nodes span{padding:13px 4px;background:var(--paper);border:1px solid var(--line);text-align:center;font-size:10px;letter-spacing:.04em}.technical-nodes span.active{border-color:var(--accent);color:var(--accent)}.technical-board .example-message{min-height:62px;margin-top:20px;font-size:12px}.senerox .card{border-radius:4px}.senerox .cta-card{background:#f0f4f2;color:#172127;border-radius:4px}.senerox .cta-card .kicker,.senerox .cta-card p:not(.kicker){color:#45565c}.senerox .cta-card .button{background:#b42d29;color:#fff}.senerox .example-board{border-radius:4px}.protocol-list{list-style:none;padding:0;margin:30px 0 0}.protocol-list li{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.protocol-list span{font-size:12px;color:var(--accent);font-family:'Space Grotesk',sans-serif}.protocol-list b{font-weight:500;font-size:17px}.protocol-list p{font-size:13px;color:var(--muted);margin:6px 0 0}
/* Oxnel : a method, told through an editorial diagnosis. */
body[data-brand=oxnel]{--paper:#f6f5fb;--ink:#211c3e;--muted:#655d7d;--accent:#7054ba;--line:#ded9ed;--soft:#ede7f8;--display:'DM Serif Display',Georgia,serif}.oxnel h1{letter-spacing:-.04em;font-size:clamp(49px,6vw,83px)}.oxnel h2{letter-spacing:-.03em}.oxnel .hero-grid{grid-template-columns:1.12fr 1fr}.oxnel .example-board h3{font-family:'DM Sans',sans-serif;letter-spacing:-.04em}.diagnostic{border:1px solid var(--line);border-radius:2px;background:var(--surface);padding:30px;position:relative}.diagnostic:before{content:'';position:absolute;top:-8px;left:35px;width:100px;height:16px;background:#b5a1db80;transform:rotate(-4deg)}.diagnostic-title{font-family:'DM Serif Display',serif;font-size:29px;margin:20px 0}.diagnostic-flow{display:flex;align-items:center;gap:9px;margin:25px 0}.diagnostic-flow span{border:1px solid var(--line);padding:14px 10px;flex:1;text-align:center;font-size:11px}.diagnostic-flow .bottleneck{border-style:dashed;background:var(--soft);color:var(--accent)}.diagnostic-flow i{font-style:normal;color:var(--muted)}.diagnostic-note{border-top:1px solid var(--line);padding-top:20px;min-height:80px;font-size:13px;color:var(--muted)}.oxnel .card{border-radius:2px;background:transparent}.oxnel .card-number{font-family:'DM Serif Display',serif;font-size:38px;margin-bottom:28px}.oxnel .cta-card{border-radius:2px}.principle-quote{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(30px,4vw,49px);line-height:1.2;max-width:900px;padding:45px 0;margin:0;color:var(--ink)}.principle-quote em{font-style:italic}.method-loop{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.method-loop span{padding:13px 16px;border:1px solid var(--line);border-radius:99px;font-size:13px}
/* Nexitoo : discovery through a colourful service constellation. */
body[data-brand=nexitoo]{--paper:#f5f8fd;--ink:#142b50;--muted:#586984;--accent:#2455b6;--soft:#e3edfc;--line:#d4dff0}.nexitoo .hero{padding-bottom:85px}.nexitoo .hero-title-line:last-child{color:var(--accent)}.service-constellation{border-radius:30px;background:var(--soft);padding:26px;position:relative}.constellation-head{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-bottom:23px}.constellation-head svg{width:15px;height:15px}.service-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-tile{padding:22px;min-height:130px;border:1px solid var(--line);background:var(--surface);border-radius:16px;display:flex;flex-direction:column;align-items:start;gap:10px;transition:transform .2s}.service-tile svg{width:25px;height:25px}.service-tile b{font-size:14px}.service-tile span{font-size:11px;color:var(--muted)}.service-tile:nth-child(1){background:#fff1da;color:#805909}.service-tile:nth-child(2){background:#e1f0ee;color:#286c57}.service-tile:nth-child(3){background:#e8e4f6;color:#63509a}.service-tile:nth-child(4){background:#f4e4ec;color:#935a76}.constellation-bottom{margin-top:20px;display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:12px}.constellation-bottom span{color:var(--muted)}.service-tile:hover{transform:translateY(-3px)}.nexitoo .chapter-head h2{max-width:600px}.discovery-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.discovery-links a{display:flex;align-items:center;gap:16px;padding:27px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.discovery-links svg{width:25px;height:25px;color:var(--accent);flex:none}.discovery-links b{font-size:15px}.discovery-links small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.discovery-links a:hover{border-color:var(--accent)}.catalog-preview{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.catalog-preview a{padding:13px 17px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;font-size:13px;background:var(--surface)}.catalog-preview img{width:30px;height:30px;object-fit:contain}.catalog-status{font-size:12px;color:var(--muted);margin-top:18px}
/* Colour themes remain explicit and readable. */
[data-theme=dark] body:not([data-brand=senerox]){--paper:#101a1e;--surface:#19262c;--ink:#edf1ed;--muted:#b2bfc0;--line:#354449;--soft:#263b3e;--accent:#98ccae;--on-accent:#10221b}[data-theme=dark] body[data-brand=nexitoo]{--accent:#99bcff;--soft:#243750;--on-accent:#122543}[data-theme=dark] body[data-brand=oxnel]{--accent:#bfa7ef;--soft:#322642;--on-accent:#261b3a}[data-theme=dark] .brand img{filter:brightness(0) invert(1)}[data-theme=dark] .service-tile{color:var(--ink);background:var(--surface)}[data-theme=light] body[data-brand=senerox]{--paper:#f5f5f1;--surface:#fff;--ink:#202c30;--muted:#58676b;--line:#cfd7d9;--accent:#ac302b;--soft:#e7eded;--on-accent:#fff}[data-theme=light] body[data-brand=senerox] .technical-board{background-image:linear-gradient(#e2e8e955 1px,transparent 1px),linear-gradient(90deg,#e2e8e955 1px,transparent 1px)}[data-theme=light] body[data-brand=senerox] .brand img{filter:none}
@media(min-width:1500px){.hero{padding-top:105px;padding-bottom:100px}}
@media(max-width:1050px){.shell{width:calc(100% - 48px)}.desktop-nav{gap:18px}.desktop-cta{display:none}.hero-grid,.oxnel .hero-grid{gap:35px}.hero h1{font-size:58px}.hero{padding:60px 0}.chapter{padding:65px 0}.chapter-head,.split-section{gap:40px}.cta-card{padding:40px}.brand img{width:135px}.card{padding:25px}.technical-drawing{height:180px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.site-header{height:72px}.header-inner{gap:12px}.desktop-nav{display:none}.menu-button{display:grid}.header-tools{gap:8px}.brand img{width:128px;max-height:42px}.hero{padding:43px 0 48px}.hero-grid,.oxnel .hero-grid{grid-template-columns:1fr;gap:40px}.hero h1,.oxnel h1,.senerox h1{font-size:clamp(42px,10vw,65px);letter-spacing:-.05em;max-width:650px}.hero-lead{font-size:17px;max-width:550px;margin-top:22px}.eyebrow{margin-bottom:22px}.hero-actions{gap:15px}.hero-note{margin-top:18px}.chapter{padding:50px 0}.chapter-head,.split-section{grid-template-columns:1fr;gap:23px}.chapter-head{margin-bottom:28px}.chapter-head>p{max-width:600px}.cards,.list-grid{grid-template-columns:1fr;gap:15px}.card{padding:25px}.card .card-number{margin-bottom:22px}.cta-section{padding:45px 0}.cta-card{padding:32px 27px;grid-template-columns:1fr;gap:25px}.cta-card .button{justify-self:start}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.audience-panels{grid-template-columns:1fr}.audience-panel{padding:28px}.journey-stack{padding:20px 15px}.journey-card{padding:17px 13px;gap:10px;grid-template-columns:36px 1fr auto}.journey-card:nth-child(3){margin-left:15px}.journey-card:nth-child(4){margin-left:30px}.journey-icon{width:34px;height:34px}.technical-board{padding:22px 18px}.technical-drawing{height:auto}.discovery-links{grid-template-columns:1fr;gap:10px}.service-constellation{padding:20px 15px}.service-tile{padding:20px 16px;min-height:128px}.diagnostic{padding:25px 18px}.diagnostic-flow{gap:6px}.diagnostic-flow span{padding:13px 4px;font-size:10px}.example-board{padding:23px 19px}.tabs{gap:5px}.tabs button{padding:10px;font-size:11px}.real-preview{margin-top:27px}.legal-title h1{font-size:38px}.path-line{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.discovery-links .discovery-feature{display:flex;align-items:center;gap:16px;padding:27px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.brand .logo-dark{display:none}
[data-theme=dark] .brand .logo-light{display:none}
[data-theme=dark] .brand .logo-dark{display:block;filter:none}
.senerox .brand .logo-light{display:none}
.senerox .brand .logo-dark{display:block}
[data-theme=light] .senerox .brand .logo-light{display:block}
[data-theme=light] .senerox .brand .logo-dark{display:none}
.real-preview figcaption a{text-decoration:underline;text-underline-offset:3px}
.contact-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}
.contact-dialog-head{background:var(--surface);border-color:var(--line)}
.contact-dialog-head h2{font-family:var(--display);color:var(--ink);font-weight:500}
.contact-dialog-head p,.contact-consent{color:var(--muted)!important}
.contact-dialog-kicker,.contact-consent a{color:var(--accent)}
.contact-dialog-close,.contact-dialog-cancel{background:var(--surface);color:var(--ink);border-color:var(--line)}
.contact-form label{color:var(--ink)}
.contact-form input,.contact-form select,.contact-form textarea{background:var(--paper);color:var(--ink);border-color:var(--line);font-family:inherit}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:none;outline:2px solid var(--accent);outline-offset:1px}
.contact-consent input{accent-color:var(--accent)}
.contact-submit{background:var(--accent);color:var(--on-accent);box-shadow:none;border-radius:9px}
.contact-form-actions{background:var(--surface);border-color:var(--line)}
.faq-section details{padding:20px 0;border-bottom:1px solid var(--line)}
.faq-section summary{font-size:16px;line-height:1.5;font-weight:500;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary:after{content:'+';font-size:23px;color:var(--accent)}
.faq-section details[open] summary:after{content:'−'}
.faq-section details p{font-size:14px;color:var(--muted);margin:10px 0 0;max-width:550px}

.block-illustration{display:block;width:100%;height:140px;margin:0 0 22px;--illustration-ink:var(--muted);--illustration-accent:var(--accent);--illustration-soft:var(--soft)}.block-illustration .solid{fill:var(--illustration-accent);stroke:var(--illustration-accent)}.block-illustration .tint{fill:var(--illustration-soft)}.block-illustration .accent{stroke:var(--illustration-accent);stroke-width:2}.step-illustration{width:145px;height:80px;flex-shrink:0}.tile-illustration{height:80px;margin-bottom:10px}.service-tile .tile-illustration{width:100%;height:80px}.faq-section .block-illustration{max-width:280px}.oxnel .diagnostic:before{background:#b5a1db80}@media(max-width:760px){.step-illustration{width:100px;height:60px}.block-illustration{height:125px}.tile-illustration{height:70px}}

.cta-illustration{width:180px;height:90px;--illustration-ink:var(--on-accent);--illustration-accent:var(--on-accent);--illustration-soft:transparent}.discovery-links .discovery-illustration{width:90px;height:65px;flex-shrink:0;margin:0}

.seyris-vector-preview{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center;margin-top:36px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.seyris-vector-preview .block-illustration{height:180px;margin:0}@media(max-width:760px){.seyris-vector-preview{grid-template-columns:1fr;gap:12px;padding:24px}.seyris-vector-preview .block-illustration{height:145px}}

.protocol-list li{grid-template-columns:40px minmax(0,1fr);align-items:start}.protocol-list li>.step-illustration{grid-column:2;grid-row:1;width:200px;height:100px;margin:0}.protocol-list li>span{grid-column:1;grid-row:1;padding-top:12px}.protocol-list li>div{grid-column:2;grid-row:2;min-width:0}.protocol-list li b{display:block}.steps li>div{min-width:0}.senerox .cta-illustration{--illustration-ink:#45565c;--illustration-accent:#ac302b;--illustration-soft:#e7eded}

.chapter-illustration{width:280px;height:140px;margin:22px 0 0}.hero-illustration{width:100%;height:125px;margin:10px 0 16px}.faq-answer{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;align-items:center;padding-top:18px}.faq-illustration{width:130px;height:85px;margin:0}.faq-answer p{margin:0!important;padding:0!important}@media(max-width:760px){.chapter-illustration{width:240px;height:120px}.faq-answer{grid-template-columns:1fr;gap:10px}.faq-illustration{width:160px;height:90px}.hero-illustration{height:110px}}

@media(max-width:760px){.steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px 16px}.steps li:before{grid-column:1;grid-row:2}.steps li>.step-illustration{grid-column:2;grid-row:1;width:200px;height:90px;margin:0}.steps li>div{grid-column:2;grid-row:2}}