/* Matharmony Website Design System */
:root{
  --primary:#2563EB;--primary-mid:#0891D1;--cyan:#06B6D4;
  --navy:#0E2841;--navy-deep:#081C30;--navy-bright:#123E63;
  --ink:#0F172A;--text-2:#475569;--text-3:#64748B;--text-4:#94A3B8;
  --bg:#FFFFFF;--bg-soft:#F6F9FC;--line:#E7EDF5;
  --on-dark:#FFFFFF;--on-dark-2:#A8C0D8;
  --grad:linear-gradient(135deg,#2563EB 0%,#0891D1 70%,#06B6D4 100%);
  --grad-text:linear-gradient(100deg,#2563EB 0%,#0891D1 55%,#06B6D4 100%);
  --grad-hero:linear-gradient(145deg,#081C30 0%,#0E2841 52%,#123E63 100%);
  --shadow-sm:0 8px 28px rgba(14,40,65,.07);
  --shadow-lg:0 30px 80px rgba(4,25,48,.22);
  --radius:18px;--max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{zoom:1.1;scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.section{padding:104px 0}.section-soft{background:var(--bg-soft)}
.section-dark{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.section-dark:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(6,182,212,.14) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(120deg,#000,transparent 70%);pointer-events:none}
.section-dark>.container{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-size:13px;font-weight:650;letter-spacing:2px;margin-bottom:16px}
.eyebrow:before{content:"";width:28px;height:3px;border-radius:3px;background:var(--grad)}
.dark .eyebrow,.section-dark .eyebrow{color:#67E8F9}
h1,h2,h3,h4{line-height:1.28;letter-spacing:-.5px}
.h1{font-size:clamp(42px,4.2vw,64px);font-weight:720;letter-spacing:-2px}
.h2{font-size:clamp(30px,3vw,42px);font-weight:700;letter-spacing:-1px}
.h3{font-size:23px;font-weight:650}
.lead{font-size:17px;line-height:1.95;color:var(--text-2)}
.dark .lead,.section-dark .lead,.hero .lead,.page-hero .lead{color:var(--on-dark-2)}
.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}
.section-head>div:first-child{max-width:760px}.section-head .lead{margin-top:16px;max-width:680px}
.center{text-align:center}.center .eyebrow{justify-content:center}.center .lead{margin-left:auto;margin-right:auto}
.muted{color:var(--text-3)}.small{font-size:13px}.strong{font-weight:650;color:var(--ink)}
/* Navigation */
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,237,245,.85)}
.nav{height:76px;display:flex;align-items:center;gap:34px}.nav-logo{flex:0 0 auto}.nav-logo img{height:31px;width:auto}
.nav-links{display:flex;align-items:center;justify-content:center;gap:28px;flex:1;height:100%}
.nav-links a{height:100%;display:flex;align-items:center;font-size:14px;color:#3E5268;position:relative;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--primary)}
.nav-links a.active:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;background:var(--grad);border-radius:2px}
.nav-cta{display:flex;align-items:center;gap:14px}.nav-mail{font-size:12px;color:var(--text-3)}
.menu-btn{display:none;border:0;background:none;width:40px;height:40px;cursor:pointer}.menu-btn span{display:block;width:22px;height:2px;background:var(--navy);margin:5px auto;transition:.2s}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px rgba(37,99,235,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,235,.34)}
.btn-secondary{background:#fff;color:var(--navy);border-color:#D8E4EF}.btn-secondary:hover{border-color:#9CC4F5;color:var(--primary)}
.btn-ghost-dark{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.05)}.btn-ghost-dark:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55)}
.btn-sm{height:40px;padding:0 18px;font-size:13px}.arrow:after{content:"→";font-size:18px;line-height:1;font-weight:400}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;font-size:14px}.text-link:after{content:"→";transition:.2s}.text-link:hover:after{transform:translateX(4px)}
.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:32px}
/* Hero */
.hero{position:relative;min-height:760px;padding:158px 0 92px;background:var(--grad-hero);color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(114,180,226,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,180,226,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.hero:after{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-250px;background:radial-gradient(circle,rgba(6,182,212,.2),transparent 66%);pointer-events:none}
.hero .container{position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px}
.hero-copy .h1{margin:10px 0 24px}.hero-copy .lead{max-width:590px}.hero-kicker{font-size:14px;letter-spacing:3px;color:#8CD8EC;font-weight:600}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-tags span{font-size:12px;color:#C4D8E9;padding:5px 12px;border:1px solid rgba(168,192,216,.24);border-radius:99px;background:rgba(255,255,255,.04)}
.hero-visual{position:relative;padding:20px 0 30px}.product-shot{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-lg)}
.product-shot:before{content:"";display:block;height:30px;background:#F3F7FB;border-bottom:1px solid #E7EDF5}
.product-shot img{width:100%;height:auto}.shot-login img{aspect-ratio:1.88;object-fit:cover}
.float-card{position:absolute;background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:14px 18px;box-shadow:0 18px 44px rgba(3,23,44,.25);backdrop-filter:blur(8px)}
.float-card b{display:block;font-size:22px;line-height:1.2;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.float-card span{font-size:11px;color:var(--text-3)}
.float-a{left:-34px;bottom:0}.float-b{right:-22px;top:-4px}
.scroll-hint{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#7395AF;z-index:2}
/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}
.stat{padding:30px 34px;position:relative}.stat+.stat:before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:1px;background:var(--line)}
.stat b{display:block;font-size:38px;line-height:1.2;letter-spacing:-1px;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{display:block;margin-top:7px;font-size:13px;color:var(--text-3)}
.stats-wrap{margin-top:-52px;position:relative;z-index:5}.stats-note{font-size:12px;color:var(--text-4);margin-top:16px;line-height:1.8}
/* Strategy path */
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}.path-grid:before{content:"";position:absolute;left:12%;right:12%;top:32px;height:1px;background:linear-gradient(90deg,#B9D8FA,#8BDDE8);z-index:0}
.path-card{position:relative;z-index:1;padding:0 22px}.path-num{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#fff;border:1px solid #DCE9F5;color:var(--primary);font-size:18px;font-weight:700;box-shadow:0 8px 20px rgba(37,99,235,.09);margin-bottom:24px}
.path-card h3{font-size:21px;margin-bottom:12px}.path-card p{font-size:14px;color:var(--text-3)}
/* Product cards */
.product-system{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;overflow:hidden;transition:.25s;display:flex;flex-direction:column;min-height:480px}
.product-card:hover{transform:translateY(-6px);border-color:#B9D8F5;box-shadow:0 20px 48px rgba(20,71,120,.11)}
.product-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--grad);opacity:.85}
.product-index{font-family:Menlo,monospace;font-size:12px;color:var(--primary);letter-spacing:1px}.product-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#EBF4FF,#E8FAFC);margin:24px 0 20px;display:grid;place-items:center;color:var(--primary)}
.product-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.7}
.product-card h3{font-size:21px}.product-slogan{font-size:16px;font-weight:650;margin:9px 0 12px;color:var(--navy)}.product-card p{font-size:13.5px;color:var(--text-3);line-height:1.85}
.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 24px}.tag{font-size:11px;color:#42627F;background:#F2F7FC;border:1px solid #E6EEF6;border-radius:6px;padding:4px 8px}.product-card .text-link{margin-top:auto}
/* Feature cards */
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.2s}.feature-card:hover{border-color:#C1DDF4;box-shadow:var(--shadow-sm)}
.feature-num{font-family:Menlo,monospace;color:#86B8E8;font-size:12px}.feature-card h3{font-size:18px;margin:16px 0 10px}.feature-card p{font-size:13px;color:var(--text-3)}
.features-grid.three{grid-template-columns:repeat(3,1fr)}.features-grid.two{grid-template-columns:repeat(2,1fr)}
/* Cases */
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-card{border-radius:20px;padding:36px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}.case-card.dark-case{background:linear-gradient(145deg,#0C2945,#124A70);color:#fff;border:0}
.case-label{font-size:12px;letter-spacing:1px;color:var(--primary);font-weight:650}.dark-case .case-label{color:#67E8F9}.case-card h3{font-size:24px;margin:12px 0 16px}.case-card p{font-size:14px;color:var(--text-3)}.dark-case p{color:#B8CDDD}
.case-metrics{display:flex;gap:28px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.dark-case .case-metrics{border-color:rgba(255,255,255,.14)}
.case-metrics b{font-size:30px;line-height:1.2;display:block;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.case-metrics span{font-size:11px;color:var(--text-3)}.dark-case .case-metrics span{color:#9AB4C8}
/* CTA + Footer */
.cta{padding:80px 0;background:var(--grad-hero);color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:600px;height:600px;right:-120px;top:-300px;background:radial-gradient(circle,rgba(6,182,212,.22),transparent 65%)}.cta .container{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:34px;max-width:700px}.cta p{color:var(--on-dark-2);margin-top:12px;max-width:700px;font-size:14px}.cta .actions{margin:0;flex:0 0 auto}
.site-footer{background:#081C30;color:#fff;padding:64px 0 26px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:42px;height:42px;object-fit:contain}.footer-brand b{font-size:20px}.footer-brand span{display:block;font-size:9px;letter-spacing:1.6px;color:#7E9BB2}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:50px}.footer-desc{font-size:13px;color:#89A4B9;margin-top:20px;max-width:330px}.footer-col h4{font-size:13px;color:#D8E5EF;margin-bottom:18px}.footer-col a,.footer-col p{display:block;font-size:12px;color:#819DB3;margin:10px 0}.footer-col a:hover{color:#67E8F9}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin-top:44px;font-size:11px;color:#607F98}
/* Inner page hero */
.page-hero{padding:152px 0 88px;background:var(--grad-hero);color:#fff;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(103,232,249,.12) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(120deg,#000,transparent 70%)}.page-hero:after{content:"";position:absolute;width:700px;height:700px;right:-250px;top:-280px;background:radial-gradient(circle,rgba(37,99,235,.26),transparent 67%)}
.page-hero .container{position:relative;z-index:1}.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.page-hero .h1{font-size:clamp(38px,4vw,56px);margin:12px 0 20px}.page-hero .lead{font-size:16px}.page-hero.simple .page-hero-grid{grid-template-columns:1fr}.page-hero.simple .hero-copy{max-width:850px}.product-logo{width:238px;height:auto;margin-bottom:28px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(0,0,0,.14)}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:12px;color:#82A4BD;margin-bottom:22px}.breadcrumb a:hover{color:#fff}
/* Visual diagrams */
.diagram-card{border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.065);padding:26px;box-shadow:0 26px 60px rgba(2,18,36,.2);backdrop-filter:blur(8px)}
.node-center{width:150px;height:150px;border-radius:50%;margin:30px auto;display:grid;place-items:center;text-align:center;background:var(--grad);box-shadow:0 0 0 14px rgba(37,99,235,.12),0 0 0 28px rgba(6,182,212,.06);font-weight:650;line-height:1.5}
.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.node-item{padding:12px 6px;border:1px solid rgba(255,255,255,.16);border-radius:10px;text-align:center;color:#C2D7E8;font-size:12px;background:rgba(8,28,48,.35)}
.agent-flow{display:flex;flex-direction:column;gap:10px}.agent-row{display:flex;align-items:center;gap:14px;padding:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:12px}.agent-row b{font-size:13px}.agent-row span{font-size:11px;color:#9CB8CC;display:block}.agent-row i{font-style:normal;width:34px;height:34px;border-radius:9px;background:var(--grad);display:grid;place-items:center;font-size:12px;flex:0 0 auto}
/* Split content */
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-copy .lead{margin:18px 0 26px}.check-list{list-style:none;display:grid;gap:14px}.check-list li{position:relative;padding-left:26px;font-size:14px;color:var(--text-2)}.check-list li:before{content:"";position:absolute;left:0;top:8px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#06B6D4);box-shadow:inset 0 0 0 4px #EAF6FF}
.image-frame{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px rgba(14,40,65,.12);background:#fff}.image-frame img{width:100%}
.light-diagram{background:linear-gradient(145deg,#F0F7FF,#ECFAFC);border:1px solid #DCEBF6;border-radius:20px;padding:30px}
/* Process */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-step{padding:26px 22px;border-radius:16px;background:#fff;border:1px solid var(--line);position:relative}.process-step:not(:last-child):after{content:"→";position:absolute;right:-15px;top:42px;color:#72B4DC;z-index:2}.process-step b{display:grid;place-items:center;width:36px;height:36px;background:var(--grad);color:#fff;border-radius:10px;font-size:13px;margin-bottom:18px}.process-step h3{font-size:17px;margin-bottom:8px}.process-step p{font-size:12.5px;color:var(--text-3)}
/* Table */
.compare{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:14px}.compare th,.compare td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--line)}.compare th{background:#F0F6FC;color:var(--navy)}.compare th:last-child{color:var(--primary)}.compare tr:last-child td{border-bottom:0}.compare td:first-child{font-weight:600;width:18%}.compare td:nth-child(2){color:var(--text-3);width:36%}
/* Quote questions */
.question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.question{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;color:#27445F;font-size:14px}.question:before{content:"“";color:var(--cyan);font-size:24px;margin-right:6px;line-height:0;vertical-align:-5px}
/* Scenarios */
.scenario-group{margin-bottom:54px}.scenario-group:last-child{margin-bottom:0}.scenario-group-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.scenario-group-head span{width:34px;height:4px;background:var(--grad);border-radius:3px}.scenario-group-head h3{font-size:20px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scenario-card{border:1px solid var(--line);border-radius:18px;padding:30px;background:#fff}.scenario-card h4{font-size:22px;margin:12px 0}.scenario-card .sub{font-size:16px;color:var(--navy);font-weight:600;margin-bottom:16px}.scenario-card dl{display:grid;gap:12px}.scenario-card dt{font-size:12px;color:var(--primary);font-weight:650}.scenario-card dd{font-size:13px;color:var(--text-3)}
/* Values */
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card{padding:34px;background:#fff;border:1px solid var(--line);border-radius:18px}.value-card .en{font-size:11px;letter-spacing:2px;color:var(--primary);font-weight:650}.value-card h3{font-size:26px;margin:8px 0 14px}.value-card p{font-size:13px;color:var(--text-3)}
/* Design notes */
.design-banner{background:#F0F7FF;border:1px solid #D7E9FA;border-radius:12px;padding:14px 18px;color:#44627E;font-size:12px;margin-bottom:22px}
/* Demo modal */
body.modal-open{overflow:hidden}
.modal-mask{position:fixed;inset:0;z-index:200;background:rgba(8,28,48,.5);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.modal-mask.open{opacity:1;visibility:visible}
.modal{width:min(540px,100%);background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);padding:34px 36px 30px;position:relative;transform:translateY(16px) scale(.98);transition:transform .25s cubic-bezier(.2,.8,.3,1.1)}
.modal-mask.open .modal{transform:none}
.modal:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:20px 20px 0 0;background:var(--grad)}
.modal-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:11px;font-weight:650;letter-spacing:2px}
.modal-eyebrow:before{content:"";width:20px;height:3px;border-radius:3px;background:var(--grad)}
.modal h3{font-size:23px;font-weight:700;letter-spacing:-.5px;margin:10px 0 6px}
.modal .modal-sub{font-size:13px;color:var(--text-3);margin-bottom:24px}
.modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border:0;border-radius:10px;background:#F4F8FC;color:var(--text-3);font-size:17px;cursor:pointer;transition:.2s;line-height:1}
.modal-close:hover{background:#E8F0F8;color:var(--navy)}
.modal-field{margin-bottom:18px}
.modal-field label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:8px}
.modal-field label i{font-style:normal;color:#DC2626;margin-left:2px}
.modal-field input,.modal-field textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;background:#FBFDFF;font:inherit;font-size:14px;color:var(--ink);transition:.2s}
.modal-field input{height:46px;padding:0 14px}
.modal-field textarea{min-height:118px;padding:12px 14px;resize:vertical;line-height:1.7}
.modal-field input:focus,.modal-field textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.modal-field .hint{font-size:11px;color:var(--text-4);margin-top:6px}
.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}
.modal-actions .btn{height:46px}
@media(max-width:520px){.modal-mask{padding:16px}.modal{padding:30px 22px 22px}.modal h3{font-size:21px}.modal-actions{gap:10px}.modal-actions .btn{flex:1;height:44px}.modal-field textarea{min-height:104px}}
/* Responsive */
@media(max-width:1080px){.nav-links{gap:18px}.nav-links a{font-size:13px}.nav-mail{display:none}.hero-grid,.page-hero-grid{gap:36px}.features-grid{grid-template-columns:repeat(2,1fr)}.product-system{grid-template-columns:1fr}.product-card{min-height:0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{grid-column:1/-1}.split{gap:40px}}
@media(max-width:820px){.container{width:min(100% - 32px,var(--max))}.section{padding:72px 0}.nav{height:68px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;height:auto;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;align-items:flex-start;gap:0;box-shadow:0 18px 30px rgba(14,40,65,.08)}.nav-links.open{display:flex}.nav-links a{height:44px;width:100%}.nav-links a.active:after{display:none}.menu-btn{display:block}.nav-cta{margin-left:auto}.nav-cta .btn{display:none}.nav-logo img{height:28px}.hero,.page-hero{padding:124px 0 72px;min-height:0}.hero-grid,.page-hero-grid,.split{grid-template-columns:1fr}.hero-grid{gap:50px}.h1{letter-spacing:-1px}.hero-visual{padding:0}.float-b{right:-6px}.float-a{left:-6px}.section-head{display:block}.section-head .text-link{margin-top:18px}.path-grid{grid-template-columns:1fr;gap:34px}.path-grid:before{display:none}.path-card{padding:0}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3):before{display:none}.stat{padding:24px}.case-grid,.features-grid.three,.scenario-grid,.value-grid{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.process-step:after{display:none!important}.cta .container{display:block}.cta .actions{margin-top:26px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>.footer-col:first-child{grid-column:1/-1}.footer-bottom{display:block}.question-grid{grid-template-columns:1fr}.compare{font-size:12px}.compare th,.compare td{padding:14px 12px}}
@media(max-width:520px){.features-grid,.features-grid.two,.process{grid-template-columns:1fr}.case-metrics{gap:18px;flex-wrap:wrap}.h1{font-size:38px}.h2{font-size:29px}.actions .btn{width:100%}.float-card{display:none}.stat b{font-size:31px}.product-logo{width:180px}.footer-grid{grid-template-columns:1fr}.footer-col:last-child{grid-column:auto}.section{padding:60px 0}}

/* Respect the visitor's motion preference, including anchor scrolling. */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
}