@font-face{font-family:Inter;src:url("assets/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--graphite:#171b20;--blue:#0b3557;--deep:#092b47;--cyan:#00c7ea;--alloy:#aeb7bf;--paper:#f5f7f8;--line:#d6dde2;--white:#fff;font-family:Inter,Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--graphite);line-height:1.55}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
h1,h2,h3,h4,p{margin-top:0}
.wrap{width:min(100% - 4rem,1320px);margin-inline:auto}
.skip-link{position:absolute;z-index:20;top:-100px;left:1rem;padding:.7rem 1rem;background:var(--cyan);color:var(--deep);font-weight:700}.skip-link:focus{top:1rem}
.site-header{position:absolute;z-index:10;inset:0 0 auto;color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}
.header-inner{min-height:90px;display:flex;align-items:center;gap:3rem}
.brand{display:block;width:182px;flex:none}.brand img{width:100%}
.site-header nav{display:flex;gap:2.4rem;margin-left:auto}.site-header nav a{font-size:.9rem;font-weight:650;transition:color .2s}.site-header nav a:hover{color:var(--cyan)}
.header-version{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#b6cbd6;border-left:1px solid rgba(255,255,255,.2);padding-left:2.25rem;white-space:nowrap}
.hero{position:relative;overflow:hidden;min-height:760px;color:#fff;background:var(--deep)}
.hero-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%)}
.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);gap:5rem;align-items:center;padding-top:180px;padding-bottom:130px}
.hero-copy{max-width:690px}
.eyebrow,.section-kicker{font-size:.73rem;letter-spacing:.19em;font-weight:800;line-height:1.3}
.eyebrow{display:flex;align-items:center;gap:1rem;color:var(--cyan);margin-bottom:2.1rem}.eyebrow-line{width:26px;height:2px;background:var(--cyan)}
h1,h2,h3,h4{font-family:Inter,Arial,sans-serif;line-height:1.06;letter-spacing:-.035em}
h1{font-size:clamp(3.8rem,6.6vw,7.25rem);font-weight:750;margin-bottom:2.2rem}
h1 em{font-style:normal;color:var(--cyan)}
.hero-deck{font-size:1.24rem;line-height:1.62;color:#d4e0e8;max-width:37rem;margin-bottom:2.4rem}
.hero-actions{display:flex;align-items:center;gap:2.2rem;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-height:58px;padding:.9rem 1.3rem;font-size:.96rem;font-weight:750;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#082b45}.button-primary:hover{background:#6de9f6}.button span{font-size:1.25rem;font-weight:400}
.text-link{font-size:.95rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:.4rem;transition:color .2s,border-color .2s}.text-link:hover{color:var(--cyan);border-color:var(--cyan)}.text-link span{margin-left:.45rem}
.hero-visual{background:#f7fafb;color:var(--graphite);box-shadow:28px 28px 0 rgba(0,199,234,.12);border:1px solid rgba(255,255,255,.6);max-width:475px;justify-self:end;width:100%;transform:translateY(15px)}
.visual-top{display:flex;align-items:center;gap:1rem;padding:1.55rem 1.75rem;background:#fff;border-bottom:1px solid var(--line)}.visual-top img{width:60px;height:60px}.visual-top div{display:flex;flex-direction:column}.visual-top span{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.17em}.visual-top strong{font-size:1.04rem;font-weight:650}
.visual-list>div{display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:.65rem;min-height:69px;margin:0 1.75rem;border-bottom:1px solid var(--line);font-weight:700;font-size:1.06rem}.visual-list>div:last-child{border:0}.visual-index{color:#5b7488;font-size:.76rem;font-weight:700;letter-spacing:.08em}.visual-glyph{color:var(--blue);font-weight:400;font-size:1.18rem}
.arrow-icon{display:inline-block;flex:none;width:1.15rem;height:1.15rem;background-color:currentColor;-webkit-mask:url("assets/arrow-down.svg") center/contain no-repeat;mask:url("assets/arrow-down.svg") center/contain no-repeat;vertical-align:middle}.arrow-diagonal{transform:rotate(225deg)}.arrow-up{transform:rotate(180deg)}
.visual-foot{display:flex;justify-content:space-between;background:#e9eff2;color:#426278;padding:.8rem 1.75rem;font-size:.64rem;font-weight:800;letter-spacing:.13em}
.hero-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2.5rem;padding:1.5rem 0;color:#a5bdca;font-size:.67rem;font-weight:800;letter-spacing:.16em}.hero-bottom-rule{height:1px;background:rgba(255,255,255,.21);flex:1}
.hero-bottom-cue{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.hero-bottom-cue .arrow-icon{width:1rem;height:1rem}
.intro-band{background:#e9eef1;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;align-items:center;padding-top:6.2rem;padding-bottom:6.2rem}.section-kicker{color:#007894;margin-bottom:1.5rem}.intro-grid .section-kicker{padding-top:.4rem}.intro-grid h2{font-size:clamp(2.6rem,4vw,4.5rem);max-width:560px;margin-bottom:0}.intro-grid>p:last-child{font-size:1.2rem;line-height:1.68;color:#42505a;max-width:500px;margin-bottom:0}
.tools-section{padding:7.5rem 0 8rem;background:var(--paper)}.section-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:4rem;margin-bottom:5rem}.section-heading h2{font-size:clamp(3rem,5vw,5.4rem);margin:0}.section-heading>p{max-width:500px;margin:0;color:#52616b;font-size:1.2rem;line-height:1.68}
.tool-group{display:grid;grid-template-columns:280px 1fr;gap:3rem;border-top:2px solid var(--graphite);padding:2.3rem 0 5.4rem}.tool-group:last-child{padding-bottom:0}.group-heading{position:sticky;top:2rem;align-self:start}.group-heading span{font-size:.75rem;color:#007894;font-weight:800;letter-spacing:.16em}.group-heading h3{margin:1rem 0 0;font-size:2rem}
.tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.tool-card{position:relative;display:grid;grid-template-columns:1fr 20px;gap:1rem;background:#fff;padding:2rem 1.8rem 2.15rem;min-height:238px}.tool-number{grid-column:1/-1;color:#007894;font-size:.78rem;font-weight:800;letter-spacing:.15em}.tool-card h4{font-size:1.42rem;margin-bottom:.7rem;letter-spacing:-.02em}.tool-card p{font-size:.97rem;line-height:1.56;color:#52616b;margin:0;max-width:32rem}.tool-arrow{color:#007894;font-size:1.2rem;align-self:start}
.tool-list>.tool-card:last-child:nth-child(odd){grid-column:1/-1}
.install-section{background:var(--blue);color:#fff;padding:7rem 0}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:7rem}.install-section .section-kicker{color:var(--cyan)}.install-section h2{font-size:clamp(3.25rem,5vw,5.6rem);max-width:570px;margin-bottom:1.7rem}.install-lead{font-size:1.17rem;color:#d3e0e7;max-width:530px;line-height:1.7}.release-chip{display:inline-flex;align-items:center;gap:.8rem;border:1px solid rgba(255,255,255,.35);padding:.75rem 1rem;margin-top:1.7rem;color:#cadbe5;font-size:.7rem;letter-spacing:.1em;font-weight:700}.release-chip strong{color:#fff;margin-left:.5rem;font-size:.83rem}.chip-mark{width:8px;height:8px;background:var(--cyan)}
.install-download{margin:1.7rem 0 0}.install-note{font-size:.84rem;line-height:1.5;color:#c6d7e0;max-width:480px;margin:1rem 0 0}
.steps{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.3)}.steps li{display:grid;grid-template-columns:60px 1fr;gap:1.4rem;padding:1.55rem 0;border-bottom:1px solid rgba(255,255,255,.3)}.steps li>span{color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.1em;padding-top:.25rem}.steps strong{display:block;font-family:Inter,Arial,sans-serif;font-size:1.5rem;line-height:1.2;margin-bottom:.35rem}.steps p{margin:0;color:#ccdae3;font-size:.96rem}
.site-footer{background:#071f33;color:#d1dde3;padding:3rem 0}.footer-inner{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:2rem}.footer-inner img{width:190px}.footer-inner p{font-size:.8rem;line-height:1.6;margin:0;color:#aebec9}.footer-inner a{font-size:.8rem;font-weight:700;border-bottom:1px solid var(--cyan);padding-bottom:.25rem;color:#fff}
.footer-inner a{display:inline-flex;align-items:center;gap:.45rem}
@media(max-width:1050px){.hero-inner{gap:2rem;grid-template-columns:1.1fr .9fr}.hero-visual{max-width:400px}.intro-grid,.section-heading{gap:2rem}.tool-group{grid-template-columns:210px 1fr}.install-grid{gap:4rem}}
@media(max-width:760px){.wrap{width:min(100% - 2rem,640px)}.site-header{position:absolute}.header-inner{min-height:76px;gap:1rem}.brand{width:138px}.site-header nav{gap:1rem}.site-header nav a{font-size:.82rem}.header-version{display:none}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding-top:140px;padding-bottom:115px;gap:3.8rem}.hero-copy{max-width:620px}h1{font-size:clamp(2.5rem,8.5vw,5.4rem)}.hero-deck{font-size:1.08rem}.hero-visual{justify-self:start;max-width:550px;transform:none;box-shadow:15px 15px 0 rgba(0,199,234,.12)}.hero-bottom{gap:1rem;font-size:.57rem}.intro-grid{grid-template-columns:1fr;gap:1.15rem;padding-top:4rem;padding-bottom:4.2rem}.intro-grid .section-kicker{margin-bottom:.2rem}.intro-grid h2{font-size:3rem}.intro-grid>p:last-child{font-size:1.05rem}.tools-section{padding:5rem 0}.section-heading{display:block;margin-bottom:3.5rem}.section-heading>p{margin-top:1.5rem;font-size:1.05rem}.tool-group{display:block;padding-bottom:4.5rem}.group-heading{position:static;margin-bottom:1.5rem}.group-heading h3{font-size:1.75rem}.install-section{padding:5rem 0}.install-grid{grid-template-columns:1fr;gap:3rem}.footer-inner{grid-template-columns:1fr auto}.footer-inner p{grid-column:1/-1;grid-row:2}}
@media(max-width:520px){.header-inner{flex-wrap:wrap;justify-content:space-between;padding-top:1rem;padding-bottom:.8rem}.brand{width:135px}.site-header nav{width:100%;justify-content:space-between;margin-left:0}.hero-inner{padding-top:165px}.hero-actions{gap:1.5rem}.hero-bottom span:first-child{display:none}.visual-top{padding:1.2rem}.visual-top img{width:52px;height:52px}.visual-list>div{margin:0 1.2rem}.visual-foot{padding:.8rem 1.2rem}.tool-list{grid-template-columns:1fr}.tool-card{min-height:auto;padding:1.65rem}.section-heading h2{font-size:3.15rem}.install-section h2{font-size:3.35rem}.steps li{grid-template-columns:40px 1fr;gap:.7rem}.footer-inner{display:block}.footer-inner img{width:160px;margin-bottom:1.4rem}.footer-inner p{margin-bottom:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.text-link,.site-header nav a{transition:none}}