:root{color-scheme:light;--font: "Manrope", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--bg: #f4f7f8;--surface: #ffffff;--surface-2: #eaf0f3;--text: #0a122a;--muted: #536572;--line: #ccd7dd;--line-soft: rgba(69, 123, 157, .14);--primary: #457b9d;--accent: #118ab2;--accent-soft: #dbeef4;--deep: #0a122a;--on-primary: #ffffff;--logo-cut: #fff;--logo-accent: #118ab2;--radius: 10px}:root[data-palette=blueprint]{--text:#183642;--primary:#243b4a;--accent:#457b9d;--deep:#183642;--surface-2:#e8eef0;--accent-soft:#dce9ee}:root[data-palette=yale]{--text:#183642;--primary:#0b4f6c;--accent:#118ab2;--deep:#0a122a;--surface-2:#e5f1f5;--accent-soft:#d7eff7}:root[data-palette=forest]{--text:#14352f;--primary:#14453d;--accent:#32a287;--deep:#102f2a;--surface-2:#e7f1ee;--accent-soft:#d8f0e9}:root[data-palette=copper]{--text:#292d32;--primary:#8d4b2e;--accent:#b45b33;--deep:#242b32;--surface-2:#f0e8e1;--accent-soft:#f3ddd0}:root[data-palette=violet]{--text:#292746;--primary:#55558e;--accent:#6865c3;--deep:#17152e;--surface-2:#ebeaf6;--accent-soft:#dedcf5}:root[data-palette=sage]{--text:#23352f;--primary:#42675e;--accent:#52796f;--deep:#1d302a;--surface-2:#e8efeb;--accent-soft:#dce9e2}:root[data-palette=merlot]{--text:#3a1628;--primary:#7d304b;--accent:#b64f70;--deep:#30111f;--surface-2:#f3e8ec;--accent-soft:#f0dce3}:root[data-palette=dune]{--text:#3d352c;--primary:#76501d;--accent:#986314;--deep:#302a24;--surface-2:#f1eadc;--accent-soft:#efe1c5}:root[data-palette=arctic]{--text:#172a3a;--primary:#315e61;--accent:#3c7c80;--deep:#142735;--surface-2:#e5eff0;--accent-soft:#d8eaeb}:root[data-mode=dark]{color-scheme:dark;--bg:#080f20;--surface:#0d172b;--surface-2:#111f35;--text:#eaf1f5;--muted:#9cafba;--line:#2a3d51;--line-soft:rgba(125,211,232,.11);--accent-soft:#152e43;--on-primary:#fff;--logo-cut:#0a122a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(1100px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;transform:translateY(-150%);padding:9px 14px;background:var(--text);color:var(--bg)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header{position:fixed;z-index:100;inset:0 0 auto;height:72px;border-bottom:1px solid transparent;transition:.2s ease}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 94%,transparent);border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header.hidden{transform:translateY(-100%)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;color:var(--text)}.noteq-logo{width:130px;height:auto;--logo-accent:var(--accent)}.logo-mark{color:var(--primary)}.brand-tag{padding-left:13px;border-left:1px solid var(--line);color:var(--muted);font:400 .62rem var(--mono);letter-spacing:.04em}.main-nav{display:flex;align-items:center;gap:23px;font-size:.84rem}.main-nav>a{color:var(--muted);transition:color .2s}.main-nav>a:hover{color:var(--text)}.main-nav>a.active:not(.nav-contact){color:var(--text);font-weight:600}.main-nav>a.active:not(.nav-contact):after{content:"";display:block;height:2px;margin-top:4px;background:var(--accent);transform:scaleX(.65)}.main-nav .nav-contact{padding:8px 12px;border:1px solid var(--line);color:var(--text);font-family:var(--mono);font-size:.72rem}.main-nav .nav-contact span{color:var(--accent)}.mode-toggle,.nav-toggle{border:1px solid var(--line);color:var(--text);background:var(--surface);cursor:pointer}.mode-toggle{width:34px;height:34px}.nav-toggle{display:none;width:40px;height:40px;padding:10px}.nav-toggle>span:not(.sr-only){display:block;height:1px;background:currentColor;margin:4px 0}main{min-height:70vh}.page-hero{position:relative;overflow:hidden;padding:132px 0 78px;min-height:610px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.page-hero.compact{min-height:auto;padding:130px 0 60px}.page-hero.compact h1{max-width:650px}.hero-grid-bg{position:absolute;inset:0;opacity:.7;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 95%);mask-image:linear-gradient(to bottom,black,transparent 95%)}.hero-layout{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.system-path{margin:0 0 22px;color:var(--muted);font:400 .7rem/1.2 var(--mono);letter-spacing:.04em}.system-path span{color:var(--accent)}.eyebrow{margin:0 0 13px;color:var(--accent);font:600 .68rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{line-height:1.18;letter-spacing:-.025em;margin:0}h1{font-size:clamp(2.35rem,4.2vw,3.1rem);max-width:650px;font-weight:650}h2{font-size:clamp(1.85rem,3.5vw,2.65rem);font-weight:650}h3{font-size:1.15rem;font-weight:650}.lead{max-width:620px;margin:20px 0 0;color:var(--muted);font-size:1.05rem}.typing-line{min-height:31px;margin-top:19px;color:var(--muted);font:400 .92rem/1.7 var(--mono)}.typing-line .prompt,.typing-line [data-typing]{color:var(--accent)}.typing-line i,.footer-command i{display:inline-block;width:8px;height:1.05em;margin-left:3px;vertical-align:-2px;background:var(--accent);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 16px;border:1px solid var(--line);border-radius:5px;font-size:.82rem;font-weight:650;transition:background .2s,border .2s,transform .2s;cursor:pointer}.button:hover{transform:translateY(-1px);border-color:var(--accent)}.button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.button.secondary{background:var(--surface)}.button.light{background:#fff;color:#0a122a;border-color:#fff}.button.wide{width:100%}.system-card{border:1px solid var(--line);background:var(--surface);box-shadow:8px 8px 0 var(--accent-soft);font-family:var(--mono)}.window-bar,.terminal-head{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);font:.67rem var(--mono)}.window-title:before{content:"■";margin-right:8px;color:var(--accent)}.window-actions{letter-spacing:.25em}.system-card dl{margin:0;padding:9px 18px}.system-card dl>div{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:12px 0;border-bottom:1px dashed var(--line)}.system-card dt{color:var(--muted);font-size:.68rem}.system-card dd{margin:0;font-size:.72rem}.system-card dd b{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#32a287}.command-line,.command-result{padding:12px 18px;font-size:.7rem}.command-line{background:var(--deep);color:#dce8ec}.command-line span{color:#7dd3e8}.command-line code{color:#fff}.command-result{color:var(--muted)}.section{padding:82px 0}.section.tint{background:var(--surface-2)}.section-head{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:55px;margin-bottom:35px}.section-head>p{max-width:440px;margin:0;color:var(--muted);font-size:.95rem}.cards{display:grid;gap:12px}.services-grid,.projects-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.card{position:relative;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border .2s,background .2s}.card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--surface) 93%,var(--accent))}.service-card.card-link{display:flex;min-height:100%;flex-direction:column}.service-card.card-link .text-link{margin-top:auto;padding-top:12px}.service-card.card-link:hover .text-link span,.service-card.card-link:focus-visible .text-link span{transform:translate(2px,-2px)}.service-card.card-link .text-link span{transition:transform .2s}.card-index{display:block;margin-bottom:38px;color:var(--accent);font:500 .68rem var(--mono)}.card p{color:var(--muted);font-size:.9rem}.text-link{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:var(--text);font-size:.8rem;font-weight:650}.text-link span{color:var(--accent)}.section-button{margin-top:20px}.project-visual{height:125px;margin-bottom:19px;border:1px solid var(--line);border-radius:5px;background-color:var(--deep);background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:24px 24px;position:relative;overflow:hidden}.project-visual:after{content:"C:\\NOTEQ\\PROJECT";position:absolute;right:12px;top:10px;color:#7dd3e8;font:400 .55rem var(--mono)}.project-visual span{position:absolute;left:12px;bottom:10px;color:#fff;font:400 .6rem var(--mono);text-transform:uppercase}.project-visual.large{height:340px;margin:0}.terminal-section{background:var(--deep);color:#eaf1f5}.terminal-section .section-head>p{color:#9cafba}.terminal-section .eyebrow{color:#7dd3e8}.terminal-window{border:1px solid #2a3d51;background:#080f20}.terminal-window .terminal-head{border-color:#2a3d51;background:#0d172b;color:#9cafba}.terminal-head>span{color:color-mix(in srgb,var(--primary) 88%,var(--text))}.terminal-window pre{margin:0;padding:24px;overflow:auto;color:#8fd5c1;font:400 .86rem/1.8 var(--mono)}.product-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px;border-top:1px solid #2a3d51;transition:background .2s}.product-list>a:first-child{border-top:0}.product-list>a:hover,.product-list>a:focus-visible{background:#0d172b}.product-list h3{font:600 .92rem var(--mono)}.product-list p{margin:5px 0 0;color:#9cafba;font-size:.85rem}.product-logo{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--accent);border-radius:5px;background:var(--accent-soft);color:var(--accent);font:600 .72rem var(--mono)}.status{display:inline-flex;width:max-content;padding:4px 8px;border:1px solid currentColor;border-radius:3px;color:var(--accent);font:400 .59rem var(--mono);text-transform:uppercase}.steps-grid{--step-columns:4;position:relative;list-style:none;display:grid;grid-template-columns:repeat(var(--step-columns),minmax(0,1fr));gap:18px;padding:0;margin:0}.steps-grid:before{content:"";position:absolute;z-index:0;top:23px;left:23px;right:23px;height:1px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 14px);opacity:.62}.steps-grid li{position:relative;min-width:0;padding-top:57px}.steps-grid li:not(:last-child):after{content:"›";position:absolute;z-index:2;top:8px;right:-13px;display:grid;place-items:center;width:25px;height:29px;background:var(--bg);color:var(--accent);font:500 1.15rem var(--mono)}.step-node{position:absolute;z-index:2;top:0;left:18px;display:grid;place-items:center;width:47px;height:47px;border:1px solid var(--accent);border-radius:50%;background:var(--bg);box-shadow:0 0 0 7px var(--bg);color:var(--accent);font:600 .68rem var(--mono)}.step-node:after{content:"";position:absolute;bottom:-12px;left:50%;height:11px;border-left:1px dashed var(--accent)}.step-card{position:relative;min-height:196px;overflow:hidden;padding:27px 26px 25px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 94%,var(--accent-soft)));transition:border-color .2s,transform .2s,box-shadow .2s}.step-card:after{content:"";position:absolute;right:-20px;bottom:-24px;width:68px;height:68px;border:1px solid var(--line-soft);border-radius:50%;box-shadow:0 0 0 12px var(--line-soft);opacity:.75}.steps-grid li:hover .step-card{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 28px color-mix(in srgb,var(--deep) 9%,transparent)}.step-route{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font:500 .59rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.step-route:before{content:"";width:7px;height:7px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.steps-grid h3{margin-top:22px}.steps-grid p{margin:11px 0 0;color:var(--muted);font-size:.88rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--surface)}.stats-grid div{display:flex;flex-direction:column;padding:32px;border-right:1px solid var(--line)}.stats-grid div:last-child{border:0}.stats-grid strong{min-height:1.25em;font:600 2rem var(--mono);font-variant-numeric:tabular-nums}.stats-grid span{margin-top:7px;color:var(--muted);font-size:.8rem}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px;border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface)}.cta-panel p{margin:10px 0 0;color:var(--muted)}.cta-panel .eyebrow{color:var(--accent)}.prose-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.prose{color:var(--muted);font-size:1rem}.prose>*:first-child{margin-top:0}.prose h2,.prose h3{margin:1.6em 0 .5em;color:var(--text)}.prose a{text-decoration:underline;text-decoration-color:var(--accent)}.split-block{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.faq-list details{padding:18px 0;border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:650}.faq-list p{color:var(--muted)}.product-grid{margin-top:18px}.product-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.product-top{display:flex;justify-content:space-between;margin-bottom:34px}.product-card p{color:var(--muted);font-size:.9rem}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.tag-row span{padding:4px 7px;border:1px solid var(--line);border-radius:3px;font:400 .58rem var(--mono)}.empty-state{padding:50px;border:1px dashed var(--line);text-align:center}.empty-state code{color:var(--accent)}.card-link{display:block;color:inherit;text-decoration:none;cursor:pointer}.card-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.card-link .text-link{pointer-events:none}.product-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}.product-logo-large{width:62px;height:62px;margin-bottom:22px;font-size:.92rem}.product-status-card{min-width:0}.unifi-section{overflow:hidden;background:var(--deep);color:#eaf1f5}.unifi-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.unifi-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:30px;padding:8px 11px;border:1px solid #425669;border-radius:6px;background:#fff;color:#10233a}.unifi-brand strong{font:700 1.05rem var(--font);letter-spacing:-.03em}.unifi-brand small{padding-left:10px;border-left:1px solid #cbd6de;color:#566773;font:400 .56rem var(--mono)}.unifi-copy .eyebrow{color:#7dd3e8}.unifi-copy .lead{color:#aebec7}.unifi-capabilities{display:grid;gap:0;margin:30px 0;padding:0;list-style:none;border-top:1px solid #2a3d51}.unifi-capabilities li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #2a3d51}.unifi-capabilities li>span{color:#7dd3e8;font:400 .62rem var(--mono)}.unifi-capabilities strong{display:block;font-size:.9rem}.unifi-capabilities p{margin:3px 0 0;color:#9cafba;font-size:.8rem}.unifi-visual{margin:0;padding:22px;border:1px solid #2a3d51;border-radius:12px;background:#0d172b;box-shadow:14px 14px #7dd3e814}.unifi-visual svg{display:block;width:100%;height:auto;color:#7dd3e8}.unifi-routes path{stroke:#46647a;stroke-width:3}.unifi-routes .route-pulse{stroke:currentColor;stroke-dasharray:8 14;animation:route-flow 8s linear infinite}.unifi-node rect,.unifi-node circle{fill:#111f35;stroke:#52758a;stroke-width:2}.unifi-node text,.unifi-leaf text{fill:#b8c9d2;font:500 11px var(--mono);letter-spacing:.05em}.unifi-node.gateway rect{fill:#153149;stroke:currentColor}.unifi-node.gateway circle,.unifi-leaf circle{fill:#32a287;stroke:#0d172b;stroke-width:4}.unifi-node.switch g rect{fill:#7dd3e8;stroke:0}.unifi-node.ap path,.unifi-node.clients path,.unifi-node.camera path,.unifi-node.camera circle,.unifi-node.clients rect+rect{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.unifi-visual figcaption{display:flex;align-items:center;gap:9px;padding-top:15px;border-top:1px solid #2a3d51;color:#9cafba;font:400 .65rem var(--mono)}.unifi-visual figcaption span{width:7px;height:7px;border-radius:50%;background:#32a287}@keyframes route-flow{to{stroke-dashoffset:-220}}.contact-page{padding:130px 0 82px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-copy{padding-top:18px}.contact-copy h1{font-size:clamp(2.4rem,4.5vw,3.3rem)}.contact-direct{display:grid;grid-template-columns:90px 1fr;gap:8px 18px;margin-top:38px}.contact-direct span{color:var(--muted);font:400 .64rem var(--mono);text-transform:uppercase}.contact-direct a{color:var(--accent);font-weight:650}.form-panel{padding:28px;border:1px solid var(--line);background:var(--surface)}.form-panel form>label,.field-row label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:.8rem;font-weight:650}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text)}textarea{resize:vertical}.check{flex-direction:row!important;align-items:flex-start!important}.check input{width:17px;margin-top:4px}.check a{text-decoration:underline}.hp{position:absolute;left:-10000px}.alert{margin-bottom:17px;padding:12px 14px;border:1px solid var(--line)}.alert.success{border-color:#32a287;background:#e0f5ef;color:#14453d}.alert.error{border-color:#b25a51;background:#fae8e5;color:#7d2922}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.footer-command{border-bottom:1px solid var(--line);background:var(--deep);color:#dbe6ea}.footer-command .container{display:flex;align-items:center;min-height:47px;font:400 .67rem var(--mono)}.footer-command span{color:#7dd3e8}.footer-command code{margin-left:7px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:65px;padding-top:55px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid strong{margin-bottom:7px;font-size:.8rem}.footer-grid p,.footer-grid span,.footer-grid a{color:var(--muted);font-size:.82rem}.footer-brand .noteq-logo{width:116px}.footer-bottom{display:flex;gap:22px;margin-top:45px;padding:18px 0 24px;border-top:1px solid var(--line);color:var(--muted);font-size:.73rem}.footer-bottom span{margin-right:auto}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-fact-grid article{padding:25px;border-right:1px solid var(--line)}.project-fact-grid article:last-child{border-right:0}.project-fact-grid article>span{color:var(--accent);font:600 .65rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.project-fact-grid p{margin:13px 0 0;color:var(--muted);font-size:.9rem}.technology-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}.technology-row strong{margin-right:7px;font-size:.78rem}.technology-row span{padding:5px 9px;border:1px solid var(--line);border-radius:4px;font:400 .65rem var(--mono)}.gallery-grid figure{margin:0;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.gallery-grid img{width:100%;height:100%;object-fit:cover}.reveal{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}.reveal.visible{opacity:1;transform:none}:root[data-template=atelier]{--radius:18px}:root[data-template=atelier] .site-header{top:12px;height:58px}:root[data-template=atelier] .site-header.scrolled{border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-template=atelier] .nav-wrap{padding:0 18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 12px 36px #0a122a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-template=atelier] .main-nav .nav-contact,:root[data-template=atelier] .mode-toggle{border-radius:999px}:root[data-template=atelier] .page-hero{border-bottom:0;background:radial-gradient(circle at 78% 34%,var(--accent-soft),transparent 35%)}:root[data-template=atelier] .hero-grid-bg{opacity:.32;background-size:64px 64px}:root[data-template=atelier] .system-card{border-radius:20px;overflow:hidden;box-shadow:0 22px 60px #0a122a1a}:root[data-template=atelier] .section.tint{margin:0 18px;border-radius:30px}:root[data-template=atelier] .card,:root[data-template=atelier] .product-card,:root[data-template=atelier] .form-panel{border-radius:18px;box-shadow:0 8px 30px #0a122a0a}:root[data-template=atelier] .card-index{margin-bottom:28px}:root[data-template=atelier] .project-visual{border-radius:12px}:root[data-template=atelier] .steps-grid,:root[data-template=atelier] .stats-grid{overflow:hidden;border-radius:18px}:root[data-template=atelier] .cta-panel{border:0;border-radius:22px;background:var(--deep);color:#fff}:root[data-template=atelier] .cta-panel p{color:#c2cdd3}:root[data-template=atelier] .button{border-radius:999px}:root[data-template=signal]{--radius:0}:root[data-template=signal] .site-header{border-top:3px solid var(--accent)}:root[data-template=signal] .site-header.scrolled{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-template=signal] .nav-contact,:root[data-template=signal] .mode-toggle,:root[data-template=signal] .button{border-radius:0}:root[data-template=signal] .page-hero{border-bottom:4px solid var(--text)}:root[data-template=signal] .page-hero:after{content:"NOTEQ / SYSTEMS ONLINE";position:absolute;right:0;bottom:0;padding:7px 15px;background:var(--accent);color:#fff;font:600 .58rem var(--mono);letter-spacing:.08em}:root[data-template=signal] .hero-layout{grid-template-columns:1.3fr .7fr}:root[data-template=signal] .system-card{box-shadow:10px 10px 0 var(--text)}:root[data-template=signal] .section-head{padding-left:18px;border-left:4px solid var(--accent)}:root[data-template=signal] .cards{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}:root[data-template=signal] .card,:root[data-template=signal] .product-card{border-width:0 1px 1px 0}:root[data-template=signal] .card:hover,:root[data-template=signal] .product-card:hover{box-shadow:inset 4px 0 var(--accent)}:root[data-template=signal] .project-visual{border-radius:0}:root[data-template=signal] .step-node{border-radius:4px;background:var(--accent-soft);box-shadow:0 0 0 7px var(--bg)}:root[data-template=signal] .eyebrow{background:var(--accent-soft);padding:4px 7px;width:max-content}:root[data-template=signal] .cta-panel{border:2px solid var(--text);border-left:12px solid var(--accent);box-shadow:8px 8px 0 var(--accent-soft)}:root[data-template=signal] .form-panel{border:2px solid var(--text);box-shadow:8px 8px 0 var(--accent-soft)}:root[data-template=cloud]{--radius:16px}:root[data-template=cloud] .system-path,:root[data-template=cloud] .footer-command,:root[data-template=cloud] .nav-contact span{display:none}:root[data-template=cloud] .site-header{top:10px;height:60px}:root[data-template=cloud] .site-header.scrolled{border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-template=cloud] .nav-wrap{padding:0 20px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 35px #0a122a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:root[data-template=cloud] .main-nav .nav-contact,:root[data-template=cloud] .mode-toggle,:root[data-template=cloud] .button{border-radius:999px}:root[data-template=cloud] .page-hero{border:0;background:linear-gradient(145deg,var(--surface-2),var(--bg) 58%)}:root[data-template=cloud] .hero-grid-bg{display:none}:root[data-template=cloud] .system-card{border:0;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #0a122a21}:root[data-template=cloud] .section.tint{background:transparent}:root[data-template=cloud] .cards{gap:18px}:root[data-template=cloud] .card,:root[data-template=cloud] .product-card,:root[data-template=cloud] .form-panel{border:0;border-radius:18px;box-shadow:0 8px 32px #0a122a14}:root[data-template=cloud] .card:hover,:root[data-template=cloud] .product-card:hover{box-shadow:0 14px 38px #0a122a21}:root[data-template=cloud] .project-visual{border:0;border-radius:13px}:root[data-template=cloud] .cta-panel{border:0;border-radius:22px;background:linear-gradient(135deg,var(--surface),var(--accent-soft))}:root[data-template=cloud] .stats-grid,:root[data-template=cloud] .steps-grid{overflow:hidden;border-radius:18px}:root[data-template=mesh]{--radius:12px}:root[data-template=mesh] body{background-image:radial-gradient(var(--line-soft) 1.2px,transparent 1.2px);background-size:26px 26px}:root[data-template=mesh] .site-header.scrolled{background:color-mix(in srgb,var(--surface) 92%,transparent)}:root[data-template=mesh] .page-hero{background:radial-gradient(circle at 74% 45%,var(--accent-soft),transparent 31%)}:root[data-template=mesh] .hero-grid-bg{background-size:72px 72px;opacity:.42}:root[data-template=mesh] .system-card{position:relative;border:1px dashed var(--accent);border-radius:14px;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent-soft) 62%,transparent)}:root[data-template=mesh] .system-card:before{content:"";position:absolute;z-index:2;left:-13px;top:36px;width:12px;height:12px;border:4px solid var(--bg);border-radius:50%;background:var(--accent)}:root[data-template=mesh] .section-head{padding-bottom:20px;border-bottom:1px dashed var(--line)}:root[data-template=mesh] .cards{position:relative;gap:20px}:root[data-template=mesh] .services-grid:before{content:"";position:absolute;z-index:0;left:7%;right:7%;top:35px;height:1px;border-top:1px dashed var(--accent)}:root[data-template=mesh] .card,:root[data-template=mesh] .product-card{z-index:1;border-style:dashed;background:color-mix(in srgb,var(--surface) 94%,transparent)}:root[data-template=mesh] .card:before,:root[data-template=mesh] .product-card:before{content:"";position:absolute;right:17px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}:root[data-template=mesh] .project-visual{background-image:radial-gradient(var(--accent) 1px,transparent 1px),linear-gradient(125deg,transparent 48%,var(--accent) 49%,var(--accent) 50%,transparent 51%);background-size:20px 20px,100% 100%}:root[data-template=mesh] .button{border-radius:999px}:root[data-template=mesh] .cta-panel{border:1px dashed var(--accent);border-left:5px solid var(--accent)}:root[data-template=ledger]{--radius:0}:root[data-template=ledger] .system-path,:root[data-template=ledger] .footer-command,:root[data-template=ledger] .hero-grid-bg,:root[data-template=ledger] .nav-contact span{display:none}:root[data-template=ledger] .site-header{background:var(--bg);border-bottom:1px solid var(--text)}:root[data-template=ledger] .page-hero{min-height:540px;border-bottom:1px solid var(--text);background:var(--surface)}:root[data-template=ledger] .hero-layout{grid-template-columns:1fr 1fr}:root[data-template=ledger] .system-card{border-width:3px 0 1px;box-shadow:none}:root[data-template=ledger] .section{padding:72px 0;border-top:1px solid var(--line)}:root[data-template=ledger] .section.tint{background:transparent}:root[data-template=ledger] .section-head{align-items:start;margin-bottom:20px;padding-bottom:24px;border-bottom:1px solid var(--text)}:root[data-template=ledger] .cards{gap:0}:root[data-template=ledger] .services-grid{grid-template-columns:repeat(2,1fr)}:root[data-template=ledger] .card,:root[data-template=ledger] .product-card{padding:30px 26px;border-width:0 0 1px;background:transparent}:root[data-template=ledger] .card:hover,:root[data-template=ledger] .product-card:hover{background:var(--surface-2)}:root[data-template=ledger] .card-index{margin-bottom:20px}:root[data-template=ledger] .project-visual{border-radius:0}:root[data-template=ledger] .button,:root[data-template=ledger] .nav-contact,:root[data-template=ledger] .mode-toggle{border-radius:0}:root[data-template=ledger] .cta-panel{border-width:1px 0;border-left:0;background:transparent}:root[data-template=ledger] .stats-grid{border-width:1px 0}:root[data-template=ops]{--radius:5px}:root[data-template=ops] .container{width:min(1200px,calc(100% - 40px))}:root[data-template=ops] .site-header{height:64px;background:var(--deep);border-top:3px solid var(--accent)}:root[data-template=ops] .site-header.scrolled{background:var(--deep);border-bottom-color:#2a3d51;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-template=ops] .brand,:root[data-template=ops] .main-nav>a{color:#eaf1f5}:root[data-template=ops] .brand-tag{color:#9cafba;border-color:#425669}:root[data-template=ops] .main-nav .nav-contact,:root[data-template=ops] .mode-toggle,:root[data-template=ops] .nav-toggle{border-color:#425669;background:#132238;color:#fff;border-radius:3px}:root[data-template=ops] .page-hero{min-height:570px;background:var(--surface-2);border-bottom:1px solid var(--accent)}:root[data-template=ops] .hero-grid-bg{background-size:32px 32px;opacity:.48}:root[data-template=ops] .system-card{border:2px solid var(--accent);box-shadow:none}:root[data-template=ops] .section{padding:64px 0}:root[data-template=ops] .section-head{margin-bottom:24px}:root[data-template=ops] .cards{gap:8px}:root[data-template=ops] .card,:root[data-template=ops] .product-card{padding:19px;border-radius:4px}:root[data-template=ops] .card-index{margin-bottom:24px}:root[data-template=ops] .section.tint{background:var(--deep);color:#eaf1f5}:root[data-template=ops] .section.tint .section-head>p,:root[data-template=ops] .section.tint .system-path{color:#9cafba}:root[data-template=ops] .section.tint .card{color:var(--text)}:root[data-template=ops] .button{border-radius:3px;font-family:var(--mono)}:root[data-template=ops] .cta-panel{border:1px solid var(--accent);border-left:7px solid var(--accent);box-shadow:none}:root[data-template=ops] .step-card,:root[data-template=ops] .stats-grid{background:var(--surface);color:var(--text)}body.editor-preview{min-width:320px}.editor-preview .editor-preview-block{position:relative;cursor:pointer;transition:box-shadow .15s ease}.editor-preview .editor-preview-block:hover{z-index:3;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 72%,transparent)}.editor-preview .editor-preview-block.is-selected{z-index:4;box-shadow:inset 0 0 0 3px var(--accent)}.editor-preview .editor-preview-block.is-selected:before{content:"Bewerken";position:absolute;z-index:10;top:4px;right:4px;padding:4px 7px;border-radius:4px;background:var(--accent);color:#fff;font:600 .58rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.editor-preview .reveal{opacity:1;transform:none}.editor-preview .typing-line i,.editor-preview .footer-command i,.editor-preview .route-pulse{animation:none}.editor-preview .editor-preview-page-settings{position:relative;cursor:pointer}.editor-preview .editor-preview-page-settings:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 72%,transparent)}.editor-preview .editor-preview-page-settings:before{content:"Pagina-instellingen";position:absolute;z-index:10;top:4px;right:4px;padding:4px 7px;border-radius:4px;background:var(--primary);color:#fff;font:600 .58rem var(--mono);letter-spacing:.04em;text-transform:uppercase}@media(max-width:900px){.brand-tag{display:none}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:63px;left:20px;right:20px;padding:18px;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line)}.main-nav.open{display:flex}.mode-toggle{align-self:flex-start}.hero-layout,.contact-grid,.prose-grid,.split-block,.product-detail-grid,.unifi-grid{grid-template-columns:1fr;gap:45px}.page-hero{min-height:auto}.system-card{max-width:600px}.services-grid,.projects-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid:before,.steps-grid li:after{display:none}.section-head{grid-template-columns:1fr;gap:15px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}:root[data-template=atelier] .main-nav{top:65px;border-radius:16px}:root[data-template=signal] .hero-layout{grid-template-columns:1fr}:root[data-template=cloud] .main-nav{top:66px;border-radius:18px}:root[data-template=mesh] .services-grid:before{display:none}:root[data-template=ledger] .hero-layout{grid-template-columns:1fr}:root[data-template=ops] .main-nav{background:var(--deep);border-color:#425669}}@media(max-width:600px){.container{width:min(100% - 28px,1100px)}.site-header{height:64px}.noteq-logo{width:112px}.page-hero{padding:105px 0 58px}.page-hero.compact{padding:105px 0 45px}h1{font-size:clamp(2rem,9.5vw,2.45rem)}h2{font-size:1.75rem}.section{padding:60px 0}.services-grid,.projects-grid,.product-grid,.steps-grid,.stats-grid,.footer-grid,.field-row{grid-template-columns:1fr}.steps-grid{gap:14px}.steps-grid:before{display:block;inset:24px auto 24px 23px;width:1px;height:auto;background:repeating-linear-gradient(180deg,var(--accent) 0 8px,transparent 8px 14px)}.steps-grid li{padding:0 0 0 62px}.step-node{top:18px;left:0}.step-node:after{display:none}.step-card{min-height:0;padding:23px 22px}.steps-grid h3{margin-top:17px}.stats-grid div{padding:25px;border-right:0;border-bottom:1px solid var(--line)}.cta-panel{align-items:flex-start;flex-direction:column;padding:28px 22px}.system-card dl>div{grid-template-columns:82px 1fr}.product-list>a{grid-template-columns:auto 1fr}.product-list .status{grid-column:2}.contact-page{padding:105px 0 60px}.form-panel{padding:20px}.footer-grid{gap:28px;padding-top:40px}.footer-bottom{flex-wrap:wrap}.footer-bottom span{width:100%}.gallery-grid,.project-fact-grid{grid-template-columns:1fr}.project-fact-grid article{border-right:0;border-bottom:1px solid var(--line)}.project-fact-grid article:last-child{border-bottom:0}:root[data-template=atelier] .site-header{top:8px}:root[data-template=atelier] .nav-wrap{width:calc(100% - 16px);padding:0 12px}:root[data-template=atelier] .section.tint{margin:0 8px;border-radius:22px}:root[data-template=signal] .page-hero:after{display:none}:root[data-template=signal] .system-card{box-shadow:6px 6px 0 var(--text)}:root[data-template=cloud] .site-header{top:7px}:root[data-template=cloud] .nav-wrap{width:calc(100% - 14px);padding:0 13px}:root[data-template=ledger] .services-grid{grid-template-columns:1fr}:root[data-template=ledger] .card,:root[data-template=ledger] .product-card{padding-inline:0}:root[data-template=ops] .container{width:min(100% - 28px,1200px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
