:root{--navy:#07172a;--navy2:#0a233a;--ink:#0b1a2b;--muted:#637789;--line:#dce7ed;--light:#f3f8fa;--aqua:#59d6e7;--mint:#7de6c9;--purple:#9f98ec;--blue:#4197d8;--container:1220px;--radius:17px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;color:var(--ink);background:#fff;font:16px/1.7 'DM Sans',Arial,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body,button,input,textarea,select{font-family:'DM Sans',Arial,Arial,sans-serif}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;line-height:1.17}
h1{font-size:clamp(48px,5.1vw,78px);font-weight:800}
h2{font-size:clamp(34px,3.6vw,54px);font-weight:800}
h3{font-size:22px;font-weight:750}
p{color:#607384}
a{color:inherit;text-decoration:none}button{cursor:pointer}
.container{max-width:var(--container);padding:0 30px;margin:auto}
.dark-surface{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.dark-surface p{color:#a5b9c7}
.section{padding:108px 0}
.tinted-section{background:#f2f7fa}
.skip-link{position:absolute;top:-60px;left:12px;z-index:999;color:#000;background:#fff;padding:8px}.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}
.site-header{height:86px;background:#061527;border-bottom:1px solid #1b3449;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}
.nav-shell{display:flex;align-items:center;justify-content:space-between;height:100%;gap:36px}
.brand{font-family:Manrope,Arial,sans-serif;color:white;font-size:25px;letter-spacing:-.065em;font-weight:800;display:inline-flex;align-items:center;line-height:1}
.brand-mark{height:25px;width:4px;display:inline-block;background:linear-gradient(var(--aqua),#398fce);margin-right:12px;transform:skew(-17deg);border-radius:5px}
.brand-dot{color:var(--mint)}
.main-nav{display:flex;align-items:center;gap:31px;color:#d4e2eb;font-size:13px;font-weight:700}
.main-nav a:not(.nav-cta){transition:color .2s}.main-nav a:not(.nav-cta):hover{color:var(--aqua)}
.nav-cta{padding:13px 20px;background:#c7f5f6;color:#061828;border-radius:7px;transition:background .2s,transform .2s;white-space:nowrap}
.nav-cta:hover{background:#aaf0e9;transform:translateY(-1px)}.nav-cta span{margin-left:11px}
.nav-toggle{display:none;background:none;border:0;padding:12px;flex-direction:column;gap:5px}.nav-toggle span{width:23px;height:2px;background:#fff;border-radius:3px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;color:#246d92;margin-bottom:24px;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.eyebrow.light{color:#74d7e8}.eyebrow-line{width:27px;height:2px;background:var(--aqua)}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;font-weight:800;min-height:52px;border:1px solid transparent;border-radius:6px;padding:15px 23px;line-height:1.3;transition:transform .2s,background .2s,box-shadow .2s;text-align:left;cursor:pointer}
.btn:hover{transform:translateY(-2px)}.btn-aqua{background:#b8f3ef;color:#081b2e}.btn-aqua:hover{background:#8eece8;box-shadow:0 8px 25px #54d7df29}.btn-ghost{color:#fff;background:#1b3850;border-color:#365266}.btn-ghost:hover{background:#24475e}.btn-dark{background:#081b30;color:white}.btn-dark:hover{background:#19425c}.btn-outline{background:#fff;color:#12354b;border-color:#bccfd9}.btn-outline:hover{background:#eaf7f8;border-color:#7ccdda}
/* Main hero */
.hero{min-height:730px;isolation:isolate}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#23405820 1px,transparent 1px),linear-gradient(90deg,#23405820 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(100deg,transparent 28%,#000 100%);opacity:.45;pointer-events:none}
.hero:before{content:"";position:absolute;right:-220px;top:-360px;width:860px;height:860px;border:1px solid #294966;border-radius:50%;box-shadow:0 0 0 150px #17324b10,0 0 0 300px #17324b0a;pointer-events:none}
.hero-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,1fr);gap:50px;align-items:center;padding-top:115px;padding-bottom:132px;position:relative;z-index:1}
.hero-copy h1{margin:0 0 28px;line-height:1.075;letter-spacing:-.07em}.hero-copy h1 span{color:#d7ecf1}
.hero-copy .lead{font-size:17px;line-height:1.95;max-width:535px;margin-bottom:32px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-caption{font-size:12px;letter-spacing:.17em;color:#a1bfce;font-weight:800;margin-top:62px}.caption-slash{color:var(--aqua);margin:0 10px}.mini-diamond{display:inline-block;width:8px;height:8px;background:var(--aqua);transform:rotate(45deg);margin-right:10px}
.hero-product{position:relative;padding:44px 4px 45px 0}.orbit{position:absolute;border-radius:50%;pointer-events:none;border:1px solid #31546f}.orbit-one{width:540px;height:540px;top:-68px;right:-40px;opacity:.35}.orbit-two{width:395px;height:395px;top:-10px;right:45px;opacity:.15}
.product-window{position:relative;background:#102c46;border:1px solid #254a64;padding:17px;border-radius:18px;box-shadow:0 32px 80px #01091690,0 0 70px #41bac814;transform:perspective(1000px) rotateY(-3deg) rotateX(2deg)}
.window-top{display:flex;align-items:center;gap:12px;color:#d8eaf4;font-size:12px;letter-spacing:.1em;font-weight:800;background:#1c405b;border-radius:8px;padding:10px 11px;margin-bottom:15px}.window-top small{color:#8caabd;font-weight:700;margin-left:auto;font-size:12px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#68d6e1;border-radius:50%;opacity:.9}.window-dots i:nth-child(2){background:#98a3ee}.window-dots i:nth-child(3){background:#7ce8c6}
.window-body{display:grid;grid-template-columns:.86fr 1.15fr;gap:13px}.score-panel,.category-panel{background:#183953;border:1px solid #2b506b;border-radius:13px;padding:23px 22px;min-height:250px}.panel-eyebrow{color:#9cbcd0;letter-spacing:.095em;font-weight:800;font-size:12px;margin-bottom:19px}.score-value{color:white;font-family:Manrope,sans-serif;font-size:74px;letter-spacing:-.075em;line-height:1;font-weight:800;margin:8px 0 18px}.score-value span{color:#74d6e7;font-size:16px;letter-spacing:0;padding-left:10px}.score-progress{height:5px;border-radius:5px;background:#2b5067;overflow:hidden}.score-progress span{display:block;width:78%;height:100%;background:#65d9e7}.score-caption{font-size:12px;color:#8bacbf;margin-top:12px}.confidence-row{display:flex;align-items:center;justify-content:space-between;margin-top:32px;font-size:12px;color:#9dbaca;border-top:1px solid #365771;padding-top:14px}.confidence-row b{color:#8eebd1}.metric-line{display:flex;align-items:center;gap:13px;margin:15px 0;font-size:12px;color:#cfdeea}.metric-line>span{width:67px}.metric-track{height:6px;flex:1;border-radius:10px;background:#31536b;overflow:hidden}.metric-track i{display:block;height:100%;border-radius:10px}.window-insight{margin-top:22px;padding-top:16px;border-top:1px solid #37536b;color:#b1c8d5;font-size:12px;white-space:nowrap}.live-pulse{display:inline-block;background:#82e4bf;border-radius:50%;width:6px;height:6px;margin-right:5px}.insight-dot{padding:0 6px;color:#85a6b9}.float-card{position:absolute;bottom:-9px;right:-19px;background:#eaf8f8;color:#153b4c;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 38px #0005;border-radius:10px;font-size:12px}.float-icon{border-radius:50%;background:#c0eefa;width:31px;height:31px;display:grid;place-items:center;font-size:19px}.float-card small{display:block;color:#6e8995;margin-top:3px}.illustrative-note{color:#7298b3;font-size:12px;letter-spacing:.04em;margin-top:30px;text-align:right}.hero-edge{position:absolute;height:4px;width:150px;bottom:0;left:0;background:#58d7e5}
.stats-section{background:#fff;border-bottom:1px solid #e8eef2}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.18fr;min-height:194px;align-items:center;gap:32px}.stats-grid>div:not(.stat-aside){border-right:1px solid #e0e8ed;padding:27px 0}.stats-grid strong{display:block;font:800 43px/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin-bottom:12px}.stat-plus{color:#43a9bd;font-size:22px}.stats-grid span:not(.stat-plus):not(.stat-arrow){display:block;font-size:12px;letter-spacing:.1em;font-weight:800;color:#245474}.stats-grid small{display:block;color:#8496a2;font-size:12px;margin-top:4px}.stat-aside{display:flex;align-items:start;gap:12px}.stat-arrow{font-size:24px;color:#46bac5;line-height:1}.stat-aside p{font-family:Manrope,sans-serif;font-size:16px;line-height:1.5;font-weight:700;color:#325066}.stat-aside em{font-style:normal;color:#0094a8}
.section-intro{max-width:720px;margin-bottom:40px}.section-intro h2{margin:0 0 20px}.section-intro p{font-size:16px;line-height:1.85;max-width:560px}.split-heading{max-width:none;display:flex;gap:60px;justify-content:space-between;align-items:end;margin-bottom:45px}.split-heading>*{flex:1}.split-heading p{max-width:410px;margin-bottom:7px}.text-muted{color:#6b8799}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step-card{border:1px solid #e0e9ee;border-radius:14px;padding:28px 25px;min-height:260px;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #24486312}.step-index{display:block;letter-spacing:.13em;font-size:12px;font-weight:800;color:#247c98}.step-symbol{display:block;font-size:31px;color:#2a9cb7;line-height:1;margin:25px 0}.step-card h3{font-size:17px;letter-spacing:-.035em;margin-bottom:12px}.step-card p{font-size:13px;line-height:1.75;margin-bottom:0}
.two-column-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:74px;align-items:center}.feature-copy h2{margin-bottom:25px}.feature-copy>p{font-size:16px;line-height:1.8;margin-bottom:33px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.feature-list>div{display:flex;gap:12px}.feature-number{font-size:12px;font-weight:800;color:#138dac;padding-top:2px}.feature-list strong{display:block;font-size:13px;line-height:1.5}.feature-list small{color:#6d8494;font-size:12px;line-height:1.65;display:block;margin-top:7px}.text-link{display:inline-block;margin-top:29px;font-size:13px;color:#075d7f;font-weight:800;border-bottom:1px solid #0f849f;padding-bottom:5px}.text-link span{margin-left:12px}
.graphic-card{background:#092139;color:white;padding:21px;border-radius:19px;box-shadow:0 25px 60px #112b432a}.graphic-header{font-size:12px;letter-spacing:.13em;display:flex;justify-content:space-between;align-items:center;font-weight:800;color:#90c5d4;margin-bottom:14px}.graphic-badge{background:#1d4258;color:#83b7c8;padding:6px 9px;border-radius:5px;font-size:12px}.graphic-body{display:grid;grid-template-columns:.75fr 1fr;gap:15px}.graphic-score{background:#143650;padding:24px;border-radius:10px}.graphic-score small{display:block;color:#a3c6d4;letter-spacing:.1em;font-size:12px;font-weight:800}.graphic-score strong{display:block;font:800 75px/1.5 Manrope,sans-serif;letter-spacing:-.07em}.graphic-score strong span{font-size:19px;letter-spacing:0;color:#6fd1e0}.graphic-score-line{height:5px;background:linear-gradient(90deg,#62d9e6 78%,#315c73 78%);border-radius:3px}.graphic-score p{font-size:12px;color:#aec3d1;margin:15px 0 0}.graphic-bars{padding:15px 5px}.graphic-bars>div{display:flex;align-items:center;gap:9px;margin:14px 0}.graphic-bars span,.graphic-bars small{color:#96aec0;font-size:12px;width:22px}.graphic-bars i{display:block;flex:1;height:8px;background:linear-gradient(90deg,var(--bar) var(--p),#254a65 var(--p));border-radius:4px}.graphic-footer{font-size:12px;color:#91b0c1;padding-top:17px}
.monitor-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:22px;align-items:stretch}.monitor-feed{background:#0b243d;color:#fff;border-radius:16px;padding:30px 29px;min-height:390px;box-shadow:0 20px 35px #08172a12}.feed-label{display:flex;justify-content:space-between;color:#80c5d8;font-size:12px;font-weight:800;letter-spacing:.12em;border-bottom:1px solid #2e5066;padding-bottom:26px}.feed-label span{color:#9eafc1;font-size:12px}.feed-item{display:flex;align-items:center;gap:13px;border-bottom:1px solid #27455e;padding:29px 0;font-size:13px}.feed-item:last-child{border:0}.feed-item strong{font-weight:600;flex:1}.feed-signal{width:9px;height:9px;border-radius:50%}.signal-cyan{background:#62d7e9}.signal-purple{background:#9a8cf3}.signal-mint{background:#75e2c5}.feed-badge{font-size:12px;letter-spacing:.08em;color:#a2c7d7;font-weight:800;white-space:nowrap}.monitor-details{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mini-feature{border:1px solid #e1e8ed;border-radius:13px;padding:23px}.mini-feature h3{font-size:17px;letter-spacing:-.04em;margin:12px 0}.mini-feature p{font-size:12px;line-height:1.7;margin:0}.icon-disc{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:20px}.disc-aqua{color:#167d94;background:#d4f5f7}.disc-purple{color:#6d61c4;background:#e9e4ff}.disc-mint{color:#1d967b;background:#ddf6ee}.disc-blue{color:#4172be;background:#e4eeff}
.note-text{font-size:12px;color:#8392a0;line-height:1.7;margin-top:23px}.note-text.center{text-align:center}.note-text a{color:#177e9c;text-decoration:underline}
.planner-section{background:radial-gradient(ellipse at 85% 52%,#123e58 0,transparent 57%),#07172a}.planner-layout{display:grid;grid-template-columns:.87fr 1.13fr;gap:80px;align-items:center}.planner-copy h2{font-size:clamp(35px,3.1vw,49px);margin-bottom:25px}.planner-copy h2 span{color:#a4c6d5}.planner-copy p{font-size:15px;line-height:1.85}.planner-pill{display:inline-block;font-size:12px;letter-spacing:.1em;background:#17374b;border:1px solid #2f7083;padding:8px 13px;color:#87e5e0;font-weight:800;border-radius:4px;margin:13px 0 10px}.planner-bullets{padding:0;margin:14px 0 31px;list-style:none;color:#d7e4ed;font-size:13px}.planner-bullets li{margin:10px 0;padding-left:22px;position:relative}.planner-bullets li:before{content:'✓';position:absolute;left:0;color:#7ce1c5;font-weight:800}.chart-shell{background:#0c2942;border-radius:18px;border:1px solid #244d63;padding:26px 25px;box-shadow:0 30px 65px #010b1970}.chart-top{display:flex;justify-content:space-between;align-items:center;color:#e6f4f8;font-size:12px;font-weight:800;letter-spacing:.06em}.chart-status{color:#9ec6d4;background:#1c4059;padding:8px;border-radius:4px;font-size:12px}.chart-shell p{font-size:13px;margin:10px 0 4px}.chart-shell svg{display:block;width:100%;height:auto}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;color:#b8cddb;font-size:12px}.chart-legend i{width:12px;height:3px;margin-right:6px;display:inline-block;vertical-align:middle}.legend-historic{background:#5adce9}.legend-up{background:#82e5ca}.legend-down{background:#a399f7}.chart-disclaimer{border-top:1px solid #244761;color:#8aafc1;padding-top:17px;font-size:12px;margin-top:24px}
.package-spotlight{display:grid;grid-template-columns:.98fr 1.02fr;background:var(--navy);color:white;border-radius:17px;padding:43px 41px;gap:40px}.package-spotlight>div>span{font-size:12px;color:#7cdae6;letter-spacing:.1em;font-weight:800}.package-spotlight h3{font-size:28px;margin:16px 0}.package-spotlight p{font-size:14px;line-height:1.8;max-width:440px}.package-spotlight .btn{margin-top:15px}.price-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-items:stretch}.price-preview-grid>div{border:1px solid #355067;background:#143149;padding:24px 14px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.price-preview-grid small{color:#a5c9d7;font-weight:800;font-size:12px}.price-preview-grid strong{font:800 24px Manrope,sans-serif;letter-spacing:-.06em;white-space:nowrap}.price-preview-grid strong em{font:500 12px 'DM Sans',sans-serif;letter-spacing:0;color:#a9c0cc}.price-preview-grid span{font-size:12px;color:#96b6c8;letter-spacing:0}.price-preview-grid .preview-highlight{background:#13405a;border-color:#4bc4d2}
.final-cta{padding:100px 0;background:radial-gradient(circle at 75% 5%,#12364e 0,transparent 45%),#07172a}.final-cta-layout{display:flex;justify-content:space-between;align-items:end;gap:70px}.final-cta h2{font-size:clamp(37px,4vw,60px);line-height:1.17}.final-cta h2 span{color:#a6c6d3}.final-cta p{max-width:530px}.final-cta-actions{display:flex;gap:12px;align-items:end;flex-direction:column;min-width:245px}.final-cta-actions a{width:245px}
/* Site-wide footer */
.site-footer{background:#061321;color:#c9d9e3;padding:64px 0 28px}.footer-main{display:grid;grid-template-columns:1.3fr .65fr .8fr 1.4fr;gap:45px}.footer-brand{font-size:25px;margin:10px 0}.footer-about p{font-size:13px;line-height:1.7;color:#9cb1bf}.footer-motto{font-size:12px;letter-spacing:.15em;font-weight:800;color:#62bbd0}.footer-links h3,.footer-notice h3{font-size:13px;color:white;letter-spacing:0;margin:5px 0 19px}.footer-links a{display:block;margin:10px 0;font-size:12px;color:#a6bdc9}.footer-links a:hover{color:#70deeb}.footer-bottom{border-top:1px solid #264050;display:flex;justify-content:space-between;gap:25px;margin-top:56px;padding-top:22px;color:#718da1;font-size:12px}
/* Page hero */
.page-hero{background:radial-gradient(circle at 90% 0,#15415b 0,transparent 42%),#07172a;padding:92px 0 43px}.page-hero .container{position:relative}.page-hero h1{font-size:clamp(49px,5vw,70px);margin:0 0 24px}.page-hero h1 span{color:#b5cfdb}.page-hero p{font-size:16px;line-height:1.8;max-width:650px;margin-bottom:75px}.page-hero-bottom{border-top:1px solid #2b4b5e;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#89a9bd;font-size:12px;letter-spacing:.1em;font-weight:800}.page-hero-bottom a{color:#8be1e9;letter-spacing:0}.page-hero-bottom b{color:#4ab7c7;padding:0 7px}
/* Pricing */
.pricing-section{padding-bottom:83px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}.pricing-card{--accent:#4a9dce;border:1px solid #d9e4eb;border-top:4px solid var(--accent);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;background:#fff;padding:27px 27px 25px;box-shadow:0 7px 28px #0d385408;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 17px 33px #143d5617}.plan-aqua{--accent:#58cddd}.plan-mint{--accent:#6ed8b7}.plan-purple{--accent:#9188eb}.plan-blue{--accent:#518bd8}.pricing-card.featured-plan{background:#0b263e;color:white;border-color:#35becd;box-shadow:0 20px 45px #0f395025}.featured-plan p,.featured-plan small{color:#9ec0d2}.plan-badge{display:inline-block;color:#0e83a0;background:#e2f6fa;border-radius:4px;padding:6px 8px;font-size:12px;letter-spacing:.08em;font-weight:800}.plan-badge.subtle{color:#648396;background:#eaf2f6}.featured-plan .plan-badge{background:#19465c;color:#85e5e4}.pricing-top h3{font-size:28px;margin:24px 0 5px}.pricing-top>p{font-size:13px;margin:0 0 23px;min-height:25px}.pricing-price{margin:0 0 26px;display:flex;align-items:baseline;gap:10px}.pricing-price strong{font:800 39px/1 Manrope,sans-serif;letter-spacing:-.06em}.pricing-price span{font-size:12px;color:#7c94a4}.plan-allowances{border-top:1px solid #dce7ed;border-bottom:1px solid #dce7ed;display:grid;grid-template-columns:1fr 1fr;row-gap:22px;padding:24px 0}.plan-allowances small{display:block;letter-spacing:.07em;font-size:12px;color:#8a9aa6;font-weight:800}.plan-allowances strong{font:800 16px Manrope,sans-serif;display:block;margin-top:6px}.featured-plan .plan-allowances{border-color:#36576c}.trial-strip{padding:11px 13px;background:#eaf8f9;color:#236678;margin-top:19px;font-size:12px;font-weight:800;border-radius:5px}.featured-plan .trial-strip{background:#1a435b;color:#a0e8e5}.trial-strip .mini-diamond{width:6px;height:6px}.pricing-card h4{font:800 12px Manrope,sans-serif;letter-spacing:.11em;margin:25px 0 15px}.plan-inclusions{list-style:none;padding:0;margin:0 0 23px;flex:1}.plan-inclusions li{display:flex;gap:11px;align-items:baseline;font-size:12px;line-height:1.6;padding:8px 0;color:#415e70}.plan-inclusions li span{font-size:12px;color:#1aaf9a;font-weight:800}.featured-plan .plan-inclusions li{color:#d0e0e9}.featured-plan .plan-inclusions li span{color:#7edfc7}.plan-action{width:100%;margin-top:auto}.featured-plan .btn-aqua{font-weight:800}
.comparison-section{padding-top:100px}.comparison-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:22px}.comparison-tab{border:1px solid #cedee7;background:#fff;color:#496f82;font-size:13px;font-weight:800;border-radius:6px;padding:15px 19px}.comparison-tab.active{background:#0b293f;border-color:#0b293f;color:#fff}.compare-desc{font-size:13px;margin:0 0 14px}.mobile-scroll-cue{display:none}.comparison-panel[hidden]{display:none!important}.compare-scroll{border-radius:12px;border:1px solid #dce7ed;overflow:auto;box-shadow:0 15px 32px #183b4d0c;background:white}.compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:855px;font-size:12px;text-align:center}.compare-table th,.compare-table td{padding:14px 12px;border-bottom:1px solid #e5ebef;vertical-align:middle}.compare-table tbody tr:nth-child(even){background:#f6f9fa}.compare-table tbody tr:hover{background:#eaf6f9}.compare-table thead th{background:#0b263f;color:white;padding:22px 10px;font-size:12px}.compare-table thead th:first-child{text-align:left;padding-left:21px;width:27%;border-top-left-radius:10px}.compare-table thead th:last-child{border-top-right-radius:10px}.compare-table thead th:nth-child(6){background:#124963;color:#fff}.compare-table thead th span{font:800 12px Manrope,sans-serif;display:block;letter-spacing:.02em}.compare-table thead th small{font-size:12px;color:#99c5d1;display:block;margin-top:7px}.compare-table tbody th{width:27%;text-align:left;padding-left:21px;font-weight:700;color:#1e374a}.compare-table tbody td{width:12.1%;font-weight:700;color:#56748a}.compare-table tbody td:nth-child(6){background:#effafb}.included{font-size:18px;font-weight:800;color:#08aa92}.not-included{color:#b7c6ce}.apex-note{margin-top:25px;padding:17px 22px;color:#cde4ed;border-left:4px solid var(--aqua);border-radius:5px;background:#092840;font-size:13px;font-weight:600}.apex-note span{font-size:12px;letter-spacing:.1em;color:#72e7da;font-weight:800;margin-right:14px}.pricing-last-layout,.end-layout{display:flex;align-items:end;justify-content:space-between;gap:55px}.pricing-last p,.end-layout p{max-width:650px}.pricing-last-layout .btn,.end-layout .btn{white-space:nowrap;margin-bottom:12px}
/* Features */
.feature-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-tile{border:1px solid #dfebef;border-radius:12px;padding:32px;min-height:264px;background:#fff;box-shadow:0 12px 32px #0d355008}.tile-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:12px;font-size:24px;margin-bottom:23px}.tile-icon.cyan{background:#dcf8fa;color:#238ca3}.tile-icon.mint{background:#e4faf0;color:#318f74}.tile-icon.purple{background:#efecff;color:#786dbd}.tile-icon.blue{background:#e7f1fd;color:#397ab4}.feature-kicker{color:#3f8498;letter-spacing:.12em;font-size:12px;font-weight:800}.feature-tile h3{font-size:19px;margin:10px 0 12px}.feature-tile p{font-size:13px;line-height:1.75;margin:0}.feature-band{padding:100px 0;background:linear-gradient(125deg,#07172a,#0d3148)}.section-intro.on-dark h2{color:white}.section-intro.on-dark h2 span{color:#9ec6d7}.section-intro.on-dark p{color:#a7bdcc}.feature-band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-band-grid>div{padding:25px 19px;border:1px solid #315368;background:#12354b;border-radius:12px}.feature-index{font-size:12px;font-weight:800;color:#72dfd9}.feature-band-grid h3{font-size:17px;color:white;margin-top:29px}.feature-band-grid p{font-size:12px;margin:0;line-height:1.8}.showcase-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:21px}.showcase-main{border-radius:16px;background:#0b263e;color:white;padding:37px 39px}.showcase-num{color:#91dbe6;font-size:12px;font-weight:800;letter-spacing:.12em}.showcase-main h3{font-size:27px;max-width:420px;margin:17px 0}.showcase-main p{font-size:14px;max-width:450px}.correlation-demo{max-width:350px;margin:30px auto 5px;padding:14px;background:#153d56;border:1px solid #41647b;border-radius:10px}.correlation-demo>span{font-size:12px;color:#b7d2dc;display:flex;justify-content:space-between;font-weight:800;margin-bottom:11px;letter-spacing:.05em}.correlation-demo em{font-style:normal;font-size:12px;color:#789aaf}.heat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.heat-grid i{display:block;aspect-ratio:1;border-radius:3px}.h0{background:#61e1d2}.h1{background:#56a8c2}.h2{background:#587997}.h3{background:#9289db}.h4{background:#304b63}.showcase-side{display:grid;gap:15px}.showcase-side article{border:1px solid #dce6eb;border-radius:12px;padding:25px 28px}.showcase-side span{font-size:12px;color:#1683a1;letter-spacing:.1em;font-weight:800}.showcase-side h3{font-size:19px;margin:8px 0}.showcase-side p{font-size:13px;margin:0}.planner-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.level-tag{display:inline-block;background:#d6f5f3;color:#167788;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:20px}.planner-details-grid h2{margin-bottom:21px}.planner-details-grid p{font-size:15px}.check-list{list-style:none;padding:0;margin:22px 0}.check-list li{font-size:13px;padding:8px 0 8px 27px;position:relative;color:#315065}.check-list li:before{content:'✓';position:absolute;left:0;color:#0b9e8f;font-weight:800}.scenario-stack{background:white;border:1px solid #d5e7ea;border-radius:14px;padding:25px;box-shadow:0 24px 50px #16364712}.scenario-top,.scenario-footer{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.06em;color:#25677e;gap:8px}.scenario-top span+span{color:#7894a7}.scenario-window{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.scenario-window div{background:#eef6f7;padding:13px;border-radius:6px}.scenario-window span{display:block;font-size:12px;font-weight:800;letter-spacing:.05em;color:#7f98a7}.scenario-window strong{display:block;font-size:12px;margin-top:8px;line-height:1.4}.scenario-stack svg{width:100%;display:block}.scenario-footer{font-size:12px;color:#8aa4b1}.features-end{padding:80px 0}
/* Contact */
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start}.contact-intro h2{margin-bottom:20px}.contact-intro>p{font-size:15px}.contact-points{display:grid;gap:23px;margin:39px 0}.contact-points>div{display:flex;gap:16px}.contact-point-icon{width:40px;height:40px;border-radius:8px;background:#e4f7f8;color:#1386a0;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.contact-points strong{display:block;font-size:14px}.contact-points small{display:block;color:#7e919e;font-size:12px;margin-top:2px}.company-details{border-top:1px solid #dae7ec;padding-top:26px;margin-top:39px}.company-details>span{display:block;color:#4f8a9f;letter-spacing:.1em;font-weight:800;font-size:12px;margin-bottom:12px}.company-details strong{font-size:13px}.company-details p{font-size:12px;margin-top:4px}.company-details a{color:#0c88a2}.contact-form-shell{background:#f4f8fa;padding:38px;border:1px solid #dce7eb;border-radius:15px}.form-headline{font-size:12px;color:#177f99;letter-spacing:.13em;font-weight:800}.contact-form-shell h3{font-size:29px;margin:10px 0}.contact-form-shell>p{font-size:13px;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:flex;flex-direction:column;min-width:0}.form-field.field-wide{grid-column:1/-1}.form-field label{font-size:12px;font-weight:800;margin-bottom:8px;color:#314d61}.form-field label span{font-weight:400;color:#8193a0}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #cbdbe3;border-radius:6px;padding:15px 13px;color:#15364b;font-size:13px;background:#fff;outline-offset:2px}.form-field textarea{min-height:128px;resize:vertical}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#20aabb}.form-field input::placeholder,.form-field textarea::placeholder{color:#9aa9b4}.form-submit{border:none;margin-top:24px;min-width:200px}.form-note{font-size:12px;color:#8398a7;margin:18px 0 0!important}.website-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.validation-summary{color:#a3242b;background:#fff0f0;border:1px solid #fac3c3;border-radius:6px;font-size:12px;padding:13px 17px;margin:20px 0}.validation-summary ul{margin-bottom:0}.form-feedback{display:block;font-size:13px;padding:14px 16px;border-radius:6px;margin:20px 0}.form-feedback.error{color:#962e2e;background:#fff2f0;border:1px solid #f1c7c5}.form-feedback.success{color:#13714f;background:#e5faef;border:1px solid #a2e3c6}
@media(max-width:1100px){.container{padding:0 25px}.main-nav{gap:18px}.hero-content{grid-template-columns:1fr .96fr;gap:24px}.score-panel,.category-panel{padding:18px 15px}.score-value{font-size:60px}.hero-copy h1{font-size:59px}.two-column-feature{gap:38px}.planner-layout{gap:35px}.footer-main{gap:22px}.pricing-card{padding:23px}.contact-layout{gap:45px}}
@media(max-width:900px){.site-header{height:76px}.nav-toggle{display:flex}.main-nav{display:none;position:absolute;top:75px;right:0;left:0;background:#071b2f;flex-direction:column;align-items:stretch;gap:0;padding:12px 27px 25px;box-shadow:0 20px 28px #0004}.main-nav.open{display:flex}.main-nav a{padding:14px 9px;border-bottom:1px solid #294155}.main-nav .nav-cta{margin-top:10px;text-align:center;border:0}.hero-content{grid-template-columns:1fr;padding-top:80px;padding-bottom:85px;gap:35px}.hero-copy h1{font-size:clamp(46px,7vw,70px)}.hero-copy .lead{max-width:670px}.hero-product{width:min(680px,100%);margin:auto}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px}.stat-aside{grid-column:1/-1;padding:0 0 20px}.stats-grid strong{font-size:37px}.split-heading{gap:25px}.two-column-feature,.monitor-grid,.planner-layout,.planner-details-grid,.contact-layout{grid-template-columns:1fr;gap:44px}.feature-copy{max-width:680px}.graphic-card{max-width:690px;width:100%;margin:auto}.monitor-details{grid-template-columns:repeat(2,1fr)}.feature-band-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid,.feature-cards-grid{grid-template-columns:repeat(2,1fr)}.pricing-card.featured-plan{order:-1}.package-spotlight{grid-template-columns:1fr;gap:27px}.showcase-grid{grid-template-columns:1fr}.scenario-stack{max-width:620px}.footer-main{grid-template-columns:1fr 1fr;row-gap:35px}.footer-about{max-width:360px}.contact-form-shell{max-width:680px}.section{padding:80px 0}}
@media(max-width:620px){body{font-size:14px}.container{padding:0 20px}.brand{font-size:23px}h1{font-size:45px}h2{font-size:34px}.section{padding:68px 0}.eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:21px}.hero{min-height:0}.hero-content{padding-top:60px;padding-bottom:62px}.hero-copy h1{font-size:clamp(42px,9vw,54px)}.hero-copy .lead{font-size:14px;line-height:1.9}.hero-actions{gap:10px}.hero-actions .btn{flex:1;min-width:175px;gap:12px}.hero-caption{margin-top:39px;line-height:2}.hero-product{padding:18px 0 15px}.product-window{padding:10px;transform:none}.window-top{padding:9px 8px;font-size:12px;gap:8px}.window-top small{display:none}.window-body{gap:7px}.score-panel,.category-panel{min-height:186px;padding:14px 10px}.panel-eyebrow{font-size:12px;letter-spacing:.04em;margin-bottom:10px}.score-value{font-size:51px;margin:8px 0 12px}.score-value span{font-size:12px;padding-left:3px}.score-caption{font-size:12px}.confidence-row{margin-top:20px;font-size:12px}.metric-line{font-size:12px;gap:3px;margin:12px 0}.metric-line>span{width:53px}.metric-track{height:4px}.window-insight{font-size:12px;white-space:normal;margin-top:12px;padding-top:12px}.float-card{right:-5px;bottom:-22px;padding:10px;font-size:12px}.float-card small{font-size:12px}.illustrative-note{font-size:12px;margin-top:40px}.stats-grid{grid-template-columns:1fr 1fr;gap:0}.stats-grid>div:not(.stat-aside){padding:25px 4px}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div:nth-child(3){grid-column:1/-1;border-right:0;border-top:1px solid #e7edf0}.stats-grid strong{font-size:34px}.stat-aside{border-top:1px solid #e7edf0;padding-top:20px}.split-heading{display:block}.split-heading p{margin-top:19px}.step-grid{grid-template-columns:1fr 1fr;gap:10px}.step-card{padding:21px 16px;min-height:250px}.step-card h3{font-size:15px}.step-card p{font-size:12px}.step-symbol{margin:22px 0;font-size:25px}.feature-list{gap:20px 14px}.feature-list strong{font-size:12px}.feature-list small{font-size:12px}.graphic-card{padding:13px}.graphic-header{font-size:12px}.graphic-body{gap:7px}.graphic-score{padding:14px}.graphic-score strong{font-size:48px}.graphic-score strong span{font-size:12px}.graphic-score p{font-size:12px}.graphic-bars{padding:5px 0}.graphic-bars>div{gap:5px;margin:11px 0}.graphic-bars span,.graphic-bars small{font-size:12px;width:13px}.graphic-bars i{height:6px}.graphic-footer{font-size:12px}.monitor-feed{padding:22px 17px;min-height:0}.feed-item{gap:9px;padding:23px 0;font-size:12px}.feed-badge{font-size:12px}.monitor-details{gap:10px}.mini-feature{padding:20px 14px}.mini-feature h3{font-size:15px}.mini-feature p{font-size:12px}.planner-copy h2{font-size:35px}.chart-shell{padding:18px 13px}.chart-top{font-size:12px}.chart-status{font-size:12px}.chart-legend{gap:10px;font-size:12px}.package-spotlight{padding:29px 20px}.package-spotlight h3{font-size:24px}.price-preview-grid{gap:6px}.price-preview-grid>div{padding:15px 8px;gap:22px}.price-preview-grid strong{font-size:17px}.price-preview-grid strong em{font-size:12px}.price-preview-grid span{font-size:12px}.final-cta{padding:75px 0}.final-cta-layout,.pricing-last-layout,.end-layout{display:block}.final-cta h2{font-size:40px}.final-cta-actions{align-items:stretch;margin-top:26px}.final-cta-actions a{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:26px 15px}.footer-about{grid-column:1/-1}.footer-notice{grid-column:1/-1}.footer-bottom{display:block;margin-top:28px}.footer-bottom span{display:block;margin-top:8px}.page-hero{padding:67px 0 30px}.page-hero h1{font-size:44px}.page-hero p{font-size:14px;margin-bottom:55px}.page-hero-bottom{font-size:12px;display:block}.page-hero-bottom a{display:block;margin-top:9px}.pricing-grid,.feature-cards-grid{grid-template-columns:1fr}.pricing-card{padding:27px}.pricing-price strong{font-size:40px}.comparison-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:10px}.comparison-tab{white-space:nowrap;font-size:12px}.mobile-scroll-cue{display:block;color:#1393a8;margin-top:7px}.compare-table{min-width:830px}.compare-table th,.compare-table td{padding:12px 10px}.apex-note{line-height:1.7}.apex-note span{display:block;margin-bottom:7px}.feature-band-grid{grid-template-columns:1fr}.feature-tile{min-height:0;padding:27px}.showcase-main{padding:27px 23px}.scenario-window{gap:4px}.scenario-window div{padding:9px 7px}.scenario-window span{font-size:12px}.scenario-window strong{font-size:12px}.contact-form-shell{padding:24px 19px}.form-grid{grid-template-columns:1fr;gap:15px}.form-field.field-wide{grid-column:1}.features-end .btn,.pricing-last .btn{margin-top:17px}.planner-details-grid{gap:35px}}
@media(max-width:390px){.window-insight{display:none}.score-panel,.category-panel{min-height:155px}.score-value{font-size:42px}.confidence-row{margin-top:12px}.step-grid{grid-template-columns:1fr}.step-card{min-height:0}.feature-list{grid-template-columns:1fr}.monitor-details{grid-template-columns:1fr}.price-preview-grid strong{font-size:15px}.hero-actions .btn{width:100%;flex:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* KLARODEX V2: LOCAL SVG ICONS, TRIAL-LED NAVIGATION, FEATURE LANDING PAGES */
:root{--site-type:Arial,Arial,Helvetica,sans-serif;--site-heading:Arial,Arial,Helvetica,sans-serif}
body,button,input,textarea,select{font-family:var(--site-type)}
h1,h2,h3,h4,.brand,.score-value,.stats-grid strong{font-family:var(--site-heading)}
h1,h2{letter-spacing:-.052em}
button{color:inherit}
.ki{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.14em;flex:none;stroke:currentColor;fill:none}
.btn .ki,.nav-cta .ki{height:17px;width:17px}
.btn{justify-content:center;gap:17px}
.btn-aqua{background:#b8f3ef;color:#081b2e}
.nav-shell{gap:25px}
.main-nav{gap:26px}
.main-nav a,.dropdown-toggle{font-size:13px}
.main-nav .nav-cta{display:inline-flex;align-items:center;gap:11px;padding:14px 18px;color:#061828}
.nav-cta .ki{margin:0}
.nav-dropdown{position:relative}
.dropdown-toggle{border:0;background:none;font-weight:700;display:flex;align-items:center;gap:8px;color:#d4e2eb;padding:10px 0}
.dropdown-toggle:hover,.dropdown-toggle[aria-expanded=true]{color:#76dce9}
.chevron{width:7px;height:7px;display:inline-block;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.dropdown-toggle[aria-expanded=true] .chevron{transform:translateY(2px) rotate(225deg)}
.dropdown-menu{display:none;position:absolute;z-index:120;top:calc(100% + 17px);right:-200px;background:#0d2940;border:1px solid #315068;border-radius:13px;padding:16px;box-shadow:0 25px 50px #00101eaa;width:590px;grid-template-columns:1fr 1fr;gap:3px 12px}
.nav-dropdown.open .dropdown-menu{display:grid}
.main-nav .dropdown-menu a{font-size:12px;color:#d8e6ec;padding:10px 13px;line-height:1.45;border-radius:7px;font-weight:600}
.main-nav .dropdown-menu a:hover{background:#1b4057;color:#a1edf0}
.main-nav .dropdown-menu .dropdown-all{grid-column:1/-1;background:#173d53;color:#9ceaf1;font-weight:800}
.site-header:has(.dropdown-menu){overflow:visible}
.mobile-signup{display:none}
/* Screenshot frame reusable: replace matching image file without markup edits */
.screenshot-frame{background:#102c43;border:1px solid #2b526b;border-radius:17px;padding:13px;box-shadow:0 28px 55px #0003;margin:0;max-width:100%;min-width:0}
.screenshot-frame img{display:block;width:100%;height:auto;aspect-ratio:1360/810;object-fit:contain;border-radius:8px;border:1px solid #244b62;background:#0d2338}
.screenshot-frame figcaption,.shot-foot{padding:10px 6px 0;color:#87a8b9;font-size:12px;line-height:1.5}
.screenshot-frame code,.shot-foot code{color:#aae7e5;font-size:12px;overflow-wrap:anywhere}
.shot-top,.screenshot-heading{display:flex;align-items:center;gap:9px;color:#a9d6e3;font-weight:800;letter-spacing:.12em;font-size:12px;min-height:33px;padding:2px 8px 9px}
.shot-label{margin-left:auto;color:#68d8e7;font-size:12px}
.status-dot{height:7px;width:7px;border-radius:50%;background:#69e2c1;box-shadow:0 0 0 4px #7ee5cc12;display:inline-block;flex:none}
/* Landing homepage screenshot replaces floating fabricated dashboard */
.hero{min-height:0}
.hero-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;padding-top:118px;padding-bottom:132px}
.hero-product-screenshot{padding:0;min-width:0}
.product-shot-frame{position:relative;background:#0c2a42;border:1px solid #2d536c;border-radius:16px;padding:15px;box-shadow:0 24px 65px #0007,0 0 55px #5fc7da12}
.product-shot-frame img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #37506a}
.trial-note{color:#a9c4d0!important;font-size:12px!important;line-height:1.5!important;margin-top:18px!important;margin-bottom:0!important}
.hero-copy h1{font-size:clamp(49px,4.7vw,72px)}
.step-symbol .ki{width:32px;height:32px}
.stat-arrow .ki{width:23px;height:23px}
.icon-disc .ki{width:22px;height:22px}
.text-link .ki,.spotlight-secondary .ki,.directory-read .ki{width:16px;height:16px}
.spotlight-secondary{display:inline-flex;gap:9px;align-items:center;color:#a8eaf2;font-size:13px;font-weight:700;margin-left:18px}
.spotlight-secondary:hover{text-decoration:underline}
.shot-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shot-gallery-item{display:block;border:1px solid #d9e8ef;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 14px 26px #0b385008;transition:transform .2s,box-shadow .2s}
.shot-gallery-item:hover{transform:translateY(-4px);box-shadow:0 20px 30px #0b38501c}
.shot-gallery-item img{display:block;width:100%;height:auto;aspect-ratio:1360/810;background:#0c2a42}
.shot-gallery-item span{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:750;padding:17px 20px}
.gallery-action{margin-top:31px}
/* Feature index */
.feature-directory-intro{padding-bottom:52px}
.directory-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.directory-showcase{background:#0b2237;border-radius:15px;overflow:hidden;display:block;border:1px solid #1d4964;color:#fff;box-shadow:0 18px 35px #132f4012;transition:transform .2s}
.directory-showcase:hover{transform:translateY(-3px)}
.directory-showcase img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#081d32}
.directory-showcase>span{display:flex;flex-direction:column;gap:5px;padding:18px 22px}
.directory-showcase small{color:#74cadd;font-size:12px;font-weight:800;letter-spacing:.15em}
.directory-showcase strong{display:flex;align-items:center;justify-content:space-between;font-size:20px}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.directory-card{border:1px solid #dae6ed;background:#fff;border-radius:14px;transition:transform .2s,box-shadow .2s;min-width:0}
.directory-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #0c2a4310}
.directory-card-link{display:flex;flex-direction:column;height:100%;padding:29px 26px;min-height:285px}
.directory-card-icon,.feature-feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;color:#16849f;background:#e3f7f9;margin-bottom:22px}
.directory-card-icon .ki,.feature-feature-icon .ki{width:28px;height:28px}
.directory-card .feature-kicker{font-size:12px;color:#267391;letter-spacing:.09em;line-height:1.6;text-transform:uppercase;font-weight:800;margin-bottom:12px}
.directory-card h3{font-size:21px;letter-spacing:-.035em;margin-bottom:11px}
.directory-card p{font-size:13px;line-height:1.8;flex:1;margin-bottom:23px}
.directory-read{color:#007a99;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}
/* Deep feature pages */
.feature-hero{background:radial-gradient(circle at 93% 27%,#1b4963 0,transparent 42%),#07172a;overflow:visible;padding:37px 0 89px}
.feature-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:700;color:#92b1c0;margin-bottom:66px}
.feature-breadcrumb a{color:#79dce7}
.feature-hero-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.12fr);gap:60px;align-items:center;min-width:0}
.feature-hero .eyebrow{margin-bottom:16px}
.feature-feature-icon{width:54px;height:54px;border:1px solid #3c7287;background:#1c495e;color:#8de8ef;margin-bottom:21px}
.feature-hero h1{font-size:clamp(45px,4.5vw,66px);line-height:1.1;margin:0 0 20px;max-width:620px}
.hero-period{color:#73dce9}
.feature-deck{color:#b0cad8!important;font-size:19px;line-height:1.8;max-width:580px;margin-bottom:16px}
.feature-badge{border:1px solid #32617a;border-radius:50px;display:inline-flex;color:#a4e8e4;font-size:12px;letter-spacing:.04em;font-weight:750;padding:7px 13px;background:#174057;margin:12px 0 27px}
.feature-hero-media{min-width:0}
.feature-hero-media .screenshot-frame{box-shadow:0 25px 65px #0005;transform:perspective(1300px) rotateY(-2deg)}
.detail-intro{padding:96px 0}
.detail-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:end}
.detail-intro-grid h2{margin:0}
.detail-intro-grid>p{font-size:19px;line-height:1.85;margin:0 0 7px;color:#526c7c}
.detail-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.detail-card{border-radius:14px;border:1px solid #dbe8ef;background:#fff;padding:34px 29px;min-height:260px}
.detail-number{font-size:12px;color:#1f819e;font-weight:900;letter-spacing:.15em;display:block;margin-bottom:45px}
.detail-card h3{font-size:22px;margin-bottom:15px}
.detail-card p{font-size:14px;line-height:1.8;margin:0}
.detail-workflow>.container{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px 95px}
.detail-workflow .section-intro{grid-column:1;grid-row:1/3}
.workflow-list{grid-column:2;grid-row:1}
.workflow-row{display:grid;grid-template-columns:46px 1fr;gap:19px;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid #deeaef}
.workflow-row:last-child{margin-bottom:0}
.workflow-index{color:#1386a0;font-weight:800;font-size:14px}
.workflow-row h3{font-size:20px;margin:0 0 9px}
.workflow-row p{margin:0;line-height:1.8;font-size:14px}
.detail-callout{grid-column:2;grid-row:2;border-left:3px solid #51cedc;padding:24px 29px;background:#f1f8fa}
.detail-callout .eyebrow{margin-bottom:11px}
.detail-callout p{font-size:14px;margin:0;line-height:1.8}
.screenshot-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.screenshot-detail-grid>.screenshot-frame{min-width:0}
.screenshot-detail-grid h2{margin-bottom:20px}
.screenshot-detail-grid p{font-size:16px;line-height:1.85}
.simple-list{list-style:none;padding:0;margin:25px 0}
.simple-list li{font-size:14px;color:#435e6f;padding:10px 0 10px 28px;position:relative}
.simple-list li:before{content:"";display:block;position:absolute;top:16px;left:2px;width:12px;height:6px;border-left:2px solid #179cb2;border-bottom:2px solid #179cb2;transform:rotate(-45deg)}
.faq-stack{max-width:850px}
.faq{border-bottom:1px solid #dce8ee;padding:23px 0}
.faq:first-child{border-top:1px solid #dce8ee}
.faq summary{cursor:pointer;list-style:none;font-weight:750;font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:#16889a;font-size:25px;font-weight:400}
.faq[open] summary::after{content:"\2212"}
.faq p{font-size:15px;line-height:1.8;margin:14px 40px 0 0}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.related-card{display:flex;align-items:center;gap:14px;padding:23px 20px;background:white;border:1px solid #dce7ed;border-radius:12px}
.related-card>span{background:#e4f7f9;border-radius:8px;padding:13px;color:#087d94;display:flex}
.related-card>span .ki{width:22px;height:22px}
.related-card>strong{font-size:15px;flex:1}
.related-card>.ki{color:#278ba2;width:17px;height:17px}
.feature-end{padding:73px 0}
.feature-end-layout{display:flex;gap:55px;align-items:center;justify-content:space-between}
.feature-end h2{max-width:760px;margin-bottom:10px;font-size:clamp(30px,3.5vw,49px)}
.feature-end p{margin:0;color:#9eb8c6}
.feature-end .btn{flex:none}
/* Shared conversion sections */
.footer-join{padding:0 0 55px;margin-bottom:57px;border-bottom:1px solid #294355;display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-join h2{font-size:clamp(28px,3vw,40px);color:#fff;margin:0 0 9px;max-width:680px}
.footer-join .eyebrow{margin-bottom:15px}
.footer-join p{margin:0;color:#aac0ca;font-size:14px}
.footer-join>.btn{flex:none}
.page-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px;margin-bottom:47px}
.cta-inline{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
/* Comparison ticks and missing values are vector-only; avoid U+2713 glyph corruption */
.included{display:inline-flex;width:22px;height:22px;vertical-align:middle;align-items:center;justify-content:center}
.included .ki{width:18px;height:18px;stroke-width:3px;color:#0aaa87}
.not-included{color:#92a7b3;font-size:17px}
/* Adapts to slim laptops and tablets */
@media(max-width:1160px){.main-nav{gap:17px}.dropdown-menu{right:-130px}.feature-hero-grid{gap:37px}.screenshot-detail-grid{gap:38px}.detail-workflow>.container{gap:35px 48px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.site-header .nav-shell{position:relative}.nav-dropdown{width:100%}.dropdown-toggle{width:100%;padding:14px 9px;justify-content:space-between;border-bottom:1px solid #294155}.dropdown-menu{width:100%;position:static;box-shadow:none;background:#102c42;border-radius:8px;margin:8px 0;padding:9px;grid-template-columns:1fr 1fr;border:1px solid #315068}.main-nav .dropdown-menu a{border:0;padding:9px 7px}.feature-hero-grid{grid-template-columns:1fr}.feature-hero-media{max-width:760px}.feature-hero h1{max-width:900px}.feature-hero{padding-bottom:75px}.feature-breadcrumb{margin-bottom:45px}.feature-hero-media .screenshot-frame{transform:none}.detail-intro-grid,.screenshot-detail-grid{grid-template-columns:1fr;gap:35px}.detail-card-grid{grid-template-columns:1fr 1fr}.detail-workflow>.container{grid-template-columns:1fr}.detail-workflow .section-intro,.workflow-list,.detail-callout{grid-column:1;grid-row:auto}.related-grid{grid-template-columns:1fr 1fr}.shot-gallery-grid{grid-template-columns:1fr 1fr}.hero-content{grid-template-columns:1fr}.hero-product-screenshot{max-width:750px}.footer-join{align-items:flex-start}.footer-join .btn{margin-top:30px}}
@media(max-width:660px){.site-header{height:70px}.main-nav{top:69px}.dropdown-menu{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(42px,10vw,58px)}.product-shot-frame{padding:8px}.shot-top,.screenshot-heading{font-size:12px}.shot-label{font-size:12px}.shot-foot,.screenshot-frame figcaption{font-size:12px}.trial-note{font-size:12px!important}.spotlight-secondary{display:flex;margin:20px 0 0}.feature-breadcrumb{margin-bottom:34px;font-size:12px}.feature-hero{padding:31px 0 64px}.feature-hero h1{font-size:clamp(39px,10vw,53px)}.feature-hero .feature-deck{font-size:16px}.feature-hero-grid{gap:26px}.directory-featured,.directory-grid,.detail-card-grid,.related-grid,.shot-gallery-grid{grid-template-columns:1fr}.directory-card-link{min-height:0;padding:23px}.detail-card{min-height:0;padding:27px}.detail-number{margin-bottom:26px}.directory-showcase>span{padding:16px}.feature-end-layout,.footer-join{flex-direction:column;align-items:stretch;gap:23px}.footer-join .btn{margin:0}.feature-end h2{font-size:33px}.workflow-row{grid-template-columns:31px 1fr;gap:14px}.workflow-row h3{font-size:18px}.faq summary{font-size:15px}.screenshot-detail-grid{gap:36px}.page-hero-actions{margin-bottom:30px}.mobile-signup{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#b8f3ef;color:#0b2436;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:800;padding:15px 16px;border-top:1px solid #81d8dc;box-shadow:0 -10px 30px #0002}.mobile-signup .ki{width:17px;height:17px}.site-footer{padding-bottom:56px}.feature-hero .hero-actions{align-items:stretch}.feature-hero .hero-actions .btn{flex:1;min-width:145px}.directory-card-icon{margin-bottom:14px}}
/* Klarodex v3 — deliberately light, spacious product-marketing visual language */
:root{
  --navy:#eff6fa;--navy2:#e9f3f8;--ink:#142c3e;--muted:#5b7484;
  --light:#f5f9fb;--aqua:#097e9e;--mint:#3bbf9f;--line:#dbe9ef;
  --site-type:'IBM Plex Sans',Arial,Helvetica,sans-serif;
  --site-heading:'IBM Plex Sans',Arial,Helvetica,sans-serif;
}
html{background:#fff}
body,button,input,textarea,select{font-family:var(--site-type);font-weight:400}
body{color:#173248;font-size:15px;line-height:1.65;background:#fff}
h1,h2,h3,h4,.brand,.score-value,.stats-grid strong{font-family:var(--site-heading);font-weight:600;letter-spacing:-.038em}
h1{font-weight:600;letter-spacing:-.055em}
h2{font-weight:600;letter-spacing:-.045em}
h3{font-weight:600}
p{color:#526d7d}
.btn,.main-nav,.nav-cta,.dropdown-toggle,.page-hero-bottom,.feature-badge{font-weight:600}
.dark-surface,.hero,.page-hero,.feature-hero,.final-cta,.planner-section,.feature-end{background:#f0f7fb;color:#152d40}
.dark-surface p,.hero p,.page-hero p,.feature-hero p,.final-cta p,.planner-section p,.feature-end p{color:#536e7e}
.tinted-section{background:#f6fafc}
.site-header{background:#fff;border-bottom:1px solid #e0ebf0;box-shadow:0 2px 12px rgba(15,55,72,.045)}
.brand,.site-header .brand{color:#143b58;font-weight:700;letter-spacing:-.052em}
.main-nav,.main-nav a,.main-nav a:not(.nav-cta),.dropdown-toggle{color:#24485f}
.main-nav a:not(.nav-cta):hover,.dropdown-toggle:hover,.dropdown-toggle[aria-expanded=true]{color:#078eab}
.nav-cta,.main-nav .nav-cta{background:#076b8a;color:white;border:1px solid #076b8a;box-shadow:0 3px 12px #09658c14}
.nav-cta:hover,.main-nav .nav-cta:hover{background:#075a75;color:white}
.nav-toggle span{background:#203e53}
.dropdown-menu{background:white;border:1px solid #ddeaf0;box-shadow:0 20px 40px #0e3d511d}
.main-nav .dropdown-menu a{color:#315166}
.main-nav .dropdown-menu a:hover{background:#eaf5f9;color:#077c98}
.main-nav .dropdown-menu .dropdown-all{background:#edf7fa;color:#087a94}
.dropdown-toggle .chevron{opacity:.65}
.eyebrow,.eyebrow.light{color:#14809c;font-weight:700}
.eyebrow-line{background:#1698ad}
.btn-aqua{background:#087fa3;color:#fff}
.btn-aqua:hover{background:#056985;color:#fff;box-shadow:0 10px 22px #0c75992e}
.btn-ghost{color:#1e536e;background:white;border-color:#b7d1dd}
.btn-ghost:hover{color:#064e6f;background:#e6f4f9;border-color:#9fc8d7}
.btn-dark{background:#153f57;color:white}
.btn-dark:hover{background:#246580}
.btn-outline{background:white;color:#174d69;border-color:#b6d0db}
.hero{background:radial-gradient(ellipse at 77% 38%,#d9f1f8 0,transparent 45%),linear-gradient(135deg,#f6fbfd,#eaf5fa)}
.hero-grid{background-image:linear-gradient(#6498b010 1px,transparent 1px),linear-gradient(90deg,#6498b010 1px,transparent 1px);opacity:.5}
.hero:before{border-color:#cee6ee;box-shadow:0 0 0 130px #d1eaf120,0 0 0 230px #d1eaf113}
.hero-copy h1{color:#152f44;font-weight:600;letter-spacing:-.061em;line-height:1.09}
.hero-copy h1 span{color:#447a92}
.hero-copy .lead{color:#466879;line-height:1.8}
.trial-note{color:#537b8d!important}
.hero-caption{color:#477b92;margin-top:42px}
.caption-slash{color:#229ab0}
.hero-edge{background:#159bb9;height:3px}
.product-shot-frame,.screenshot-frame{background:#fff;border:1px solid #cee1eb;box-shadow:0 26px 55px #2455751b;border-radius:15px}
.product-shot-frame{padding:12px}
.product-shot-frame img,.screenshot-frame img{border:1px solid #e0e8ed;border-radius:8px;background:#f9fcfd}
.screenshot-heading,.shot-top{color:#42697b;background:#f7fafc;border-radius:5px}
.shot-label{color:#1a809a}
.shot-foot,.screenshot-frame figcaption{color:#5d7b8e;font-size:12px}
.shot-foot a,.screenshot-frame figcaption a{color:#087d9d;font-weight:600}
.status-dot{background:#38bfa0;box-shadow:0 0 0 4px #35bda01e}
.stats-grid strong{font-size:40px}
.stats-grid small{color:#698495}
.stats-grid span:not(.stat-plus):not(.stat-arrow){color:#346780}
.stats-section{border-bottom:1px solid #e1edf1}
.stat-aside p{color:#4d6d7f}
.stat-aside em{color:#04839c}
.page-hero{background:linear-gradient(115deg,#f1f8fc,#eaf4f9);padding:75px 0 42px}
.page-hero h1{color:#172f42;font-weight:600}
.page-hero h1 span{color:#618da1}
.page-hero p{color:#516e81;margin-bottom:49px}
.page-hero-bottom{border-top:1px solid #d6e6ed;color:#52758b}
.page-hero-bottom a{color:#077c9a}
.page-hero-bottom b{color:#2798b1}
.feature-hero{background:linear-gradient(130deg,#f7fbfd,#e7f3f8);padding:33px 0 79px}
.feature-breadcrumb{color:#658093;margin-bottom:55px}
.feature-breadcrumb a{color:#087c9c}
.feature-hero h1{font-weight:600;color:#153248}
.hero-period{color:#1ba4bd}
.feature-deck{color:#456d82!important;font-size:18px;line-height:1.7}
.feature-feature-icon{background:#e4f4f9;color:#1385a2;border:1px solid #c7e4ee}
.feature-badge{background:white;color:#176e8b;border-color:#c9e4eb}
.feature-hero-media .screenshot-frame{transform:none;box-shadow:0 25px 48px #235d7a22}
.feature-hero .trial-note{color:#5b7b8c!important}
.feature-end{background:#edf7fa;border-top:1px solid #d9eaf1}
.feature-end h2{color:#18394f}
.feature-end p{color:#526e7e}
.package-spotlight{background:linear-gradient(140deg,#e9f4f9,#f9fcfd);border:1px solid #ccdfeb;color:#19364a;box-shadow:0 20px 40px #1e53670b}
.package-spotlight h3{color:#1b364a}
.package-spotlight p{color:#557386}
.package-spotlight>div>span{color:#137f9c}
.price-preview-grid>div{background:white;border:1px solid #c5deea;color:#1a3f58}
.price-preview-grid .preview-highlight{background:#ddf1f8;border-color:#6fbad1;color:#124865}
.price-preview-grid small{color:#23758d}
.price-preview-grid span{color:#5b8294}
.spotlight-secondary{color:#087e9d}
.planner-section{background:#f1f8fb}
.planner-copy h2{color:#1b3447}
.planner-copy h2 span{color:#648ba1}
.planner-pill{background:#e8f7fa!important;color:#167f95!important;border-color:#b5dae4!important}
.planner-section .btn-ghost{color:#1e536e}
.final-cta{background:#eaf5fa;border-top:1px solid #d3e5ef}
.final-cta h2{color:#17354b}
.final-cta h2 span{color:#638ea2}
.final-cta p{color:#54748a}
.directory-showcase,.directory-showcase.directory-light{background:white;color:#163348;border:1px solid #d3e4eb;box-shadow:0 18px 38px #204b6211}
.directory-showcase small{color:#1a799a}
.directory-showcase img{background:#f7fbfd}
.directory-card-link{padding:27px}
.directory-card h3{font-weight:600}
.directory-card .feature-kicker{font-weight:600}
.directory-read{font-weight:600}
.pricing-card.featured-plan{background:#eef9fc;border:1px solid #60bed1;border-top:4px solid #129ab3;color:#16435b;box-shadow:0 16px 35px #1e73951e}
.pricing-card.featured-plan p,.pricing-card.featured-plan small,.pricing-card.featured-plan .plan-allowances small{color:#54798a}
.pricing-card.featured-plan .pricing-price strong,.pricing-card.featured-plan .plan-inclusions li,.pricing-card.featured-plan h3{color:#193a4c}
.pricing-card.featured-plan .btn-aqua{color:white}
.comparison-tab.active{background:#0c7898;border-color:#0c7898;color:white}
.compare-table thead th{background:#e3f1f7!important;color:#16384b!important;border-bottom:1px solid #bbd8e4}
.compare-table thead th small{color:#357a94!important}
.compare-table thead th:nth-child(6){background:#d4edf5!important}
.compare-table tr:nth-child(even){background:#f8fbfc}
.graphic-card,.monitor-feed{background:#f8fcfe;border:1px solid #dae9f0;color:#173b51;box-shadow:0 15px 40px #17587310}
.graphic-header,.feed-label{color:#31778d;border-color:#cddfe9}
.graphic-badge{background:#e6f4f7;color:#357b90}
.monitor-feed *{color:inherit}
.step-card,.detail-card,.directory-card,.related-card{box-shadow:0 9px 28px #0c47680a}
.site-footer{background:#f8fbfc;color:#294b62;border-top:1px solid #dce9ee}
.site-footer .brand{color:#17425c}
.footer-main{color:#294b62}
.footer-about p,.footer-join p{color:#607c8c}
.footer-motto{color:#16809c}
.footer-links h3,.footer-notice h3,.footer-join h2{color:#1b435a}
.footer-links a{color:#4e6d7d}
.footer-links a:hover{color:#087e9e}
.footer-join{border-bottom:1px solid #dce9ef}
.footer-bottom{border-top-color:#dce9ef;color:#648393}
.footer-join h2{font-weight:600}
@media(max-width:900px){
 .main-nav{background:white;border:1px solid #e2edf0;box-shadow:0 25px 30px #163e551b}
 .main-nav a{border-bottom:1px solid #ecf2f5;color:#17384d}
 .dropdown-toggle{border-bottom:1px solid #e7eff3}
 .dropdown-menu{background:#f5fafc;border-color:#d9e8ee}
 .main-nav .dropdown-menu a{color:#245771}
}
/* Interactive screenshot tab views, grouped within a single feature */
.real-screen-section .section-intro p{max-width:440px}
.screen-switcher{background:white;border:1px solid #dce9ef;box-shadow:0 18px 45px #1b58700d;border-radius:16px;padding:22px}
.screen-view-tabs{display:flex;gap:9px;overflow-x:auto;padding:0 0 17px;scrollbar-width:thin;scrollbar-color:#b8d9e6 transparent;scroll-snap-type:x proximity}
.screen-view-tab{flex:none;display:inline-flex;align-items:center;gap:9px;color:#3e6477;border:1px solid #d5e5ed;background:#f8fcfd;border-radius:8px;padding:12px 15px;font-size:12px;font-weight:600;white-space:nowrap;scroll-snap-align:start;transition:background .15s,color .15s,border .15s}
.screen-view-tab:hover{border-color:#76b6ce;color:#106985}
.screen-view-tab.is-active{background:#e1f4f8;border-color:#69bacc;color:#076885}
.screen-tab-number{font-size:12px;color:#5b94a8;font-weight:600}
.screen-view-panel[hidden]{display:none!important}
.real-product-frame{border:0;margin:0}
.real-product-frame>img{display:block;width:100%;height:auto;max-height:700px;object-fit:contain;border:1px solid #e2ebef;border-radius:9px;background:#f8fbfd}
.real-product-frame figcaption{padding:16px 2px 4px;display:flex;align-items:center;gap:18px;justify-content:space-between;color:#33576d}
.real-product-frame figcaption span{display:flex;flex-direction:column;gap:4px}
.real-product-frame figcaption strong{font-weight:600;font-size:15px}
.real-product-frame figcaption small{color:#6b8697;font-size:12px}
.real-product-frame figcaption a{display:inline-flex;align-items:center;gap:6px;color:#086e91;font-size:12px;font-weight:600;white-space:nowrap}
.real-product-frame figcaption .ki{width:14px;height:14px}
@media(max-width:660px){
 .screen-switcher{padding:11px}
 .screen-view-tabs{gap:6px;padding:4px 0 12px}
 .screen-view-tab{padding:9px 10px;font-size:12px}
 .real-product-frame figcaption{align-items:flex-start;flex-direction:column;gap:10px}
 .real-product-frame>img{max-height:none}
 .hero-content{padding-top:52px;padding-bottom:70px}
 .feature-hero{padding:28px 0 55px}
 .feature-hero h1{font-size:clamp(37px,10vw,52px)}
 .product-shot-frame{padding:8px}
 .real-screen-section{padding-top:67px;padding-bottom:67px}
}

/* Natural proportions of supplied application captures */
.screenshot-frame img,.shot-gallery-item img{aspect-ratio:1895/954;object-fit:contain}

/* v4: truly fluid full-width site layout */
:root{--container:none;--site-gutter:clamp(20px,3.2vw,66px)}
.container{max-width:none;width:100%;padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.site-header .container,.site-footer>.container{max-width:none}
.hero-content{grid-template-columns:minmax(380px,.86fr) minmax(0,1.14fr);gap:clamp(32px,4vw,100px);min-height:650px;padding-top:clamp(70px,7vw,125px);padding-bottom:clamp(72px,8vw,130px)}
.hero-product-screenshot{min-width:0}
.product-shot-frame{width:100%}
.hero-copy .lead{max-width:760px}
.feature-hero-grid{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:clamp(30px,4vw,85px)}
.feature-hero-media,.feature-hero-media .screenshot-frame{max-width:none}
.section-intro.split-heading{gap:clamp(25px,5vw,100px)}
.real-screen-section .section-intro p{max-width:760px}
.real-product-frame>img{max-height:none;object-fit:contain}
.screen-switcher{padding:clamp(12px,2vw,34px)}
.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.shot-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.footer-main{gap:clamp(30px,3vw,72px)}
body{font-family:'IBM Plex Sans',Arial,sans-serif}
@media(max-width:1250px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hero-content,.feature-hero-grid{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){:root{--site-gutter:19px}.directory-grid,.shot-gallery-grid{grid-template-columns:1fr}.hero-content{min-height:0;padding-top:48px;padding-bottom:58px}.screen-switcher{padding:11px}}
/* Brand signature: animated wire-mesh, not market information */
.signal-signature-section{padding:clamp(55px,5.2vw,100px) 0;background:linear-gradient(108deg,#f7fbfd,#edf8fb 70%,#f8fcfd);border-top:1px solid #ddeef3;border-bottom:1px solid #d9eaf0;overflow:hidden}
.signal-signature-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(25px,4vw,90px);align-items:center}
.signal-signature-copy h2{font-size:clamp(32px,3.9vw,66px);line-height:1.12;margin:0 0 23px;max-width:690px}
.signal-signature-copy p{font-size:clamp(15px,1.1vw,18px);max-width:620px}
.signature-mini-line{display:flex;align-items:center;gap:12px;color:#35758f;font-size:12px;font-weight:600;letter-spacing:.055em;margin-top:28px}
.signature-mini-line:before{content:'';height:2px;width:34px;background:#45c4c7}
.signal-visual{min-height:360px;position:relative;border:1px solid #d0e9f0;border-radius:22px;background:radial-gradient(circle at 48% 46%,#dbf7f5 0,#eefaff 43%,#f9fdff 84%);box-shadow:0 22px 55px rgba(36,117,141,.09);overflow:hidden}
.signal-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(#338eaa0d 1px,transparent 1px),linear-gradient(90deg,#338eaa0d 1px,transparent 1px);background-size:36px 36px;pointer-events:none}
.signal-visual canvas,.signal-visual .signal-static{position:absolute;inset:0;width:100%;height:100%;display:block}
.signal-visual canvas{opacity:0;transition:opacity .45s}
.signal-visual.is-rendering canvas{opacity:1}
.signal-visual.is-rendering .signal-static{opacity:0}
.signal-visual .signal-static{object-fit:contain;transition:opacity .45s}
.signal-stamp{position:absolute;bottom:17px;left:21px;display:flex;gap:9px;align-items:center;padding:9px 13px;border-radius:30px;background:#ffffffd9;color:#2e6882;border:1px solid #d0e7ee;font-size:12px;font-weight:600;letter-spacing:.05em;backdrop-filter:blur(10px)}
.signal-stamp .pulse-dot{width:7px;height:7px;border-radius:50%;background:#2dbeb9;box-shadow:0 0 0 4px #2dbeb921}
.signature-disclaimer{font-size:12px;color:#6b8a9a;margin-top:11px}
.footer-signal-mark{width:142px;max-width:100%;height:auto;opacity:.82;display:block;margin-top:22px;mix-blend-mode:multiply}
@media(max-width:900px){.signal-signature-layout{grid-template-columns:1fr}.signal-visual{min-height:320px}}
@media(max-width:660px){.signal-visual{min-height:245px;border-radius:13px}.signal-signature-copy h2{font-size:36px}.signal-stamp{bottom:10px;left:10px;font-size:12px;padding:7px 10px}}
/* Group actual product tabs by product context */
.product-view-group+.product-view-group{margin-top:clamp(35px,5vw,72px)}
.product-view-label{margin:0 0 13px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.product-view-label strong{font-size:21px;font-weight:600;color:#17435e}
.product-view-label span{font-size:13px;color:#688b9a}
.product-view-group .screen-switcher{background:#fff}
/* Policy pages: wide canvas, restrained reading measure */
.legal-hero{background:linear-gradient(115deg,#f1f9fc,#eaf5f9);border-bottom:1px solid #d9eaf0;padding:clamp(55px,6vw,100px) 0}
.legal-hero h1{font-size:clamp(38px,4.5vw,72px);margin-bottom:19px}
.legal-hero p{max-width:810px;font-size:17px;margin:0}
.legal-meta{margin-top:25px;font-size:13px;color:#56788b}
.legal-shell{display:grid;grid-template-columns:minmax(180px,270px) minmax(0,950px);gap:clamp(30px,5vw,120px);padding-top:clamp(45px,5vw,90px);padding-bottom:clamp(75px,7vw,140px);align-items:start}
.legal-nav{position:sticky;top:110px;border-left:2px solid #d3e9ef;padding-left:20px;display:grid;gap:11px}
.legal-nav strong{color:#155874;font-size:13px;margin-bottom:10px}
.legal-nav a{color:#52788c;font-size:13px}.legal-nav a:hover{color:#087b9b;text-decoration:underline}
.legal-content h2{font-size:clamp(23px,2.2vw,32px);margin:39px 0 12px;letter-spacing:-.02em;scroll-margin-top:120px}
.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{font-size:15px;line-height:1.87;color:#46697c}
.legal-content ul{padding-left:20px}.legal-content a{color:#087e9e;text-decoration:underline;text-underline-offset:3px}
.legal-content .legal-note{padding:23px;background:#f0f8fa;border-left:3px solid #2aa5bb;border-radius:0 9px 9px 0;margin:29px 0}
.footer-legal-links{display:flex;gap:clamp(10px,1.3vw,22px);flex-wrap:wrap;align-items:center}
.footer-legal-links a{color:#3d6c86;font-size:12px;text-decoration:none}
.footer-legal-links a:hover{color:#087b99;text-decoration:underline}
.footer-bottom{flex-wrap:wrap;column-gap:28px;row-gap:12px}
@media(max-width:860px){.legal-shell{grid-template-columns:1fr}.legal-nav{position:static;display:flex;flex-wrap:wrap;gap:10px 15px;padding:0 0 18px;border:0;border-bottom:1px solid #d9e8ef}.legal-nav strong{width:100%;margin-bottom:0}}


/* v5 - readable 80% content width while retaining full-bleed section backgrounds. */
:root{--desktop-content-width:80%;--site-header-height:86px}
.container,.site-header .container,.site-footer>.container{width:var(--desktop-content-width);max-width:none;padding-left:0;padding-right:0;margin-inline:auto}
.section-intro{max-width:780px}
.hero-content{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(35px,4vw,86px)}
.feature-hero-grid{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr)}
/* keep navigation dropdown full viewport width, with content aligned at the 80% body measure */
.main-nav,.dropdown-toggle{font-size:14px}
.dropdown-menu{
  position:fixed;top:var(--site-header-height);left:0;right:0;width:100%;max-height:calc(100vh - var(--site-header-height));
  overflow-y:auto;display:none!important;grid-template-columns:none;gap:0;margin:0;padding:26px max(22px,10vw) 34px;
  background:rgba(255,255,255,.985);border:0;border-top:1px solid #dceaf0;border-bottom:1px solid #cddfe8;
  border-radius:0;box-shadow:0 22px 36px rgba(16,59,83,.13);z-index:150
}
.nav-dropdown.open .dropdown-menu{display:block!important}
.dropdown-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid #dfebf0;padding-bottom:18px;margin-bottom:18px}
.dropdown-heading>div{display:grid;gap:3px}
.dropdown-heading strong{font-size:19px;color:#15394e;font-weight:600}
.dropdown-kicker{font-size:12px;font-weight:600;letter-spacing:.13em;color:#168aaa}
.main-nav .dropdown-menu .dropdown-all{display:inline-flex;gap:11px;align-items:center;justify-content:center;background:#eaf7fa;color:#096580;font-weight:600;font-size:14px;border-radius:6px;padding:11px 16px;white-space:nowrap}
.dropdown-all .ki{width:17px;height:17px}
.dropdown-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:8px}
.main-nav .dropdown-feature-item{display:flex;align-items:center;gap:13px;min-width:0;padding:12px 11px;border-radius:9px;color:#24495e;font-size:14px;font-weight:500}
.main-nav .dropdown-feature-item:hover{background:#edf7fa}
.dropdown-icon{width:42px;height:42px;flex:0 0 42px;border:1px solid #d6edf3;display:grid;place-items:center;border-radius:10px;color:#0782a1;background:#eefafb}
.menu-feature-icon{width:22px;height:22px}
.dropdown-feature-text{display:grid;gap:2px;min-width:0}
.dropdown-feature-text strong{font-size:14px;font-weight:600;line-height:1.35;color:#173d52}
.dropdown-feature-text small{font-size:12px;line-height:1.4;color:#648495;font-weight:400}
/* All authored body and interface text >=12px, including element labels in overlays */
.signal-signature-section .signal-signature-layout{align-items:center}
.signal-visual{height:390px;min-height:390px;background:radial-gradient(circle at 53% 45%,#e3faf8 0,#f0fafd 50%,#fff 100%)}
.signal-visual:before{background-size:42px 42px;opacity:.75}
.signal-visual canvas,.signal-visual .signal-static{z-index:1;top:0;bottom:0;left:0;right:0;width:100%;height:100%;mask-image:linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%)}
.signal-hud{position:absolute;left:21px;top:17px;right:21px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}
.signal-hud-tag{display:inline-block;color:#167491;background:rgba(255,255,255,.83);border:1px solid #d6edf1;padding:6px 9px;border-radius:5px;font-size:12px;font-weight:600;letter-spacing:.06em}
.signal-hud-metrics{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.signal-hud-metrics span{background:rgba(255,255,255,.83);border:1px solid #d9ebef;color:#52788e;padding:5px 9px;border-radius:5px;font-size:12px}
.signal-hud-metrics b{color:#126c85;font-weight:600}
.signal-day-pill{position:absolute;right:20px;bottom:18px;z-index:2;background:rgba(255,255,255,.9);border:1px solid #d6e7ec;color:#236b86;padding:7px 12px;border-radius:30px;font-size:12px;font-weight:600;white-space:nowrap}
.signal-stamp{z-index:2;font-size:12px}
.signature-disclaimer{font-size:12px}
@media(max-width:1400px){:root{--desktop-content-width:86%}.dropdown-menu{padding-left:7vw;padding-right:7vw}.dropdown-feature-grid{column-gap:10px}}
@media(max-width:1100px){:root{--desktop-content-width:90%}.dropdown-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dropdown-menu{padding-left:5vw;padding-right:5vw}.hero-content{gap:36px}}
@media(max-width:900px){:root{--desktop-content-width:calc(100% - 40px);--site-header-height:70px}
 .dropdown-menu{position:static;top:auto;width:100%;max-height:60vh;overflow-y:auto;box-shadow:none;border:1px solid #deedf2;border-radius:8px;padding:13px;background:#f5fbfd}
 .dropdown-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .dropdown-heading{display:block;padding-bottom:12px;margin-bottom:10px}
 .dropdown-heading strong{font-size:16px}.dropdown-heading .dropdown-all{margin-top:12px}
 .main-nav .dropdown-feature-item{padding:9px 6px}.dropdown-icon{width:36px;height:36px;flex-basis:36px}
 .menu-feature-icon{width:20px;height:20px}
 .signal-signature-layout{grid-template-columns:1fr}.signal-visual{height:350px;min-height:350px}
}
@media(max-width:600px){:root{--desktop-content-width:calc(100% - 34px)}
 .dropdown-feature-grid{grid-template-columns:1fr}
 .signal-visual{height:285px;min-height:285px}
 .signal-hud{left:10px;right:10px;top:9px;display:block}
 .signal-hud-tag{font-size:12px}.signal-hud-metrics{justify-content:flex-start;gap:5px;margin-top:7px}
 .signal-hud-metrics span{padding:3px 6px}
 .signal-stamp{font-size:12px;bottom:8px;left:8px;padding:5px 9px}
 .signal-day-pill{right:8px;bottom:9px;padding:5px 8px}
}
/* Keep the mega-menu primary feature labels at the same 14px scale as the navigation. */
.main-nav .dropdown-menu a.dropdown-feature-item{display:flex;font-size:14px;padding:12px 11px;border-bottom:0}
.main-nav .dropdown-menu .dropdown-feature-text strong{font-size:14px}
.main-nav .dropdown-menu .dropdown-feature-text small{font-size:12px}
@media(max-width:900px){.main-nav .dropdown-menu a.dropdown-feature-item{padding:9px 6px}}


/* v6: wider real-screen section heading area to reduce excessive wrapping */
.real-screen-section .section-intro.split-heading{
  display:grid;
  grid-template-columns:minmax(480px,1.35fr) minmax(280px,.75fr);
  gap:clamp(28px,4vw,72px);
  align-items:end;
}
.real-screen-section .section-intro.split-heading > :first-child{
  min-width:0;
  max-width:min(900px,100%);
}
.real-screen-section .section-intro.split-heading h2{
  max-width:900px;
  margin-bottom:0;
}
.real-screen-section .section-intro.split-heading p{
  max-width:520px;
  margin:0 0 12px;
  justify-self:start;
}
@media(max-width:1100px){
  .real-screen-section .section-intro.split-heading{
    grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
    gap:clamp(24px,3vw,46px);
  }
}
@media(max-width:780px){
  .real-screen-section .section-intro.split-heading{
    display:block;
  }
  .real-screen-section .section-intro.split-heading p{
    max-width:680px;
    margin-top:18px;
    margin-bottom:0;
  }
}


/* v5.2: Klarodex Signal simplified to sound-trend visual only */
.signal-visual-soundtrend{background:radial-gradient(circle at 50% 42%,#eef9f6 0,#f7fbfd 56%,#ffffff 100%)}
.signal-visual-soundtrend:before{display:none}
.signal-visual-soundtrend .signal-hud,
.signal-visual-soundtrend .signal-day-pill,
.signal-visual-soundtrend .signal-stamp{display:none!important}
.signal-visual-soundtrend canvas,
.signal-visual-soundtrend .signal-static{mask-image:linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%)}


/* v5.3: signal integrated into section background + yearly pricing */
.signal-signature-section{position:relative;background:linear-gradient(115deg,#f5fbfd 0%,#eef8fb 52%,#f8fcfe 100%)}
.signal-signature-layout{position:relative;display:block;min-height:440px;padding-block:clamp(6px,1vw,12px)}
.signal-signature-copy{position:relative;z-index:2;max-width:min(980px,74%)}
.signal-signature-copy h2{max-width:none;font-size:clamp(40px,5.2vw,76px)}
.signal-signature-copy p{max-width:min(820px,100%);font-size:clamp(16px,1.2vw,19px)}
.signal-signature-layout>div:last-child{position:absolute;inset:0;z-index:0;pointer-events:none}
.signal-signature-layout>div:last-child .signature-disclaimer{display:none}
.signal-signature-layout>div:last-child .signal-visual{position:absolute;inset:4% -2% 6% 18%;min-height:0;height:auto;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;opacity:.34}
.signal-signature-layout>div:last-child .signal-visual:before{display:none}
.signal-signature-layout>div:last-child .signal-visual canvas,.signal-signature-layout>div:last-child .signal-visual .signal-static{object-fit:contain}
.signature-mini-line{margin-top:32px}
.pricing-price{display:block;gap:0}
.pricing-price-main{display:flex;align-items:baseline;gap:10px}
.pricing-yearly{display:grid;gap:3px;margin-top:9px}
.pricing-yearly small{font-size:13px;font-weight:700;color:#175a73}
.pricing-yearly span{font-size:12px;color:#6f8797}
.featured-plan .pricing-yearly small{color:#8be1e9}
.featured-plan .pricing-yearly span{color:#a8c6d7}
.compare-table thead small.annual-price{display:block;margin-top:4px;font-size:12px;color:#5a7d90;font-weight:600}
.price-preview-grid .price-preview-year{display:block;margin-top:8px;color:#2f7088;font-size:12px;font-weight:700;letter-spacing:0}
.price-preview-grid .preview-highlight .price-preview-year{color:#195f79}
@media(max-width:900px){
  .signal-signature-layout{min-height:355px}
  .signal-signature-copy{max-width:100%}
  .signal-signature-layout>div:last-child .signal-visual{inset:28% -12% 0 -6%;opacity:.27}
}
@media(max-width:620px){
  .signal-signature-layout{min-height:300px}
  .signal-signature-copy h2{font-size:42px}
  .signal-signature-layout>div:last-child .signal-visual{inset:35% -30% 0 -20%;opacity:.22}
}


/* v5.4: integrate the Klarodex Signal into the section background */
.signal-signature-section{position:relative;overflow:hidden;background:linear-gradient(115deg,#f5fbfd 0%,#edf8fb 55%,#f8fcfe 100%)}
.signal-signature-section > .signal-signature-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.signal-signature-section > .signal-signature-bg .signal-visual{position:absolute;inset:0;min-height:0;height:100%;border:0;border-radius:0;background:none!important;box-shadow:none;overflow:hidden;opacity:.42}
.signal-signature-section > .signal-signature-bg .signal-visual:before{display:none}
.signal-signature-section > .signal-signature-bg .signal-visual canvas,
.signal-signature-section > .signal-signature-bg .signal-visual .signal-static{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to right, transparent 0%, #000 14%, #000 86%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 14%, #000 86%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%)}
.signal-signature-layout{position:relative;z-index:1;display:block;min-height:430px;padding-top:clamp(18px,2vw,26px);padding-bottom:clamp(18px,2.5vw,36px)}
.signal-signature-section .container{width:min(88vw,1540px)}
.signal-signature-copy{max-width:min(980px,70%)}
.signal-signature-copy h2{max-width:none;font-size:clamp(44px,5.3vw,78px);line-height:1.04;letter-spacing:-.05em}
.signal-signature-copy p{max-width:min(860px,100%);font-size:clamp(16px,1.22vw,19px);line-height:1.85}
.signature-mini-line{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;margin-top:26px;color:#35758f;font-size:12px;font-weight:600;letter-spacing:.045em}
.signature-mini-line:before{content:'';height:2px;width:36px;background:#45c4c7;flex:0 0 auto}
.signature-mini-line span{position:relative;display:inline-flex;align-items:center;gap:0}
.signature-mini-line span+span:before{content:'/';color:#67a1b5;margin-right:18px}
@media(max-width:1000px){
  .signal-signature-section .container{width:min(92vw,1540px)}
  .signal-signature-copy{max-width:86%}
}
@media(max-width:760px){
  .signal-signature-layout{min-height:320px}
  .signal-signature-copy{max-width:100%}
  .signal-signature-section > .signal-signature-bg .signal-visual{opacity:.30}
  .signal-signature-copy h2{font-size:clamp(38px,10vw,52px)}
}
@media(max-width:560px){
  .signal-signature-layout{min-height:280px}
  .signal-signature-section > .signal-signature-bg .signal-visual{opacity:.24}
  .signature-mini-line{gap:10px 14px}
  .signature-mini-line span+span:before{margin-right:14px}
}


/* v5.5: stronger Klarodex-colour background signal with wider vertical reach */
.signal-signature-section > .signal-signature-bg .signal-visual{opacity:.68;filter:saturate(1.08)}
.signal-signature-section > .signal-signature-bg .signal-visual canvas,
.signal-signature-section > .signal-signature-bg .signal-visual .signal-static{mask-image:linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%)}
.signal-signature-layout{min-height:455px;padding-top:clamp(24px,2.5vw,34px);padding-bottom:clamp(26px,2.8vw,40px)}
.signal-signature-copy{max-width:min(980px,72%)}
.signal-signature-copy h2{max-width:min(980px,100%)}
@media(max-width:760px){
  .signal-signature-section > .signal-signature-bg .signal-visual{opacity:.48}
  .signal-signature-layout{min-height:345px}
}
@media(max-width:560px){
  .signal-signature-section > .signal-signature-bg .signal-visual{opacity:.38}
  .signal-signature-layout{min-height:295px}
}


/* v5.6.1: keep signal within the text-height band rather than full section height */
.signal-signature-section > .signal-signature-bg .signal-visual{top:18%;bottom:18%;left:0;right:0;height:auto}
.signal-signature-section > .signal-signature-bg .signal-visual canvas,
.signal-signature-section > .signal-signature-bg .signal-visual .signal-static{mask-image:linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 3%, #000 97%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 3%, #000 97%, transparent 100%)}
@media(max-width:760px){
  .signal-signature-section > .signal-signature-bg .signal-visual{top:20%;bottom:20%}
}
@media(max-width:560px){
  .signal-signature-section > .signal-signature-bg .signal-visual{top:23%;bottom:22%}
}


/* v5.6.2: faster motion + 15% left/right edge fade to transparent */
.signal-signature-section > .signal-signature-bg .signal-visual canvas,
.signal-signature-section > .signal-signature-bg .signal-visual .signal-static{
  mask-image:linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);
}


/* v5.7 — performance-tuned signal, 2x visual amplitude, preserved 15% fade. */
.signal-signature-section > .signal-signature-bg .signal-visual{filter:none}
.signal-signature-section > .signal-signature-bg .signal-visual canvas{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%);
}


/* v5.7.2: fix vertical clipping without sacrificing the 200-line sound trend.
   The amplitude is safely fitted by the renderer to the available drawing area. */
.signal-signature-section > .signal-signature-bg .signal-visual{
  top:0;
  bottom:0;
  left:0;
  right:0;
  height:100%;
  min-height:0;
}
@media(max-width:760px){
  .signal-signature-section > .signal-signature-bg .signal-visual{
    top:0;
    bottom:0;
    height:100%;
  }
}

/* v5.7.2: supersede legacy rule that positioned the copy as the old visual. */
.signal-signature-section .signal-signature-layout > .signal-signature-copy{
  position:relative;
  inset:auto;
  z-index:2;
  pointer-events:auto;
}


/* v5.7.5 - Give editorial introductions the same usable width as their sections.
   The earlier generic .section-intro 780px cap was causing a 50/50 split inside
   that narrow area and forcing headlines to break into 3-4 short lines. */
.section-intro.split-heading {
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(265px, 340px);
  align-items: end;
  column-gap: clamp(32px, 4vw, 76px);
  row-gap: 16px;
}
.section-intro.split-heading > div:first-child {
  min-width: 0;
  max-width: none;
}
.section-intro.split-heading h2 {
  max-width: none;
}
.section-intro.split-heading > p {
  width: 100%;
  max-width: 340px;
  margin: 0 0 5px;
  justify-self: end;
}
/* Existing screenshot-view introductions have their own special layout. */
@media (max-width: 1180px) {
  .section-intro.split-heading {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    row-gap: 14px;
  }
  .section-intro.split-heading > p {
    justify-self: start;
    max-width: 670px;
    margin: 0;
  }
}
@media (max-width: 780px) {
  .section-intro.split-heading {
    display: block;
  }
  .section-intro.split-heading > p {
    max-width: 680px;
    margin: 18px 0 0;
  }
}


/* Klarodex v5.8 — investor positioning, audience pages and hero showcase */
:root{--muted:#456377}
p,.section-intro p,.feature-copy>p,.detail-intro-grid>p,.feature-deck,.note-text,.trial-note,.coverage-note{color:#456377}
.text-muted{color:#5a7b8d}
.hero-copy .lead{max-width:620px;color:#3f6175}
.hero-content-investor{grid-template-columns:minmax(0,.9fr) minmax(600px,1.1fr);gap:44px}
.hero-copy .hero-coverage{margin-top:22px;max-width:640px;color:#31556a;font-size:13px;line-height:1.8;font-weight:500}
.hero-copy .hero-coverage strong{color:#14324a}
.hero-copy .hero-coverage span{color:#0e89a8;margin:0 7px}
.hero-showcase-product{padding:18px 0 12px}
.hero-showcase-shell{position:relative}
.hero-showcase-caption{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;letter-spacing:.14em;color:#2d647f;font-weight:700;text-transform:uppercase}
.hero-showcase-stage{position:relative;height:530px;perspective:1800px}
.showcase-card{position:absolute;margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(18,63,88,.18);background:#091625;box-shadow:0 26px 60px rgba(8,34,49,.14)}
.showcase-card img{display:block;width:100%;height:auto}
.showcase-top{display:flex;align-items:center;gap:9px;padding:11px 15px;background:linear-gradient(180deg,#0e2438,#10293f);color:#d9eef5;font-size:11px;font-weight:700;letter-spacing:.09em;white-space:nowrap}
.showcase-top .status-dot{background:#54d7e3;box-shadow:none}
.showcase-card-overview{left:0;top:92px;width:34%;transform:rotate(-1.4deg) rotateY(28deg);z-index:1}
.showcase-card-company{left:13%;top:38px;width:36%;transform:rotate(-.6deg) rotateY(18deg);z-index:2}
.showcase-card-signals{left:29%;top:0;width:42%;transform:translateZ(0) scale(1.02);z-index:5;box-shadow:0 30px 80px rgba(8,34,49,.2)}
.showcase-card-ops{right:12%;top:38px;width:36%;transform:rotate(.7deg) rotateY(-18deg);z-index:3}
.showcase-card-news{right:0;top:92px;width:34%;transform:rotate(1.4deg) rotateY(-28deg);z-index:1}
.hero-showcase-foot{margin-top:18px;color:#4d6b7d;font-size:13px;line-height:1.7}
.hero-showcase-foot a{color:#0b7897;font-weight:700}
.exchanges-section{padding:88px 0 84px}
.exchange-chip-grid{display:flex;flex-wrap:wrap;gap:12px}
.exchange-chip-grid span{display:inline-flex;align-items:center;min-height:40px;padding:9px 16px;border:1px solid #cfe1ea;border-radius:999px;background:#fff;color:#173950;font-size:13px;font-weight:700}
.coverage-note{margin-top:18px;font-size:13px}
.footer-main{grid-template-columns:1.25fr .8fr .9fr .85fr 1.3fr}
.audience-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.audience-card{display:flex;flex-direction:column;gap:12px;padding:28px 24px;border-radius:16px;border:1px solid #d9e7ee;background:#fff;box-shadow:0 6px 18px rgba(14,61,81,.04);transition:transform .2s,box-shadow .2s,border-color .2s;min-height:100%}
.audience-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(14,61,81,.1);border-color:#b9d6e2}
.audience-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#eaf7fa;color:#0b7d99}
.audience-icon .ki{width:22px;height:22px}
.audience-card h3{margin:0;font-size:21px}
.audience-card p{margin:0;line-height:1.8;font-size:14px;flex:1}
.audience-link{display:inline-flex;align-items:center;gap:10px;color:#0a7997;font-size:13px;font-weight:700}
.audience-link .ki{width:16px;height:16px}
@media(max-width:1240px){.hero-content-investor{grid-template-columns:1fr}.hero-showcase-product{max-width:900px;margin:0 auto}.footer-main{grid-template-columns:1fr 1fr 1fr;row-gap:26px}.footer-about,.footer-notice{grid-column:span 3}.audience-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero-showcase-stage{height:450px}.showcase-card-overview{width:34%;top:75px}.showcase-card-company{width:36%;left:11%}.showcase-card-signals{width:44%;left:28%}.showcase-card-ops{width:36%;right:11%}.showcase-card-news{width:34%;top:75px}.footer-main{grid-template-columns:1fr 1fr}.footer-about,.footer-notice{grid-column:1/-1}}
@media(max-width:700px){.hero-copy .hero-coverage{font-size:12px}.hero-showcase-stage{height:430px}.showcase-card-overview{left:-4px;width:37%;top:92px}.showcase-card-company{left:11%;width:40%;top:48px}.showcase-card-signals{left:25%;width:50%}.showcase-card-ops{right:9%;width:40%;top:48px}.showcase-card-news{right:-4px;width:37%;top:92px}.audience-card-grid{grid-template-columns:1fr}.exchange-chip-grid{gap:10px}}
@media(max-width:560px){.hero-showcase-stage{height:355px}.showcase-top{padding:8px 10px;font-size:10px}.showcase-card{border-radius:16px}.showcase-card-overview{left:-14px;top:92px;width:38%}.showcase-card-company{left:6%;top:52px;width:42%}.showcase-card-signals{left:21%;top:0;width:58%}.showcase-card-ops{right:6%;top:52px;width:42%}.showcase-card-news{right:-14px;top:92px;width:38%}.footer-main{grid-template-columns:1fr}.footer-about,.footer-notice{grid-column:1/-1}}


/* v5.8.1: reference-inspired portrait screenshot showcase (real Klarodex screenshots) */
.hero-content-investor{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(26px,2.6vw,52px)}
.hero-showcase-product{width:100%;min-width:0;padding:12px 0 0;overflow:visible}
.hero-showcase-shell{width:100%;min-width:0;position:relative}
.hero-showcase-stage{position:relative;width:100%;height:535px;perspective:1500px;transform-style:preserve-3d;overflow:visible;isolation:isolate}
.hero-showcase-stage:after{content:"";position:absolute;left:3%;right:3%;bottom:2px;height:65px;background:radial-gradient(ellipse at 50% 65%,rgba(14,57,82,.18),transparent 65%);filter:blur(22px);z-index:0;pointer-events:none}

.showcase-card{position:absolute;display:block;margin:0;overflow:hidden;max-width:none;border:3px solid #0a1c2d;border-radius:22px;background:#071b2c;box-shadow:10px 26px 46px rgba(7,36,58,.22),0 2px 0 rgba(255,255,255,.12) inset;transform-origin:center bottom;backface-visibility:hidden;transition:transform .35s ease,box-shadow .35s ease;will-change:auto}
.showcase-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;max-width:none}
.hero-showcase-stage{position:relative;height:460px;perspective:1800px}
.showcase-card-markets{left:0;top:152px;width:28%;aspect-ratio:1.85 / 1;transform:rotateY(18deg) skewY(1deg);z-index:1}
.showcase-card-company{left:11%;top:92px;width:31%;aspect-ratio:1.85 / 1;transform:rotateY(12deg) skewY(.6deg);z-index:2}
.showcase-card-signals{left:31%;top:12px;width:38%;aspect-ratio:1.9 / 1;transform:translateZ(22px);z-index:7;box-shadow:12px 32px 66px rgba(7,36,58,.26),0 1px 0 rgba(255,255,255,.1) inset}
.showcase-card-news{right:11%;top:92px;width:31%;aspect-ratio:1.85 / 1;transform:rotateY(-12deg) skewY(-.6deg);z-index:3}
.showcase-card-overview{right:0;top:152px;width:28%;aspect-ratio:1.85 / 1;transform:rotateY(-18deg) skewY(-1deg);z-index:1}
@media(max-width:900px){.hero-showcase-stage{height:350px}.showcase-card{border-width:2px;border-radius:16px}.showcase-card-markets{top:116px}.showcase-card-company{top:68px}.showcase-card-signals{top:8px}.showcase-card-news{top:68px}.showcase-card-overview{top:116px}}
@media(max-width:620px){.hero-showcase-stage{height:245px}.showcase-card{border-width:2px;border-radius:10px}.showcase-card-markets{top:80px;width:30%}.showcase-card-company{top:48px;width:33%}.showcase-card-signals{top:2px;width:42%;left:29%}.showcase-card-news{top:48px;width:33%}.showcase-card-overview{top:80px;width:30%}}
@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}}


/* Preserve a clear two-line research headline on desktop. */
@media(min-width:1241px){.hero-content-investor .hero-copy h1{font-size:clamp(47px,3.25vw,59px);line-height:1.13}}


/* v5.8.3 homepage hero showcase: landscape screenshots stacked horizontally */
.hero-showcase-shell{width:100%}
.hero-showcase-stage{
  position:relative;
  width:100%;
  height:390px;
  perspective:2200px;
  transform-style:preserve-3d;
  overflow:visible;
  isolation:isolate;
}
.hero-showcase-stage:after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:-4px;
  height:54px;
  background:radial-gradient(ellipse at 50% 50%, rgba(10,39,59,.18), transparent 68%);
  filter:blur(18px);
  z-index:0;
  pointer-events:none;
}
.showcase-card{
  position:absolute;
  display:block;
  margin:0;
  overflow:hidden;
  max-width:none;
  border:2px solid rgba(9,28,45,.82);
  border-radius:20px;
  background:#071b2c;
  box-shadow:0 22px 44px rgba(7,36,58,.18), 0 2px 0 rgba(255,255,255,.08) inset;
  transform-origin:center center;
  backface-visibility:hidden;
}
.showcase-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  max-width:none;
}
.showcase-card-markets{left:0; top:126px; width:28%; aspect-ratio:16 / 9; transform:rotateY(28deg) rotateZ(-1.2deg); z-index:1}
.showcase-card-company{left:11%; top:78px; width:31%; aspect-ratio:16 / 9; transform:rotateY(18deg) rotateZ(-.7deg); z-index:2}
.showcase-card-signals{left:30%; top:14px; width:38%; aspect-ratio:16 / 9; transform:translateZ(26px) scale(1.01); z-index:6; box-shadow:0 28px 56px rgba(7,36,58,.22), 0 2px 0 rgba(255,255,255,.08) inset}
.showcase-card-news{left:56%; top:78px; width:31%; aspect-ratio:16 / 9; transform:rotateY(-18deg) rotateZ(.7deg); z-index:2}
.showcase-card-overview{left:72%; top:126px; width:28%; aspect-ratio:16 / 9; transform:rotateY(-28deg) rotateZ(1.2deg); z-index:1}

@media (max-width: 1180px){
  .hero-showcase-stage{height:340px}
  .showcase-card-markets{top:108px}
  .showcase-card-company{top:66px}
  .showcase-card-signals{top:10px}
  .showcase-card-news{top:66px}
  .showcase-card-overview{top:108px}
}
@media (max-width: 900px){
  .hero-showcase-stage{height:300px}
  .showcase-card{border-radius:15px}
  .showcase-card-markets{top:96px; width:29%}
  .showcase-card-company{top:58px; width:32%; left:10%}
  .showcase-card-signals{top:8px; width:40%; left:29%}
  .showcase-card-news{top:58px; width:32%; left:57%}
  .showcase-card-overview{top:96px; width:29%; left:71%}
}
@media (max-width: 620px){
  .hero-showcase-stage{height:235px}
  .showcase-card{border-radius:10px; border-width:2px}
  .showcase-card-markets{top:76px; width:30%}
  .showcase-card-company{top:46px; width:33%; left:9%}
  .showcase-card-signals{top:4px; width:42%; left:28%}
  .showcase-card-news{top:46px; width:33%; left:58%}
  .showcase-card-overview{top:76px; width:30%; left:70%}
}


/* v5.8.5 homepage hero showcase: transparent style 4 composite, enlarged vertically */
.hero-showcase-stage-composite{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  height:clamp(470px, 40vw, 680px);
  min-height:470px;
  perspective:none;
  transform:none;
  overflow:visible;
}
.hero-showcase-stage-composite:after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:2%;
  height:20%;
  background:radial-gradient(ellipse at center, rgba(10,39,59,.18), transparent 72%);
  filter:blur(22px);
  z-index:0;
  pointer-events:none;
}
.hero-showcase-composite{
  position:relative;
  display:block;
  width:auto;
  height:100%;
  max-width:min(112%, 980px);
  object-fit:contain;
  z-index:1;
}
@media (max-width: 1180px){
  .hero-showcase-stage-composite{max-width:940px;height:clamp(420px, 45vw, 600px);min-height:420px;margin:0 auto}
}
@media (max-width: 900px){
  .hero-showcase-stage-composite{height:360px;min-height:360px}
  .hero-showcase-stage-composite:after{left:8%;right:8%;height:18%}
}
@media (max-width: 620px){
  .hero-showcase-stage-composite{height:260px;min-height:260px}
  .hero-showcase-composite{max-width:118%}
  .hero-showcase-stage-composite:after{left:10%;right:10%;height:22%}
}


/* Klarodex v5.8.8 — Mobile homepage: vertically stacked, full-width copy and hero */
.hero-caption-groups{display:inline}
.hero-caption-line{display:inline}
.hero-caption-join{margin-inline:8px}
@media (max-width:900px){
  .hero .container.hero-content.hero-content-investor{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:calc(100% - 36px);
    max-width:none;
    margin-inline:auto;
    padding:46px 0 48px;
    gap:18px;
    min-height:0;
  }
  .hero .hero-content-investor > .hero-copy,
  .hero .hero-content-investor > .hero-product{
    display:block;
    min-width:0;
    width:100%;
    max-width:none;
    flex:none;
    margin:0;
  }
  .hero .hero-content-investor .hero-copy .eyebrow{
    width:100%;
    max-width:none;
    margin-bottom:20px;
    line-height:1.5;
  }
  .hero .hero-content-investor .hero-copy h1{
    width:100%;
    max-width:none;
    margin:0 0 20px;
    font-size:clamp(35px, 8.8vw, 54px);
    line-height:1.1;
    letter-spacing:-.05em;
    word-break:normal;
    overflow-wrap:normal;
  }
  .hero .hero-content-investor .hero-copy .lead{
    width:100%;
    max-width:none;
    margin:0 0 24px;
    font-size:15px;
    line-height:1.74;
  }
  .hero .hero-content-investor .hero-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:9px;
    align-items:stretch;
  }
  .hero .hero-content-investor .hero-actions .btn{
    display:flex;
    width:100%;
    min-width:0;
    margin:0;
    align-items:center;
    justify-content:center;
    white-space:normal;
    font-size:13px;
    line-height:1.25;
    padding:13px 10px;
    gap:7px;
    text-align:center;
  }
  .hero .hero-content-investor .hero-actions .btn .ki{flex-shrink:0;width:15px;height:15px}
  .hero .hero-content-investor .trial-note{
    max-width:none;
    margin:14px 0 0;
    font-size:12px;
    line-height:1.55;
  }
  .hero .hero-content-investor .hero-caption{
    display:flex;
    align-items:flex-start;
    width:100%;
    max-width:none;
    gap:12px;
    margin:26px 0 0;
    font-size:12px;
    line-height:1.65;
    letter-spacing:.13em;
  }
  .hero .hero-caption .mini-diamond{
    flex:0 0 8px;
    margin:8px 0 0;
  }
  .hero .hero-caption-groups{display:flex;flex-direction:column;gap:4px}
  .hero .hero-caption-line{display:block;white-space:nowrap}
  .hero .hero-caption-join{display:none}
  .hero .hero-caption-line .caption-slash{margin-inline:10px}
  .hero .hero-content-investor .hero-showcase-product{
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
  }
  .hero .hero-content-investor .hero-showcase-shell{
    width:100%;
    max-width:none;
    margin:0;
    overflow:visible;
  }
  .hero .hero-content-investor .hero-showcase-stage-composite{
    display:block;
    width:100%;
    max-width:none;
    min-height:0;
    height:auto;
    aspect-ratio:1774 / 887;
    margin:0;
    padding:0;
    transform:none;
  }
  .hero .hero-content-investor .hero-showcase-composite{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:contain;
    margin:0;
  }
  .hero .hero-content-investor .hero-showcase-stage-composite:after{
    left:6%;right:6%;bottom:0;height:18%;
  }
  .signal-signature-section .container.signal-signature-layout{
    display:block;
    width:calc(100% - 36px);
    max-width:none;
    min-height:0;
    margin-inline:auto;
    padding:52px 0 56px;
  }
  .signal-signature-section .signal-signature-layout > .signal-signature-copy{
    position:relative;
    width:100%;
    max-width:none;
    margin:0;
  }
  .signal-signature-section .signal-signature-copy h2{
    width:100%;
    max-width:none;
    font-size:clamp(34px, 8.5vw, 51px);
    line-height:1.12;
    letter-spacing:-.052em;
    margin-bottom:20px;
  }
  .signal-signature-section .signal-signature-copy p{
    width:100%;
    max-width:none;
    margin:0;
    font-size:15px;
    line-height:1.75;
  }
  .signal-signature-section .signature-mini-line{
    width:100%;
    max-width:none;
    gap:9px 14px;
    margin-top:24px;
    line-height:1.65;
  }
  .signal-signature-section > .signal-signature-bg .signal-visual{opacity:.26}
}
@media(max-width:370px){
  .hero .hero-content-investor .hero-copy h1{font-size:34px}
  .hero .hero-content-investor .hero-actions .btn{font-size:12px;padding-inline:6px}
  .hero .hero-caption-line .caption-slash{margin-inline:7px}
}


/* Klarodex v5.8.9 — Mobile-first introductions and readable feature lists.
   This block intentionally follows the older desktop grid definitions. */
.planner-section .planner-bullets,
.planner-section .planner-bullets li,
.planner-section .planner-bullets li a{
  color:#234d61;
  font-size:14px;
  font-weight:500;
  line-height:1.7;
}
.planner-section .planner-bullets li::before{color:#098a83}
.planner-section .planner-copy p{color:#425f70}

@media(max-width:900px){
  /* All introductory hero layouts use one full-width column, text before image. */
  .feature-hero > .container,
  .page-hero > .container,
  .legal-hero > .container{
    width:calc(100% - 36px);
    max-width:none;
    margin-inline:auto;
    padding-inline:0;
  }
  .feature-hero .container .feature-hero-grid{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    max-width:none;
    min-width:0;
    gap:24px;
  }
  .feature-hero .feature-hero-grid > div{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
  }
  .feature-hero .feature-hero-grid > div:first-child{order:0}
  .feature-hero .feature-hero-grid > .feature-hero-media{order:1}
  .feature-hero .feature-hero-grid h1,
  .feature-hero h1{
    display:block;
    width:100%;
    max-width:none;
    margin:0 0 20px;
    font-size:clamp(34px, 8.5vw, 54px);
    line-height:1.13;
    letter-spacing:-.045em;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .feature-hero .feature-deck,
  .feature-hero .trial-note{
    width:100%;
    max-width:none;
  }
  .feature-hero .feature-deck{
    font-size:16px;
    line-height:1.7;
  }
  .feature-hero .hero-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    width:100%;
    gap:9px;
  }
  .feature-hero .hero-actions .btn{
    display:flex;
    width:100%;
    min-width:0;
    justify-content:center;
    align-items:center;
    gap:6px;
    padding:12px 8px;
    text-align:center;
    white-space:normal;
    font-size:13px;
    line-height:1.3;
  }
  .feature-hero .hero-actions .ki{flex:none}
  .feature-hero .feature-hero-media .screenshot-frame{
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    transform:none;
  }
  .feature-hero .feature-hero-media .screenshot-frame img{width:100%;height:auto}

  /* Screenshot/section introductions also stack, with the paragraph below the heading. */
  .section-intro.split-heading,
  .real-screen-section .section-intro.split-heading{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    max-width:none;
    gap:16px;
  }
  .section-intro.split-heading > div:first-child,
  .real-screen-section .section-intro.split-heading > div:first-child{
    flex:0 0 auto;
    width:100%;
    max-width:none;
    min-width:0;
  }
  .section-intro.split-heading h2,
  .real-screen-section .section-intro.split-heading h2{
    width:100%;
    max-width:none;
    margin:0;
    overflow-wrap:break-word;
  }
  .section-intro.split-heading > p,
  .real-screen-section .section-intro.split-heading > p{
    width:100%;
    max-width:none;
    margin:0;
    align-self:stretch;
    justify-self:stretch;
  }
  .detail-intro-grid,
  .screenshot-detail-grid,
  .planner-layout,
  .two-column-feature{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    gap:26px;
  }
  .detail-intro-grid > *,
  .screenshot-detail-grid > *,
  .planner-layout > *,
  .two-column-feature > *{
    width:100%;
    max-width:none;
    min-width:0;
  }
  .feature-end-layout{flex-direction:column;align-items:stretch}
  .page-hero h1,
  .legal-hero h1{max-width:none;width:100%;overflow-wrap:break-word}
  .page-hero p,
  .legal-hero p{max-width:none;width:100%}
}
@media(max-width:600px){
  .feature-hero .feature-hero-grid h1,
  .feature-hero h1{font-size:clamp(34px,8.6vw,44px);line-height:1.12}
  .feature-hero .container .feature-hero-grid{gap:24px}
  .feature-hero .hero-actions .btn{font-size:12px;padding-inline:6px}
  .feature-hero .feature-feature-icon{margin-bottom:18px}
  .feature-hero .feature-badge{max-width:100%;white-space:normal}
  .real-screen-section .section-intro.split-heading > p{line-height:1.72}
}


/* Klarodex v5.8.10 — Keep content gutters after mobile introductions.
   Some .container elements (e.g. .detail-intro-grid) were incorrectly set to
   width:100% by the shared mobile stacking rule, cancelling the site gutter.
   Only the container's width is restored; its internal vertical flex layout
   remains unchanged. */
@media (max-width:900px){
  .section > .container{
    width:var(--desktop-content-width);
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }
}


/* v5.8.15: Prominent, action-focused sign-in alongside the primary trial CTA. */
.main-nav{gap:clamp(11px,1.4vw,24px)}
.main-nav a.nav-login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:11px 16px;
  min-height:44px;
  border:1px solid #16425b;
  border-radius:7px;
  background:#16425b;
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(15,62,86,.15);
  transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;
}
.main-nav a.nav-login .ki{height:16px;width:16px;flex-shrink:0}
.main-nav a.nav-login:hover,.main-nav a.nav-login:focus-visible{
  background:#086c88;
  border-color:#086c88;
  color:#fff;
  box-shadow:0 6px 16px rgba(8,108,136,.18);
  transform:translateY(-1px);
}
.mobile-login-shortcut{display:none}
@media(min-width:901px) and (max-width:1180px){
  .site-header .container{width:calc(100% - 40px)}
  .main-nav{gap:10px}
  .main-nav a.nav-login{padding:10px 12px}
  .main-nav a.nav-login .nav-login-detail{display:none}
  .main-nav .nav-cta{padding:12px 13px}
  .site-header .nav-shell{gap:16px}
}
@media(max-width:900px){
  .site-header .nav-shell{gap:10px}
  .mobile-login-shortcut{
    display:inline-flex;
    margin-left:auto;
    min-height:39px;
    align-items:center;
    justify-content:center;
    padding:8px 15px;
    border:1px solid #16425b;
    border-radius:6px;
    background:#16425b;
    color:#fff;
    font-size:13px;
    font-weight:750;
    white-space:nowrap;
  }
  .mobile-login-shortcut:hover,.mobile-login-shortcut:focus-visible{background:#086c88;border-color:#086c88;color:#fff}
  .main-nav a.nav-login{
    display:flex;
    align-self:stretch;
    justify-content:center;
    width:100%;
    margin-top:9px;
    padding:13px 15px;
    font-size:14px;
  }
  .main-nav .nav-cta{align-self:stretch;justify-content:center;margin-top:9px}
}


/* v5.8.16 - Equal-height login and free-trial calls to action in the site header. */
.main-nav > a.nav-login,
.main-nav > a.nav-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  height:46px;
  min-height:46px;
  padding:0 18px;
  line-height:1.2;
  border-radius:7px;
  vertical-align:middle;
}
@media (min-width:901px) and (max-width:1180px) {
  .main-nav > a.nav-login,
  .main-nav > a.nav-cta { height:46px; min-height:46px; padding:0 12px; }
}
@media (max-width:900px) {
  .main-nav > a.nav-login,
  .main-nav > a.nav-cta {
    height:48px;
    min-height:48px;
    padding:0 16px;
    align-self:stretch;
    justify-content:center;
  }
  .mobile-login-shortcut {height:44px;min-height:44px;}
}


/* v5.8.17 — Deliberate separation between audience navigation and account CTAs.
   Keep the login/trial buttons grouped; do not enlarge the gap between them. */
@media (min-width:1181px) {
  .main-nav > a.nav-login { margin-left:clamp(14px,1.35vw,24px); }
}


/* v5.8.20 - Expanded feature FAQs: two independent columns on desktop */
.detail-faq .faq-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(32px, 5vw, 88px);
  align-items: start;
  width: 100%;
  max-width: none;
}
.detail-faq .faq-column {min-width:0;}
.detail-faq .faq summary {min-width:0;line-height:1.45;}
.detail-faq .faq summary::after {flex:0 0 auto;}
.detail-faq .faq p {color:#456377;}
@media (max-width: 900px) {
  .detail-faq .faq-stack {grid-template-columns: minmax(0, 1fr);column-gap:0;}
  .detail-faq .faq-column + .faq-column .faq:first-child {border-top:0;}
}