
:root{--ink:#101820;--blue:#175cff;--sky:#eaf1ff;--line:#dbe2eb;--paper:#f7f8fa;--muted:#5d6977;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto;object-fit:cover}p{max-width:68ch;color:var(--muted)}h1,h2,h3{line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}h1{font-size:clamp(42px,7vw,86px);max-width:820px}h2{font-size:clamp(30px,4vw,52px)}h3{font-size:24px}.wrap{width:min(calc(100% - 44px),var(--max));margin:auto}.topline{background:var(--ink);color:#dbe6ff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.topline .wrap{display:flex;justify-content:space-between;padding:9px 0}.sitehead{background:var(--white);border-bottom:1px solid var(--line)}nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:20px;font-weight:850;letter-spacing:-.04em}.brand i{display:inline-block;width:11px;height:11px;background:var(--blue);border-radius:50%;margin:0 8px 1px 0}.navlinks{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}.navlinks a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);padding:12px 18px;font-size:14px;font-weight:800;background:var(--ink);color:var(--white);transition:.2s}.button:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.button.alt{background:transparent;color:var(--ink)}.button.alt:hover{color:var(--white)}.hero{padding:72px 0 82px;background:var(--white)}.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:64px;align-items:end}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:850;margin-bottom:22px}.hero p{font-size:19px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-art{position:relative}.hero-art img{aspect-ratio:3/2}.art-label{position:absolute;left:18px;bottom:18px;background:var(--white);padding:12px 15px;font-size:12px;font-weight:800;box-shadow:0 12px 28px #10182024}.ticks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;background:var(--line);border:1px solid var(--line)}.tick{background:var(--white);padding:18px}.tick b{display:block;font-size:24px}.tick span{font-size:12px;color:var(--muted)}section{padding:84px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-head p{margin:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--white);border:1px solid var(--line)}.card img{aspect-ratio:3/2}.card-body{padding:22px}.card-meta{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800}.price{font-weight:850;font-size:19px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}.panel{background:var(--ink);color:var(--white);padding:50px}.panel p{color:#b9c5d4}.list{list-style:none;padding:0;margin:25px 0}.list li{border-top:1px solid #ffffff2b;padding:14px 0;display:flex;justify-content:space-between;gap:20px}.feature-img{aspect-ratio:3/2}.note{border-left:3px solid var(--blue);padding:8px 0 8px 20px}.pagehero{padding:70px 0 56px;background:var(--white);border-bottom:1px solid var(--line)}.pagehero p{font-size:19px}.content{padding:60px 0 100px}.reading{max-width:780px;margin:auto}.reading h2{font-size:33px;margin-top:48px}.reading h3{margin-top:32px}.reading li{margin:8px 0;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.faq article{background:var(--white);padding:24px;border:1px solid var(--line)}.faq h3{font-size:19px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.form{background:var(--white);padding:30px;border:1px solid var(--line)}label{display:block;font-weight:800;font-size:13px;margin:16px 0 6px}input,textarea,select{width:100%;padding:13px;border:1px solid var(--line);font:inherit;background:#fff}textarea{min-height:130px}.footer{background:var(--ink);color:#fff;padding:54px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#aeb9c9}.footer h3{font-size:16px;letter-spacing:0}.footer ul{list-style:none;padding:0;line-height:2.1;font-size:14px}.copyright{border-top:1px solid #ffffff25;margin-top:40px;padding-top:18px;font-size:12px;color:#9ba9bb}.cookie{position:fixed;bottom:16px;right:16px;max-width:370px;background:var(--ink);color:#fff;padding:18px;box-shadow:0 10px 30px #0004;z-index:3;font-size:13px}.cookie p{color:#d4dce6;margin:4px 0 12px;font-size:13px}.cookie button{border:1px solid #fff;background:transparent;color:#fff;padding:7px 12px;font-weight:800}.mobile{display:none}.tag-tool{padding:76px 0;background:var(--sky);border-top:1px solid var(--line)}.choice-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.choice-row button,.catalog-tools button{border:1px solid var(--ink);background:var(--white);padding:12px 17px;font:inherit;font-weight:800;cursor:pointer}.choice-row button:hover{background:var(--blue);color:#fff}.finder{background:var(--white);padding:28px;margin-top:28px;border:1px solid var(--line);max-width:760px}.finder-count{display:block;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.finder-result{padding:20px;background:#f5f7fb}.catalog-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.catalog-tools input,.catalog-tools select{padding:12px;border:1px solid var(--line);font:inherit;min-width:240px}.saved-plan{padding:14px;background:var(--sky);font-size:14px}.saved-plan button{border:0;background:none;text-decoration:underline;cursor:pointer}@media(max-width:760px){.catalog-tools input,.catalog-tools select{width:100%;min-width:0}}@media(max-width:760px){.wrap{width:min(calc(100% - 30px),var(--max))}.topline .wrap{display:none}.navlinks{display:none}.mobile{display:block}.hero{padding:48px 0}.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:30px}.products{grid-template-columns:1fr}.ticks{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:12px}.panel{padding:30px}.faq{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}section{padding:58px 0}.pagehero{padding:50px 0 40px}}
