*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#1B3A6B;--gold:#C8A84B;--gold-d:#A88A35;--void:#080E1A;--mist:#F0F2F5;--f-d:'Century Gothic','Avant Garde','Trebuchet MS',system-ui,sans-serif;--f-s:system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;--f-m:'Courier New',Courier,monospace;--wrap:1160px;--r:6px;--ease:.22s ease;--eol:rgba(200,168,75,0.88);--eol-bg:rgba(200,168,75,0.13);--eol-bd:rgba(200,168,75,0.38)}
html{scroll-behavior:smooth}body{font-family:var(--f-s);color:#2a3244;background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 2rem}
header{position:sticky;top:0;z-index:100;background:var(--void);border-bottom:1px solid rgba(255,255,255,0.06)}.hinner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:2rem}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-img{width:52px;height:52px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:50%;padding:4px}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-name{font-family:var(--f-d);font-size:1rem;font-weight:700;letter-spacing:0.08em;color:#fff;text-transform:uppercase}.logo-sub{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.16em;color:var(--gold);text-transform:uppercase;margin-top:3px}nav{display:flex;align-items:center;gap:0.1rem}nav a{font-size:0.85rem;font-weight:500;color:rgba(255,255,255,0.72);padding:0.5rem 0.75rem;border-radius:4px;transition:var(--ease)}nav a:hover{color:#fff;background:rgba(255,255,255,0.07)}nav a.lang{border:1px solid rgba(200,168,75,0.4);color:var(--gold);margin-left:0.25rem}nav a.nav-btn{background:var(--gold);color:var(--void);font-weight:700;padding:0.45rem 1rem;margin-left:0.5rem;border-radius:3px}nav a.nav-btn:hover{background:var(--gold-d)}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.burger span{display:block;width:22px;height:2px;background:#fff;border-radius:1px}@media(max-width:860px){nav{display:none}.burger{display:flex}}.nav-overlay{display:none;position:fixed;inset:0;background:var(--void);z-index:200;flex-direction:column;padding:5rem 2rem 2rem;gap:1.5rem}.nav-overlay.open{display:flex}.nav-overlay a{font-size:1.15rem;color:rgba(255,255,255,0.8);font-weight:500;border-bottom:1px solid rgba(255,255,255,0.07);padding-bottom:1rem}.nav-close{position:absolute;top:1.25rem;right:1.5rem;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}#nav-overlay{display:none;position:fixed;inset:0;background:var(--void);z-index:200;flex-direction:column;padding:5rem 2rem 2rem;gap:1.5rem}#nav-overlay.open{display:flex}#nav-overlay a{font-size:1.15rem;color:rgba(255,255,255,0.8);font-weight:500;border-bottom:1px solid rgba(255,255,255,0.07);padding-bottom:1rem}
.breadcrumb{background:var(--void);padding:0.65rem 0;border-bottom:1px solid rgba(255,255,255,0.05)}.breadcrumb ol{display:flex;align-items:center;gap:0.4rem;list-style:none;flex-wrap:wrap}.breadcrumb li{font-size:0.82rem;color:rgba(255,255,255,0.38)}.breadcrumb li a{color:rgba(255,255,255,0.5);transition:var(--ease)}.breadcrumb li a:hover{color:var(--gold)}.breadcrumb li+li::before{content:'/';margin-right:0.4rem}.breadcrumb a{font-size:0.82rem;color:rgba(255,255,255,0.5);transition:var(--ease)}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span[aria-current]{font-size:0.82rem;color:rgba(255,255,255,0.38)}.breadcrumb>div>span[aria-hidden]{font-size:0.82rem;color:rgba(255,255,255,0.28);margin:0 0.1rem}
.page-hero{background:var(--void);padding:4rem 0 3.5rem;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 70% 50%,rgba(27,58,107,0.4) 0%,transparent 65%);pointer-events:none}.page-hero .wrap{position:relative}.back-link{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.9rem;font-weight:500;color:rgba(200,168,75,0.75);margin-bottom:1.75rem;transition:var(--ease)}.back-link:hover{color:var(--gold)}.back-link svg{transition:transform var(--ease)}.back-link:hover svg{transform:translateX(-3px)}.page-hero .eyebrow{font-family:var(--f-m);font-size:1rem;letter-spacing:0.14em;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:1.1rem}.page-hero h1{font-family:var(--f-d);font-size:clamp(1.75rem,3.5vw,2.6rem);font-weight:700;letter-spacing:-0.02em;color:#fff;text-wrap:balance;line-height:1.2;margin-bottom:1rem;max-width:28ch}.page-hero .lead{font-size:1.05rem;color:rgba(255,255,255,0.6);line-height:1.75;max-width:54ch}
.article{padding:4rem 0}.article-body{display:grid;grid-template-columns:1fr 300px;gap:3.5rem;align-items:start}
.prose h2{font-family:var(--f-d);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:-0.02em;color:var(--navy);margin-bottom:1rem}.prose h3{font-family:var(--f-d);font-size:1.2rem;font-weight:700;color:var(--navy);margin:2rem 0 0.75rem}.prose p{font-size:1.05rem;color:#3a4a68;line-height:1.8;margin-bottom:1.25rem}.prose p:last-child{margin-bottom:0}
.prose ul,.prose ol{list-style:none;display:flex;flex-direction:column;gap:0.55rem;margin:0.25rem 0 1.25rem;padding:0}.prose ul li{display:flex;align-items:flex-start;gap:0.75rem;font-size:1rem;color:#3a4a68;line-height:1.7}.prose ul li::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:0.65em}.prose ol{counter-reset:steps}.prose ol li{counter-increment:steps;display:flex;align-items:flex-start;gap:0.75rem;font-size:1rem;color:#3a4a68;line-height:1.7}.prose ol li::before{content:counter(steps);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--f-d);font-size:0.8rem;font-weight:700;flex-shrink:0;margin-top:0.15em}
.code-block{background:var(--void);border-radius:var(--r);padding:1.25rem 1.5rem;margin:1.25rem 0;overflow-x:auto}.code-block pre{font-family:var(--f-m);font-size:0.92rem;color:#c8d4f0;line-height:1.65;white-space:pre}.code-block .comment{color:#5a7a8a}
.callout{border-left:3px solid var(--gold);background:rgba(200,168,75,0.06);border-radius:0 var(--r) var(--r) 0;padding:1.25rem 1.5rem;margin:1.75rem 0}.callout p{font-size:1rem;color:#3a4a68;line-height:1.75;margin:0}.callout strong{color:var(--navy)}
.note-box{background:rgba(27,58,107,0.05);border:1px solid rgba(27,58,107,0.1);border-radius:var(--r);padding:1.25rem 1.5rem;margin:1.75rem 0}.note-box p{font-size:1rem;color:#3a4a68;line-height:1.75;margin:0}.note-box strong{color:var(--navy)}
.section-divider{height:1px;background:rgba(27,58,107,0.1);margin:2.5rem 0}
.sidebar-card{background:var(--mist);border:1px solid rgba(27,58,107,0.1);border-radius:var(--r);padding:1.5rem;margin-bottom:1.25rem}.sidebar-card h4{font-family:var(--f-m);font-size:0.82rem;letter-spacing:0.1em;text-transform:uppercase;color:#7a8aaa;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(27,58,107,0.1)}.sidebar-card ul{list-style:none;display:flex;flex-direction:column;gap:0.6rem}.sidebar-card ul li a{display:flex;align-items:center;gap:0.5rem;font-size:0.95rem;color:#3a4a68;transition:var(--ease)}.sidebar-card ul li a:hover{color:var(--navy)}.sidebar-card ul li a svg{flex-shrink:0;color:#7a8aaa}.sidebar-tag{display:inline-block;font-family:var(--f-m);font-size:0.82rem;letter-spacing:0.06em;text-transform:uppercase;padding:0.3rem 0.7rem;border-radius:3px;background:rgba(27,58,107,0.1);color:var(--navy);margin:0.2rem}.cta-card{background:var(--navy);border-radius:var(--r);padding:1.75rem;text-align:center}.cta-card h4{font-family:var(--f-d);font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:0.5rem}.cta-card p{font-size:0.95rem;color:rgba(255,255,255,0.55);line-height:1.6;margin-bottom:1.25rem}.btn-cta{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-d);font-size:1rem;font-weight:700;padding:0.75rem 1.5rem;border-radius:3px;background:var(--gold);color:var(--void);width:100%;transition:var(--ease)}.btn-cta:hover{background:var(--gold-d)}
@media(max-width:900px){.article-body{grid-template-columns:1fr}.article-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.cta-card{grid-column:1/-1}}@media(max-width:560px){.article-sidebar{grid-template-columns:1fr}}
.related{background:var(--mist);padding:4rem 0}.related .eyebrow{font-family:var(--f-m);font-size:1rem;letter-spacing:0.14em;color:var(--navy);text-transform:uppercase;display:block;margin-bottom:1.1rem}.related h2{font-family:var(--f-d);font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:700;color:var(--navy);margin-bottom:2rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.rel-card{background:#fff;border:1px solid rgba(27,58,107,0.1);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;gap:0.75rem;transition:var(--ease)}.rel-card:hover{border-color:rgba(27,58,107,0.25);box-shadow:0 4px 18px rgba(27,58,107,0.08)}.rel-card-tag{font-family:var(--f-m);font-size:0.82rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--gold)}.rel-card h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);line-height:1.35}.rel-card p{font-size:0.95rem;color:#5a6a88;line-height:1.6;flex:1}.rel-card-link{font-size:0.95rem;font-weight:600;color:var(--navy);display:inline-flex;align-items:center;gap:0.35rem;margin-top:0.25rem}
footer{background:var(--void);padding:3rem 0 1.5rem;border-top:1px solid rgba(255,255,255,0.06)}.foot-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,0.07);flex-wrap:wrap}.foot-brand>p{font-size:0.95rem;color:rgba(255,255,255,0.45);line-height:1.7;max-width:240px;margin-top:1rem}.foot-col h4{font-family:var(--f-m);font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:1rem}.foot-col ul{list-style:none}.foot-col li{margin-bottom:0.55rem}.foot-col a{font-size:0.95rem;color:rgba(255,255,255,0.55);transition:var(--ease)}.foot-col a:hover{color:var(--gold)}.foot-bottom{padding-top:1.25rem}.foot-bottom p{font-family:var(--f-m);font-size:0.82rem;color:rgba(255,255,255,0.3)}
.fade{opacity:0;transform:translateY(12px);transition:opacity 0.5s ease,transform 0.5s ease}.fade.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.fade,.fade.in{opacity:1;transform:none;transition:none}}
nav a.nav-srch{display:inline-flex;align-items:center;padding:0.45rem 0.6rem;color:rgba(255,255,255,0.65);transition:var(--ease)}nav a.nav-srch:hover{color:#fff;background:rgba(255,255,255,0.07)}

.part-card-foot{padding:0.75rem 1.2rem;border-top:1px solid rgba(27,58,107,0.08);background:var(--mist)} .btn-dl-sm{display:inline-flex;align-items:center;gap:0.45rem;font-family:var(--f-m);font-size:0.88rem;font-weight:700;color:var(--navy);text-decoration:none;padding:0.45rem 0.85rem;border:1.5px solid var(--navy);border-radius:4px;transition:background 0.18s,color 0.18s} .btn-dl-sm:hover{background:var(--navy);color:#fff}


/* ── SCREENSHOTS ── */ .screenshots{background:var(--void);padding:5rem 0} .screenshots .sec-head{margin-bottom:2.5rem} .ss-frame{position:relative;cursor:zoom-in;display:inline-block;width:100%} .ss-frame img{width:100%;border-radius:var(--r);box-shadow:0 8px 40px rgba(0,0,0,0.55);display:block;transition:transform var(--ease),box-shadow var(--ease)} .ss-frame:hover img{transform:scale(1.005);box-shadow:0 12px 50px rgba(0,0,0,0.7)} .ss-hint{display:flex;align-items:center;justify-content:center;gap:0.4rem;margin-top:0.75rem;font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.08em;color:rgba(200,168,75,0.65)} /* ── IN THE WILD ── */ .wild{background:var(--navy);padding:4rem 0} .wild-inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center} @media(max-width:640px){.wild-inner{grid-template-columns:1fr;gap:1.5rem}} .wild h2{font-family:var(--f-d);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:0.6rem;letter-spacing:-0.01em} .wild p{font-size:0.97rem;line-height:1.8;color:rgba(255,255,255,0.68);max-width:56ch} .wild-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:0.5rem;background:transparent;border:1.5px solid var(--gold);color:var(--gold);font-family:var(--f-d);font-size:0.85rem;font-weight:700;letter-spacing:0.05em;padding:0.8rem 1.5rem;border-radius:3px;transition:var(--ease);white-space:nowrap} .wild-cta:hover{background:var(--gold);color:var(--void)} /* ── LIGHTBOX (screenshots) ── */ #lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:999;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out} #lb.open{display:flex} #lb img{max-width:min(1000px,94vw);max-height:92vh;object-fit:contain;border-radius:var(--r);box-shadow:0 20px 80px rgba(0,0,0,0.6)} #lb-close{position:fixed;top:1.25rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:1.2rem;line-height:1;padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer;transition:var(--ease)} #lb-close:hover{border-color:var(--gold);color:var(--gold)}

/* ── DIAGRAM ── */ .diagram-sec{background:var(--void);padding:5rem 0} .diagram-inner{display:grid;grid-template-columns:1fr 200px;gap:3.5rem;align-items:center} @media(max-width:680px){.diagram-inner{grid-template-columns:1fr;gap:2rem}} .diagram-text h3{font-family:var(--f-d);font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:0.75rem;letter-spacing:-0.01em} .diagram-text p{font-size:0.95rem;line-height:1.8;color:rgba(255,255,255,0.6);margin-bottom:1.25rem} .diagram-thumb{position:relative;cursor:zoom-in;flex-shrink:0} .diagram-thumb img{width:200px;border-radius:var(--r);box-shadow:0 8px 30px rgba(0,0,0,0.5);display:block;transition:transform var(--ease),box-shadow var(--ease)} .diagram-thumb:hover img{transform:scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,0.65)} .diagram-hint{display:flex;align-items:center;gap:0.4rem;margin-top:0.6rem;font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.08em;color:rgba(200,168,75,0.65);justify-content:center} #lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:999;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out} #lb.open{display:flex} #lb img{max-width:min(560px,90vw);max-height:90vh;object-fit:contain;border-radius:var(--r);box-shadow:0 20px 80px rgba(0,0,0,0.6)} #lb-close{position:fixed;top:1.25rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:1.2rem;line-height:1;padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer;transition:var(--ease)} #lb-close:hover{border-color:var(--gold);color:var(--gold)}/* ── SCREENSHOTS ── */ .screenshots{background:#fff;padding:5rem 0} .ss-frame{cursor:zoom-in;display:block;width:100%} .ss-frame img{width:100%;border-radius:var(--r);box-shadow:0 8px 40px rgba(0,0,0,0.12);display:block;transition:transform var(--ease),box-shadow var(--ease)} .ss-frame:hover img{transform:scale(1.005);box-shadow:0 12px 50px rgba(0,0,0,0.2)} .ss-hint{display:flex;align-items:center;justify-content:center;gap:0.4rem;margin-top:0.75rem;font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.08em;color:rgba(27,58,107,0.45)} #ss-lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:998;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out} #ss-lb.open{display:flex} #ss-lb img{max-width:min(900px,92vw);max-height:90vh;object-fit:contain;border-radius:var(--r);box-shadow:0 20px 80px rgba(0,0,0,0.6)} #ss-lb-close{position:fixed;top:1.25rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:1.2rem;line-height:1;padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer;transition:var(--ease)} #ss-lb-close:hover{border-color:var(--gold);color:var(--gold)} .video-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0} .video-card{display:flex;flex-direction:column;gap:0.75rem;background:var(--mist);border-radius:var(--r);overflow:hidden} .vid-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block} .vid-info{padding:.85rem 1rem 0} .vid-info h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:.4rem} .vid-info p{font-size:.9rem;color:#3a4a68;line-height:1.6;margin:0} .video-card .video-embed{padding:0 1rem 1rem;margin:0} .vid-thumb-wrap{position:relative;cursor:pointer;overflow:hidden;border-radius:var(--r) var(--r) 0 0} .vid-thumb-wrap .vid-thumb{width:100%;display:block;transition:transform .25s} .vid-thumb-wrap:hover .vid-thumb{transform:scale(1.03)} .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.92;transition:opacity .2s} .vid-thumb-wrap:hover .play-overlay{opacity:1}

@media(max-width:620px){.task-grid{grid-template-columns:1fr}.manual-banner .wrap{flex-direction:column}}

@media(max-width:860px){nav{display:none}.burger{display:flex}} @media(max-width:620px){.dl-grid{grid-template-columns:1fr}}

@media(max-width:680px){.cards-grid{grid-template-columns:1fr}.manual-inner{flex-direction:column;align-items:flex-start}}

#lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:999;align-items:center;justify-content:center;cursor:zoom-out;padding:2rem} #lb.open{display:flex} #lb-img{width:min(90vw,1200px);max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 60px rgba(0,0,0,0.6);cursor:default} #lb-close{position:fixed;top:1.25rem;right:1.5rem;background:rgba(255,255,255,0.15);border:none;color:#fff;font-size:1.5rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center} figure img,#img-tmpc53d{cursor:zoom-in}

/* ── SCREENSHOTS ── */ .screenshots{background:#fff;padding:5rem 0} .ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem}@media(max-width:640px){.ss-grid{grid-template-columns:1fr}} .ss-thumb{cursor:pointer;border-radius:var(--r);overflow:hidden;border:1px solid rgba(27,58,107,0.1);transition:box-shadow var(--ease),transform var(--ease)} .ss-thumb img{max-width:100%;width:auto;display:block;height:auto;margin:0 auto} .ss-thumb:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(27,58,107,0.13)} /* lightbox */ #ss-lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.9);z-index:999;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out} #ss-lb.open{display:flex} #ss-lb img{max-width:min(360px,80vw);max-height:90vh;object-fit:contain;border-radius:var(--r);box-shadow:0 20px 80px rgba(0,0,0,0.6)} #ss-lb-close{position:fixed;top:1.25rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:1.2rem;line-height:1;padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer;transition:var(--ease)} #ss-lb-close:hover{border-color:var(--gold);color:var(--gold)}

#lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:999;align-items:center;justify-content:center;cursor:zoom-out;padding:2rem} #lb.open{display:flex} #lb-img{width:min(90vw,1200px);max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 60px rgba(0,0,0,0.6);cursor:default} #lb-close{position:fixed;top:1.25rem;right:1.5rem;background:rgba(255,255,255,0.15);border:none;color:#fff;font-size:1.5rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center} .article-body img[id^="pas-"]{cursor:zoom-in}

/* === aag-cloud-watcher.html === */
/* ── SCREENSHOTS ── */ .screenshots{background:var(--void);padding:5rem 0} .screenshots .sec-head{margin-bottom:2.5rem} .ss-frame{position:relative;cursor:zoom-in;display:inline-block;width:100%} .ss-frame img{width:100%;border-radius:var(--r);box-shadow:0 8px 40px rgba(0,0,0,0.55);display:block;transition:transform var(--ease),box-shadow var(--ease)} .ss-frame:hover img{transform:scale(1.005);box-shadow:0 12px 50px rgba(0,0,0,0.7)} .ss-hint{display:flex;align-items:center;justify-content:center;gap:0.4rem;margin-top:0.75rem;font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.08em;color:rgba(200,168,75,0.65)} /* ── IN THE WILD ── */ .wild{background:var(--navy);padding:4rem 0} .wild-inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center} @media(max-width:640px){.wild-inner{grid-template-columns:1fr;gap:1.5rem}} .wild h2{font-family:var(--f-d);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:0.6rem;letter-spacing:-0.01em} .wild p{font-size:0.97rem;line-height:1.8;color:rgba(255,255,255,0.68);max-width:56ch} .wild-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:0.5rem;background:transparent;border:1.5px solid var(--gold);color:var(--gold);font-family:var(--f-d);font-size:0.85rem;font-weight:700;letter-spacing:0.05em;padding:0.8rem 1.5rem;border-radius:3px;transition:var(--ease);white-space:nowrap} .wild-cta:hover{background:var(--gold);color:var(--void)} /* ── LIGHTBOX (screenshots) ── */ #lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:999;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out} #lb.open{display:flex} #lb img{max-width:min(1000px,94vw);max-height:92vh;object-fit:contain;border-radius:var(--r);box-shadow:0 20px 80px rgba(0,0,0,0.6)} #lb-close{position:fixed;top:1.25rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:1.2rem;line-height:1;padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer;transition:var(--ease)} #lb-close:hover{border-color:var(--gold);color:var(--gold)}

/* === blog.html === */
/* ===== Blog page additions ===== */ .yr-group{margin-bottom:2.5rem} .yr-label{font-family:var(--f-d);font-size:1.6rem;font-weight:800;color:var(--navy);opacity:0.15;margin-bottom:0.6rem;letter-spacing:-0.02em} .post-list{display:flex;flex-direction:column;gap:0.35rem} .post-row{display:grid;grid-template-columns:auto 1fr auto;gap:0.8rem;align-items:center;padding:0.75rem 1rem;border-radius:8px;background:#fff;border:1px solid rgba(27,58,107,0.09);text-decoration:none;color:inherit;transition:box-shadow 0.15s,background 0.15s} .post-row:hover{background:rgba(200,168,75,0.06);box-shadow:0 2px 8px rgba(27,58,107,0.1);border-color:rgba(200,168,75,0.3)} .cat-chip{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.07em;text-transform:uppercase;padding:0.2rem 0.6rem;border-radius:3px;white-space:nowrap;flex-shrink:0} .cat-gen{background:rgba(27,58,107,0.08);color:var(--navy)} .cat-cld{background:rgba(37,99,235,0.1);color:#1d4ed8} .cat-aut{background:rgba(5,150,105,0.1);color:#065f46} .cat-obs{background:rgba(124,58,237,0.1);color:#5b21b6} .cat-afc{background:rgba(219,39,119,0.1);color:#9d174d} .cat-foc{background:rgba(217,119,6,0.12);color:#92400e} .post-title{font-size:0.95rem;font-weight:600;color:var(--navy);line-height:1.3} .post-date{font-size:0.8rem;color:#888;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums} @media(max-width:600px){.post-row{grid-template-columns:1fr;gap:0.3rem}.post-date{display:none}} .filter-bar{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:2rem} .filter-btn{font-family:var(--f-m);font-size:0.8rem;letter-spacing:0.06em;text-transform:uppercase;padding:0.35rem 0.9rem;border-radius:20px;border:1.5px solid transparent;cursor:pointer;transition:background 0.15s,border-color 0.15s;background:rgba(27,58,107,0.07);color:var(--navy)} .filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)} /* Search input */ .blog-search-wrap{margin-bottom:1.5rem;position:relative} .blog-search{width:100%;padding:0.7rem 1rem 0.7rem 2.75rem;font-family:var(--f-s);font-size:1rem;border:1.5px solid rgba(27,58,107,0.2);border-radius:8px;background:#fff;color:#2a3244;outline:none;transition:border-color 0.15s,box-shadow 0.15s} .blog-search:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,58,107,0.12)} .blog-search::placeholder{color:#aab} .blog-search-icon{position:absolute;left:0.85rem;top:50%;transform:translateY(-50%);color:#aab;pointer-events:none} /* Latest Posts featured cards */ .latest-posts-section{margin-bottom:3rem} .latest-posts-heading{font-family:var(--f-d);font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:700;color:var(--navy);margin-bottom:1.25rem;letter-spacing:-0.02em} .featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:0} @media(max-width:640px){.featured-grid{grid-template-columns:1fr}} .feat-card{display:block;border-radius:10px;overflow:hidden;border:1px solid rgba(27,58,107,0.1);background:#fff;text-decoration:none;color:inherit;transition:transform 0.2s ease,box-shadow 0.2s ease} .feat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(27,58,107,0.13);border-color:rgba(200,168,75,0.35)} .feat-card-img{width:100%;height:200px;object-fit:cover;display:block;background:var(--mist)} .feat-card-body{padding:1rem 1.1rem 1.2rem} .feat-card-tag{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.07em;text-transform:uppercase;padding:0.2rem 0.6rem;border-radius:3px;display:inline-block;margin-bottom:0.55rem} .feat-card-title{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);line-height:1.35;margin-bottom:0.4rem} .feat-card-date{font-size:0.82rem;color:#888}

/* === caterpillar-dome-controller.html === */
/* ── DIAGRAM ── */ .diagram-sec{background:var(--void);padding:5rem 0} .diagram-inner{display:grid;grid-template-columns:1fr 200px;gap:3.5rem;align-items:center} @media(max-width:680px){.diagram-inner{grid-template-columns:1fr;gap:2rem}} .diagram-text h3{font-family:var(--f-d);font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:0.75rem;letter-spacing:-0.01em} .diagram-text p{font-size:0.95rem;line-height:1.8;color:rgba(255,255,255,0.6);margin-bottom:1.25rem} .diagram-thumb{position:relative;cursor:zoom-in;flex-shrink:0} .diagram-thumb img{width:200px;border-radius:var(--r);box-shadow:0 8px 30px rgba(0,0,0,0.5);display:block;transition:transform var(--ease),box-shadow var(--ease)} .diagram-thumb:hover img{transform:scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,0.65)} .diagram-hint{display:flex;align-items:center;gap:0.4rem;margin-top:0.6rem;font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.08em;color:rgba(200,168,75,0.65);justify-content:center} #lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:999;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out} #lb.open{display:flex} #lb img{max-width:min(560px,90vw);max-height:90vh;object-fit:contain;border-radius:var(--r);box-shadow:0 20px 80px rgba(0,0,0,0.6)} #lb-close{position:fixed;top:1.25rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:1.2rem;line-height:1;padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer;transition:var(--ease)} #lb-close:hover{border-color:var(--gold);color:var(--gold)}/* ── SCREENSHOTS ── */ .screenshots{background:#fff;padding:5rem 0} .ss-frame{cursor:zoom-in;display:block;width:100%} .ss-frame img{width:100%;border-radius:var(--r);box-shadow:0 8px 40px rgba(0,0,0,0.12);display:block;transition:transform var(--ease),box-shadow var(--ease)} .ss-frame:hover img{transform:scale(1.005);box-shadow:0 12px 50px rgba(0,0,0,0.2)} .ss-hint{display:flex;align-items:center;justify-content:center;gap:0.4rem;margin-top:0.75rem;font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.08em;color:rgba(27,58,107,0.45)} #ss-lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:998;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out} #ss-lb.open{display:flex} #ss-lb img{max-width:min(900px,92vw);max-height:90vh;object-fit:contain;border-radius:var(--r);box-shadow:0 20px 80px rgba(0,0,0,0.6)} #ss-lb-close{position:fixed;top:1.25rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:1.2rem;line-height:1;padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer;transition:var(--ease)} #ss-lb-close:hover{border-color:var(--gold);color:var(--gold)}

/* === cw-docs.html === */
@media(max-width:620px){.task-grid{grid-template-columns:1fr}.manual-banner .wrap{flex-direction:column}}

/* === cw-software.html === */
@media(max-width:860px){nav{display:none}.burger{display:flex}} @media(max-width:620px){.dl-grid{grid-template-columns:1fr}}

/* === df-docs.html === */
@media(max-width:680px){.cards-grid{grid-template-columns:1fr}.manual-inner{flex-direction:column;align-items:flex-start}}

/* === dragonfly-observatory-controller.html === */
/* ── SCREENSHOTS ── */ .screenshots{background:#fff;padding:5rem 0} .ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem}@media(max-width:640px){.ss-grid{grid-template-columns:1fr}} .ss-thumb{cursor:pointer;border-radius:var(--r);overflow:hidden;border:1px solid rgba(27,58,107,0.1);transition:box-shadow var(--ease),transform var(--ease)} .ss-thumb img{max-width:100%;width:auto;display:block;height:auto;margin:0 auto} .ss-thumb:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(27,58,107,0.13)} /* lightbox */ #ss-lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.9);z-index:999;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out} #ss-lb.open{display:flex} #ss-lb img{max-width:min(360px,80vw);max-height:90vh;object-fit:contain;border-radius:var(--r);box-shadow:0 20px 80px rgba(0,0,0,0.6)} #ss-lb-close{position:fixed;top:1.25rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:1.2rem;line-height:1;padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer;transition:var(--ease)} #ss-lb-close:hover{border-color:var(--gold);color:var(--gold)}
/* === aag-cloud-watcher.html === */
/* ── HERO ── */ .hero{background:var(--void);padding:5rem 0 4.5rem;position:relative;overflow:hidden} .hero-inner{display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center}#stars{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;width:100%;height:100%}.hero-inner .eyebrow{font-family:var(--f-m);font-size:1rem;letter-spacing:0.14em;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:0.75rem}.hero-inner h1{font-family:var(--f-d);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.1;margin-bottom:0.75rem}.hero-content h1{font-family:var(--f-d);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;letter-spacing:-0.03em;color:#fff;line-height:1.05;margin-bottom:1.5rem}.hero-content h1 em{color:var(--gold);font-style:italic} .hero-since{font-family:var(--f-d);font-size:1.15rem;font-weight:700;letter-spacing:0.04em;color:var(--gold);margin-bottom:1.4rem;display:inline-block;border-bottom:2px solid rgba(200,168,75,0.35);padding-bottom:0.35rem} .hero-desc{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,0.65);margin-bottom:2rem;max-width:480px} .hero-badges{display:flex;gap:0.6rem;flex-wrap:wrap;margin-bottom:2.2rem} .badge{font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:3px;padding:0.25rem 0.65rem} .badge.gold{color:var(--gold);background:rgba(200,168,75,0.1);border-color:rgba(200,168,75,0.25)} .buy-group{display:flex;flex-direction:column;gap:0.75rem} .buy-label{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:0.1rem} .buy-btns{display:flex;gap:0.75rem;flex-wrap:wrap} .btn-buy{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--f-s);font-size:1rem;font-weight:600;padding:0.85rem 1.75rem;border-radius:var(--r);transition:all var(--ease)} .btn-buy.primary{background:var(--gold);color:var(--void)} .btn-buy.secondary{color:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.28)} /* Hero product visual */ .hero-visual{display:flex;flex-direction:column;gap:1rem} .hero-img-placeholder{background:linear-gradient(145deg,#0d1a30 0%,var(--navy) 100%);border-radius:10px;height:280px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(200,168,75,0.15);position:relative;overflow:hidden} .hero-note{font-size:0.82rem;color:rgba(255,255,255,0.35);text-align:center;font-style:italic} .sec-head.centered{text-align:center} .sec-head.on-dark .eyebrow{color:var(--gold)} /* ── WHAT IT MEASURES ── */ .measures{background:var(--mist);padding:5.5rem 0} .sensors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem} .sensor-card{background:#fff;border-radius:var(--r);padding:1.6rem;border:1px solid rgba(27,58,107,0.1);border-top:3px solid var(--navy);display:flex;gap:1.1rem;align-items:flex-start;transition:transform var(--ease),box-shadow var(--ease)} .sensor-card.optional{border-top-color:rgba(27,58,107,0.3)} .sensor-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--navy);border-radius:8px} .sensor-body{} .sensor-name{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.3rem} .sensor-desc{font-size:0.9rem;color:#5a6a82;line-height:1.6} .opt-badge{display:inline-block;font-family:var(--f-m);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:#8896b0;background:#eef0f4;border-radius:2px;padding:0.1rem 0.4rem;margin-bottom:0.35rem} /* ── ADVANTAGES ── */ .advantages{background:#fff;padding:5.5rem 0} .adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem} .adv-card{padding:1.5rem;border-radius:var(--r);background:var(--mist);border:1px solid rgba(27,58,107,0.07);display:flex;gap:1rem;align-items:flex-start} .adv-icon{color:var(--gold);font-size:1.25rem;flex-shrink:0;margin-top:2px} .adv-body h3{font-family:var(--f-d);font-size:0.98rem;font-weight:700;color:var(--navy);margin-bottom:0.3rem} /* ── SOFTWARE ── */ .software{background:var(--navy);padding:5.5rem 0} .sw-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start} .sw-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem} .sw-divider{border:none;border-top:1px solid rgba(255,255,255,0.08);margin:1.25rem 0} .compat-chips{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.75rem} .chip{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.06em;color:rgba(255,255,255,0.88);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.22);border-radius:3px;padding:0.25rem 0.65rem} /* ── SOLO ── */ .solo{background:var(--mist);padding:4rem 0} .solo-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center} .btn-navy{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--f-s);font-size:1rem;font-weight:600;color:#fff;background:var(--navy);border-radius:var(--r);padding:0.85rem 1.75rem;transition:all var(--ease)} .solo-visual{background:linear-gradient(145deg,var(--void) 0%,var(--navy) 100%);border-radius:10px;height:220px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(200,168,75,0.15)} /* ── POCKETCW2 ── */ .pocket{background:var(--void);padding:4rem 0} .pocket-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center} .pocket-features{list-style:none;display:flex;flex-direction:column;gap:0.45rem;margin-bottom:1.5rem} .pocket-visual{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;height:220px;display:flex;align-items:center;justify-content:center} /* ── SPECS ── */ .specs{background:#fff;padding:5rem 0} .specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start} .spec-table{width:100%;border-collapse:collapse} .spec-note{font-size:0.82rem;color:#8896b0;line-height:1.65;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #edf0f5} /* ── RESOURCES ── */ .resources{background:var(--mist);padding:5rem 0} .res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem} .res-card{background:#fff;border-radius:var(--r);padding:1.75rem;border:1px solid rgba(27,58,107,0.1);display:flex;flex-direction:column;gap:0.75rem;transition:transform var(--ease),box-shadow var(--ease)} .res-icon{width:40px;height:40px;background:var(--navy);border-radius:8px;display:flex;align-items:center;justify-content:center} .res-link{font-family:var(--f-s);font-size:0.88rem;font-weight:600;color:var(--navy);display:inline-flex;align-items:center;gap:0.35rem} .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem} .foot-contact{margin-top:1.25rem;font-size:0.875rem;line-height:2.1;color:rgba(255,255,255,0.5)} .foot-col ul li a{color:rgba(255,255,255,0.65);font-size:0.875rem;transition:var(--ease)}

/* === automate-your-observatory.html === */
.logo-tag{font-size:0.55rem;letter-spacing:0.2em;color:var(--gold);text-transform:uppercase;margin-top:3px} .hero .hero-sub,.page-hero .hero-sub{font-size:clamp(1rem,1.8vw,1.2rem);font-weight:400;line-height:1.7;color:rgba(255,255,255,0.82);max-width:640px;margin:0 auto 2rem} .how-fits{display:flex;justify-content:center;gap:0.5rem;flex-wrap:wrap;margin-top:1.5rem} .fit-item{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:4px;padding:0.6rem 1.1rem;font-size:0.95rem;color:rgba(255,255,255,0.8);display:flex;align-items:center;gap:0.5rem} /* ── INTRO BAND ── */ .intro-band{background:var(--navy);padding:2.5rem 0} .intro-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center} .intro-text p{font-size:1rem;line-height:1.8;color:rgba(255,255,255,0.75);margin-bottom:1rem} .fits-list{list-style:none;margin-top:0.75rem;display:flex;flex-direction:column;gap:0.6rem}.fits-list li{color:rgba(255,255,255,0.75)} .intro-diagram{display:flex;flex-direction:column;gap:0.75rem} .diag-step{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:6px;padding:0.85rem 1.25rem} .diag-num{font-family:var(--f-d);font-size:1.4rem;font-weight:700;color:var(--gold);width:2rem;flex-shrink:0;line-height:1} .diag-info strong{display:block;font-size:0.82rem;color:#fff;font-weight:600} /* ── CONTENT SECTIONS ── */ .cs{padding:5rem 0} .cs-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start} .cs-inner.full{grid-template-columns:1fr} .section-label{display:inline-block;font-size:0.9rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--navy);font-weight:700;background:rgba(27,58,107,0.07);border:1px solid rgba(27,58,107,0.2);border-radius:3px;padding:0.3rem 0.8rem;margin-bottom:1rem} /* on dark backgrounds keep gold */ .gns-section .section-label{color:var(--gold);background:rgba(200,168,75,0.1);border-color:rgba(200,168,75,0.25)} /* Monitoring list */ .monitor-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0.4rem 1.5rem;margin:1rem 0} /* Configurations */ .config-block{margin-top:1.5rem} .config-tier{margin-bottom:1.25rem} .config-tier-title{font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:700;color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:0.35rem;margin-bottom:0.75rem;display:inline-block} .config-tier-title.opt{border-color:rgba(200,168,75,0.35);color:#5a6a82} .config-item{margin-bottom:0.6rem} /* Image placeholder */ .img-placeholder{background:linear-gradient(135deg,#e8edf5 0%,#d4dce8 100%);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;color:#8896b0;font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;gap:0.5rem;border:1px solid #ccd6e8} /* Add-ons grid */ .addons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2rem} .addon-card{background:#fff;border:1px solid #dde3ed;border-radius:6px;padding:1.25rem;border-top:3px solid var(--navy)} .gns-head{text-align:center;margin-bottom:3rem} .gns-why{background:rgba(200,168,75,0.08);border:1px solid rgba(200,168,75,0.2);border-radius:8px;padding:1.5rem 2rem;text-align:center;margin-bottom:3rem;max-width:520px;margin-left:auto;margin-right:auto} .gns-why .why-label{font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:0.75rem} .gns-why .why-pair{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:0.6rem;line-height:1.5} .gns-cols{display:grid;grid-template-columns:1fr 1fr;gap:3rem} .gns-col h4{font-family:var(--f-d);font-size:1.2rem;font-weight:700;color:var(--gold);margin-bottom:0.25rem} .gns-col .tagline{font-size:1rem;font-weight:700;color:#fff;margin-bottom:0.75rem} .gns-list{list-style:none;margin:.75rem 0 1rem;display:flex;flex-direction:column;gap:.4rem} .gns-col .sleep{font-size:0.82rem;font-style:italic;color:rgba(255,255,255,0.4)} .img-placeholder-dark{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;min-height:180px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.2);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;margin-top:1rem} .soft-link{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.9rem;color:var(--gold);border:1px solid rgba(200,168,75,0.3);border-radius:3px;padding:0.4rem 0.85rem;transition:.18s;margin-top:0.5rem;margin-right:0.5rem} /* ── GET STARTED ── */ .get-started{background:var(--mist);padding:5rem 0} .gs-head{text-align:center;margin-bottom:3rem} .gs-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .gs-card{background:#fff;border:1px solid #dde3ed;border-radius:8px;padding:2rem;display:flex;flex-direction:column} .gs-card.featured{border-color:var(--navy);border-top:3px solid var(--gold)} .gs-card .product-name{font-size:1rem;font-weight:700;color:var(--navy);text-align:center;margin-bottom:1rem;padding:.5rem;background:var(--mist);border-radius:4px} .store-links{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem} .store-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:0.9rem;font-weight:600;padding:0.65rem;border-radius:4px;border:1px solid #dde3ed;color:#4a5568;transition:.18s} .gs-divider{border:none;border-top:1px solid #eee;margin:1rem 0} .gs-note{font-size:0.82rem;line-height:1.7;color:#6b7a99;margin-bottom:1rem} .free-badge{display:inline-block;font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:700;color:var(--gold);background:rgba(200,168,75,0.1);border:1px solid rgba(200,168,75,0.25);border-radius:3px;padding:.15rem .5rem;margin-bottom:.75rem} .soft-dl{display:flex;gap:.5rem;flex-wrap:wrap} .gs-card-spacer{flex:1} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem} .footer-brand .logo-name{font-size:0.9rem} .footer-brand .f-contact{margin-top:1.25rem;font-size:0.78rem;line-height:2} .footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:0.72rem;color:rgba(255,255,255,0.28)} .fade.visible{opacity:1;transform:none}

/* === beaver-dome-controller.html === */
.hero-eyebrow{font-family:var(--f-m);font-size:1rem;letter-spacing:0.14em;color:rgba(200,168,75,0.7);text-transform:uppercase;margin-bottom:1.1rem} .hero-avail{display:inline-flex;align-items:center;gap:0.6rem;background:rgba(200,168,75,0.1);border:1px solid rgba(200,168,75,0.3);border-radius:4px;padding:0.4rem 0.9rem;margin-bottom:1.75rem;color:var(--gold)} .btn-row{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center} /* FEATURES */ .features{background:var(--mist);padding:5rem 0} .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:2.5rem} .feat-icon{width:42px;height:42px;background:var(--navy);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem} /* SAFETY */ .safety{background:var(--void);padding:5rem 0} .safety-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2.5rem} .safety-item{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--r);padding:1.5rem;border-left:3px solid var(--gold)}
.safety-item h3{color:#fff;font-size:1rem;margin-bottom:0.5rem}
.safety-item p{color:rgba(255,255,255,0.68);font-size:0.9rem;line-height:1.6;margin:0}

/* === caterpillar-dome-controller.html === */
/* ── WHAT IT DOES / DOESN'T ── */ .capabilities{background:var(--mist);padding:5.5rem 0} .cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem} .cap-col h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:1.25rem;display:flex;align-items:center;gap:0.6rem} .cap-col.does h3 span{color:var(--gold);background:rgba(200,168,75,0.12);border:1px solid rgba(200,168,75,0.25)} .cap-col.not h3 span{color:#8896b0;background:rgba(136,150,176,0.1);border:1px solid rgba(136,150,176,0.2)} .cap-list{list-style:none;display:flex;flex-direction:column;gap:0.75rem} /* ── VARIANTS ── */ .variants{background:#fff;padding:5.5rem 0} .variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .variant-card{border-radius:var(--r);overflow:hidden;border:1px solid rgba(27,58,107,0.12);display:flex;flex-direction:column;transition:box-shadow var(--ease),transform var(--ease)} .vc-head{background:var(--navy);padding:1.5rem;border-bottom:3px solid var(--gold)} .vc-label{font-family:var(--f-m);font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(200,168,75,0.7);margin-bottom:0.4rem} .vc-name{font-family:var(--f-d);font-size:1.15rem;font-weight:700;color:#fff;line-height:1.2} .vc-body{background:var(--mist);padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1rem} .vc-desc{font-size:0.92rem;color:#4a5a6a;line-height:1.65} .vc-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:auto;padding-top:0.75rem} /* ── HOW IT FITS ── */ .integration{background:var(--navy);padding:5.5rem 0} .int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .int-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--r);padding:1.75rem;border-top:3px solid var(--gold)} .int-num{font-family:var(--f-d);font-size:2rem;font-weight:700;color:rgba(200,168,75,0.2);margin-bottom:0.75rem;line-height:1}

/* === contact-us.html === */
.page-hero-inner{position:relative} .page-eyebrow{font-family:var(--f-m);font-size:1rem;letter-spacing:0.2em;color:rgba(200,168,75,0.7);text-transform:uppercase;margin-bottom:0.7rem} /* DARK SECTION TEXT: all p inside page-hero */.page-hero p{color:rgba(255,255,255,0.7)}/* SUPPORT CTA */ .support-cta{background:var(--navy);padding:2.5rem 0} .support-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.support-cta h2{color:#fff;font-family:var(--f-d);font-size:1.3rem;font-weight:700;margin-bottom:0.5rem}.support-cta p{color:rgba(255,255,255,0.75)} .btn-support{display:inline-flex;align-items:center;gap:0.5rem;background:var(--gold);color:var(--void);font-family:var(--f-d);font-size:0.9rem;font-weight:700;letter-spacing:0.04em;padding:0.9rem 1.8rem;border-radius:3px;transition:var(--ease);flex-shrink:0} /* OFFICES */ .offices{background:var(--mist);padding:5rem 0} .offices-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem} .office-card{background:#fff;border-radius:var(--r);padding:2.5rem;border:1px solid rgba(27,58,107,0.08)} .office-flag{font-size:2rem;margin-bottom:1rem;display:block} .office-role{font-family:var(--f-m);font-size:0.65rem;letter-spacing:0.14em;color:#8a9ab8;text-transform:uppercase;margin-bottom:1.25rem;display:block} .office-address{font-size:0.95rem;color:#5a6a88;line-height:1.9;margin-bottom:1.5rem} .office-contacts{display:flex;flex-direction:column;gap:0.6rem} .contact-line{display:flex;align-items:center;gap:0.75rem;font-size:0.95rem;color:#2a3244} .contact-icon{width:32px;height:32px;background:rgba(27,58,107,0.07);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0} /* GENERAL CONTACT */ .general{background:#fff;padding:5rem 0} .general-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem} .contact-block{display:flex;flex-direction:column;gap:1.25rem} .social-links{display:flex;flex-wrap:wrap;gap:0.75rem} .social-link:hover{background:var(--navy);color:#fff;border-color:var(--navy)} /* SHOPS */ .shops{background:var(--mist);padding:5rem 0} .shops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:2.5rem} .shop-card{background:#fff;border-radius:var(--r);padding:1.75rem;border:1px solid rgba(27,58,107,0.08);display:flex;flex-direction:column;gap:0.5rem;transition:transform var(--ease),box-shadow var(--ease)} .shop-link{font-size:0.85rem;font-weight:600;color:var(--navy);margin-top:0.25rem;display:inline-flex;align-items:center;gap:0.3rem}

/* === cw-docs.html === */
/* ── FEATURED MANUAL BANNER ── */ .manual-banner{background:var(--navy);border-bottom:3px solid var(--gold)} .manual-banner-text h2{font-family:var(--f-d);font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:0.3rem} .btn-manual{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--f-d);font-size:1rem;font-weight:700;letter-spacing:0.04em;padding:0.8rem 1.75rem;border-radius:3px;background:var(--gold);color:var(--void);white-space:nowrap;transition:var(--ease);flex-shrink:0} /* ── TASK CARDS GRID ── */ .tasks{background:var(--mist);padding:5rem 0} .tasks-intro{text-align:center;margin-bottom:3.5rem} .task-card{background:#fff;border-radius:var(--r);border:1px solid rgba(27,58,107,0.1);padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:box-shadow var(--ease),transform var(--ease),border-color var(--ease)} .task-icon{width:52px;height:52px;background:rgba(27,58,107,0.08);border:1px solid rgba(27,58,107,0.15);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--navy);flex-shrink:0} .task-head{} .task-label{font-family:var(--f-m);font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:0.5rem} .task-links{list-style:none;display:flex;flex-direction:column;gap:0.3rem;margin-top:0.25rem} .task-links li a .tl-type{font-family:var(--f-m);font-size:0.78rem;letter-spacing:0.05em;text-transform:uppercase;color:#9ba8c0;flex-shrink:0} /* ── BACK TO CW ── */ .back-section{background:var(--navy);padding:3.5rem 0;text-align:center} .btn-back{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--f-d);font-size:1rem;font-weight:700;letter-spacing:0.04em;padding:0.9rem 1.9rem;border-radius:3px;background:var(--gold);color:var(--void);transition:var(--ease)} .foot-brand .logo{margin-bottom:1rem}

/* === cw-software.html === */
/* ── JUMP NAV ── */ .jump-nav{background:var(--navy);padding:0;border-bottom:2px solid rgba(200,168,75,0.2)} .jump-inner{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none} /* ── SECTION WRAPPER ── */ .sw-section{padding:4.5rem 0} .sw-section.dark{background:var(--void)} .sw-section.navy{background:var(--navy)} .sw-section.light{background:#fff} .sw-section.mist{background:var(--mist)} .dl-card{background:#fff;border:1px solid rgba(27,58,107,0.12);border-radius:var(--r);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:box-shadow var(--ease),border-color var(--ease),transform var(--ease)} .dl-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem} .dl-card-meta{} .dl-badge{display:inline-flex;align-items:center;gap:0.35rem;font-family:var(--f-m);font-size:0.82rem;letter-spacing:0.07em;text-transform:uppercase;padding:0.25rem 0.6rem;border-radius:3px;margin-bottom:0.6rem} .dl-badge.lunatico{background:rgba(27,58,107,0.1);color:var(--navy);border:1px solid rgba(27,58,107,0.2)} .dl-badge.third-party{background:rgba(90,106,136,0.1);color:#4a5a78;border:1px solid rgba(90,106,136,0.2)} .dl-badge.legacy{background:rgba(180,120,32,0.1);color:#B87820;border:1px solid rgba(180,120,32,0.25)} .dl-badge.new-badge{background:rgba(27,58,107,0.08);color:var(--navy);border:1px solid rgba(27,58,107,0.18)} .dl-card-actions{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.25rem} .btn-dl.primary{background:var(--gold);color:var(--void)} .btn-dl.ext{border-color:rgba(90,106,136,0.3);color:#4a5a78} /* ── LEGACY CALLOUT ── */ .legacy-note{background:rgba(184,120,32,0.08);border:1px solid rgba(184,120,32,0.25);border-radius:var(--r);padding:1rem 1.25rem;font-size:0.9rem;color:#7a5010;line-height:1.6;margin-bottom:1.5rem} /* ── PLATFORM PILLS ── */ .platform-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem} .ptag{font-family:var(--f-m);font-size:0.82rem;letter-spacing:0.05em;text-transform:uppercase;padding:0.2rem 0.55rem;border-radius:2px;background:rgba(27,58,107,0.08);color:#4a5a78;border:1px solid rgba(27,58,107,0.12)}

/* === cw-watchdog.html === */
.wrap-narrow{max-width:var(--wrap-narrow);margin:0 auto;padding:0 2rem} .hero-badge-icon{margin:0 auto 0.75rem;color:var(--gold);display:flex;justify-content:center} .hero-badge-label{font-family:var(--f-m);font-size:0.82rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-bottom:0.3rem;display:block} .hero-badge-value{font-family:var(--f-d);font-size:1rem;font-weight:700;color:#fff;line-height:1.25;display:block} /* flow diagram */ .flow{background:var(--mist);border-radius:var(--r);border:1px solid rgba(27,58,107,0.1);padding:1.75rem 2rem;margin:1.75rem 0} .flow-steps{display:flex;flex-direction:column;gap:0} .flow-left{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0;width:36px} .flow-dot{width:36px;height:36px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--f-d);font-size:0.88rem;font-weight:700;flex-shrink:0} .flow-dot.trigger{background:var(--gold);color:var(--void)} .flow-dot.safe{background:#2a7a4a;color:#fff} .flow-line{width:2px;background:rgba(27,58,107,0.15);flex:1;margin:4px auto 0} .flow-step:last-child .flow-line{display:none} .flow-content{padding-bottom:1.5rem} /* testimonial */ .testimonial{background:var(--navy);border-radius:var(--r);padding:2rem 2rem 1.5rem;margin:2.25rem 0}

/* === dealers.html === */
/* REGION JUMP NAV */ .region-nav{background:var(--mist);border-bottom:1px solid rgba(27,58,107,0.08);padding:1rem 0;position:sticky;top:64px;z-index:90} .region-links{display:flex;flex-wrap:wrap;gap:0.5rem} /* REGIONS */ .region-section{padding:4rem 0;border-bottom:1px solid rgba(27,58,107,0.07)} .region-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:2.5rem} .region-header .count{font-family:var(--f-m);font-size:1rem;letter-spacing:0.1em;color:#8a9ab8} .countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem} .country-block h3{font-family:var(--f-d);font-size:0.88rem;font-weight:700;letter-spacing:0.12em;color:var(--navy);text-transform:uppercase;margin-bottom:0.85rem;padding-bottom:0.4rem;border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:0.5rem} .dealer-list{list-style:none;display:flex;flex-direction:column;gap:0.4rem} /* BECOME A DEALER */ .become{background:var(--navy);padding:4rem 0} .become-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.become h2{color:#fff;font-family:var(--f-d);font-size:1.3rem;font-weight:700;margin-bottom:0.5rem}.become p{color:rgba(255,255,255,0.75)} .btn-become{display:inline-flex;align-items:center;gap:0.5rem;background:var(--gold);color:var(--void);font-family:var(--f-d);font-size:0.9rem;font-weight:700;letter-spacing:0.04em;padding:0.9rem 1.8rem;border-radius:3px;transition:var(--ease);flex-shrink:0}

/* === df-docs.html === */
/* MANUAL STRIP */ .manual-strip{background:var(--navy);padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,0.07)} .manual-label{display:flex;align-items:center;gap:0.85rem} .manual-text strong{display:block;font-size:1rem;font-family:var(--f-d);font-weight:700;color:#fff} /* TASK CARDS */ .docs-section{padding:4rem 0 5rem} .task-card-head{display:flex;align-items:flex-start;gap:1rem} .task-card-head-text{} .task-link:hover{color:var(--navy)} .task-link:hover .tl-arrow{transform:translateX(3px)} .tl-badge{font-family:var(--f-m);font-size:0.78rem;letter-spacing:0.05em;text-transform:uppercase;padding:0.2rem 0.55rem;border-radius:3px;flex-shrink:0} .badge-pdf,.badge-zip,.badge-video,.badge-article{background:rgba(27,58,107,0.09);color:#5a6a88}

/* === doc.html === */
/* ── DOC PAGE 2-col GRID ── */ .doc-section-dark{background:var(--void);padding:4rem 0 5rem} .doc-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem} .doc-card2{background:#0a1628;border:1px solid rgba(200,168,75,.18);border-radius:12px;overflow:hidden;display:flex;flex-direction:row;min-height:90px;transition:border-color .2s,box-shadow .2s} .dc-logo{background:#fff;width:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.6rem;border-right:1px solid rgba(200,168,75,.12)} .dc-logo-txt{background:#fff;width:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(200,168,75,.12)} .dc-icon{width:58px;height:58px;border-radius:50%;background:rgba(200,168,75,.12);border:2px solid rgba(200,168,75,.35);display:flex;align-items:center;justify-content:center;font:700 1.4rem/1 var(--f-d);color:var(--gold)} .dc-body{padding:.85rem 1.1rem 1rem;flex:1;display:flex;flex-direction:column;min-width:0} .dc-cat{font-size:.72rem;color:rgba(200,168,75,.8);letter-spacing:.12em;text-transform:uppercase} .dc-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem} .btn-d.p{background:var(--gold);color:var(--void)} .btn-d.s{background:transparent;border:1.5px solid rgba(200,168,75,.4);color:#c8d8f0}

/* === dragonfly-observatory-controller.html === */
.hero-award{display:inline-flex;align-items:center;gap:0.6rem;background:rgba(200,168,75,0.1);border:1px solid rgba(200,168,75,0.3);border-radius:4px;padding:0.4rem 0.9rem;margin-bottom:1.75rem} .hero-award-text{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.1em;color:var(--gold)} /* ── WHAT YOU CAN DO ── */ .cando{background:var(--mist);padding:5.5rem 0} .cando-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem} .cando-item{background:#fff;border-radius:var(--r);padding:1.4rem 1.5rem;border:1px solid rgba(27,58,107,0.1);display:flex;gap:1rem;align-items:flex-start;transition:box-shadow var(--ease)} .cando-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:6px} /* ── TOP 6 REASONS ── */ .reasons{background:#fff;padding:5.5rem 0} .reasons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem} .reason-card{padding:1.6rem;border-radius:var(--r);background:var(--mist);border:1px solid rgba(27,58,107,0.07);border-left:4px solid var(--navy);display:flex;gap:1.1rem;align-items:flex-start} .reason-num{font-family:var(--f-d);font-size:1.6rem;font-weight:700;color:rgba(27,58,107,0.18);flex-shrink:0;line-height:1;width:36px;text-align:right} .reason-body h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.35rem} /* ── SMARTPHONE APP ── */ .app-section{background:var(--navy);padding:5rem 0} .app-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center} .app-badges{display:flex;gap:1rem;flex-wrap:wrap} .app-badge:hover{background:rgba(200,168,75,0.15);border-color:rgba(200,168,75,0.4);color:var(--gold)} .app-visual{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;height:260px;display:flex;align-items:center;justify-content:center} /* ── COMPARISON TABLE ── */ .comparison{background:var(--mist);padding:5.5rem 0} .table-wrap{overflow-x:auto} .cmp-table{width:100%;border-collapse:collapse;min-width:500px} .cmp-table thead th{text-align:center;padding:0.6rem 0.5rem} .cmp-table thead th:first-child{text-align:left} .cmp-table td{padding:0.5rem 0.5rem} .cmp-table thead th.highlight{color:var(--gold)} .cmp-table td{text-align:center} .cmp-table td.feat{text-align:left;font-weight:500;color:#2a3244} .yes{color:var(--gold);font-weight:700;font-size:1.1rem} .yes-muted{color:rgba(27,58,107,0.55);font-weight:600;font-size:1rem} .low{color:#8896b0;font-size:0.88rem} /* ── ADD-ONS ── */ .addons{background:#fff;padding:5.5rem 0} .addon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem} .addon-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--navy);border-radius:6px} .addon-name{font-family:var(--f-d);font-size:0.9rem;font-weight:700;color:var(--navy);line-height:1.3} .specs-inner{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start} /* ── VIDEOS ── */ .videos{background:var(--void);padding:5rem 0} .video-thumb{background:linear-gradient(145deg,#0d1a30 0%,var(--navy) 100%);height:150px;display:flex;align-items:center;justify-content:center;position:relative} .play-btn{width:48px;height:48px;border-radius:50%;background:rgba(200,168,75,0.18);border:2px solid rgba(200,168,75,0.5);display:flex;align-items:center;justify-content:center;transition:all var(--ease);position:relative;z-index:1} .video-info{background:rgba(255,255,255,0.04);padding:1rem 1.1rem} .video-tag{font-family:var(--f-m);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);margin-bottom:0.35rem;display:block} .video-title{font-family:var(--f-d);font-size:0.9rem;font-weight:700;color:#fff;line-height:1.35} .video-cta{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--f-s);font-size:0.9rem;font-weight:600;color:rgba(255,255,255,0.62);margin-top:0.5rem;transition:color var(--ease)} /* ── COMPAT LOGOS ── */ .compat{background:var(--navy);padding:2.5rem 0} .compat-inner{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center} .compat-label{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.4);flex-shrink:0}

/* === duoscope.html === */
.product-placeholder{background:rgba(255,255,255,0.04);border:1.5px dashed rgba(200,168,75,0.25);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:0.9rem;min-height:280px;width:100%} .pp-label{font-family:var(--f-m);font-size:0.62rem;letter-spacing:0.16em;color:rgba(200,168,75,0.4);text-transform:uppercase;text-align:center} /* CONCEPT */ .concept{background:var(--mist);padding:5rem 0} .concept-cols{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:2.5rem} .concept-text h3{font-family:var(--f-d);font-size:1.25rem;font-weight:700;color:var(--navy);margin-bottom:1rem;line-height:1.3} .insight-box{background:#fff;border-radius:var(--r);padding:2rem;border-left:4px solid var(--gold)} .insight-list{list-style:none;display:flex;flex-direction:column;gap:0.75rem} .var-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:2.5rem} .var-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:var(--r);padding:2rem;display:flex;flex-direction:column;gap:0.75rem;transition:border-color var(--ease)} .var-tag{font-family:var(--f-m);font-size:0.67rem;letter-spacing:0.14em;color:var(--gold);text-transform:uppercase;display:block} .var-badge{display:inline-block;font-family:var(--f-m);font-size:0.65rem;letter-spacing:0.1em;padding:0.25rem 0.65rem;border-radius:3px;background:rgba(200,168,75,0.1);border:1px solid rgba(200,168,75,0.22);color:var(--gold);margin-top:0.25rem;text-transform:uppercase} .specs-cols{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem} .spec-block{background:#fff;border-radius:var(--r);padding:2rem;border:1px solid rgba(27,58,107,0.08)}

/* === gns-observatory-monitoring.html === */
.btn-dl.secondary{background:rgba(255,255,255,0.1);border:1.5px solid rgba(255,255,255,0.22);color:#fff} .btn-dl.secondary:hover{background:rgba(255,255,255,0.18)} .btn-dl.ghost{background:transparent;border:1.5px solid rgba(255,255,255,0.18);color:rgba(255,255,255,0.65)} .hero-celia{flex-shrink:0} /* HOW IT WORKS */ .how{background:var(--mist);padding:5rem 0} .how-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem} .how-card{background:#fff;border-radius:var(--r);padding:2.5rem 2rem;border:1px solid rgba(27,58,107,0.08)} .how-icon{width:52px;height:52px;background:var(--navy);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem} /* ALERTS */ .alerts{background:var(--void);padding:5rem 0} .alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;margin-top:2.5rem} .alert-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--r);padding:1.75rem 1.5rem;border-left:3px solid var(--gold)} /* INTEGRATIONS */ .integrations{background:#fff;padding:5rem 0} .int-chips{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:2rem} .int-note{margin-top:1.5rem;font-size:0.9rem;color:#6b7a99;line-height:1.7;max-width:55ch} .ss-wrap{display:flex;justify-content:center;margin-top:2.5rem}

/* === index.html === */
.nav-overlay a.ov-shop{display:inline-flex;align-items:center;margin-top:1.5rem;padding:0.7rem 1.6rem;background:var(--gold);color:var(--void);font-size:1rem;border-radius:3px} .hero-content{position:relative;z-index:1;width:100%;padding:6rem 0 4rem} .hero-lead{font-size:1.1rem;color:rgba(255,255,255,0.62);line-height:1.8;max-width:52ch;margin-bottom:2.25rem} .hero-btns{display:flex;gap:1rem;flex-wrap:wrap} .btn-gold{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-d);font-size:1rem;font-weight:700;padding:0.85rem 1.8rem;border-radius:3px;background:var(--gold);color:var(--void);transition:var(--ease)} .btn-outline{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-d);font-size:1rem;font-weight:700;padding:0.85rem 1.8rem;border-radius:3px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.55);transition:var(--ease)} .hero-milky{margin:2rem 0 0;font-family:var(--f-m);font-size:0.8rem;letter-spacing:0.12em;color:rgba(200,168,75,0.55);text-transform:uppercase} .hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-family:var(--f-m);font-size:0.78rem;letter-spacing:0.12em;color:rgba(255,255,255,0.28);text-align:center} /* ── SOLUTIONS ───────────────────────────────────────── */ .solutions{background:var(--mist);padding:5rem 0} .section-eyebrow{font-family:var(--f-m);font-size:1rem;letter-spacing:0.14em;color:var(--navy);text-transform:uppercase;display:block;margin-bottom:1.1rem} .section-h2{font-family:var(--f-d);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:-0.02em;color:var(--navy);margin-bottom:1rem} .section-lead{font-size:1.05rem;color:#3a4a68;line-height:1.8;max-width:60ch;margin-bottom:2.75rem} .sol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem} .sol-card{background:#fff;border:1px solid rgba(27,58,107,0.1);border-radius:var(--r);padding:2rem;display:flex;flex-direction:column;gap:1rem} .sol-num{font-family:var(--f-d);font-size:2.4rem;font-weight:700;color:rgba(200,168,75,0.35);line-height:1} .sol-icon{width:44px;height:44px;color:var(--navy)} .sol-title{font-family:var(--f-d);font-size:1.1rem;font-weight:700;color:var(--navy)} .sol-desc{font-size:0.97rem;color:#3a4a68;line-height:1.75} .sol-products{list-style:none;display:flex;flex-direction:column;gap:0.45rem;margin-top:0.25rem} .sol-products a{display:flex;align-items:baseline;gap:0.35rem;flex-wrap:wrap;color:var(--gold-d);font-weight:700;text-decoration:none;padding:0.28rem 0.5rem;margin:-0.28rem -0.5rem;border-radius:4px;transition:var(--ease)} .sol-products a:hover{background:rgba(200,168,75,0.1);color:var(--gold)} .sol-item-desc{font-weight:400;color:#5a6a88} .badge-flagship{display:inline-block;font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.06em;text-transform:uppercase;padding:0.15rem 0.5rem;border-radius:2px;background:var(--gold);color:var(--void);margin-left:0.4rem;vertical-align:middle} .sol-cta{background:var(--navy);border-radius:var(--r);padding:2.5rem 2rem;margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap} .sol-cta-text h3{font-family:var(--f-d);font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:0.5rem} .sol-cta-btns{display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0} .btn-outline-light{display:inline-flex;align-items:center;font-family:var(--f-d);font-size:1rem;font-weight:700;padding:0.75rem 1.5rem;border-radius:3px;background:transparent;color:rgba(255,255,255,0.8);border:2px solid rgba(255,255,255,0.3);transition:var(--ease)} /* ── PRODUCTS ────────────────────────────────────────── */ .products{background:#fff;padding:5rem 0} .prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2.5rem} .prod-card{background:#0a1628;border-radius:var(--r);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;position:relative;transition:var(--ease)} a.prod-card{text-decoration:none;cursor:pointer} a.prod-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,0.35)} a.prod-card:hover .prod-link{color:#fff} .prod-icon{width:48px;height:48px;color:rgba(255,255,255,0.85);align-self:center;margin-bottom:0.25rem} .prod-cat{font-family:var(--f-m);font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.35);line-height:1.4} .prod-name{font-family:var(--f-d);font-size:1.15rem;font-weight:700;color:#fff;line-height:1.25} .prod-desc{font-size:0.9rem;color:rgba(255,255,255,0.48);line-height:1.7;flex:1} .prod-link{font-size:0.92rem;font-weight:700;color:var(--gold);display:inline-flex;align-items:center;gap:0.3rem;margin-top:0.25rem;transition:var(--ease)} .badge-new{position:absolute;top:1rem;right:1rem;font-family:var(--f-m);font-size:0.68rem;letter-spacing:0.06em;text-transform:uppercase;padding:0.2rem 0.55rem;border-radius:2px;background:var(--gold);color:var(--void)} .prod-all{display:flex;justify-content:center;margin-top:2.5rem} .btn-outline-navy{display:inline-flex;align-items:center;font-family:var(--f-d);font-size:1rem;font-weight:700;padding:0.8rem 2rem;border-radius:3px;background:transparent;color:var(--navy);border:2px solid var(--navy);transition:var(--ease)} /* ── ABOUT ───────────────────────────────────────────── */ .about-split{display:grid;grid-template-columns:1fr 1fr} .about-left{background:#080E1A;padding:5rem 4rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:2rem} .about-watermark{position:absolute;bottom:-0.15em;left:-0.05em;font-family:var(--f-d);font-size:8rem;font-weight:900;color:rgba(255,255,255,0.04);line-height:1;pointer-events:none;user-select:none;white-space:nowrap} .about-right{background:var(--navy);padding:5rem 4rem;display:flex;flex-direction:column;justify-content:center;gap:2rem} .about-right-intro{font-size:1.05rem;color:rgba(255,255,255,0.75);line-height:1.85} .about-principles{display:flex;flex-direction:column;gap:1.4rem} .about-principle-icon{flex-shrink:0;width:2.4rem;height:2.4rem;border:1px solid rgba(200,168,75,0.4);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--gold)} .about-principle-body strong{display:block;color:#fff;font-size:0.95rem;font-weight:700;margin-bottom:0.25rem}

/* === lanternfish-sky-quality-meter.html === */
.hero-text{padding-bottom:4rem} .hero-type{font-family:var(--f-d);font-size:1.1rem;font-weight:700;letter-spacing:0.06em;color:var(--gold);text-transform:uppercase;margin-bottom:1.5rem;opacity:0.85} .hero-img img{width:100%;border-radius:10px 10px 0 0;border:1px solid rgba(255,255,255,0.1);border-bottom:none;box-shadow:0 -20px 60px rgba(26,74,122,0.4)} /* STATS STRIP */ .stats-strip{background:var(--navy);padding:2rem 0} .stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-left:1px solid rgba(255,255,255,0.1)} .stat-val{font-family:var(--f-d);font-size:1.9rem;font-weight:700;color:#fff;letter-spacing:-0.02em;line-height:1} .stat-unit{font-family:var(--f-m);font-size:0.62rem;letter-spacing:0.15em;color:var(--gold);text-transform:uppercase;margin-bottom:0.3rem} .stat-label{font-size:0.8rem;color:rgba(255,255,255,0.45);margin-top:0.3rem;line-height:1.4} .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} /* GRAPH SHOWCASE */ .graph-section{background:var(--void);padding:5rem 0} .graph-showcase{margin-top:2.5rem;position:relative;border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,0.08)} .graph-overlay{position:absolute;inset:0;background:rgba(8,14,26,0);transition:background .3s ease;display:flex;align-items:center;justify-content:center} .graph-zoom{opacity:0;transition:opacity .3s ease;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center} .graph-caption{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem} .graph-legend{display:flex;align-items:flex-start;gap:0.75rem} .legend-line{width:28px;height:2px;flex-shrink:0;margin-top:0.55rem;border-radius:1px} .legend-line.white{background:#fff} .legend-line.orange{background:#E07030} .legend-text{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.6} /* OPERATING MODES */ .modes{background:var(--mist);padding:5rem 0} .modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem} .mode-card{background:#fff;border-radius:var(--r);padding:2rem;border:1px solid rgba(27,58,107,0.08);border-top:3px solid var(--navy)} .check-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem;margin-top:0.75rem} /* INTERFACE SCREENSHOTS */ .interface{background:#fff;padding:5rem 0} .ss-item{cursor:pointer;border-radius:var(--r);overflow:hidden;border:1px solid rgba(27,58,107,0.1);transition:box-shadow var(--ease),transform var(--ease)} .ss-caption{font-size:0.8rem;color:#6b7a99;padding:0.65rem 0.75rem;background:var(--mist);line-height:1.4} .access-block{background:#fff;border-radius:var(--r);padding:1.75rem;border:1px solid rgba(27,58,107,0.08)} .api-chip{display:inline-block;background:var(--navy);color:rgba(255,255,255,0.85);font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.06em;padding:0.25rem 0.65rem;border-radius:3px;margin:0.1rem}

/* === latest-product-news.html === */
.filter-inner{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center} .filter-label{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.1em;color:#8a9ab8;text-transform:uppercase;margin-right:0.5rem;flex-shrink:0} /* FEED */ .feed{padding:5rem 0} .year-group{margin-bottom:4rem} .year-marker{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem} .year-label{font-family:var(--f-d);font-size:2rem;font-weight:700;color:var(--navy);letter-spacing:-0.03em;flex-shrink:0} .year-line{flex:1;height:1px;background:rgba(27,58,107,0.12)} .news-list{display:flex;flex-direction:column;gap:1rem} .news-item{background:#fff;border:1px solid rgba(27,58,107,0.08);border-radius:var(--r);padding:1.75rem 2rem;display:grid;grid-template-columns:160px 1fr;gap:1.5rem;align-items:start;transition:border-color var(--ease),box-shadow var(--ease)} .news-meta{display:flex;flex-direction:column;gap:0.5rem} .news-date{font-family:var(--f-m);font-size:0.78rem;color:#8a9ab8;letter-spacing:0.05em} .news-product{display:inline-block;font-family:var(--f-d);font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.25rem 0.65rem;border-radius:3px;background:rgba(27,58,107,0.07);border:1px solid rgba(27,58,107,0.14);color:var(--navy)} .news-product.cw{background:rgba(27,58,107,0.07);border-color:rgba(27,58,107,0.2)} .news-product.df{background:rgba(200,168,75,0.1);border-color:rgba(200,168,75,0.3);color:var(--gold-d)} .news-product.pcw{background:rgba(27,100,107,0.08);border-color:rgba(27,100,107,0.2);color:#1a606a} .news-product.cat{background:rgba(180,30,30,0.06);border-color:rgba(180,30,30,0.15);color:#922020} .news-product.bvr{background:rgba(30,100,50,0.07);border-color:rgba(30,100,50,0.18);color:#1a6032} .news-product.lf{background:rgba(200,168,75,0.15);border-color:rgba(200,168,75,0.4);color:var(--gold-d)} .news-product.stl{background:rgba(20,120,150,0.08);border-color:rgba(20,120,150,0.2);color:#0a7a96} .news-new{display:inline-block;font-family:var(--f-m);font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.2rem 0.5rem;border-radius:3px;background:rgba(200,168,75,0.15);border:1px solid rgba(200,168,75,0.4);color:var(--gold-d);margin-top:0.3rem} .news-body h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.5rem;line-height:1.3}

/* === limpet-focuser-rotator-controller.html === */
.eol-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.35rem 0.85rem;border-radius:4px;background:var(--eol-bg);border:1px solid var(--eol-bd);font-family:var(--f-m);font-size:0.67rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--eol);margin-bottom:1.1rem} /* HIGHLIGHTS */ .highlights{background:var(--mist);padding:5rem 0} .hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:2.5rem} .hl-card{background:#fff;border-radius:var(--r);padding:1.75rem;border:1px solid rgba(27,58,107,0.08)} .hl-icon{width:44px;height:44px;background:var(--navy);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem} .hl-card .stat{font-family:var(--f-m);font-size:0.75rem;color:var(--gold-d);margin-top:0.6rem;display:block} /* CAPABILITIES */ .caps{background:var(--void);padding:5rem 0} .caps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-top:2.5rem} .cap-item{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:var(--r);padding:1.5rem;border-left:3px solid var(--gold)} .cap-item h3{color:#fff} .cap-item p{color:rgba(255,255,255,0.72)} .sw-card{background:#fff;border-radius:var(--r);padding:1.75rem 1.5rem;border:1px solid rgba(27,58,107,0.08)} .sw-icon{width:44px;height:44px;background:var(--navy);border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem} .ss-item.portrait img{height:170px;object-fit:cover;object-position:top}

/* === lunatico-last-line-defence-observatory-monitoring.html === */
.hero-full{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.14em;color:rgba(255,255,255,0.35);margin-bottom:1.2rem;text-transform:uppercase} .utyware{display:inline-flex;align-items:center;gap:0.6rem;background:rgba(200,168,75,0.08);border:1px solid rgba(200,168,75,0.25);border-radius:4px;padding:0.45rem 0.9rem;margin-bottom:1.75rem} .hero-logo{flex-shrink:0} /* MONITORS */ .monitors{background:var(--mist);padding:5rem 0} .monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem;margin-top:2.5rem} .mon-card{background:#fff;border-radius:var(--r);padding:1.75rem 1.5rem;border:1px solid rgba(27,58,107,0.08);border-top:3px solid var(--navy)} /* RESPONSE */ .response{background:var(--void);padding:5rem 0} .resp-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center} .resp-text h2{font-family:var(--f-d);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#fff;margin-bottom:1rem;text-wrap:balance;line-height:1.2} .resp-steps{list-style:none;display:flex;flex-direction:column;gap:0.5rem;margin-top:0.5rem} .quote-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:var(--r);padding:2rem;border-left:3px solid var(--gold)} /* GNS COMPANION */ .companion{background:#fff;padding:5rem 0} .comp-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start} .comp-text h2{font-family:var(--f-d);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;color:var(--navy);margin-bottom:0.8rem;text-wrap:balance;line-height:1.2} .comp-link{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--f-d);font-size:0.88rem;font-weight:700;color:var(--navy);margin-top:0.5rem} .comp-card{background:var(--mist);border-radius:var(--r);padding:2rem;border-left:3px solid var(--gold)} .ss-thumbs{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;align-items:flex-start;margin-top:2.5rem} .ss-thumbs .landscape img{width:260px}

/* === pocket-cloud-watcher.html === */
.hero-badge span{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.1em;color:var(--gold)} /* ── WHAT IT DETECTS ── */ .sensors{background:var(--mist);padding:5rem 0} .caution{background:rgba(200,168,75,0.08);border:1px solid rgba(200,168,75,0.25);border-radius:var(--r);padding:1.1rem 1.4rem;display:flex;gap:0.9rem;align-items:flex-start;margin-top:1.5rem}

/* === seletek-armadillo-platypus-focuser-rotator-controller.html === */
.hero-models{font-family:var(--f-d);font-size:1rem;font-weight:600;letter-spacing:0.12em;color:rgba(200,168,75,0.65);text-transform:uppercase;margin-bottom:1.4rem} .variants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem} .var-card.eol-only{border-color:rgba(27,58,107,0.08);border-top:3px solid rgba(184,120,32,0.5)} .var-name{font-family:var(--f-d);font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:0.2rem} .var-sub{font-family:var(--f-m);font-size:0.65rem;letter-spacing:0.12em;color:#8a9ab8;text-transform:uppercase;margin-bottom:1rem} .var-desc{font-size:0.9rem;color:#5a6a88;line-height:1.7;margin-bottom:1.25rem} .var-thumb{background:var(--mist);border-radius:4px;display:flex;align-items:center;justify-content:center;height:120px;margin-bottom:1.25rem;border:1px dashed rgba(27,58,107,0.12)} .var-thumb-label{font-family:var(--f-m);font-size:0.6rem;letter-spacing:0.12em;color:rgba(27,58,107,0.3);text-transform:uppercase} .var-spec-list{list-style:none;display:flex;flex-direction:column;gap:0.45rem;margin-top:auto} .var-spec-list li span.label{color:#8a9ab8;font-size:0.8rem;min-width:70px} .specs-table-wrap{overflow-x:auto;margin-top:2.5rem} .specs-table th{font-family:var(--f-d);font-size:0.8rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.9rem 1.1rem;text-align:left;border-bottom:2px solid rgba(200,168,75,0.3)} .specs-table th.col-arm{color:var(--gold)} .specs-table th.col-pla{color:#7AAFD4} .specs-table td.arm{color:rgba(255,255,255,0.85)} .specs-table td.pla{color:#9BBFDA} .specs-table td:first-child{color:rgba(255,255,255,0.75)} .badge-diff{display:inline-block;font-family:var(--f-m);font-size:0.65rem;letter-spacing:0.08em;padding:0.15rem 0.5rem;border-radius:2px;background:rgba(91,141,184,0.18);color:#7AAFD4;border:1px solid rgba(91,141,184,0.25);margin-left:0.4rem}

/* === seletek-focusers-plate.html === */
/* PAGE: seletek-focusers-plate */ .focusers-hero{background:var(--void);padding:4.5rem 0 3.5rem;position:relative;overflow:hidden} .focuser-list{padding:3rem 0 4rem} .focuser-section{border-bottom:1px solid rgba(27,58,107,0.1);padding:3rem 0} .focuser-grid{display:grid;gap:1rem;margin-top:0.5rem} .focuser-grid.cols-1{grid-template-columns:1fr;max-width:550px} .focuser-grid.cols-2{grid-template-columns:repeat(2,1fr)} .focuser-grid.cols-3{grid-template-columns:repeat(3,1fr)} .focuser-grid.cols-4{grid-template-columns:repeat(2,1fr)} .focuser-grid.cols-6{grid-template-columns:repeat(3,1fr)} .focuser-img-wrap{background:var(--mist);border-radius:var(--r);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0.5rem} .focuser-img-wrap.tall img{max-height:380px} .focuser-contact{background:var(--mist);border-radius:var(--r);padding:2rem 2rem 2rem;margin-top:3rem;text-align:center;border:1px solid rgba(27,58,107,0.1)}

/* === solo-cloud-watcher.html === */
.hero-companion{display:inline-flex;align-items:center;gap:0.5rem;margin-bottom:1.1rem;font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.12em;color:rgba(200,168,75,0.65);text-transform:uppercase} .power-badge{display:inline-flex;align-items:center;gap:0.6rem;background:rgba(200,168,75,0.1);border:1px solid rgba(200,168,75,0.25);border-radius:4px;padding:0.5rem 1rem;margin-top:1.25rem} /* ── NO PC NEEDED ── */ .nopc{background:var(--mist);padding:5rem 0} .nopc-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center} .nopc-stat{background:#fff;border-radius:var(--r);border:1px solid rgba(27,58,107,0.1);padding:2rem;text-align:center} .nopc-stat .stat-unit{font-size:0.9rem;vertical-align:super;line-height:1} .nopc-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem} /* ── DATA PUBLISHING ── */ .publishing{background:#fff;padding:5rem 0} .pub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:2.5rem} .pub-card{background:var(--mist);border-radius:var(--r);padding:1.5rem;border-left:3px solid var(--gold)} .update-log{display:flex;flex-direction:column;gap:0.6rem} .update-item{display:flex;gap:1rem;align-items:baseline} .update-date{font-family:var(--f-m);font-size:0.7rem;color:var(--gold);letter-spacing:0.08em;white-space:nowrap;flex-shrink:0}

/* === starling-shared-observatory-controller.html === */
/* VS DRAGONFLY callout */ .vs-bar{background:rgba(200,168,75,0.07);border-top:1px solid rgba(200,168,75,0.15);border-bottom:1px solid rgba(200,168,75,0.15);padding:1rem 0} .vs-inner{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap} .vs-label{font-family:var(--f-m);font-size:0.65rem;letter-spacing:0.18em;color:rgba(200,168,75,0.6);text-transform:uppercase;flex-shrink:0} .vs-text{font-size:0.9rem;color:rgba(255,255,255,0.65);line-height:1.5;flex:1} .vs-link{font-family:var(--f-d);font-size:0.8rem;font-weight:700;color:var(--gold);flex-shrink:0;white-space:nowrap} /* TWO ROLES */ .roles{background:var(--void);padding:5rem 0} .roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem} .role-card{border-radius:var(--r);padding:2.5rem 2rem} .role-card.sentinel{background:rgba(200,168,75,0.07);border:1px solid rgba(200,168,75,0.25)} .role-card.client{background:rgba(91,141,184,0.07);border:1px solid rgba(91,141,184,0.2)} .role-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.3rem 0.8rem;border-radius:3px;font-family:var(--f-m);font-size:1rem;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:1.1rem} .role-card .role-desc{font-size:0.95rem;color:rgba(255,255,255,0.55);line-height:1.7;margin-bottom:1.25rem} .role-list{list-style:none;display:flex;flex-direction:column;gap:0.55rem} /* ROOF SYSTEMS */ .roofs{background:var(--void);padding:5rem 0} .roof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2.5rem} .roof-card{background:#fff;border-radius:var(--r);padding:1.75rem;border:1px solid rgba(27,58,107,0.08);border-left:3px solid var(--navy)} /* HARDWARE */ .hardware{background:#fff;padding:5rem 0} .hw-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2.5rem} .io-block h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--gold)} .io-table{width:100%;border-collapse:collapse} .io-tag{display:inline-block;font-family:var(--f-m);font-size:0.65rem;letter-spacing:0.08em;padding:0.15rem 0.45rem;border-radius:2px;font-weight:700} .io-tag.free{background:rgba(200,168,75,0.12);color:var(--gold-d);border:1px solid rgba(200,168,75,0.25)} .io-tag.flap{background:rgba(27,58,107,0.08);color:var(--navy);border:1px solid rgba(27,58,107,0.18)} .hw-specs{background:var(--mist);border-radius:var(--r);padding:2rem}

/* === tarsier.html === */
.lcd-mockup{background:#4a5e3a;border:2px solid rgba(0,0,0,0.25);border-radius:6px;padding:1.25rem 1.75rem;display:inline-flex;flex-direction:column;gap:0.6rem;font-family:var(--f-m);letter-spacing:0.1em;box-shadow:inset 0 0 8px rgba(0,0,0,0.15)} .lcd-line{font-size:0.9rem;color:#b8e070;text-shadow:0 0 6px rgba(184,224,112,0.35);white-space:nowrap} .lcd-line.dim{color:rgba(184,224,112,0.5);text-shadow:none} .concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:2.5rem} .concept-aside{background:#fff;border-radius:var(--r);padding:2rem;border:1px solid rgba(27,58,107,0.08)} .concept-list{list-style:none;display:flex;flex-direction:column;gap:0.6rem} .feat-item{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:var(--r);padding:1.75rem;border-left:3px solid var(--gold)} .feat-item h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:#fff;margin-bottom:0.4rem} .feat-item p{font-size:0.92rem;color:rgba(255,255,255,0.7);line-height:1.65} /* MOTOR COMPAT */ .motors{background:var(--mist);padding:5rem 0} .motor-cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem} .motor-block{background:#fff;border-radius:var(--r);padding:2rem;border:1px solid rgba(27,58,107,0.08)} .motor-connector{font-family:var(--f-m);font-size:0.67rem;letter-spacing:0.12em;color:#8a9ab8;text-transform:uppercase;margin-bottom:1.1rem;display:block} .motor-brands{display:flex;flex-wrap:wrap;gap:0.5rem} .brand-chip{background:var(--mist);border:1px solid rgba(27,58,107,0.12);border-radius:3px;font-family:var(--f-m);font-size:0.7rem;letter-spacing:0.05em;padding:0.3rem 0.75rem;color:#5a6a88} .brand-chip.own{background:rgba(200,168,75,0.1);border-color:rgba(200,168,75,0.3);color:var(--gold-d)} .motor-note{margin-top:1.5rem;padding:1.1rem 1.25rem;background:rgba(27,58,107,0.05);border-radius:4px;border-left:3px solid var(--navy)}

/* === the-company.html === */
.page-hero .intro-p{font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.8;color:rgba(255,255,255,0.65);max-width:680px;margin:0 auto} /* ── ABOUT: story + principles sidebar ── */ .about-section{background:var(--mist);padding:5.5rem 0} .about-layout{display:grid;grid-template-columns:1fr 290px;gap:4rem;align-items:start} .story-label{font-family:var(--f-m);font-size:0.88rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);font-weight:700;display:block;margin-bottom:1.5rem} .story-col h2{font-family:var(--f-d);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;letter-spacing:-0.02em;color:var(--navy);text-wrap:balance;margin-bottom:1.5rem;line-height:1.2} /* Timeline (inside story col) */ .timeline{display:flex;flex-direction:column;gap:0;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(27,58,107,0.12)} .tl-item{display:flex;gap:1.25rem;padding-bottom:1.75rem;position:relative} .tl-dot{width:40px;height:40px;border-radius:50%;background:var(--navy);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px} .tl-year{font-family:var(--f-m);font-size:0.78rem;letter-spacing:0.12em;color:var(--gold);text-transform:uppercase;font-weight:700;display:block;margin-bottom:0.2rem} .tl-title{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.25rem} .tl-desc{font-size:0.88rem;color:#5a6a82;line-height:1.6} /* Principles sidebar */ .princ-aside{position:sticky;top:80px} .pa-label{font-family:var(--f-m);font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);font-weight:700;display:block;margin-bottom:0.6rem} .pa-title{font-family:var(--f-d);font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:1.1rem;line-height:1.25} .princ-stack{display:flex;flex-direction:column;gap:0.5rem} .pi-card{background:var(--navy);border-radius:4px;padding:0.8rem 1rem;border-left:3px solid var(--gold);display:flex;gap:0.7rem;align-items:flex-start;transition:transform var(--ease)} .pi-n{font-family:var(--f-m);font-size:0.62rem;color:rgba(200,168,75,0.45);flex-shrink:0;padding-top:3px;line-height:1} .pi-body h4{font-family:var(--f-d);font-size:0.85rem;font-weight:700;color:var(--gold);margin-bottom:0.15rem;line-height:1.25} /* ── TEAM ── */ .team{background:#fff;padding:5.5rem 0} .team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem} .member{background:var(--mist);border-radius:var(--r);padding:2rem 1.5rem 1.75rem;text-align:center;border:1px solid rgba(27,58,107,0.1);transition:transform var(--ease),box-shadow var(--ease)} .avatar{width:72px;height:72px;border-radius:50%;background:var(--navy);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-family:var(--f-d);font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:0.02em} .member-name{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.3rem} .member-role{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);font-weight:600} .member-year{font-size:0.8rem;color:#8896b0;margin-top:0.25rem} /* ── PACIFIC SECTION ── */ .pacific{background:var(--navy);padding:5rem 0} .pacific-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start} .hq-cards{display:flex;flex-direction:column;gap:1rem} .hq-card .hq-label{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:700;display:block;margin-bottom:0.5rem} /* ── ENVIRONMENTAL ── */ .env{background:var(--mist);padding:4.5rem 0;border-bottom:3px solid rgba(27,58,107,0.08)} .env-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center} .env-values{display:flex;flex-direction:column;gap:0.75rem} .env-icon{color:var(--gold);font-size:1.1rem;flex-shrink:0;margin-top:1px} .env-val p{font-size:0.9rem;color:#555;margin:0;line-height:1.55}

/* === zerodew-heater-controller-band-humidity.html === */
/* WHAT IT DOES */ .whatdoes{background:var(--mist);padding:5rem 0} .whatdoes-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center} /* CONTROLLER SPECS */ .controller{background:var(--void);padding:5rem 0} .controller-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-top:2.5rem} .ctrl-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--r);padding:2rem 1.75rem;color:rgba(255,255,255,0.85)} .ctrl-card h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:#fff;margin-bottom:0.4rem} .ctrl-card p{font-size:0.92rem;color:rgba(255,255,255,0.7);line-height:1.65} .ctrl-icon{width:38px;height:38px;border-radius:8px;background:rgba(200,168,75,0.12);border:1px solid rgba(200,168,75,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem} /* VAL TABLE (resistance page) */ .table-wrap{overflow-x:auto} .val-table{width:100%;border-collapse:collapse;font-size:0.95rem} .val-table th{font-family:var(--f-d);font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--navy);background:var(--mist);padding:0.85rem 1.25rem;text-align:left;border-bottom:2px solid rgba(27,58,107,0.15)} .val-table td{padding:0.75rem 1.25rem;color:#2a3244;border-bottom:1px solid rgba(27,58,107,0.07);line-height:1.4;font-variant-numeric:tabular-nums} .val-table tbody tr:last-child td{border-bottom:none} .val-table tbody tr:hover td{background:rgba(27,58,107,0.03)} /* BANDS */ .bands{background:#fff;padding:5rem 0} .bands-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem} .band-card{background:var(--mist);border-radius:var(--r);padding:2rem;border-left:3px solid var(--gold)}

