/* The comparison bar belongs to this design study. */
.proposal-bar{background:#edf3f5;color:#244158;border-bottom:1px solid #d7e3e8;font-size:10px}.proposal-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:43px}.proposal-inner>span{font-weight:700;letter-spacing:1px}.proposal-inner b{font-weight:400;color:#687f8c;margin-left:6px;font-size:8px}.proposal-inner nav{display:flex;gap:5px;font-size:10px}.proposal-inner nav a{padding:9px 14px;border-radius:4px;color:#4f6775;font-weight:500}.proposal-inner nav a span{color:#7d939f;margin-right:6px;font-size:8px}.proposal-inner nav a[aria-current]{background:#fff;color:#123650;box-shadow:0 2px 5px #0b223a0b}.proposal-inner nav a:hover{background:#fff}.routine-panel{min-height:610px}.routine-button{padding:14px}.routine-panel h3{max-width:510px}.button.secondary{background:transparent;color:#13344b;border:1px solid #bcd0d7}.button.secondary:hover{background:#e5f1f4}.modern-hero .wrap{width:min(1160px,calc(100% - 96px))}
/* 02 / Digital: bright, large typography, a product-first opening. */
[data-layout=modern]{--off:#f5f9fa;--ink:#102b3d;font-family:Arial,Helvetica,sans-serif;background:#fbfdfd}
[data-layout=modern] .header{background:#fbfdfdf5;backdrop-filter:blur(16px)}
[data-layout=modern] .nav{min-height:88px}
[data-layout=modern] .button{border-radius:9px}
[data-layout=modern] .modern-hero{background:#f8fcfc;color:#102b3d;padding:75px 0 0;position:relative;overflow:hidden;background-image:linear-gradient(#bdd7df25 1px,transparent 1px),linear-gradient(90deg,#bdd7df25 1px,transparent 1px);background-size:90px 90px}
.modern-intro{max-width:990px;margin:0 auto;text-align:center}.modern-intro>.eyebrow{justify-content:center;color:#187c90;font-size:10px;letter-spacing:2px;margin-bottom:29px}.modern-hero h1{font-size:clamp(55px,6.8vw,94px);font-weight:600;line-height:1.02;letter-spacing:-5px;margin:0 0 25px}.modern-hero h1 em{color:#168ba5}.modern-subtitle{font-size:21px;line-height:1.45;letter-spacing:-.3px;margin-bottom:22px;color:#2c4c5c}.modern-hero .lead{color:#617682;font-size:15px;line-height:1.8;max-width:630px;margin:0 auto 30px}.modern-hero .actions{justify-content:center;align-items:center;flex-direction:row;gap:13px}.modern-hero .button{font-size:13px;padding:19px 24px}.modern-hero .button.cyan{background:#102f47;color:white}.modern-hero .button.cyan:hover{background:#1b526d}.modern-promises{display:flex;justify-content:center;gap:24px;margin:25px auto 42px;font-size:10px;color:#657e8a}.modern-promises span:before{content:'✓';color:#20889b;margin-right:7px}.connected-board{background:#fff;border:1px solid #d2e3e8;border-radius:14px 14px 0 0;box-shadow:0 12px 60px #102b4810;max-width:1040px;margin:0 auto;overflow:hidden}.board-top{display:flex;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #e0ebee;font-size:8px;letter-spacing:1.5px;color:#5a7c8a}.board-status{display:flex;align-items:center;gap:7px}.board-status i{width:5px;height:5px;background:#2ba7ba;border-radius:50%}.board-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:0}.board-cluster{padding:28px 24px;position:relative}.board-cluster small{font-size:7px;letter-spacing:1px;color:#64808c}.board-cluster h3{font-size:22px;line-height:1.2;letter-spacing:-.6px;font-weight:500;margin:17px 0 13px}.board-cluster p{font-size:11px;line-height:1.8;color:#65808d}.board-symbol{display:block;color:#2b8a9f;font-size:27px;margin-top:23px}.featured-cluster{background:#e9f5f7;border-left:1px solid #daebee;border-right:1px solid #daebee}.featured-cluster h3{font-size:28px}.board-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px;max-width:250px}.board-tags span{font-size:9px;background:#fff;padding:7px 10px;border:1px solid #d7e8ec;border-radius:4px;color:#476775}.board-bottom{border-top:1px solid #dfebee;padding:14px 24px;font-size:10px;color:#476b7b;display:flex;justify-content:space-between;gap:20px}.board-bottom>span{font-size:8px;color:#8ba1ab}.modern-hero+.cloud-section{background:white;padding-top:65px}.modern-hero+.cloud-section .cloud-heading{display:none}
[data-layout=modern] .section{padding:95px 0}[data-layout=modern] h2{font-weight:600;font-size:clamp(32px,3.7vw,48px);letter-spacing:-1.9px}[data-layout=modern] .product-explorer{border-radius:16px;border:0;box-shadow:0 0 0 1px #dbe8ed;background:white}[data-layout=modern] .routine-selector{background:#edf5f7;padding:22px 16px}[data-layout=modern] .routine-button{border-radius:8px}[data-layout=modern] .routine-panel{padding:45px 50px}[data-layout=modern] .routine-panel h3{font-size:36px;font-weight:500;letter-spacing:-1.4px}[data-layout=modern] .specialties{background:#102f47;color:#fff}[data-layout=modern] .specialties .eyebrow,[data-layout=modern] .state-badge strong{color:#63c9d8}[data-layout=modern] .specialties-intro,[data-layout=modern] .specialty-grid p,[data-layout=modern] .state-badge p{color:#b5cdd6}[data-layout=modern] .specialty-grid article{border-color:#31566b}[data-layout=modern] .specialty-grid a{color:#67cbd9}[data-layout=modern] .product-highlight{border:1px solid #d9e7ec;border-radius:14px;padding:38px;background:#f0f8fa}[data-layout=modern] .financial-highlight{background:#edf2f8}[data-layout=modern] .security-section{background:#edf6f8;color:#15364c}[data-layout=modern] .security-section .eyebrow{color:#24788c}[data-layout=modern] .security-statement{color:#244d62}[data-layout=modern] .security-scope,[data-layout=modern] .security-principles p{color:#527183}[data-layout=modern] .security-principles article{border-color:#c6dce4}[data-layout=modern] .security-principles .text-link{color:#1b728b}[data-layout=modern] .company{background:#fff}[data-layout=modern] .company-art{border-radius:14px}[data-layout=modern] .faq{background:#f5f9fa}[data-layout=modern] .contact{background:#102f47}[data-layout=modern] footer{background:#fbfdfd}
/* 03 / Editorial: confident typography and a quieter, asymmetric composition. */
[data-layout=editorial]{--off:#f4f5f1;--ink:#163041;background:#f8f9f6}
[data-layout=editorial] .header{background:#f8f9f6}[data-layout=editorial] .nav{min-height:91px}[data-layout=editorial] .brand{width:210px}[data-layout=editorial] .button{border-radius:0}[data-layout=editorial] .editorial-hero{padding:68px 0 70px;background:#102c42}.editorial-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:110px;align-items:center}.editorial-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(57px,5.4vw,77px);line-height:1.04;letter-spacing:-2.3px;font-weight:400;margin-bottom:28px}.editorial-hero h1 em{font-style:italic;color:#64c4d4}.editorial-hero .lead{font-size:15px;color:#b7cbd5;line-height:1.85;max-width:430px}.editorial-hero .actions{gap:20px;flex-direction:row;align-items:center}.editorial-hero .button{font-size:12px;padding:18px 20px}.editorial-hero .text-link{font-size:11px}.editorial-index{padding-top:15px}.editorial-seal{display:flex;align-items:center;gap:18px;margin-bottom:32px}.editorial-seal img{background:white;padding:5px;border-radius:5px;width:47px}.editorial-seal>span{font-size:10px;letter-spacing:2px;line-height:1.5;color:#abc3cf}.editorial-index>a{display:block;border-top:1px solid #466071;padding:22px 0 23px}.editorial-index small{font-size:8px;letter-spacing:1.8px;color:#72afc1}.editorial-index strong{font-size:29px;font-weight:400;display:block;letter-spacing:-.7px;margin:10px 0 12px}.editorial-index a>span{display:flex;justify-content:space-between;color:#b0c7d2;font-size:11px}.editorial-index b{color:#64c4d4;font-weight:400;font-size:18px}.editorial-index>a:hover strong{color:#69cfdf}.editorial-index>p{font-size:8px;letter-spacing:1.6px;color:#97b2c2;padding-top:16px;border-top:1px solid #466071;margin:0}
[data-layout=editorial] h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.8vw,51px);font-weight:400;letter-spacing:-1.6px}[data-layout=editorial] .section{padding:100px 0}[data-layout=editorial] .cloud-section{background:#e9eeeb;padding:50px 0}[data-layout=editorial] .cloud-heading{display:none}[data-layout=editorial] .cloud-features{gap:50px}[data-layout=editorial] .cloud-features article{border:0;padding:0 25px 0 0;border-right:1px solid #c7d4d0}[data-layout=editorial] .cloud-features article:last-child{border:0}[data-layout=editorial] .cloud-features h3{font-family:Georgia,serif;font-size:25px}[data-layout=editorial] .product-explorer{border-radius:0;background:#f8f9f6;border:0;border-top:1px solid #bcced2;border-bottom:1px solid #bcced2;grid-template-columns:330px 1fr}[data-layout=editorial] .routine-selector{background:transparent;padding:15px 20px 15px 0;border-right:1px solid #cfdbdd}[data-layout=editorial] .routine-button{border-radius:0}[data-layout=editorial] .routine-button.active{background:#e2edef;box-shadow:none;border-color:transparent}[data-layout=editorial] .routine-panel h3{font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:1.2}[data-layout=editorial] .specialties{background:#e6eded}[data-layout=editorial] .specialty-grid h3{font-family:Georgia,serif;font-size:27px;min-height:92px}[data-layout=editorial] .product-highlight{border:0;border-top:1px solid #b7c9ce;background:transparent;padding:30px 20px 0 0}[data-layout=editorial] .highlight-grid{gap:70px}[data-layout=editorial] .product-highlight h3{font-family:Georgia,serif;font-size:36px}[data-layout=editorial] .highlight-icon{margin-bottom:32px}[data-layout=editorial] .security-section{background:#16394d}[data-layout=editorial] .company{background:#f1f3ee}[data-layout=editorial] .company-art{background:#dce7e5}[data-layout=editorial] .art-brand{border-radius:0;box-shadow:18px 22px 0 #c3d7d9}[data-layout=editorial] .faq{background:#f8f9f6}[data-layout=editorial] .contact{background:#16394d}[data-layout=editorial] .contact h2{font-size:50px}[data-layout=editorial] footer{background:#f8f9f6}
@media(max-width:1100px){.editorial-grid{gap:50px;grid-template-columns:1.2fr 1fr}.editorial-hero h1{font-size:61px}.editorial-hero .actions{flex-direction:column;align-items:flex-start;gap:8px}.board-cluster{padding:25px 20px}.board-cluster h3{font-size:20px}.featured-cluster h3{font-size:25px}.proposal-inner nav a{padding:9px 11px}[data-layout=modern] .routine-panel{padding:35px}[data-layout=editorial] .product-explorer{grid-template-columns:295px 1fr}}
@media(max-width:800px){.proposal-inner{gap:8px;min-height:45px}.proposal-inner>span{font-size:8px}.proposal-inner b{display:none}.proposal-inner nav{gap:2px}.proposal-inner nav a{font-size:9px;padding:8px}.proposal-inner nav a span{display:none}.routine-panel{min-height:390px}.modern-hero .wrap{width:calc(100% - 40px)}[data-layout=modern] .modern-hero{padding-top:50px}.modern-hero h1{font-size:60px;letter-spacing:-3.2px}.modern-subtitle{font-size:18px}.modern-hero .lead{font-size:14px;max-width:520px}.modern-promises{gap:18px;margin-bottom:32px}.board-grid{grid-template-columns:1fr 1fr}.board-cluster:last-child{grid-column:1/-1;border-top:1px solid #d7e8ec;display:grid;grid-template-columns:1fr 1fr}.board-cluster:last-child small{grid-column:1/-1}.board-cluster:last-child .board-symbol{display:none}.board-cluster:last-child h3{margin-bottom:0}.board-cluster:last-child p{margin:17px 0 0}.featured-cluster{border-right:0}.board-bottom{font-size:9px}.board-bottom>span{font-size:7px}[data-layout=modern] .section{padding:65px 0}[data-layout=modern] .routine-panel h3{font-size:31px}[data-layout=modern] .routine-panel{padding:30px}[data-layout=editorial] .editorial-hero{padding:45px 0 50px}.editorial-grid{grid-template-columns:1fr;gap:38px}.editorial-hero h1{font-size:66px;max-width:600px}.editorial-hero .lead{max-width:550px}.editorial-hero .actions{flex-direction:row;align-items:center;gap:25px}.editorial-index{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0}.editorial-seal{display:none}.editorial-index>a{padding-top:19px;margin:0}.editorial-index strong{font-size:23px;min-height:58px;line-height:1.15}.editorial-index a>span{font-size:10px;line-height:1.6;gap:12px}.editorial-index>p{grid-column:1/-1;padding-top:20px}.editorial-index small{font-size:7px}.editorial-index b{font-size:14px}[data-layout=editorial] .product-explorer{grid-template-columns:1fr}[data-layout=editorial] .routine-selector{padding:20px;border-right:0;border-bottom:1px solid #cfdbdd}[data-layout=editorial] .routine-panel h3{font-size:33px}[data-layout=editorial] .section{padding:65px 0}[data-layout=editorial] .cloud-features{gap:20px}[data-layout=editorial] .cloud-features article{padding-right:15px}[data-layout=editorial] .cloud-features h3{font-size:22px}[data-layout=editorial] .highlight-grid{gap:35px}[data-layout=editorial] .specialty-grid h3{font-size:26px;min-height:70px}}
@media(max-width:480px){.proposal-inner{width:calc(100% - 24px)}.proposal-inner>span{font-size:7px;letter-spacing:.5px}.proposal-inner nav a{font-size:9px;padding:7px}.modern-hero h1{font-size:46px;letter-spacing:-2.5px}.modern-intro>.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}.modern-subtitle{font-size:16px;line-height:1.6}.modern-hero .lead{font-size:14px;line-height:1.75}.modern-hero .actions{flex-direction:column;gap:10px}.modern-hero .button{width:100%;max-width:310px;justify-content:space-between;padding:16px 20px}.modern-promises{gap:12px;font-size:8px}.modern-promises span:before{margin-right:4px}.board-top{padding:15px;font-size:6px;letter-spacing:1px}.board-grid{grid-template-columns:1fr}.board-cluster{padding:23px}.board-cluster:first-child{display:none}.featured-cluster{border:0}.featured-cluster h3{font-size:28px}.board-cluster:last-child{display:block}.board-cluster:last-child p{margin:12px 0 0}.board-cluster:last-child p br{display:none}.board-bottom{padding:13px 18px;flex-direction:column;gap:6px}.modern-hero+.cloud-section{padding-top:45px}[data-layout=modern] h2{font-size:32px;letter-spacing:-1.3px}[data-layout=modern] .routine-panel{padding:25px 22px}[data-layout=modern] .routine-panel h3{font-size:28px}.routine-panel{min-height:440px}[data-layout=modern] .product-highlight{padding:28px}[data-layout=editorial] .editorial-hero{padding-top:36px}.editorial-hero h1{font-size:53px;letter-spacing:-1.8px}.editorial-hero h1 em{font-size:48px}.editorial-hero .lead{font-size:14px}.editorial-hero .actions{flex-direction:column;align-items:flex-start;gap:12px}.editorial-grid{gap:35px}.editorial-index{grid-template-columns:1fr;gap:0}.editorial-index>a{padding:19px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:7px 15px}.editorial-index small{grid-column:1/-1}.editorial-index strong{font-size:24px;min-height:0;margin:5px 0}.editorial-index a>span{align-items:center;font-size:10px}.editorial-index>p{margin-top:8px;font-size:7px}[data-layout=editorial] h2{font-size:35px}[data-layout=editorial] .cloud-features article{border-right:0;border-top:1px solid #c7d4d0;padding:22px 0 0 38px}[data-layout=editorial] .cloud-features article:last-child{border-top:1px solid #c7d4d0}[data-layout=editorial] .routine-panel h3{font-size:30px}[data-layout=editorial] .specialty-grid h3{font-size:24px;min-height:84px}[data-layout=editorial] .contact h2{font-size:39px}[data-layout=editorial] .product-highlight h3{font-size:32px}[data-layout=editorial] .routine-selector{padding:17px 12px}}
@media(max-width:800px){[data-layout=modern] .nav,[data-layout=editorial] .nav{min-height:80px}}
/* All product capabilities are visible without interaction. */
.routine-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 34px}.routine-point{padding:28px 0 30px;border-top:1px solid #c9dce3}.point-icon{display:grid;place-items:center;width:36px;height:36px;background:#e8f3f6;color:#20869e;border-radius:6px;font-size:22px;margin-bottom:24px}.routine-point h3{font-size:20px;font-weight:500;letter-spacing:-.45px;line-height:1.3;margin:0 0 13px}.routine-point p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.platform-footnote{border-top:1px solid #d7e5ea;margin-top:5px;padding-top:22px}
[data-layout=modern] .routine-overview{gap:18px}[data-layout=modern] .routine-point{background:#fff;border:1px solid #dce8ed;border-radius:12px;padding:25px 23px}[data-layout=modern] .point-icon{border-radius:9px;background:#e9f5f8}[data-layout=modern] .platform-footnote{border:0;margin-top:18px}
[data-layout=editorial] .routine-overview{gap:0 40px}[data-layout=editorial] .routine-point{border-color:#bfcfd1;padding:28px 0 32px}[data-layout=editorial] .point-icon{background:transparent;border-radius:0;place-items:start;margin-bottom:17px}[data-layout=editorial] .routine-point h3{font-family:Georgia,serif;font-size:23px;letter-spacing:-.5px}[data-layout=editorial] .platform-footnote{border-color:#bfcfd1}
@media(max-width:1100px){.routine-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.routine-point h3{font-size:21px}[data-layout=modern] .routine-overview{gap:18px}}
@media(max-width:600px){.routine-overview,[data-layout=editorial] .routine-overview{grid-template-columns:1fr;gap:0}.routine-point{position:relative;padding:22px 0 23px 48px}.point-icon{position:absolute;left:0;top:22px;width:31px;height:31px;font-size:20px}.routine-point h3{font-size:19px;margin-bottom:8px}.routine-point p{font-size:13px;line-height:1.75}[data-layout=modern] .routine-overview{gap:12px}[data-layout=modern] .routine-point{padding:22px 20px 22px 65px}[data-layout=modern] .point-icon{left:18px;top:22px}[data-layout=editorial] .routine-point{padding:22px 0 23px 44px}[data-layout=editorial] .routine-point h3{font-size:23px}}