:root{--navy:#073950;--dark:#0a5367;--aqua:#099fb6;--mint:#24b7b4;--mint-light:#dffaf8;--blue:#008da9;--ink:#143b50;--muted:#577382;--pale:#eefbfc;--line:#d4e8ec;--shadow:0 16px 46px rgba(4,75,90,.12)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.58 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:white}a{color:#087e92}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e0ad3b;outline-offset:3px}.wrap{max-width:1200px;width:calc(100% - 48px);margin-inline:auto}.topline{background:var(--navy);color:#d9fcfc;font-size:12px;font-weight:800;letter-spacing:.01em}.topline .wrap{min-height:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;padding-block:5px}.topline a{color:white}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;box-shadow:0 5px 18px #0b3c4a0b}.header-row{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);min-width:225px}.brand img{width:78px;height:58px;object-fit:contain}.brand-name{font-size:20px;line-height:1.04;letter-spacing:-.025em;font-weight:950}.brand-name span{display:block;font-size:15px;letter-spacing:.02em}.brand small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#268da1;display:block;font-weight:820;margin-top:5px}.navlinks{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:800}.navlinks a{color:var(--navy);text-decoration:none;white-space:nowrap}.navlinks a:hover{color:var(--aqua)}.navlinks .btn{color:#fff}.btn{border-radius:11px;border:2px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:850;text-align:center;text-decoration:none;color:white!important;line-height:1.25;background:linear-gradient(115deg,#079db5,#0387a4);box-shadow:0 7px 16px #0089a329;transition:transform .17s,box-shadow .17s,filter .17s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 19px #0089a348;filter:saturate(1.1)}.btn.navy{background:linear-gradient(120deg,#0b4965,#062e47);box-shadow:0 7px 16px #043e4e32}.btn.white{background:white;color:var(--navy)!important;box-shadow:none}.btn.outline{background:#fff;color:#067c96!important;border-color:#0ca3b6;box-shadow:none}.btn.ghost{background:transparent;color:white!important;border-color:#ddfbfe;box-shadow:none}.btn.mint{background:linear-gradient(115deg,#0a9eaf,#00a88e)}.btn.small{padding:10px 14px;font-size:13px}.eyebrow{font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:900;color:#057f98}.slogan{font:italic 800 clamp(24px,2.8vw,38px)/1.16 Georgia,"Times New Roman",serif;color:#008dac;letter-spacing:-.022em;margin:16px 0}.hero{background:linear-gradient(118deg,#fff 0%,#f1ffff 49%,#cdf2f5 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;pointer-events:none;right:-170px;bottom:-300px;width:700px;height:700px;border:125px solid #15b8bc13;border-radius:50%}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:48px;align-items:center;position:relative;z-index:1;padding:60px 0}.hero h1{font-size:clamp(40px,5.1vw,66px);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:15px 0}.hero h1 em{color:#008ca7;font-style:normal}.hero p{font-size:18px;max-width:690px}.hero-cta,.inline-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.image-frame{position:relative;background:#c9ecf0;border-radius:19px;overflow:hidden;border:7px solid #fff;box-shadow:var(--shadow)}.image-frame img{display:block;width:100%;height:auto;min-height:270px;object-fit:cover}.photo-label{position:absolute;bottom:11px;left:11px;background:#ffffffed;color:var(--navy);font-size:12px;font-weight:850;padding:7px 11px;border-radius:8px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.quick-actions .btn{width:100%}.baz-button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-align:center;min-height:75px;border:2px solid #085e7c;border-radius:13px;padding:10px 16px;background:linear-gradient(125deg,#0a425e,#008eaa);color:white!important;text-decoration:none;box-shadow:0 10px 20px #08465c2b;transition:transform .16s,box-shadow .16s}.baz-button:hover{transform:translateY(-2px);box-shadow:0 13px 25px #08465c42}.baz-button span{font-size:12px;letter-spacing:.13em;font-weight:950;text-transform:uppercase;color:#8dfff1}.baz-button strong{font-size:18px;line-height:1.1;color:white}.baz-button small{color:#ddffff;font-weight:700;font-size:12px}.whatsapp-button{display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(120deg,#0badb1,#00896c);color:white!important;border-radius:13px;padding:14px;font-weight:850;text-decoration:none;box-shadow:0 8px 17px #038c8a2c;text-align:center}.whatsapp-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ribbon{background:linear-gradient(100deg,#074c67,#04899e);color:#fff}.ribbon .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ribbon-item{padding:19px 4px;display:flex;gap:12px;align-items:center;font-weight:760;font-size:13px}.ribbon-icon{font-size:27px;flex-shrink:0}.section{padding:68px 0}.section.alt{background:#f2fbfc}.section h2{font-size:clamp(28px,3.2vw,40px);color:var(--navy);line-height:1.18;margin:11px 0 15px;letter-spacing:-.02em}.section h3{color:var(--navy)}.lead{font-size:17px;color:#587482;max-width:790px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:26px 0}.cards.two,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:23px}.card,.feature,.coffee{border:1px solid var(--line);border-radius:17px;background:white;padding:26px;box-shadow:0 6px 24px #0051640a}.card h3{font-size:19px;line-height:1.23;margin:15px 0 7px}.card p{font-size:14px;color:var(--muted);margin:0}.product-link{color:var(--ink);text-decoration:none;transition:transform .17s,border-color .17s,box-shadow .17s}.product-link:hover{transform:translateY(-3px);border-color:#0da8bb;box-shadow:0 14px 30px #00516417}.iconbox{width:52px;height:52px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#e3fafa,#d8f3f5);font-size:26px}.feature{background:#ebfafb}.feature.white{background:#fff}.feature h3{font-size:25px;line-height:1.2;margin:12px 0}.feature p{color:#4e7180}.feature .btn{margin-top:13px}.coffee{background:linear-gradient(135deg,#e9faff,#fff);border-color:#b6e4ed}.coffee h3{font-size:26px;line-height:1.2;margin:12px 0}.coffee p{color:#46717a}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.step{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px}.step .number{width:44px;height:44px;border-radius:50%;background:#dcf7f8;color:var(--deep);display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:950}.step h3{margin:12px 0 6px;font-size:19px}.step p{margin:0;font-size:14px;color:var(--muted)}.dark-band{background:linear-gradient(110deg,#0b3b57,#077c90);padding:49px 0;color:#fff}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:27px}.dark-band h2{color:white;line-height:1.16;font-size:clamp(28px,3.1vw,41px);margin:8px 0}.dark-band p{color:#d7f7f8;margin:0;max-width:750px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.chip{padding:6px 10px;border:1px solid #c2e2e7;background:#ebf9fa;border-radius:8px;color:#157e92;font-weight:830;font-size:13px}.foot{background:var(--navy);color:white;padding:38px 0 25px}.foot-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:32px}.foot h3{font-size:17px;color:white;margin:0 0 14px}.foot p{font-size:14px;color:#ccebf0}.foot a{display:block;color:#e5ffff;margin:8px 0;font-size:14px;text-decoration:none}.foot a:hover{text-decoration:underline}.copyright{border-top:1px solid #ffffff25;margin-top:26px;padding-top:16px;color:#bddbe4;font-size:12px}.mobile-actions{display:none}
.app-hero{background:linear-gradient(105deg,#0a425d,#059ab1);color:#fff;padding:50px 0}.app-hero h1{font-size:clamp(35px,4.4vw,55px);line-height:1.1;letter-spacing:-.02em;margin:11px 0}.app-hero p{color:#e3ffff;max-width:850px;font-size:18px}.app-hero .eyebrow{color:#adf5f1}.app-hero .slogan{color:#e5ffff}.app-main{padding:42px 0 70px}.anchor-nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.anchor-nav a{font-size:13px;font-weight:850;background:#e6f8fa;border:1px solid #cce9ed;color:#166576;padding:10px 13px;border-radius:10px;text-decoration:none}.anchor-nav a:hover{background:#c8f1f3}.app-panel{border:1px solid #cbe7ec;border-radius:18px;padding:28px;margin:0 0 24px;background:white;box-shadow:0 5px 20px #085a6c09;scroll-margin-top:116px}.app-panel h2{font-size:26px;margin:8px 0 10px;color:var(--navy);line-height:1.2}.app-panel p{color:#5b7480}.field{margin:14px 0}.field label{display:block;font-weight:800;font-size:14px;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;min-height:47px;border:1px solid #aacfd7;border-radius:10px;background:white;color:var(--ink)}.field textarea{min-height:125px;resize:vertical}.note{font-size:13px!important;color:#637d89!important;line-height:1.45}.status{background:#eaf9fb;border-left:4px solid #079bb6;border-radius:8px;padding:13px 15px;font-size:14px;color:#265f70;margin:12px 0}.photo-preview{max-height:290px;max-width:100%;display:block;margin:15px 0;border-radius:12px}.photo-preview[hidden]{display:none}.list-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.list-tile{border:1px solid var(--line);background:white;padding:19px;border-radius:13px;text-decoration:none;color:var(--navy)}.list-tile strong{display:block;margin:8px 0 5px}.list-tile small{font-size:13px;color:var(--muted)}
.compact-hero{background:linear-gradient(116deg,#e9fbfd,#fff);padding:37px 0}.compact-hero h1{font-size:clamp(33px,4vw,49px);line-height:1.12;color:var(--navy);margin:10px 0}.compact-hero p{max-width:850px;font-size:17px}.breadcrumb{font-size:13px;color:#64808c;margin:25px 0 12px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:38px}.content-grid h2{color:var(--navy);font-size:26px;line-height:1.25;margin:29px 0 10px}.content-grid article>section p{line-height:1.7}.content-grid aside{background:#f0fafb;border:1px solid var(--line);border-radius:15px;padding:22px;align-self:start}.content-grid aside h2{font-size:19px;margin:2px 0 13px}.content-grid aside a{display:block;margin:8px 0}.faq details{border-bottom:1px solid var(--line);padding:13px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#536e77;font-size:15px}.full-width-image{max-height:370px;width:100%;object-fit:cover;border:5px solid white;box-shadow:var(--shadow);border-radius:16px}.install-tip{border-left:4px solid var(--aqua);background:#e5f8f9;padding:15px 18px;border-radius:9px;margin-top:15px}.share-row{display:flex;gap:10px;flex-wrap:wrap}.share-row .btn{min-width:128px}
@media(max-width:1040px){.navlinks .secondary{display:none}.navlinks{gap:12px}.hero-grid{gap:22px}}@media(max-width:750px){.wrap{width:calc(100% - 30px)}.topline .wrap{justify-content:center;text-align:center;padding:7px 0}.header-row{min-height:72px}.brand{min-width:0;gap:6px}.brand img{width:61px;height:46px}.brand-name{font-size:16px}.brand-name span{font-size:12px}.brand small{font-size:9px}.navlinks a:not(.btn){display:none}.navlinks .btn{padding:10px;font-size:12px}.hero-grid{grid-template-columns:1fr;padding:41px 0}.hero h1{font-size:clamp(37px,9vw,54px)}.hero p{font-size:16px}.hero-cta .btn{flex:1}.quick-actions .baz-button strong{font-size:15px}.quick-actions .whatsapp-button{font-size:13px}.image-frame img{min-height:230px}.ribbon .wrap{grid-template-columns:1fr 1fr;gap:0;padding:7px 0}.ribbon-item{padding:10px 2px;font-size:12px}.ribbon-icon{font-size:23px}.section{padding:45px 0}.cards,.cards.two,.two-col,.steps,.content-grid{grid-template-columns:1fr}.cards.mobile-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cards.mobile-2 .card{padding:15px}.cards.mobile-2 .card h3{font-size:16px}.cards.mobile-2 .card p{font-size:12px}.band-inner{display:block}.band-inner .btn{margin-top:20px}.foot-grid{grid-template-columns:1fr}.mobile-actions{display:flex;position:sticky;bottom:0;z-index:55;gap:8px;padding:9px 12px;border-top:1px solid #c4e3eb;background:#fff}.mobile-actions a{flex:1;text-align:center;font-size:14px;font-weight:850;text-decoration:none;color:white;padding:11px;border-radius:9px;background:linear-gradient(120deg,#068aa7,#00678b)}.mobile-actions a:last-child{background:linear-gradient(100deg,#16b4a7,#008574)}.app-main{padding:25px 0 60px}.app-panel{padding:21px}.list-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.list-tile{padding:14px}.content-grid aside{margin-top:20px}.share-row .btn{flex:1}.compact-hero{padding:31px 0}}