:root{--bg:#fbfaf7;--card:#fff;--ink:#20232b;--muted:#676b73;--accent:#f4a62a;--line:#e9e5dc;--navy:#0d1c2e;--max:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.62}
header{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
nav{max-width:var(--max);margin:auto;padding:15px 22px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.brand{font-weight:850;font-size:1.28rem;margin-right:auto;color:var(--ink);text-decoration:none}.brand span{color:var(--accent)}
nav a:not(.brand),footer a{color:var(--ink);text-decoration:none;font-size:.95rem}nav a:hover,footer a:hover{text-decoration:underline}
main{max-width:var(--max);margin:auto;padding:48px 22px 70px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;padding:38px 0 46px}
.studio-kicker{font-size:.85rem;color:var(--muted);margin-bottom:14px}.studio-logo{display:block;width:min(390px,85%);border-radius:12px;margin:0 0 24px}
h1{font-size:clamp(2.8rem,7vw,5.3rem);line-height:1.0;margin:.12em 0 .18em;letter-spacing:-.045em}.accent{color:var(--accent)}
.lead{font-size:clamp(1.15rem,2.5vw,1.5rem);color:var(--muted);max-width:720px}.hero-art{min-height:360px;border-radius:36px;background:radial-gradient(circle at 32% 25%,#fff0c9 0 18%,transparent 19%),radial-gradient(circle at 70% 48%,#dceaff 0 24%,transparent 25%),radial-gradient(circle at 48% 78%,#f9dfae 0 18%,transparent 19%);display:grid;place-items:center}
.phone{width:230px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:25px;box-shadow:0 24px 55px rgba(20,24,32,.12);transform:rotate(4deg)}
.phone b{font-size:1.25rem}.task{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:.88rem}.task small{display:block;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;margin:22px 0;box-shadow:0 7px 28px rgba(0,0,0,.035)}
.button{display:inline-block;background:var(--ink);color:#fff;padding:13px 19px;border-radius:12px;text-decoration:none;font-weight:750}.notice{border-left:4px solid var(--accent);padding:11px 16px;background:#fff8e8;border-radius:8px}
h2{margin-top:2em}h3{margin-top:1.5em}ul{padding-left:1.3rem}.small{font-size:.92rem;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:28px 22px;color:var(--muted);background:#fff}footer>div{max-width:var(--max);margin:auto;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.footer-logo{margin-left:auto;width:190px;border-radius:8px}
.legal-brand{width:min(330px,90%);border-radius:10px;margin:0 0 28px}
@media(max-width:760px){nav{gap:12px}.hero{grid-template-columns:1fr;gap:16px;padding-top:24px}.hero-art{min-height:300px}.phone{width:205px}.studio-logo{width:min(340px,92%)}.footer-logo{margin-left:0;width:160px}main{padding-top:32px}}