/* === aag-cloud-watcher.html === */
.sec-head.on-dark h2{color:#fff}
.sec-head.on-dark p{color:rgba(255,255,255,0.62)} .adv-body p{font-size:0.9rem;color:#5a6a82;line-height:1.6} .foot-col ul li a:hover{color:var(--gold)}

/* === automate-your-observatory.html === */
.intro-text strong{color:#fff} .diag-info span{font-size:0.72rem;color:rgba(255,255,255,0.45)} /* GNS/LLLOD section */ .gns-section{background:var(--void);color:#fff;padding:5rem 0} .gns-col p{font-size:0.95rem;line-height:1.75;color:rgba(255,255,255,0.65);margin-bottom:0.75rem} .footer-brand p{margin-top:1rem;line-height:1.7;max-width:260px;font-size:0.8rem;color:rgba(255,255,255,0.55)}

/* === caterpillar-dome-controller.html === */
.cap-col h3 span{font-size:0.9rem;font-family:var(--f-m);letter-spacing:0.1em;padding:0.2rem 0.55rem;border-radius:2px} .cap-col.does .cap-list li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700} .cap-col.not .cap-list li::before{content:'·';position:absolute;left:0;color:#8896b0;font-size:1.4rem;line-height:1.1}

/* === cw-ambient-temp.html === */
.comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0;overflow-x:auto;display:block} .comparison-table .badge-good{background:rgba(42,122,74,0.12);color:#1a5a32;font-family:var(--f-m);font-size:0.82rem;padding:0.2rem 0.5rem;border-radius:3px;font-weight:700} .comparison-table .badge-ok{background:rgba(200,168,75,0.12);color:#8a6020;font-family:var(--f-m);font-size:0.82rem;padding:0.2rem 0.5rem;border-radius:3px;font-weight:700} .recommend-box{background:rgba(42,122,74,0.07);border:1px solid rgba(42,122,74,0.2);border-radius:var(--r);padding:1.5rem 1.75rem;margin:1.75rem 0}

/* === cw-backyard.html === */
/* ── BENEFITS STRIP ── */ .benefits-strip{background:var(--navy);padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,0.07)} .benefits-list{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center} .benefit-item{display:flex;align-items:center;gap:0.6rem;font-size:0.95rem;color:rgba(255,255,255,0.7)} /* feature grid */ .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0} .feature-item{background:var(--mist);border:1px solid rgba(27,58,107,0.09);border-radius:var(--r);padding:1.5rem} .feature-item .fi-icon{color:var(--navy);margin-bottom:0.85rem} /* tip box */ .tip-box{background:rgba(27,58,107,0.06);border:1px solid rgba(27,58,107,0.15);border-radius:var(--r);padding:1.75rem 2rem;margin:2rem 0;position:relative} .tip-label{font-family:var(--f-m);font-size:0.82rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:0.5rem;margin-bottom:0.85rem;font-weight:700}

/* === cw-docs.html === */
.manual-banner-text p{font-size:1rem;color:rgba(255,255,255,0.6)}

/* === cw-hydreon-rain.html === */
.img-single{margin:1.75rem 0} .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.75rem 0} .stat-box{background:var(--navy);border-radius:var(--r);padding:1.25rem;text-align:center} .stat-box .stat-lbl{font-size:0.88rem;color:rgba(255,255,255,0.55);line-height:1.4}

