@font-face{font-family:Inter;src:url('fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Display';src:url('fonts/InterDisplay-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* CDworks Brand Identity, edition 1.0 - 14 October 2026. */
:root{--ink:#15232c;--ink2:#004575;--paper:#f3f6f8;--white:#fff;--muted:#526370;--line:#d5dfe5;--accent:#007cbd;--accent2:#00b4f0;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.6;font-feature-settings:'liga' 1,'calt' 1;font-optical-sizing:auto}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[id]{scroll-margin-top:120px}h1,h2,h3,h4{line-height:1.2}h1{font-family:'Inter Display',Inter,sans-serif;font-weight:700}h2,h3,h4{font-weight:600}p{margin:0 0 1.15em}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:-90px;left:16px;z-index:100;background:var(--ink2);color:white;padding:12px 20px;border-radius:6px;font-weight:600}.skip-link:focus{top:12px}
/* Supplied logo geometry and clear space are retained. */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;flex:0 0 320px}.brand-horizontal{width:320px}.brand-wordmark{display:none;width:180px}.nav-links{display:flex;align-items:center;gap:19px}.nav-links a{font-size:.82rem;font-weight:500;white-space:nowrap;color:var(--muted);padding:12px 0}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink2)}.nav-links a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:9px;text-decoration-thickness:2px}.nav-links .nav-cta{border:1px solid var(--ink2);border-radius:6px;padding:10px 15px;color:var(--ink2)}.nav-links .nav-cta:hover{background:var(--paper)}.menu{display:none;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:white;font-size:1.35rem;padding:8px 13px;cursor:pointer}
.eyebrow{margin:0 0 18px;text-transform:uppercase;font-size:.75rem;line-height:1.6;font-weight:600;letter-spacing:.16em;color:var(--accent)}.eyebrow span,.brand-tagline span{margin-inline:9px;color:var(--accent)}.hero{background:var(--paper);padding:72px 0 80px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:76px;align-items:center}.hero h1{font-size:clamp(2.5rem,4.1vw,3rem);line-height:1.12;letter-spacing:-.035em;margin:0}.hero h1 span{color:var(--ink2)}.hero-copy{max-width:560px;font-size:1.125rem;color:var(--muted);margin:24px 0 30px}.brand-showcase{background:white;border:1px solid var(--line);border-radius:12px;padding:22px 20px 30px;text-align:center}.brand-showcase img{width:460px;margin:auto}.brand-showcase p{margin:10px 0 0;font-size:1rem;color:var(--muted);line-height:1.5}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:6px;padding:11px 20px;font-size:.9rem;font-weight:600;border:1px solid transparent}.btn-primary{background:var(--ink2);color:white}.btn-primary:hover{background:var(--accent)}.btn-secondary{border-color:var(--ink2);color:var(--ink2);background:transparent}.btn-secondary:hover{background:rgba(0,124,189,.06)}.link{color:var(--ink2);font-weight:600;font-size:.95rem;text-underline-offset:5px}.link:hover{text-decoration:underline}.link:after{content:' \2192';color:var(--accent)}
.section{padding:80px 0}.section.alt{background:var(--paper)}.section.dark{background:var(--ink);color:white}.section p,.content p,.content li{color:var(--muted)}.section .eyebrow{color:var(--accent)}.section.dark p{color:#d2dce3}.section.dark .eyebrow,.page-hero .eyebrow{color:var(--accent2)}.section-head{display:flex;justify-content:space-between;gap:64px;align-items:end;margin-bottom:36px}.section-head h2{margin:0;font-size:clamp(1.5rem,2.5vw,1.75rem);line-height:1.2;letter-spacing:-.025em}.section-head p{max-width:580px;margin:0}.section-head .eyebrow{margin-bottom:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:28px}a.card{transition:border-color .15s,background .15s}a.card:hover{border-color:var(--accent);background:#f8fbfd}.card-num{color:var(--accent);font:600 .78rem ui-monospace,SFMono-Regular,Consolas,monospace}.card h3{font-size:1.125rem;margin:15px 0 12px}.card p{font-size:.95rem;margin:0;line-height:1.6}.tagline{margin-top:22px;color:var(--muted);font:500 .72rem ui-monospace,SFMono-Regular,Consolas,monospace}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.split h2{font-size:1.75rem;letter-spacing:-.025em;margin:0 0 24px}.content{max-width:820px}.content h2{font-size:1.75rem;letter-spacing:-.025em;margin:0 0 24px}.content h2:not(:first-child){margin-top:42px}.content h3{font-size:1.25rem;margin-top:0}.content ul{padding-left:24px}.content li{margin-bottom:10px}.status{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:5px 10px;color:var(--muted);font-size:.7rem;font-weight:600;line-height:1.5;letter-spacing:.04em}.status-tested{color:var(--ink2);background:#eef7fc;border-color:#99c7df}.dark .status{color:#d2dce3;border-color:#728591}
.featured-project{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.featured-project h2{font-family:'Inter Display',Inter,sans-serif;font-weight:700;font-size:clamp(1.875rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.03em;margin:18px 0 24px}.featured-project p{max-width:590px}.featured-project .btn{margin-top:10px}.machine-diagram{background:white;padding:32px;border:1px solid var(--line);border-radius:10px}.diagram-label{margin-bottom:24px;color:var(--accent);font:600 .8rem ui-monospace,Consolas,monospace;letter-spacing:.14em}.diagram-node{border:1px solid var(--line);border-radius:6px;padding:20px;background:var(--paper)}.diagram-node strong{display:block;font-size:1.1rem;font-weight:600}.diagram-node span{display:block;margin-top:7px;color:var(--muted);font:500 .75rem ui-monospace,Consolas,monospace}.diagram-connector{text-align:center;color:var(--accent);font-size:1.75rem;padding:8px}.diagram-caption{margin-top:24px;font-size:.875rem;color:var(--muted)}.tech-panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:26px}.tech-panel .row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.tech-panel .row:last-child{border-bottom:0}.tech-panel strong{font-weight:600;font-size:.8rem}.tech-panel span{color:var(--muted);text-align:right;font:500 .78rem ui-monospace,Consolas,monospace}.project-facts{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 28px}.project-facts div{padding:20px 0;border-bottom:1px solid var(--line)}.project-facts div:last-child{border-bottom:0}.project-facts span{display:block;text-transform:uppercase;font-size:.72rem;font-weight:600;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.project-facts strong{font-size:1rem;font-weight:600}
.tools-banner{display:flex;justify-content:space-between;align-items:center;gap:32px;border:1px solid #526370;border-radius:10px;padding:32px}.tools-banner h3{font-size:1.5rem;margin:16px 0 12px}.tools-banner p{margin:0}.tools-banner .btn{white-space:nowrap}.dark .btn-secondary,.page-hero .btn-secondary{border-color:#b5c5d0;color:white}.dark .btn-secondary:hover,.page-hero .btn-secondary:hover{background:rgba(255,255,255,.08)}.empty-state{max-width:760px;margin:auto;text-align:center;border:1px solid var(--line);border-radius:10px;padding:52px 36px;background:var(--paper)}.empty-state h2{font-size:1.75rem;letter-spacing:-.025em;margin:24px 0}.empty-state p{max-width:570px;margin:0 auto 28px}.contact-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:32px}.contact-card h2{font-size:1.75rem;margin:0 0 24px}.contact-email{display:inline-block;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;color:var(--ink2);text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere;max-width:100%;margin:8px 0 24px}.contact-note{font-size:.85rem;margin-top:24px}
.page-hero{background:var(--ink);color:white;padding:64px 0}.page-hero h1{font-size:clamp(2.25rem,4.2vw,3rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}.page-hero p{max-width:760px;color:#d2dce3;font-size:1.063rem}.page-hero .eyebrow{font-size:.75rem}.page-hero .actions{margin-top:30px}.page-hero .btn-primary{background:var(--accent);color:white}.page-hero .btn-primary:hover{background:#006da7}.repo-note{font-size:.85rem!important;max-width:680px!important;margin:22px 0 0;color:var(--muted)}.page-hero .repo-note{color:#d2dce3}.cta{background:var(--ink2);color:white;padding:56px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:32px}.cta h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.025em;margin:0}.cta p{margin:16px 0 0;max-width:620px;color:#e1edf4}.cta .btn{background:white;color:var(--ink2);white-space:nowrap}.cta .btn:hover{background:var(--paper)}.footer{background:var(--ink);color:#d2dce3;padding:44px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-brand{display:block;width:320px}.footer small{display:block;margin-top:12px;font-size:.8rem}.footer .brand-tagline{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;margin:12px 8px 0}.footer .brand-tagline span{color:var(--accent2);margin-inline:7px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:.875rem}.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1120px){.menu{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:96px;padding:22px 32px 30px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:8px;max-height:calc(100dvh - 96px);overflow:auto}.nav-links.open{display:flex}.nav-links a{font-size:1rem;padding:10px 0}.hero-grid{gap:40px}}
@media(max-width:900px){.hero-grid,.split,.featured-project{grid-template-columns:1fr;gap:40px}.hero-intro{max-width:640px}.brand-showcase{max-width:600px;width:100%}.grid4{grid-template-columns:repeat(2,1fr)}.grid3,.page-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:24px}.cta-grid,.footer-grid{align-items:flex-start;flex-direction:column}.tools-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.nav{min-height:80px;gap:20px}.brand{flex-basis:180px}.brand-horizontal{display:none}.brand-wordmark{display:block}.nav-links{top:80px;padding:20px;max-height:calc(100dvh - 80px)}[id]{scroll-margin-top:104px}.hero{padding:48px 0 56px}.hero h1{font-size:2.5rem}.hero-copy{font-size:1.063rem}.eyebrow{font-size:.68rem;letter-spacing:.12em}.eyebrow span{margin-inline:4px}.brand-showcase{padding:12px 12px 24px}.brand-showcase img{min-width:0}.brand-showcase p{font-size:.95rem}.grid4{grid-template-columns:1fr}.section{padding:56px 0}.card{padding:24px}.page-hero{padding:48px 0}.page-hero h1{font-size:2.25rem}.contact-card,.machine-diagram,.tools-banner,.project-facts{padding:24px}.empty-state{padding:36px 24px}.featured-project h2{font-size:1.875rem}.footer-brand{width:320px;max-width:100%}.footer-links{flex-direction:column;gap:14px}.tech-panel .row{flex-direction:column;gap:8px}.tech-panel span{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a.card{transition:none}}

@media(max-width:680px){.footer-brand{width:180px}.footer .brand-tagline{margin-left:0;letter-spacing:.06em}.footer .brand-tagline span{margin-inline:4px}}
@media(max-width:360px){.brand-showcase{padding:12px 8px 24px}}