:root{--ink:#123950;--blue:#1577a0;--pale:#edf6fa;--line:#d8e4e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.9;letter-spacing:.03em}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,summary:focus-visible{outline:3px solid #1577a0;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:10}.preview{padding:6px 20px;text-align:center;background:var(--ink);color:white;font-size:11px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1.2}.brand span{display:block;font-size:10px;font-weight:500;letter-spacing:.12em;margin-top:8px}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.navcta{border:1px solid var(--ink);padding:12px 20px;border-radius:4px}section{padding:90px max(6%,calc((100% - 1160px)/2))}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--blue);margin-bottom:23px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,3.5vw,51px);line-height:1.65;margin-bottom:24px}h2{font-size:clamp(27px,2.6vw,37px);line-height:1.6;margin-bottom:30px}h3{font-size:21px;line-height:1.6}p{font-size:15px}em{font-style:normal;color:var(--blue)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;padding-top:78px;padding-bottom:78px;background:linear-gradient(115deg,#fff 40%,#f1f8fb)}.hero p{line-height:2.1}.buttons{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;gap:32px;align-items:center;background:var(--ink);color:#fff;padding:17px 27px;border-radius:5px;font-size:14px;font-weight:600}.button:hover{background:var(--blue);color:white}.textlink{font-size:12px;border-bottom:1px solid #7d9daa;padding:8px 0}.small{font-size:11px!important;line-height:1.9!important;color:#536f7d;margin-top:20px}.visual{height:430px;position:relative;background:#e1f1f7;border-radius:50% 50% 15px 15px;isolation:isolate}.visual:before{content:"";position:absolute;inset:70px 25px 35px;border:1px dashed #90b9cc;border-radius:50%;z-index:-1}.visual-label{font-size:9px;letter-spacing:.13em;text-align:center;padding-top:45px}.shop{position:absolute;bottom:65px;left:20%;width:63%;height:200px;background:#fff8eb;border:2px solid var(--ink);border-radius:5px;box-shadow:12px 15px 0 #b7d6e4}.roof{height:45px;background:repeating-linear-gradient(90deg,#24799c 0,#24799c 30px,#f7fcff 30px,#f7fcff 60px);border-bottom:2px solid var(--ink);transform:skewX(-8deg);margin:-5px -9px 0}.sign{text-align:center;font-size:8px;margin:14px 0 8px;font-weight:bold}.window{position:absolute;left:15px;bottom:20px;width:51%;height:86px;border:2px solid var(--ink);background:#cee9f2;text-align:center;padding-top:10px;line-height:1.6;font-size:19px;font-weight:800}.window span{font-family:Georgia,serif;font-style:italic;font-size:15px;font-weight:400}.door{position:absolute;right:15px;bottom:0;width:25%;height:107px;background:#7198a8;border:2px solid var(--ink)}.door:after{content:"";position:absolute;right:7px;top:58px;width:4px;height:4px;background:white;border-radius:50%}.plant{position:absolute;bottom:-16px;left:-26px;font-size:72px;line-height:1;color:#3e8375}.bubble{position:absolute;z-index:2;padding:11px 18px;background:#fff;border:1px solid #bfd6df;border-radius:10px;font-size:16px;font-weight:700;line-height:1.7}.bubble small{font-size:9px;display:block;color:#668696;font-weight:400}.b1{top:89px;left:0;transform:rotate(-5deg)}.b2{right:-12px;top:135px;transform:rotate(5deg);font-size:13px}.b3{bottom:29px;right:2px;font-size:13px}.visual-foot{position:absolute;bottom:8px;left:25px;font-size:9px}.strip{background:var(--ink);color:white;text-align:center;padding:24px 15px;font-size:13px}.strip span{padding:0 25px;color:#80bdd6}.problems{text-align:center}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:40px 0}.problem-grid p{background:#f5f8f9;padding:28px 12px;border-top:2px solid #bfdce8;font-size:13px}.problem-grid strong{font-size:14px}.intro{background:var(--pale);display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.intro .eyebrow{grid-column:1/-1}.intro h2{margin:0}.lead{max-width:680px;color:#58717e}.services{margin-top:45px}.services article{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding:38px 0}.number{font-size:40px;font-family:Georgia,serif;color:#97becf}.services article>div{display:grid;grid-template-columns:1fr 1fr;column-gap:55px}.tag{font-size:10px;color:var(--blue);grid-column:1/-1;letter-spacing:.15em;margin-bottom:12px}.services h3{margin-bottom:12px;font-size:26px}.services p{grid-column:1;color:#57717e}.services ul{grid-column:2;grid-row:2/4;margin:0}.services li{font-size:14px;padding:4px 0}ul{padding-left:1.3em}.soft{background:#f4f8fa}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.features article{border-top:1px solid #b9d2de;padding-top:24px}.features span{font-size:10px;color:var(--blue);letter-spacing:.1em}.features h3{margin:18px 0}.features p{color:#57717e;font-size:14px}.offer{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;background:#e5f2f7}.menu-paper{background:white;padding:40px;box-shadow:12px 16px 0 #b9d8e6;transform:rotate(3deg);border:1px solid #d2e4ed}.menu-paper small{font-size:10px;color:#607d8b}.menu-paper h3{font-size:32px;font-family:Georgia,serif;line-height:1.2;margin:30px 0}.menu-paper hr{border:0;border-top:1px solid #d8e4e9;margin:24px 0}.menu-paper b{font-family:Georgia,serif;font-size:19px}.menu-paper p{font-family:Georgia,serif;font-size:14px;line-height:1.8}.menu-paper>span{font-size:10px;display:block;margin-top:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px}.steps span{display:block;font-size:32px;color:var(--blue);font-family:Georgia,serif;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}.steps h3{font-size:18px}.steps p{font-size:13px;color:#58717e}.faqs{max-width:870px}.faqs details{border-bottom:1px solid #cbdce4}.faqs summary{cursor:pointer;list-style:none;padding:23px 35px 23px 0;font-size:15px;font-weight:600;position:relative}.faqs summary:after{content:"＋";position:absolute;right:3px;color:var(--blue)}.faqs details[open] summary:after{content:"−"}.faqs details p{font-size:14px;padding:0 30px 18px 0;color:#536f7d}dl{display:grid;grid-template-columns:230px 1fr;margin-top:35px;font-size:14px}dt,dd{border-bottom:1px solid var(--line);padding:17px 0;margin:0}dt{font-weight:600}dd{color:#57717e}.notice{padding:25px 30px;background:white;border:1px solid #c1d5df;border-left:3px solid var(--blue);border-radius:3px}.notice p{font-size:13px;margin:10px 0}.notice span{font-size:12px;color:#557382}.contact{text-align:center;background:var(--ink);color:white}.contact .eyebrow{color:#8bc5df}.contact .notice{max-width:700px;margin:32px auto;color:var(--ink);text-align:left}.contact .small{max-width:670px;margin:auto;color:#b8d0dc}.contact>p{color:#d6e6ed}footer{padding:50px 6%;font-size:12px}footer p{font-size:12px;margin:15px 0}footer>div{display:flex;gap:24px;flex-wrap:wrap}footer small{display:block;margin-top:32px;font-size:10px;color:#657f8c}.back{font-size:12px;display:inline-block;margin-bottom:30px}.freehero h1{font-size:clamp(30px,3.2vw,46px)}.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:40px 0}.two li{font-size:14px;padding:7px 0}.sample{display:grid;grid-template-columns:1fr 45px 1fr;gap:25px;padding:35px;background:var(--pale);align-items:center}.sample span{font-size:11px;color:#557382}.sample h3{margin-top:14px}.sample p{font-size:14px;margin:0}@media(max-width:900px){nav>a:not(.navcta){display:none}.hero{gap:25px}.visual{height:360px}.visual-label{padding-top:25px}.b1{top:60px}.b2{top:96px}.offer{gap:50px}.problem-grid{grid-template-columns:1fr 1fr}.features{gap:25px}.services article>div{column-gap:25px}}@media(max-width:650px){.preview{font-size:9px}header{padding:20px 5%}.brand{font-size:23px}.brand span{font-size:9px}.navcta{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;padding-top:45px;gap:36px}section{padding:62px 6%}h1{font-size:31px}h2{font-size:27px}.hero p{font-size:13px}.buttons{gap:12px}.button{font-size:13px;padding:16px 23px}.visual{max-width:390px;width:100%;margin:auto;height:330px}.visual-label{padding-top:20px}.shop{bottom:49px;height:180px}.b1{top:45px;left:3px}.b2{top:98px;right:0;font-size:12px}.b3{bottom:16px}.visual-foot{bottom:0;font-size:8px}.strip{font-size:10px;line-height:2.2}.strip span{padding:0 4px}.problem-grid{gap:10px;margin:30px 0}.problem-grid p{padding:20px 8px;font-size:11px}.problem-grid strong{font-size:12px}.intro{grid-template-columns:1fr;gap:20px}.intro .eyebrow{margin-bottom:0}.intro h2{margin-bottom:10px}.services article{grid-template-columns:45px 1fr}.number{font-size:28px}.services article>div{display:block}.tag{display:block}.services h3{font-size:22px}.services p{font-size:13px;margin-bottom:20px}.services li{font-size:13px}.features{grid-template-columns:1fr;gap:12px;margin-top:30px}.features article{padding-top:18px}.features h3{margin:12px 0}.offer{grid-template-columns:1fr;gap:35px}.menu-paper{padding:30px;margin:0 12px 10px 0;transform:rotate(2deg)}.steps{grid-template-columns:1fr 1fr;gap:24px 18px}.steps span{font-size:27px;padding-bottom:8px;margin-bottom:16px}.steps h3{font-size:16px}.steps p{font-size:12px}.faqs summary{font-size:13px}dl{grid-template-columns:1fr;font-size:13px}dt{border:0;padding-bottom:0}dd{padding-top:7px}.notice{padding:20px}.notice strong{font-size:14px}.contact h2{font-size:29px}.contact p{font-size:13px}.two{grid-template-columns:1fr;gap:20px}.sample{grid-template-columns:1fr;padding:25px;gap:15px}.sample>b{transform:rotate(90deg);justify-self:start}.freehero h1{font-size:30px}footer>div{gap:12px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:651px) and (max-width:1000px){.hero{grid-template-columns:1fr;gap:40px}.hero h1{font-size:44px}.visual{max-width:480px;width:100%;height:390px;justify-self:center}.freehero .menu-paper{max-width:500px}.offer{gap:35px}}