*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#163b30;background:#fafaf6;font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.btn{cursor:pointer;border:0;border-radius:6px;background:#235842;color:white;padding:14px 23px;display:inline-block;font-weight:600}.btn.light{background:#edf1e9;color:#193f30}.wrap{max-width:1240px;margin:auto;padding:0 40px}header{background:#fff;border-bottom:1px solid #e4e9df}nav{display:flex;align-items:center;gap:28px;min-height:94px}.logo{font-size:21px;font-weight:800;margin-right:auto;letter-spacing:-.8px}.logo b{color:#86a33b}.logo small{display:block;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.navlinks{display:flex;gap:25px;font-size:14px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:bold;color:#5a7457}.hero{padding:65px 0 70px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}h1{font-size:clamp(38px,4.7vw,64px);line-height:1.06;letter-spacing:-2.8px;font-weight:500;margin:20px 0 25px}h1 em{font-style:normal;color:#6e8a49}.lead{font-size:18px;line-height:1.7;color:#5b6d62;max-width:650px}.hero-img{width:100%;height:505px;object-fit:cover;border-radius:8px}.imagebox{position:relative}.caption{position:absolute;bottom:22px;left:22px;right:22px;padding:16px 20px;background:#fffffff2;border-radius:5px;font-size:13px}.caption strong{display:block;font-size:16px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:29px 0}.mini{font-size:12px;color:#718074}.strip{background:#eef1e8;padding:20px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:13px}section{padding:75px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}h2{font-weight:500;font-size:36px;letter-spacing:-1.2px;line-height:1.2;margin:15px 0}h3{font-size:23px;line-height:1.3;font-weight:500}.muted{color:#647368}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid #e0e6da;border-radius:7px;overflow:hidden}.card img{width:100%;height:205px;object-fit:cover}.card .inside{padding:25px}.card p{font-size:14px;color:#617064}.card .arrow{font-weight:bold;font-size:14px;color:#356644}.number{font-size:12px;color:#8d9c76}.dark{background:#183e30;color:white}.dark .eyebrow,.dark .muted{color:#bdcbbd}.checker{display:grid;grid-template-columns:1fr 1fr;gap:70px}.checker label{display:block;font-size:13px;margin-bottom:8px}.checker select{width:100%;padding:12px;margin-bottom:18px;background:#f8faf5;border:1px solid #b9c7b8;border-radius:4px}.result{background:#e9efd9;color:#25422d;padding:22px;border-radius:4px;margin-top:20px}.result:empty{display:none}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border-top:1px solid #ccd4c6;padding:22px 0}.article-card h3{font-size:22px}.article-card small{color:#7a8975}.partner{background:#ecf0e5}.partner-row{display:flex;gap:60px;align-items:center}.partner-row>div{flex:1}footer{background:#102d24;color:#d4ded4;padding:55px 0 25px}footer .grid{grid-template-columns:2fr 1fr 1fr 1fr}footer a{display:block;font-size:13px;margin:8px 0}footer small{color:#adc0ad}.footerbottom{margin-top:35px;padding-top:20px;border-top:1px solid #355244;font-size:12px}.crumb{font-size:12px;color:#70816e;padding-top:24px}.pagehero{padding:25px 0 45px;max-width:900px}.pagehero h1{font-size:52px}.contentlayout{display:grid;grid-template-columns:240px 1fr;gap:65px;padding-bottom:65px}.toc{align-self:start;position:sticky;top:25px;border-top:2px solid #75964e;padding-top:15px}.toc a{display:block;font-size:13px;padding:8px 0;color:#5a6c5a}.bodycontent{max-width:790px}.bodycontent section{padding:15px 0 20px}.bodycontent p{color:#526454}.bodycontent h2{font-size:30px}.comparison{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid #dae1d3;text-align:left;padding:15px;vertical-align:top}th{background:#edf1e7}details{border-bottom:1px solid #d6dfd0;padding:17px 0}summary{cursor:pointer;font-weight:600}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd4c5;border-radius:4px;background:white;color:#173d2b}label{font-size:13px}.full{grid-column:1/-1}input[type=checkbox]{width:auto}form{background:#fff;padding:30px;border:1px solid #dce4d4;border-radius:7px}.notice{font-size:13px;color:#677667;margin-top:15px}.menu{display:none}.tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#698354}.linklist{display:flex;gap:12px;flex-wrap:wrap}.linklist a{padding:9px 14px;border:1px solid #cbd6c0;border-radius:5px;font-size:13px}:focus-visible{outline:3px solid #94a947;outline-offset:4px}@media(max-width:850px){.wrap{padding:0 22px}.navlinks{display:none}.navlinks.open{display:flex;position:absolute;top:94px;left:0;right:0;background:white;z-index:10;padding:25px;flex-direction:column}.menu{display:block;padding:8px 12px}nav>.btn{display:none}.hero-grid,.checker,.contentlayout{grid-template-columns:1fr;gap:30px}.hero-img{height:350px}.hero{padding:35px 0}.grid,.articles{grid-template-columns:1fr 1fr}.toc{position:static}.strip .wrap{flex-wrap:wrap}.partner-row{display:block}footer .grid{grid-template-columns:1fr 1fr}h1{letter-spacing:-1.5px}.pagehero h1{font-size:40px}section{padding:48px 0}.sectionhead{display:block}}@media(max-width:520px){.grid,.articles,.formgrid{grid-template-columns:1fr}.hero-img{height:300px}.logo{font-size:19px}h2{font-size:29px}.full{grid-column:auto}.strip .wrap{font-size:11px}.caption{bottom:15px;left:15px;right:15px}.hero-grid{gap:20px}}
/* Visual direction inspired by Lavazza Professional, with independent branding. */
:root{--navy:#061936;--blue:#2864c7;--orange:#cf672f;--ink:#0a2345;--pale:#f1f4f7}
body{background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
header{background:var(--navy);color:#fff;border:0}
.announcement{background:var(--blue);text-align:center;padding:10px 22px;font-size:12px;font-weight:700;letter-spacing:.25px;color:#fff}
.utility{border-bottom:1px solid #ffffff24}.utility .wrap{display:flex;justify-content:flex-end;gap:26px;padding-top:8px;padding-bottom:8px;font-size:11px}
nav{min-height:86px;gap:24px}.logo{font-size:23px;letter-spacing:-.9px}.logo b{color:#8eb4ff}.logo small{font-size:9px;font-weight:400;letter-spacing:2px;margin-top:3px}.navlinks{font-size:12px;font-weight:600;gap:22px}
button,.btn{border-radius:30px;background:#fff;color:var(--navy);padding:12px 24px;font-size:13px;font-weight:700}.btn:hover,button:hover{background:#eaf0f7;text-decoration:none}.btn.light{background:#fff;color:var(--navy);border:1px solid #d7dde5}.eyebrow,.tag{color:var(--blue)}
h1,h2,h3{font-weight:800}h1{font-size:clamp(35px,3.8vw,54px);letter-spacing:-1.4px;line-height:1.04}h2{font-size:36px;letter-spacing:-1px}h3{font-size:24px;letter-spacing:-.5px}h1 em{color:inherit}.lead,.muted,.bodycontent p,.card p{color:#526176}
.hero{position:relative;padding:0;isolation:isolate;background:var(--navy);overflow:hidden;color:#fff}.hero-grid{min-height:530px;display:flex;align-items:center;padding-top:60px;padding-bottom:60px}.hero-grid>div:first-child{position:relative;z-index:2;max-width:570px}.hero .eyebrow{color:#a9c6ff}.hero h1{text-transform:uppercase}.hero .lead{color:white;font-size:17px;line-height:1.5;max-width:510px}.hero .mini{color:#d3dbea}.hero .imagebox{position:absolute;inset:0;z-index:-1}.hero-img{height:100%;width:100%;object-fit:cover;border-radius:0}.hero .imagebox:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,25,.95) 0%,rgba(0,13,29,.8) 35%,rgba(0,12,27,.12) 76%)}.caption{display:none}.hero .btn{background:white;color:var(--navy);font-size:14px;padding:14px 26px}.hero .btn.light{background:transparent;color:white;border:1px solid #ffffff7d}.hero .actions{margin-top:30px}.strip{background:var(--navy);color:white}.strip .wrap{font-weight:700;font-size:12px}.strip span{border-right:1px solid #ffffff30;flex:1}.strip span:last-child{border:0}
section{padding:66px 0}.card{border:0;background:var(--pale);border-radius:6px}.card img{height:240px}.card .inside{padding:26px}.card .number{color:#647796}.card .arrow{color:var(--blue)}.card a:hover{text-decoration:none}.card:hover{box-shadow:0 8px 24px #06193612}.linklist a{border-color:#d3dce9;color:var(--blue);border-radius:22px}
.dark{background:var(--blue);color:#fff}.dark .eyebrow{color:#d7e7ff}.dark .muted,.dark .mini{color:#fff!important}.checker h2{font-size:42px}.checker select{border:0;background:#fff;color:var(--ink);border-radius:4px}.checker button{background:#fff!important;color:var(--navy)!important}.result{background:#eef4ff;color:var(--ink)}.result .btn{background:#fff;color:var(--navy)}.partner{background:var(--pale)}.article-card{border-color:#d4dce8}.article-card small{color:var(--blue)}.article-card span{color:var(--blue)}footer{background:var(--navy);color:white}footer small{color:#bdcbe0}.footerbottom{border-color:#ffffff26}.bodycontent h2{color:var(--navy)}.toc{border-color:var(--blue)}.toc a{color:#526176}th{background:#eef3fa}th,td,details{border-color:#d7dfeb}form{border-color:#d7dfeb}input,select,textarea{color:var(--ink);border-color:#c8d3e3}.notice{color:#526176}.pagehero h1{font-size:48px}.feature-panel{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--pale);margin:65px auto}.feature-panel img{width:100%;height:420px;object-fit:cover}.feature-copy{padding:55px;align-self:center}.feature-copy h2{font-size:35px}.feature-copy p{color:#526176}.feature-panel.reverse img{order:2}.feature-panel.reverse .feature-copy{order:1}.sectionhead>a{color:var(--blue);font-weight:700;font-size:13px}:focus-visible{outline:3px solid #f59f66}
@media(max-width:1050px){.navlinks{gap:14px;font-size:11px}.logo{font-size:20px}nav{gap:15px}}
@media(max-width:850px){.utility .wrap{justify-content:center}.navlinks.open{background:var(--navy);top:151px;color:white}.hero-grid{min-height:530px;padding-top:45px;padding-bottom:45px}.hero-grid>div:first-child{max-width:530px}.hero .imagebox:after{background:linear-gradient(90deg,#001027e8,#001027a6)}.hero-img{height:100%}.grid{grid-template-columns:1fr 1fr}.feature-panel{grid-template-columns:1fr;margin-top:40px;margin-bottom:40px}.feature-panel img{height:300px}.feature-copy{padding:32px}.feature-panel.reverse img,.feature-panel.reverse .feature-copy{order:initial}.pagehero h1{font-size:38px}.checker h2{font-size:35px}}
@media(max-width:520px){.announcement{font-size:10px}.utility .wrap{gap:18px;font-size:10px}.hero-grid{min-height:560px}.hero h1{font-size:38px}.hero .lead{font-size:16px}.hero .actions{gap:10px}.hero .btn{font-size:12px}.grid{grid-template-columns:1fr}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:10px}.strip span{border:0}.card img{height:220px}.pagehero h1{font-size:34px}.feature-copy h2{font-size:30px}.logo{font-size:19px}.navlinks.open{top:147px}}
@media(max-width:850px){.hero-grid>div:first-child{min-width:0;width:100%}.hero h1{overflow-wrap:anywhere}.hero .actions{flex-wrap:wrap}}@media(max-width:520px){.hero h1{font-size:31px;letter-spacing:-1px}.hero .mini{white-space:normal}.logo{font-size:18px}.hero-grid{min-height:560px}}
@media(max-width:850px){footer .grid>*{min-width:0;overflow-wrap:anywhere}}@media(max-width:520px){footer .grid{grid-template-columns:1fr}footer .logo{font-size:22px}.footerbottom span{float:none!important;display:block;margin-top:12px}}

/* User photographs */
.hero-img{object-position:center 43%}.feature-panel img{object-position:center 65%}.photo-note{display:block;margin-top:12px;font-size:11px;color:#62748c;font-weight:400}@media(max-width:520px){.hero-img{object-position:62% center}.feature-panel img{object-position:center 66%}}

/* White call-to-action buttons throughout the portal. */
button,.btn,.result .btn{background:#fff;color:var(--navy);border:1px solid #cbd5e3}button:hover,.btn:hover,.result .btn:hover{background:#eaf0f7;color:var(--navy)}.hero .btn.light{background:#fff;color:var(--navy);border-color:#fff}.hero-img{object-position:center center}
.bodycontent{min-width:0}.bodycontent .linklist a,.toc a,.crumb{overflow-wrap:anywhere}.bodycontent .linklist a{max-width:100%}
.pagehero h1{overflow-wrap:anywhere;hyphens:auto}.contentlayout>*{min-width:0}