﻿@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&family=Yomogi&display=swap');
:root{--cream:#fff8e9;--paper:#fffdf8;--coral:#d96443;--yellow:#f1c863;--green:#315f58;--ink:#44382e;--line:#e5d7b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Zen Maru Gothic",sans-serif;line-height:1.8}.topbar{padding:9px 7%;background:var(--green);color:#fff;font-size:12px;text-align:right}.head{height:90px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.logo{font-size:21px;font-weight:700;line-height:1.25}.logo small{display:block;font-size:10px;font-weight:400;letter-spacing:.08em}.nav{display:flex;gap:24px;font-size:13px;font-weight:700}.nav a{color:inherit;text-decoration:none}.orange-btn{display:inline-block;padding:14px 25px;color:#fff;background:var(--coral);text-decoration:none;font-weight:700;border-radius:6px;box-shadow:0 5px 0 #b54a2f}.orange-btn:hover{transform:translateY(2px);box-shadow:0 3px 0 #b54a2f}.hero{position:relative;overflow:hidden;padding:75px 7%;min-height:580px}.hero-copy{position:relative;z-index:1;max-width:570px}.tag{display:inline-block;padding:5px 12px;background:var(--yellow);font-size:12px;font-weight:700;border-radius:50px}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.3;margin:18px 0;letter-spacing:-.04em}.hero h1 em{font-family:Yomogi,cursive;font-style:normal;color:var(--coral);font-size:1.18em}.hero p{max-width:500px}.hero-image{position:absolute;right:5%;top:50px;width:43%;height:470px;object-fit:cover;border-radius:45% 55% 42% 58% / 55% 43% 57% 45%;box-shadow:18px 18px 0 var(--yellow)}.bubble{position:absolute;border-radius:50%;background:var(--yellow);width:160px;height:160px;right:42%;top:95px;opacity:.7}.curve{position:absolute;width:115%;height:250px;border-radius:50%;background:#f3dfaa;bottom:-165px;left:-7%;z-index:0}.band{padding:30px 7%;background:var(--green);color:#fff;display:flex;gap:35px;justify-content:center;font-weight:700}.band span:before{content:'●';color:var(--yellow);margin-right:9px}.eyebrow{font-family:Yomogi,cursive;font-size:24px;color:var(--coral);margin:0}.plan-feature{padding:100px 7%;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;background:var(--paper)}.plan-copy h2{font-size:clamp(31px,4.2vw,55px);line-height:1.28;margin:6px 0 15px;letter-spacing:-.04em}.plan-copy p{max-width:620px}.plan-copy .plan-catch{font-size:19px;font-weight:700;color:var(--green);margin:0}.plan-copy .orange-btn{margin-top:14px}.priority-panel{padding:30px;background:#f7e5b4;border:1px solid #e4cd91;border-radius:3px;box-shadow:12px 12px 0 #e8d6a7}.priority-title{margin:0 0 12px;font-size:15px;font-weight:700}.priority-panel ol{list-style:none;padding:0;margin:0}.priority-panel li{display:flex;gap:13px;padding:13px 0;border-top:1px solid #ddc88d;align-items:flex-start}.priority-panel li span{font-family:Yomogi,cursive;color:var(--coral);font-size:21px;line-height:1.2}.priority-panel strong,.priority-panel small{display:block}.priority-panel strong{font-size:14px;line-height:1.5}.priority-panel small{font-size:11px}.priority-panel>a{display:inline-block;margin-top:15px;color:var(--green);font-size:13px;font-weight:700}.section{padding:95px 7%;position:relative}.section h2{font-size:clamp(28px,4vw,48px);line-height:1.35;margin:6px 0 34px}.round-section{background:#f9e2a9}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--paper);padding:12px 12px 24px;border-radius:18px;box-shadow:0 7px 0 #ead8ad}.card img{width:100%;height:220px;object-fit:cover;border-radius:11px}.card h3{font-size:20px;margin:16px 10px 5px}.card p{font-size:13px;margin:0 10px}.cta{padding:75px 7%;text-align:center;background:var(--paper)}.cta h2{font-size:clamp(28px,4vw,47px);line-height:1.35;margin:0 0 12px}.cta p{margin:0 0 20px}.footer{padding:35px 7%;background:var(--green);color:#fff;font-size:12px}.footer a{color:#fff}@media(max-width:800px){.topbar{display:none}.head{height:70px;padding:0 20px}.nav{display:none}.hero{padding:60px 20px;min-height:auto}.hero-image{position:static;width:100%;height:310px;margin-top:30px;border-radius:18px}.hero-copy{padding:0}.bubble,.curve{display:none}.band{display:block;text-align:center;padding:20px}.band span{display:block}.plan-feature{grid-template-columns:1fr;gap:38px;padding:70px 20px}.priority-panel{padding:22px;box-shadow:8px 8px 0 #e8d6a7}.section{padding:70px 20px}.cards{grid-template-columns:1fr}.cta{padding:65px 20px}}

