/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/font-b50a9d90a526.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/font-776f6dcaf036.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/font-a79fdb52d4a5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/font-c4fcfea41f2c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/font-2ee17598a98d.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/font-62213be8a78b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/font-e17cfd15fb96.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/font-0a557721b1f8.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/font-c89b9cc0bc62.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/font-db5ff4db83e5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/font-83c005d49d8a.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body{margin:0;background:#FFFFFF}
.da{font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#142334;background:#FFFFFF;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
.da *,.da *::before,.da *::after{box-sizing:border-box}
.da h1,.da h2,.da h3,.da h4,.da p,.da dl,.da dd,.da ol,.da ul,.da fieldset{margin:0}
.da img{max-width:100%}
.da a{color:#1A3A5C;text-underline-offset:3px}
.da a:hover{color:#142334}
.disp{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;letter-spacing:-0.035em;line-height:0.98}
.mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}
.kick{display:flex;align-items:center;gap:12px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#1A3A5C}
.kick::before{content:"";flex:none;width:40px;height:2px;background:currentColor;transform-origin:left}
.dark .kick{color:#8DB3D9}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:2px solid transparent;font-family:'Instrument Sans',sans-serif;font-size:16px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}
.btn svg{flex:none}
.da .btn-red{background:#1A3A5C;color:#FFFFFF}
.da .btn-red:hover{background:#0F2438;color:#FFFFFF}
.da .btn-ink{background:#142334;color:#FFFFFF}
.da .btn-ink:hover{background:#1A3A5C;color:#FFFFFF}
.da .btn-line{background:transparent;color:#142334;border-color:#142334}
.da .btn-line:hover{background:#142334;color:#FFFFFF}
.da .dark .btn-line{color:#FFFFFF;border-color:#B9CADC}
.da .dark .btn-line:hover{background:#FFFFFF;color:#142334;border-color:#FFFFFF}
.da .btn-white{background:#FFFFFF;color:#142334}
.da .btn-white:hover{background:#D6E1EC;color:#142334}
.da a:focus-visible,.da button:focus-visible,.da input:focus-visible{outline:3px solid #142334;outline-offset:3px}
.da .dark a:focus-visible,.da .dark button:focus-visible{outline-color:#FFFFFF}
.da .wl a:focus-visible,.da .wl button:focus-visible,.da .wl input:focus-visible{outline-color:#142334}
.da .tlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#142334;text-decoration:none;border-bottom:2px solid #1A3A5C;padding:6px 0 3px;min-height:44px}
.da .tlink:hover{color:#1A3A5C}
.ph{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;font-weight:600;letter-spacing:.01em;color:#34465B;background:#FFFFFF;border:1.5px dashed #8793A1;border-radius:8px;padding:5px 10px;line-height:1.25}
.ph .dot{width:7px;height:7px;border-radius:50%;background:#8793A1;flex:none}
.dark .ph{color:#E1E9F1;background:transparent}
section[id],article[id]{scroll-margin-top:100px}
.sheet{position:relative;border-radius:44px 44px 0 0;margin-top:-44px}
.mist{background:#F2F5F8}
.dark{background:#1A3A5C;color:#EEF2F6}
.dark .muted{color:#C3D2E3}

.nav{position:sticky;top:0;z-index:60;background:#FFFFFF;backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid #E3E8EE}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px}
.nav-logo{display:flex;align-items:center;min-height:44px}
.nav-logo img{display:block;width:190px;height:auto}
.nav-links{display:flex;align-items:center;gap:30px}
.da .nl{color:#142334;text-decoration:none;font-weight:500;font-size:16px;padding:10px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.da .nl:hover,.da .nl.cur{color:#142334;border-color:#1A3A5C}
.nav-links .btn{min-height:46px;padding:0 22px}
.menu-btn{display:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1.5px solid #142334;background:#FFFFFF;color:#142334;cursor:pointer;padding:0}
.mpanel{display:none}

/* page hero + index */
.p-hero{padding:76px 0 140px;background:#FFFFFF}
.p-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:end}
.p-hero h1{font-size:clamp(44px,5.2vw,80px);margin-top:26px}
.p-hero .sub{font-size:19px;color:#475467;margin-top:24px;max-width:42ch}
.idx{border-top:2px solid #142334}
.idx-g{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#586577;padding:22px 0 8px}
.da .idx-row{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;grid-template-areas:"main stat ar";align-items:center;gap:12px 32px;padding:22px 10px;border-bottom:1px solid #D6DDE5;color:#142334;text-decoration:none;transition:background-color .25s,padding .25s}
.da .idx-row:hover{background:#F2F5F8;padding-left:16px}
.idx-main{grid-area:main;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.idx-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1.1}
.idx-name img{display:block;height:30px;width:auto}
.idx-desc{font-size:15.5px;color:#4B5869;line-height:1.4}
.idx-stat{grid-area:stat;justify-self:end}
.idx-stat .ph,.idx-stat .tag{white-space:nowrap}
.idx-ar{grid-area:ar;color:#1A3A5C}
.tag{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.tag-green{background:#E8F5EC;color:#1E6B3D}
.tag-dark{background:#24384E;color:#8FD9A0}
.tag-red{background:#E6EDF5;color:#1A3A5C}
.hs-mark{display:inline-flex;gap:3px}
.hs-mark span{width:11px;height:11px;border-radius:50% 50% 50% 0}
.da-badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#F57C00;color:#FFFFFF;font-weight:800;font-size:13px;font-family:'Bricolage Grotesque',sans-serif}

/* groups + product detail */
.grp-sec{padding:120px 0 140px}
.grp{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;padding-bottom:28px;border-bottom:2px solid #142334;margin-bottom:88px}
.dark .grp{border-color:#5B7CA3}
.grp h2{font-size:clamp(40px,4.6vw,68px);margin-top:18px}
.grp p{font-size:18px;color:#475467;max-width:44ch}
.dark .grp p{color:#C3D2E3}
.pd{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.pd + .pd{margin-top:120px;padding-top:120px;border-top:1px solid #DDE3EA}
.pd-vis{position:sticky;top:104px}
.pd.rev .pd-vis{order:-1}
.pd.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.eyebrow .mono{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#586577;font-weight:600}
.p-name{font-size:clamp(44px,4.2vw,64px);margin-top:20px}
.p-logo{margin:24px 0 0;line-height:0}
.p-logo img{display:block;height:clamp(46px,4.4vw,64px);width:auto;max-width:100%}
.p-lead{font-size:20px;color:#2A3D52;margin-top:12px;font-weight:500}
.facts{display:grid;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid #D6DDE5}
.facts > div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px}
.facts dt{font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#586577;padding-top:4px}
.facts dd{font-size:16px;line-height:1.55;color:#24384E}
.feats{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px;margin-top:30px;padding-top:28px;border-top:1px solid #D6DDE5}
.feats li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start}
.fi{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700}
.feats strong{display:block;font-size:16px;line-height:1.3}
.feats .d{display:block;font-size:14.5px;color:#4B5869;line-height:1.45;margin-top:2px}
.p-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:34px}
.vis{position:relative;border-radius:32px;overflow:hidden;min-height:600px}
.s-browser{background:#FFFFFF;border-radius:14px;box-shadow:0 40px 70px -30px rgba(20,35,52,.45),0 0 0 1px rgba(20,35,52,.08);overflow:hidden}
.s-bar{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;background:#EDF1F5}
.s-bar > span{width:8px;height:8px;border-radius:50%;background:#CBD2DA}
.s-bar em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#5F6C7D;margin-left:8px}
.skel{position:absolute;border-radius:6px}
.ph-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80%,360px);background:#FFFFFF;border-radius:16px;padding:20px 22px;text-align:center;box-shadow:0 20px 40px -20px rgba(18,96,154,.5)}
.mock-cap{position:absolute;left:6%;bottom:5%;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#E3EAF1;background:rgba(14,34,54,.88);border-radius:8px;padding:7px 11px}
.notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:16px;padding:14px 16px;border-radius:14px;background:#F2F5F8;border:1.5px dashed #8793A1;font-size:14.5px;color:#2A3D52}

/* developer tools */
.tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.tool + .tool{margin-top:96px;padding-top:96px;border-top:1px solid #3B5D84}
.tool h3{font-size:clamp(38px,3.6vw,56px);margin-top:20px;color:#FFFFFF}
.tool p.body{font-size:17.5px;color:#C8D6E5;margin-top:16px;max-width:48ch}
.evo-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.evo-top .mono{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#B9CADC}
.lc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;list-style:none;padding:0}
.lc li{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:#E1E9F1}
.lc li span{border:1px solid #4A6B92;border-radius:999px;padding:6px 12px}
.lc svg{color:#8DB3D9}
.term{background:#0D1B2A;border:1px solid #2B415A;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.term-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;border-bottom:1px solid #22364C}
.term-dots{display:flex;gap:6px}
.term-dots span{width:10px;height:10px;border-radius:50%;background:#3B5D84}
.term-bar .mono{font-size:11.5px;color:#8A9DB2}
.copy{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid #3B5D84;background:#1A2D42;color:#EEF2F6;font:600 13.5px 'Instrument Sans',sans-serif;cursor:pointer}
.copy:hover{background:#22364C}
.copy.ok{color:#8FD9A0;border-color:#2F5E3B}
.term-body{padding:26px 20px 30px;font-family:'JetBrains Mono',monospace;font-size:16px;line-height:1.8;color:#EEF2F6;overflow-x:auto;white-space:nowrap}
.term-body .prompt{color:#8DB3D9;user-select:none;margin-right:10px}
.term-body .cm{color:#7D93AB}
.term-body code{font-family:inherit}
.bul{list-style:none;padding:0;margin-top:24px;display:grid;gap:12px}
.bul li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:16px;color:#DCE5EF}
.bul svg{color:#8DB3D9;margin-top:4px}
.wl{background:#FFFFFF;color:#142334;border-radius:28px;padding:34px;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.wl h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:30px;letter-spacing:-.03em;line-height:1.05}
.wl .intro{font-size:15.5px;color:#4B5869;margin-top:8px}
.states{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
.states .mono{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#B9CADC;margin-right:4px}
.seg{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid #5A6B80;background:transparent;color:#EEF2F6;font:600 13.5px 'Instrument Sans',sans-serif;cursor:pointer}
.seg.on{background:#EEF2F6;color:#142334;border-color:#EEF2F6}
.fld{display:grid;gap:6px;margin-top:20px}
.fld label{font-weight:600;font-size:14.5px}
.fld input{font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid #C7D0DA;border-radius:12px;background:#FFFFFF;color:#142334;min-height:50px;width:100%}
.fld input:hover{border-color:#8793A1}
.fld input[aria-invalid="true"]{border-color:#B42318;background:#FFF6F7}
.err{display:flex;align-items:center;gap:6px;color:#B42318;font-size:13.5px;font-weight:600}
.wl fieldset{border:0;padding:0;margin-top:18px}
.wl legend{font-weight:600;font-size:14.5px;padding:0;margin-bottom:10px}
.wl legend span{font-weight:400;color:#5F6C7D}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #D2D9E2;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .2s}
.chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.chip:hover{border-color:#142334}
.chip.on{background:#142334;border-color:#142334;color:#FFFFFF}
.chip:focus-within{outline:3px solid #1A3A5C;outline-offset:2px}
.wl .btn{width:100%;margin-top:22px}
.demo{font-size:13px;color:#5A6B80;margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;line-height:1.5}
.ok-ic{width:56px;height:56px;border-radius:50%;background:#E8F7EE;color:#1E7A45;display:grid;place-items:center}

/* closer + footer */
.closer{padding:120px 0 150px}
.closer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:end}
.closer h2{font-size:clamp(44px,5vw,76px);margin-top:20px}
.closer p.sub{font-size:18px;color:#475467;margin-top:20px;max-width:46ch}
.mails{list-style:none;padding:0;display:grid}
.mails li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:14px 0;border-top:1px solid #D6DDE5}
.mails li:last-child{border-bottom:1px solid #D6DDE5}
.mails .mono{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#586577}
.da .mails a{color:#142334;font-weight:600;text-decoration-color:#1A3A5C;text-decoration-thickness:2px}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.foot{background:#FFFFFF;padding:84px 0 36px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px}
.foot h4{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#586577;font-weight:600;margin-bottom:12px}
.foot ul{list-style:none;padding:0;display:grid;gap:2px}
.da .foot ul a{display:inline-block;color:#142334;text-decoration:none;padding:6px 0;font-size:15.5px}
.da .foot ul a:hover{color:#1A3A5C}
.motto{font-family:'JetBrains Mono',monospace;font-size:13px;color:#586577;margin-top:18px}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:64px;padding-top:24px;border-top:1px solid #DDE3EA;font-size:15px;color:#2A3D52}
.legal strong{font-weight:600}

@media (prefers-reduced-motion: no-preference){
  .ld{animation:ldIn .9s cubic-bezier(.2,.75,.25,1) both}
  .d1{animation-delay:.06s}.d2{animation-delay:.14s}.d3{animation-delay:.24s}.d4{animation-delay:.36s}.d5{animation-delay:.5s}
  @keyframes ldIn{from{opacity:0;transform:translateY(26px)}}
  @supports (animation-timeline: view()){
    .rv{animation:rvIn linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
    @keyframes rvIn{from{opacity:0;transform:translateY(56px)}}
    .clip{animation:clipIn linear both;animation-timeline:view();animation-range:entry 0% entry 85%}
    @keyframes clipIn{from{clip-path:inset(12% 9% 12% 9% round 32px)}}
  }
}
@media (max-width:980px){
  .nav-links .nl{display:none}
  .menu-btn{display:inline-flex}
  .mpanel{display:block;border-top:1px solid #E3E8EE;background:#FFFFFF;padding:10px 0 22px;max-height:calc(100vh - 68px);overflow-y:auto}
  .da .mlink{display:flex;align-items:center;justify-content:space-between;min-height:54px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:24px;letter-spacing:-.02em;color:#142334;text-decoration:none;border-bottom:1px solid #E3E8EE}
  .msub{display:flex;flex-wrap:wrap;gap:4px 18px;padding:6px 0 10px;border-bottom:1px solid #E3E8EE}
  .da .msub a{display:inline-flex;align-items:center;min-height:44px;color:#475467;font-weight:600;font-size:15px;text-decoration:none}
  .mpanel .btn{width:100%;margin-top:18px}
}
@media (max-width:900px){
  .wrap{padding:0 20px}
  .nav-in{height:68px;gap:12px}
  .nav-logo img{width:145px}
  .nav-links{gap:10px}
  .nav-links .btn{min-height:44px;padding:0 16px;font-size:15px}
  .p-hero{padding:36px 0 110px}
  .p-hero-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .da .idx-row{grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"main ar" "stat ar";gap:12px 14px;padding:20px 4px}
  .idx-stat{justify-self:start}
  .idx-name{font-size:21px}
  .idx-name img{height:26px}
  .grp-sec{padding:84px 0 110px}
  .grp{margin-bottom:52px}
  .pd,.pd.rev{grid-template-columns:minmax(0,1fr);gap:36px}
  .pd.rev .pd-vis{order:0}
  .pd-vis{position:relative;top:0}
  .pd + .pd{margin-top:72px;padding-top:72px}
  .vis{min-height:380px;border-radius:24px}
  .facts > div{grid-template-columns:minmax(0,1fr);gap:2px}
  .feats{grid-template-columns:minmax(0,1fr)}
  .p-ctas{flex-direction:column;align-items:stretch}
  .p-ctas .tlink{justify-content:center}
  .tool{grid-template-columns:minmax(0,1fr);gap:36px}
  .tool + .tool{margin-top:64px;padding-top:64px}
  .term-body{font-size:13.5px;padding:20px 16px 22px}
  .wl{padding:22px;border-radius:24px}
  .ctas{flex-direction:column;align-items:stretch}
  .closer{padding:84px 0 110px}
  .closer-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .foot-brand{grid-column:1 / -1}
  .sheet{border-radius:28px 28px 0 0;margin-top:-28px}
}