:root{--ink:#14233f;--muted:#69768a;--line:#e3e9f1;--blue:#335cff;--blue-dark:#203eaf;--cyan:#10b8bd;--soft:#f4f7fb;--navy:#102442;--orange:#f29a4a;--shadow:0 20px 60px rgba(26,55,104,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans SC","DM Sans",sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(227,233,241,.65);background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transition:box-shadow .25s,background .25s}.site-header.is-scrolled{background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(31,55,91,.08)}.nav-wrap{height:76px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(140deg,#335cff,#15bcc0);box-shadow:0 7px 18px rgba(51,92,255,.28)}.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto;color:#65728a;font-size:14px}.nav-links a,.footer-links a{transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--blue)}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #dce4f0;border-radius:9px;background:#fff;font-size:13px;font-weight:700;box-shadow:0 5px 15px rgba(45,71,117,.06)}.nav-cta svg,.button svg,.text-link svg,.version-links svg{width:16px;height:16px}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);padding:8px}
.hero{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:58px;align-items:center;padding-top:72px;padding-bottom:84px}.kicker,.eyebrow{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.kicker-dot{width:7px;height:7px;border-radius:99px;background:var(--cyan);box-shadow:0 0 0 5px rgba(16,184,189,.12)}h1{margin:15px 0 20px;font-size:clamp(42px,5vw,65px);line-height:1.1;letter-spacing:-.055em;font-weight:800}h1 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:550px;margin:0;color:var(--muted);font-size:17px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:13px 18px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--blue);box-shadow:0 12px 24px rgba(51,92,255,.24)}.button-primary:hover{background:var(--blue-dark)}.button-ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.hero-meta{display:flex;flex-wrap:wrap;gap:17px;margin-top:33px;color:#8190a6;font-size:12px}.hero-meta span{display:inline-flex;align-items:center;gap:6px}.hero-meta svg{width:14px;height:14px;color:#18a8af}
.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.art-glow{position:absolute;width:430px;height:310px;background:radial-gradient(circle,rgba(73,111,255,.18),rgba(73,111,255,0) 68%);filter:blur(4px)}.art-grid{position:absolute;inset:20px 8px;background-image:linear-gradient(rgba(91,121,177,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,121,177,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.browser-card{position:relative;width:min(100%,570px);border:1px solid rgba(206,218,235,.9);border-radius:15px;background:#fff;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.browser-top{height:39px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #eaf0f6;color:#8693a5;font-size:10px}.browser-top>svg{margin-left:auto;width:15px}.traffic{display:flex;gap:5px}.traffic b{width:7px;height:7px;border-radius:50%;background:#dbe4ef}.browser-content{display:grid;grid-template-columns:132px 1fr;min-height:344px}.mini-sidebar{position:relative;padding:19px 13px;color:#9faec7;background:#102442}.mini-logo{display:flex;align-items:center;gap:6px;color:#fff;font-size:10px;font-weight:800;margin-bottom:25px}.mini-logo span{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:linear-gradient(140deg,#3c67ff,#18babd);font-size:11px}.mini-nav{display:flex;align-items:center;gap:8px;padding:9px 9px;border-radius:7px;font-size:10px;margin-bottom:5px}.mini-nav svg{width:13px;height:13px}.mini-nav.active{color:#fff;background:rgba(78,131,255,.35)}.mini-side-foot{position:absolute;bottom:18px;display:flex;align-items:center;gap:6px;font-size:9px}.mini-side-foot span{width:6px;height:6px;background:#3bd0af;border-radius:50%}.mini-main{padding:23px 22px;background:#fbfcfe}.mini-heading{display:flex;justify-content:space-between;align-items:center}.mini-heading small{display:block;color:#97a4b6;font-size:9px}.mini-heading strong{display:block;font-size:14px;margin-top:5px}.mini-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#335cff;background:#e8eeff;font-size:10px;font-weight:800}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.stat-box{padding:12px 10px;background:#fff;border:1px solid #e7edf5;border-radius:7px}.stat-box small{display:block;color:#99a4b5;font-size:8px}.stat-box strong{display:block;margin:6px 0;font-size:15px;letter-spacing:-.02em}.stat-box .up{color:#19aa8b;font-size:8px}.chart-panel{margin-top:12px;padding:14px;border:1px solid #e7edf5;border-radius:7px;background:#fff}.panel-head{display:flex;justify-content:space-between;font-size:10px;font-weight:700}.panel-head small{display:inline-flex;align-items:center;gap:4px;color:#9aa7b9;font-size:8px;font-weight:500}.panel-head svg{width:11px;height:11px}.chart{display:flex;height:128px;margin-top:13px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#aab5c3;font-size:7px;padding-bottom:2px}.chart-lines{position:relative;flex:1;margin-left:10px}.chart-lines i{position:absolute;left:0;right:0;height:1px;background:#edf1f6}.chart-lines i:nth-child(1){top:0}.chart-lines i:nth-child(2){top:25%}.chart-lines i:nth-child(3){top:50%}.chart-lines i:nth-child(4){top:75%}.chart-lines svg{position:absolute;inset:0;width:100%;height:100%}.mini-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.bottom-card{height:62px;padding:13px;border:1px solid #e7edf5;border-radius:7px;background:#fff}.bottom-card span{font-size:9px;font-weight:700}.bottom-card b{display:block;width:85%;height:5px;border-radius:3px;background:#edf1f6;margin-top:7px}.bottom-card b:nth-child(3){width:65%}.bottom-card b:nth-child(4){width:74%}.bottom-card.accent{position:relative;background:#eff4ff;border-color:#dae4ff}.bottom-card.accent strong{display:block;margin-top:9px;font-size:16px;color:#335cff}.bottom-card.accent svg{position:absolute;right:11px;bottom:13px;width:19px;height:19px;color:#335cff}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(222,230,242,.92);border-radius:10px;background:rgba(255,255,255,.91);box-shadow:0 12px 26px rgba(32,61,113,.12);color:#5c6c82;font-size:11px}.float-chip svg{width:16px;height:16px;color:#335cff}.float-chip b{color:#16a789;font-size:14px;margin-left:4px}.chip-one{left:-12px;bottom:51px}.chip-two{right:-10px;top:64px}.chip-two svg{color:#12a8a9}
.trust-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcfe}.trust-inner{display:flex;align-items:center;gap:38px;min-height:77px;color:#9aa7b8;font-size:12px}.trust-tags{display:flex;flex-wrap:wrap;gap:10px}.trust-tags b{padding:7px 11px;border:1px solid #e5ebf2;border-radius:99px;background:#fff;color:#596980;font-size:11px;font-weight:600}
.section{padding-top:108px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.section-heading h2,.updates-head h2{margin:9px 0 0;font-size:clamp(29px,3.4vw,42px);line-height:1.2;letter-spacing:-.04em}.section-heading>p{max-width:370px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:274px;padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{transform:translateY(-4px);border-color:#cdd8ff;box-shadow:0 15px 34px rgba(42,73,134,.09)}.feature-card h3{margin:18px 0 10px;font-size:18px}.feature-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px}.feature-icon svg{width:21px;height:21px}.feature-icon.blue{color:#335cff;background:#eaf0ff}.feature-icon.mint{color:#0a9b91;background:#e4faf6}.feature-icon.orange{color:#dd7b1e;background:#fff1e2}.feature-icon.purple{color:#7d59dc;background:#f0eaff}.feature-icon.teal{color:#1588a7;background:#e3f6fb}.feature-icon.rose{color:#df648b;background:#ffedf4}.feature-large{grid-column:span 2;display:grid;grid-template-columns:43px 1fr;gap:18px;min-height:274px;background:linear-gradient(135deg,#f8faff,#fff)}.feature-list{display:flex;gap:16px;flex-wrap:wrap;margin-top:19px}.feature-list span{display:inline-flex;align-items:center;gap:5px;color:#5f6e83;font-size:11px}.feature-list svg{width:13px;height:13px;color:#24a987}.text-link{display:inline-flex;align-items:center;gap:5px;margin-top:18px;color:var(--blue);font-size:12px;font-weight:700}.feature-wide{grid-column:span 2;min-height:180px;display:grid;grid-template-columns:43px 1fr auto;gap:18px;align-items:start;background:#fbfcff}.feature-wide h3{margin-top:5px}.setting-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:180px}.setting-pills span{padding:7px 9px;border:1px solid #dce5ff;border-radius:7px;color:#5570c9;background:#f3f6ff;font-size:10px;font-weight:700}
.workflow-section{margin-top:108px;padding-top:72px;padding-bottom:80px;background:#f6f8fc}.workflow-section .section-heading{margin-bottom:45px}.workflow{display:flex;align-items:center;justify-content:space-between}.workflow-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:130px}.workflow-step>span{position:absolute;top:-10px;right:5px;color:#a5b1c3;font-size:10px;font-weight:700}.workflow-step>svg{width:28px;height:28px;margin-bottom:14px;color:var(--blue)}.workflow-step strong{font-size:16px}.workflow-step small{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.7}.flow-line{height:1px;flex:1;max-width:115px;background:#ccd6e6}
.showcase-section{display:grid;grid-template-columns:.83fr 1.17fr;gap:72px;align-items:center}.showcase-copy h2{margin:10px 0 18px;font-size:clamp(30px,3.5vw,44px);line-height:1.25;letter-spacing:-.05em}.showcase-copy>p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:14px;line-height:1.9}.showcase-points{display:flex;flex-direction:column;gap:17px;margin-top:27px}.showcase-points>div{display:flex;align-items:flex-start;gap:12px}.showcase-points>div>svg{width:18px;height:18px;margin-top:2px;color:var(--blue)}.showcase-points strong,.showcase-points small{display:block}.showcase-points strong{font-size:13px}.showcase-points small{margin-top:4px;color:#8693a7;font-size:11px}.screenshot-frame{padding:14px 14px 12px;border:1px solid var(--line);border-radius:14px;background:#f5f7fb;box-shadow:var(--shadow);transform:rotate(-1.5deg)}.screenshot-label{display:flex;justify-content:space-between;padding:2px 5px 12px;color:#8592a5;font:600 10px "DM Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase}.screenshot-frame img{display:block;width:100%;border-radius:9px}.screenshot-caption{padding:11px 5px 0;color:#7f8da2;font-size:11px}
.updates-section{margin-top:108px;padding-top:74px;padding-bottom:94px;background:#fbfcfe;border-top:1px solid var(--line)}.updates-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.updates-head>div>p{color:var(--muted);font-size:13px}.updates-head .text-link{margin:0}.section-intro{margin:11px 0 0}.updates-layout{display:grid;grid-template-columns:270px 1fr;gap:45px}.version-card{padding:25px;border-radius:12px;background:var(--navy);color:#fff;box-shadow:0 15px 35px rgba(16,36,66,.18)}.version-label{display:block;color:#8fa5c5;font:700 10px "DM Sans",sans-serif;letter-spacing:.12em}.version-card>strong{display:block;margin:12px 0 8px;font:800 43px "DM Sans",sans-serif;letter-spacing:-.06em}.version-card>p{margin:0;color:#9fb1cb;font-size:11px;line-height:1.7}.version-links{display:flex;flex-direction:column;gap:11px;margin-top:29px;padding-top:19px;border-top:1px solid rgba(178,198,228,.18)}.version-links a{display:inline-flex;align-items:center;gap:8px;color:#dbe8ff;font-size:12px;font-weight:600}.version-links a:hover{color:#68dbe0}.release-list{padding:6px 0}.release-item{display:grid;grid-template-columns:15px 1fr;gap:15px;padding:0 0 25px;position:relative}.release-item:not(:last-child):after{content:"";position:absolute;left:6px;top:14px;bottom:0;width:1px;background:#d8e1ee}.release-dot{position:relative;z-index:1;display:block;width:13px;height:13px;border:3px solid #dce5ff;border-radius:50%;background:var(--blue)}.release-item:not(:first-child) .release-dot{background:#fff;border:2px solid #b8c8e2}.release-meta{display:flex;align-items:center;gap:10px}.release-meta strong{font:700 15px "DM Sans",sans-serif}.release-meta time{padding:3px 7px;border-radius:4px;color:#2e59d5;background:#e8eeff;font-size:10px}.release-item:nth-child(n+2) .release-meta time{color:#7d8ba1;background:#eef2f6}.release-item p{max-width:630px;margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.license-section{padding-bottom:108px}.license-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;padding:54px 60px;border-radius:16px;background:linear-gradient(125deg,#17345e,#102442);color:#fff;overflow:hidden;position:relative}.license-panel:after{content:"";position:absolute;width:360px;height:360px;right:-110px;top:-130px;border:1px solid rgba(125,183,255,.18);border-radius:50%;box-shadow:0 0 0 26px rgba(125,183,255,.04),0 0 0 53px rgba(125,183,255,.035)}.eyebrow.light{color:#75d8da}.license-copy h2{margin:10px 0 17px;font-size:clamp(28px,3.2vw,40px);line-height:1.28;letter-spacing:-.04em}.license-copy>p:not(.eyebrow){max-width:500px;color:#a9bdd9;font-size:13px;line-height:1.9}.button-white{margin-top:18px;color:#14233f;background:#fff}.license-details{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:18px}.license-details>div{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(173,198,232,.2)}.license-details span{color:#a9bdd9;font-size:12px}.license-details strong{font-size:14px}.license-details small{color:#8fa6c4;font-size:11px;line-height:1.7}
.site-footer{padding:36px 0;border-top:1px solid var(--line);background:#fff}.footer-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px}.site-footer p{margin:9px 0 0;color:#94a0b2;font-size:11px}.footer-links{display:flex;gap:22px;color:#738097;font-size:12px}.footer-note{color:#a4afbf;font:11px "DM Sans",sans-serif}
@media(max-width:900px){.nav-links{gap:16px}.hero{gap:30px}.browser-content{grid-template-columns:110px 1fr}.mini-sidebar{padding-left:9px;padding-right:9px}.mini-main{padding:18px 14px}.showcase-section{gap:35px}.license-panel{padding:42px 38px;gap:30px}}
@media(max-width:720px){.container{width:min(100% - 36px,560px)}.nav-wrap{height:68px}.nav-links,.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.nav-wrap .menu-toggle svg{width:21px}.nav-links.open{position:absolute;display:flex;flex-direction:column;align-items:flex-start;top:67px;left:0;right:0;padding:18px calc((100% - min(100% - 36px,560px))/2);gap:15px;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);box-shadow:0 15px 25px rgba(27,56,103,.08)}.hero{display:block;padding-top:49px;padding-bottom:60px}.hero-art{width:100%;min-height:310px;min-width:0;margin-top:42px;overflow:hidden;border-radius:15px}.browser-card{width:100%!important;max-width:100%;min-width:0;transform:none}.browser-content{width:100%;grid-template-columns:95px minmax(0,1fr);min-height:285px;min-width:0}.mini-sidebar{padding:14px 8px}.mini-logo{font-size:8px;margin-bottom:17px}.mini-logo span{width:18px;height:18px}.mini-nav{padding:7px 6px;font-size:9px}.mini-main{width:calc(100% - 95px);min-width:0;overflow:hidden;padding:14px 11px}.stats-row{min-width:0}.stat-box{min-width:0;padding:9px 7px}.stat-box strong{font-size:12px;white-space:nowrap}.chart-panel{min-width:0;padding:10px}.chart,.chart-lines,.mini-bottom{min-width:0}.chart{height:95px}.mini-bottom{gap:7px}.bottom-card{min-width:0;height:50px;padding:9px;overflow:hidden}.bottom-card.accent strong{font-size:13px}.chip-one{left:-8px;bottom:18px}.chip-two{right:-6px;top:18px}.float-chip{padding:8px 10px;font-size:9px}.hero-meta{gap:10px;margin-top:24px}.trust-inner{display:block;padding:20px 0}.trust-tags{margin-top:14px}.section{padding-top:72px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:14px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-large,.feature-wide{grid-column:auto}.feature-card,.feature-large{min-height:0}.feature-wide{display:block}.feature-wide .feature-icon{margin-bottom:17px}.setting-pills{justify-content:flex-start;max-width:none;margin-top:18px}.workflow-section{margin-top:72px;padding-top:55px;padding-bottom:55px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:32px 12px}.flow-line{display:none}.workflow-step{min-width:0}.workflow-step>span{right:12px}.showcase-section{display:flex;flex-direction:column;align-items:stretch;gap:35px}.screenshot-frame{transform:none}.updates-section{margin-top:72px;padding-top:55px;padding-bottom:72px}.updates-head{display:block}.updates-head .text-link{margin-top:18px}.updates-layout{display:block}.version-card{margin-bottom:30px}.license-section{padding-bottom:72px}.license-panel{display:block;padding:35px 26px}.license-details{margin-top:35px}.footer-inner{display:block}.footer-links{flex-wrap:wrap;margin-top:24px;gap:14px 20px}.footer-note{margin-top:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.users-section{padding-top:94px}.users-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.users-grid article{display:flex;flex-direction:column;align-items:flex-start;min-height:166px;padding:20px 16px;border:1px solid var(--line);border-radius:11px;background:#fff}.users-grid i{display:grid;place-items:center;width:35px;height:35px;margin-bottom:19px;border-radius:9px;color:#335cff;background:#edf2ff;font-size:16px}.users-grid article:nth-child(2) i{color:#d8811d;background:#fff1df}.users-grid article:nth-child(3) i{color:#14968c;background:#e5faf6}.users-grid article:nth-child(4) i{color:#d45d83;background:#ffedf3}.users-grid article:nth-child(5) i{color:#7655cf;background:#f0ebff}.users-grid article:nth-child(6) i{color:#1586a6;background:#e4f7fb}.users-grid strong{font-size:14px}.users-grid span{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.55}.testimonials-section{padding-top:103px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-grid article{padding:25px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.stars{color:#f3a138;font-size:13px;letter-spacing:2px}.testimonial-grid p{min-height:77px;margin:17px 0 20px;color:#4f5f76;font-size:13px;line-height:1.85}.person{display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid #e8edf4}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:12px;font-weight:800}.avatar.blue{color:#335cff;background:#e9efff}.avatar.mint{color:#0b958f;background:#e1faf5}.avatar.orange{color:#cf741d;background:#fff0df}.person strong,.person small{display:block}.person strong{font-size:12px}.person small{margin-top:3px;color:#96a2b4;font-size:10px}.tutorial-section{padding-top:105px;padding-bottom:110px}.tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tutorial-grid article{position:relative;padding:24px 21px;border:1px solid var(--line);border-radius:11px;background:#fff}.tutorial-grid article>span{position:absolute;top:19px;right:20px;color:#b7c1cf;font:700 11px "DM Sans",sans-serif}.tutorial-grid article>svg{width:23px;height:23px;color:var(--blue);margin-bottom:23px}.tutorial-grid h3{margin:0 0 9px;font-size:15px}.tutorial-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.page-hero{padding:78px 0 75px;background:linear-gradient(135deg,#f6f9ff,#fff)}.page-hero h1{max-width:730px;margin:14px 0 17px;font-size:clamp(39px,5vw,60px)}.page-hero p{max-width:620px;margin:0;color:var(--muted);font-size:16px;line-height:1.9}.page-hero .hero-actions{margin-top:26px}.subnav{display:flex;gap:9px;align-items:center;margin-top:30px;color:#8794a7;font-size:12px}.subnav a{color:var(--blue)}.subnav i{width:13px;height:13px}.updates-page-main,.license-page-main{padding-bottom:108px}.updates-page-grid{display:grid;grid-template-columns:270px 1fr;gap:52px;padding-top:70px}.updates-page-grid .version-card{height:max-content;position:sticky;top:105px}.updates-page-grid .release-item p{font-size:14px}.release-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.release-filter button{border:1px solid var(--line);border-radius:7px;padding:8px 13px;color:#68768d;background:#fff;font:600 11px inherit;cursor:pointer}.release-filter button.active,.release-filter button:hover{border-color:#cbd7ff;color:var(--blue);background:#eef2ff}.update-footer-note{margin-top:35px;padding:16px 18px;border-radius:8px;color:#66758b;background:#f5f8fc;font-size:12px;line-height:1.7}.license-page-main .license-panel{margin-top:65px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px}.pricing-card{position:relative;padding:27px;border:1px solid var(--line);border-radius:12px;background:#fff}.pricing-card.popular{border:2px solid var(--blue);box-shadow:0 14px 35px rgba(51,92,255,.12)}.popular-label{position:absolute;top:-12px;left:21px;padding:5px 9px;border-radius:5px;color:#fff;background:var(--blue);font-size:10px;font-weight:700}.pricing-card h3{margin:0;font-size:18px}.pricing-card .price{margin:17px 0 5px;color:var(--blue);font:800 32px "DM Sans",sans-serif;letter-spacing:-.04em}.pricing-card .price small{color:#8c99aa;font:500 12px inherit}.pricing-card>p{margin:0;color:var(--muted);font-size:12px}.pricing-card ul{display:flex;flex-direction:column;gap:11px;margin:23px 0;padding:21px 0 0;border-top:1px solid var(--line);list-style:none}.pricing-card li{display:flex;gap:7px;color:#596982;font-size:12px}.pricing-card li i{width:14px;color:#19a78d}.pricing-card .button{width:100%;margin-top:2px}.license-steps{padding-top:95px}.license-steps h2,.license-faq h2{margin:0 0 28px;font-size:29px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step-card{padding:22px 19px;border:1px solid var(--line);border-radius:11px}.step-card>span{display:block;margin-bottom:17px;color:#b0bdcd;font:700 23px "DM Sans",sans-serif}.step-card i{color:var(--blue);font-size:20px}.step-card strong{display:block;margin-top:14px;font-size:14px}.step-card p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.license-faq{padding-top:95px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 36px}.faq-item{padding:17px 0;border-bottom:1px solid var(--line)}.faq-item strong{display:flex;align-items:center;justify-content:space-between;font-size:13px}.faq-item strong i{width:15px;color:#8e9caf}.faq-item p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.75}
@media(max-width:900px){.users-grid{grid-template-columns:repeat(3,1fr)}.tutorial-grid{grid-template-columns:repeat(2,1fr)}.updates-page-grid{gap:28px}.pricing-grid{gap:10px}.step-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.standout-grid{grid-template-columns:repeat(2,1fr)}.standout-card.standout-main{grid-column:span 2}}
@media(max-width:720px){.users-section,.testimonials-section,.tutorial-section{padding-top:72px}.users-grid{grid-template-columns:repeat(2,1fr)}.users-grid article{min-height:145px}.testimonial-grid{grid-template-columns:1fr;gap:12px}.testimonial-grid p{min-height:0}.tutorial-section{padding-bottom:72px}.tutorial-grid{grid-template-columns:1fr;gap:10px}.page-hero{padding:54px 0 55px}.page-hero p{font-size:14px}.updates-page-main,.license-page-main{padding-bottom:72px}.updates-page-grid{display:block;padding-top:48px}.updates-page-grid .version-card{position:static;margin-bottom:35px}.pricing-grid{grid-template-columns:1fr;margin-top:45px}.license-page-main .license-panel{margin-top:48px}.license-steps,.license-faq{padding-top:70px}.step-grid,.faq-grid{grid-template-columns:1fr}.faq-grid{gap:0}.subnav{margin-top:22px}}
@media(max-width:720px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1px}.metrics-grid>div{justify-content:flex-start;padding:0 17px}.metrics-grid strong{font-size:19px}.metrics-grid span{font-size:10px}}
@media(max-width:720px){.standout-section{padding-top:72px;padding-bottom:72px}.standout-grid{grid-template-columns:1fr;gap:10px}.standout-card.standout-main{grid-column:auto}.standout-card{min-height:0}}

/* Use one page canvas color across all content bands; cards provide the contrast. */
:root{--page-bg:#f5f7fb}
body,.page-shell{background:var(--page-bg)}
.hero,.trust-band,.section,.workflow-section,.showcase-section,.users-section,.testimonials-section,.tutorial-section,.standout-section,.operations-section,.home-metrics,.updates-section,.site-footer{background-color:var(--page-bg)}
.hero-art,.feature-card,.standout-card,.operations-grid article,.testimonial-grid article,.tutorial-grid article,.screenshot-frame{background-color:transparent}
.browser-card,.feature-card,.standout-card,.operations-grid article,.testimonial-grid article,.tutorial-grid article{background:#fff}
.feature-large,.feature-wide,.standout-card.standout-main{background:#fff}
.page-hero{background:var(--page-bg)}
/* Keep the mobile menu target visible even when an icon CDN is unavailable. */
.menu-toggle{width:38px;height:38px;font-size:18px}.menu-toggle .fa{display:block;font-size:18px;line-height:22px}
.menu-toggle .fa{display:none}.menu-toggle>span{display:block;font-size:20px;line-height:22px}
.home-page .updates-section{display:none}.home-metrics{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcff}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e2e9f2}.metrics-grid>div{display:flex;align-items:center;justify-content:center;gap:11px;min-height:58px;background:#fbfcff}.metrics-grid strong{color:var(--blue);font:800 23px "DM Sans",sans-serif;letter-spacing:-.04em}.metrics-grid span{color:#77869b;font-size:11px}
.standout-section{padding-top:88px;padding-bottom:88px;background:#f7f9fd}.standout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.standout-card{min-height:224px;padding:23px;border:1px solid #e1e8f1;border-radius:12px;background:#fff}.standout-card.standout-main{grid-column:span 2;background:linear-gradient(135deg,#eef3ff,#fff)}.standout-top{display:flex;align-items:center;justify-content:space-between}.standout-top i{width:23px;height:23px;color:var(--blue)}.standout-number{color:#aebbd0;font:800 11px "DM Sans",sans-serif;letter-spacing:.08em}.standout-card h3{margin:22px 0 9px;font-size:17px}.standout-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.85}.standout-tags,.standout-mini{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.standout-tags span,.standout-mini b{padding:6px 8px;border-radius:6px;color:#536fc4;background:#eaf0ff;font-size:10px;font-weight:700}.standout-mini b{color:#5f7189;background:#f1f4f8;font-weight:600}.standout-card:nth-child(2) .standout-top i{color:#13a891}.standout-card:nth-child(3) .standout-top i{color:#e18624}.standout-card:nth-child(4) .standout-top i{color:#8b61d7}.standout-card:nth-child(5) .standout-top i{color:#d45d83}.standout-card:nth-child(6) .standout-top i{color:#158ba7}
@media(max-width:720px){.nav-wrap{position:relative}.menu-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 38px;margin-left:0!important;position:absolute;right:0;top:15px;z-index:11}}
.operations-section{padding-top:88px;padding-bottom:92px;background:#fbfcff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.operations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.operations-grid article{padding:23px;border:1px solid var(--line);border-radius:12px;background:#fff}.operation-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--blue);background:#edf2ff}.operations-grid article:nth-child(2) .operation-icon{color:#15978c;background:#e4faf6}.operations-grid article:nth-child(3) .operation-icon{color:#e18a24;background:#fff1e1}.operations-grid article:nth-child(4) .operation-icon{color:#7e5bca;background:#f0ebff}.operations-grid article:nth-child(5) .operation-icon{color:#d36085;background:#ffedf3}.operations-grid article:nth-child(6) .operation-icon{color:#1686a4;background:#e4f7fb}.operation-icon svg{width:20px;height:20px}.operations-grid h3{margin:18px 0 9px;font-size:16px}.operations-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.operations-grid span{display:block;margin-top:15px;color:#718198;font-size:10px;font-weight:700}
@media(max-width:900px){.operations-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.operations-section{padding-top:72px;padding-bottom:72px}.operations-grid{grid-template-columns:1fr;gap:10px}}