@font-face{font-family:Heebo;src:url('/services/assets/heebo-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Heebo;src:url('/services/assets/heebo-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color:#161616;background:#f7f7f2;font-family:Heebo,Arial,sans-serif;font-size:18px;line-height:1.6}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #161616;outline-offset:6px}
header,main,footer{width:min(1200px,100% - 64px);margin-inline:auto}header{display:flex;direction:ltr;align-items:center;justify-content:space-between;padding-block:30px}
.brand{text-decoration:none;font-size:29px;font-weight:700;line-height:1.1;letter-spacing:-1px}.brand span{display:block;font-size:14px;font-weight:400;letter-spacing:0;margin-top:8px}.home{direction:inherit;font-size:16px}
.notice{border-top:1px solid #c6c6be;padding-top:24px;margin:16px 0 36px;max-width:100%}
.offer{display:grid;grid-template-columns:1fr 290px;gap:48px;align-items:center}h1{font-size:clamp(48px,6.8vw,88px);letter-spacing:-.05em;line-height:1.12;margin:0 0 28px}p{max-width:64ch}.intro{font-size:22px;max-width:40ch;margin:0}
.price{aspect-ratio:1;background:#ffb09d;display:flex;flex-direction:column;justify-content:center;padding:26px;transform:rotate(-4deg)}.price strong{font-size:66px;line-height:1.6}.price span:last-child{border-top:1px solid;padding-top:12px;font-size:16px}
.next{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;border-block:1px solid #c6c6be;padding-block:28px;margin-top:58px}h2{font-size:28px;margin:0}.next p{margin:12px 0}.detail{font-size:16px}.cta{display:block;text-decoration:none;background:#161616;color:#f7f7f2;padding:20px 26px;text-align:center;font-weight:700}.cta:hover{background:#fff46f;color:#161616}
.existing{font-size:16px;margin-block:24px 40px}footer{display:flex;justify-content:space-between;direction:ltr;border-top:1px solid #c6c6be;padding-block:22px;font-size:14px}footer a{direction:inherit}
@media(max-width:700px){header,main,footer{width:calc(100% - 40px)}header{padding-block:24px}.brand{font-size:25px}.home{font-size:14px}.notice{font-size:16px;margin-bottom:28px}.offer{grid-template-columns:1fr;gap:28px}h1{font-size:clamp(42px,10.5vw,68px)}.intro{font-size:19px}.price{width:230px;max-width:calc(100% - 16px);margin:8px auto}.price strong{font-size:56px}.next{grid-template-columns:1fr;gap:16px;margin-top:36px}.next h2{font-size:25px}.cta{width:100%}}
