:root{--ink:#142b30;--muted:#637479;--line:#dce5e4;--paper:#f3f6f5;--green:#12775a;--lime:#d4ef78;--radius:16px;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;color:var(--ink);font:16px/1.55 'Inter','Segoe UI',Arial,sans-serif;background:#fff}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #299880;outline-offset:4px}[hidden]{display:none!important}.container{width:min(var(--max),calc(100% - 80px));margin:auto}.topline{background:#112d31;color:#e4efed;font-size:12px}.topline .container{min-height:35px;display:flex;align-items:center;justify-content:space-between}.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;gap:50px;min-height:100px}.logo{display:inline-flex;gap:8px;align-items:center;font-size:30px;font-weight:650;letter-spacing:-1.2px;line-height:1}.logo-mark{font-weight:950;font-size:39px;letter-spacing:-3px}.logo-mark>span{color:var(--green);letter-spacing:0}.logo small{display:block;font-size:8px;letter-spacing:2.2px;margin-top:9px;font-weight:750}.global-search{display:flex;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:9px;flex:1;max-width:640px;padding:0 12px;gap:10px}.global-search>span{font-size:32px;line-height:1}.global-search input{width:100%;min-width:0;padding:14px 0;border:0;background:transparent;font-size:14px;outline-offset:0}.global-search button{border:0;background:transparent;padding:8px 10px;font-size:23px}.cart-button{margin-left:auto;display:flex;align-items:center;gap:10px;border:0;background:transparent;font-size:13px;font-weight:650;white-space:nowrap}.cart-button b{border-radius:50%;background:var(--ink);color:white;min-width:24px;height:24px;display:grid;place-items:center;font-size:12px}.nav{display:flex;gap:35px;align-items:center;min-height:48px;font-size:13px;font-weight:600}.nav a{padding:12px 0;white-space:nowrap}.nav a:hover,.text-link:hover,.source-link:hover{color:var(--green)}.nav .nav-feature{color:var(--green)}.nav-feature span{margin-left:10px}.hero{color:white;background:#12363c;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;min-height:540px;align-items:center;gap:35px}.hero-copy{padding:56px 0;position:relative;z-index:1}.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:var(--green);font-weight:800;line-height:1.5;margin-bottom:15px}.eyebrow.light{color:#badad6}.hero h1{font-size:clamp(42px,4.5vw,66px);font-weight:600;letter-spacing:-3px;line-height:1.08;margin:0 0 23px}.hero em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:17px;color:#c3d4d5;max-width:490px;line-height:1.8;margin:0 0 29px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;border-radius:7px;border:1px solid transparent;padding:12px 20px;font-size:13px;line-height:1.5;font-weight:700;transition:background .15s,transform .15s;text-align:center}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:white}.hero .btn-primary{background:var(--lime);color:#183c28}.btn-primary:hover{background:#0e634a}.hero .btn-primary:hover{background:#e0fa95}.btn-secondary{border-color:var(--line);background:white}.btn-secondary:hover{background:var(--paper);border-color:#a0c0b7}.btn-outline{color:white;border-color:#688286;background:transparent}.btn-light{background:#fff;color:var(--ink)}.hero-note{color:#b7cdcd;font-size:11px;display:flex;align-items:center;gap:9px;margin-top:35px}.live-dot{height:6px;width:6px;background:var(--lime);border-radius:50%}.hero-stage{height:480px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;width:410px;height:410px;border-radius:50%;border:1px solid #496b6e;background:radial-gradient(circle,#e9f3ee 0,#aac3c2 52%,#284f55 53%,#23494e 68%,transparent 69%)}.hero-orbit:after{content:'';position:absolute;inset:-24px;border-radius:50%;border:1px dashed #42656a}.hero-camera{width:90%;height:380px;object-fit:contain;position:relative;filter:drop-shadow(0 30px 20px #08222966);mix-blend-mode:normal}.float-tag{position:absolute;z-index:2;border:1px solid #5a8184;background:#1a464cdd;padding:8px 17px;border-radius:30px;font-size:11px;letter-spacing:1px}.tag-ip{top:55px;right:24px}.tag-wifi{bottom:130px;left:10px}.hero-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center}.hero-caption span{display:block;color:#a6c7c8;font-size:8px;letter-spacing:2px}.hero-caption b{font-size:16px;font-weight:500;display:block;margin-top:7px}.benefits{border-bottom:1px solid var(--line)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr)}.benefits-grid>div{display:flex;gap:15px;align-items:center;padding:23px 10px}.benefits-grid>div+div{border-left:1px solid var(--line);padding-left:35px}.benefits-grid>div>span{font-size:12px;color:var(--green);border:1px solid #cddcd7;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.benefits p{margin:0}.benefits b,.benefits small{display:block;font-size:12px}.benefits small{font-size:11px;color:var(--muted);margin-top:2px}.section{padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-heading h2,.builder-copy h2,.help h2{font-size:34px;font-weight:600;letter-spacing:-1.25px;line-height:1.2;margin:0}.section-heading .eyebrow{margin-bottom:10px}.section-heading p{font-size:13px;color:var(--muted);margin:12px 0 0}.text-link{font-size:12px;white-space:nowrap;color:var(--green);font-weight:700}.kits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kit-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:white}.kit-image{height:210px;position:relative;display:flex;align-items:center;justify-content:center;background:#f0f4f1;isolation:isolate}.kit-image img{height:155px;width:165px;object-fit:contain;mix-blend-mode:multiply;transform:translateY(12px)}.kit-tag{position:absolute;top:14px;left:14px;font-size:9px;background:white;padding:5px 9px;border-radius:4px;font-weight:600;z-index:1}.kit-count{position:absolute;right:15px;bottom:17px;font-size:35px;line-height:1;letter-spacing:-2px;color:#537164}.kit-count small{display:block;font-size:8px;letter-spacing:.5px;margin-top:5px}.kit-content{padding:20px;display:flex;flex-direction:column;flex:1}.brand-name{font-size:9px;color:var(--green);letter-spacing:1.4px;font-weight:800;text-transform:uppercase}.kit-content h3{font-size:17px;line-height:1.35;letter-spacing:-.4px;margin:9px 0 10px}.kit-content p{font-size:12px;color:var(--muted);margin:0 0 15px;line-height:1.7}.kit-content details{font-size:11px;margin-top:auto}.kit-content summary{cursor:pointer;font-weight:650}.kit-content ul{padding-left:18px;color:var(--muted)}.kit-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.kit-bottom>b{font-size:12px}.kit-bottom .btn{font-size:11px;padding:9px 11px;min-height:39px}.kit-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.section-footnote{font-size:11px;color:var(--muted);margin:19px 0 0;max-width:970px;line-height:1.7}.catalog-section{background:var(--paper);border-top:1px solid #e6ecea;border-bottom:1px solid #e6ecea}.result-label{font-size:12px;color:var(--muted)}.catalog-layout{display:grid;grid-template-columns:215px 1fr;gap:32px;align-items:start}.filters{padding-top:3px}.filter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filter-heading h3{font-size:16px;margin:0}.filter-heading button{background:none;border:0;color:var(--green);font-size:11px;text-decoration:underline}.filters>label{display:block;font-size:11px;font-weight:750;margin:20px 0 9px}.filters select,select{width:100%;border:1px solid #cddbd6;background:white;border-radius:6px;padding:11px 10px;color:var(--ink);font-size:12px;min-height:43px}.filter-help{background:#e0eae5;padding:20px;margin-top:32px;border-radius:10px}.filter-help>span{font-size:8px;letter-spacing:1.5px;color:var(--green);font-weight:800}.filter-help h4{font-size:18px;line-height:1.3;margin:12px 0;letter-spacing:-.5px}.filter-help p{font-size:11px;color:#597366}.filter-help a{font-size:11px;color:var(--green);font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;min-width:0}.product-card:hover{border-color:#a2c5b8;box-shadow:0 10px 35px #173f3510}.product-image{height:225px;display:flex;align-items:center;justify-content:center;position:relative}.product-image img{width:90%;height:87%;object-fit:contain}.illustration{position:absolute;bottom:9px;font-size:8px;color:#687e76;left:0;right:0;text-align:center}.product-content{padding:20px;display:flex;flex-direction:column;flex:1}.product-title{font-size:15px;font-weight:650;line-height:1.45;margin:9px 0 5px;letter-spacing:-.2px}.product-title:hover{color:var(--green)}.model{font-size:10px;color:var(--muted);margin-bottom:16px}.spec-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;margin-bottom:21px}.spec-chips span{font-size:9px;padding:4px 7px;background:#f0f5f3;border-radius:4px;color:#507164}.product-buy{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1ef;padding-top:16px}.product-buy b{display:block;font-size:15px;font-weight:750}.product-buy small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.add-button{height:36px;width:36px;border-radius:7px;border:1px solid #cddfd6;color:var(--green);background:#edf6ef;font-size:24px;line-height:1}.add-button:hover{background:var(--green);color:white}.empty{padding:40px;text-align:center;border:1px dashed #a9c2b7;border-radius:12px;background:#f9fcfa;color:var(--muted)}.empty h3{font-size:18px;color:var(--ink)}.empty p{font-size:13px}.builder-section{background:#eef3e9}.builder-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center}.builder-copy h2{font-size:43px;line-height:1.15;letter-spacing:-1.9px}.builder-copy em{font-style:normal;color:var(--green)}.builder-copy>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:420px}.builder-steps{counter-reset:steps;list-style:none;padding:0;display:grid;gap:15px;margin:28px 0 30px}.builder-steps li{counter-increment:steps;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.builder-steps li:before{content:counter(steps);width:25px;height:25px;border:1px solid #b8cbb8;border-radius:50%;display:grid;place-items:center;font-size:10px;color:var(--green)}.builder-panel{background:white;padding:30px;border:1px solid #d7e2d1;border-radius:16px;box-shadow:0 12px 45px #28512b0a}.builder-fields{display:grid;gap:17px}.builder-fields label{font-size:11px;font-weight:750}.builder-fields select{margin-top:7px}.builder-summary{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.summary-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.summary-heading span{background:#eff5e9;color:var(--green);font-size:10px;padding:4px 8px;border-radius:4px}.builder-summary ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:13px}.builder-summary li{display:flex;gap:13px;align-items:center;font-size:12px}.component-image{height:44px;width:44px;object-fit:contain;background:#fff}.builder-summary li b{font-size:12px}.component-name{flex:1}.component-name small{display:block;color:var(--muted);font-size:10px}.component-quantity{font-size:12px;font-weight:750;background:#f2f6f3;padding:3px 7px;border-radius:4px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.how-grid article{border-top:1px solid var(--line);padding-top:24px}.how-grid article>span{font-size:9px;color:var(--green);letter-spacing:1.2px;font-weight:750}.how-grid h3{font-size:20px;letter-spacing:-.6px;margin:14px 0 10px;font-weight:600}.how-grid p{font-size:13px;color:var(--muted);max-width:340px;line-height:1.8}.help{background:var(--ink);color:white;padding:45px 0}.help-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.help .eyebrow{color:#b9d7c9;margin-bottom:10px}.help h2{font-size:30px}.help p{font-size:12px;color:#b7cacc;margin-bottom:0}.footer{padding:52px 0 0;background:#fbfcfb}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.footer p{color:var(--muted);font-size:12px;line-height:1.8}.footer-grid>div>b{display:block;font-size:12px;margin-bottom:17px}.footer-grid>div>a:not(.logo){display:block;font-size:11px;margin:10px 0;color:#536f68}.footer-bottom{padding:22px 0;border-top:1px solid var(--line);margin-top:38px;font-size:9px;color:var(--muted)}.breadcrumb{display:flex;gap:12px;font-size:11px;color:var(--muted);padding-top:28px}.product-page{padding-top:35px}.product-detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start}.detail-image{min-height:490px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;position:relative}.detail-image img{width:90%;height:450px;object-fit:contain}.detail-info h1{font-size:35px;line-height:1.2;letter-spacing:-1.5px;margin:0 0 12px;font-weight:600}.detail-info>p{font-size:13px;color:var(--muted);line-height:1.8}.detail-info .detail-model{font-size:11px}.spec-table{font-size:12px;margin:25px 0}.spec-table>div{display:grid;grid-template-columns:1fr 1.5fr;border-bottom:1px solid var(--line);padding:11px 0;gap:20px}.spec-table dt{color:var(--muted)}.spec-table dd{margin:0;font-weight:550}.detail-price{padding:20px 0}.detail-price strong{display:block;font-size:25px}.detail-price span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.detail-actions{display:flex;align-items:end;gap:12px;margin:5px 0 25px}.quantity-label{font-size:10px;display:block}.quantity-label input{display:block;max-width:82px;min-height:47px;border:1px solid #bfcec9;border-radius:6px;padding:9px 12px;margin-top:6px;font-size:14px}.detail-actions .btn{flex:1}.source-link{font-size:11px;text-decoration:underline;color:var(--green)}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cart-dialog{border:0;border-radius:18px;padding:30px;width:min(560px,calc(100% - 32px));max-height:90vh;color:var(--ink);box-shadow:0 35px 130px #0005;overscroll-behavior:contain}.cart-dialog::backdrop{background:#061f24a1;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.dialog-header .eyebrow{font-size:8px;margin-bottom:7px}.dialog-header h2{font-size:25px;margin:0;letter-spacing:-.8px}.icon-button{border:1px solid var(--line);background:white;border-radius:50%;width:34px;height:34px;font-size:16px}.cart-line{border-bottom:1px solid var(--line);padding:19px 0;display:flex;gap:13px}.cart-line img{width:65px;height:65px;object-fit:contain}.cart-line-content{flex:1;min-width:0}.cart-line h3{font-size:13px;line-height:1.5;margin:0 0 4px}.cart-line small{font-size:10px;color:var(--muted)}.cart-line details{font-size:10px;color:var(--muted);margin:8px 0}.cart-line summary{cursor:pointer}.cart-line ul{margin:7px 0;padding-left:16px}.cart-controls{display:flex;align-items:center;gap:10px;margin-top:12px}.cart-controls button{height:28px;min-width:28px;background:white;border:1px solid #cbdad3;border-radius:4px;font-size:15px}.cart-controls button:disabled{opacity:.35;cursor:default}.cart-controls span{min-width:18px;text-align:center;font-size:12px}.cart-controls .remove{margin-left:auto;border:0;text-decoration:underline;font-size:10px;color:var(--muted)}.quote-options{display:grid;gap:10px;margin-top:24px;font-size:12px}.check{display:flex;gap:8px;align-items:center;margin-top:5px;font-size:11px}.check input{accent-color:var(--green);width:16px;height:16px}.quote-total{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:12px}.quote-total strong{font-size:18px}.full{width:100%;margin-top:10px}.small{font-size:11px;line-height:1.7}.muted{color:var(--muted)}.success-label{margin-top:20px;color:var(--green);font-size:11px;font-weight:750}.error{font-size:12px;border:1px solid #e7bcb4;background:#fff1eb;padding:12px;border-radius:6px;color:#82392c}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:40;background:var(--ink);color:white;border:1px solid #64857a;border-radius:9px;padding:14px 23px;font-size:12px;max-width:calc(100% - 30px);box-shadow:0 8px 30px #0002}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.btn:disabled{opacity:.55;cursor:wait;transform:none}
@media(min-width:1600px){.hero-grid{min-height:590px}.hero-copy h1{font-size:74px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.header-row{gap:25px}.nav{gap:25px}.hero-grid{gap:5px}.hero-stage{transform:scale(.92)}.hero h1{letter-spacing:-2px}.kits-grid{grid-template-columns:repeat(2,1fr)}.kit-image{height:220px}.kit-image img{width:220px;height:180px}.catalog-layout{grid-template-columns:190px 1fr;gap:24px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-grid{gap:40px}.builder-copy h2{font-size:36px}.related-grid{grid-template-columns:repeat(2,1fr)}.product-detail-grid{gap:35px}.benefits-grid>div+div{padding-left:15px}}
@media(max-width:760px){html{scroll-padding-top:185px}.container{width:calc(100% - 32px)}.topline .container{justify-content:center}.topline .container>a{display:none}.header-row{min-height:130px;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px}.logo{font-size:25px}.logo-mark{font-size:34px}.global-search{order:3;flex-basis:100%;max-width:none}.global-search input{padding:10px 0;font-size:12px}.global-search>span{font-size:25px}.cart-button{font-size:11px;gap:8px}.nav{overflow-x:auto;gap:24px;min-height:40px;font-size:11px;scrollbar-width:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:40px 0 10px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy>p{font-size:14px;line-height:1.7}.hero-note{font-size:10px;margin-top:24px}.hero-stage{height:350px;transform:none;max-width:450px;width:100%;margin:0 auto 25px}.hero-orbit{width:280px;height:280px}.hero-camera{height:270px;width:90%}.hero-caption{bottom:0}.tag-ip{top:25px;right:10px}.tag-wifi{bottom:80px}.benefits-grid{grid-template-columns:1fr}.benefits-grid>div{padding:14px 0}.benefits-grid>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.section{padding:45px 0}.section-heading{align-items:start;flex-wrap:wrap;gap:14px;margin-bottom:24px}.section-heading h2{font-size:28px}.section-heading p{font-size:12px}.kits-grid{gap:12px}.kit-image{height:180px}.kit-image img{width:130px;height:130px}.kit-tag{font-size:8px;left:10px;top:10px}.kit-count{font-size:27px;right:10px}.kit-content{padding:15px}.kit-content h3{font-size:15px}.kit-content p{font-size:11px}.kit-bottom{flex-direction:column;align-items:stretch;gap:12px}.kit-bottom .btn{width:100%}.catalog-layout{grid-template-columns:1fr;gap:22px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.filter-heading{grid-column:1/-1;margin-bottom:2px}.filters>label{margin:6px 0 0;font-size:10px}.filters>label:nth-of-type(1){grid-column:1;grid-row:2}.filters>select:nth-of-type(1){grid-column:1;grid-row:3}.filters>label:nth-of-type(2){grid-column:2;grid-row:2}.filters>select:nth-of-type(2){grid-column:2;grid-row:3}.filters>label:nth-of-type(3){grid-column:1/-1}.filters>select:nth-of-type(3){grid-column:1/-1}.filter-help{display:none}.products-grid{gap:12px}.product-image{height:170px}.product-content{padding:13px}.product-title{font-size:12px;line-height:1.5}.brand-name{font-size:8px;letter-spacing:.7px}.model{font-size:9px}.spec-chips{margin-bottom:14px}.product-buy b{font-size:12px}.product-buy small{font-size:8px;max-width:90px}.add-button{width:31px;height:31px;flex-shrink:0}.builder-grid{grid-template-columns:1fr;gap:25px}.builder-copy h2{font-size:36px}.builder-panel{padding:20px}.builder-summary .kit-bottom{flex-direction:row;align-items:center}.builder-summary .kit-bottom .btn{width:auto}.builder-steps{margin:20px 0}.builder-copy>p{max-width:none}.how-grid{grid-template-columns:1fr;gap:20px}.how-grid p{max-width:none}.help-row{flex-direction:column;align-items:start}.help h2{font-size:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.product-detail-grid{grid-template-columns:1fr;gap:30px}.detail-image{min-height:330px}.detail-image img{height:300px}.detail-info h1{font-size:30px}.related-grid{gap:12px}.cart-dialog{padding:20px;max-height:92dvh}.hero .actions .btn{font-size:11px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
