*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;color:#304d53;background:#eaf0ef;font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;font-size:14px;line-height:1.8}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}main{width:min(100%,430px);margin:auto;background:#fffdf9;box-shadow:0 0 70px #47636d12;position:relative}header{height:67px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;background:#fffdf8}header>a:first-child{font-family:Georgia,serif;letter-spacing:.23em;font-size:25px;line-height:1}header>a:first-child span{display:block;font:8px sans-serif;letter-spacing:.25em;text-align:center;margin-top:7px}.header-link{font-size:11px;border-bottom:1px solid #b2a37c}.eyebrow{font:10px Georgia,serif;letter-spacing:.2em;color:#8c805f;margin:0 0 20px}h1,h2,h3{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:500}h1{font-size:38px;line-height:1.65;letter-spacing:.07em;margin:0 0 12px}h2{font-size:28px;line-height:1.7;letter-spacing:.035em;margin:0 0 15px}.hero{position:relative;height:730px;overflow:hidden;background:#e3eef0}.hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(#f1f6f7d9,transparent 40%,transparent 65%,#eef4f1 91%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:29px 29px}.hero-copy>p:last-child{font-size:11px;letter-spacing:.035em}.hero-bottom{position:absolute;z-index:2;bottom:18px;left:25px;right:25px}.hero-bottom>p:first-child{font-size:12px;text-align:center;margin:0 0 12px}.hero-bottom>p span{font-size:10px}.button{width:100%;min-height:54px;background:#365b60;color:#fff;border:1px solid #365b60;display:flex;align-items:center;justify-content:center;gap:22px;letter-spacing:.06em;font-size:13px;transition:background .2s}.button:hover{background:#23474e}.button span{font-size:20px;font-weight:400}.hero-price{text-align:center;margin:7px 0 0;font-size:12px}.vertical-note{position:absolute;z-index:1;right:12px;top:290px;writing-mode:vertical-rl;font:9px Georgia;letter-spacing:.23em}.concerns{padding:54px 28px 24px;text-align:center;background:linear-gradient(150deg,#f7f7f2,#e5eded);position:relative;overflow:hidden}.intro{font-size:12px;line-height:2.1}.concern-list{margin:29px 0 19px;text-align:left;position:relative;z-index:1}.concern-list>div{display:flex;align-items:center;gap:14px;padding:14px 6px;border-bottom:1px solid #a5b8b752}.concern-list>div>span{font:italic 17px Georgia;color:#9c987f}.concern-list p{margin:0;font-size:14px}.accent{background:linear-gradient(transparent 65%,#d3dfda 65%)}.water-orbit{height:76px;display:grid;place-items:center}.water-orbit span{display:block;width:55px;height:55px;border-radius:65% 35% 62% 38%;transform:rotate(-35deg);background:radial-gradient(ellipse at 30% 25%,#ffffff 3%,#e7f4f5 20%,#b8d0d6 55%,#edf6f5 73%,#aac3c9);box-shadow:10px 12px 20px #769aab24,inset -2px -3px 4px #fff}.concern-end{font-size:12px;line-height:2.1}.concern-end strong{font-family:'Yu Mincho',serif;font-size:17px;font-weight:500}.down{font-size:30px;color:#a49a79}.solution{padding:49px 25px 35px;text-align:center;background:#fffdf9}.solution h2{font-size:26px}.benefits{text-align:left;margin:27px 5px 30px;border-left:1px solid #c6b78f;padding-left:20px}.benefits p{font-family:'Yu Mincho',serif;font-size:14px;margin:0 0 17px}.benefits span{display:block;font:9px Georgia;letter-spacing:.14em;color:#93815d;margin-bottom:5px}.offer{padding:24px 16px 18px;background:#f1f4f0;border:1px solid #dce3da}.offer-brand{font:27px Georgia;letter-spacing:.2em;margin:0 0 17px}.offer-brand span{display:block;font-size:8px;letter-spacing:.2em;margin-top:8px}.offer h3{font-size:16px;margin:0 0 20px}.plans{display:flex;gap:10px}.plan{width:50%;background:#fffefa;border:1px solid #cfd8d0;color:#39575a;padding:12px 5px}.plan.selected{border:2px solid #536f67;background:#e8eee7;padding:11px 4px;box-shadow:0 0 0 2px #fff inset}.plan>span,.plan strong,.plan b,.plan small{display:block}.plan>span{font-size:10px;letter-spacing:.04em}.plan strong{font-size:14px;margin:4px 0;font-weight:500}.plan b{font:29px Georgia;letter-spacing:-.03em}.plan small{font-size:10px;margin-top:4px}.saving{font-size:10px;margin:13px 0 18px}.saving strong{color:#907149;font-size:12px}.sample-note{font-size:9px;color:#6b7772;line-height:1.8;margin:13px 0 0}footer{text-align:center;padding:25px 20px 90px;border-top:1px solid #dedfd4}footer>a{font:26px Georgia;letter-spacing:.2em}footer p{font-size:10px}footer small{font-size:8px;line-height:1.9;color:#7c8a84}.sticky{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,430px);padding:10px 20px max(10px,env(safe-area-inset-bottom));background:#fffdf5ed;backdrop-filter:blur(8px);z-index:5;border-top:1px solid #dce3dc}.sticky a{display:flex;align-items:center;justify-content:space-between;background:#365b60;color:white;padding:10px 22px;font-size:12px}.desktop-note{position:fixed;left:calc(50% - 510px);top:37%;color:#7f9593}.desktop-note>span{font:43px Georgia;letter-spacing:.3em}.desktop-note p{font:18px/2.2 'Yu Mincho',serif;letter-spacing:.13em;margin:25px 0}.desktop-note small{font:8px Georgia;letter-spacing:.2em}dialog{border:1px solid #d4dcce;padding:38px 24px 24px;width:min(90%,380px);color:#304d53;background:#fffdf8;box-shadow:0 25px 70px #18323344}dialog::backdrop{background:#203e487d;backdrop-filter:blur(4px)}dialog h2{font-size:21px}dialog>p{font-size:12px}#selection{font-size:20px;padding:15px 0;border-block:1px solid #d9dfd4}.close{position:absolute;right:10px;top:6px;background:none;border:0;font-size:28px;color:#365b60;width:44px;height:44px}.close-bottom{margin-top:22px}:focus-visible{outline:3px solid #ad8b48;outline-offset:4px}@media(max-width:1000px){.desktop-note{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:380px){h1{font-size:33px}.solution h2{font-size:23px}.concern-list p{font-size:12px}}