@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0d1b2d;--muted:#64748b;--line:#e5ebef;--canvas:#f7f9fc;--white:#fff;--night:#0a1625;--night2:#0e2334;--aqua:#65f3c4;--teal:#00b98f;--blue:#647cef;--radius:20px;--shadow:0 20px 70px rgba(17,37,55,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);font:18px/1.65 'DM Sans',system-ui,-apple-system,sans-serif;background:var(--canvas);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#008d72}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}::selection{background:#9af7d9;color:#062135}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip{position:absolute;top:-80px;left:16px;z-index:200;background:#fff;padding:9px 14px}.skip:focus{top:14px}.site-header{height:78px;position:sticky;top:0;background:#071521f7;z-index:100;border-bottom:1px solid #fff1;backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#fff!important}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#57edba;box-shadow:0 0 30px #50eab84a;color:#0c2a2a}.brand-icon svg{width:23px;height:23px}.brand-type{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.9px;font-weight:800;line-height:1}.brand-type small{font:600 10px/1 'DM Sans';text-transform:uppercase;letter-spacing:2.5px;color:#8aafbd;display:block;margin-top:7px}.nav-menu{display:flex;align-items:center;gap:24px}.nav-link{font-size:15px;font-weight:700;color:#aebdcd;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:'';display:block;height:2px;background:var(--aqua);width:100%;margin-top:4px}.header-actions{display:flex;align-items:center;gap:12px}.mini-label{font-size:13px;letter-spacing:.6px;color:#92adc0}.lang-toggle{border:1px solid #304150;color:#d8e5ee;background:transparent;border-radius:10px;padding:8px 9px;font-weight:800;font-size:14px;line-height:1}.lang-toggle:hover{border-color:#80f2d1;color:#fff}.hamburger{display:none;border:1px solid #344655;background:none;color:white;border-radius:10px;width:42px;height:42px;font-size:23px}.btn{min-height:46px;padding:11px 20px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s;color:var(--ink);border:1px solid transparent;letter-spacing:-.1px}.btn:hover{transform:translateY(-2px);color:inherit}.btn:focus-visible,.nav-link:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #75f1c6;outline-offset:3px}.btn-primary{background:var(--aqua);box-shadow:0 10px 34px rgba(48,236,171,.15);color:#092d2c}.btn-primary:hover{background:#90ffd5;box-shadow:0 12px 40px #66ecc043}.btn-ghost{border-color:#ffffff3a;color:#fff;background:#ffffff09}.btn-ghost:hover{border-color:#fff7;color:#fff}.btn-white{background:#fff;color:var(--ink)}.btn-outline{border-color:#d3dde6;color:#24344a;background:#fff}.btn-sm{min-height:39px;padding:9px 15px;font-size:14px}.btn-chevron:after{content:'↗';font-size:18px;font-weight:400}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 680px 450px at 76% 43%,#123b51 0%,transparent 75%),linear-gradient(142deg,#091624 30%,#0a2330 100%);color:#fff}.hero:before{content:'';position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:linear-gradient(#ffffff13 1px,transparent 1px),linear-gradient(90deg,#ffffff13 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(90deg,transparent,#000)}.hero:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #74dfbf14;border-radius:50%;right:-200px;top:-330px;pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:46px;min-height:685px;padding-top:62px;padding-bottom:92px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#2a9980;font-size:13px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.eyebrow.light{color:#9cf7d4}.eyebrow .dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#65efbd;box-shadow:0 0 0 5px #66eabb23}.hero h1,.page-hero h1{font-family:Manrope,sans-serif;line-height:1.12;font-weight:800;letter-spacing:-3.2px;margin:20px 0}.hero h1{font-size:clamp(44px,4.7vw,67px);max-width:610px}.gradient-text{background:linear-gradient(90deg,#d2fff1 0%,#6bf4c5 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:18px;color:#aebed0;max-width:495px;line-height:1.95}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-foot{display:flex;gap:16px 25px;flex-wrap:wrap;margin-top:35px}.hero-foot span{display:flex;align-items:center;gap:7px;color:#bdd0db;font-size:14px}.hero-foot svg{width:15px;color:var(--aqua)}.mock-wrap{perspective:1400px;padding:12px 0 0}.dashboard{position:relative;border:1px solid #5977885c;background:#d6dce6;border-radius:14px;overflow:hidden;box-shadow:0 38px 100px #0008,0 0 0 8px #7197a310;transform:rotateY(-4deg) rotateX(2deg);transform-origin:left center;color:#243448}.browser-top{height:40px;background:#f2f5fa;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid #dce5ea}.browser-top i{background:#ffa4a2;width:8px;height:8px;border-radius:50%}.browser-top i:nth-child(2){background:#ffd88a}.browser-top i:nth-child(3){background:#91ddb2}.address{margin:auto;padding:2px 60px;background:#e3eaf1;border-radius:5px;font-size:12px;color:#84909e}.demo-hint{font-size:11px;position:absolute;top:49px;right:10px;border-radius:100px;background:#0d263bf5;color:#a7f2d8;padding:6px 10px;z-index:2;font-weight:800;letter-spacing:.4px}.dash-body{min-height:380px;display:grid;grid-template-columns:135px 1fr}.dash-side{background:#0e263a;padding:19px 11px;color:#7893a6}.dash-logo{display:flex;align-items:center;gap:7px;color:#eaf6fa;font-size:14px;font-weight:800;margin:2px 8px 22px}.dash-logo em{font-style:normal;color:#50e9b5;font-size:19px}.dash-item{border-radius:7px;padding:8px 9px;font-size:12px;margin-top:5px;display:flex;gap:9px;align-items:center}.dash-item b{font-weight:700}.dash-item.on{background:#234756;color:#d4fcef}.dash-main{padding:21px 23px;background:#f6f8fb}.dash-welcome{display:flex;align-items:center;justify-content:space-between;gap:8px}.dash-welcome h4{font-size:17px;letter-spacing:-.5px;margin:0}.dash-welcome p{margin:3px 0 0;font-size:11px;color:#8593a2}.dash-badge{font-size:10px;padding:5px 8px;border-radius:6px;background:#e4f9ed;color:#18895a;font-weight:800}.dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0}.dash-stat{background:#fff;border:1px solid #edf0f5;padding:12px;border-radius:9px}.dash-stat span{font-size:11px;color:#8391a4}.dash-stat b{display:block;font:800 19px/1.6 Manrope,sans-serif}.dash-stat small{font-size:10px;color:#04a576}.dash-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.dash-box{background:#fff;border:1px solid #edf1f4;border-radius:9px;padding:12px}.dash-box h5{margin:0 0 11px;font-size:12px}.dash-chart{height:120px;display:flex;align-items:end;gap:9px;padding:8px 4px 15px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#e8eff5 30px);border-radius:7px}.dash-chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#6ceec3,#d5fbe9);min-width:7px;display:block}.dash-task{font-size:11px;display:flex;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid #edf2f6}.dash-task:last-child{border:0}.status-dot{width:6px;height:6px;border-radius:50%;background:#33b98c;flex-shrink:0}.status-dot.yellow{background:#f6be63}.floating-pill{position:absolute;bottom:10px;right:-11px;display:flex;align-items:center;gap:9px;background:#fff;color:#16283d;box-shadow:0 20px 48px #0004;border-radius:11px;padding:10px 14px;font-size:13px;font-weight:800;transform:rotateY(4deg)}.floating-pill .spark{background:#d7fff0;width:27px;height:27px;display:grid;place-items:center;border-radius:7px;color:#07966e}.microstrip{background:#fff;border-bottom:1px solid #e6edf1}.micro-inner{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-block:24px}.micro-inner p{color:#728397;font-size:13px;letter-spacing:1.5px;font-weight:800;text-transform:uppercase;margin:0}.micro-tags{display:flex;gap:12px 27px;flex-wrap:wrap;color:#52667a;font-weight:800;font-size:14px}.micro-tags span{display:flex;gap:8px;align-items:center}.micro-tags svg{width:17px;color:#1fa581}.section{padding:106px 0}.section-sm{padding:76px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2,.section-title{font:800 clamp(31px,3.4vw,46px)/1.17 Manrope,sans-serif;letter-spacing:-2px;margin:12px 0 14px;color:#10233a}.section-heading p{max-width:440px;color:#6b7a8d;margin:0;font-size:16px}.center-title{text-align:center;margin-bottom:42px}.center-title p{max-width:580px;margin:0 auto;color:#728298}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{background:white;border-radius:17px;padding:28px 24px;border:1px solid #e8edf1;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card.feature-large{grid-column:span 2;background:linear-gradient(115deg,#e8f9f3,#eff8fd)}.feature-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#e1f9ef;color:#00a577;margin-bottom:22px}.feature-icon svg{width:24px;height:24px}.feature-card:nth-child(3n) .feature-icon{background:#e8edff;color:#617be7}.feature-card h3{font:800 20px/1.3 Manrope,sans-serif;margin:0 0 10px;letter-spacing:-.6px}.feature-card p{margin:0;color:#6e7f92;font-size:15px;line-height:1.85}.feature-tag{position:absolute;right:20px;top:20px;font-size:11px;letter-spacing:1px;font-weight:800;color:#56947b;text-transform:uppercase}.workspace-preview{background:#fff;border:1px solid #e4edf2;border-radius:24px;padding:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.workspace-content{padding:30px 15px 30px 30px}.workspace-content h3{font:800 31px/1.3 Manrope,sans-serif;letter-spacing:-1px;margin:14px 0}.workspace-content p{color:#6b7d91;font-size:16px}.tab-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tab-button{padding:10px 15px;border:1px solid #dfe7ed;border-radius:10px;background:#fff;color:#65768c;font-size:14px;font-weight:800}.tab-button[aria-selected=true]{background:#112f3c;color:#fff;border-color:#112f3c}.workspace-ui{background:#0b1c2a;min-height:290px;border-radius:16px;padding:22px;color:#e6f7f3;position:relative;overflow:hidden}.workspace-ui:after{content:'';width:220px;height:220px;background:#1bd8a525;position:absolute;border-radius:50%;right:-130px;bottom:-140px;filter:blur(30px)}.ui-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fff2;padding-bottom:13px;gap:12px}.ui-mark{font-size:13px;font-weight:800;color:#83f2c9}.ui-dot{font-size:12px;color:#93aeb7}.ui-label{margin:19px 0 10px;color:#8199a9;font-size:12px;text-transform:uppercase;letter-spacing:1px}.ui-editor{background:#152c3c;border:1px solid #36505e;border-radius:9px;padding:13px;font-size:14px}.ui-editor .fake-line{display:block;height:7px;background:#45616d;border-radius:6px;margin:9px 0}.ui-editor .fake-line.highlight{background:#40d7a9;width:63%}.ui-editor .fake-line.short{width:42%}.ui-footer{display:flex;gap:8px;margin-top:17px}.ui-chip{border-radius:7px;background:#224237;border:1px solid #356a5a;color:#89e2ba;padding:7px 9px;font-size:12px}.ui-chip.blue{background:#273456;border-color:#3c527f;color:#9bb6f2}.section-dark{background:#0c1a29;color:#fff;position:relative;overflow:hidden}.section-dark h2{color:#fff}.section-dark .section-heading p{color:#9eb0c3}.section-dark:before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid #fff1;top:-170px;right:-130px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}.step{border:1px solid #30465a;background:#10253a;border-radius:16px;padding:25px 22px;position:relative}.step .number{display:inline-block;color:#6beabe;font:800 29px/1 Manrope,sans-serif;margin-bottom:40px}.step h3{margin:0 0 11px;font:800 18px/1.4 Manrope,sans-serif}.step p{color:#9aafbf;font-size:14px;line-height:1.85;margin:0}.split-card{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.dark-benefits{margin:25px 0 0;padding:0;list-style:none;display:grid;gap:13px}.dark-benefits li{display:flex;gap:11px;color:#bdd1dd;font-size:16px}.dark-benefits li:before{content:'✓';display:grid;place-items:center;border-radius:50%;flex:0 0 22px;height:22px;background:#8cf6d322;color:#84f7d3;font-weight:900}.architecture{padding:18px;border:1px solid #456275;border-radius:17px;background:linear-gradient(140deg,#163044,#0e2030);box-shadow:0 25px 75px #0003}.arch-top{text-align:center;background:#203e4c;border:1px solid #466a76;border-radius:10px;padding:15px;color:#ebfff4;font-weight:800;font-size:15px}.arch-mid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;position:relative}.arch-mid:before{content:'';position:absolute;top:-26px;left:50%;height:26px;border-left:2px dashed #3bc39b}.arch-item{text-align:center;border:1px solid #3d5b67;border-radius:10px;padding:18px 10px;background:#112f3e;font-size:15px;font-weight:800}.arch-item small{display:block;color:#96b1bd;font-weight:500;margin-top:5px;font-size:13px}.arch-bottom{text-align:center;color:#79edd0;font-size:14px;border:1px dashed #386c67;border-radius:10px;padding:13px;margin-top:22px}.usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.usecase{border:1px solid #e6edf1;background:#fff;padding:25px;border-radius:16px}.usecase .case-num{font-size:13px;font-weight:800;color:#33a888}.usecase h3{font:800 20px/1.4 Manrope,sans-serif;margin:17px 0 8px}.usecase p{margin:0;color:#748499;font-size:15px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{border:1px solid #e5edf2;border-radius:18px;padding:28px;background:#fff;position:relative;display:flex;flex-direction:column}.price-card.featured{border:2px solid #1ec39b;box-shadow:0 22px 70px #009e7a12}.best-label{position:absolute;top:-14px;right:24px;background:#163a39;color:#adffe0;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:800;letter-spacing:.4px}.price-type{font-weight:800;font-size:16px}.price-desc{color:#72859b;font-size:14px;min-height:44px;margin:9px 0 19px}.amount{font:800 clamp(30px,2.8vw,41px)/1 Manrope,sans-serif;letter-spacing:-1.8px}.amount small{font-size:15px;color:#8697a8;font-weight:600;letter-spacing:0}.price-small{color:#8191a2;font-size:14px;margin:13px 0 21px}.price-list{list-style:none;padding:22px 0 0;margin:25px 0 28px;border-top:1px solid #edf1f3;display:grid;gap:13px}.price-list li{font-size:14px;color:#5e7286;padding-left:23px;position:relative}.price-list li:before{content:'✓';position:absolute;left:0;color:#12a67f;font-weight:900}.price-card .btn{width:100%;margin-top:auto}.pricing-note{text-align:center;color:#8190a3;font-size:14px;margin-top:21px}.section-faq{background:#eef3f6}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}.faq-list{display:grid;gap:9px}.faq-item{border:1px solid #e0e9ee;background:#fff;border-radius:13px;overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:20px 23px;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';font:400 24px/1 Manrope,sans-serif;color:#32a88a}.faq-item[open] summary:after{content:'−'}.faq-item p{font-size:15px;color:#657a8d;line-height:1.95;margin:0;padding:0 23px 22px}.cta-section{padding:95px 0;background:#f7f9fc}.contact-layout{border-radius:26px;background:radial-gradient(circle at 20% 90%,#174e53 0,transparent 47%),linear-gradient(135deg,#0b1b2c,#102d39);padding:55px;display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;color:#fff;overflow:hidden;position:relative}.contact-copy h2{font:800 clamp(31px,3.2vw,45px)/1.2 Manrope,sans-serif;letter-spacing:-1.6px;margin:17px 0}.contact-copy p{color:#aec5d2;font-size:16px}.contact-highlights{list-style:none;padding:0;display:grid;gap:13px;margin:35px 0 0}.contact-highlights li{display:flex;gap:11px;color:#d4e8eb;font-size:15px}.contact-highlights li:before{content:'↗';color:#81f1c3}.contact-form{background:#fff;color:#182d3e;border-radius:15px;padding:27px;box-shadow:0 25px 60px #0003}.contact-form h3{font:800 21px Manrope,sans-serif;margin:0 0 17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px;margin-bottom:13px}.field label{font-weight:800;font-size:13px;color:#4d6376}.field input,.field textarea,.field select{border:1px solid #dae4eb;border-radius:9px;width:100%;padding:12px 13px;background:#fff;color:#183043;outline:none;font-size:15px}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#16b98b;box-shadow:0 0 0 3px #17c79b22}.contact-form .btn{width:100%}.form-help{font-size:13px;color:#748598;line-height:1.6;margin:12px 0 0}.form-state{margin-top:12px;display:none;background:#e8f9f0;color:#176948;border-radius:9px;padding:12px;font-size:14px}.form-state.show{display:block}.footer{background:#081724;color:#cad9e0;padding:64px 0 28px}.footer-top{display:grid;grid-template-columns:1.3fr repeat(3,.65fr);gap:35px;margin-bottom:55px}.footer-brand p{color:#93acbc;font-size:14px;max-width:285px;margin-top:19px}.footer-col h4{color:#f1f7f8;margin:3px 0 18px;font:800 14px Manrope,sans-serif}.footer-col a{color:#93a9ba;display:block;font-size:14px;margin:0 0 11px}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:22px;border-top:1px solid #294052;color:#7993a6;font-size:13px;display:flex;justify-content:space-between;gap:20px}.page-hero{background:radial-gradient(ellipse 500px 350px at 88% 40%,#17494f 0%,transparent 77%),linear-gradient(140deg,#0b1a2a,#0f2735);color:#fff;padding:83px 0 93px;overflow:hidden}.page-hero .container{position:relative}.page-hero h1{font-size:clamp(41px,4.2vw,60px);max-width:790px}.page-hero h1 em{color:#8bffcd;font-style:normal}.page-hero p{color:#b1c8d2;max-width:690px;font-size:17px;line-height:1.9}.page-hero .hero-foot{margin-top:25px}.subnav{display:flex;gap:8px;margin:26px 0 0;flex-wrap:wrap}.subnav a{font-size:13px;border:1px solid #ffffff39;color:#deeff1;padding:9px 14px;border-radius:22px}.subnav a:hover{background:#fff2}.doc-grid{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}.doc-sidebar{position:sticky;top:103px;background:#fff;border:1px solid #e5ecf1;border-radius:14px;padding:22px}.doc-sidebar h4{font:800 14px Manrope,sans-serif;margin:0 0 17px;text-transform:uppercase;letter-spacing:1px;color:#718294}.doc-sidebar a{display:block;padding:10px 12px;margin:4px 0;border-radius:8px;font-size:14px;font-weight:700;color:#667c8e}.doc-sidebar a:hover,.doc-sidebar a.active{background:#e9f8f1;color:#008663}.doc-content{display:grid;gap:22px}.doc-panel{background:#fff;border:1px solid #e7edf1;border-radius:16px;padding:33px;scroll-margin-top:102px}.doc-panel h2{font:800 28px/1.35 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 14px}.doc-panel h3{font:800 18px/1.5 Manrope,sans-serif;margin:23px 0 10px}.doc-panel p,.doc-panel li{font-size:15px;color:#64788a;line-height:1.95}.doc-panel ul{padding-left:20px}.doc-callout{background:#e7f9f0;border-left:3px solid #16bd8b;padding:14px 17px;color:#286753;border-radius:0 9px 9px 0;font-size:14px;margin:18px 0}.doc-warning{background:#fff7e5;border-left-color:#eeb14d;color:#7d6233}.doc-steps{display:grid;gap:15px;margin-top:21px}.doc-step{display:flex;align-items:flex-start;gap:16px}.doc-step-num{background:#0e2935;color:#88f3cf;font-size:15px;font-weight:900;display:grid;place-items:center;border-radius:9px;flex:0 0 34px;height:34px}.doc-step h3{margin:0 0 5px;font-size:16px}.doc-step p{margin:0}.codebox{background:#0f2031;border:1px solid #304354;color:#cde6ef;position:relative;border-radius:11px;padding:20px 19px;margin-top:15px;overflow:auto}.codebox pre{margin:0;font-size:14px;line-height:1.9;font-family:ui-monospace,Monaco,Consolas,monospace;white-space:pre-wrap}.codebox .code-comment{color:#69c8a6}.code-copy{position:absolute;top:9px;right:10px;color:#b6d2dd;border:1px solid #456174;background:#243a4c;border-radius:6px;font-size:12px;font-weight:800;padding:5px 9px}.checklist{display:grid;gap:11px;margin-top:23px}.checkrow{display:flex;align-items:start;gap:11px;background:#f5f9fa;border-radius:9px;padding:13px 14px;font-size:15px;color:#435d70}.checkrow input{accent-color:#00b68a;margin-top:4px;flex-shrink:0}.progress-track{height:9px;border-radius:10px;background:#e8eef0;overflow:hidden;margin-top:20px}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#35cba0,#67ecc9);transition:width .2s}.doc-cta{background:#0e2939;border-radius:15px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff}.doc-cta h3{font:800 22px Manrope,sans-serif;margin:0 0 6px}.doc-cta p{color:#a9bec8;font-size:14px;margin:0}.fees-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.fee-panel{background:#fff;padding:28px;border:1px solid #e5ebf0;border-radius:17px}.fee-panel h3{font:800 21px Manrope,sans-serif;margin:0 0 6px}.fee-panel p{color:#7b8a99;font-size:14px;margin:0 0 23px}.fee-row{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #edf1f3;color:#54687c;font-size:15px}.fee-row b{white-space:nowrap;color:#142b40;font-size:16px}.fee-row small{display:block;font-size:13px;color:#91a0aa;max-width:280px}.estimator{background:#0d2334;color:#f6ffff;border-radius:22px;padding:38px;display:grid;grid-template-columns:1fr .86fr;gap:42px}.estimator h3{font:800 29px Manrope,sans-serif;margin:0 0 10px}.estimator p{color:#93adbc;font-size:15px;margin:0 0 22px}.estimator .field label{color:#adbfcd}.estimator select{background:#143145;border-color:#3b5869;color:#e7f5f8}.estimator-results{border:1px solid #355367;border-radius:16px;padding:27px;background:#143143}.estimator-row{display:flex;justify-content:space-between;gap:15px;color:#a9c2cf;font-size:15px;margin-bottom:17px}.estimator-row b{color:#fff}.estimator-highlight{border-top:1px solid #365366;margin-top:24px;padding-top:22px}.estimator-highlight span{display:block;color:#9db6c4;font-size:14px}.estimator-highlight strong{font:800 36px/1.7 Manrope,sans-serif;color:#8bf9cf}.estimator-results .small-note{font-size:12px;margin:12px 0 0;line-height:1.7}.compare-wrap{overflow-x:auto;border:1px solid #e3ebef;border-radius:15px;background:#fff}.compare-table{border-collapse:collapse;width:100%;min-width:650px}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid #ebf0f3;padding:15px 21px;font-size:14px}.compare-table th{font:800 15px Manrope,sans-serif;background:#edf5f4}.compare-table td:not(:first-child){text-align:center}.compare-table tr:last-child td{border-bottom:0}.compare-table td:first-child{font-weight:700;color:#536d7e}.muted{color:#8192a5}.reveal{opacity:0;transform:translateY(15px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:translateY(0)}.spacer-tight{margin-top:24px}.notice-inline{font-size:14px;color:#637c8d;background:#eaf6f4;border:1px solid #d2ede6;border-radius:9px;padding:13px 17px}
@media(max-width:1100px){.nav-menu{gap:13px}.nav-link{font-size:14px}.hero-inner{gap:21px}.dashboard{transform:none}.dash-side{display:none}.dash-body{grid-template-columns:1fr}.micro-inner{align-items:start;gap:22px}.mock-wrap{width:100%}}@media(max-width:900px){.hamburger{display:block}.nav-menu{display:none;position:absolute;top:77px;left:0;right:0;background:#0b1e2d;box-shadow:0 19px 40px #0004;padding:18px 24px 25px;flex-direction:column;align-items:stretch;gap:5px}.nav-menu.open{display:flex}.nav-link{padding:10px 0;font-size:16px}.nav-link.active:after{width:25px}.hero-inner{grid-template-columns:1fr;min-height:unset;gap:48px;padding-top:76px}.hero h1{max-width:730px}.mock-wrap{max-width:680px;margin:auto}.micro-inner{display:block}.micro-tags{margin-top:13px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.workspace-preview{grid-template-columns:1fr}.workspace-content{padding:23px}.split-card,.contact-layout{grid-template-columns:1fr}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.doc-grid{grid-template-columns:1fr}.doc-sidebar{position:static;display:flex;flex-wrap:wrap;gap:5px}.doc-sidebar h4{width:100%}.doc-sidebar a{display:inline-flex}.estimator{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.container{width:min(calc(100% - 34px),var(--max))}.site-header{height:68px}.nav-menu{top:67px}.brand-type{font-size:19px}.header-actions>.btn{display:none}.hero-inner{padding:61px 0 77px;gap:44px}.hero h1{letter-spacing:-2px}.hero-sub{font-size:16px}.hero-foot{gap:11px 18px;margin-top:25px}.hero-ctas .btn{flex:1;min-width:155px}.dashboard{border-radius:9px}.browser-top{height:29px}.address{padding:1px 13px;font-size:10px}.dash-main{padding:14px}.dash-welcome h4{font-size:14px}.dash-stats{gap:5px}.dash-stat{padding:8px}.dash-stat b{font-size:15px}.dash-grid{grid-template-columns:1fr}.dash-chart{height:90px}.dash-box:last-child{display:none}.demo-hint{top:36px;font-size:10px}.floating-pill{font-size:11px;right:-3px;bottom:-10px}.section{padding:69px 0}.section-sm{padding:57px 0}.section-heading{display:block;margin-bottom:24px}.section-heading h2,.section-title{letter-spacing:-1.3px}.section-heading p{font-size:15px}.features-grid,.usecases,.pricing-grid,.fees-grid,.steps{grid-template-columns:1fr}.feature-card.feature-large{grid-column:auto}.feature-card{padding:25px}.workspace-ui{min-height:260px}.faq-layout{grid-template-columns:1fr;gap:23px}.contact-layout{padding:26px 19px;border-radius:17px;gap:19px}.contact-form{padding:20px 16px}.form-row{grid-template-columns:1fr;gap:0}.footer{padding-top:48px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.page-hero{padding:63px 0 69px}.page-hero h1{letter-spacing:-2px}.doc-panel{padding:23px 18px}.doc-cta{display:block}.doc-cta .btn{margin-top:18px}.fee-panel{padding:24px 19px}.estimator{padding:23px 18px;border-radius:15px}.estimator-results{padding:20px 15px}.price-card{padding:26px 24px}.mock-wrap{padding-right:5px}.micro-tags{gap:10px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* Keep SVG icons from inheriting the browser's 300x150 default size in buttons */
.btn svg{width:17px;height:17px;flex:0 0 17px}
.hero-foot svg,.micro-tags svg{height:17px;flex:0 0 17px}


/* 2026-10 revision: independent PublisherOS brand, larger readable copy */
body{font-size:21px;line-height:1.65}
.brand-type{font-size:25px;letter-spacing:-1px}.brand-type small{font-size:11px;letter-spacing:1.8px}
.site-header{height:88px}.nav-menu{gap:17px}.nav-link{font-size:18px}
.btn{font-size:18px;min-height:50px;padding:13px 19px}.btn-sm{font-size:17px;min-height:43px}
.eyebrow{font-size:16px;letter-spacing:1.25px}
.hero h1{font-size:clamp(48px,4.75vw,71px);line-height:1.11;max-width:740px}
.hero-sub{font-size:21px;line-height:1.75;max-width:630px}
.hero-foot span{font-size:17px;line-height:1.4}.hero-inner{grid-template-columns:1.03fr .97fr;min-height:730px;gap:35px}
.hero-demo-link{display:inline-block;margin-top:17px;color:#bafbe2;font-weight:700;font-size:18px;text-decoration:underline;text-underline-offset:4px}
.micro-inner p{font-size:16px}.micro-tags{font-size:17px}
.section-heading h2,.section-title{font-size:clamp(36px,3.65vw,51px)}
.section-heading p{font-size:20px;line-height:1.7}
.feature-card h3,.usecase h3{font-size:24px;line-height:1.35}
.feature-card p,.usecase p,.workspace-content p{font-size:19px;line-height:1.72}
.feature-tag,.usecase .case-num{font-size:15px}.tab-button{font-size:17px}
.step h3{font-size:22px}.step p{font-size:18px;line-height:1.75}
.dark-benefits li{font-size:19px}.arch-top,.arch-item{font-size:18px}.arch-item small,.arch-bottom{font-size:16px}
.price-type,.price-card h3{font-size:20px}.price-desc,.price-small,.price-list li,.pricing-note{font-size:18px;line-height:1.7}.price-list{gap:12px}
.faq-item summary{font-size:20px}.faq-item p{font-size:19px;line-height:1.8}
.contact-copy p{font-size:20px}.contact-highlights li{font-size:19px}
.field label{font-size:17px}.field input,.field textarea,.field select{font-size:19px}.form-help{font-size:16px}.form-state{font-size:18px}
.footer-brand p,.footer-col a{font-size:18px}.footer-bottom{font-size:16px}
.page-hero h1{font-size:clamp(46px,4.5vw,64px)}.page-hero p{font-size:21px;line-height:1.75}
.subnav a,.doc-sidebar a{font-size:17px}.doc-panel p,.doc-panel li{font-size:19px;line-height:1.75}
.doc-step h3{font-size:20px}.doc-callout,.checkrow{font-size:18px}.doc-cta p{font-size:18px}.codebox pre{font-size:16px}
.fee-panel p{font-size:18px}.fee-row{font-size:19px}.fee-row b{font-size:20px}.fee-row small{font-size:16px}
.estimator p,.estimator-row{font-size:19px}.estimator-highlight span,.estimator-results .small-note{font-size:17px}
.compare-table th,.compare-table td,.notice-inline{font-size:18px}
/* Reasons to buy section */
.reasons-section{background:linear-gradient(180deg,#f4f9fc,#eef8f4 100%)}
.reasons-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:40px}
.reasons-intro .section-title{margin-bottom:0;max-width:850px}
.reasons-intro>p{font-size:21px;line-height:1.75;color:#596f80;margin:0 0 8px}
.accent-ink{color:#0c9072}.eyebrow-mark{font-size:22px}
.reasons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.reason-card{min-height:280px;position:relative;border:1px solid #dfebe9;border-radius:20px;padding:29px 27px;background:#fff;box-shadow:0 12px 36px #13433b09}
.reason-card h3{font:800 25px/1.25 Manrope,sans-serif;letter-spacing:-.7px;margin:12px 0 10px}
.reason-card p{font-size:19px;line-height:1.74;color:#627487;margin:0}
.reason-index{display:flex;align-items:center;justify-content:space-between;color:#139c77;font:800 19px/1 Manrope,sans-serif}
.reason-index span{font:800 14px/1.4 'DM Sans',sans-serif;letter-spacing:1.25px;color:#738c91}
.reason-icon{width:58px;height:58px;background:#def7ec;color:#0e9675;border-radius:15px;display:grid;place-items:center;font:700 31px/1 Manrope,sans-serif;margin-top:27px}
.reason-featured{grid-column:span 2;grid-row:span 2;background:linear-gradient(137deg,#0a2032,#0b3d43);color:#fff;padding:34px 38px;display:flex;flex-direction:column}
.reason-featured .reason-index,.reason-featured .reason-index span{color:#8ff4d1}
.reason-featured h3{font-size:31px;margin-top:auto;max-width:610px;color:#fff}
.reason-featured p{font-size:20px;color:#c1d9d7;max-width:590px}
.performance-visual{flex:1;display:flex;gap:32px;align-items:center;justify-content:center;min-height:235px}
.performance-orb{height:200px;width:200px;border:8px solid #63e8b2;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #265b52,0 0 0 14px #60edbb10,0 0 70px #52e9b733}
.performance-orb>span{font:800 72px/1 Manrope,sans-serif;color:#fff;letter-spacing:-4px}.performance-orb .plus{font-size:40px;vertical-align:top;color:#74f4c5}.performance-orb small{font-size:17px;color:#a7edcb;margin-top:11px}
.perf-lines{display:grid;gap:14px;font-size:18px;color:#c0dcd5;max-width:220px}.perf-bar{height:10px;background:#3a5860;border-radius:20px;overflow:hidden}.perf-bar i{display:block;width:96%;height:100%;background:linear-gradient(90deg,#2fbf98,#87ffd0);border-radius:20px}
.proof-note{font-size:16px;color:#70828c;line-height:1.6;margin:20px 0 0}
.demo-link-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:29px!important;padding-bottom:7px!important}
.demo-link-bar h3{font:800 24px/1.35 Manrope,sans-serif;letter-spacing:-.6px;margin:7px 0}.demo-link-bar p{font-size:18px;line-height:1.5;margin:0;color:#6c7c8b}
/* Monetization education, not income guarantee */
.monetization{background:#0b1e2b;color:#fff}
.monetization-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
.monet-head h2{font:800 clamp(38px,3.7vw,53px)/1.15 Manrope,sans-serif;letter-spacing:-2px;margin:18px 0}
.monet-head h2 span{color:#71eabd}.monet-head p{font-size:21px;line-height:1.7;color:#b6cad7;max-width:690px}
.monet-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.monet-path{display:grid;gap:11px}.monet-step{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:5px 16px;padding:22px;background:#143447;border:1px solid #ffffff19;border-radius:16px}
.monet-step>span{grid-row:span 2;color:#6be4bb;font:800 27px/1 Manrope,sans-serif}.monet-step strong{font-size:21px;line-height:1.25}.monet-step small{font-size:17px;color:#b1c7d0;line-height:1.5}
.monet-disclaimer{font-size:16px;color:#93aab6;line-height:1.6;margin:28px 0 0}
/* Nontechnical deployment path */
.onboarding-callout{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:17px 23px;border-radius:14px;background:#c6fff012;margin-top:30px;border:1px solid #61e3ba55}
.onboarding-callout strong{font-size:20px;color:#a5ffda;max-width:270px}.onboarding-callout span{font-size:17px;color:#e5f1ed;flex:1;min-width:220px}.onboarding-callout a{color:#b0ffe3;text-decoration:underline;font-weight:700;font-size:17px}
.novice-steps{margin-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.novice-steps>div{border:1px solid #dceae6;padding:16px;border-radius:12px;background:#eff8f5;display:grid;gap:7px}
.novice-steps b{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#d5f4e8;color:#087b5e}
.novice-steps strong{font-size:18px}.novice-steps span{font-size:16px;line-height:1.5;color:#5b727d}
@media(max-width:1180px){.nav-menu{gap:12px}.nav-link{font-size:16px}.brand-type{font-size:22px}}
@media(max-width:1000px){.hero-inner{grid-template-columns:1fr;gap:45px}.hero h1{max-width:780px}.nav-menu{gap:9px}.nav-link{font-size:15px}.reasons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reason-featured{grid-row:auto}.reason-featured .performance-visual{min-height:180px}.reason-featured{min-height:450px}.monetization-wrap{grid-template-columns:1fr}.reasons-intro{grid-template-columns:1fr;gap:15px}.novice-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-header{height:78px}.nav-menu{top:77px}.nav-link{font-size:19px}.brand-type{font-size:24px}.hero-inner{padding-top:62px}.section-heading p{max-width:670px}}
@media(max-width:640px){body{font-size:19px}.brand-type{font-size:22px}.brand-type small{font-size:10px}.site-header{height:70px}.nav-menu{top:69px}.hero h1{font-size:clamp(41px,9.5vw,56px);letter-spacing:-2px}.hero-sub{font-size:20px;line-height:1.65}.hero-foot span{font-size:17px}.hero-demo-link{font-size:17px}.section-heading h2,.section-title{font-size:clamp(32px,8.2vw,42px)}.section-heading p{font-size:19px}.reasons-grid{grid-template-columns:1fr}.reason-featured{grid-column:auto;min-height:540px;padding:25px}.performance-visual{flex-direction:column;gap:22px;padding:23px 0}.performance-orb{width:180px;height:180px}.perf-lines{width:100%;text-align:center}.reason-card{min-height:0;padding:25px}.reason-card h3{font-size:23px}.reason-card p{font-size:18px}.reason-featured h3{font-size:27px}.reason-featured p{font-size:19px}.reasons-intro>p{font-size:19px}.monet-head h2{font-size:38px}.monet-head p{font-size:19px}.monet-step{padding:18px}.monet-step strong{font-size:20px}.monet-step small{font-size:16px}.monet-actions .btn{width:100%}.demo-link-bar{flex-direction:column;align-items:stretch}.proof-note,.monet-disclaimer{font-size:15px}.onboarding-callout{display:block}.onboarding-callout strong{display:block;margin-bottom:8px}.onboarding-callout a{display:block;margin-top:8px}.novice-steps{grid-template-columns:1fr}.page-hero h1{font-size:clamp(37px,8.6vw,50px)}.page-hero p{font-size:20px}.fee-row{flex-wrap:wrap;gap:6px}.fee-row b{margin-left:auto}.footer-top{grid-template-columns:1fr 1fr}.footer-col a{font-size:17px}.footer-brand p{font-size:18px}.compare-table th,.compare-table td{font-size:16px}}

/* Prevent long technical content from expanding the installation layout on mobile */
.doc-grid{min-width:0}
.doc-content,.doc-sidebar,.doc-panel,.doc-cta{min-width:0;max-width:100%}
.doc-panel,.doc-cta{overflow-wrap:anywhere}
@media(max-width:900px){.doc-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.doc-panel pre,.doc-panel code{overflow-wrap:anywhere;word-break:break-word}}

/* October 2026: value proposition, verified desktop demo metrics, comparisons */
.benefit-ribbon{background:#fff;border-bottom:1px solid #e6eff0;padding:27px 0 34px}
.benefit-ribbon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.benefit-ribbon article{min-width:0;border:1px solid #e3edec;border-radius:17px;padding:22px 19px;background:linear-gradient(140deg,#fff,#f6fbf9)}
.benefit-ribbon h2{font:800 19px/1.35 'Manrope',sans-serif;letter-spacing:-.3px;margin:12px 0 7px}
.benefit-ribbon p{font-size:17px;line-height:1.65;color:#5d7082;margin:0}
.ribbon-icon{display:inline-grid;place-items:center;font:800 14px/1 'Manrope',sans-serif;color:#078564;background:#def8ec;border-radius:9px;width:35px;height:35px}
.performance-orb>span{letter-spacing:-3px}.performance-orb small{font-size:16px;line-height:1.25;text-align:center;max-width:160px}
.perf-proof-link,.inline-bright{color:#90ffd4!important;text-decoration:underline;text-underline-offset:4px;font-weight:800;font-size:17px}
.perf-lines{max-width:265px}.perf-lines span{line-height:1.5}
.proof-section{background:#fff;scroll-margin-top:88px}
.proof-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}
.proof-heading>div{max-width:850px}
.proof-heading h2{margin:12px 0 17px}
.proof-heading p{font-size:20px;line-height:1.75;color:#5b6e7e;margin:0;max-width:800px}
.proof-heading p a{font-weight:800;color:#0c946f;text-decoration:underline;text-underline-offset:3px}
.proof-heading>.btn{white-space:nowrap;flex-shrink:0}
.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}
.score-card{display:flex;align-items:center;flex-direction:column;text-align:center;padding:24px 12px 22px;background:#f5fcf8;border:1px solid #d8f0e6;border-radius:18px}
.score-card span{display:grid;place-items:center;width:100px;height:100px;border:7px solid #06bd65;background:#e4fbec;border-radius:100%;font:800 44px/1 'Manrope',sans-serif;color:#008c4b;letter-spacing:-2px;margin-bottom:15px}
.score-card strong{font:800 19px/1.3 'Manrope',sans-serif;color:#103b2d}
.score-card small{font-size:16px;color:#607f72;margin-top:5px}
.proof-content{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:23px}
.metric-box{padding:31px 27px;border-radius:20px;background:#0e2b38;color:#fff}
.metric-box h3{font:800 25px/1.3 'Manrope',sans-serif;letter-spacing:-.6px;margin:0 0 23px}
.metric-list{display:grid;gap:0}
.metric-list div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-top:1px solid #ffffff23}
.metric-list span{font-size:18px;color:#c1d6dc;line-height:1.4}
.metric-list strong{font:800 27px/1.15 'Manrope',sans-serif;color:#6af0b6;white-space:nowrap}
.metrics-bottom{font-size:17px;line-height:1.7;color:#c4dcd7;padding-top:20px;border-top:1px solid #ffffff23}
.proof-screenshot{margin:0;background:#eef3f5;padding:12px;border:1px solid #dfebed;border-radius:20px;overflow:hidden;box-shadow:0 14px 48px #122d4312}
.proof-screenshot a{display:block;max-height:590px;overflow:hidden;border-radius:13px;background:#fff}
.proof-screenshot img{display:block;width:100%;height:auto}
.proof-screenshot figcaption{font-size:16px;line-height:1.55;color:#607485;padding:12px 6px 3px}
.proof-disclaimer{margin:22px 0 0;font-size:16px;line-height:1.7;color:#687d8c}
.comparison-section{background:#f3f8fa;scroll-margin-top:88px}
.comparison-section .center-title{max-width:900px;margin-left:auto;margin-right:auto}
.comparison-section .center-title p{font-size:20px;line-height:1.7;color:#60798b;max-width:800px;margin:13px auto 0}
.comparison-scroll{overflow-x:auto;border:1px solid #e0e9eb;border-radius:19px;background:#fff;box-shadow:0 16px 48px #122f3909}
.sales-comparison{width:100%;min-width:690px;border-collapse:collapse;text-align:left}
.sales-comparison th,.sales-comparison td{padding:21px 23px;border-bottom:1px solid #eaf0f1;vertical-align:top;font-size:18px;line-height:1.55}
.sales-comparison thead th{font:800 18px/1.4 'Manrope',sans-serif;background:#0d2636;color:#fff}
.sales-comparison thead th:nth-child(2){background:#096f59;color:#f7fff9}
.sales-comparison tbody th{font-weight:800;color:#183448;width:23%}
.sales-comparison tbody td:nth-child(2){color:#0d715a;font-weight:700;background:#f4fcf8;width:39%}
.sales-comparison tbody tr:last-child>*{border-bottom:0}
.comparison-note{font-size:16px;color:#70808e;line-height:1.6;margin:19px 0 0}
@media(max-width:1050px){.benefit-ribbon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-content{grid-template-columns:1fr 1fr}.proof-heading{align-items:start}.score-card span{width:88px;height:88px;font-size:39px}.proof-heading>.btn{margin-top:12px}}
@media(max-width:900px){.proof-heading{flex-direction:column;align-items:stretch}.proof-heading>.btn{align-self:start;margin-top:0}.proof-content{grid-template-columns:1fr}.proof-screenshot a{max-height:620px}.score-grid{gap:10px}.score-card{padding:20px 7px}}
@media(max-width:640px){.benefit-ribbon-grid{grid-template-columns:1fr;gap:10px}.benefit-ribbon{padding:17px 0 24px}.benefit-ribbon article{padding:17px 19px}.benefit-ribbon h2{font-size:19px;margin:5px 0}.benefit-ribbon p{font-size:17px}.ribbon-icon{float:left;margin-right:13px;margin-bottom:20px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.score-card{padding:19px 5px}.score-card span{width:80px;height:80px;font-size:36px;border-width:6px}.score-card strong{font-size:17px}.score-card small{font-size:14px}.proof-heading h2{font-size:clamp(32px,8.2vw,42px)}.proof-heading p{font-size:18px}.proof-heading>.btn{white-space:normal}.metric-box{padding:24px 20px}.metric-box h3{font-size:22px}.metric-list span{font-size:16px}.metric-list strong{font-size:24px}.proof-screenshot{padding:8px}.proof-screenshot a{max-height:390px}.proof-screenshot figcaption{font-size:14px}.proof-disclaimer,.comparison-note{font-size:15px}.sales-comparison th,.sales-comparison td{padding:15px 18px;font-size:16px}.comparison-section .center-title p{font-size:18px}}


/* V6 · One-line desktop navigation and one-line benefit strip */
@media (min-width:1101px) {
  .header-inner{gap:17px}
  .brand{flex:0 0 auto;gap:8px;white-space:nowrap}
  .brand-icon{flex:none;width:34px;height:34px}
  .brand-type{font-size:22px;line-height:1.08;letter-spacing:-.9px}
  .brand-type small{display:block;font-size:9.5px;letter-spacing:1.1px;white-space:nowrap;line-height:1.45}
  .nav-menu{flex:1 1 auto;min-width:0;gap:clamp(5px,.65vw,11px);justify-content:space-between;white-space:nowrap}
  .nav-link{flex:0 0 auto;white-space:nowrap;font-size:clamp(14px,1.04vw,16px);line-height:1.35;padding:8px 0}
  .header-actions{flex:none}
  .header-actions>.btn{font-size:14px;padding:10px 13px;min-height:45px;white-space:nowrap;gap:5px}
  .micro-inner{display:flex;align-items:center;gap:16px;justify-content:space-between}
  .micro-inner p{flex:none;white-space:nowrap;font-size:14px;letter-spacing:.55px;line-height:1.4}
  .micro-tags{flex:0 1 auto;min-width:0;flex-wrap:nowrap;gap:clamp(7px,1vw,15px);font-size:15px;line-height:1.35;justify-content:flex-end}
  .micro-tags span{flex:none;white-space:nowrap;gap:5px}
}
/* When the full menu will not fit, switch to a single mobile-style menu instead of wrapping words. */
@media (min-width:901px) and (max-width:1100px) {
  .header-inner{gap:16px}
  .hamburger{display:block;flex:none}
  .nav-menu{display:none;position:absolute;top:87px;left:0;right:0;padding:18px 24px 25px;background:#0b1e2d;box-shadow:0 19px 40px #0004;flex-direction:column;align-items:stretch;gap:5px}
  .nav-menu.open{display:flex}
  .nav-link{white-space:nowrap;font-size:18px;padding:10px 0}
  .header-actions{flex:none}
}
@media (min-width:701px) and (max-width:1100px) {
  .micro-inner{display:block}
  .micro-inner p{white-space:nowrap;line-height:1.4}
  .micro-tags{margin-top:12px;display:flex;flex-wrap:nowrap;gap:clamp(8px,1.6vw,17px);font-size:clamp(13px,1.45vw,16px)}
  .micro-tags span{white-space:nowrap;flex:0 0 auto;gap:5px}
}
@media (max-width:700px) {
  .micro-inner p{white-space:normal}
  .micro-tags{flex-wrap:wrap}
  .micro-tags span{white-space:nowrap}
}


/* V7: readable cost comparison with user-provided example plugin prices */
.sales-comparison .plugin-cost-row td{vertical-align:top}
.sales-comparison .plugin-cost-intro{font-weight:500;margin:0 0 14px;color:#264150;font-size:.93em;line-height:1.55}
.sales-comparison .bundled-subtitle{font-size:.88em;font-weight:500;line-height:1.5;margin:12px 0 0;color:#547e73}
.plugin-price-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid #e1e9eb;border-radius:11px;overflow:hidden;background:#f9fcfd}
.plugin-price-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 11px;border-bottom:1px solid #e8eff1;font-size:16px;line-height:1.45}
.plugin-price-list li:last-child{border-bottom:0}
.plugin-price-list span{min-width:0}
.plugin-price-list strong{white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums;color:#17374b}
.sales-comparison .plugin-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:13px 11px 4px;color:#234d43;font-size:16px;font-weight:700}
.plugin-total strong{font-size:20px;color:#07866a;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:700px){.plugin-price-list li{font-size:15px;padding:8px}.sales-comparison .plugin-total{font-size:15px}.plugin-total strong{font-size:18px}}

/* V8 — contact form: direct SMTP submit, feedback and bot honeypot */
.contact-honeypot,[hidden].contact-honeypot{display:none!important;position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
#contact-submit:disabled{opacity:.72;cursor:progress;transform:none;pointer-events:none}
.form-state.form-state-success{background:#e7f8ee;color:#186545;border:1px solid #bbe9d1}
.form-state.form-state-error{background:#fff1ef;color:#973b31;border:1px solid #f4c8c1}

/* v9: explicitly keep browser-hidden honeypot hidden even with stale styles */