/* === cw-new-light-sensor.html === */
.img-full{width:100%;border-radius:var(--r);border:1px solid rgba(27,58,107,0.1);display:block;margin:1.5rem 0} .img-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.25rem;margin:1.75rem 0} .capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0} .capability-item{background:var(--mist);border:1px solid rgba(27,58,107,0.1);border-radius:var(--r);padding:1.1rem 1.25rem}

/* === cw-physical-install.html === */
/* Rules list — do / don't */ .rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.75rem 0} .rule-card{border-radius:var(--r);padding:1.5rem} .rule-card.do{background:rgba(42,122,74,0.07);border:1px solid rgba(42,122,74,0.2)} .rule-card.dont{background:rgba(184,50,40,0.06);border:1px solid rgba(184,50,40,0.18)} .warning-box{background:rgba(184,120,32,0.07);border:1px solid rgba(184,120,32,0.25);border-radius:var(--r);padding:1.25rem 1.5rem;margin:1.75rem 0}

/* === cw-roll-off-roof.html === */
/* Circuit diagram */ .circuit-box{background:var(--mist);border:1px solid rgba(27,58,107,0.12);border-radius:var(--r);padding:2rem;margin:1.75rem 0} .circuit-nodes{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap} .c-node{background:#fff;border:2px solid var(--navy);border-radius:var(--r);padding:0.75rem 1.1rem;text-align:center;font-size:0.95rem;font-weight:700;color:var(--navy);font-family:var(--f-d);min-width:110px} .c-wire{width:32px;height:2px;background:var(--navy);flex-shrink:0} .c-wire-label{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}

/* === cw-software.html === */
.btn-dl.primary:hover{background:var(--gold-d)} .foot-brand p{font-size:0.95rem;color:rgba(255,255,255,0.45);line-height:1.7;max-width:240px}

/* === cw-zero-conf-network.html === */
/* Connection priority diagram */ .priority-stack{display:flex;flex-direction:column;gap:0;margin:1.75rem 0} .priority-item{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center;padding:1rem 1.25rem;border:1px solid rgba(27,58,107,0.1);border-bottom:none;background:#fff} .priority-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-d);font-size:0.85rem;font-weight:700;flex-shrink:0;color:#fff} .priority-badge.p1{background:var(--navy)} .priority-badge.p2{background:#5a7aab} .priority-badge.p3{background:#9ba8c0} .priority-content strong{display:block;font-size:1rem;color:var(--navy);margin-bottom:0.2rem}

/* === df-automata.html === */
.cap-card{background:var(--mist);border-radius:var(--r);padding:1.25rem 1.5rem;border:1px solid rgba(27,58,107,0.08)}

/* === df-docs.html === */
.manual-text span{font-size:0.88rem;color:rgba(255,255,255,0.5)}

/* === df-factory-reset.html === */
.defaults-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.95rem} .warn-box{background:rgba(180,100,20,0.07);border:1px solid rgba(180,100,20,0.2);border-radius:var(--r);padding:1.25rem 1.5rem;margin:1.75rem 0}

/* === df-javascript.html === */
.code-block .kw{color:#79b8ff} .code-block .fn{color:#b5e4ff} .code-block .str{color:#9ecbff} .code-block .num{color:#f8c555} .api-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.95rem;overflow-x:auto;display:block}

/* === df-multiple.html === */
.limits-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0} .limit-card{background:var(--mist);border-radius:var(--r);padding:1.1rem 1.25rem;border:1px solid rgba(27,58,107,0.08)}

/* === doc.html === */
.btn-d.p:hover{background:var(--gold-d)}

/* === dragonfly-observatory-controller.html === */
.reason-body p{font-size:0.9rem;color:#5a6a82;line-height:1.6} .app-badge svg{opacity:0.85;flex-shrink:0}

/* === duoscope.html === */
.concept-text p{font-size:0.97rem;color:#5a6a88;line-height:1.8;margin-bottom:1rem}

/* === index.html === */
.sol-cta-text p{font-size:0.97rem;color:rgba(255,255,255,0.55);line-height:1.7;max-width:50ch} .about-principle-body p{color:rgba(255,255,255,0.6);font-size:0.9rem;line-height:1.6;margin:0}

/* === latest-product-news.html === */
.news-body p{font-size:0.95rem;color:#5a6a88;line-height:1.75}

/* === lunatico-institutions-and-customers.html === */
/* STATS */ .stats{background:var(--navy);padding:2.5rem 0} .stats-row{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap} .stat-n{font-family:var(--f-d);font-size:2.5rem;font-weight:700;color:var(--gold);letter-spacing:-0.03em;line-height:1} /* LOGO GRID */ .logos-section{padding:5rem 0;background:#fff} .section-intro{text-align:center;margin-bottom:3.5rem} .logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:rgba(27,58,107,0.07)} .logo-tile{background:#fff;display:flex;align-items:center;justify-content:center;padding:1.5rem 1.25rem;min-height:120px;transition:background var(--ease);position:relative;flex-direction:column;cursor:pointer} /* THANK YOU */ .thankyou{background:var(--void);padding:5rem 0;text-align:center} .btn-contact{display:inline-flex;align-items:center;gap:0.5rem;background:var(--gold);color:var(--void);font-family:var(--f-d);font-size:1rem;font-weight:700;letter-spacing:0.04em;padding:0.9rem 2rem;border-radius:3px;transition:var(--ease)} .tile-name{font-size:0.7rem;color:var(--navy);font-weight:600;text-align:center;margin-top:0.5rem;line-height:1.3;opacity:0;transition:opacity 0.2s;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* === lunatico-last-line-defence-observatory-monitoring.html === */
.resp-text p{font-size:0.97rem;line-height:1.8;color:rgba(255,255,255,0.6);margin-bottom:1rem} .comp-text p{font-size:0.95rem;line-height:1.8;color:#5a6a88;margin-bottom:0.9rem} .ss-thumbs .portrait img{width:110px}

/* === node-red-tutorial-for-dragonfly-and-cloudwatcher-solo.html === */
/* compatible products */ .compat-strip{background:var(--navy);padding:1rem 0;border-bottom:1px solid rgba(255,255,255,0.07)} .compat-item{display:flex;align-items:center;gap:0.55rem;font-size:0.95rem;color:rgba(255,255,255,0.7)} /* data fields grid */ .data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem;margin:1.25rem 0 1.5rem} .data-field{background:var(--mist);border:1px solid rgba(27,58,107,0.1);border-radius:var(--r);padding:0.85rem 1rem;font-family:var(--f-m);font-size:0.88rem;color:var(--navy)} /* download cta */ .download-cta{background:var(--mist);border:1px solid rgba(27,58,107,0.12);border-radius:var(--r);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:2rem 0;flex-wrap:wrap} .download-cta-text h4{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.25rem}

/* === pocket-cloud-watcher.html === */
.ss-thumb.landscape img{width:260px}

/* === remote-observatory-hosting-australia.html === */
.faq{margin:1.5rem 0;display:flex;flex-direction:column;gap:0.5rem} details.faq-item{border:1px solid rgba(27,58,107,0.12);border-radius:var(--r);overflow:hidden} .faq-body{padding:1.25rem 1.5rem;border-top:1px solid rgba(27,58,107,0.08);background:#fff} .article-figure img{cursor:zoom-in}

/* === seletek-armadillo-platypus-focuser-rotator-controller.html === */
.specs-table th:first-child{color:rgba(255,255,255,0.4)}
.specs-light .specs-table th:first-child{color:var(--navy);opacity:1}

/* === the-company.html === */
.story-col p{font-size:1rem;line-height:1.85;color:#3d4e62;margin-bottom:1.1rem} .pi-body p{font-size:0.75rem;color:rgba(255,255,255,0.5);line-height:1.5;margin:0} .hq-card h4{font-family:var(--f-d);font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:0.3rem} .env-val strong{color:var(--navy);display:block;font-size:0.88rem;margin-bottom:0.15rem}

/* === 20-years-lunaticoastro-astronomy-products.html (2nd style block) === */
.years-product-row { display:grid; grid-template-columns:140px 1fr; gap:1.5rem; align-items:start; margin:2rem 0; padding-bottom:2rem; border-bottom:1px solid var(--mist,#F0F2F5); } .years-product-img { width:140px; } .years-year-badge { display:inline-block; font-size:0.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--gold,#C8A84B); margin-bottom:.4rem; }

/* === 3d-prints-designs-cloudwatcher-environmental-chamber.html (2nd style block) === */
.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.4rem;margin-top:2rem} .part-card img{width:100%;height:200px;object-fit:contain;background:#f8f9fb;padding:1rem;box-sizing:border-box;display:block} .part-card-body{padding:1.2rem} .part-card-title{font-size:1rem;font-weight:700;color:var(--navy);margin:0 0 0.4rem} .part-card-desc{font-size:0.9rem;color:#555;margin:0;line-height:1.6} .hero-imgs{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}

/* === 3d-prints-designs.html (2nd style block) === */
.dl-card-img{width:100%;height:200px;object-fit:contain;background:#f8f9fb;padding:1rem;box-sizing:border-box;display:block} .dl-card-body{padding:1.4rem;flex:1;display:flex;flex-direction:column;gap:0.5rem} .dl-card-title{font-size:1.05rem;font-weight:700;color:var(--navy);margin:0} .dl-card-desc{font-size:0.95rem;color:#555;margin:0;flex:1;line-height:1.6} .dl-card-foot{margin-top:1rem} .sec-label{font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-d);margin:0 0 0.5rem} .product-block{background:var(--mist);border-radius:12px;padding:2rem 2rem 2.25rem;margin-bottom:2rem;border:1px solid rgba(27,58,107,0.08)} .sec-intro{font-size:0.95rem;color:#555;line-height:1.7;max-width:680px;margin:0 0 0.5rem} .cw-link-card{display:flex;gap:1.8rem;align-items:center;background:#fff;border:1px solid rgba(27,58,107,0.12);border-radius:10px;padding:1.6rem;box-shadow:0 2px 12px rgba(27,58,107,0.06);text-decoration:none;color:inherit;transition:box-shadow 0.2s,transform 0.2s;margin-top:2rem} .cw-link-icon{width:64px;height:64px;background:rgba(27,58,107,0.07);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .cw-link-text h3{font-size:1.05rem;font-weight:700;color:var(--navy);margin:0 0 0.4rem} .cw-link-arrow{margin-left:auto;color:var(--gold);font-size:1.2rem;flex-shrink:0}

/* === df-software-6-0.html (2nd style block) === */
.feature-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;flex-shrink:0;margin-top:0.45rem} .update-paths{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem} .path-card{border-radius:10px;padding:1.6rem;border:1px solid} .path-card.from50{background:var(--navy);border-color:var(--navy)} .path-card.from59{background:rgba(200,168,75,0.06);border-color:rgba(200,168,75,0.25)} .step-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.9rem;counter-reset:step} .step-num{min-width:24px;height:24px;background:var(--gold);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;flex-shrink:0;margin-top:0.05rem} .code-block code .hl{color:#ffa657} .ascom-box{background:#fff;border:1px solid rgba(27,58,107,0.12);border-radius:10px;padding:1.8rem;margin-top:2rem;box-shadow:0 2px 8px rgba(27,58,107,0.06)} .path-label{font-size:0.8rem;font-family:Consolas,'Courier New',monospace;background:rgba(27,58,107,0.07);border:1px solid rgba(27,58,107,0.12);border-radius:4px;padding:0.25rem 0.6rem;color:var(--navy);display:inline-block;margin-bottom:0.3rem}

/* === doc.html (2nd style block) === */
.doc-product{background:#fff;border:1px solid #dde3ef;border-radius:10px;overflow:hidden} .doc-product-head{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.5rem;background:var(--navy);color:#fff} .doc-product-head .doc-cat{font-size:0.72rem;color:rgba(200,168,75,.8);letter-spacing:.12em;text-transform:uppercase;margin-left:auto} .doc-btns{display:flex;flex-wrap:wrap;gap:.65rem;padding:1.1rem 1.5rem} .doc-btn.primary{background:var(--navy);color:#fff} .doc-btn.sec{background:transparent;border:1.5px solid var(--navy);color:var(--navy)}

/* === imaging-contest-jan-2022.html (2nd style block) === */
.post-body{max-width:740px;margin:0 auto} .detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0} .detail-card{background:#fff;border:1px solid rgba(27,58,107,0.12);border-radius:8px;padding:1.2rem} .detail-label{font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-d);margin:0 0 0.4rem} .detail-val{font-size:0.95rem;color:var(--navy);font-weight:600;margin:0} .dataset-card{background:var(--mist);border-radius:10px;padding:1.8rem;margin:1.5rem 0} .channel-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:0.5rem}

/* === lunaticoastro-visits-qhyccd-china.html (2nd style block) === */
.china-hero-img { width:100%; max-height:520px; object-fit:cover; display:block; border-radius:6px; margin:0 0 2rem; } .china-figure { margin:1.5rem 0; } .china-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:6px; margin:1.5rem 0; } .china-gallery-wide { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:8px; margin:1.5rem 0; } .china-two-col { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:1.5rem 0; } .china-four-thumb { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:1.5rem 0; }

/* === product-lifecycle-policy.html (2nd style block) === */
.stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;margin-bottom:2.5rem} .stage-card{border-radius:8px;padding:1.5rem;border:1px solid rgba(27,58,107,0.12)} .stage-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0.8rem} .stage-desc{font-size:0.9rem;color:#555;margin:0;line-height:1.6} .policy-section{background:#fff;border:1px solid rgba(27,58,107,0.12);border-radius:10px;padding:2rem;margin-bottom:1.5rem}

/* === search.html (2nd style block) === */
.search-hero{background:var(--void);padding:3.5rem 0 3rem;position:relative;overflow:hidden} .search-wrap-outer{position:relative;max-width:680px} .site-search{width:100%;padding:0.95rem 1.25rem 0.95rem 3.25rem;font-family:var(--f-s);font-size:1.05rem;border:2px solid rgba(200,168,75,0.3);border-radius:10px;background:rgba(255,255,255,0.06);color:#fff;outline:none;transition:border-color 0.2s,background 0.2s} .search-icon-hero{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:rgba(200,168,75,0.6);pointer-events:none} .search-count{font-size:0.88rem;color:rgba(255,255,255,0.35);margin-top:0.75rem;font-family:var(--f-m)} .search-results-section{padding:3rem 0 5rem} .results-list{display:flex;flex-direction:column;gap:0.5rem;max-width:760px} .result-item{display:block;padding:1rem 1.25rem;border-radius:8px;border:1px solid rgba(27,58,107,0.1);background:#fff;text-decoration:none;color:inherit;transition:border-color 0.15s,box-shadow 0.15s,background 0.15s} .result-title{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.25rem;line-height:1.35} .result-url{font-size:0.82rem;color:#8a9aaa;font-family:var(--f-m)} .no-results{padding:2rem 0;color:#8a9aaa;font-size:1rem} .results-empty-state{text-align:left;padding:1.5rem 0}

/* === software-help-repository.html (2nd style block) === */
.help-section{margin-bottom:3rem} .help-card{background:#fff;border:1px solid rgba(27,58,107,0.12);border-radius:10px;padding:1.8rem;box-shadow:0 2px 8px rgba(27,58,107,0.06);margin-top:1.2rem} .help-card .note{background:rgba(200,168,75,0.08);border-left:3px solid var(--gold);border-radius:0 6px 6px 0;padding:0.9rem 1.1rem;margin-top:0.8rem} .sec-icon{width:32px;height:32px;background:rgba(27,58,107,0.07);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* === solo-devices-more-easily-accessible.html (2nd style block) === */
.trick-card{background:#fff;border:1px solid rgba(27,58,107,0.12);border-radius:10px;padding:2rem;margin-bottom:2rem} .trick-num{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:1rem;margin-bottom:1rem;flex-shrink:0} .trick-title{font-size:1.1rem;font-weight:700;color:var(--navy);margin:0 0 0.8rem}

/* === solo-version-history.html (2nd style block) === */
.step-box{background:#fff;border:1px solid rgba(27,58,107,0.12);border-radius:10px;padding:1.6rem;margin-top:1.2rem;box-shadow:0 2px 8px rgba(27,58,107,0.06)} .ver-row{padding:1rem 0;border-bottom:1px solid rgba(27,58,107,0.08)} .ver-num{font-family:var(--f-m);font-size:0.8rem;font-weight:700;color:var(--gold-d);letter-spacing:0.05em;margin-bottom:0.3rem} .ver-desc{font-size:0.9rem;color:#444;line-height:1.65;margin:0}

/* === solutions.html (2nd style block) === */
.solutions-nav { background:var(--navy); padding:0.75rem 0; position:sticky; top:0; z-index:100; overflow-x:auto } .solutions-page { background:var(--mist) } .solution-section { padding:4rem 0 } .solution-section--alt { background:#fff } .solution-section-inner { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start } .solution-section-text h2 { font-size:clamp(1.6rem,3vw,2.2rem); color:var(--navy); margin:0.5rem 0 1rem; text-wrap:balance } .solution-benefits { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.5rem } .solution-section-products { display:flex; flex-direction:column; gap:0.75rem } .sol-product-card { display:block; background:#fff; border:1px solid rgba(27,58,107,0.12); border-radius:6px; padding:1.1rem 1.25rem; text-decoration:none; transition:border-color 0.15s, box-shadow 0.15s; position:relative } .sol-product-card--new { border-color:rgba(200,168,75,0.4) } .sol-product-badge { position:absolute; top:0.75rem; right:1rem; background:var(--gold); color:#fff; font-size:0.7rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; padding:0.15rem 0.5rem; border-radius:3px } .sol-product-name { display:block; font-size:1.05rem; font-weight:700; color:var(--navy); margin-bottom:0.25rem } .sol-product-desc { display:block; font-size:0.9rem; color:#5a5a6a; line-height:1.5; margin-bottom:0.5rem } .sol-product-link { display:block; font-size:0.85rem; font-weight:600; color:var(--gold); letter-spacing:0.02em }

/* === support.html (2nd style block) === */
/* SUPPORT PAGE SPECIFIC */ .support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2.5rem} .support-card{background:#fff;border:1px solid #e2e7f0;border-radius:10px;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:box-shadow .2s,transform .2s} .support-card-icon{width:52px;height:52px;border-radius:10px;background:var(--navy);display:flex;align-items:center;justify-content:center} .support-card a.card-btn{display:inline-block;margin-top:auto;padding:0.55rem 1.25rem;border-radius:5px;font-size:0.9rem;font-weight:600;background:var(--navy);color:#fff;transition:background .2s;text-align:center} .ticket-highlight{background:var(--void);border-radius:12px;padding:2.5rem;color:#fff;display:flex;flex-direction:column;gap:1rem;align-items:flex-start} .ticket-highlight a.ticket-btn{padding:0.7rem 1.8rem;background:var(--gold);color:var(--void);font-weight:700;border-radius:5px;font-size:1rem;transition:background .2s;margin-top:.5rem} .email-note{font-size:0.85rem;color:rgba(255,255,255,.55);margin-top:.25rem}

/* === lunaticoastro-around-the-world.html === */
.map-img{cursor:zoom-in}

/* === zerodew-resistance-power-values.html === */
.val-table{width:100%;border-collapse:collapse;font-size:0.95rem;font-variant-numeric:tabular-nums}

/* === cw-weathercenter-cumulus.html === */
.img-fig{margin:1.5rem 0} .img-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.5rem 0}

/* === cw-web-server.html === */
/* Graph list */ .graph-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0.75rem;margin:1.25rem 0 1.5rem;padding:0} .graph-item{background:var(--mist);border:1px solid rgba(27,58,107,0.1);border-radius:var(--r);padding:0.85rem 1rem;display:flex;align-items:center;gap:0.65rem;font-size:0.95rem;font-weight:600;color:var(--navy)}

/* === Clases recuperadas de Hostinger + reconstruidas === */
.compat-chip{font-family:var(--f-m);font-size:0.78rem;letter-spacing:0.06em;color:rgba(255,255,255,0.82);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);border-radius:3px;padding:0.3rem 0.85rem}
.stat-l{font-size:0.85rem;color:rgba(255,255,255,0.5);margin-top:0.35rem;letter-spacing:0.04em}
.vc-tag{font-family:var(--f-m);font-size:0.85rem;letter-spacing:0.08em;color:var(--navy);background:rgba(27,58,107,0.08);border:1px solid rgba(27,58,107,0.15);border-radius:2px;padding:0.2rem 0.5rem}
.concept-head{flex-direction:column;align-items:flex-start;gap:1.5rem}
.int-chip{background:var(--mist);border:1px solid rgba(27,58,107,0.1);border-radius:4px;padding:0.55rem 1.1rem;font-family:var(--f-d);font-size:0.82rem;font-weight:700;color:var(--navy);letter-spacing:0.02em}
.int-card h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:#fff;margin-bottom:0.6rem}
.int-card p,.int-card li{font-size:0.9rem;color:rgba(255,255,255,0.68);line-height:1.65}
.int-note{color:rgba(255,255,255,0.45)}
.page-title{font-family:var(--f-d);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fff;letter-spacing:-0.02em;line-height:1.2;margin-bottom:0.75rem}
.page-subtitle{font-size:1.05rem;color:rgba(255,255,255,0.62);line-height:1.75;max-width:58ch}
.diagram-thumb-img{width:200px;border-radius:6px;display:block}
.tl-content{flex:1}
.assemble-link{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.9rem;color:rgba(255,255,255,0.55);margin-top:1rem;text-decoration:none;transition:color var(--ease)}
.assemble-link:hover{color:var(--gold)}
.rel-card-h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);line-height:1.35}
.video-link-card{background:var(--mist);border:1px solid rgba(27,58,107,0.12);border-radius:8px;padding:1.5rem;margin:1rem 0 2rem;display:flex;gap:1rem;align-items:flex-start}
.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin:2rem 0}
@media(max-width:720px){.two-col-grid{grid-template-columns:1fr}}
.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.7rem 1.4rem;border-radius:var(--r);font-family:var(--f-d);font-weight:700;font-size:0.95rem;background:var(--navy);color:#fff;transition:var(--ease)}
.btn:hover{background:#1a3460}
.language-bash{font-family:var(--f-m);font-size:0.9em}
.article-body--wide{max-width:900px}
.about-principle{display:flex;gap:1rem;align-items:flex-start}
.no{color:#c0392b}

/* ================================================================
   FIXES: Reglas que faltaban en la extraccion de CSS (julio 2026)
   ================================================================ */

/* --- STARFIELD / HOMEPAGE HERO --- */
.hero-content{position:relative;z-index:1;width:100%}

/* --- LANTERNFISH: Feature cards (contenido con h3/p) --- */
.feat-card{padding:2rem 1.75rem}
.feat-card h3{font-family:var(--f-d);font-size:0.97rem;font-weight:700;color:var(--navy);margin-bottom:0.4rem;line-height:1.3}
.feat-card p{font-size:0.95rem;color:#6b7a99;line-height:1.65}

/* --- LANTERNFISH: Tabla de especificaciones --- */
.spec-table tr{border-bottom:1px solid rgba(27,58,107,0.1)}
.spec-table tr:last-child{border-bottom:none}
.spec-table td{padding:0.7rem 0;font-size:0.93rem;vertical-align:top}
.spec-table td:first-child{color:#6b7a99;width:50%;font-weight:500;padding-right:1rem}
.spec-table td:last-child{color:#2a3244;font-weight:600}

/* --- LANTERNFISH: Access block --- */
.access-block h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.75rem}
.access-block p{font-size:0.9rem;color:#5a6a88;line-height:1.7;margin-bottom:0.75rem}

/* --- THE COMPANY: Seccion Pacific (fondo navy oscuro) --- */
.pacific .eyebrow{color:var(--gold)}
.pacific h2{font-family:var(--f-d);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;letter-spacing:-0.02em;color:#fff;text-wrap:balance;margin-bottom:1.5rem;line-height:1.15}
.pacific p{font-size:1rem;line-height:1.85;color:rgba(255,255,255,0.65);margin-bottom:1.1rem}
.pacific strong{color:#fff}

/* --- THE COMPANY: HQ cards --- */
.hq-card p{font-size:0.9rem;color:rgba(255,255,255,0.55);margin:0;line-height:1.6}

/* --- THE COMPANY: Principles cards (fondo navy) --- */
.pi-body h4{font-family:var(--f-d);font-size:0.85rem;font-weight:700;color:var(--gold);margin-bottom:0.15rem;line-height:1.25}
.pi-body p{font-size:0.75rem;color:rgba(255,255,255,0.5);line-height:1.5;margin:0}

/* --- THE COMPANY: Timeline --- */
.tl-item{position:relative}
.tl-item::before{content:'';position:absolute;left:19px;top:36px;bottom:0;width:1px;background:rgba(27,58,107,0.15)}
.tl-item:last-child::before{display:none}
.tl-dot span{font-family:var(--f-d);font-size:0.6rem;font-weight:700;color:var(--gold);letter-spacing:0.04em}
.tl-title{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.25rem}
.tl-desc{font-size:0.88rem;color:#5a6a82;line-height:1.6}

/* --- THE COMPANY: Team section --- */
.team{background:#fff;padding:5.5rem 0}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}
.member{background:var(--mist);border-radius:var(--r);padding:2rem 1.5rem 1.75rem;text-align:center;border:1px solid rgba(27,58,107,0.1);transition:transform var(--ease),box-shadow var(--ease)}
.member:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(27,58,107,0.1)}
.avatar{width:72px;height:72px;border-radius:50%;background:var(--navy);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-family:var(--f-d);font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:0.02em}
.avatar-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:top center;border:3px solid var(--gold);display:block;margin:0 auto 1.25rem}
.member-name{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.3rem}
.member-role{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);font-weight:600}
.member-year{font-size:0.8rem;color:#8896b0;margin-top:0.25rem}

/* task-links link styling (shared by cw-docs and df-docs) */
.task-links li a{display:flex;align-items:center;gap:0.5rem;font-size:0.91rem;color:#3a4f6e;padding:0.35rem 0;border-bottom:1px solid rgba(27,58,107,0.08);transition:color var(--ease)}
.task-links li:last-child a{border-bottom:none}
.task-links li a:hover{color:var(--navy)}
.task-links li a .tl-type{margin-left:auto;flex-shrink:0}

/* --- THE COMPANY: Environmental section --- */
.env{background:var(--mist);padding:4.5rem 0;border-bottom:3px solid rgba(27,58,107,0.08)}
.env-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:760px){.env-inner{grid-template-columns:1fr;gap:2rem}}
.env .eyebrow{color:var(--navy)}
.env h2{font-family:var(--f-d);font-size:clamp(1.5rem,2.8vw,2rem);font-weight:700;letter-spacing:-0.02em;color:var(--navy);text-wrap:balance;margin-bottom:1.25rem;line-height:1.2}
.env p{font-size:1rem;line-height:1.85;color:#4a5a78;margin-bottom:1rem}
.env-values{display:flex;flex-direction:column;gap:0.75rem}
.env-val{display:flex;gap:0.85rem;align-items:flex-start;padding:0.9rem 1.1rem;background:#fff;border:1px solid rgba(27,58,107,0.1);border-radius:var(--r)}
.env-icon{color:var(--gold);font-size:1.1rem;flex-shrink:0;margin-top:1px}
.env-val p{font-size:0.9rem;color:#555;margin:0;line-height:1.55}
.env-val strong{color:var(--navy);display:block;font-size:0.88rem;margin-bottom:0.15rem}

/* --- CW PAGE: Software section (fondo navy) --- */
.software h3{font-family:var(--f-d);font-size:1.15rem;font-weight:700;color:var(--gold);margin-bottom:1.1rem}
.sw-list li{font-size:0.95rem;color:rgba(255,255,255,0.72);padding-left:1.25rem;position:relative;line-height:1.5}
.sw-list li::before{content:'\2713';position:absolute;left:0;color:var(--gold);font-size:0.85rem}
.sw-list li strong{color:#fff}

/* --- CW PAGE: Pocket section (fondo void) --- */
.pocket .eyebrow{color:var(--gold)}
.pocket h2{font-family:var(--f-d);font-size:clamp(1.4rem,2.8vw,2rem);font-weight:700;letter-spacing:-0.02em;color:#fff;text-wrap:balance;margin-bottom:1rem;line-height:1.2}
.pocket p{font-size:1rem;line-height:1.8;color:rgba(255,255,255,0.62);margin-bottom:1.25rem}
.pocket-features li{font-size:0.92rem;color:rgba(255,255,255,0.65);padding-left:1.25rem;position:relative}
.pocket-features li strong{color:#fff}

/* --- CW PAGE: Solo section (fondo mist) --- */
.solo .eyebrow{color:var(--navy)}
.solo h2{font-family:var(--f-d);font-size:clamp(1.4rem,2.8vw,2rem);font-weight:700;letter-spacing:-0.02em;color:var(--navy);text-wrap:balance;margin-bottom:1rem;line-height:1.2}
.solo p{font-size:1rem;line-height:1.8;color:#4a5a6a;margin-bottom:1.25rem}

/* --- CW PAGE: In the wild (fondo navy) --- */
.wild{background:var(--navy);padding:5rem 0}
.wild h2{font-family:var(--f-d);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:0.6rem;letter-spacing:-0.01em}
.wild p{font-size:0.97rem;line-height:1.8;color:rgba(255,255,255,0.68);max-width:56ch}

/* --- CW PAGE: Screenshots section (fondo void) --- */
.screenshots{background:var(--void);padding:5rem 0}

/* --- DRAGONFLY: App section (navy bg) --- */
.app-section h2{font-family:var(--f-d);font-size:clamp(1.5rem,2.8vw,2rem);font-weight:700;color:#fff;letter-spacing:-0.02em;text-wrap:balance;margin-bottom:1rem}
.app-section p{font-size:0.98rem;line-height:1.8;color:rgba(255,255,255,0.68);margin-bottom:1.5rem}
.app-badge{display:inline-flex;align-items:center;gap:0.65rem;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.18);border-radius:8px;padding:0.65rem 1.25rem;color:#fff;font-family:var(--f-s);font-size:0.9rem;font-weight:600;transition:all var(--ease)}

/* --- DRAGONFLY: What you can do (mist bg) --- */
.cando-item p{font-size:0.95rem;color:#3d4e62;line-height:1.55}
.cando-item p strong{color:var(--navy)}

/* --- GNS: Alerts section (void bg) --- */
.alert-card h3{font-family:var(--f-d);font-size:0.95rem;font-weight:700;color:#fff;margin-bottom:0.4rem}
.alert-card p{font-size:0.95rem;color:rgba(255,255,255,0.5);line-height:1.65}

/* --- LLLOD: Response section (void bg) --- */
.resp-steps{counter-reset:step}
.resp-steps li{font-size:0.93rem;color:rgba(255,255,255,0.75);padding-left:1.75rem;position:relative;line-height:1.6}
.resp-steps li::before{content:counter(step);counter-increment:step;position:absolute;left:0;width:20px;height:20px;background:var(--gold);color:var(--void);border-radius:50%;font-size:0.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--f-d)}

/* --- POCKET-CW: Sensor cards --- */
.sensor-card h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.4rem}
.sensor-card p{font-size:0.95rem;color:#6b7a99;line-height:1.55}

/* --- LLLOD: Monitor cards --- */
.mon-card h3{font-family:var(--f-d);font-size:0.97rem;font-weight:700;color:var(--navy);margin-bottom:0.4rem}
.mon-card p{font-size:0.95rem;color:#6b7a99;line-height:1.65}

/* --- LLLOD: Companion section --- */
.comp-card ul li{font-size:0.92rem;color:#5a6a88;padding-left:1.5rem;position:relative;line-height:1.6}
.comp-card ul li::before{content:'\2713';position:absolute;left:0;color:var(--gold);font-weight:700}

/* --- PRODUCT HERO: Buy button hover states --- */
.btn-buy.primary:hover{background:var(--gold-d);color:#fff}
.btn-buy.secondary:hover{border-color:var(--gold);color:var(--gold)}
.btn-buy.ghost{color:rgba(255,255,255,0.55);border:1px solid rgba(255,255,255,0.15);font-size:0.9rem;padding:0.85rem 1.4rem}
.btn-buy.ghost:hover{border-color:rgba(255,255,255,0.4);color:rgba(255,255,255,0.85)}

/* --- PRODUCT HERO: Visual and labels --- */
.hero-visual{display:flex;flex-direction:column;gap:1rem}
.hero-visual img{border-radius:var(--r);border:1px solid rgba(255,255,255,0.1);width:100%}
.hero-note{font-size:0.82rem;color:rgba(255,255,255,0.35);text-align:center;font-style:italic}
.hero-award{display:inline-flex;align-items:center;gap:0.6rem;background:rgba(200,168,75,0.1);border:1px solid rgba(200,168,75,0.3);border-radius:4px;padding:0.4rem 0.9rem;margin-bottom:1.75rem}
.hero-award-text{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.1em;color:var(--gold)}
.hero-img-placeholder{background:linear-gradient(145deg,#0d1a30 0%,var(--navy) 100%);border-radius:10px;height:300px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(200,168,75,0.15);position:relative;overflow:hidden}
.hero-img-placeholder::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(200,168,75,0.08) 0%,transparent 65%)}
.hero-img-placeholder svg{opacity:0.4;position:relative;z-index:1}
.buy-group{display:flex;flex-direction:column;gap:0.75rem}
.buy-label{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:0.1rem}
.buy-btns{display:flex;gap:0.75rem;flex-wrap:wrap}

/* --- SPEC NOTE --- */
.spec-note{font-size:0.82rem;color:#8896b0;line-height:1.65;margin-top:1.25rem}
.spec-note p{margin-bottom:0.5rem}
.spec-note p:last-child{margin-bottom:0}

/* --- DRAGONFLY: Cando and Reasons --- */
.cando-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:6px}
.reason-body h3{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:0.35rem}

/* --- DRAGONFLY: Videos section (void bg) --- */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.video-card{display:block;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,0.08);transition:border-color var(--ease),transform var(--ease);text-decoration:none}
.video-card:hover{border-color:rgba(200,168,75,0.4);transform:translateY(-3px)}
.video-thumb{background:linear-gradient(145deg,#0d1a30 0%,var(--navy) 100%);height:150px;display:flex;align-items:center;justify-content:center;position:relative}
.video-thumb::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0);transition:background var(--ease)}
.video-card:hover .video-thumb::after{background:rgba(200,168,75,0.08)}
.play-btn{width:48px;height:48px;border-radius:50%;background:rgba(200,168,75,0.18);border:2px solid rgba(200,168,75,0.5);display:flex;align-items:center;justify-content:center;transition:all var(--ease);position:relative;z-index:1}
.play-btn svg{margin-left:3px}
.video-card:hover .play-btn{background:var(--gold);border-color:var(--gold)}
.video-info{background:rgba(255,255,255,0.04);padding:1rem 1.1rem}
.video-tag{font-family:var(--f-m);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);margin-bottom:0.35rem;display:block}
.video-title{font-family:var(--f-d);font-size:0.9rem;font-weight:700;color:#fff;line-height:1.35}
.video-cta{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.9rem;font-weight:600;color:rgba(255,255,255,0.62);margin-top:0.5rem;transition:color var(--ease)}
.video-card:hover .video-cta{color:var(--gold)} .videos .video-card{background:transparent}

/* ════════════════════════════════════════════════
   GLOBAL FIXES — 2026-07
   ════════════════════════════════════════════════ */

/* Dark nav bullet dots → remove default list style */
.solutions-nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0}
.jump-nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0}

/* df-docs manual strip: SVG icon inherits dark currentColor on navy bg */
.manual-strip{color:#fff}
.manual-strip .manual-text span{font-size:0.88rem;color:rgba(255,255,255,0.62)}
.manual-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}

/* cw-docs: base grid for task cards (only had mobile media query) */
.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}

/* cw-docs: manual-banner flex layout (only had column-override media query) */
.manual-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.75rem 0}
.manual-banner-text p{font-size:0.9rem;color:rgba(255,255,255,0.62)}

/* 3D prints: dl-grid base layout (only had 1-col mobile override) */
.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem}

/* Features section dark variant — for Pocket CW and SOLO (bg was mist, on-dark heading = invisible) */
.features-dark{background:var(--void)}
.features-dark .feat-card{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.07)}
.features-dark .feat-card h3{color:#fff}
.features-dark .feat-card p{color:rgba(255,255,255,0.62)}

/* Software section sec-head: navy bg but no on-dark class → text was invisible */
.software .sec-head h2{color:#fff}
.software .sec-head p{color:rgba(255,255,255,0.62)}
.software .sec-head .eyebrow{color:var(--gold)}

/* Screenshots sections: void bg but sec-head without on-dark → text invisible */
.screenshots .sec-head h2{color:#fff}
.screenshots .sec-head p{color:rgba(255,255,255,0.62)}
.screenshots .sec-head .eyebrow{color:var(--gold)}

/* page-eyebrow: used on support.html and institutions page; was unstyled */
.page-eyebrow{font-family:var(--f-m);font-size:1rem;letter-spacing:0.14em;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:1.1rem}

/* doc.html product names: h3 has no color in dc-body → dark text on #0a1628 card */
.dc-body h3{font-family:var(--f-d);font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 0.2rem}

/* starling.html sentinel/client role cards: h3 and list items have no color on void bg */
.role-card h3{font-family:var(--f-d);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:0.75rem;line-height:1.3}
.role-badge{color:rgba(255,255,255,0.75)}
.role-list li{font-size:0.9rem;color:rgba(255,255,255,0.65);line-height:1.55}

/* pocket-cw caution box: no text color → dark text on navy bg (inside .software section) */
.caution p{color:rgba(255,255,255,0.82)}
.caution strong{color:#fff}

/* ss-grid: no base layout defined → screenshots stack full-width one per row */
.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:2.5rem}
.ss-thumb{border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform var(--ease),box-shadow var(--ease)}
.ss-thumb:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}
.ss-grid .ss-thumb img{width:100%;display:block}
.ss-thumb.portrait img{height:200px;object-fit:contain;object-position:top center;background:#0a0e18}

/* SOLO nopc stats: stat-val/label colors defined for dark bg (Lanternfish) — white on white here */
.nopc-stat .stat-val{color:var(--navy)}
.nopc-stat .stat-label{color:#6b7a99}
.nopc-stat .stat-unit{color:var(--gold-d)}

/* Support card icons: SVG default fill is black; navy bg → nearly invisible */
.support-card-icon svg{fill:#fff;width:28px;height:28px}
.support-card h3{font-family:var(--f-d);font-size:1.05rem;font-weight:700;color:var(--navy);margin:0}
.support-card p{font-size:0.92rem;color:#5a6a88;line-height:1.65;margin:0}

/* hero plain p (In Good Company — no class on paragraph, product pages use .hero-desc) */
.hero-inner > p:not([class]){color:rgba(255,255,255,0.65)}

/* In Good Company: stats strip */
.stats{background:var(--navy);padding:3rem 0}
.stats-row{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;align-items:center}
.stat{text-align:center;padding:0.5rem 1rem}
.stat-n{font-family:var(--f-d);font-size:2.5rem;font-weight:700;color:#fff;line-height:1.1}
.stat-l{font-size:0.78rem;color:rgba(255,255,255,0.5);margin-top:0.35rem;text-transform:uppercase;letter-spacing:0.1em}

/* In Good Company: logo grid */
.logos-section{background:var(--mist);padding:5rem 0}
.section-intro{max-width:680px;margin:0 auto 3rem;text-align:center}
.section-intro h2{font-family:var(--f-d);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--navy);margin-bottom:0.75rem;text-wrap:balance}
.section-intro p{font-size:1rem;color:#5a6a82;line-height:1.7}
.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}
.logo-tile{background:#fff;border-radius:var(--r);border:1px solid rgba(27,58,107,0.08);padding:1.25rem;display:flex;align-items:center;justify-content:center;min-height:80px}
.logo-tile img{max-width:100%;max-height:60px;object-fit:contain;filter:grayscale(0.4);transition:filter 0.2s}
.logo-tile:hover img{filter:none}

/* --- DRAGONFLY: Compat bar (navy bg) --- */
.compat-label{font-family:var(--f-m);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.4);flex-shrink:0}
.compat-chip{font-family:var(--f-m);font-size:0.78rem;letter-spacing:0.06em;color:rgba(255,255,255,0.82);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);border-radius:3px;padding:0.3rem 0.85rem}

/* --- AUTOMATE: Content sections --- */
.cs h2{font-family:var(--f-d);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-0.02em;color:var(--navy);text-wrap:balance;margin-bottom:0.4rem;line-height:1.2}
.cs h3{font-family:var(--f-d);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;color:var(--navy);margin-bottom:0.75rem}
.cs p{font-size:1rem;line-height:1.8;color:#3d4e62;margin-bottom:0.9rem}
.cs p:last-child{margin-bottom:0}

/* --- AUTOMATE: GNS section list (void bg) --- */
.gns-list{list-style:none;margin:.75rem 0 1rem;display:flex;flex-direction:column;gap:.4rem}
.gns-list li{font-size:0.9rem;color:rgba(255,255,255,0.65);padding-left:1.2rem;position:relative}
.gns-list li::before{content:'\276F';position:absolute;left:0;color:var(--gold);font-size:0.75rem}

/* ═══════════════════════════════════════════
   MOBILE RESPONSIVE — all major grid layouts
   ═══════════════════════════════════════════ */
@media(max-width:768px){
  /* ── Hero ── */
  .hero-inner{grid-template-columns:1fr;gap:2rem;text-align:center}
  .hero-btns{justify-content:center}
  .hero-milky{text-align:center}
  #stars{display:none}

  /* ── About: company story + sidebar ── */
  .about-layout{grid-template-columns:1fr}
  .princ-aside{position:static}

  /* ── Home: Solutions / Get Started ── */
  .sol-grid{grid-template-columns:1fr}
  .gs-cols{grid-template-columns:1fr}
  .sol-cta{flex-direction:column}

  /* ── Products grid ── */
  .prod-grid{grid-template-columns:repeat(2,1fr)}

  /* ── Footer ── */
  .footer-grid,.foot-grid{grid-template-columns:1fr 1fr}
  .foot-inner{flex-direction:column;gap:2rem}

  /* ── Automate page ── */
  .intro-inner{grid-template-columns:1fr}
  .cs-inner{grid-template-columns:1fr}
  .addons-grid{grid-template-columns:repeat(2,1fr)}
  .gns-cols{grid-template-columns:1fr}

  /* ── Product pages: specs / concepts ── */
  .specs-inner,.specs-cols,.specs-grid{grid-template-columns:1fr}
  .concept-grid{grid-template-columns:1fr}
  .app-inner{grid-template-columns:1fr}
  .sw-grid{grid-template-columns:1fr}
  .pocket-inner{grid-template-columns:1fr}
  .solo-inner{grid-template-columns:1fr}
  .whatdoes-inner,.cap-grid{grid-template-columns:1fr}
  .nopc-inner{grid-template-columns:1fr}
  .nopc-stats{grid-template-columns:1fr 1fr}
  .motor-cols{grid-template-columns:1fr}
  .int-grid{grid-template-columns:1fr}
  .about-split{grid-template-columns:1fr}
  .pacific-inner{grid-template-columns:1fr}
  .offices-grid{grid-template-columns:1fr}
  .general-grid{grid-template-columns:1fr}
  .env-inner{grid-template-columns:1fr}
  .feat-grid,.variant-grid,.variants-grid{grid-template-columns:repeat(2,1fr)}
  .cols-3,.roles-grid{grid-template-columns:1fr}
  .cols-6{grid-template-columns:repeat(2,1fr)}
  .video-grid{grid-template-columns:1fr}
  .update-paths,.how-grid,.resp-inner{grid-template-columns:1fr}
  .feature-grid,.bands-grid,.hw-grid,.img-pair,.modes-grid,.rules-grid,.roof-grid,.doc-grid2{grid-template-columns:1fr}
  .concept-cols,.comp-inner,.capability-grid,.limits-grid,.graph-caption{grid-template-columns:1fr}
  .img-grid,.hero-imgs{grid-template-columns:1fr}
  .solution-section-inner{grid-template-columns:1fr}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .stats-inner{grid-template-columns:repeat(2,1fr)}
  .years-product-row{grid-template-columns:1fr}
  .news-item{grid-template-columns:1fr}
  .priority-item{grid-template-columns:1fr}
  .china-two-col,.cols-2,.cols-4{grid-template-columns:1fr}
  .monitor-list{grid-template-columns:1fr}

  /* ── Comparison table ── */
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* ── Page hero: title ── */
  .page-hero h1{font-size:clamp(1.6rem,6vw,2.4rem)}
  .page-hero .eyebrow{font-size:0.85rem}

  /* ── How-fits (automate hero) ── */
  .how-fits{flex-direction:column;align-items:stretch}

  /* ── Section heads ── */
  .sec-head h2,.section-h2{font-size:clamp(1.4rem,5vw,1.8rem)}
}

@media(max-width:480px){
  .prod-grid{grid-template-columns:1fr}
  .addons-grid{grid-template-columns:1fr}
  .feat-grid,.variant-grid,.variants-grid{grid-template-columns:1fr}
  .stats-inner,.stat-row{grid-template-columns:1fr}
  .nopc-stats{grid-template-columns:1fr}
  .cols-6{grid-template-columns:1fr}
  .footer-grid,.foot-grid{grid-template-columns:1fr}
}

/* ===== WHERE TO BUY ===== */
.where-to-buy{padding:4rem 0;background:#fff}
.wtb-card{background:var(--mist);border:1px solid rgba(27,58,107,0.1);border-radius:14px;padding:2rem;max-width:700px;margin:0 auto}
.wtb-shops{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}
.wtb-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.2rem;padding:1.15rem 0.75rem;background:#fff;border:1.5px solid rgba(27,58,107,0.14);border-radius:9px;text-decoration:none;color:var(--navy);transition:border-color .2s,box-shadow .2s,transform .2s;text-align:center}
.wtb-btn:hover{border-color:var(--gold);box-shadow:0 4px 16px rgba(200,168,75,0.18);transform:translateY(-2px)}
.wtb-label{font-weight:600;font-size:0.875rem;color:var(--navy);line-height:1.25}
.wtb-currency{font-size:0.72rem;color:rgba(27,58,107,0.48);letter-spacing:0.05em;margin-top:0.15rem}
.wtb-note{font-size:0.8rem;color:rgba(27,58,107,0.5);text-align:center;margin:0;line-height:1.6}
.wtb-note a{color:var(--gold);text-decoration:none;font-weight:500}
.wtb-note a:hover{text-decoration:underline}
.foot-milky{font-size:0.78rem;color:rgba(255,255,255,0.3);margin-top:0.75rem;font-style:italic;letter-spacing:0.04em}
@media(max-width:480px){.wtb-shops{grid-template-columns:1fr}}
.wtb-local{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(27,58,107,0.12);text-align:center}
.wtb-local-label{font-size:0.78rem;color:rgba(27,58,107,0.5);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.75rem}
.wtb-local-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0.6rem}
.wtb-local-btn{display:inline-block;padding:0.4rem 1rem;border:1px solid rgba(27,58,107,0.2);border-radius:20px;font-size:0.82rem;color:var(--navy);text-decoration:none;transition:border-color .2s,background .2s}
.wtb-local-btn:hover{border-color:var(--gold);background:rgba(200,168,75,0.08)}

/* ===== LIGHTBOX — definitive override (multiple conflicting rules above) ===== */
#lb img,#lb-img{width:min(92vw,1280px)!important;max-width:none!important;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 60px rgba(0,0,0,0.7)}
#ss-lb img,#ss-lb-img{width:min(92vw,1280px)!important;max-width:none!important;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 60px rgba(0,0,0,0.7)}