:root{--lemon:#FFE94D;--pale:#FFF8C4;--ink:#0B3D2E;--aqua:#9BE8E4;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--pale);color:var(--ink);font:400 1rem/1.55 var(--body)}h1,h2,h3{font-family:var(--display);line-height:1.05;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:2px solid var(--ink);font:700 1rem var(--body);cursor:pointer;text-decoration:none;color:var(--ink);background:transparent}.btn-main{background:var(--ink);color:var(--lemon)}.btn-lemon{background:var(--lemon);border-color:var(--lemon)}.btn[disabled]{opacity:.6;cursor:wait}.btn:focus-visible,input:focus-visible,textarea:focus-visible,.pick:focus-visible,.stepper button:focus-visible,.x:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px max(16px,4vw);background:var(--lemon)}.brand{display:flex;align-items:center;gap:10px;font:800 1.15rem var(--display);color:var(--ink);text-decoration:none}.hero{background:var(--lemon);padding:20px max(16px,4vw) 48px;display:grid;gap:16px;align-items:center;overflow:hidden}.hero h1{font-size:clamp(2.5rem,10vw,4.8rem);font-weight:800;margin:0 0 14px;max-width:12ch}.hero p{font-size:1.15rem;max-width:34ch;margin:0 0 24px}.hero-art{position:relative;height:300px;display:grid;place-items:center}.hero-art svg{height:280px;position:relative}.tag{position:absolute;right:10%;top:24px;width:104px;aspect-ratio:1;border-radius:50%;background:#fff;border:3px solid var(--ink);display:grid;place-content:center;text-align:center;transform:rotate(10deg);line-height:1.1}.tag b{font:800 1.8rem var(--display)}.tag span{font-size:.8rem;font-weight:700}.bub{position:absolute;bottom:-30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0 12%,rgba(255,255,255,.3) 13% 60%,rgba(155,232,228,.6));border:2px solid rgba(255,255,255,.85);opacity:0;animation:rise 10s linear infinite}.b1{left:12%;width:34px;height:34px}.b2{left:26%;width:18px;height:18px;animation-delay:-3s}.b3{left:70%;width:46px;height:46px;animation-delay:-5s;animation-duration:13s}.b4{left:86%;width:22px;height:22px;animation-delay:-1s}.b5{left:50%;width:14px;height:14px;animation-delay:-7s}@keyframes rise{10%{opacity:1}to{transform:translateY(-340px);opacity:0}}@media(min-width:800px){.hero{grid-template-columns:1.1fr .9fr;padding-top:48px}.hero-art{height:400px}.hero-art svg{height:370px}.tag{right:18%}}.order{max-width:760px;margin:0 auto;padding:44px max(16px,4vw) 64px}.order h2{font-size:clamp(1.9rem,6vw,2.6rem);margin:0 0 14px}.steps{list-style:none;counter-reset:s;display:grid;gap:8px;padding:0;margin:0 0 22px}.steps li{counter-increment:s;display:flex;gap:10px;align-items:center;font-weight:500;line-height:1.3}.steps li::before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--lemon);display:grid;place-items:center;font:800 .9rem var(--display)}@media(min-width:700px){.steps{grid-template-columns:repeat(3,1fr);align-items:start}}.picks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:640px){.picks{grid-template-columns:repeat(3,1fr)}}.pick{text-align:left;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:14px;display:grid;gap:2px;cursor:pointer;color:var(--ink);font:inherit}.pick b{font:800 1.5rem var(--display)}.pick .p{font-weight:700;font-size:1.1rem}.pick small{font-size:.85rem;line-height:1.35}.pick[aria-pressed=true]{background:var(--ink);color:var(--lemon)}.custom{margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:12px 14px;font-weight:700}.custom small{font-weight:400}.custom.on{background:var(--lemon)}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:#fff;font:800 1.4rem var(--display);cursor:pointer;color:var(--ink)}.stepper input{width:76px;height:44px;text-align:center;font:800 1.3rem var(--display);border:2px solid var(--ink);border-radius:12px;color:var(--ink);background:#fff;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sum{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:14px 18px;margin:14px 0 22px}.sum div{display:flex;justify-content:space-between;padding:6px 0}.sum .total{border-top:2px dashed var(--ink);margin-top:6px;padding-top:12px;align-items:baseline}.sum .total b{font:800 2.4rem var(--display)}#hint{margin:8px 0 0;font-size:.92rem;background:var(--pale);border-radius:10px;padding:8px 12px}.field{display:block;font-weight:700;margin:0 0 6px}.fld{display:block;width:100%;min-height:48px;border:2px solid var(--ink);border-radius:12px;padding:0 14px;font:inherit;margin-bottom:16px;background:#fff;color:var(--ink)}#save{width:100%;min-height:58px;font-size:1.1rem}footer{background:var(--ink);color:var(--lemon);padding:32px max(16px,4vw);display:grid;gap:16px;justify-items:start}footer p{margin:0}dialog{border:3px solid var(--ink);border-radius:22px;padding:20px;width:min(94vw,460px);max-height:94vh;overflow:auto;background:var(--pale);color:var(--ink);animation:pop .22s ease-out}dialog::backdrop{background:rgba(11,61,46,.6)}dialog h3{font-size:1.5rem;margin:0 36px 4px 0}dialog p{margin:0 0 12px}#slip{display:block;width:100%;max-height:46vh;object-fit:contain;border-radius:12px;border:2px solid var(--ink);background:#fff;margin-bottom:8px}.small{font-size:.88rem}#msg,#formMsg,#shareMsg{font-weight:700;min-height:1.5em;margin:6px 0 0}.acts{display:grid;gap:10px;margin-top:10px}.x{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;background:none;font-size:1.9rem;cursor:pointer;color:var(--ink)}@keyframes pop{from{transform:scale(.96);opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bub{animation:none;opacity:1;bottom:18%}dialog{animation:none}}.why{max-width:760px;margin:0 auto;padding:44px max(16px,4vw) 0}.why h2{font-size:clamp(1.9rem,6vw,2.6rem);margin:0 0 14px}.why dl{margin:0;display:grid}.why dl div{border-top:2px solid var(--ink);padding:14px 0}.why dt{font:800 1.25rem var(--display);letter-spacing:-.01em}.why dd{margin:4px 0 0}@media(min-width:640px){.why dl{grid-template-columns:1fr 1fr;column-gap:32px}}.pick em{font:700 .75rem var(--body);font-style:normal;background:var(--lemon);color:var(--ink);border-radius:999px;padding:2px 9px;justify-self:start;margin-bottom:4px}.formh{font-size:1.5rem;margin:0 0 12px}.form{display:grid;gap:0 12px}.form .wide{grid-column:1/-1}@media(min-width:560px){.form{grid-template-columns:1fr 1fr}}textarea.fld{padding:10px 14px;resize:vertical}.link{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--ink);text-decoration:underline;cursor:pointer}.share{background:var(--lemon);padding:44px max(16px,calc((100vw - 760px)/2))}.share h2{font-size:clamp(1.7rem,5vw,2.3rem);margin:0 0 10px}.share p{margin:0 0 16px;max-width:44ch}#resell{margin:6px 0 0;font-size:.92rem}.hist{margin-top:28px}.hist h3{font-size:1.4rem;margin:0 0 8px}.hist ul{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}.hist li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:10px 14px}.hist small{font-weight:400}.hbtns{display:flex;gap:14px}.hbtns .link{padding:10px 2px}.faq{max-width:760px;margin:0 auto;padding:0 max(16px,4vw) 44px}.faq h2,.install h2{font-size:clamp(1.7rem,5vw,2.3rem);margin:0 0 12px}.faq details{border-top:2px solid var(--ink);padding:12px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin:8px 0 0}.install{border-top:2px solid var(--ink);padding:40px max(16px,calc((100vw - 760px)/2))}.install p{margin:0 0 16px;max-width:44ch}.brand{touch-action:manipulation;user-select:none}.hero-art img{height:280px;width:auto;border-radius:22px;border:3px solid var(--ink);position:relative;object-fit:cover}@media(min-width:800px){.hero-art img{height:370px}}.product,.hataw,.fb{max-width:760px;margin:0 auto;padding:44px max(16px,4vw) 0}.product img{display:block;width:100%;height:auto;border-radius:18px;border:3px solid var(--ink)}.product p{margin:10px 0 0}.hataw h2,.fb h2{font-size:clamp(1.7rem,5vw,2.3rem);margin:0 0 12px}.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:640px){.gal{grid-template-columns:repeat(3,1fr)}}.gal a{display:block;color:var(--ink);text-decoration:none;background:#fff;border:2px solid var(--ink);border-radius:14px;overflow:hidden}.gal img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.gal span{display:block;padding:8px 10px;font-size:.9rem;line-height:1.3}.gal small{display:block;opacity:.75}#fbWrap{margin-bottom:28px}blockquote{margin:0 0 10px;padding:12px 14px;background:#fff;border:2px solid var(--ink);border-radius:14px}blockquote p{margin:0 0 6px}blockquote footer{font-size:.85rem}.rates{display:grid;gap:8px;margin-bottom:12px}@media(min-width:560px){.rates{grid-template-columns:1fr 1fr}}.stars{display:flex;gap:2px}.stars button{background:none;border:0;font-size:2rem;line-height:1;padding:4px;cursor:pointer;color:rgba(11,61,46,.25)}.stars button.on{color:var(--ink)}.stars button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}#fbNote{font-weight:700;min-height:1.5em;margin:6px 0 0}:root{--max:1180px;--gut:max(16px,calc((100% - var(--max))/2))}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:76px}body{overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}img{max-width:100%}.topnav{display:none}.hero-art img{max-width:none}@media(max-width:380px){.top{padding-inline:12px}.brand{font-size:1rem}.top .btn{padding:0 14px;min-height:44px;font-size:.9rem}.hero h1{font-size:2.3rem}.picks{gap:8px}.pick{padding:12px}.custom{flex-wrap:wrap}.stepper input{width:64px}}@media(max-height:480px) and (orientation:landscape){.hero{padding-bottom:28px}dialog{max-height:98vh}#slip{max-height:36vh}}@media(min-width:768px){.hero{padding-bottom:64px}.order,.why,.product,.hataw,.fb,.faq{max-width:860px}.gal{grid-template-columns:repeat(3,1fr)}.picks{grid-template-columns:repeat(3,1fr)}.acts{grid-template-columns:repeat(3,auto);justify-content:start}}@media(min-width:1024px){body{font-size:1.0625rem}.btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.top{position:sticky;top:0;z-index:20;padding-block:14px;padding-inline:var(--gut);border-bottom:2px solid var(--ink)}.topnav{display:flex;gap:6px;margin-left:auto;margin-right:18px}.topnav a{padding:10px 16px;border-radius:999px;color:var(--ink);font-weight:700;text-decoration:none;transition:background .15s}.topnav a:hover,.topnav a:focus-visible{background:rgba(11,61,46,.12);outline:none}.hero{padding:72px var(--gut) 96px;grid-template-columns:1.15fr .85fr;gap:48px}.hero h1{font-size:clamp(4rem,5.6vw,5.8rem);max-width:11ch}.hero p{font-size:1.3rem;max-width:36ch}.hero .btn{min-height:56px;padding:0 34px;font-size:1.1rem}.hero-art{height:540px}.hero-art img{height:500px}.tag{width:128px;right:6%;top:30px}.tag b{font-size:2.3rem}.bub{animation-name:rise-l}@keyframes rise-l{10%{opacity:1}to{transform:translateY(-560px);opacity:0}}.order,.why,.product,.hataw,.fb,.faq{max-width:none;padding-inline:var(--gut)}.order h2,.why h2,.hataw h2,.fb h2,.faq h2,.install h2,.share h2{font-size:clamp(2.2rem,3.4vw,3rem)}.why{padding-top:72px}.why dl{grid-template-columns:repeat(4,1fr);column-gap:28px}.why dl div{padding:18px 0 4px}.why dt{font-size:1.35rem}.order{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:56px;align-items:start;padding-top:72px;padding-bottom:88px}.order>h2,.order>.steps{grid-column:1/-1}.steps{grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px;margin-bottom:30px}.order-pick,.order-form{min-width:0}.picks{grid-template-columns:repeat(2,1fr);gap:12px}.pick{padding:16px 18px;transition:transform .15s ease,box-shadow .15s ease}.pick b{font-size:1.7rem}.sum{padding:16px 22px}.formh{font-size:1.9rem}.order-form .form{gap:0 16px}.order-form .form>div:nth-last-child(-n+2){grid-column:1/-1}#save{min-height:62px;font-size:1.2rem}.product{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center;padding-top:0}.product p{font-size:1.2rem;margin:0}.hataw{padding-top:72px}.gal{grid-template-columns:repeat(4,1fr);gap:14px}.gal span{font-size:.95rem}.fb{display:block;padding-top:72px}.fb:has(#fbWrap:not([hidden])){display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.fb:not(:has(#fbWrap:not([hidden]))) .fb-form{max-width:640px}#fbWrap{margin-bottom:0}.rates{grid-template-columns:1fr 1fr}.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:56px;padding-top:80px;padding-bottom:72px;align-items:start}.faq>h2{grid-column:1;grid-row:1/span 6;position:sticky;top:96px}.faq>details{grid-column:2}.faq details{padding:16px 0}.faq summary{font-size:1.15rem}.install,.share{padding-inline:var(--gut);display:grid;grid-template-columns:1fr auto;column-gap:48px;align-items:center;padding-block:52px}.install>h2,.share>h2{grid-column:1;margin-bottom:8px}.install>p:not(.small),.share>p:not(.small){grid-column:1;margin:0}.install>.btn,.share>.btn{grid-column:2;grid-row:1/span 2;min-height:56px;padding:0 32px}.install>.small,.share>.small{grid-column:1/-1}footer{padding-inline:var(--gut);grid-template-columns:1fr auto;align-items:center;justify-items:stretch}footer .btn{justify-self:end}dialog{width:min(92vw,860px)}dialog[open]{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-content:start}dialog>#slip{grid-column:1;grid-row:1/span 6;max-height:72vh;margin:0}dialog>:not(#slip):not(.x){grid-column:2}dialog>.small{margin-top:4px}.acts{grid-template-columns:1fr}}@media(hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--ink)}.btn-lemon:hover{box-shadow:0 4px 0 rgba(255,233,77,.55)}.btn:active{transform:none;box-shadow:none}.pick:hover{transform:translateY(-3px);box-shadow:0 5px 0 var(--ink)}.pick[aria-pressed=true]:hover{box-shadow:0 5px 0 var(--aqua)}.gal a{transition:transform .15s ease}.gal a:hover{transform:translateY(-3px)}.faq summary:hover{text-decoration:underline}.link:hover{text-decoration:none}}@media(min-width:1440px){:root{--max:1320px}body{font-size:1.125rem}.hero-art{height:600px}.hero-art img{height:560px}.hero h1{font-size:6.2rem}}@media(min-width:1920px){:root{--max:1480px}body{font-size:1.2rem}.hero-art{height:660px}.hero-art img{height:620px}}@media(prefers-reduced-motion:reduce){.btn,.pick,.gal a{transition:none}.btn:hover,.pick:hover,.gal a:hover{transform:none}}