:root{--navy:#061429;--navy2:#0a1c36;--blue:#1178ff;--line:#dfe8f4;--text:#102039;--muted:#64758e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1200px,calc(100% - 56px));margin:auto}.site-header{background:#07162b;border-bottom:1px solid #1a3555;color:white;position:sticky;top:0;z-index:20}.header-inner{height:76px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.65px;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.header-inner nav{margin:auto;display:flex;gap:34px;color:#d6e3f7;font-size:14px}.header-inner nav a:hover,.footer a:hover{color:#60a5fa}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:10px;font-size:14px;font-weight:750;line-height:1.2;padding:13px 18px;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#0876f9;color:#fff;box-shadow:0 9px 26px #006bfa24}.btn-primary:hover{background:#258aff}.btn-large{padding:17px 23px}.mobile-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{color:white;background:radial-gradient(ellipse at 79% 12%,#153e78 0,transparent 41%),linear-gradient(125deg,#061327,#091d38 65%,#0c2d56);padding:80px 0 85px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:39% 61%;align-items:center;gap:24px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#268aff}.eyebrow{color:#9ecaff;display:flex;align-items:center;gap:10px;margin-bottom:24px}.blue-dot{height:7px;width:7px;background:#238bff;border-radius:50%;box-shadow:0 0 0 5px #1479ed20}.hero h1{font-size:clamp(42px,4.1vw,64px);line-height:1.08;letter-spacing:-2.5px;margin:0 0 22px;font-weight:850}.hero h1 em{font-style:normal;color:#3c96ff}.hero-copy>p{color:#c2d2e9;font-size:17px;max-width:430px;line-height:1.7;margin:0 0 27px}.hero-proof{display:flex;gap:19px;flex-wrap:wrap;color:#b6c8e1;font-size:12px;margin-top:22px}.hero-proof span::first-letter{color:#44a0ff}.hero-visual{border:1px solid #385a80;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 32px 70px #0007;transform:translateX(12px)}.hero-visual>img{display:block;width:100%;height:auto}.window-top{background:#14263e;color:#b6cbe5;height:34px;display:flex;align-items:center;gap:14px;padding:0 13px;font-size:11px}.traffic{display:flex;gap:5px}.traffic i{display:block;width:8px;height:8px;border-radius:50%;background:#fa5f59}.traffic i:nth-child(2){background:#f8c04e}.traffic i:nth-child(3){background:#4bcb72}.window-mark{margin-left:auto}.strip{background:#0a1c34;color:#c2d3e9;border-top:1px solid #234164}.strip-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:18px 0;font-size:12px}.section{padding:90px 0}.section-heading{text-align:center;margin-bottom:39px}.section-heading h2{font-size:clamp(28px,3.1vw,42px);line-height:1.18;letter-spacing:-1.3px;margin:8px 0 12px}.section-heading p{margin:0;color:var(--muted)}.workflow-section{background:#f5f8fd}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workflow-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:0 9px 35px #132b4b08;min-width:0}.card-top{display:flex;align-items:center;gap:13px}.step-icon{width:45px;height:45px;flex:none;border-radius:12px;background:#e8f2ff;color:#096ef2;display:grid;place-items:center}.step-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.step-count{color:#0876f9;font-size:10px;font-weight:800;letter-spacing:1.2px}.workflow-card h3{font-size:17px;margin:0;line-height:1.3}.workflow-card>p{color:#66768c;min-height:50px;font-size:13px;line-height:1.6}.asset-frame{height:300px;background:linear-gradient(160deg,#edf4ff,#f7faff);border:1px solid #e1eaf6;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.asset-frame img{max-width:100%;max-height:100%;object-fit:contain;display:block}.capture-frame img{height:95%;width:auto;filter:drop-shadow(0 9px 13px #23436926)}.annotate-frame img{height:100%;width:auto;box-shadow:5px 0 20px #284b7210}.export-frame img{width:90%;height:auto;image-rendering:auto;filter:drop-shadow(0 12px 18px #2343692a)}.asset-note{position:absolute;bottom:8px;right:11px;color:#7889a0;font-size:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid var(--line);border-radius:13px;padding:25px;background:white}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eaf3ff;color:#0976fa;font-size:25px;margin-bottom:18px}.feature h3{margin:0 0 6px;font-size:16px}.feature p{margin:0;font-size:13px;color:var(--muted)}.detail-section{background:#f4f8fd}.detail-grid{display:grid;grid-template-columns:32% 1fr;gap:65px;align-items:center}.detail-copy h2{font-size:37px;line-height:1.17;letter-spacing:-1.3px;margin:10px 0 15px}.detail-copy p{color:var(--muted)}.text-link{font-weight:750;color:#0876f9}.detail-img{overflow:hidden;border-radius:12px;border:1px solid #d9e4f3;box-shadow:0 14px 36px #0b2a4917}.detail-img img{width:100%;display:block}.faq-section{background:white}.faq-toolbar{max-width:680px;margin:0 auto 24px}.faq-toolbar label{display:block;font-size:12px;font-weight:750;margin-bottom:8px}.faq-toolbar input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #cfdceb;outline-color:#1178ff;background:#f9fbfe}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}.faq-grid details{border:1px solid #dce6f2;border-radius:10px;background:#fff;overflow:hidden}.faq-grid summary{cursor:pointer;padding:15px 17px;font-size:13px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';font-size:19px;color:#187efb;font-weight:400;flex:none}.faq-grid details[open] summary:after{content:'−'}.faq-grid details[open]{border-color:#abcdfc;background:#f9fbff}.answer{padding:0 17px 17px;color:#546781;font-size:13px;line-height:1.75}.answer a{color:#0876f9;text-decoration:underline}#faq-empty{text-align:center;color:var(--muted)}.cta-section{background:linear-gradient(110deg,#07162d,#0d3972);color:white;padding:53px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner h2{font-size:34px;letter-spacing:-1px;margin:7px 0}.cta-inner p{color:#b9cde8;margin:0}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:9px}.cta-actions small{color:#a9c1e0}.footer{background:#061429;color:#d3e0f2;padding:26px 0}.footer-inner,.footer-brand,.footer-links{display:flex;align-items:center;gap:22px}.footer-inner{justify-content:space-between;flex-wrap:wrap}.footer-brand{font-weight:800;gap:9px}.footer-brand img{width:27px;height:27px}.footer-brand span{font-size:12px;font-weight:400;color:#8ea4c1;margin-left:12px}.footer-links{font-size:12px;flex-wrap:wrap;color:#a8bcd6}@media(max-width:950px){.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:650px}.hero-visual{transform:none}.workflow-grid{gap:12px}.workflow-card{padding:15px}.detail-grid{gap:25px}.strip-inner{justify-content:center}.asset-frame{height:260px}}@media(max-width:680px){.container{width:min(100% - 32px,1200px)}.header-inner{height:65px;gap:15px}.brand{font-size:18px}.brand img{width:32px;height:32px}.mobile-toggle{display:block;margin-left:auto}.nav-cta{display:none}.header-inner nav{display:none;position:absolute;top:65px;left:0;right:0;background:#07162b;padding:20px 24px;flex-direction:column;gap:16px;border-bottom:1px solid #28415e}.header-inner nav.open{display:flex}.hero{padding:55px 0}.hero h1{font-size:45px}.hero-copy>p{font-size:15px}.section{padding:64px 0}.workflow-grid,.feature-grid,.faq-grid,.detail-grid{grid-template-columns:1fr}.workflow-card>p{min-height:0}.asset-frame{height:285px}.feature-grid{gap:12px}.detail-copy h2{font-size:31px}.cta-inner{flex-direction:column;align-items:flex-start}.footer-inner{align-items:flex-start;gap:20px}.footer-links{gap:15px}}

.chrome-icon{width:22px;height:22px;object-fit:contain;flex:none;vertical-align:middle;margin-right:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}

/* Distinctive display typography, real extension interface only */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
body{font-family:"DM Sans",Inter,system-ui,sans-serif}
h1,h2,h3,.brand,.footer-brand{font-family:"Outfit","DM Sans",sans-serif}
.brand{font-size:23px;letter-spacing:-.8px;font-weight:800}
.hero h1{letter-spacing:-2px}
.hero-visual{background:#0e1a2c;border-color:#365b8b;transform:none}
.hero-visual>img{width:100%;height:auto;display:block}


/* Show the complete authentic popup including Rate Us and Support Us. */
.capture-frame{display:flex;justify-content:center;align-items:flex-start;overflow:visible}
.capture-frame img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:top center}

/* Match the real FullSnapShot extension typography. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
body,button,input,a,h1,h2,h3,.brand,.footer-brand{font-family:Inter,"Segoe UI",system-ui,sans-serif}
.hero-visual{background:#0e1a2c;border-color:#365b8b;transform:none}
.hero-visual>img{width:100%;height:auto;display:block}
/* No simulated macOS browser bar. */
.window-top{display:none!important}

.process-block{padding:31px 0 38px;border-bottom:1px solid #dbe5f2}
.process-block:last-child{border-bottom:0;padding-bottom:0}
.process-intro{margin-bottom:22px}
.process-intro h3{font-size:clamp(26px,2.8vw,36px);letter-spacing:-1.2px;line-height:1.2;margin:6px 0}
.process-intro p{margin:0;color:#62748e}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tool-tile{display:flex;align-items:flex-start;gap:13px;min-height:102px;padding:18px;background:#fff;border:1px solid #dfe8f4;border-radius:13px;box-shadow:0 4px 16px #132b4b05}
.tool-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px;background:#e9f2ff;color:#1178ff}
.tool-icon svg{width:23px;height:23px}
.tool-tile h4{font-size:15px;margin:0 0 4px;color:#102039;font-weight:750}
.tool-tile p{font-size:13px;line-height:1.5;margin:0;color:#64758e}
.export-note{font-size:12px;color:#64758e;margin:18px 0 0}
@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tool-grid{grid-template-columns:1fr}.tool-tile{min-height:0}}

/* Settings preview — authentic screenshot from FullSnapShot */
.settings-showcase{background:#f6f9fe}
.settings-detail-grid{align-items:center}
.settings-preview{overflow:hidden;border-radius:15px;border:1px solid #dbe6f5;box-shadow:0 18px 45px rgba(18,45,82,.09);background:#fff}
.settings-preview img{display:block;width:100%;height:auto;object-fit:contain}
.settings-showcase .detail-copy p+p{margin-top:12px}

/* Three side-by-side workflow columns: Capture | Annotate | Export */
.process-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.process-columns .process-block{min-width:0;margin:0;padding:26px 18px 22px;border:1px solid #dce6f4;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(16,40,80,.04)}
.process-columns .process-intro{min-height:145px;margin-bottom:18px}
.process-columns .process-intro h3{font-size:clamp(21px,2vw,27px);letter-spacing:-.8px}
.process-columns .tool-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.process-columns .tool-tile{min-height:0;padding:12px 10px;gap:10px;background:#f9fbff;box-shadow:none}
.process-columns .tool-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}
.process-columns .tool-icon svg{width:19px;height:19px}
.process-columns .tool-tile h4{font-size:13px}
.process-columns .tool-tile p{font-size:12px;line-height:1.45}
@media(max-width:950px){.process-columns{grid-template-columns:1fr}.process-columns .process-intro{min-height:0}.process-columns .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.process-columns .tool-grid{grid-template-columns:1fr}}

/* macOS-style presentation frame for the authentic editor screenshot */
.hero-visual{overflow:hidden;border-radius:16px;background:#eaf0f8;border:1px solid rgba(173,195,223,.5)}
.mac-window-bar{height:40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;background:linear-gradient(#f6f7f9,#e8ebf0);border-bottom:1px solid #cdd5df;color:#4d5667;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}
.mac-window-dots{display:flex;gap:8px;align-items:center}
.mac-window-dots i{width:12px;height:12px;display:block;border-radius:50%;background:#ff5f57;border:1px solid #e44c46}
.mac-window-dots i:nth-child(2){background:#febc2e;border-color:#e5a61e}
.mac-window-dots i:nth-child(3){background:#28c840;border-color:#1cad32}
.mac-window-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;text-align:center}
.hero-visual>img{width:100%;height:auto;display:block}
@media(max-width:480px){.mac-window-bar{height:34px;padding:0 10px}.mac-window-title{font-size:10px;max-width:170px}}

/* Each workflow column ends with its own content; no forced equal-height cards. */
.process-columns{align-items:start}
.process-columns .process-block{align-self:start;height:auto}

/* Distinct History section: clean white between the grey workflow and tinted Settings */
.history-showcase{background:#ffffff;border-top:1px solid #e2eaf5;border-bottom:1px solid #e2eaf5}
.history-showcase .detail-img{background:#fff;box-shadow:0 22px 55px rgba(10,34,72,.13)}
.settings-showcase{background:#eef5ff}

/* Privacy policy page */
.privacy-main{background:linear-gradient(180deg,#edf4ff 0,#fff 330px);padding:70px 22px 95px}
.privacy-container{max-width:850px;margin:0 auto}
.privacy-intro{padding:12px 0 34px}
.privacy-intro h1{font-size:clamp(38px,5vw,58px);letter-spacing:-2px;margin:13px 0}
.privacy-intro>p{color:#61738e;line-height:1.65}
.privacy-updated{font-size:13px}
.privacy-article{background:#fff;border:1px solid #dce7f5;border-radius:20px;padding:24px clamp(24px,5vw,58px);box-shadow:0 18px 48px #132f5109}
.privacy-article section{padding:22px 0;border-bottom:1px solid #e7edf6}
.privacy-article section:last-child{border-bottom:0}
.privacy-article h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px;color:#0d203e}
.privacy-article p,.privacy-article li{color:#475b75;font-size:15px;line-height:1.8}
.privacy-article p{margin:0 0 13px}
.privacy-article ul{padding-left:23px;margin:10px 0 14px}
.privacy-article a{color:#0875ec;text-decoration:underline;text-underline-offset:3px}
.privacy-return{padding-top:27px}
@media(max-width:640px){.privacy-main{padding:35px 15px 60px}.privacy-article{padding:12px 23px}.privacy-article section{padding:20px 0}}

/* Balanced section palette: distinct but gentle transitions. FAQ stays grey. */
.workflow-section{background:#f4f7fb}
.history-showcase{background:#eaf2fc;border-top:1px solid #dce7f5;border-bottom:1px solid #dce7f5}
.settings-showcase{background:#f6f9fd}
.faq-section{background:#edf1f6;border-top:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef}
.faq-section details{background:#fff}
.privacy-main{background:#f1f5fa}
.privacy-article{background:#fdfefe}

/* Tutorial section, between workflow and history */
.video-tutorial-section{background:#f8fbff;border-top:1px solid #e1eaf5;border-bottom:1px solid #e1eaf5}
.video-tutorial-inner{max-width:1040px;margin:0 auto}
.video-tutorial-heading{text-align:center;max-width:690px;margin:0 auto 32px}
.video-tutorial-heading h2{margin:10px 0 12px}
.video-tutorial-heading p{color:#64758c;line-height:1.7}
.tutorial-player{width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0d1b32;box-shadow:0 22px 56px rgba(12,32,65,.17);border:1px solid #243651}
.tutorial-player iframe{display:block;width:100%;height:100%;border:0}
.tutorial-player-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;color:#fff;padding:20px;background:radial-gradient(ellipse at 50% 42%,#243d64 0%,#101f37 55%,#0b172a 100%)}
.tutorial-player-placeholder strong{font-size:clamp(18px,2.8vw,26px);letter-spacing:-.5px}
.tutorial-player-placeholder>span:last-child{font-size:14px;color:#aebfd8}
.tutorial-play-icon{display:flex;align-items:center;justify-content:center;width:78px;height:56px;border-radius:16px;background:#f23030;font-size:24px;padding-left:4px;box-shadow:0 8px 24px #0004;margin-bottom:7px}
@media(max-width:600px){.tutorial-player{border-radius:12px}.tutorial-play-icon{width:58px;height:42px;font-size:19px}.tutorial-player-placeholder{gap:7px}.tutorial-player-placeholder>span:last-child{font-size:12px}}

/* Full-width, accessible developer-support CTAs framing the FAQ */
.support-strip{padding:34px 0;background:#0d2448;color:#fff}
.support-strip--after{background:#12305b}
.support-strip>.container{display:flex;flex-direction:column;gap:23px}
.support-strip__content{display:flex;align-items:flex-start;gap:19px}
.support-strip__icon{flex:none;width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.11);color:#ffdc83}
.support-strip__icon svg{width:29px;height:29px}
.support-strip__eyebrow{display:block;color:#a9c9fb;font-size:11px;font-weight:800;letter-spacing:1.7px;margin-bottom:9px}
.support-strip h2{color:#fff;font-size:clamp(23px,3vw,32px);line-height:1.2;letter-spacing:-.6px;margin:0 0 9px}
.support-strip p{color:#d2def0;line-height:1.65;font-size:15px;max-width:780px;margin:0}
.support-strip__button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:64px;padding:15px 22px;border-radius:13px;background:#ffda72;color:#17233b!important;text-decoration:none;font-size:16px;font-weight:800;text-align:center;box-shadow:0 8px 0 rgba(0,0,0,.12);transition:background .2s,transform .2s,box-shadow .2s}
.support-strip__button:hover{background:#ffe49b;transform:translateY(-2px);box-shadow:0 10px 0 rgba(0,0,0,.12)}
.support-strip__button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.support-strip__button svg{width:23px;height:23px;flex:none}
@media(max-width:600px){.support-strip{padding:28px 0}.support-strip__content{gap:12px}.support-strip__icon{width:43px;height:43px}.support-strip__icon svg{width:24px;height:24px}.support-strip__button{font-size:14px;gap:9px;padding:14px 10px}.support-strip__button svg{width:19px;height:19px}}

/* Hero tutorial CTA and distinct feature icons */
.hero-button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-button-row .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.btn-watch{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.38);color:#fff;text-decoration:none;transition:background .2s,border-color .2s}
.btn-watch:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.7)}
.btn-watch svg{width:20px;height:20px;flex-shrink:0}
.strip-feature{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.strip-feature svg{width:20px;height:20px;color:#2878dc;flex-shrink:0}
@media(max-width:700px){.strip-inner{justify-content:center;gap:15px 20px}.hero-button-row .btn{white-space:normal}}

/* Keep both hero actions side-by-side; make Watch Tutorial prominent red. */
.hero-grid{grid-template-columns:minmax(0,48%) minmax(0,52%)}
.hero-button-row{display:flex;flex-wrap:nowrap;gap:10px;align-items:stretch}
.hero-button-row .btn{font-size:13px;padding:15px 12px;min-width:0;white-space:nowrap;gap:6px}
.hero-button-row .chrome-icon{width:19px;height:19px;flex-shrink:0}
.hero-button-row .btn-watch{background:#e92d3e;border:1px solid #ff5664;color:#fff;box-shadow:0 9px 26px rgba(233,45,62,.24)}
.hero-button-row .btn-watch:hover{background:#c91c30;border-color:#e92d3e}
.hero-button-row .btn-watch svg{width:19px;height:19px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}}
@media(max-width:490px){.hero-button-row{gap:7px}.hero-button-row .btn{font-size:11px;padding:13px 8px;gap:4px}.hero-button-row .btn-watch svg,.hero-button-row .chrome-icon{width:16px;height:16px}}

/* Clear, semibold navigation with purpose-specific line icons */
.header-inner nav{gap:clamp(12px,1.5vw,24px)}
.header-inner nav a{display:inline-flex;align-items:center;gap:7px;font-weight:600;white-space:nowrap;transition:color .18s ease}
.header-inner nav .nav-icon{width:16px;height:16px;flex:none;color:#8cbcfb}
.header-inner nav a:hover .nav-icon{color:#60a5fa}
@media(max-width:1100px) and (min-width:681px){.header-inner{gap:14px}.header-inner nav{gap:11px;font-size:12px}.header-inner nav a{gap:5px}.header-inner nav .nav-icon{width:14px;height:14px}.nav-cta{font-size:12px;padding:11px 12px}}
@media(max-width:680px){.header-inner nav a{font-size:15px;gap:12px}.header-inner nav .nav-icon{width:18px;height:18px}}

/* Discreet release label inside the final download CTA */
.extension-version{display:inline-flex;margin-top:13px;padding:5px 11px;border:1px solid rgba(255,255,255,.2);border-radius:30px;color:#d3e0f4;font-size:12px;font-weight:600;letter-spacing:.025em}
/* Consent banner is visually distinct but consistent with the site */
.cookie-banner[hidden],.cookie-settings-trigger[hidden]{display:none!important}
.cookie-banner{position:fixed;bottom:18px;left:18px;right:18px;z-index:10000;background:#0c203c;color:#fff;border:1px solid #355174;border-radius:17px;box-shadow:0 20px 60px rgba(5,18,36,.3);max-width:1140px;margin:auto}
.cookie-banner-inner{display:flex;align-items:center;gap:18px;padding:19px 22px}
.cookie-symbol{width:43px;height:43px;flex:0 0 43px;border-radius:12px;display:grid;place-items:center;background:#1a395e;color:#f8c96c;font-size:24px}
.cookie-copy{flex:1;min-width:0}.cookie-copy strong{font-size:16px;font-weight:700}.cookie-copy p{font-size:13px;line-height:1.55;color:#c3d2e8;margin:5px 0 0}.cookie-copy a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.cookie-actions button{cursor:pointer;font:600 13px Inter,system-ui,sans-serif;border-radius:9px;padding:12px 17px;white-space:nowrap}.cookie-reject{background:transparent;color:#f2f6ff;border:1px solid #7b8ba3}.cookie-accept{background:#f7c456;color:#17223b;border:1px solid #f7c456}.cookie-reject:hover{background:#233b5b}.cookie-accept:hover{background:#ffdc86}
.cookie-settings-trigger{position:fixed;bottom:15px;left:15px;z-index:9999;border:1px solid #d1deee;background:#fff;color:#213954;border-radius:30px;padding:9px 13px;display:flex;align-items:center;gap:7px;box-shadow:0 5px 22px #0d294028;cursor:pointer;font:600 12px Inter,system-ui,sans-serif}.cookie-settings-trigger:hover{background:#edf4ff}
@media(max-width:780px){.cookie-banner-inner{flex-wrap:wrap;gap:12px;padding:17px}.cookie-symbol{display:none}.cookie-copy{flex-basis:100%}.cookie-actions{width:100%;justify-content:stretch}.cookie-actions button{flex:1}.cookie-banner{bottom:10px;left:10px;right:10px}}
@media(max-width:380px){.cookie-actions{flex-direction:column}.cookie-actions button{width:100%}}