:root{--paper:#f3f1e9;--ink:#202b27;--accent:#c4ef58}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}a{color:inherit;text-decoration:none}header{height:96px;margin:0 5%;border-bottom:1px solid #c8cbc1;display:flex;justify-content:space-between;align-items:center}.brand{font-size:34px;font-weight:900;letter-spacing:-2px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:2px}nav{display:flex;gap:32px;font-size:13px}nav a:last-child{border-bottom:1px solid;padding-bottom:7px}section{padding:100px 6%}.hero{padding-top:80px;background:radial-gradient(ellipse at 88% 32%,#dae4b944,transparent 45%)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:32px}h1{font-size:clamp(42px,6.4vw,92px);line-height:1.4;letter-spacing:-.055em;margin:0 0 38px;font-weight:800}h1 span{color:#5e7452}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}p{font-size:14px;line-height:2;color:#57625a}.button{display:inline-flex;align-items:center;justify-content:center;padding:20px 28px;background:var(--accent);border:0;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s}.button:hover{transform:translateY(-3px)}.hero-price{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #a8b09f;margin-top:70px;padding-top:30px}.hero-price>div{padding-left:30px;border-left:1px solid #bbc2b3}.hero-price>div:first-child{padding-left:0;border:0}small{font-size:10px;letter-spacing:1.4px}.hero-price strong{display:block;font-size:60px;letter-spacing:-3px;margin-top:10px}.hero-price strong span{font-size:20px;letter-spacing:0;margin-left:7px}.hero-price p{font-size:11px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}h2{font-size:clamp(32px,4vw,54px);line-height:1.5;letter-spacing:-.04em;margin:0 0 30px}.section-head h2{margin:0}.works{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.work{padding:30px;min-height:365px;display:flex;flex-direction:column;transition:transform .2s}.work:hover{transform:translateY(-5px)}.work-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.wordmark{font-size:clamp(32px,4vw,60px);font-weight:800;letter-spacing:-2px;min-height:135px;display:flex;align-items:center}.work h3{font-size:18px;margin:0}.work p{font-size:12px;color:inherit;opacity:.8;max-width:450px}.visit{display:block;font-size:11px;margin-top:23px}.w1{background:#dee9cf}.w2{background:#e5d8cb}.w3{background:#d6e3dc}.w4{background:#e9dfa3}.w5{background:#d4dccb}.w5 .wordmark{font-family:Georgia,serif;letter-spacing:4px}.w6{background:#273932;color:#f3f1e9}.w7{background:#e2dbcf;grid-column:1/-1}.w7 .wordmark{font-family:serif;letter-spacing:5px}.note{font-size:11px;line-height:1.9;margin-top:24px}.plan{background:#22372d;color:#f3f1e9}.plan p{color:#c6d0c5}.plan .eyebrow{color:var(--accent)}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:20px 0 50px}.big{font-size:120px;letter-spacing:-6px;font-weight:700;line-height:1.2}.big span{font-size:30px;letter-spacing:0}.dark{background:var(--ink);color:white}.plan .dark{background:var(--accent);color:var(--ink);margin-top:15px}hr{border:0;border-top:1px solid #5a6b5b;margin:30px 0}.scope{padding-top:15px}h3{font-size:21px}.scope ul{list-style:none;padding:0}.scope li{padding:20px 0;border-bottom:1px solid #536557;font-size:15px}.maintenance{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #62705e;border-bottom:1px solid #62705e;padding:35px 0}.maintenance strong{font-size:35px}.maintenance h3{margin:10px 0}.maintenance p{font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #a4afa0;padding-top:26px}.steps h3{font-size:19px;margin-top:28px}.steps p{font-size:13px}.faq{padding-top:20px}details{border-top:1px solid #b9c0b2;padding:25px 0}details:last-child{border-bottom:1px solid #b9c0b2}summary{cursor:pointer;font-size:16px}details p{max-width:850px}.brief{background:#e0e6d4;display:grid;grid-template-columns:1fr 1fr;column-gap:8%}.brief>.eyebrow,.brief>h2,.brief>p{grid-column:1}.brief form{grid-column:2;grid-row:1/5}label{display:block;font-size:12px;margin-bottom:22px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #97a38b;background:#f3f1e980;color:var(--ink);padding:16px;margin-top:10px;font:inherit;font-size:14px;border-radius:0}textarea{min-height:100px;resize:vertical}#result{grid-column:2}#memo{min-height:230px}footer{display:flex;justify-content:space-between;align-items:center;padding:50px 6%;gap:25px}footer p{font-size:11px}:focus-visible{outline:3px solid #7eab28;outline-offset:5px}@media(max-width:700px){header{height:80px}.brand{font-size:28px}nav{gap:18px}nav a{font-size:11px}nav a:last-child{display:none}section{padding:65px 6%}.hero{padding-top:55px}.hero-bottom,.section-head{display:block}.hero-bottom .button{margin-top:15px}.hero-price{margin-top:45px;gap:12px}.hero-price>div{padding-left:10px}.hero-price strong{font-size:38px;letter-spacing:-2px}.hero-price strong span{display:block;font-size:14px;margin:0}.hero-price small{font-size:8px;letter-spacing:.2px}.hero-price p{font-size:9px}.works,.plan-grid,.steps,.brief{grid-template-columns:1fr}.work{min-height:330px;padding:24px}.wordmark{font-size:46px;min-height:120px}.w7{grid-column:auto}.w7 .wordmark{font-size:30px;letter-spacing:2px}.section-head>p{margin-top:25px}.plan-grid{gap:35px}.big{font-size:96px}.maintenance{display:block}.maintenance>div+div{margin-top:30px}.steps{gap:30px}.brief form,.brief>.eyebrow,.brief>h2,.brief>p,#result{grid-column:1;grid-row:auto}.brief form{margin-top:20px}footer{flex-wrap:wrap}footer small{width:100%;font-size:9px}h1{font-size:40px}}
.pilot{margin-top:45px;padding:28px 32px;background:#e2e9d5;border-left:4px solid #6e8549;max-width:850px}.pilot strong{font-size:24px}.pilot p{font-size:13px}.pilot a{font-size:12px;text-decoration:underline;text-underline-offset:5px}

.work{gap:0}.wordmark{min-height:110px}.work-screens{margin:0 0 28px;min-width:0}.work-screens img{display:block;max-width:100%;background:#fff;box-shadow:0 6px 20px #182c2212}.work-screens.desktop img{width:100%;height:270px;object-fit:contain;object-position:top;background:#ffffff99}.work-screens.phones{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:12px;background:#ffffff40;padding:18px 18px 8px}.work-screens.phones img{height:290px;width:auto;max-width:100%;object-fit:contain;border-radius:10px}.w7 .work-screens.desktop img{height:420px}.work>div:last-child{margin-top:auto}@media(max-width:700px){.work-screens.desktop img{height:220px}.work-screens.phones img{height:250px}.w7 .work-screens.desktop img{height:270px}}

.contact-email{display:inline-block;font-size:17px;font-weight:700;text-decoration:underline;text-underline-offset:5px;margin:16px 0}.brief>p>.button{margin:8px 0 12px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.contact-actions .button{font-size:12px;padding:16px 20px}

/* Give the concrete offer and Japanese labels a readable scale. */
.hero{background:none;padding-top:65px}
h1{font-size:clamp(34px,5.3vw,72px);line-height:1.5;letter-spacing:-.035em;margin-bottom:28px}
.eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:24px}
.hero-bottom>p{max-width:700px}
.hero-bottom .button{flex-shrink:0}
.hero-price small,.work-top,.steps small{letter-spacing:.04em}
.section-head{gap:40px}
.section-head>p{max-width:460px}
.plan h2{font-size:clamp(30px,3.6vw,48px)}
.scope li{padding:18px 0}
.brief h2{font-size:clamp(30px,3.2vw,44px)}
@media(max-width:700px){
  .hero{padding-top:42px}
  h1{font-size:clamp(22px,6.5vw,34px);letter-spacing:-.035em;line-height:1.65}
  .eyebrow{font-size:11px;letter-spacing:.04em}
  .hero-price small{font-size:10px;letter-spacing:0}
  .section-head>p{max-width:none}
  .plan h2,.brief h2{font-size:29px}
  .pilot{padding:24px}
  .pilot strong{font-size:21px}
}