.how-steps{position:relative}.how-tape{height:14px;margin-bottom:var(--space-4);border-bottom:1px solid var(--line-strong);background-image:repeating-linear-gradient(90deg, var(--line-strong) 0 1px, transparent 1px 12px), linear-gradient(var(--sun-700), var(--sun-700)), linear-gradient(var(--sun-700), var(--sun-700)), linear-gradient(var(--sun-700), var(--sun-700)), linear-gradient(var(--sun-700), var(--sun-700));background-position:0 100%,0 bottom,round(25% + 8px,12px) bottom,round(50% + 16px,12px) bottom,round(75% + 24px,12px) bottom;background-repeat:repeat-x,no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 6px,2px 14px,2px 14px,2px 14px,2px 14px}.how-steps .ah-steps{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr))}.how-steps .ah-steps li{border-top:0;padding-top:0}.how-steps .ah-steps li:before{color:var(--sun-700);font-size:48px}.how-steps .ah-steps h3{font-size:20px;line-height:28px}.how-steps .ah-steps p{color:var(--ink);font-size:16px;line-height:25px}.how-when{margin:var(--space-4) 0 0;gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.how-when li{padding:4px var(--space-3);border-radius:var(--radius-pill);background:var(--sky-100);color:var(--sky-700);font:700 14px/18px var(--font-body);justify-self:start}.prep{gap:var(--space-7);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;display:grid}.prep .ah-sh{margin-bottom:var(--space-5)}.check{gap:var(--space-2);display:grid}.check-head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.check-head b{font:700 16px/22px var(--font-body);color:var(--ink);flex:none}.check-bar{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);flex:1;height:8px;overflow:hidden}.check-fill{background:var(--success);height:100%;transition:width .25s;display:block}.check-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;grid-template-columns:24px minmax(0,1fr);align-items:start;display:grid}.check-item input{width:22px;height:22px;accent-color:var(--success);margin:1px 0 0}.check-item.on{border-color:color-mix(in srgb, var(--success) 50%, transparent)}.check-txt{display:grid}.check-t{font:700 16px/22px var(--font-body);color:var(--ink)}.check-d{color:var(--ink-muted);font-size:16px;line-height:24px}.prep-note{margin:var(--space-4) 0 0;font-size:16px;line-height:25px}.prep-note a{color:var(--sky-700);font-weight:600}.prep-fig svg{max-width:460px;margin:0 auto}.care{gap:var(--space-7);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}.warranty{gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);justify-items:start;display:grid}.warranty-badge{align-items:center;gap:var(--space-3);color:var(--sun-700);display:flex}.warranty-badge svg{width:28px;height:28px}.warranty-badge span{font:600 15px/20px var(--font-body);color:var(--ink);display:grid}.warranty-badge b{font:700 32px/1 var(--font-display);text-transform:uppercase;color:var(--sun-700)}.warranty h2{font:600 32px/1.1 var(--font-display);text-transform:uppercase;margin:0}.warranty-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.warranty-list li{gap:var(--space-3);grid-template-columns:22px minmax(0,1fr);font-size:17px;line-height:26px;display:grid}.warranty-list svg{color:var(--success);margin-top:3px}.warranty-not{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--sun-100);grid-template-columns:22px minmax(0,1fr);width:100%;margin:0;font-size:16px;line-height:24px;display:grid}.warranty-not svg{color:var(--sun-700);margin-top:2px}.warranty .link-arrow{color:var(--sky-700)}.care-side{gap:var(--space-4);display:grid}.care-side h3{font:700 20px/28px var(--font-body);margin:0}.care-line{gap:0;margin:0;padding:0;list-style:none;display:grid}.care-line li{column-gap:var(--space-3);padding-bottom:var(--space-5);grid-template-columns:24px minmax(0,1fr);display:grid;position:relative}.care-line li:before{content:"";background:repeating-linear-gradient(var(--line-strong) 0 4px, transparent 4px 8px);width:2px;position:absolute;top:24px;bottom:0;left:11px}.care-line li:last-child:before{display:none}.care-dot{border:2px solid var(--line-strong);background:var(--surface);border-radius:50%;grid-row:span 2;width:24px;height:24px}.care-dot.on{border-color:var(--accent);background:var(--accent)}.care-line b{font:700 16px/24px var(--font-body)}.care-line li>span:last-child{color:var(--ink);font-size:16px;line-height:24px}.sealant{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.sealant>div{display:grid}.sealant>div b{font:700 16px/22px var(--font-body)}.sealant>div span{color:var(--ink-muted);font-size:15px}.sealant-price{font:700 28px/1 var(--font-display);color:var(--sun-700)}.sealant .link-arrow{color:var(--sky-700);grid-column:1/-1;min-height:32px}#tips .ah-features{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.how-tape{background-position:0 100%,0 bottom,round(50% + 16px,12px) bottom,0 bottom,0 bottom}.how-steps .ah-steps,.how-when{grid-template-columns:repeat(2,minmax(0,1fr))}.how-when{display:none}.prep,.care{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}#tips .ah-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.how-steps .ah-steps{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.how-tape{display:none}.how-steps .ah-steps li{column-gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line);grid-template-columns:56px minmax(0,1fr);display:grid}.how-steps .ah-steps li:before{grid-row:span 2;font-size:40px}.how-jump{margin-top:var(--space-5)}.warranty{padding:var(--space-5) var(--space-4)}#tips .ah-features{grid-template-columns:minmax(0,1fr)}}.site main section[id]{scroll-margin-top:calc(var(--hdr-h) + var(--jump-h) + 8px)}.sheet .svg-sm{display:none}.install{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.inst{gap:var(--space-1);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-content:start;display:grid}.inst>svg,.inst .ah-icon{width:28px;height:28px;color:var(--sun-700);margin-bottom:var(--space-2)}.inst b{font:700 24px/1.15 var(--font-display);text-transform:uppercase;color:var(--ink)}.inst span{color:var(--ink-muted);font-size:16px;line-height:24px}@media (width<=800px){.sheet .svg-lg{display:none}.sheet .svg-sm{display:block}.prep-fig figcaption{padding:0 var(--space-2)}.install{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}}.warranty-not-list{gap:4px;margin:4px 0 0;padding-left:20px;display:grid}.warranty-not>div{display:grid}
