:root{--ink:#15253b;--muted:#5f7087;--line:#dce8f2;--bg:#f7fbff;--card:#fff;--blue:#4477a9;--blue2:#8eb5d8;--accent:#b98b55;--soft:#edf6fd;--shadow:0 18px 50px rgba(49,86,120,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Poppins",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff,var(--bg));line-height:1.7}img{max-width:100%;display:block}a{color:var(--blue);text-decoration:none}button,a{font:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(238,245,250,.96);backdrop-filter:blur(14px);border-bottom:1px solid transparent}.site-header.scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(30,60,90,.08)}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:28px;padding:14px 22px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;margin-right:auto}.brand img{width:42px;height:42px;object-fit:contain}.navlinks{display:flex;gap:20px;align-items:center}.navlinks a{color:#405269;font-size:.92rem;font-weight:600}.navlinks .btn{color:white}.menu{display:none;background:none;border:0;width:44px;height:44px}.menu svg,.to-top svg,.icon svg,.btn svg,.proscons svg,.faq-q svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero{max-width:1180px;margin:auto;min-height:610px;padding:74px 22px 60px;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.eyebrow{display:inline-block;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.hero h1,.page-hero h1,.article-hero h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:.98;margin:.2em 0}.lead{font-size:1.13rem;color:var(--muted);max-width:650px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 20px;font-weight:700;border:1px solid transparent}.primary{background:linear-gradient(135deg,var(--blue),#5c93c4);color:#fff;box-shadow:0 12px 30px rgba(68,119,169,.25)}.btn:hover{transform:translateY(-2px)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chips span{background:var(--soft);border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:.8rem}.hero-visual{position:relative}.hero-visual>img{border-radius:28px 8px 28px 8px;box-shadow:var(--shadow);width:100%}.float-card{position:absolute;left:-28px;bottom:-28px;background:#fff;border:1px solid var(--line);padding:16px;border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:34px auto;column-gap:10px}.float-card svg{width:28px;grid-row:1/3;fill:none;stroke:var(--blue);stroke-width:1.8}.float-card span{font-size:.78rem;color:var(--muted)}.section{max-width:1180px;margin:0 auto;padding:80px 22px}.section-head{max-width:760px;margin-bottom:32px}.section h2{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.15;margin:.25em 0}.dashboard-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.panel-wide{grid-row:span 2;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.panel-wide img{height:100%;object-fit:cover;border-radius:14px}.icon{width:46px;height:46px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--blue);flex:none}.icon svg{width:24px;height:24px}.bento{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:16px}.bento .card:nth-child(1),.bento .card:nth-child(5){grid-row:span 2}.card{transition:.2s ease}.card:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bdd4e7}.workflow{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px}.step{display:grid;grid-template-columns:54px 54px 1fr;gap:16px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.step:last-child{border:0}.step b{font-size:1.4rem;color:#9bb6cf}.step h3,.card h3{margin:.1em 0}.step p,.card p{margin:.2em 0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.split>img{border-radius:22px;box-shadow:var(--shadow)}.mini-grid,.cards3{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.cards3{grid-template-columns:repeat(3,1fr)}.benefit-band{background:linear-gradient(135deg,#edf7ff,#fff7ed);border-radius:28px;max-width:1136px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.setup-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:x}.setup-list li{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue2);padding:22px;border-radius:10px}.download{background:#eaf4fc;border:1px solid #d1e4f2;border-radius:28px;display:grid;grid-template-columns:1fr .8fr;gap:38px;align-items:center;padding:48px}.download img{border-radius:18px}.big{padding:17px 24px;margin:10px 0}.big svg{width:22px;height:22px}.download small{display:block;color:var(--muted)}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pros,.cons{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.pros{border-top:4px solid #6ba783}.cons{border-top:4px solid #c98d73}.proscons p{display:flex;gap:10px;align-items:flex-start}.proscons svg{width:20px;min-width:20px;margin-top:4px}.guide-list>a{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;color:inherit}.guide-list img{border-radius:14px}.faq-tabs{display:flex;gap:8px;margin-bottom:16px}.faq-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 15px}.faq-tabs button.active{background:var(--blue);color:white}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-item[hidden]{display:none}.faq-q{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:17px 18px;background:none;border:0;font-weight:700;color:var(--ink)}.faq-q svg{width:20px;transition:.2s}.faq-q[aria-expanded=true] svg{transform:rotate(180deg)}.faq-a{display:none;padding:0 18px 16px;color:var(--muted)}.faq-q[aria-expanded=true]+.faq-a{display:block}.page-hero{max-width:900px;margin:auto;padding:90px 22px}.page-hero p{font-size:1.05rem;color:var(--muted)}.contact-email{font-size:1.3rem;font-weight:700;color:var(--ink)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card div{padding:20px}.blog-card h2{font-size:1.2rem}.text-link{font-weight:700}.article-hero{max-width:1180px;margin:auto;padding:70px 22px 40px;display:grid;grid-template-columns:1fr .8fr;gap:42px;align-items:center}.article-hero h1{font-size:clamp(2.4rem,5vw,4.7rem)}.article-hero img{border-radius:22px;box-shadow:var(--shadow)}.article-layout{max-width:1050px;margin:auto;padding:20px 22px 90px;display:grid;grid-template-columns:1fr 280px;gap:50px}.article h2{margin-top:2em}.article .intro{font-size:1.12rem;color:var(--muted)}aside{border-left:1px solid var(--line);padding-left:24px}.site-footer{background:#eef5fa;border-top:1px solid var(--line);padding:50px 22px 24px}.footer-inner{max-width:1180px;margin:auto}.footer-top{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:#52667c}.footer-bottom{border-top:1px solid #d4e2ed;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:.82rem;color:#65778b}.to-top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border:0;border-radius:50%;background:var(--blue);color:#fff;box-shadow:var(--shadow);display:none}.to-top.show{display:grid;place-items:center}.to-top svg{width:22px}@media(max-width:900px){.navlinks{display:none;position:absolute;top:70px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.hero,.split,.download,.article-hero{grid-template-columns:1fr}.hero{padding-top:45px;min-height:auto}.hero h1{font-size:3.6rem}.float-card{left:12px}.dashboard-grid,.bento,.cards3,.benefits,.setup-list,.blog-grid,.faq-list{grid-template-columns:1fr 1fr}.panel-wide{grid-column:1/-1;grid-row:auto}.article-layout{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line);padding:20px 0}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}@media(max-width:600px){.section{padding:58px 18px}.hero{padding:36px 18px 50px}.hero h1{font-size:2.8rem}.dashboard-grid,.bento,.cards3,.benefits,.setup-list,.blog-grid,.faq-list,.mini-grid,.proscons{grid-template-columns:1fr}.panel-wide{grid-template-columns:1fr}.download{padding:28px 20px}.guide-list>a{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.article-hero{padding:50px 18px 25px}.article-layout{padding:10px 18px 60px}.nav{padding:12px 16px}.brand span{font-size:.86rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* 2026 refinement: lighter, more editorial section system */
.brand img{background:transparent!important}
.about-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.about-visual{position:relative;padding:0 0 26px 26px}
.about-visual:before{content:"";position:absolute;left:0;bottom:0;width:62%;height:68%;background:var(--soft);z-index:-1;border-radius:0 0 0 42px}
.about-visual img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px 44px 4px 44px;box-shadow:var(--shadow)}
.about-copy h2{margin:.25em 0 .45em}.about-copy p:not(.lead){color:var(--muted)}
/* Features: equal-width cards rather than uneven bento sizing */
#features .bento{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
#features .bento .card{grid-row:auto;min-width:0;height:100%;border:0;border-top:3px solid var(--blue2);border-radius:0;background:transparent;padding:24px 18px 22px;box-shadow:none}
#features .bento .card:hover{transform:translateY(-3px);box-shadow:none;background:rgba(237,246,253,.55)}
/* Reduce box-heavy appearance across the homepage */
#how-it-works .workflow{background:transparent;border:0;border-radius:0;padding:0}
#how-it-works .step{border:0;border-bottom:1px solid var(--line);padding:22px 4px}
#how-it-works .step:last-child{border-bottom:0}
#compatibility .card{border:0;border-left:3px solid var(--blue2);border-radius:0;background:transparent;box-shadow:none}
.benefit-band{border-radius:0;background:linear-gradient(90deg,#edf7ff,#fffaf4)}
.setup-list li{border:0;border-top:3px solid var(--blue2);border-radius:0;background:transparent}
.pros,.cons{border-radius:0;background:transparent;border-left:0;border-right:0;border-bottom:0}
.guide-list>a{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:18px 0}
.faq-item{border-radius:0;border-width:0 0 1px;background:transparent}
.contact-note{font-size:.94rem!important;max-width:760px}
@media(max-width:900px){.about-split{grid-template-columns:1fr;gap:34px}#features .bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#features .bento{grid-template-columns:1fr}.about-visual{padding:0 0 16px 16px}}

/* Alternating light section rhythm requested: Hero, then every other homepage section. */
body.home-page main>section:nth-of-type(odd){background:#f1f7fb;border-radius:28px;}
body.home-page .hero{margin-top:18px;}
@media(max-width:700px){body.home-page main>section:nth-of-type(odd){border-radius:18px;}body.home-page .hero{margin-top:10px;}}

/* v5 — full-width section backgrounds with contained content */
.hero{max-width:none;width:100%;background:linear-gradient(135deg,#f8fbff 0%,#edf6fd 55%,#fffaf4 100%);padding-left:max(22px,calc((100% - 1136px)/2));padding-right:max(22px,calc((100% - 1136px)/2));}
main>.section{max-width:none;width:100%;margin:0;padding-left:max(22px,calc((100% - 1136px)/2));padding-right:max(22px,calc((100% - 1136px)/2));}
main>.section:nth-of-type(2n){background:#ffffff;}
main>.section:nth-of-type(2n+1){background:#f7fbff;}
main>.section.benefit-band{max-width:none;border-radius:0;background:linear-gradient(135deg,#edf7ff,#fff7ed);}
main>.section.download{max-width:none;border-radius:0;border-left:0;border-right:0;background:#eaf4fc;padding-left:max(22px,calc((100% - 1136px)/2));padding-right:max(22px,calc((100% - 1136px)/2));}
.site-header{background:rgba(238,245,250,.98);}
@media(max-width:600px){.hero,main>.section,main>.section.download{padding-left:18px;padding-right:18px}}

/* v6 — header/footer contrast, seamless hero edge, installation tabs */
body.home-page .hero{margin-top:0!important;border-radius:0!important;}
.site-header{background:#17283c!important;border-bottom-color:rgba(255,255,255,.08)!important;backdrop-filter:none;}
.site-header .brand,.site-header .navlinks a{color:#f7fbff;}
.site-header .navlinks .btn{color:#fff;}
.site-header .menu{color:#fff;}
.site-header .menu svg{stroke:#fff;}
.site-header.scrolled{border-color:rgba(255,255,255,.12)!important;box-shadow:0 8px 30px rgba(4,15,28,.22);}
.site-footer{background:#17283c!important;color:#e9f1f8;border-top-color:#223a55;}
.site-footer .brand,.site-footer strong,.site-footer a{color:#f7fbff;}
.site-footer p,.site-footer .footer-links a,.site-footer .footer-bottom{color:#b9c9d8;}
.site-footer .footer-bottom{border-top-color:#2c4662;}
.site-header .brand img,.site-footer .brand img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));}
.install-tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.install-tablist{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);}
.install-tab{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:18px 16px;text-align:left;cursor:pointer;font-weight:600;transition:.2s ease;}
.install-tab:last-child{border-right:0}.install-tab b{display:block;color:var(--blue);font-size:.75rem;letter-spacing:.08em;margin-bottom:3px}.install-tab:hover{background:var(--soft);color:var(--ink)}.install-tab.active{background:var(--blue);color:#fff}.install-tab.active b{color:#dcecff}
.install-panels{padding:34px 6px}.install-panel{display:grid;grid-template-columns:56px 1fr;gap:22px;align-items:start;max-width:820px}.install-panel[hidden]{display:none}.install-panel h3{margin:0 0 6px;font-size:1.35rem}.install-panel p{margin:0;color:var(--muted)}
@media(max-width:760px){.install-tablist{grid-template-columns:1fr 1fr}.install-tab:nth-child(2){border-right:0}.install-tab:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:480px){.install-tablist{grid-template-columns:1fr}.install-tab{border-right:0;border-bottom:1px solid var(--line)!important}.install-tab:last-child{border-bottom:0!important}.install-panels{padding:26px 2px}.install-panel{grid-template-columns:46px 1fr;gap:14px}}
@media(max-width:900px){.site-header .navlinks{background:#17283c;border-color:#2c4662}.site-header .navlinks a{color:#f7fbff}}