@charset "UTF-8";
:root{--navy:#172f4f;--coral:#ba504a;--gold:#ae9260;--ivory:#faf9f6;--pale:#f3eee8;--line:#dedcd4;--gray:#596572;--shadow:0 24px 60px #172f4f12;--font-display:'Noto Serif JP',serif;--font-body:'Noto Sans JP',sans-serif}
html{scroll-padding-top:105px}body{background:var(--ivory);color:var(--navy);font-size:15px;line-height:1.95}a{text-decoration:none}p+p{margin-top:1.1em}em{font-style:normal;color:var(--coral)}h2{font-size:clamp(1.75rem,3vw,2.7rem);line-height:1.65;font-weight:500;letter-spacing:.03em}h3{font-size:1.15rem;line-height:1.6}figure{margin:0}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.narrow{max-width:820px}.center{text-align:center}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;margin-bottom:20px;color:var(--gray)}.lead{font-size:1.1rem;line-height:2;margin-top:26px}.fineprint{font-size:.75rem;color:var(--gray);line-height:1.85;margin-top:24px}.section{padding:104px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.section-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:end;margin-bottom:56px}.section-intro>p{font-size:.9rem;line-height:2.1}.button{min-height:58px;display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:17px 25px;font-size:.9rem;line-height:1.5;font-weight:600;border:1px solid transparent;border-radius:2px;transition:transform .2s,background .2s}.button:hover{opacity:1;transform:translateY(-2px)}.button span{font-size:1.2rem;margin-left:auto}.coral{background:var(--coral);color:white;box-shadow:0 8px 22px #ba504a21}.outline{border-color:var(--navy);color:var(--navy);background:transparent}.text-link{display:block;width:fit-content;font-size:.8rem;border-bottom:1px solid var(--gold);margin-top:22px;padding-bottom:3px}.skip{position:fixed;top:-90px;left:20px;padding:10px;background:white;z-index:1000}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.masthead{height:86px;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:#faf9f6f5;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{font-family:var(--font-display);font-size:1.45rem;letter-spacing:.035em;white-space:nowrap;font-weight:600}.brand small{font-family:var(--font-body);font-size:.58rem;letter-spacing:.1em;margin-right:4px}.brand span{display:block;text-align:right;font-size:.57rem;letter-spacing:.16em;font-family:var(--font-body);font-weight:400;line-height:1}.masthead nav{display:flex;gap:28px;align-items:center;font-size:.78rem}.nav-cta{background:var(--navy);color:white;padding:12px 23px}.nav-cta span{margin-left:20px}
.hero{position:relative;isolation:isolate;min-height:790px;overflow:hidden;background:#edeae3}.hero-photo{position:absolute;inset:0 0 0 45%;z-index:-3}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:48% 29%}.hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#faf9f6 5%,#faf9f6f7 30%,#faf9f6cd 46%,#faf9f60d 70%),linear-gradient(0deg,#faf9f6 0%,transparent 15%)}.hero-inner{width:min(1160px,calc(100% - 64px));margin:auto;padding:62px 0 55px}.hero .eyebrow{font-size:.8rem;letter-spacing:.17em;color:var(--navy)}.hero h1{font-size:clamp(3.7rem,5.5vw,5.1rem);line-height:1.35;letter-spacing:.015em;font-weight:500}.hero h1 em{color:#bf5a51}.mobile-break{display:none}.hero-sub{font-family:var(--font-display);font-size:1.38rem;line-height:1.65;margin:24px 0 16px}.hero-desc{font-size:.86rem;line-height:1.95;margin:0 0 27px}.hero .button{min-width:335px}.hero .hero-note{font-size:.65rem;max-width:420px;line-height:1.7;color:var(--gray);margin-top:16px}.hero-sign{position:absolute;bottom:82px;right:6%;font-family:var(--font-display);font-size:1.5rem;background:#faf9f6e8;padding:16px 25px;border-left:2px solid var(--gold)}.hero-sign span{display:block;font-family:var(--font-body);font-size:.63rem}.promise-strip{background:var(--navy);color:white;display:flex;justify-content:center;gap:75px;padding:25px 30px;font-family:var(--font-display);font-size:1.15rem}.promise-strip span{color:#c9b484;font-size:.8rem;margin-right:14px}
.examples{background:linear-gradient(#fff,#faf9f6)}.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.example-screen{display:block;border:5px solid white;box-shadow:var(--shadow);position:relative;aspect-ratio:390/650;overflow:hidden;border-radius:12px}.example-screen img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.example-screen:hover img{transform:scale(1.035)}.example-screen span{position:absolute;bottom:12px;right:12px;background:var(--navy);color:white;font-size:.7rem;padding:8px 15px;border-radius:50px}.example-tag{color:var(--coral);font-size:.73rem;font-weight:600;letter-spacing:.15em;margin:23px 0 8px}.example h3{font-size:1.02rem;margin-bottom:10px}.example>p:last-child{font-size:.8rem;color:var(--gray)}
.problem{background:var(--pale);position:relative}.problem h2{margin-top:5px}.problem-list>p{position:relative;padding:0 0 25px 42px;margin:0 0 25px;border-bottom:1px solid #d3cbbf;font-size:.95rem}.problem-list>p:last-child{margin-bottom:0}.problem-list span{position:absolute;left:0;top:0;font-family:var(--font-display);color:var(--gold)}.problem-list strong{font-weight:500}.statement{text-align:center;margin-top:90px;padding-top:55px;border-top:1px solid #d3cbbf}.statement>p:first-child{font-size:.9rem;letter-spacing:.06em}.statement h2{margin:22px 0 30px;font-size:clamp(1.8rem,3.2vw,2.85rem)}.statement>p:last-child{font-size:.9rem;line-height:2.1}
.studio-section{text-align:center}.studio-shot{max-width:960px;margin:48px auto 55px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.browser-bar{display:flex;align-items:center;gap:6px;background:#f0eee9;padding:12px 18px;border-bottom:1px solid var(--line)}.browser-bar i{height:7px;width:7px;background:#b8b5af;border-radius:50%}.browser-bar span{font-size:.65rem;color:var(--gray);margin:auto}.studio-shot figcaption{font-size:.69rem;color:var(--gray);padding:12px}.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:left;gap:32px}.process article{border-top:1px solid var(--gold);padding-top:18px}.process b{font-family:var(--font-display);color:var(--gold);font-size:1.5rem;font-weight:400}.process h3{margin:10px 0 15px}.process p{font-size:.84rem;color:var(--gray)}
.navy{background:var(--navy);color:white}.navy .eyebrow{color:#d6c6a3}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.benefits article+article{padding-left:35px;border-left:1px solid #ffffff2d}.benefits span{font-size:.67rem;letter-spacing:.12em;color:#d6c6a3}.benefits h2{font-size:1.65rem;margin:20px 0}.benefits p{font-size:.86rem;line-height:2.1;color:#e3e7ed}.navy .fineprint{color:#cbd3df;border-top:1px solid #ffffff2d;padding-top:25px;margin-top:44px}
.full-section{background:radial-gradient(ellipse at 70% 30%,#f5e7db88,transparent 55%),var(--ivory)}.full-section .split{align-items:center}.full-section .lead{font-family:var(--font-display);font-size:1.23rem;margin-bottom:24px}.full-section .split>div>p:not(.eyebrow):not(.lead){font-size:.86rem;line-height:2}.full-flow{text-align:center;padding:34px 36px;background:#ffffffa8;border:1px solid #e4d5bc;box-shadow:var(--shadow)}.flow-kicker{display:block;font-size:.8rem;letter-spacing:.12em;color:var(--gray);margin-bottom:22px}.full-flow>div{padding:18px 8px;border:1px solid #e4d5bc;background:#fff}.full-flow>div:first-of-type{border-radius:50% 50% 8px 8px;padding-top:25px}.full-flow b{font-family:var(--font-display);font-size:3.5rem;font-weight:400;line-height:1.2;display:block}.full-flow strong{font-family:var(--font-display);font-size:1.6rem;font-weight:500}.full-flow div span{display:block;font-size:.78rem}.full-flow i{display:block;font-style:normal;line-height:1.4;font-size:1.6rem;color:var(--gold)}.full-flow .flow-accent{background:var(--coral);color:white;border-color:var(--coral)}.full-flow>p{font-size:.7rem;color:var(--gray);margin-top:20px}.full-note{margin-top:48px;padding:23px 30px;border-left:3px solid var(--gold);background:white}.full-note strong{font-size:.87rem}.full-note p{font-size:.8rem;color:var(--gray);margin-top:8px}
.plan-section{background:#f1f3f5}.plan-section .center>p:last-child{margin-top:24px;font-size:.9rem}.plan-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;margin:68px auto 65px;max-width:1000px;align-items:stretch}.plan{padding:40px;background:white;border:1px solid var(--line);position:relative;display:flex;flex-direction:column;scroll-margin-top:110px}.plan .plan-overline{font-size:.73rem;color:var(--gray);margin:0 0 16px}.plan h3{font-size:2rem;font-weight:500}.plan-catch{font-size:1.02rem;line-height:1.8;margin-top:17px}.plan-amount{font-family:var(--font-display);font-size:3.5rem;margin-top:21px;line-height:1.5}.plan-amount small{font-family:var(--font-body);font-size:.9rem;margin-left:10px}.plan ul{list-style:none;padding:0;margin:24px 0}.plan li{padding:9px 0 9px 23px;position:relative;font-size:.83rem;border-bottom:1px solid #edf0f2}.plan li::before{content:'✓';position:absolute;left:0;color:var(--coral)}.plan-boundary{font-size:.78rem;color:var(--gray);margin-bottom:28px}.plan .button{width:100%;margin-top:auto}.plan .release-state{font-size:.7rem;text-align:center;margin:14px 0 0;color:var(--gray)}.full-plan{border:2px solid var(--coral);box-shadow:var(--shadow);padding:38px}.recommend{position:absolute;inset:auto -2px 100%;background:var(--coral);color:white;font-size:.78rem;padding:10px;text-align:center;letter-spacing:.03em}.price-label{font-size:.72rem;margin-top:22px;color:var(--gray)}.price{font-family:var(--font-display);font-size:3.8rem;line-height:1.3;color:var(--coral);margin:0}.price small{font-size:1.15rem;margin-left:7px}.price-note{font-size:.68rem;color:var(--gray);margin-top:9px}.compare{max-width:1000px;margin:auto}.compare h3{text-align:center;font-size:1.5rem;margin-bottom:30px}.compare table{width:100%;border-collapse:collapse;background:white;font-size:.86rem}.compare th,.compare td{padding:18px 24px;border-bottom:1px solid var(--line);text-align:center}.compare th:first-child{text-align:left;font-weight:500;width:48%}.compare thead{background:var(--navy);color:white}.compare tr>:last-child{background:#ba504a0c}.compare thead tr>:last-child{background:var(--coral)}.compare td:last-child{color:var(--coral);font-weight:600}
.requirements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:white;border:1px solid var(--line);margin-bottom:55px}.requirements>div{padding:22px}.requirements>div+div{border-left:1px solid var(--line)}.requirements strong{font-size:.77rem;color:var(--coral)}.requirements p{font-size:.9rem;margin-top:12px}.requirements small{font-size:.69rem;line-height:1.8;display:block;color:var(--gray);margin-top:6px}.setup-steps{list-style:none;padding:0;max-width:930px;margin:auto}.setup-steps li{display:grid;grid-template-columns:110px 1fr;gap:35px;padding:27px 0;border-bottom:1px solid var(--line)}.setup-steps li>span{font-family:var(--font-display);font-size:.9rem;color:var(--gold);padding-top:5px}.setup-steps h3{font-size:1.14rem;margin-bottom:12px}.setup-steps p{font-size:.85rem;color:var(--gray)}
.practical{background:#eeeae3}.practical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:45px}.practical article{background:var(--ivory);padding:30px}.practical article>b{font-size:.65rem;letter-spacing:.12em;color:var(--coral);font-weight:500}.practical h3{margin-top:17px;font-size:1.28rem}.practical article>p{font-size:.81rem;color:var(--gray);line-height:2}.chat-example,.file-pair,.url-example{min-height:120px;margin:25px 0;background:#fff;border:1px solid var(--line);padding:16px;font-size:.78rem;display:flex;flex-direction:column;justify-content:center}.chat-example span{font-size:.63rem;color:var(--coral)}.chat-example p{margin-top:5px}.file-pair{flex-direction:row;align-items:center;gap:12px;text-align:center}.file-pair span{flex:1}.file-pair span+span{border-left:1px solid var(--line)}.file-pair small{display:block;font-size:.61rem;color:var(--gray)}.url-example{font-size:.8rem;text-align:center}.url-example span{color:var(--coral);font-size:1.1rem}
.owner-section{background:#fff}.owner-grid{display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:center}.owner-grid figure{max-width:450px}.owner-grid img{width:100%;object-fit:cover;aspect-ratio:2/3}.owner-grid figcaption{font-size:.62rem;color:var(--gray);margin-top:9px}.owner-grid h2{font-size:2.1rem;margin-bottom:30px}.owner-grid p{font-size:.88rem;line-height:2}.owner-grid .eyebrow{font-size:.74rem}.signature{font-family:var(--font-display);font-size:2rem;margin-top:28px;border-top:1px solid var(--gold);padding-top:20px}.signature span{font-family:var(--font-body);font-size:.65rem;display:inline-block;margin-left:14px}
.faq-section h2{margin-bottom:35px}.faq-section details{padding:23px 0;border-bottom:1px solid var(--line)}.faq-section summary{display:flex;gap:22px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:500;list-style:none;font-size:.92rem}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{font-weight:400;color:var(--coral);font-size:1.15rem;flex-shrink:0}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{padding:18px 35px 0 0;font-size:.85rem;color:var(--gray);line-height:2}.final-section{background:linear-gradient(140deg,#ede6d8,#faf9f6 45%,#f5e8e3)}.final-section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.55}.purchase-status{padding:32px;background:#ffffffb3;border:1px solid #dbd1c0;margin:36px 0}.purchase-status strong{font-size:.92rem}.purchase-status p{font-size:.85rem}.purchase-status .fineprint{font-size:.73rem;max-width:600px;margin:20px auto 0}.final-section .button{max-width:100%}.footer{background:var(--navy);color:white;padding:45px 0}.footer .wrap{display:flex;align-items:center;gap:50px;justify-content:space-between}.footer p{font-size:.8rem}.footer small{font-size:.65rem}.mobile-cta{display:none}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero-inner{width:calc(100% - 64px)}.masthead nav{gap:18px}.masthead nav>a:not(.nav-cta){display:none}.hero{min-height:760px}.hero-photo{left:40%}.hero h1{font-size:4rem}.hero-sign{right:3%;bottom:45px}.split,.section-intro{gap:40px}.promise-strip{gap:30px;font-size:.95rem}.showcase-grid{gap:18px}.benefits{gap:24px}.benefits article+article{padding-left:20px}.benefits h2{font-size:1.35rem}.plan{padding:28px}.practical-grid{gap:14px}.practical article{padding:22px}.owner-grid{gap:50px}.owner-grid h2{font-size:1.7rem}.requirements>div{padding:15px}.footer .wrap{gap:24px}.footer p{display:none}}
@media(max-width:767px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.section{padding:68px 0}.masthead{height:70px;padding:0 20px}.brand{font-size:1.13rem}.brand small{font-size:.46rem}.masthead .nav-cta{padding:9px 12px;font-size:.68rem}.nav-cta span{margin-left:8px}.hero{min-height:0;padding-top:0}.hero-inner{width:calc(100% - 40px);padding:36px 0 28px}.hero .eyebrow{font-size:.65rem;letter-spacing:.08em}.hero h1{font-size:clamp(2.8rem,9.8vw,4.1rem);line-height:1.4;width:100%}.mobile-break{display:block}.hero-photo{inset:0 0 auto 36%;height:570px}.hero-photo img{object-position:46% 28%}.hero-wash{background:linear-gradient(90deg,#faf9f6 0%,#faf9f6ed 20%,#faf9f6a6 35%,#faf9f608 60%),linear-gradient(0deg,#faf9f6 0%,#faf9f6 14%,#faf9f6ed 28%,transparent 52%)}.hero-sub{font-size:1.04rem;line-height:1.8;margin-top:115px}.hero-desc{font-size:.8rem;margin-top:18px}.hero .button{min-width:0;width:100%;font-size:.83rem;gap:10px}.hero .text-link{font-size:.73rem;margin-top:17px}.hero .hero-note{font-size:.61rem}.hero-sign{top:360px;right:15px;bottom:auto;padding:8px 12px;font-size:1rem}.hero-sign span{font-size:.5rem}.promise-strip{gap:0;padding:19px 10px;justify-content:space-around}.promise-strip>div{font-size:.67rem;text-align:center}.promise-strip span{display:block;font-size:.65rem;margin:0 0 2px}.eyebrow{font-size:.68rem;margin-bottom:17px}.section-intro,.split{grid-template-columns:1fr;gap:30px}.section-intro{margin-bottom:35px}.section-intro>p{font-size:.83rem}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 15px}.example-screen{border-width:3px;border-radius:8px}.example-screen span{font-size:.58rem;padding:6px 10px;bottom:8px;right:8px}.example-tag{margin-top:16px;font-size:.66rem}.example h3{font-size:.91rem}.example>p:last-child{font-size:.74rem}.fineprint{font-size:.68rem}.problem-list>p{font-size:.86rem}.statement{margin-top:45px;padding-top:40px}.statement>p:last-child{font-size:.83rem}.lead{font-size:.95rem}.studio-shot{margin:32px 0}.browser-bar{padding:9px 10px}.browser-bar span{font-size:.5rem}.studio-shot figcaption{font-size:.6rem;line-height:1.6}.process{grid-template-columns:1fr 1fr;gap:26px 20px}.process h3{font-size:1.1rem}.process p{font-size:.76rem}.benefits{grid-template-columns:1fr;gap:32px}.benefits article+article{padding:30px 0 0;border-left:0;border-top:1px solid #ffffff2d}.benefits h2{font-size:1.6rem;margin:15px 0}.benefits p{font-size:.84rem}.full-section .lead{font-size:1.14rem}.full-flow{padding:25px}.full-note{padding:22px;margin-top:32px}.full-note strong{font-size:.82rem}.full-note p{font-size:.75rem}.plan-grid{grid-template-columns:1fr;gap:65px;margin:36px 0 45px}.plan{padding:28px}.plan h3{font-size:1.8rem}.plan-catch{font-size:.98rem}.plan-amount{font-size:3rem}.recommend{font-size:.73rem}.price{font-size:3.4rem}.plan li{font-size:.8rem}.compare th,.compare td{padding:14px 10px;font-size:.71rem}.compare th:first-child{width:46%}.compare h3{font-size:1.3rem}.requirements{grid-template-columns:1fr 1fr;margin-bottom:28px}.requirements>div{padding:20px 15px}.requirements>div:nth-child(3){border-left:0}.requirements>div:nth-child(n+3){border-top:1px solid var(--line)}.requirements p{font-size:.81rem}.requirements small{font-size:.64rem}.setup-steps li{grid-template-columns:1fr;gap:8px;padding:25px 0}.setup-steps h3{font-size:1.1rem}.setup-steps p{font-size:.81rem}.practical-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.practical article{padding:28px}.practical h3{font-size:1.3rem}.chat-example,.file-pair,.url-example{min-height:95px;margin:20px 0}.owner-grid{grid-template-columns:1fr;gap:35px}.owner-grid figure{width:72%;max-width:300px;margin:auto}.owner-grid h2{font-size:1.7rem}.owner-grid p{font-size:.84rem}.signature{font-size:1.7rem}.signature span{font-size:.58rem}.faq-section summary{font-size:.83rem;gap:16px}.faq-section details p{font-size:.78rem;padding-right:8px}.final-section .lead{font-size:.87rem}.purchase-status{padding:23px;margin:30px 0}.purchase-status strong{font-size:.84rem}.purchase-status p{font-size:.77rem}.purchase-status .fineprint{font-size:.67rem}.final-section .button{font-size:.78rem;padding-inline:18px;gap:15px}.footer{padding:35px 0 95px}.footer .wrap{align-items:end}.footer small{font-size:.55rem}.mobile-cta{position:fixed;bottom:12px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:white;font-size:.8rem;padding:16px 22px;box-shadow:0 5px 25px #172f4f33;border:1px solid #ffffff55;border-radius:3px;z-index:90}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.example-screen img{transition:none}}
/* Scoped overrides for starter hero spacing and button hover. */
.hero{display:block;padding:0}.button.coral:hover{background:#a8433e;color:#fff}.button.outline:hover{background:var(--navy);color:#fff}
@media(max-width:767px){.hero-wash{background:linear-gradient(90deg,#faf9f6 0%,#faf9f6ed 20%,#faf9f6bd 38%,#faf9f608 64%),linear-gradient(180deg,transparent 0,transparent 300px,#faf9f6b3 390px,#faf9f6 490px)}.hero-sign{top:328px;right:15px;font-size:.85rem;padding:8px 10px}.hero-sign span{font-size:.47rem}.hero-sub{margin-top:100px}.hero-inner{padding-bottom:38px}}
/* Readability: gold text and material purchase qualifications. */
.problem-list span,.process b,.setup-steps li>span{color:#796032}
.price-note,.requirements small,.plan-boundary,.full-note p,.purchase-status .fineprint,.fineprint,.plan .release-state,.hero .hero-note{font-size:.8rem;line-height:1.85}