.at-root{--at-bg:#faf6f3;--at-bg2:#f3ebe6;--at-text:#2b2a2e;--at-muted:#7a7378;--at-line:#e6dcd6;--at-accent:#b98a79;--at-accent-deep:#8f6454;--at-en:var(--hp-font-en), serif;background:var(--at-bg);color:var(--at-text);font-family:var(--hp-font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;line-height:1.9}.at-root :where(a){color:inherit;text-decoration:none}.at-wrap{max-width:1080px;margin:0 auto;padding:0 20px}.at-en{font-family:var(--at-en)}.at-header{z-index:20;background:color-mix(in srgb, var(--at-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--at-line);position:sticky;top:0}.at-header .at-wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.at-logo{align-items:baseline;gap:10px;display:flex}.at-logo-en{font-family:var(--at-en);letter-spacing:.02em;font-size:24px;font-weight:600}.at-logo-kana{letter-spacing:.14em;color:var(--at-muted);font-size:10px}.at-header nav{gap:4px;display:flex}.at-header nav a{letter-spacing:.06em;border-radius:999px;padding:8px 12px;font-size:13px}.at-header nav a:hover{background:var(--at-bg2)}.at-header nav .at-nav-sub{display:none}.at-logo-en{white-space:nowrap}.at-logo-kana{display:none}.at-header nav a{white-space:nowrap}@media (max-width:639px){.at-logo-en{font-size:21px}.at-header nav{gap:0}.at-header nav a{padding:8px;font-size:12px}}@media (min-width:640px){.at-logo-kana{display:inline}.at-header nav .at-nav-sub{display:inline-block}.at-logo-en{font-size:28px}}.at-btn{background:var(--at-text);color:#fff;letter-spacing:.1em;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 28px;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.at-btn:hover{background:var(--at-accent-deep)}.at-btn-outline{color:var(--at-text);border:1px solid var(--at-text);background:0 0}.at-btn-outline:hover{background:var(--at-text);color:#fff}.at-hero{background:var(--at-bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.at-hero-bg{display:none}.at-hero .at-wrap{gap:22px;width:100%;padding-top:32px;padding-bottom:40px;display:grid;position:relative}.at-hero-sp{order:-1;width:100%;height:auto;display:block}@media (min-width:720px){.at-hero{background:#f6ede8;padding:48px 0;display:block}.at-hero .at-wrap{padding-top:0}.at-hero-bg,.at-hero-bg img{object-fit:cover;object-position:70% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.at-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#faf6f3e6 0%,#faf6f3b3 40%,#faf6f300 65%);position:absolute;inset:0}.at-hero .at-wrap{align-content:center;gap:28px;min-height:min(78vh,760px);padding-bottom:0}.at-hero-sp{display:none}}.at-badge{border:1px solid var(--at-accent);letter-spacing:.12em;width:fit-content;color:var(--at-accent-deep);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:inline-flex}.at-badge:before{content:"";background:var(--at-accent);border-radius:50%;width:6px;height:6px}.at-hero-brand{gap:6px;display:grid}.at-hero-brand .at-en{letter-spacing:.01em;font-size:clamp(40px,8vw,84px);font-weight:500;line-height:1}.at-hero-brand small{letter-spacing:.2em;color:var(--at-muted);font-size:13px}.at-hero h1{letter-spacing:.06em;margin:0;font-size:clamp(22px,3.4vw,34px);font-weight:500;line-height:1.6}.at-hero p{max-width:560px;color:var(--at-muted);margin:0;font-size:14px}.at-hero-actions{flex-wrap:wrap;gap:12px;display:flex}@media (min-width:720px){.at-hero p{font-size:15px}}.at-sec{padding:64px 0}.at-sec-alt{background:var(--at-bg2)}.at-sec-head{gap:6px;margin:0 0 32px;display:grid}.at-sec-head .at-en{letter-spacing:.24em;color:var(--at-accent-deep);font-size:13px;font-weight:600}.at-sec-head h2{letter-spacing:.06em;margin:0;font-size:clamp(22px,3vw,30px);font-weight:500;line-height:1.5}.at-sec-head p{color:var(--at-muted);margin:4px 0 0;font-size:14px}@media (min-width:720px){.at-sec{padding:96px 0}.at-sec-head{margin-bottom:44px}}.at-points{gap:16px;display:grid}.at-point{border:1px solid var(--at-line);background:#fff;padding:28px 24px}.at-point .at-no{font-family:var(--at-en);color:var(--at-accent);font-size:28px;font-weight:500;line-height:1;display:block}.at-point h3{margin:14px 0 8px;font-size:17px;font-weight:600;line-height:1.6}.at-point p{color:var(--at-muted);margin:0;font-size:14px}@media (min-width:720px){.at-points{grid-template-columns:repeat(3,1fr);gap:24px}.at-point{padding:36px 30px}}.at-themes{gap:16px;display:grid}.at-theme{border:1px solid var(--at-line);background:#fff;gap:14px;padding:22px;display:grid}.at-theme-swatch{border:1px solid var(--at-line);place-items:center;height:120px;display:grid}.at-theme-swatch .at-en{letter-spacing:.04em;font-size:34px;font-weight:500}.at-theme-code{font-family:var(--at-en);letter-spacing:.2em;color:var(--at-accent-deep);font-size:12px;font-weight:600}.at-theme h3{align-items:baseline;gap:10px;margin:2px 0 0;font-weight:500;display:flex}.at-theme h3 .at-en{font-size:26px}.at-theme h3 small{letter-spacing:.12em;color:var(--at-muted);font-size:12px}.at-theme p{color:var(--at-muted);margin:0;font-size:13px}.at-theme-actions{flex-wrap:wrap;gap:8px;display:flex}.at-theme-actions a,.at-theme-actions span{letter-spacing:.08em;border:1px solid var(--at-line);padding:8px 14px;font-size:12px}.at-theme-actions a:hover{border-color:var(--at-text)}.at-theme-actions .at-soon{color:var(--at-muted);border-style:dashed}@media (min-width:720px){.at-themes{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width:1000px){.at-themes{grid-template-columns:repeat(3,1fr)}}.at-features{gap:10px;margin:0;padding:0;list-style:none;display:grid}.at-features li{border:1px solid var(--at-line);background:#fff;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px 16px;font-size:14px;display:grid}.at-features li:before{content:"—";color:var(--at-accent)}.at-features b{font-weight:600;display:block}.at-features span{color:var(--at-muted);font-size:13px}@media (min-width:720px){.at-features{grid-template-columns:repeat(2,1fr);gap:16px}}.at-price{gap:16px;display:grid}.at-price-card{border:1px solid var(--at-line);background:#fff;padding:28px 24px}.at-price-card h3{letter-spacing:.1em;color:var(--at-muted);margin:0;font-size:14px}.at-price-card .at-amount{align-items:baseline;gap:6px;margin:10px 0 6px;display:flex}.at-price-card .at-amount b{font-family:var(--at-en);font-size:44px;font-weight:500;line-height:1}.at-price-card .at-amount span{color:var(--at-muted);font-size:13px}.at-price-card p{color:var(--at-muted);margin:0;font-size:13px}.at-note{border:1px dashed var(--at-accent);padding:16px 18px;font-size:13px;line-height:1.8}.at-note b{color:var(--at-accent-deep)}@media (min-width:720px){.at-price{grid-template-columns:1fr 1fr;gap:24px}}.at-steps{counter-reset:atstep;gap:12px;margin:0;padding:0;list-style:none;display:grid}.at-steps li{border:1px solid var(--at-line);background:#fff;padding:18px 18px 18px 60px;font-size:14px;position:relative}.at-steps li:before{counter-increment:atstep;content:counter(atstep, decimal-leading-zero);font-family:var(--at-en);color:var(--at-accent);font-size:22px;font-weight:500;position:absolute;top:16px;left:18px}.at-steps b{font-weight:600;display:block}.at-steps span{color:var(--at-muted);font-size:13px}@media (min-width:720px){.at-steps{grid-template-columns:repeat(4,1fr)}.at-steps li{padding:56px 20px 20px}}.at-faq{gap:10px;display:grid}.at-faq details{border:1px solid var(--at-line);background:#fff}.at-faq summary{cursor:pointer;align-items:start;gap:10px;padding:16px 18px;font-size:14px;font-weight:600;list-style:none;display:flex}.at-faq summary::-webkit-details-marker{display:none}.at-faq summary:before{content:"Q";font-family:var(--at-en);color:var(--at-accent);font-size:18px;line-height:1.2}.at-faq details>div{color:var(--at-muted);gap:8px;padding:0 18px 18px 40px;font-size:13px;display:grid}.at-cta{background:var(--at-text);color:#fff;text-align:center;padding:64px 0}.at-cta .at-en{font-size:clamp(34px,6vw,56px);font-weight:500;line-height:1.1}.at-cta p{color:#ffffffb8;margin:14px 0 26px;font-size:14px}.at-cta .at-btn{color:var(--at-text);background:#fff}.at-cta .at-btn:hover{background:var(--at-bg2)}.at-cta .at-btn-outline{color:#fff;background:0 0;border-color:#fff9}.at-cta .at-btn-outline:hover{background:#ffffff1f}.at-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.at-footer{border-top:1px solid var(--at-line);color:var(--at-muted);padding:36px 0 28px;font-size:12px}.at-footer .at-wrap{gap:14px;display:grid}.at-footer nav{flex-wrap:wrap;gap:6px 18px;display:flex}.at-footer nav a:hover{color:var(--at-text);text-decoration:underline}.at-theme-hero{border-bottom:1px solid var(--at-line);padding:48px 0 40px}.at-theme-hero .at-en{font-size:clamp(56px,10vw,112px);font-weight:500;line-height:1;display:block}.at-theme-hero p{color:var(--at-muted);margin:10px 0 0;font-size:14px}.at-demo{gap:20px;display:grid}.at-demo-frame{border:1px solid var(--at-line);background:#fff}.at-demo-frame iframe{border:0;width:100%;height:70vh;min-height:480px;display:block}.at-demo-note{color:var(--at-muted);font-size:12px}.at-swatches{flex-wrap:wrap;gap:10px;display:flex}.at-swatch{color:var(--at-muted);justify-items:center;gap:4px;font-size:11px;display:grid}.at-swatch i{border:1px solid var(--at-line);border-radius:50%;width:44px;height:44px;display:block}
