:root { --ink:#0b1724; --muted:#5d6b78; --line:#d8e1e8; --paper:#f5f8fa; --teal:#00b6ae; --blue:#1677d2; --dark:#07131f; --max:1180px; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Segoe UI","Microsoft YaHei",Arial,sans-serif} a{color:inherit;text-decoration:none} h1,h2,h3,p{margin-top:0} h2{font-size:clamp(30px,4vw,52px);line-height:1.14;letter-spacing:-.035em} .container{width:min(var(--max),calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip-link{position:fixed;z-index:99;top:12px;left:12px;transform:translateY(-150%);background:#fff;padding:10px 14px;border-radius:6px}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:10;background:rgba(7,19,31,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:38px}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.01em;color:#fff}.brand small{font-size:11px;color:#a8b8c6}.menu{display:flex;align-items:center;gap:6px;color:#d3dde5;font-size:14px}.menu>a{padding:8px 12px;border-radius:5px}.menu>a:hover{background:rgba(255,255,255,.1)}.menu .menu-cta{border:1px solid rgba(0,182,174,.75);color:#83f2ea;margin-left:9px}.menu-button{display:none}.hero{position:relative;isolation:isolate;min-height:680px;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,14,24,.98) 0%,rgba(2,14,24,.91) 35%,rgba(2,14,24,.44) 70%,rgba(2,14,24,.28)),url("assets/hero-workbench.png") center/cover}.hero-content{padding:130px 0 64px}.eyebrow{margin-bottom:15px;color:#78eee7;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow.dark{color:#008d89}.hero h1{max-width:800px;font-size:clamp(44px,6.2vw,76px);line-height:1.03;letter-spacing:-.055em;margin-bottom:24px}.hero h1 em{font-style:normal;color:#6eeae4}.hero-copy{max-width:650px;color:#d7e2e9;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{min-height:50px;display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:12px 18px;border-radius:5px;font-weight:750;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--teal);color:#06212a}.button-primary:hover{background:#43d8d0}.button-quiet{border:1px solid rgba(255,255,255,.42);color:#fff}.metrics{max-width:720px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:64px 0 0}.metrics div{border-left:1px solid rgba(255,255,255,.35);padding-left:15px}.metrics dt{font-size:15px;font-weight:800}.metrics dd{margin:2px 0;color:#acbac5;font-size:12px}.section{padding:112px 0}.statement{background:#fff}.statement-grid{display:grid;grid-template-columns:.42fr 1fr;gap:34px}.statement-grid p:last-child{max-width:680px;color:var(--muted);font-size:18px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:295px;margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{min-height:222px;padding:25px;border:1px solid var(--line);background:#fff;transition:transform .2s,box-shadow .2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(11,23,36,.1)}.feature-grid span{font-size:12px;color:#008d89;font-weight:800}.feature-grid h3{margin:30px 0 9px;font-size:20px}.feature-grid p{color:var(--muted);font-size:14px}.workflow{background:var(--dark);color:#fff}.inverted h2{color:#fff}.inverted>p{color:#adbdc9}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid #294050}.steps li{padding:25px 22px 0 0;margin-right:22px;border-right:1px solid #294050}.steps li:last-child{border:0}.steps b{color:#65e7e1;font-size:12px}.steps h3{margin:32px 0 8px;font-size:19px}.steps p{color:#adbdc9;font-size:14px}.comparison{background:#fff}.comparison-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.comparison-grid>div>p:not(.eyebrow){color:var(--muted);font-size:17px}.comparison ul{padding:0;list-style:none;color:#344656}.comparison li{margin:10px 0;padding-left:23px;position:relative}.comparison li:before{content:"";position:absolute;left:0;top:.65em;width:11px;height:6px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}.console{overflow:hidden;margin:0;background:#091521;color:#dce7ee;box-shadow:0 20px 46px rgba(8,24,39,.24);border:1px solid #263d4e}.console figcaption{padding:14px 17px;font-size:12px;color:#a5b5c3;border-bottom:1px solid #263d4e}.console figcaption span{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:#4fe1a5}.console-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #263d4e}.console-tabs b{padding:11px;text-align:center;font-size:12px;border-right:1px solid #263d4e}.console table{width:100%;border-collapse:collapse;font-size:13px}.console th,.console td{text-align:left;padding:15px;border-bottom:1px solid #1d3445}.console th{font-size:10px;color:#83a4bc;letter-spacing:.08em;text-transform:uppercase}.console tr:last-child td{border:0}.console mark{border-radius:10px;padding:3px 8px;background:transparent;font-size:11px;font-weight:700}.same{color:#6cf0b0;background:rgba(42,190,119,.14)!important}.diff{color:#ffcf70;background:rgba(240,169,54,.14)!important}.review{color:#92c9ff;background:rgba(76,144,227,.14)!important}.security{background:linear-gradient(120deg,#0b2635,#09202c);color:#fff}.security h2{max-width:650px}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.security-grid article{padding:23px;border:1px solid rgba(181,220,227,.21);background:rgba(255,255,255,.045)}.security-grid h3{font-size:18px}.security-grid p{color:#c1d0d8;font-size:14px}.cta{padding:108px 0;background:#dff4f1 url("data:image/svg+xml,%3Csvg width='400' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 200 Q100 100 200 200 T400 200' fill='none' stroke='%2300b6ae' stroke-opacity='.13' stroke-width='2'/%3E%3C/svg%3E") center/cover}.cta-content{max-width:900px}.cta h2{margin-bottom:20px}.cta p:not(.eyebrow){max-width:620px;color:#48606d;font-size:17px}.cta .button{margin-top:16px}footer{padding:26px 0;background:#07131f}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-content p{margin:0;color:#8ba0ae;font-size:12px}@media(max-width:800px){.container{width:min(100% - 30px,var(--max))}.nav{height:64px}.menu-button{display:flex;flex-direction:column;gap:4px;border:1px solid #486071;background:transparent;padding:10px}.menu-button i{width:18px;height:1px;background:#fff}.menu{position:fixed;display:none;top:64px;left:15px;right:15px;padding:10px;background:#102131;border:1px solid #385263;box-shadow:0 14px 28px rgba(0,0,0,.3)}.menu.open{display:grid}.menu>a{padding:11px}.menu .menu-cta{margin:4px 0 0;text-align:center}.hero{min-height:590px}.hero-image{background-position:66% center}.hero-content{padding:80px 0 40px}.hero-copy{font-size:16px}.metrics{margin-top:42px}.section{padding:76px 0}.statement-grid,.comparison-grid{grid-template-columns:1fr;gap:16px}.section-heading{display:block}.section-heading>p{margin-top:16px}.feature-grid,.security-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.steps li:nth-child(2){border:0}.steps li{margin:0;padding:22px 14px 22px 0}.comparison-grid{gap:34px}.console{overflow:auto}.console table{min-width:560px}.footer-content{display:block}.footer-content p{margin-top:15px}}@media(max-width:430px){.hero h1{font-size:42px}.metrics{gap:6px}.metrics div{padding-left:8px}.metrics dt{font-size:12px}.metrics dd{font-size:10px}.steps{grid-template-columns:1fr}.steps li,.steps li:nth-child(2){border-right:0;border-bottom:1px solid #294050}.steps li:last-child{border:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}