
:root{--navy:#07192f;--blue:#0878f9;--ink:#172d45;--muted:#63758a;--border:#dce7f0;--pale:#f4f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.7 'DM Sans',sans-serif}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em;line-height:1.13;margin:0 0 20px}p{margin:0 0 20px}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;padding:0 28px;margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:99;background:white;padding:10px}.site-header{background:var(--navy);border-bottom:1px solid #28435b}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#fff;letter-spacing:.1em}.brand img{max-height:44px;max-width:155px}.brand strong{display:none}.site-header nav{display:flex;align-items:center;gap:28px;color:#c8d8e8;font-size:13px;font-weight:700}.contact-link{border:1px solid #5d7690;padding:10px 16px;border-radius:4px}.language{color:#8bd8ff}.hero{background:radial-gradient(circle at 75% 45%,#153f65,var(--navy) 60%);color:#fff;padding:40px 0 80px;overflow:hidden}.back{font-size:12px;color:#b6d7ed}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;min-height:455px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#0b7ef2}.eyebrow{color:#81d5ff;display:flex;align-items:center;gap:10px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#61cfff}.hero h1{font-size:clamp(54px,7vw,95px);margin:20px 0}.hero h1 span{display:block;color:#6dcfff;font-size:clamp(27px,3.6vw,46px)}.hero-lead{font-size:18px;color:#c4d7e6;max-width:630px}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin:29px 0}.btn{display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:800;padding:14px 20px;border-radius:5px}.primary{background:var(--blue);color:#fff}.outline{border:1px solid #5b7c9a;color:#fff}.status{color:#b5d3e8;font-size:12px}.pulse{display:inline-block;width:8px;height:8px;background:#56d6b5;border-radius:50%;margin-right:9px}.hero-art{min-height:320px;display:grid;place-items:center;position:relative}.board{width:min(100%,390px);height:265px;border-radius:14px;border:2px solid #57b1bc;background:repeating-linear-gradient(0deg,transparent 0 25px,#ffffff09 26px 27px),repeating-linear-gradient(90deg,transparent 0 25px,#ffffff09 26px 27px),#145c69;box-shadow:0 25px 70px #0007;transform:rotate(-7deg);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.board-label{font-size:14px;font-weight:800;color:#d1f4ee}.board-label span{display:block;font-size:9px;letter-spacing:.18em;color:#b2e4e3}.chip{background:#092b3c;border:2px solid #6b9aa7;color:#fff;align-self:center;padding:18px 33px;text-align:center;font:700 28px 'Space Grotesk';border-radius:5px}.chip small{display:block;font:700 8px 'DM Sans';letter-spacing:.08em;color:#8dc8d1}.pins{font-size:9px;text-align:center;color:#d3f2ea}.terminals{display:flex;gap:4px}.terminals b{height:18px;flex:1;background:#1a976b;border:1px solid #0e473e}.art-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:.15em;color:#8aa9c0}.quick{background:#eaf3fa}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid>div{padding:27px 20px;border-right:1px solid #d5e5f0;display:flex;flex-direction:column}.quick-grid span{font-size:10px;color:#8ba3b8}.quick-grid b{font:700 20px 'Space Grotesk';margin:4px 0}.quick-grid small{font-size:11px;color:#6c8297}.section{padding:95px 0}.section h2{font-size:clamp(34px,4vw,52px);margin-top:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px}.bodycopy,.section-lead{color:var(--muted);line-height:1.9}.section-lead{max-width:730px;margin-bottom:34px}.pale{background:var(--pale)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:26px;background:white;border:1px solid var(--border);border-radius:9px}.feature>span{display:inline-block;font:800 12px 'Space Grotesk';color:#0878f9;margin-bottom:35px}.feature h3{font-size:21px}.feature p{font-size:13px;color:var(--muted);margin:0}.dark{background:#07192f;color:#fff}.dark .kicker{color:#8bd7ff}.dark .section-lead{color:#afc7da}.architecture{border:1px solid #3b5b78;border-radius:12px;padding:42px 26px;max-width:970px;margin:36px auto 10px;background:#0c2541}.architecture-top{display:flex;align-items:center;justify-content:center;gap:16px}.arch-node{border:1px solid #3d6b91;background:#123658;border-radius:8px;padding:24px 15px;text-align:center;min-width:0;flex:1}.arch-node small{display:block;font-size:9px;letter-spacing:.14em;color:#81d4ff}.arch-node strong{display:block;font:700 23px 'Space Grotesk';margin:7px 0}.arch-node span{font-size:11px;color:#b5ccdd}.arch-main{border-color:#5eb7e5;background:#164775}.arch-arrow{color:#65c9ff;font-size:28px}.arch-down{text-align:center;color:#65c9ff;font-size:29px;margin:12px}.arch-cloud{max-width:320px;margin:auto}.diagram-note{text-align:center;color:#819eb7;font-size:11px;margin-top:17px}.process{border-top:1px solid var(--border)}.process>div{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--border);font-weight:700}.process b{color:var(--blue);font-size:12px}.lesson-list p{padding:21px 0;border-bottom:1px solid var(--border);margin:0;color:#48617b}.roadmap-head{align-items:start}.roadmap{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:32px}.roadmap>div{border:1px solid var(--border);padding:24px 17px;border-radius:8px}.roadmap span{color:var(--blue);font-weight:800;font-size:12px}.roadmap p{font-size:13px;font-weight:700;margin:25px 0}.roadmap small{color:#8396a7;font-size:11px}.safety-note{font-size:12px;color:#7a8999;margin-top:24px}.closing-grid{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{max-width:660px}.closing p{max-width:690px;color:#b4c9db}.closing .btn{white-space:nowrap}.footer{background:#051222;color:#8299af;padding:28px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer a{font-weight:800;color:white;letter-spacing:.1em}@media(max-width:950px){.hero-grid{gap:20px}.two-col{gap:40px}.feature-grid{grid-template-columns:repeat(2,1fr)}.roadmap{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.wrap{padding:0 20px}.site-header nav{gap:13px}.site-header nav a{font-size:12px}.contact-link{padding:8px}.brand img{max-width:125px}.hero{padding-bottom:55px}.hero-grid,.two-col{grid-template-columns:1fr}.hero-grid{gap:30px;padding-top:55px}.hero-art{min-height:275px}.board{max-width:330px;height:220px}.hero h1{font-size:60px}.quick-grid{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}.architecture-top{flex-direction:column}.arch-node{width:100%}.arch-arrow{transform:rotate(90deg)}.roadmap{grid-template-columns:1fr 1fr}.closing-grid{align-items:flex-start;flex-direction:column}.footer-grid{flex-wrap:wrap}}@media(max-width:440px){.site-header nav a:first-child{display:none}.hero h1{font-size:50px}.feature-grid,.roadmap{grid-template-columns:1fr}.board{transform:rotate(-3deg)}.hero-buttons{flex-direction:column;align-items:flex-start}}

/* Photographic hardware case-study update */
.hero-photo{margin:0;background:#10263a;border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.22)}
.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.hero-photo figcaption{padding:13px 18px;color:#c7d9e9;font-size:.78rem}
.gallery-section{background:#f5f8fb}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}
.gallery-card{margin:0;background:#fff;border:1px solid #dbe5ed;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(15,35,60,.05)}
.gallery-card img{width:100%;height:350px;object-fit:contain;display:block;background:#eaf0f4}
.gallery-card.pcb img{height:480px}.gallery-card.wide img{height:280px;object-fit:cover}
.gallery-card figcaption{padding:15px 18px;font-size:.86rem;color:#405269;font-weight:600}
.gallery-disclaimer{margin-top:20px;color:#667789;font-size:.85rem}
@media(max-width:760px){.gallery-grid{grid-template-columns:1fr}.gallery-card img,.gallery-card.pcb img{height:360px}.gallery-card.wide img{height:250px}}

/* Prototype validation */
.validation{background:#f4f8fc;color:#172a43}
.validation .kicker{color:#236bc1}
.validation-intro{max-width:780px;line-height:1.75;color:#52647b;margin:16px 0 30px}
.validation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.validation-card{background:white;border:1px solid #dce6f0;border-radius:15px;padding:24px;box-shadow:0 5px 18px rgba(15,40,75,.045)}
.validation-card h3{font-size:19px;margin:15px 0 10px;color:#10253f}
.validation-card p{color:#55687c;line-height:1.7;margin:0}
.validation-status{display:inline-block;font-size:12px;font-weight:700;border-radius:100px;padding:7px 11px}
.validation-status.built{background:#e6f5ec;color:#20683b}
.validation-status.pending{background:#fff1dc;color:#855316}
.validation-next{margin-top:26px;border-left:4px solid #236bc1;background:white;border-radius:8px;padding:22px 26px}
.validation-next h3{font-size:19px;color:#10253f;margin:0 0 8px}
.validation-next p{color:#55687c;line-height:1.7;margin:0}
@media(max-width:900px){.validation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.validation-grid{grid-template-columns:1fr}}
