:root{--ink:#07345b;--muted:#597087;--line:#d9e7ee;--paper:#fff;--wash:#f4fbfd;--cyan:#00a9df;--teal:#00a99d;--navy:#003060;--radius:18px;--shadow:0 14px 38px #00306012}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}.shell{max-width:1180px;margin:auto;padding:0 24px}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:800;text-decoration:none;letter-spacing:-.6px;display:inline-flex;align-items:center;gap:10px}.brand-logo{height:56px;width:auto;object-fit:contain;flex:0 0 auto;display:block}.brand span{color:var(--cyan)}.brand span{color:var(--cyan)}.nav{display:flex;gap:23px;align-items:center}.nav a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:600}.nav a:hover{color:var(--navy)}.menu{display:none;border:0;background:none;font:inherit;color:var(--navy)}.hero{padding:28px 0 36px;background:linear-gradient(135deg,#fff 25%,#effcff)}.eyebrow{color:#008e9f;text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:800}.hero-stack{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-logo{height:64px;width:auto;display:block;margin:0 auto 18px}.hero h1,.hero p{margin-left:auto;margin-right:auto;text-align:center}.icm-slot{margin:38px auto 0;max-width:360px;width:100%;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:var(--radius);padding:18px;cursor:pointer}.icm-slot .icm-img{width:100%;height:auto;display:block;border-radius:10px;opacity:.85}.icm-slot figcaption{font-size:14px;color:var(--muted);margin-top:10px;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.03;letter-spacing:-.055em;margin:13px 0 20px;max-width:760px}.hero p{font-size:20px;color:var(--muted);max-width:650px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:10px;font-weight:750;text-decoration:none;border:1px solid var(--cyan);cursor:pointer;font:inherit}.button.primary{background:var(--cyan);color:#fff}.button.primary:hover{background:#008cc0}.button.secondary{color:var(--navy);background:#fff}.cube-note{border:1px solid #bceaf0;background:#fff;border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.cube-art{height:152px;border-radius:12px;background:linear-gradient(135deg,#e7fbff,#c4f4f1);display:grid;place-items:center;font-weight:800;color:#007d9a;font-size:20px;margin-bottom:17px}.cube-note p{font-size:15px;margin:0;color:var(--muted)}section{padding:44px 0}.section-tint{background:var(--wash)}h2{font-size:clamp(30px,4vw,45px);letter-spacing:-.04em;line-height:1.1;margin:8px 0 14px}h3{margin:0 0 7px;font-size:19px}.lead{max-width:650px;color:var(--muted);font-size:18px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:33px}.cards-3{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 3px 10px #00306008}.card p{color:var(--muted);margin:0;font-size:14px}.num{display:block;color:var(--cyan);font-weight:800;font-size:14px;margin-bottom:13px}.proof{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}.evidence-row .score{display:flex;flex-direction:column;justify-content:center}.chat-col{display:flex;flex-direction:column;min-width:0}.chat-col h2{font-size:clamp(24px,3vw,34px)}.chat-col .lead{font-size:16px}.proof .chat-stub{max-width:none;flex:1;display:flex;flex-direction:column}.proof .chat-log{max-height:230px;overflow-y:auto;flex:1}.rebuild-band{margin-top:56px;padding:10px 0 0;width:100%}.rebuild-inner{max-width:1180px;margin:0 auto;text-align:center;padding:0 24px}.rebuild-band .lead{margin-left:auto;margin-right:auto}.rebuild-band .proof-cta{margin-top:24px}.score{border-radius:var(--radius);padding:35px;background:var(--navy);color:#fff}.score .score-line{display:flex;align-items:baseline;gap:13px}.score-line strong{font-size:30px}.score strong{font-size:30px;letter-spacing:.01em;font-weight:800;font-variant-numeric:tabular-nums}.score .arrow{color:#7de7de;font-size:16px}.score .case-label{font-size:inherit;letter-spacing:normal;font-weight:800;font-variant-numeric:normal}.score p{color:#cce3f3;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.step{padding:20px 0;border-top:3px solid var(--cyan)}.step p{color:var(--muted);margin:0}.comparison{width:100%;border-collapse:collapse;margin-top:28px;font-size:15px}.comparison th,.comparison td{text-align:left;border-bottom:1px solid var(--line);padding:14px 12px}.comparison th{color:var(--muted);font-size:14px}.yes{color:#008e75;font-weight:700}.soon{color:#697f93}.faq{max-width:790px}.faq details{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{color:var(--muted);margin:10px 0 0}.site-footer{background:#050c1e;color:#d4e9f4;padding:38px 0;margin-top:0}.footer-grid{display:flex;justify-content:space-between;gap:25px}.footer-grid a{color:#d4e9f4;text-decoration:none;margin-left:17px;font-size:14px}.page-hero{padding:36px 0 22px;background:var(--wash)}.page-hero h1{font-size:clamp(38px,6vw,58px);line-height:1.06;letter-spacing:-.05em;margin:10px 0}.page-hero p{max-width:720px;color:var(--muted);font-size:18px}.content{max-width:900px;margin:auto;padding:28px 24px 44px}.quiz-progress{height:8px;border-radius:9px;background:#dcecf1;margin:12px 0}.quiz-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--teal));border-radius:inherit;transition:.2s}.question{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff;box-shadow:var(--shadow)}.question h2{font-size:27px}.answers{display:grid;gap:10px;margin-top:20px}.answer{width:100%;text-align:left;padding:15px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.answer:hover{border-color:var(--cyan);background:#f2fcff}.result{display:none;border:1px solid #9fe2e8;background:#f1fdfd;border-radius:var(--radius);padding:30px}.result .big{font-size:58px;font-weight:850;letter-spacing:.01em;font-variant-numeric:tabular-nums}.copy-box{position:relative;background:#062c4c;color:#e8f9ff;border-radius:16px;padding:24px;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow:auto}.copy-box button{position:absolute;right:12px;top:12px}.download{border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.checksum{word-break:break-all;background:var(--wash);padding:12px;border-radius:8px;font:14px ui-monospace,monospace}.os-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.report{border:1px solid var(--line);border-radius:16px;overflow:hidden}.report-head{padding:25px;background:#07345b;color:#fff}.report-body{padding:24px}.metric{display:grid;grid-template-columns:180px 1fr 70px;gap:15px;align-items:center;margin:16px 0}.bar{height:10px;background:#dceaf0;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--teal);border-radius:inherit}.notice{padding:17px;border-radius:12px;background:#fff7e5;color:#6d5312;border:1px solid #f5d48a}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.price-card{border:1px solid var(--line);border-radius:18px;padding:29px}.price-card.featured{border:2px solid var(--cyan)}.price-card ul{padding-left:20px;color:var(--muted)}.legal h2{font-size:28px;margin-top:38px}.legal p{color:var(--muted)}@media(max-width:760px){.shell{padding:0 18px}.nav{display:none}.menu{display:block}.nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);z-index:5}.hero{padding:60px 0}.hero-grid,.evidence-row,.proof,.price-grid{grid-template-columns:1fr;gap:28px}.cube-note{display:none}.proof .chat-log{max-height:180px}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.os-grid{grid-template-columns:1fr}.metric{grid-template-columns:120px 1fr 38px}.footer-grid{display:block}.footer-grid nav{margin-top:15px}.footer-grid a{margin:0 15px 0 0}.comparison{font-size:14px}.comparison th,.comparison td{padding:11px 7px}}@media(max-width:420px){.cards,.steps{grid-template-columns:1fr}.hero h1{font-size:40px}.metric{grid-template-columns:1fr}.metric .bar{margin-top:-10px}.cta-row .button{width:100%}}

/* Privacy page */
.privacy-hero{padding:32px 0 20px}
.privacy-hero h1{font-size:clamp(26px,4.5vw,44px);line-height:1.15;letter-spacing:-1px;max-width:900px}
.privacy-facts{margin:26px 0 0 20px;color:var(--muted);line-height:1.8}
.privacy-facts li{margin:6px 0}
.privacy-full{border-top:3px solid var(--line);margin-top:24px;padding:32px 0 20px;background:var(--card,transparent)}
.privacy-full h2{font-size:30px;margin:6px 0 18px}
.privacy-full h3{font-size:19px;margin:30px 0 8px}
.privacy-full p{color:var(--muted);max-width:760px}
.privacy-full a{color:var(--cyan)}

/* Path comparison & enquiry (v3) */
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px;align-items:stretch}
.path-col{display:flex;flex-direction:column}
.path-col .path-col-cta{margin-top:auto;height:56px;align-items:center}
.path-col-cta .nav-cta{padding-top:12px;padding-bottom:12px}
.path-col{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px;box-shadow:0 3px 10px #00306008}
.path-col-sentinel{border-color:#bceaf0;background:#f7feff}
.badge-free{display:inline-block;background:#f5c542;color:#3d2e00;font-weight:800;font-size:14px;letter-spacing:.08em;padding:5px 14px;border-radius:999px}
.badge-sentinel{display:inline-block;background:var(--navy);color:#fff;font-weight:800;font-size:14px;letter-spacing:.08em;padding:5px 14px;border-radius:999px}
.path-col h3{font-size:22px;margin:12px 0 4px}
.comparison .col-note{color:var(--muted);font-size:14px;font-weight:400}
.enquiry-link{color:var(--cyan);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.enquiry-link:hover{color:#008cc0}
.path-ctas{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px}
.button.danger{background:#d92d20;border-color:#d92d20;color:#fff}
.button.danger:hover{background:#b42318}
.enquiry-form{max-width:640px;display:grid;gap:16px;margin-top:28px}
.enquiry-form label{display:grid;gap:6px;font-weight:700;font-size:14px}
.enquiry-form label small{font-weight:400;color:var(--muted)}
.enquiry-form input[type=text],.enquiry-form textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.enquiry-form input:focus,.enquiry-form textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #00a9df26}
.enquiry-form .check{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px}
.enquiry-form .check input{width:17px;height:17px;accent-color:var(--cyan)}
.enquiry-form .button{justify-self:start}
.enquiry-confirm{border:1px solid #9fe2e8;background:#f1fdfd;border-radius:12px;padding:16px 18px;font-size:15px;font-weight:600;color:#065f6b}
.footer-logo{height:44px;width:auto;display:block}
@media(max-width:760px){.path-grid{grid-template-columns:1fr}}

/* v3.1 revision: hero CTA centring, footer wordmark, enquiry note, assistant chat stub, runner CTA */
.hero .cta-row{justify-content:center}
@media(max-width:760px){.hero .cta-row{flex-direction:column;align-items:stretch}.hero .cta-row .button{width:100%}}
.footer-logo{height:56px;width:auto;max-width:260px;object-fit:contain;display:block}
.enquiry-note{color:var(--muted);font-weight:600;margin:16px 0 0}
.run-cta{font-size:19px;padding:16px 30px}
.chat-stub{max-width:640px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 3px 10px #00306008}
.chat-log{display:grid;gap:10px;margin-bottom:14px}
.chat-msg{padding:12px 14px;border-radius:12px;font-size:15px;max-width:85%}
.chat-msg.bot{background:var(--wash);border:1px solid var(--line)}
.chat-msg.user{background:#e6f7ff;margin-left:auto}
.chat-form{display:flex;gap:10px}
.chat-form input{flex:1;min-width:0;font:inherit;padding:11px 13px;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.chat-form input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #00a9df26}

/* v3.2 revision: path column header block, Sentinel wordmark logo, evidence CTA centring */
.path-col-head{text-align:center}
.path-col-head{text-align:center}.path-tagline{color:#007d9a;font-weight:700;margin-bottom:6px}.path-col-head .badge-free{margin-bottom:2px}
.sentinel-logo{width:180px;margin:2px auto 6px;padding:10px 12px;border-radius:12px;background:#050c1e}
.sentinel-logo img{display:block;width:100%;height:auto}
.proof-cta{margin-top:29px;text-align:center}
/* v3.5 revision: hero wordmark logo, hero two-part row (icm slot right), assistant 24/7 copy, sentinel gateway band on navy #02162f (PIL-sampled), per-column CTAs, rebuild paragraph 2-line reflow */
.hero-grid{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:center}
.hero-grid .hero-stack{display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-logo{height:70px;width:auto;display:block;margin:0 auto 18px}
.hero-grid .icm-slot{margin:0;width:100%;max-width:360px;justify-self:center}
.rebuild-band .lead{font-size:18px;line-height:1.55;max-width:1130px;margin-left:auto;margin-right:auto}
.sentinel-band{width:200px;margin:2px auto 6px;padding:16px 12px;border-radius:12px;background:#02162f;display:flex;align-items:center;justify-content:center}
.sentinel-band img{width:140px;height:auto;display:block}
.path-col-cta{display:flex;justify-content:center;margin-top:18px}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:26px}.hero-grid .icm-slot{justify-self:center;max-width:360px}.rebuild-band .lead{font-size:17px;max-width:none}.sentinel-band{width:180px}.sentinel-band img{width:130px}}

/* v3.6 revision: ICM lightbox, H1 20% smaller one-line, hero bottom-align, halved section gaps, centred eyebrows, enquiry modal, December 2026 privacy band */
.hero{padding:28px 0 24px}
.hero-grid{align-items:flex-end}
.hero h1{font-size:clamp(32px,4.8vw,56px);max-width:900px}
section.problems{padding:38px 0}
#path{padding-top:38px}
.evidence-row .eyebrow,.chat-col>.eyebrow{text-align:center}
#path .eyebrow,#path h2{text-align:center}
.icm-slot{cursor:zoom-in}
.icm-lightbox{position:fixed;inset:0;background:rgba(2,10,25,.88);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;cursor:zoom-out}
.icm-lightbox[hidden]{display:none}
.icm-lightbox img{max-height:85vh;max-width:92vw;width:auto;height:auto;border-radius:10px;box-shadow:0 20px 60px #000a}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,10,25,.6);display:flex;align-items:center;justify-content:center;z-index:110;padding:20px;overflow:auto}
.modal-backdrop[hidden]{display:none}
.modal-dialog{position:relative;background:#fff;border-radius:var(--radius);padding:32px;max-width:680px;width:100%;box-shadow:0 24px 70px #0007;max-height:90vh;overflow:auto}
.modal-close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--muted);line-height:1}
.december-band{background:var(--wash);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}
.december-band h2{font-size:20px;margin:0 0 8px;letter-spacing:-.01em}
.december-band p{color:var(--muted);margin:0;max-width:1000px}
.december-band a{color:var(--cyan);font-weight:700}

/* v3.7 revision: Toolkit retitle, centred page titles, tightened scorecard/download vertical rhythm, sentinel.html page */
.page-scorecard .page-hero,.page-toolkit .page-hero{padding:18px 0 10px;text-align:center}
.page-scorecard .page-hero p,.page-toolkit .page-hero p{margin-left:auto;margin-right:auto}
.page-scorecard .content{padding-top:10px}
.page-toolkit .content{padding:12px 24px 28px}
.page-toolkit #run p.notice{margin-top:14px}
.page-toolkit #run h3{margin-top:18px}
.page-toolkit .run-cta{margin-top:6px}
.sentinel-grid{display:grid;grid-template-columns:1fr 420px;gap:46px;align-items:center;margin-top:34px}
.sentinel-grid .sentinel-copy p{color:var(--muted);font-size:17px;margin:0 0 14px;max-width:640px}
.sentinel-grid .sentinel-copy p.price{font-weight:800;color:var(--ink)}
.sentinel-figure{margin:0;background:#02162f;border-radius:var(--radius);padding:26px;display:flex;align-items:center;justify-content:center}
.sentinel-figure img{width:100%;max-width:420px;height:auto;display:block}
.sentinel-enquiry{margin-top:44px}
.sentinel-enquiry h2{font-size:clamp(24px,3vw,32px)}
@media(max-width:900px){.sentinel-grid{grid-template-columns:1fr;gap:26px}.sentinel-figure{padding:18px}.sentinel-figure img{max-width:320px}}

/* Cam path refresh: approved Glassbox mark, matched product headers, checkbox inclusions */
.case-label{font:inherit;font-weight:800}
.path-col-head{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:172px;justify-content:flex-start}
.path-brand-band{width:200px;height:172px;margin:2px auto 6px;padding:16px 12px;border-radius:12px;background:#02162f;display:flex;align-items:center;justify-content:center}
.path-brand-band img{width:140px;height:auto;display:block}
.path-wordmark{font-size:22px;line-height:1.2;margin:12px 0 4px}
.comparison .yes{color:#16803c;text-align:center}
.included-check{position:relative;display:inline-block;width:18px;height:18px;border:2px solid #16803c;border-radius:2px;vertical-align:middle}
.included-check::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #16803c;border-width:0 2px 2px 0;transform:rotate(45deg)}
@media(max-width:760px){.path-brand-band{width:180px;height:160px}.path-brand-band img{width:130px}}

.toolkit-band{width:200px;margin:2px auto 6px;padding:16px 12px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center}
.toolkit-band img{width:140px;height:auto;display:block}
@media (max-width:760px){.toolkit-band{width:180px}.toolkit-band img{width:130px}}

.site-footer .footer-copy{margin:10px 0 0;color:var(--muted);font-size:14px}

/* EU AI Act alert strip */
.eu-alert{background:#0b0b0b;color:#ffd400;font-size:14px;line-height:1.35;border-bottom:2px solid #ffd400}
.eu-alert-inner{display:flex;align-items:center;gap:16px;padding:10px 20px;flex-wrap:wrap}
.eu-alert-text{font-weight:700;letter-spacing:.02em}
.eu-alert-cta{color:#ffd400;font-weight:700;text-decoration:underline;white-space:nowrap}
.eu-alert-cta:hover{color:#fff}
.eu-alert-close{margin-left:auto;background:none;border:1px solid #ffd400;color:#ffd400;border-radius:6px;padding:2px 8px;cursor:pointer;font-size:12px;line-height:1.4}
.eu-alert-close:hover{background:#ffd400;color:#0b0b0b}
.badge-price{background:#0b3b5c;color:#fff}

/* Header mark: full approved file, never crop the word. */
.brand-mark{display:block;width:auto;height:auto;overflow:visible;flex:0 0 auto}
.brand-mark img{display:block;height:56px;width:auto;max-width:none;padding:0 0 6px;box-sizing:content-box;object-fit:contain;object-position:center center}
/* Reserved slot next to the nav for the site language selector (/de/ /nl/ /fr/ trees) */
.lang-reserve{width:0}

/* ===== v2 hero + header (2026-09-04) ===== */
.brand{display:flex;flex-direction:column;align-items:center;gap:3px}
.brand-name{font-weight:800;font-size:13px;letter-spacing:.03em;color:var(--ink);line-height:1}
.nav-cta{background:var(--ink);color:#fff !important;padding:9px 16px;border-radius:10px;font-weight:750;border:1px solid var(--ink)}
.nav-cta:hover{background:#0a4a7d;border-color:#0a4a7d;color:#fff !important}
.hero-blue{background:#030a1d;padding:56px 0 60px}
.hero-blue .eyebrow{color:#7de7de}
.hero-blue .lead{color:#c9dff0}
.hero-pill{display:inline-block;border:1px solid #ffd400;color:#ffd400;border-radius:999px;padding:6px 16px;font-weight:750;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.hero-text-logo{display:inline-block;border:2px solid rgba(255,255,255,.35);border-radius:24px;padding:16px 34px;margin:0 0 24px;background:rgba(255,255,255,.04)}
.hero-text-logo .t1{font-size:36px;font-weight:800;color:#fff;line-height:1.05}
.hero-text-logo .t2{font-size:13px;font-weight:750;letter-spacing:.26em;text-transform:uppercase;color:#7de7de;margin-top:6px}
.chip-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.chip{border:1px solid rgba(255,255,255,.3);color:#e8f3fb;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:650}
.hero-blue .button.primary{background:var(--cyan);border-color:var(--cyan);color:#02162f}
.hero-tile{position:relative;background:#0a3a66;border-radius:16px;padding:26px;cursor:zoom-in;border:1px solid rgba(255,255,255,.15);margin:0;width:100%;max-width:360px;justify-self:center}
.hero-tile img{width:100%;height:auto;display:block;border-radius:10px}
.hero-tile .tile-hover{position:absolute;inset:0;opacity:0;transition:opacity .18s;background:#02162f;padding:14px;display:flex;align-items:center;justify-content:center;border-radius:16px}
.hero-tile .tile-hover img{object-fit:contain;max-height:100%;border-radius:8px}
.hero-tile:hover .tile-hover{opacity:1}
.law-alert{border:2px solid #0b0b0b;border-left:10px solid #ffd400;border-radius:12px;padding:20px 24px;margin:16px 0;background:#fff}
.law-alert h2,.law-alert h3{margin:0 0 8px}
.free-why-list{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;max-width:900px;margin-left:auto;margin-right:auto}
.free-why-list li{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;gap:10px;align-items:flex-start;font-weight:650;color:var(--ink)}
.free-why-list li::before{content:"✓";color:#0a8a4a;font-weight:800}
.check60{background:var(--wash);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0;text-align:center}
.paid-report{border:1px solid var(--cyan);border-radius:14px;padding:6px}
.paid-report .report-head{background:#eefaff;border-radius:12px 12px 0 0;padding:16px 20px;margin:-6px -6px 12px}
@media (max-width:860px){.hero-text-logo .t1{font-size:27px}.hero-text-logo{padding:12px 22px;border-radius:18px}}

/* v2.1: real logo assets */
.hero-logo-img{width:400px;max-width:88%;height:auto;display:block;border-radius:20px;border:2px solid rgba(255,255,255,.22)}
.brand-name b{color:var(--cyan)}

/* v2.2: alignment + spacing fixes (review round 1) */
.eu-alert{position:relative}
.eu-alert-inner{justify-content:center;text-align:center;padding:10px 64px}
.eu-alert-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);margin-left:0}
.site-header .nav{margin-left:auto;margin-right:8px}
.lang-reserve{width:64px;flex:0 0 64px}
#path .lead,.check60 .lead,.free-why-intro{margin-left:auto !important;margin-right:auto !important}
.sentinel-band img{width:120px !important;height:auto !important}
.comparison td{height:52px;vertical-align:middle}
.free-why-list{gap:4px;max-width:760px}
.free-why-list li{background:none;border:0;box-shadow:none;padding:4px 0;font-weight:600}
.path-note{text-align:center;color:var(--muted);font-size:15px;max-width:760px;margin:22px auto 0}

/* v2.3: review round 2 */
.path-note{max-width:1100px}
#path{padding-bottom:0}
.problems{padding-top:41px}
.free-why-list{grid-template-columns:repeat(3,1fr);max-width:1140px;gap:6px 28px}
.check60 .cta-row{justify-content:center !important}
@media (max-width:900px){.free-why-list{grid-template-columns:1fr;max-width:560px}}

/* v2.4: review round 3 — brand blue */
.hero-blue{background:#07345b}
.hero-pill{margin-bottom:14px}
.hero-grid{align-items:center}
.check60{background:#07345b;border-top:0;border-bottom:0}
.check60 .lead{color:#d3e4f2}
.check60 .eyebrow{color:#7de7de}
.site-header{overflow:visible}
.site-header .brand{flex-direction:row;align-items:center;gap:0}
.brand-name{display:none}

/* v2.5: check60 heading visibility + toolkit page */
.check60 h2{color:#fff}
#technicians h2{text-align:center}

/* v2.6: white frame for toolkit button on blue background */
.check60 .nav-cta{border:2px solid #fff}

/* v2.7: technicians blue section, law heading rows, green price badge, panel tweaks */
#technicians{background:#07345b;padding:44px 0}
#technicians h2{color:#fff}
#technicians .eyebrow{color:#7de7de}
.tech-signup{max-width:540px;margin:28px auto 0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;text-align:left}
.tech-signup h3{margin:0 0 4px}
.tech-signup p.tsub{margin:0 0 12px;color:var(--muted);font-size:14px}
.law-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.law-head h3{margin:0}
.law-btn{background:var(--ink);color:#fff !important;padding:8px 14px;border-radius:9px;font-weight:750;font-size:13px;text-decoration:none;white-space:nowrap;border:1px solid var(--ink)}
.badge-price{background:#d9f2dd;color:#146c43}
.toolkit-band img{width:150px !important}
.path-col-head{min-height:172px;height:auto;justify-content:center}
.guard-copy{text-align:center}
.guard-copy .lead{margin-left:auto;margin-right:auto}
.form-error{color:#b3261e;font-weight:650;margin-top:8px}

/* v2.8: law heading CTA group */
.law-cta{display:flex;align-items:center;gap:12px;white-space:nowrap}
.law-cta b{color:var(--ink)}

/* v2.9: photographic hero (deep blue sea, dusk) */
.hero-blue{
  background:
    linear-gradient(180deg, rgba(4,32,62,.88) 0%, rgba(7,52,91,.78) 45%, rgba(4,32,62,.90) 100%),
    url("hero-sea.jpg") center 38% / cover no-repeat,
    #07345b;
}
.hero-blue::after{content:"";display:block;position:absolute}

/* v2.10: thin black outline on light-blue primary buttons */
.button.primary{border:1px solid #111}

.hero-blue .button.primary,.check60 .button.primary{border-color:#111}

/* v3.0: photographic page heroes — same dusk-sea technique as the home hero, site-wide (Cam, 2026-09-05) */
.page-hero,.privacy-hero{
  padding:44px 0 40px;
  background:
    linear-gradient(180deg, rgba(4,32,62,.88) 0%, rgba(7,52,91,.78) 45%, rgba(4,32,62,.90) 100%),
    url("hero-sea.jpg") center 38% / cover no-repeat,
    #07345b;
}
.page-hero h1,.privacy-hero h1{color:#fff}
.page-hero .eyebrow,.privacy-hero .eyebrow{color:#7de7de}
.page-hero p,.privacy-hero p{color:#c9dff0}
.privacy-facts{color:#c9dff0}
.page-hero .guard-price{color:#fff}
.page-hero .guard-trust{color:#a9c6de}
.page-hero .guard-img{border:2px solid rgba(255,255,255,.22);border-radius:20px}
img[src*="guard-logo.png"]{border-radius:20px}

/* v3.1: full-bleed sea bands (video tutorial, Guard deliverables, founding technicians) */
.sea-band{
  padding:46px 0;
  background:
    linear-gradient(180deg, rgba(4,32,62,.88) 0%, rgba(7,52,91,.78) 45%, rgba(4,32,62,.90) 100%),
    url("hero-sea.jpg") center 38% / cover no-repeat,
    #07345b;
}
.sea-band .eyebrow{color:#7de7de}
.sea-band h2{color:#fff}
.sea-band p{color:#c9dff0}
.sea-band .video-block{margin:26px auto 0;border:1px solid rgba(255,255,255,.25);border-radius:12px;aspect-ratio:16/9;max-width:720px;display:flex;align-items:center;justify-content:center;background:rgba(3,16,34,.45);color:#c9dff0;font-size:15px}

/* v3.2: check60 (home bottom) joins the ocean family */
.check60{
  background:
    linear-gradient(180deg, rgba(4,32,62,.88) 0%, rgba(7,52,91,.78) 45%, rgba(4,32,62,.90) 100%),
    url("hero-sea.jpg") center 38% / cover no-repeat,
    #07345b;
}

/* v3.4: flag-based language selector */
[data-lang-slot]{display:flex;align-items:center;position:relative}
.gb-lang{position:relative}
.gb-lang-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font:inherit}
.gb-lang-btn:hover{border-color:var(--cyan)}
.gb-lang-btn img{display:block;border-radius:2px;box-shadow:0 0 0 1px #00000014}
.gb-caret{font-size:10px;color:var(--muted);line-height:1}
.gb-lang-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #00306026;padding:6px;min-width:150px}
.gb-lang-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:none;border-radius:7px;cursor:pointer;font:inherit;font-size:14px;color:var(--ink);text-align:left}
.gb-lang-item:hover{background:var(--wash)}
.gb-lang-item.current{font-weight:700;background:#eefaff}
.gb-lang-item img{display:block;border-radius:2px;box-shadow:0 0 0 1px #00000014}

/* v3.7: chat bubble - navy + light blue, draggable, resizable */
#gb-chat-bubble{position:fixed;right:18px;bottom:18px;z-index:90;width:52px;height:52px;border-radius:50%;border:0;background:#043C70;box-shadow:0 10px 24px #043C7040;cursor:pointer;display:flex;align-items:center;justify-content:center}
#gb-chat-bubble:hover{background:#07345b}
#gb-chat-panel{position:fixed;z-index:91;width:420px;height:560px;min-width:300px;min-height:340px;max-width:92vw;max-height:85vh;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px #043C7033;display:flex;flex-direction:column;overflow:hidden;resize:both}
#gb-chat-panel[hidden]{display:none !important}
.gb-chat-head{background:#043C70;color:#fff;padding:10px 12px;font-weight:750;font-size:14px;display:flex;align-items:center;gap:8px;cursor:move;touch-action:none;user-select:none}
.gb-chat-head img{height:26px;width:auto;border-radius:4px;background:#fff;padding:1px}
.gb-chat-title{flex:1;min-width:0}
.gb-chat-a,.gb-chat-max{background:none;border:0;color:#fff;cursor:pointer;font-size:14px;padding:4px 7px;border-radius:6px;line-height:1;font-weight:800}
.gb-chat-a:hover,.gb-chat-max:hover{background:#0a4a7d}
.gb-chat-x{background:none;border:0;color:#fff;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:6px;line-height:1}
.gb-chat-x:hover{background:#0a4a7d}
.gb-chat-disc{font-size:11.5px;color:#07345b;background:#eefaff;padding:6px 12px;border-bottom:1px solid var(--line);font-weight:700;letter-spacing:.04em}
.gb-chat-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.gb-msg{max-width:85%;padding:8px 11px;border-radius:12px;font-size:13.5px;line-height:1.45;white-space:pre-wrap}
.gb-msg-user{align-self:flex-end;background:#043C70;color:#fff;border-bottom-right-radius:4px}
.gb-msg-bot{align-self:flex-start;background:#f2f9ff;border:1px solid #cfe6f2;border-bottom-left-radius:4px}
.gb-typing{opacity:.6}
.gb-chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.gb-chat-form input{flex:1;font:inherit;font-size:13.5px;padding:9px 11px;border:1px solid var(--line);border-radius:9px}
.gb-chat-form input:focus{border-color:var(--cyan);outline:none}
.gb-chat-send{border:0;background:#043C70;color:#fff;font:inherit;font-size:13.5px;font-weight:700;padding:9px 14px;border-radius:9px;cursor:pointer}
.gb-chat-send:hover{background:#07345b}
@media(max-width:480px){#gb-chat-panel{width:calc(100vw - 32px);height:65vh}}

/* Guard box card + level includes labels (Cam 2026-09-10) */
.guard-card-img{height:172px;width:auto;display:block;margin:0 auto 2px}
.includes-label{font-weight:800;font-size:15px;color:var(--ink);margin:2px 0 0;text-align:center}
.path-grid .comparison{margin-top:10px}
.path-grid .comparison td{height:56px;padding:8px 12px;vertical-align:middle}
@media(max-width:760px){.guard-card-img{height:150px}}

.guard-wordmark{font-weight:800;font-size:34px;letter-spacing:-.02em;color:#07345b;text-align:center;line-height:1;margin:0 0 2px}

.path-col-sentinel .guard-card-img{height:140px;margin-bottom:0}
.path-col-sentinel .guard-wordmark{font-size:30px;margin:-2px 0 2px}

/* EU AI Act Q&A page — calmer one-column, same palette/fonts as the rest of the site */
.page-qa .page-hero{padding:48px 0 42px}
.page-qa .page-hero .shell{max-width:808px}
.page-qa .page-hero h1{font-size:clamp(28px,4.2vw,42px);max-width:760px;letter-spacing:-.03em;line-height:1.18}
.page-qa .page-hero .lead{max-width:760px;font-size:18px;line-height:1.55}
.qa-col{max-width:760px;margin:0 auto;padding:28px 24px 52px}
.qa-meta{color:var(--muted);font-size:13px;margin:0 0 28px}
.qa-col h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:32px 0 12px;font-weight:800}
.qa-law{border-left:4px solid var(--cyan);background:var(--wash);padding:16px 18px;border-radius:0 var(--radius) var(--radius) 0}
.qa-law blockquote{margin:0;color:var(--ink);font-size:16px;line-height:1.6}
.qa-law .src{display:block;margin-top:10px;font-size:12.5px;color:var(--muted);text-decoration:none;font-weight:650}
.qa-law .src:hover{color:var(--navy);text-decoration:underline}
.qa-law .qa-trans{margin:10px 0 0;color:var(--muted);font-size:14.5px;line-height:1.6;font-style:italic}
.qa-plain{margin:8px 0 0;padding-left:20px}
.qa-plain li{margin:0 0 8px;color:var(--ink);font-size:16px;line-height:1.55}
.qa-product-stage{position:relative;margin-top:36px}
.qa-side{display:none;margin:0}
.qa-product{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.qa-product-head{display:flex;align-items:center;gap:14px;padding:16px 20px 4px;flex-wrap:wrap}
.qa-product-head .t{font-weight:800;font-size:15px}
.qa-flip{margin-left:auto;display:flex;border:1px solid var(--navy);border-radius:999px;overflow:hidden}
.qa-flip button{border:0;background:#fff;color:var(--navy);padding:7px 16px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700}
.qa-flip button.on{background:var(--navy);color:#fff}
.qa-product-body{padding:16px 20px 20px}
.qa-state{display:none}
.qa-state.on{display:block}
.qa-product ul{margin:6px 0 0;padding-left:20px}
.qa-product li{margin:0 0 8px;color:var(--ink);font-size:15.5px;line-height:1.55}
.qa-linkrow{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.qa-linkrow a{color:var(--navy);font-weight:750;text-decoration:none}
.qa-linkrow a:hover{color:var(--cyan)}
.qa-hint{font-size:12.5px;color:var(--muted)}
.qa-related{margin-top:40px;border-top:1px solid var(--line);padding-top:8px}
.qa-soon{color:var(--muted);font-size:14px;margin:0 0 10px}
.qa-related-item{display:block;margin:0;padding:10px 2px;color:var(--navy);border-bottom:1px solid var(--line);font-size:16px;font-weight:650;text-decoration:none}
a.qa-related-item:hover{color:var(--cyan)}
.qa-related-ask{display:block;width:100%;margin:14px 0 0;padding:12px 14px;border:0;border-radius:10px;background:#eefaff;color:var(--navy);font:inherit;font-size:15.5px;font-weight:800;text-align:left;cursor:pointer;text-decoration:none;box-sizing:border-box;box-shadow:inset 3px 0 0 var(--navy)}
.qa-related-ask:hover{background:#dff3fb}
.qa-related-ask:focus{outline:2px solid var(--navy);outline-offset:2px}
.qa-ask{margin:0 0 28px}
.qa-ask-row{display:flex;gap:10px;align-items:stretch}
.qa-ask input{flex:1;min-width:0;font:inherit;font-size:18px;padding:16px 18px;border:1px solid var(--line);border-radius:12px}
.qa-ask input:focus{border-color:var(--cyan)}
.qa-ask button{border:0;background:var(--navy);color:#fff;font:inherit;font-weight:800;padding:16px 20px;border-radius:12px;cursor:pointer;white-space:nowrap}
.qa-ask button:hover{background:#07345b}
.qa-suggest{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.qa-suggest[hidden]{display:none}
.qa-suggest-h{margin:0;padding:12px 14px 4px;font-size:15.5px;font-weight:800;color:var(--navy);background:var(--wash);letter-spacing:-.01em}
.qa-suggest-note{margin:0;padding:0 14px 12px;font-size:13px;line-height:1.45;color:var(--muted);background:var(--wash)}
.qa-suggest-list a.qa-suggest-hit{display:block;padding:11px 14px;text-decoration:none;color:var(--navy);border-top:1px solid var(--line)}
.qa-suggest-list a.qa-suggest-hit:hover{background:var(--wash)}
.qa-suggest-q{display:block;font-weight:750;font-size:15.5px;line-height:1.35}
.qa-suggest-lead{display:block;margin-top:4px;font-weight:500;font-size:13.5px;line-height:1.4;color:var(--ink)}
.qa-ask button.qa-suggest-none,.qa-suggest-none{display:block;width:100%;margin:0;padding:12px 14px;border:0;border-top:1px solid var(--line);border-radius:0;background:#eefaff;color:var(--navy);font:inherit;font-size:15px;font-weight:800;text-align:left;cursor:pointer;white-space:normal;box-shadow:inset 3px 0 0 var(--navy)}
.qa-ask button.qa-suggest-none:hover,.qa-suggest-none:hover{background:#dff3fb}
.qa-suggest-none:focus{outline:2px solid var(--navy);outline-offset:-2px}
.qa-ai-box{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--wash)}
.qa-ai-box[hidden]{display:none}
.qa-ai-label{font-size:13px;font-weight:800;color:var(--navy);margin:0 0 10px;line-height:1.45}
.qa-ai-reply{margin:0;font-size:16px;line-height:1.55;white-space:pre-wrap}
.qa-brief{margin:0 0 22px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--wash)}
.qa-brief-label{font-size:13px;font-weight:800;color:var(--navy);margin:0 0 10px;line-height:1.45}
.qa-brief-body{margin:0;font-size:16px;line-height:1.55;color:var(--ink)}
.qa-brief-body p{margin:0 0 12px}
.qa-brief-body p:last-child{margin:0}
.qa-rewriting{outline:2px solid var(--cyan);outline-offset:3px;border-radius:12px;transition:outline-color .2s}
.qa-wait{display:flex;align-items:center;gap:10px;margin:8px 0 0;font-size:14px;font-weight:700;color:var(--navy);background:#e7f7fb;border:1px solid #b9e4ee;border-radius:10px;padding:8px 12px}
.qa-wait-dots{display:inline-flex;gap:5px;align-items:center;flex:0 0 auto}
.qa-wait-dots i{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:qa-dot 1s ease-in-out infinite}
.qa-wait-dots i:nth-child(2){animation-delay:.18s}
.qa-wait-dots i:nth-child(3){animation-delay:.36s}
@keyframes qa-dot{0%,80%,100%{opacity:.22;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
.qa-triad{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.qa-triad[hidden]{display:none}
.qa-triad-q{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--navy)}
.qa-triad-opts{display:flex;flex-wrap:wrap;gap:8px}
.qa-triad-opts button{border:1px solid var(--line);background:#fff;color:var(--navy);font:inherit;font-size:14.5px;font-weight:700;padding:9px 12px;border-radius:10px;cursor:pointer}
.qa-triad-opts button:hover{background:var(--wash);border-color:var(--navy)}
.qa-triad-note{margin:8px 0 0;font-size:14px;color:var(--muted)}
.qa-topics{display:grid;gap:16px;margin:8px 0 0}
.qa-topic{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff}
.qa-topic h3{margin:0 0 8px;font-size:16px}
.qa-topic a{display:block;padding:7px 0;color:var(--navy);text-decoration:none;font-weight:650;border-bottom:1px solid var(--line)}
.qa-topic a:last-child{border-bottom:0}
.qa-topic a:hover{color:var(--cyan)}
.qa-newest{list-style:none;margin:0;padding:0}
.qa-newest li{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);align-items:baseline}
.qa-newest time{color:var(--muted);font-size:13px;white-space:nowrap}
.qa-newest a{color:var(--navy);text-decoration:none;font-weight:650}
.qa-newest a:hover{color:var(--cyan)}
.qa-foot{margin-top:34px;font-size:13px;color:var(--muted)}
.pref-source{margin-top:16px}
@media(min-width:1024px){
  /* Text column stays 760px centred. Product + logos widen on that axis.
     Never use transform on this stage (it clips overflow). */
  .qa-product-stage{
    width:min(1180px, calc(100vw - 48px));
    position:relative;
    left:50%;
    margin-left:calc(0px - min(590px, 50vw - 24px));
    display:grid;
    grid-template-columns:200px minmax(0,1fr) 200px;
    column-gap:16px;
    align-items:end;
    overflow:visible
  }
  .qa-product{grid-column:2}
  .qa-side{
    display:none;
    visibility:hidden;
    flex-direction:column;align-items:center;justify-content:flex-end;
    position:relative;top:auto;left:auto;right:auto;
    width:100%;height:auto;overflow:visible;pointer-events:none
  }
  .qa-side-left{grid-column:1;overflow:visible}
  .qa-side-right{grid-column:3;overflow:visible}
  .qa-side.on{display:flex;visibility:visible}
  .qa-side img{
    width:190px;max-width:100%;height:auto;
    object-fit:contain;object-position:center center;display:block;
    padding:0;margin:0;box-sizing:content-box;overflow:visible
  }
  /* Toolkit PNG letter-ink sits ~3px from the file bottom. A 190×208
     box paints that ink on the last CSS pixel; subpixel rounding then
     slices "Toolkit" on some pages (Spain) and not others (NL). The
     box is taller than the bitmap and pinned to the top so the word
     cannot sit on a clip edge. Padding-below does not do this — the
     bitmap still fills the content box. */
  .qa-side-left img{
    height:240px;
    object-fit:contain;
    object-position:top center
  }
  .qa-side-right img{border-radius:20px;height:auto}
  .qa-side-word{font-weight:800;font-size:38px;letter-spacing:-.03em;color:#07345b;line-height:1;margin:6px 0 0;text-align:center}
}
@media(max-width:760px){
  .qa-flip{margin-left:0;width:100%}
  .qa-flip button{flex:1}
}

/* Answer cards: first paint is the ocean (question), not the site chrome.
   Header stays above the hero so people can scroll up to it. */
html.qa-land{background:#07345b}
html.qa-land:not(.qa-landed) body.page-qa-card{opacity:0}
html.qa-landed body.page-qa-card{opacity:1}
