:root{--bg:#f7f3ed;--rose:#c4a49b;--rose-light:#fdf0ec;--accent:#6b5b5e;--ink:#3a2f31;--muted:#6e6560;--line:#ddd1c7;--white:#fff;--serif:'Noto Serif JP',serif;--display:'DM Serif Display',serif;--space:clamp(72px,10vw,128px);--content:min(1120px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}.site-header{align-items:center;background:rgba(247,243,237,.9);border-bottom:1px solid transparent;display:flex;height:76px;justify-content:space-between;padding:0 40px;position:fixed;top:0;transition:.25s;backdrop-filter:blur(12px);width:100%;z-index:10}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 8px 25px #3a2f3110}.brand{font-family:var(--display);font-size:25px;font-style:italic;letter-spacing:.05em}.site-nav{align-items:center;display:flex;gap:28px;font-family:var(--display);font-size:15px}.nav-cta{background:var(--accent);color:var(--white);padding:8px 19px;transition:.2s}.nav-cta:hover,.button:hover{background:var(--ink);transform:translateY(-2px)}.menu-toggle,.mobile-nav{display:none}.section-shell{margin:auto;max-width:1120px;padding:var(--space) 0;width:var(--content)}.hero{align-items:stretch;display:grid;grid-template-columns:1fr 1fr;min-height:780px;padding-top:150px}.hero-copy{align-self:center;padding:50px 7vw 50px 0}.eyebrow{color:var(--rose);font-family:var(--display);font-size:12px;letter-spacing:.22em;margin:0 0 20px}.hero h1,.section-intro h2,.final-copy h2{font-weight:500;letter-spacing:.04em;line-height:1.55;margin:0}.hero h1{font-size:clamp(34px,4.4vw,60px)}.hero-lead{color:var(--muted);font-size:16px;margin:28px 0}.hero-actions{align-items:center;display:flex;gap:26px;margin-top:35px}.button{display:inline-block;letter-spacing:.08em;padding:14px 27px;transition:.2s}.button-dark{background:var(--accent);color:var(--white)}.button-light{background:var(--bg);color:var(--ink)}.text-link{border-bottom:1px solid var(--ink);font-size:14px;padding-bottom:3px}.text-link span{margin-left:10px}.hero-proof{align-items:center;display:flex;gap:10px;margin-top:60px}.hero-proof strong{font-family:var(--display);font-size:32px}.hero-proof span{color:var(--rose);font-size:20px}.hero-proof small{color:var(--muted);font-size:12px}.hero-proof i{background:var(--line);height:18px;width:1px}.image-frame{overflow:hidden}.hero-image{min-height:650px}.hero-image img,.comparison-photo img,.color-image img,.final-image img{filter:saturate(.86)}.section-intro{margin-bottom:42px}.section-intro h2{font-size:clamp(28px,3.2vw,45px)}.card-grid,.feature-grid,.voice-grid,.steps-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.card,.feature-card{background:var(--white);padding:28px 26px}.card-icon,.feature-icon{font-size:30px;margin-bottom:14px}.card h3,.feature-card h3{font-size:18px;font-weight:500;margin:0 0 8px}.card p,.feature-card p{color:var(--muted);font-size:14px;margin:0}.closing-line{text-align:center;font-size:22px;line-height:1.8;margin:68px 0 0}.closing-line em{font-family:var(--display);font-style:italic}.soft-bg{background:var(--bg);}.before-after{max-width:none;padding-left:max(20px,calc((100% - 1120px)/2));padding-right:max(20px,calc((100% - 1120px)/2))}.comparison-visual{display:grid;gap:20px;grid-template-columns:1fr 1fr}.comparison-photo{height:clamp(330px,45vw,560px);position:relative}.comparison-photo span{background:var(--accent);bottom:18px;color:var(--white);font-size:12px;left:18px;letter-spacing:.16em;padding:4px 12px;position:absolute}.comparison-photo.after span{background:var(--rose)}.metrics{display:flex;gap:60px;justify-content:center;margin-top:38px;text-align:center}.metrics strong{color:var(--rose);display:block;font-family:var(--display);font-size:42px}.metrics span{color:var(--muted);font-size:12px}.technology{background:var(--bg)}.feature-card{border-top:2px solid var(--rose)}.mid-cta{align-items:center;background:linear-gradient(120deg,var(--rose),#e0c5b9);display:grid;gap:20px;grid-template-columns:1fr auto;padding:34px 42px;margin-top:70px}.mid-cta p{font-size:22px;line-height:1.6;margin:0}.mid-cta small{grid-column:2;color:var(--muted);font-size:11px}.mid-cta.inline{margin-top:55px}.soft-rose{background:var(--rose-light);max-width:none;padding-left:max(20px,calc((100% - 1120px)/2));padding-right:max(20px,calc((100% - 1120px)/2))}.rating{align-items:center;display:flex;gap:12px;margin-top:28px}.rating span{color:var(--rose);letter-spacing:.15em}.rating strong{font-family:var(--display);font-size:30px}.rating small{color:var(--muted)}.voice-card{background:var(--white);padding:28px}.voice-avatar{border-radius:50%;height:54px;margin-bottom:14px;object-fit:cover;width:54px}.voice-stars{color:var(--rose);letter-spacing:.1em}.voice-card blockquote{font-size:14px;margin:18px 0}.voice-card cite{color:var(--muted);font-size:12px;font-style:normal}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:650px;width:100%}th,td{border-bottom:1px solid var(--line);padding:16px;text-align:center}th:first-child,td:first-child{text-align:left}th{font-weight:500}th.pro{background:var(--accent);color:var(--white)}th small{display:block;font-size:10px;font-weight:400}.steps-grid{counter-reset:step}.step-card{background:var(--white);padding:25px}.step-card img{height:180px;margin-bottom:20px}.step-card strong{color:var(--rose);font-family:var(--display);letter-spacing:.1em}.step-card h3{font-size:18px;font-weight:500;margin:7px 0}.step-card p{color:var(--muted);font-size:13px;margin:0}.centered-button{display:block;margin:42px auto 0;width:max-content}.guarantee,.centered-link{color:var(--muted);display:block;font-size:12px;text-align:center}.colors{max-width:none;padding-left:max(20px,calc((100% - 1120px)/2));padding-right:max(20px,calc((100% - 1120px)/2))}.color-product{align-items:center;display:grid;gap:10vw;grid-template-columns:1fr 1fr}.color-image{height:560px}.color-copy h3{font-size:34px;font-weight:500;margin:10px 0}.color-copy>strong{display:block;font-family:var(--display);font-size:30px}.color-copy>small{color:var(--muted);display:block;font-size:12px}.color-dots{display:flex;gap:12px;margin-top:38px}.color-dots button{background:#c4a49b;border:2px solid transparent;border-radius:50%;height:25px;width:25px}.color-dots button:nth-child(2){background:#e6e1db}.color-dots button:nth-child(3){background:#2c292a}.color-dots button.active{border-color:var(--ink);outline:3px solid var(--bg);outline-offset:2px}.color-count{color:var(--muted);font-size:12px}.faq-list{border-top:1px solid var(--line);margin:auto;max-width:760px}.faq-item{border-bottom:1px solid var(--line)}.faq-question{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;padding:22px 4px;text-align:left;width:100%}.faq-question strong{font-size:16px;font-weight:400}.faq-question span{font-family:var(--display);font-size:25px}.faq-answer{color:var(--muted);display:none;font-size:14px;padding:0 4px 20px}.faq-item.is-open .faq-answer{display:block}.faq-item.is-open .faq-question span{transform:rotate(45deg)}.spec-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.spec-card{background:var(--white);padding:25px;text-align:center}.spec-card .spec-icon{font-size:25px}.spec-card strong{color:var(--rose);display:block;font-family:var(--display);font-size:36px}.spec-card span,.spec-card small{color:var(--muted);display:block;font-size:12px}.final-cta{background:var(--accent);color:var(--white);display:grid;grid-template-columns:1fr 1fr}.final-image{min-height:620px}.final-copy{align-self:center;padding:70px max(30px,7vw)}.final-copy .eyebrow{color:var(--rose)}.final-copy h2{font-size:clamp(30px,4vw,53px)}.final-copy p{color:#f7f3edcc;margin:30px 0}.final-copy small{color:#f7f3edaa;display:block;font-size:11px;margin-top:14px}.site-footer{align-items:center;background:var(--ink);color:var(--white);display:flex;justify-content:space-between;padding:28px max(20px,calc((100% - 1120px)/2));font-family:var(--display)}.site-footer span{font-size:12px;font-weight:400}.desktop-only{display:block}@media(max-width:760px){:root{--content:calc(100% - 32px);--space:84px}.site-header{height:62px;padding:0 18px}.site-nav{display:none}.menu-toggle{background:none;border:0;display:flex;flex-direction:column;gap:6px;padding:8px}.menu-toggle span{background:var(--ink);display:block;height:1px;width:22px}.mobile-nav{background:var(--bg);border-bottom:1px solid var(--line);display:grid;gap:0;left:0;padding:12px 18px;position:absolute;top:62px;transform:translateY(-150%);transition:.3s;width:100%}.mobile-nav.is-open{transform:translateY(0)}.mobile-nav a{border-bottom:1px solid var(--line);padding:12px 0}.mobile-nav .nav-cta{border:0;margin-top:8px;text-align:center}.hero{display:flex;flex-direction:column-reverse;min-height:0;padding-top:92px}.hero-copy{padding:38px 0 0}.hero-image{height:500px;min-height:0}.hero h1{font-size:34px}.hero-lead{font-size:14px}.hero-proof{margin-top:36px}.desktop-only{display:none}.card-grid,.feature-grid,.voice-grid,.steps-grid{grid-template-columns:1fr}.card,.feature-card{padding:24px}.section-intro{margin-bottom:30px}.comparison-visual{gap:8px}.comparison-photo{height:390px}.metrics{gap:30px}.metrics strong{font-size:34px}.mid-cta{display:flex;flex-direction:column;align-items:flex-start;padding:28px;margin-top:48px}.mid-cta small{margin-left:0}.voice-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.voice-card{flex:0 0 86%;scroll-snap-align:start}.table-wrap{margin-inline:-16px;padding-inline:16px}.color-product{gap:35px;grid-template-columns:1fr}.color-image{height:420px}.color-copy{padding-bottom:10px}.spec-grid{grid-template-columns:repeat(2,1fr)}.spec-card{padding:18px 8px}.spec-card strong{font-size:28px}.final-cta{display:flex;flex-direction:column}.final-image{min-height:450px}.final-copy{padding:60px 22px}.final-copy h2{font-size:34px}.site-footer{padding:24px 18px}}
.section-shell{padding-bottom:56px;padding-top:56px}.section-intro{margin-bottom:24px}.closing-line{margin-top:40px}.mid-cta{margin-top:46px}.mid-cta.inline{margin-top:40px}.centered-button{margin-top:30px}@media(max-width:760px){.section-shell{padding-bottom:56px;padding-top:56px}.section-intro{margin-bottom:24px}.mid-cta{margin-top:38px}.closing-line{margin-top:36px}}
.hero{padding-top:150px}@media(max-width:760px){.hero{padding-top:92px}}