*{box-sizing:border-box}
:root{color-scheme:light;--navy:#10263d;--navy-soft:#183b56;--ink:#172b3d;--muted:#667788;--line:#dce4ea;--surface:#f5f7f9;--white:#fff;--teal:#087e8b;--radius:14px}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 "DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a,summary{ -webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid #36a9b4;outline-offset:3px}
.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;letter-spacing:-.04em;color:var(--navy)}
.brand img{width:36px;height:36px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:28px;color:#526578;font-weight:600;font-size:.91rem}
.main-nav a:hover,.footer-links a:hover{color:var(--teal)}
.header-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 16px;border:1px solid transparent;border-radius:9px;font-weight:750;line-height:1.25;transition:background .16s,border-color .16s,color .16s}
.header-button{background:var(--navy);color:#fff;font-size:.88rem}
.header-button:hover,.button-primary:hover{background:var(--teal);border-color:var(--teal)}
.hero{background:var(--navy);color:#fff}
.hero-inner{min-height:390px;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:44px;padding-block:62px}
.hero-copy{max-width:670px}
.eyebrow{margin:0 0 13px;font-size:.72rem;font-weight:800;letter-spacing:.13em;line-height:1.5}
.eyebrow:not(.dark-eyebrow){color:#b9dce0}
.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#64d2c4;margin-right:8px;vertical-align:1px}
.dark-eyebrow{color:var(--teal)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(2.8rem,6vw,4.7rem);line-height:1.04;letter-spacing:-.065em;margin:0 0 18px;font-weight:800}
.hero h1 span{color:#9edbd5}
.hero-description{max-width:570px;color:#d0dbe4;font-size:1.04rem;line-height:1.8;margin-bottom:24px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.button-light{background:#fff;color:var(--navy)}
.button-light:hover{background:#eaf5f4}
.text-link{color:#fff;font-weight:700}
.text-link:hover{color:#9edbd5}
.developer-line{margin:28px 0 0;font-size:.82rem;color:#aebdca}
.developer-line a{color:#fff;text-decoration:underline;text-underline-offset:3px;margin-left:7px}
.hero-mark{width:190px;height:190px;border:1px solid rgba(255,255,255,.15);border-radius:28px;display:grid;place-items:center;background:rgba(255,255,255,.035)}
.hero-mark img{width:132px;height:132px;object-fit:contain}
.section{padding-block:60px 68px}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px}
.section-title .eyebrow{margin-bottom:6px}
.section-title h2,.install-strip h2{margin:0;font-size:clamp(1.65rem,3.4vw,2.25rem);line-height:1.2;letter-spacing:-.045em}
.section-note{margin:0;color:var(--muted);font-size:.92rem}
.browser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.browser-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .16s,box-shadow .16s}
.browser-card:hover{border-color:#a9c5ca;box-shadow:0 10px 26px rgba(16,38,61,.07)}
.browser-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.browser-logo{display:block;width:38px;height:38px;object-fit:contain}
.version-tag{display:inline-flex;align-items:center;border-radius:5px;background:#f0f4f6;color:#586a7b;padding:4px 8px;font-size:.7rem;font-weight:800;white-space:nowrap}
.browser-card h3{font-size:1.04rem;line-height:1.35;margin:0 0 7px;letter-spacing:-.02em}
.browser-note{font-size:.85rem;line-height:1.65;color:var(--muted);margin:0 0 18px;min-height:44px}
.browser-card .button{width:100%;margin-top:auto}
.button-primary{background:var(--navy);color:#fff}
.candidate{border-color:#e6d9b9}
.candidate .version-tag{background:#fff4db;color:#775a1a}
.compatibility-note{font-size:.82rem;line-height:1.7;color:var(--muted);margin:20px 0 0}
.install-strip{background:var(--surface);border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;padding:38px 0}
.strip-inner{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:28px}
.strip-inner .eyebrow{margin-bottom:6px}
.quick-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.quick-steps li{display:flex;align-items:center;gap:9px;font-size:.84rem;font-weight:650;color:#3e5264}
.quick-steps span{color:var(--teal);font-weight:800;font-size:.72rem}
.button-outline{border-color:#c7d2db;background:#fff;color:var(--navy);white-space:nowrap}
.button-outline:hover{border-color:var(--teal);color:var(--teal)}
.site-footer{border-top:1px solid var(--line);background:#fff}
.footer-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-brand img{width:29px;height:29px}
.footer-brand{font-size:1rem}
.footer-links{display:flex;gap:20px;color:#5c6d7c;font-size:.84rem}
.site-footer p{margin:0;color:#71808d;font-size:.82rem}
.site-footer p a,.support-contact a{color:var(--teal);font-weight:700}
.page-main{padding-block:52px 76px;min-height:62vh}
.page-title{font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.1;letter-spacing:-.06em;margin:0 0 13px;color:var(--navy)}
.page-intro{max-width:720px;color:var(--muted);font-size:1rem;margin:0 0 30px}
.download-grid{margin-top:26px}
.checksum-details{width:100%;margin-top:15px;border-top:1px solid var(--line);padding-top:12px;font-size:.82rem;color:var(--muted)}
.checksum-details summary{cursor:pointer;font-weight:700}
.checksum-details code{display:block;margin-top:10px;overflow-wrap:anywhere;line-height:1.7;color:#45596b;font-size:.72rem}
.guide-list{border-top:1px solid var(--line)}
.guide-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}
.guide-number{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#edf6f5;color:var(--teal);font-size:.83rem;font-weight:800}
.guide-item h2{font-size:1.12rem;margin:2px 0 6px;letter-spacing:-.025em}
.guide-item p{margin:0;color:var(--muted);line-height:1.8}
.guide-item a{color:var(--teal);font-weight:700}
.guide-item code,.faq-list code{font-size:.83rem;background:#f1f4f6;border:1px solid #e3e8ec;padding:3px 6px;border-radius:5px;overflow-wrap:anywhere}
.address-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.address-list p{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;font-size:.83rem}
.address-list strong{color:var(--ink)}
.simple-notice{margin-top:26px;padding:16px 18px;background:#f8f7f2;border:1px solid #e8e1cd;border-radius:10px;color:#6a5b39;font-size:.88rem;line-height:1.75}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;font-weight:750;color:var(--navy)}
.faq-list details p{margin:12px 0 0;color:var(--muted);max-width:780px}
.faq-list a{color:var(--teal);font-weight:700}
.support-contact{margin-top:30px;color:var(--muted)}
@media(max-width:850px){.hero-inner{grid-template-columns:minmax(0,1fr) 150px;gap:25px}.hero-mark{width:145px;height:145px}.hero-mark img{width:105px;height:105px}.browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strip-inner{grid-template-columns:1fr;gap:20px}.quick-steps{max-width:680px}.strip-inner>.button{justify-self:start}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.header-inner{min-height:64px;gap:10px}.brand{font-size:1.02rem;gap:7px}.brand img{width:31px;height:31px}.main-nav{gap:13px;font-size:.79rem}.main-nav a:first-child{display:none}.header-button{min-height:38px;padding:9px 10px;font-size:.78rem;gap:5px}.hero-inner{grid-template-columns:1fr;gap:25px;padding-block:43px 39px}.hero-copy{order:2}.hero-mark{order:1;width:82px;height:82px;border-radius:18px}.hero-mark img{width:61px;height:61px}.hero h1{font-size:clamp(2.6rem,13vw,3.8rem);margin-bottom:14px}.hero-description{font-size:.96rem;line-height:1.75}.hero-actions{gap:16px}.developer-line{margin-top:21px}.section{padding-block:42px 48px}.section-title{align-items:flex-start;flex-direction:column;gap:8px}.browser-grid{grid-template-columns:1fr;gap:12px}.browser-card{padding:18px}.browser-card-top{margin-bottom:13px}.browser-note{min-height:0}.install-strip{padding:30px 0}.quick-steps{grid-template-columns:1fr;gap:12px}.footer-inner{padding-block:20px;align-items:flex-start;flex-direction:column;gap:14px}.footer-links{gap:16px}.page-main{padding-block:37px 54px}.page-intro{font-size:.95rem}.guide-item{grid-template-columns:42px minmax(0,1fr);gap:13px;padding:20px 0}.guide-number{width:36px;height:36px}.address-list{grid-template-columns:1fr}.address-list p{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}