@import url('/assets/fonts.css');
:root{--navy:#071f28;--teal:#073b43;--teal-light:#16535a;--orange:#ff783c;--cream:#f6f5ef;--white:#fff;--ink:#102d35;--muted:#52686c;--line:#dbe2df;--radius:16px;--max:1280px;--space:clamp(24px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'Arial',sans-serif}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.brand{font-family:'Arial',sans-serif;font-weight:800}h1{font-size:clamp(3rem,6.7vw,6.6rem);line-height:.99;letter-spacing:-.055em}h2{font-size:clamp(2.1rem,4vw,3.9rem);line-height:1.07;letter-spacing:-.045em}h3{font-size:1.55rem;line-height:1.22;letter-spacing:-.025em}p+p{margin-top:1rem}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #167eca;outline-offset:5px}::selection{background:var(--orange);color:var(--navy)}.wrap{width:min(var(--max),calc(100% - 2 * var(--space)));margin:auto}.eyebrow{display:block;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:.15em;margin-bottom:20px}.orange{color:var(--orange)}.muted{color:var(--muted)}.lead{font-size:1.14rem;max-width:630px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;border-radius:7px;background:var(--orange);color:var(--navy);padding:15px 23px;min-height:54px;font-weight:800;line-height:1.3;transition:background .2s,transform .2s}.btn:hover{background:#ff955e;transform:translateY(-2px)}.btn.secondary{background:transparent;border-color:#81999c;color:inherit}.btn.secondary:hover{background:#ffffff13}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}.topbar{background:var(--navy);color:#e0eae7;font-size:.8rem;letter-spacing:.035em;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between}.header{background:var(--cream);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;gap:32px;min-height:94px}.brand{font-size:1.65rem;letter-spacing:-.06em;line-height:1}.brand small{font-size:.62rem;letter-spacing:.3em;display:block;margin-top:8px;text-transform:uppercase}.brand-icon{display:inline-flex;vertical-align:middle;background:var(--orange);color:var(--navy);width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;margin-right:8px;font-size:1.6rem;letter-spacing:-.1em}.header .brand{white-space:nowrap}.nav{display:flex;gap:24px;align-items:center;margin-left:auto;font-size:.9rem;font-weight:700}.nav a:hover{color:#a83906}.nav details{position:relative}.nav summary{cursor:pointer;list-style:none}.nav summary:after{content:'⌄';margin-left:7px}.dropdown{position:absolute;top:37px;left:-20px;background:white;min-width:250px;padding:12px;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #071f2820}.dropdown a{display:block;padding:9px;border-radius:5px}.dropdown a:hover{background:var(--cream)}.header-phone{font-weight:800;font-size:.95rem;white-space:nowrap}.header .btn{padding:12px 17px;min-height:46px;font-size:.85rem}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px;border-radius:6px}.hero{background:var(--teal);color:white;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;min-height:660px;padding:65px 0 70px}.hero-copy{position:relative;z-index:2}.hero-copy h1 span{display:block;color:var(--orange)}.hero-copy .lead{margin-top:28px;color:#d4e2df;max-width:490px}.hero-art{position:relative;min-width:0}.hero-art .scene{width:100%;height:490px;object-fit:cover;border-radius:160px 16px 16px 16px}.hero-art .mascot{position:absolute;width:220px;height:260px;object-fit:contain;left:-70px;bottom:-68px;filter:drop-shadow(0 15px 14px #071f283d)}.hero-badge{position:absolute;right:-16px;top:-18px;background:var(--orange);color:var(--navy);width:112px;height:112px;display:grid;place-content:center;border-radius:50%;text-align:center;font-size:.85rem;font-weight:800;line-height:1.2;transform:rotate(9deg)}.hero-note{font-size:.8rem;margin-top:20px;color:#b6cdcb}.ribbon{background:var(--orange);color:var(--navy);padding:19px 0;font-weight:800}.ribbon .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.ribbon span:before{content:'+';margin-right:12px}.section{padding:90px 0}.section.dark{background:var(--navy);color:white}.section.teal{background:var(--teal);color:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-head p{max-width:380px;color:var(--muted)}.dark .section-head p,.teal .section-head p{color:#c6d8d7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #071f2810}.card-image{height:245px;width:100%;object-fit:cover;background:#dce4e0}.card-body{padding:26px;display:flex;flex-direction:column;flex:1}.card-body p{margin:13px 0 25px;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-weight:800}.circle-arrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid #afbfbd;border-radius:50%;font-size:1.2rem}.tag{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#506b6a;margin-bottom:10px}.dark .card{background:#12323a;border-color:#36525a}.dark .card p,.dark .tag{color:#c6d7d6}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split-image{height:490px;width:100%;object-fit:cover;border-radius:var(--radius)}.split p{margin-top:24px}.number-list{list-style:none;padding:0;margin:32px 0 0}.number-list li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:19px 0;border-top:1px solid #ffffff30}.number-list b{color:var(--orange);font-size:1.25rem}.number-list p{margin:7px 0 0;color:#cbdcdb;font-size:.95rem}.cta-panel{display:flex;gap:50px;align-items:center;justify-content:space-between;background:var(--orange);color:var(--navy);padding:50px;border-radius:20px}.cta-panel h2{font-size:clamp(2rem,3.8vw,3.4rem);max-width:650px}.cta-panel .btn{background:var(--navy);color:white;white-space:nowrap}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:1.15rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:1.5rem}.faq details[open] summary:after{content:'−'}.faq details p{padding-top:15px;color:var(--muted)}.footer{background:var(--navy);color:white;padding:65px 0 28px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.footer .brand{font-size:2rem}.footer h3{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#9ab5b9;margin-bottom:18px}.footer a:not(.brand){display:block;margin:9px 0;color:#d3e0df;font-size:.9rem}.footer a:hover{text-decoration:underline}.footer p{color:#b3c9c9;margin-top:24px;max-width:300px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:24px;margin-top:50px;font-size:.8rem;color:#a6bfc0}.footer-bottom a{display:inline!important;font-size:.8rem!important}.mobile-call{display:none}.breadcrumbs{font-size:.8rem;color:#9ebcbc;margin-bottom:28px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.page-hero{padding:60px 0 65px;background:var(--teal);color:white}.page-hero h1{font-size:clamp(2.6rem,5.8vw,5rem);max-width:950px}.page-hero p{margin-top:25px;color:#cbdedb;max-width:660px}.page-hero .eyebrow{color:var(--orange)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.filter{border:1px solid #b5c5c2;background:transparent;border-radius:24px;padding:9px 20px;color:var(--ink);font-weight:700}.filter[aria-pressed=true],.filter:hover{background:var(--teal);color:white}.result-count{font-size:.85rem;color:var(--muted);margin-bottom:20px}.product-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:start}.product-photo{height:520px;object-fit:cover;width:100%;border-radius:16px}.caption{font-size:.8rem;color:var(--muted);margin-top:10px}.specs{width:100%;border-collapse:collapse;margin-top:28px}.specs th,.specs td{padding:13px 0;text-align:left;border-bottom:1px solid var(--line)}.specs th{font-weight:500;color:var(--muted);width:50%}.notice{background:#e7eeea;border-left:3px solid var(--teal);padding:18px 22px;border-radius:0 8px 8px 0;margin:24px 0}.quote-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.quote-panel{padding:34px;background:white;border:1px solid var(--line);border-radius:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:700}.field.full{grid-column:1/-1}input,select,textarea{border:1px solid #9fb2b0;border-radius:6px;padding:12px 14px;background:#fff;color:var(--ink);width:100%;min-height:50px}textarea{resize:vertical;min-height:110px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;line-height:1.55;margin:22px 0}.consent input{width:19px;min-height:19px;margin-top:4px}.consent a{text-decoration:underline}.honeypot{position:absolute;left:-9999px}.form-status{margin-top:18px;color:#a4310b}.article{max-width:800px;margin:auto}.article h2{font-size:2rem;margin:35px 0 16px}.article h3{margin:25px 0 12px}.article ul{padding-left:22px}.article p{margin:15px 0}.article a{text-decoration:underline;text-underline-offset:4px}.article .lead{font-size:1.25rem}.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.solution{border-top:1px solid var(--line);padding:28px 0}.solution p{margin:14px 0 20px}.error-page{text-align:center;padding:120px 0}.error-page .actions{justify-content:center}.no-results{grid-column:1/-1;padding:40px}.image-note{font-size:.75rem;color:var(--muted);margin-top:22px}.cookie-box{position:fixed;bottom:24px;right:24px;max-width:420px;padding:24px;border-radius:14px;background:white;border:1px solid var(--line);z-index:60;box-shadow:0 6px 40px #0002}.cookie-box .actions{margin-top:15px}.cookie-box[hidden]{display:none}[hidden]{display:none!important}
@media(min-width:1600px){.hero-grid{min-height:720px}.hero-art .scene{height:540px}}
@media(max-width:1150px){.header-row{gap:18px}.nav{gap:16px}.header-phone{display:none}.hero-grid{gap:30px}.hero-art .scene{height:440px}.hero-art .mascot{width:170px;left:-30px}.hero-badge{right:0}.cards{gap:16px}.card-body{padding:20px}.split{gap:40px}}
@media(max-width:850px){.header-row{min-height:80px}.menu-toggle{display:block;margin-left:auto}.header-row>.btn{display:none}.nav{display:none;position:absolute;left:0;right:0;top:80px;padding:24px var(--space);background:var(--cream);max-height:calc(100vh - 100px);overflow:auto;box-shadow:0 20px 30px #071f2820}.nav.open{display:block}.nav>a,.nav>details{display:block;padding:12px 0}.dropdown{position:static;box-shadow:none;margin-top:12px}.hero-grid{grid-template-columns:1fr;gap:42px;padding-top:48px}.hero-copy h1{font-size:clamp(3.5rem,10vw,5.8rem)}.hero-copy .lead{max-width:600px}.hero-art .scene{height:390px;border-radius:90px 12px 12px 12px}.hero-art .mascot{width:190px;left:0;bottom:-50px}.cards{grid-template-columns:repeat(2,1fr)}.split,.product-grid,.quote-grid{grid-template-columns:1fr;gap:35px}.split-image{height:380px}.section{padding:65px 0}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start}.section-head p{max-width:280px}.cta-panel{padding:35px;display:block}.cta-panel .btn{margin-top:25px}.product-photo{height:400px}.topbar .wrap span:last-child{display:none}.ribbon{font-size:.82rem}.ribbon .wrap{justify-content:center;gap:12px 25px}}
@media(max-width:540px){:root{--space:22px}.brand{font-size:1.45rem}.brand small{font-size:.55rem}.header-row{gap:8px}.brand-icon{width:34px;height:34px;font-size:1.4rem}.topbar{font-size:.7rem}.hero-copy h1{font-size:3.55rem}.hero-art .scene{height:300px;border-radius:70px 10px 10px 10px}.hero-art .mascot{width:150px;height:200px;bottom:-42px}.hero-badge{width:87px;height:87px;font-size:.7rem;top:-20px}.hero-grid{padding-bottom:55px}.actions{gap:10px}.btn{padding:14px 17px;font-size:.93rem;gap:15px}.cards,.solution-grid{grid-template-columns:1fr}.card-image{height:230px}.section-head{display:block}.section-head p{margin-top:20px;max-width:none}.section-head>.btn{margin-top:20px}.split-image{height:310px}.footer-grid{gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom>div{margin-top:12px}.footer{padding-bottom:90px}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:var(--navy);padding:10px 16px;gap:12px;box-shadow:0 -2px 16px #0002}.mobile-call a{flex:1;min-height:45px;font-size:.85rem;display:grid;place-items:center;color:white;font-weight:800}.mobile-call .btn{color:var(--navy);padding:9px}.form-grid{grid-template-columns:1fr}.quote-panel{padding:24px}.product-photo{height:280px}.page-hero{padding:38px 0 46px}.cta-panel{padding:28px}.cookie-box{left:16px;right:16px;bottom:85px}.ribbon .wrap span:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}