:root{--ink:#16211d;--green:#1d3a30;--lime:#d9ee48;--cream:#f3f0e8;--soft:#ebe9e1;--line:#d8d8cf;--muted:#65706b;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.75;background:#fafaf7}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.narrow{max-width:860px}.center{text-align:center}.section{padding:120px 0}.dark{background:#13251f;color:#fff}.soft{background:var(--cream)}.mobile-only{display:none}
.site-header{height:84px;display:flex;align-items:center;padding:0 38px;gap:46px;background:#fbfbf8;position:relative;z-index:20;border-bottom:1px solid #e3e3dc}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;line-height:1.15;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.14em;color:#758078;margin-top:5px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--green);color:var(--lime);font-weight:900}.desktop-nav{display:flex;gap:34px;margin-left:auto;font-size:13px;font-weight:600}.desktop-nav a{transition:.2s}.desktop-nav a:hover{color:#6c7d13}.header-cta{align-self:stretch;background:var(--lime);display:flex;align-items:center;padding:0 32px;margin-right:-38px;font-size:14px;font-weight:800;gap:30px}.header-cta span,.button span{font-size:21px}.menu-button{display:none}
.hero{height:min(800px,calc(100vh - 84px));min-height:680px;position:relative;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/hero-genba-home.png') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,14,.88) 0%,rgba(8,18,14,.7) 42%,rgba(8,18,14,.08) 73%)}.hero-content{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding-bottom:40px}.eyebrow{font:600 12px/1.2 Oswald,sans-serif;letter-spacing:.2em;color:#61736b;text-transform:uppercase;display:flex;align-items:center;gap:11px;margin-bottom:25px}.eyebrow i{display:block;width:28px;height:2px;background:var(--lime)}.eyebrow.light{color:#c0cbc5}.hero h1{font-size:clamp(45px,5vw,72px);line-height:1.32;letter-spacing:-.04em;margin:0 0 24px;font-weight:800}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:15px;line-height:2;margin:0 0 30px;color:#dce3df}.hero-actions{display:flex;gap:12px}.button{min-height:58px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:32px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);color:var(--ink)}.button.ghost{border-color:rgba(255,255,255,.5);color:#fff}.hero-facts{display:flex;gap:0;margin-top:44px}.hero-facts>span{display:grid;grid-template-columns:auto auto;align-items:end;padding:0 30px;border-left:1px solid rgba(255,255,255,.25)}.hero-facts>span:first-child{padding-left:0;border-left:0}.hero-facts b{font:600 27px Oswald,sans-serif;color:var(--lime)}.hero-facts small{grid-column:1/3;font-size:9px;letter-spacing:.08em;color:#bdc6c1}.scroll{position:absolute;z-index:2;right:26px;bottom:0;writing-mode:vertical-rl;font:500 9px Oswald,sans-serif;letter-spacing:.2em;display:flex;align-items:center;gap:9px}.scroll i{height:44px;width:1px;background:var(--lime)}
h2{font-size:clamp(34px,4vw,55px);line-height:1.38;letter-spacing:-.035em;margin:0;font-weight:800}.lead .large-copy{font-size:17px;line-height:2.2;color:#525f59;margin:35px auto 48px}.trade-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.trade-list span{padding:9px 21px;border:1px solid var(--line);font-size:13px;background:#fff}
.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.phone-grid>div:first-child>p{color:#bdc9c4;max-width:540px;margin:28px 0 40px}.mini-steps{padding:0;margin:0;list-style:none;border-top:1px solid #385047}.mini-steps li{display:flex;align-items:center;gap:25px;border-bottom:1px solid #385047;padding:18px 0}.mini-steps b{font:500 12px Oswald;color:var(--lime)}.mini-steps span{font-weight:600}.phone-wrap{display:flex;align-items:center;gap:25px}.phone-label{writing-mode:vertical-rl;display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.12em}.phone-label span{color:var(--lime);font-weight:700}.phone-label small{color:#9eafa7}.phone{width:330px;background:#f7f7f3;color:var(--ink);border:8px solid #0a0c0b;border-radius:45px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}.phone-bar{height:29px;background:#fff;padding:5px 20px;display:flex;justify-content:space-between;font-size:9px}.phone-bar i{width:70px;height:18px;border-radius:20px;background:#0a0a0a;margin-top:-4px}.app-head{height:50px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid #eee;font-size:12px}.app-head button{border:0;background:none;color:#777;font-size:20px}.app-head .save-demo{background:var(--green);color:#fff;border-radius:18px;padding:5px 13px;font-size:10px}.app-body{padding:19px}.project-title small{display:block;font-size:8px;color:#839087}.project-title b{font-size:14px}.drag-guide{font-size:9px;color:#79867e;margin:16px 0 8px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo-photo{height:105px;background-size:cover;background-position:center;border-radius:8px;cursor:grab;position:relative;transition:.15s}.demo-photo.dragging{opacity:.35;transform:scale(.95)}.demo-photo span{position:absolute;top:6px;left:6px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#fff;font:600 9px Oswald;box-shadow:0 2px 5px #0003}.p1{background-image:linear-gradient(#0001,#0001),url('assets/hero-genba-home.png')}.p2{background-image:linear-gradient(120deg,#656c64,#c0b49e)}.p3{background-image:linear-gradient(145deg,#beb7a2 30%,#51625c 30%,#51625c 62%,#d4cec0 62%)}.p4{background-image:linear-gradient(45deg,#817b6d 25%,#bbb5a8 25%,#bbb5a8 50%,#6a756b 50%,#6a756b 75%,#d7d0bf 75%)}.add-photo{width:100%;margin:10px 0;border:1px dashed #9eaaa4;background:#fff;border-radius:8px;height:39px;font-size:10px;color:#4c5f56}.publish-row{margin-top:5px;padding:11px 2px;display:flex;justify-content:space-between;align-items:center}.publish-row span{display:flex;flex-direction:column}.publish-row b{font-size:11px}.publish-row small{font-size:8px;color:#78877f}.publish-row input{display:none}.publish-row i{width:41px;height:23px;border-radius:20px;background:#b6bbb8;position:relative;transition:.2s}.publish-row i:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.2s;box-shadow:0 1px 4px #0003}.publish-row input:checked+i{background:#4f7c49}.publish-row input:checked+i:after{left:20px}
.proposal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px}.proposal-copy>p:first-child{font-size:20px;font-weight:700;margin-top:60px}.proposal-copy p{color:#5e6a64}.contact-methods{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.contact-methods span{border:1px solid #ccd0ca;padding:8px 16px;font-size:11px;font-weight:700;background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head>p{width:390px;color:#67736d;margin:0}.design-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.design-card{grid-column:span 2}.design-card:nth-child(4){grid-column:2/span 2}.design-card:nth-child(5){grid-column:4/span 2}.design-preview{height:300px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.design-preview:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-55px;bottom:-45px;background:#fff2}.design-preview .mock-logo{font:600 12px/1.2 Oswald;letter-spacing:.12em}.design-preview strong{font-size:25px;line-height:1.5;position:relative;z-index:1}.design-preview i{height:4px;width:48px;position:absolute;bottom:24px;left:24px}.standard .design-preview{background:#f9fafb;color:#173657;border-top:7px solid #173657}.standard i{background:#173657}.natural .design-preview{background:#e9e1d2;color:#35563f}.natural i{background:#6d8b58}.urban .design-preview{background:#292b2c;color:#e1c27c}.urban i{background:#c5a45e}.japan .design-preview{background:#172a3b;color:#ede7d6}.japan i{background:#b5954d}.luxury .design-preview{background:#151515;color:#d7ad53}.luxury i{background:#a93224}.design-card>div:last-child{padding:18px 3px}.design-card small{font:500 9px Oswald;letter-spacing:.16em;color:#7c8882}.design-card h3{font-size:17px;margin:3px 0}.design-card p{margin:0;color:#76817b;font-size:12px}
.included-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:55px}.included-grid article{padding:38px 50px 42px 0;border-bottom:1px solid var(--line)}.included-grid article:nth-child(odd){border-right:1px solid var(--line)}.included-grid article:nth-child(even){padding-left:50px}.included-grid b{font:500 11px Oswald;color:#7c8a82}.included-grid h3{font-size:20px}.included-grid p{color:#69746e;font-size:14px;margin-bottom:0}.price-section{background:#1e382f;color:#fff}.price-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.price-intro>p{color:#bec9c4}.limit{margin-top:45px;border-top:1px solid #486157;border-bottom:1px solid #486157;padding:18px 0;font-size:13px}.limit strong{font-size:22px;color:var(--lime)}.price-card{background:#fff;color:var(--ink);padding:48px 55px}.price-main{display:flex;align-items:end;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line)}.price-main>small{font-weight:700}.price-main div{display:flex;align-items:center}.price-main strong{font:600 55px Oswald;letter-spacing:-.03em}.price-main div>span{font-size:13px;line-height:1.2;margin-left:7px}.price-card ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:25px 0;margin:0;list-style:none;font-size:12px}.price-card li:before{content:"✓";color:#59704c;margin-right:8px}.support-price{background:#f0f1e8;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-left:4px solid var(--lime)}.support-price span{font-size:12px;font-weight:700}.support-price span small{font-size:9px;font-weight:400;color:#65706a}.support-price b{font:600 29px Oswald}.support-price b small{font:600 10px "Noto Sans JP"}.price-note{font-size:9px;color:#89918d;margin:14px 0 0}.flow-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.flow-list li{padding:32px 28px;border-right:1px solid var(--line)}.flow-list li:last-child{border-right:0}.flow-list>li>b{font:500 34px Oswald;color:#c4c9c4}.flow-list small{font:500 9px Oswald;letter-spacing:.15em;color:#728078}.flow-list h3{font-size:18px}.flow-list p{font-size:12px;color:#727c77}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{min-height:480px;background:linear-gradient(140deg,#35463f,#15231e);position:relative;padding:45px;display:flex;align-items:center;overflow:hidden}.about-visual:after{content:"現";font-size:430px;font-weight:900;color:#d9ee480c;position:absolute;right:-60px;top:-140px}.about-visual span{font-size:35px;line-height:1.6;font-weight:800;position:relative;z-index:1}.about-visual i{position:absolute;bottom:28px;font:500 10px Oswald;color:var(--lime);letter-spacing:.18em}.about-grid p{color:#bec9c4}.faq h2{margin-bottom:45px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-weight:700;padding:25px 5px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary i{font-style:normal;font-size:20px;color:#809087}details[open] summary i{transform:rotate(45deg)}details p{margin:0;padding:0 45px 25px 5px;color:#66716b;font-size:14px}.contact{padding-top:0}.contact-box{background:var(--green);color:#fff;padding:70px 75px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.contact-box:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #ffffff18;border-radius:50%;right:-80px}.contact-box p{color:#becac4}.contact-actions{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.button.white{background:#fff;min-width:270px;color:var(--ink)}.button.line{background:#74bd58;min-width:270px;color:#fff}.contact-actions small{text-align:center;color:#acbbb4;font-size:9px}footer{background:#0d1713;color:#fff;padding:65px 0 25px}.footer-main{display:flex;justify-content:space-between;align-items:start}.footer-links{display:grid;grid-template-columns:repeat(2,160px);gap:13px;font-size:11px;color:#a9b6af}.footer-bottom{border-top:1px solid #2e3a35;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;color:#7d8b84;font-size:10px}
@media(max-width:900px){.site-header{height:68px;padding:0 18px}.desktop-nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto;border:0;background:none;width:38px;height:38px;padding:10px}.menu-button span{display:block;height:2px;background:var(--ink);margin:6px 0}.site-header.menu-open .desktop-nav{display:flex;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:30px;gap:20px;box-shadow:0 10px 20px #0002}.hero{height:760px;min-height:0}.hero-bg{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(8,18,14,.9),rgba(8,18,14,.45))}.phone-grid,.proposal-grid,.price-wrap,.about-grid{grid-template-columns:1fr;gap:65px}.phone-wrap{justify-content:center}.design-grid{grid-template-columns:1fr 1fr}.design-card,.design-card:nth-child(4),.design-card:nth-child(5){grid-column:auto}.design-card:last-child{grid-column:1/3;width:calc(50% - 11px);justify-self:center}.price-intro{max-width:600px}.flow-list{grid-template-columns:1fr 1fr}.flow-list li:nth-child(2){border-right:0}.contact-box{padding:55px;gap:45px}.section-head{align-items:start}.section{padding:90px 0}}
@media(max-width:600px){.wrap{width:min(calc(100% - 32px),var(--max))}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.hero{height:calc(100svh - 68px);min-height:650px}.hero-content{justify-content:flex-end;padding-bottom:45px}.hero-bg{background-position:68% center}.hero-shade{background:linear-gradient(0deg,rgba(7,16,12,.96) 0%,rgba(7,16,12,.65) 65%,rgba(7,16,12,.1) 100%)}.hero h1{font-size:35px}.hero p{font-size:12px;line-height:1.9}.hero p br{display:none}.hero-actions{flex-direction:column;align-items:stretch}.button{min-height:54px}.hero-facts{margin-top:24px}.hero-facts>span{padding:0 13px}.hero-facts b{font-size:21px}.scroll{display:none}.section{padding:72px 0}h2{font-size:31px}.mobile-only{display:block}.lead .large-copy{font-size:14px}.phone-grid{gap:45px}.phone-label{display:none}.phone{width:310px}.proposal-grid{gap:0}.proposal-copy>p:first-child{margin-top:30px}.section-head{display:block;margin-bottom:35px}.section-head>p{width:auto;margin-top:25px;font-size:13px}.design-grid{display:block}.design-card,.design-card:last-child{width:100%;margin-bottom:35px}.design-preview{height:280px}.included-grid{grid-template-columns:1fr}.included-grid article,.included-grid article:nth-child(even),.included-grid article:nth-child(odd){padding:26px 0;border-right:0}.price-wrap{gap:45px}.price-card{padding:30px 20px}.price-main strong{font-size:41px}.price-card ul{grid-template-columns:1fr}.support-price{align-items:end}.support-price b{font-size:23px}.flow-list{grid-template-columns:1fr}.flow-list li,.flow-list li:nth-child(2){border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:55px 1fr;padding:24px 5px}.flow-list h3{margin-top:2px}.about-visual{min-height:330px}.about-visual span{font-size:29px}.contact-box{width:calc(100% - 32px);padding:45px 24px;display:block}.contact-actions{margin-top:32px}.footer-main{display:block}.footer-links{margin-top:40px;grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom small{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero-copy span,.hero-copy small{display:block}.hero-copy span+span{margin-top:2px}.hero-copy small{margin-top:7px;color:#aebbb5;font-size:11px;line-height:1.7}
.reality-section{padding:58px 0;background:#fafaf7}.reality-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.reality-section h2{font-size:clamp(25px,2.8vw,39px);line-height:1.62}.reality-section h2 em{font-style:normal;color:#66746d}.reality-copy p{margin:0 0 12px;color:#5e6b65;font-size:14px;line-height:1.9}.reality-copy strong{color:var(--ink)}.reality-copy a{display:inline-flex;align-items:center;gap:18px;margin-top:5px;padding-bottom:3px;border-bottom:1px solid #89958f;font-size:12px;font-weight:700}.reality-copy a span{color:#718713}

/* Compressed top-page structure and real template gallery */
.phone-section{padding:88px 0}.phone-grid>div:first-child>p{margin:20px 0 24px}.mini-steps li{padding:13px 0}.proposal-mini{margin-top:24px;padding:20px;border:1px solid #3b5148;background:#192e27}.proposal-mini>strong{font-size:16px}.proposal-mini>p{font-size:12px;line-height:1.8;color:#b9c5c0;margin:8px 0 14px}.proposal-mini .contact-methods{margin-top:0}.proposal-mini .contact-methods span{background:transparent;border-color:#52665e;padding:5px 10px;color:#dae2de}.designs{padding:88px 0}.designs .section-head{margin-bottom:32px}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.design-card,.design-card:nth-child(4),.design-card:nth-child(5),.design-card:last-child{grid-column:auto;width:auto;margin:0}.template-open{display:block;width:100%;aspect-ratio:1055/1100;padding:0;border:0;background:#d9dbd5;overflow:hidden;cursor:zoom-in;box-shadow:0 8px 25px #1d2a2412}.template-open img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.template-open:hover img{transform:scale(1.02)}.design-card>div:last-child{padding:13px 2px 0}.design-card h3{margin:2px 0;font-size:15px}.design-card p{font-size:11px}.swipe-hint{display:none}.price-section,.flow,.about,.faq{padding:88px 0}.about-visual{min-height:390px}.faq h2{margin-bottom:28px}.contact-box{padding-top:55px;padding-bottom:55px}.template-modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(5,10,8,.92);padding:60px 18px 24px;align-items:flex-start;justify-content:center}.template-modal.open{display:flex}.modal-open{overflow:hidden}.modal-scroll{height:100%;max-width:900px;overflow:auto;background:#111;box-shadow:0 20px 80px #000}.modal-scroll img{display:block;width:100%;height:auto}.modal-close{position:fixed;z-index:2;top:12px;right:16px;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff77;background:#fff;color:#17211d;font-size:27px;line-height:1;cursor:pointer}

@media(max-width:900px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-card:last-child{grid-column:auto;width:auto}.phone-section,.designs,.price-section,.flow,.about,.faq{padding:72px 0}}

@media(max-width:600px){.hero{min-height:680px;height:calc(100svh - 68px)}.hero-content{padding-bottom:28px}.hero h1{margin-bottom:14px;font-size:34px;line-height:1.36}.hero p.hero-copy{margin-bottom:16px;font-size:12px;line-height:1.75}.hero-copy span+span{margin-top:6px}.hero-copy small{font-size:10px;line-height:1.6;margin-top:7px}.hero-facts{margin-top:14px}.hero-facts>span{padding:0 10px}.phone-section{padding:58px 0}.phone-grid{gap:32px}.phone-grid>div:first-child>p{margin:14px 0 18px}.mini-steps li{padding:10px 0}.proposal-mini{margin-top:18px;padding:16px}.proposal-mini>strong{font-size:14px}.proposal-mini>p{margin:6px 0 10px}.phone{width:300px;border-width:6px}.phone-label{display:none}.designs{padding:58px 0}.designs .section-head{margin-bottom:24px}.designs .section-head>p{margin-top:14px}.design-grid{display:flex;overflow-x:auto;gap:14px;margin-left:-16px;margin-right:-16px;padding:0 16px 15px;scroll-snap-type:x mandatory;scroll-padding-left:16px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.design-grid::-webkit-scrollbar{height:3px}.design-grid::-webkit-scrollbar-thumb{background:#aeb7af}.design-card,.design-card:nth-child(4),.design-card:nth-child(5),.design-card:last-child{flex:0 0 calc(100% - 34px);width:auto;scroll-snap-align:start;margin:0}.template-open{aspect-ratio:1055/1120}.swipe-hint{display:block;margin:2px 0 0;text-align:center;font:500 10px Oswald;letter-spacing:.16em;color:#718078}.price-section,.flow,.about,.faq{padding:58px 0}.price-wrap{gap:28px}.price-intro>p{margin-bottom:10px}.limit{margin-top:22px;padding:12px 0}.price-card{padding:24px 18px}.price-card ul{padding:18px 0;gap:8px}.flow .section-head{margin-bottom:24px}.about-grid{gap:28px}.about-visual{min-height:240px}.about-visual:after{font-size:300px}.about-visual span{font-size:26px}.about-grid p{font-size:13px;margin:10px 0}.faq h2{margin-bottom:20px}.faq summary{padding:18px 4px;font-size:13px}.faq details p{padding-bottom:18px;font-size:12px}.contact{padding-top:0}.contact-box{padding-top:38px;padding-bottom:38px}.contact-box p{font-size:12px}.contact-actions{margin-top:22px}footer{padding-top:45px}.footer-main .footer-links{margin-top:28px}.footer-bottom{margin-top:35px}.template-modal{padding:55px 10px 12px}}
@media(max-width:600px){.hero{min-height:680px;height:calc(100svh - 68px)}.hero-content{padding-bottom:28px}.hero h1{margin-bottom:14px;font-size:34px;line-height:1.36}.hero p.hero-copy{margin-bottom:16px;font-size:12px;line-height:1.75}.hero-copy span+span{margin-top:6px}.hero-copy small{font-size:10px;line-height:1.6;margin-top:7px}.hero-facts{margin-top:14px}.hero-facts>span{padding:0 10px}.reality-section{padding:42px 0}.reality-grid{display:block}.reality-section h2{font-size:23px;line-height:1.58;margin-bottom:20px}.reality-copy p{font-size:12px;line-height:1.78;margin-bottom:9px}.reality-copy a{margin-top:3px}.phone-section{padding:50px 0 58px}.phone-grid{gap:32px}.phone-grid>div:first-child>p{margin:14px 0 18px}.mini-steps li{padding:10px 0}.proposal-mini{margin-top:18px;padding:16px}.proposal-mini>strong{font-size:14px}.proposal-mini>p{margin:6px 0 10px}.phone{width:300px;border-width:6px}.phone-label{display:none}.designs{padding:58px 0}.designs .section-head{margin-bottom:24px}.designs .section-head>p{margin-top:14px}.design-grid{display:flex;overflow-x:auto;gap:14px;margin-left:-16px;margin-right:-16px;padding:0 16px 15px;scroll-snap-type:x mandatory;scroll-padding-left:16px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.design-grid::-webkit-scrollbar{height:3px}.design-grid::-webkit-scrollbar-thumb{background:#aeb7af}.design-card,.design-card:nth-child(4),.design-card:nth-child(5),.design-card:last-child{flex:0 0 calc(100% - 34px);width:auto;scroll-snap-align:start;margin:0}.template-open{aspect-ratio:1055/1120}.swipe-hint{display:block;margin:2px 0 0;text-align:center;font:500 10px Oswald;letter-spacing:.16em;color:#718078}.price-section,.flow,.about,.faq{padding:58px 0}.price-wrap{gap:28px}.price-intro>p{margin-bottom:10px}.limit{margin-top:22px;padding:12px 0}.price-card{padding:24px 18px}.price-card ul{padding:18px 0;gap:8px}.flow .section-head{margin-bottom:24px}.about-grid{gap:28px}.about-visual{min-height:240px}.about-visual:after{font-size:300px}.about-visual span{font-size:26px}.about-grid p{font-size:13px;margin:10px 0}.faq h2{margin-bottom:20px}.faq summary{padding:18px 4px;font-size:13px}.faq details p{padding-bottom:18px;font-size:12px}.contact{padding-top:0}.contact-box{padding-top:38px;padding-bottom:38px}.contact-box p{font-size:12px}.contact-actions{margin-top:22px}footer{padding-top:45px}.footer-main .footer-links{margin-top:28px}.footer-bottom{margin-top:35px}.template-modal{padding:55px 10px 12px}}

.demo-photo.p1{background-image:url('assets/demo-photos/gate.png')}.demo-photo.p2{background-image:url('assets/demo-photos/carport.png')}.demo-photo.p3{background-image:url('assets/demo-photos/fence.png')}.demo-photo.p4{background-image:url('assets/demo-photos/approach.png')}.demo-photo>span{visibility:hidden}

.flow-lead{width:430px}.flow-lead p{margin:0 0 8px;color:#66736d;font-size:13px;line-height:1.75}.flow-lead small{display:block;color:#89938e;font-size:10px}.flow-list{grid-template-columns:repeat(5,1fr)}.flow-list li{padding:26px 20px}.flow-list>li>b{font-size:32px}.flow-list h3{font-size:17px;margin:9px 0}.flow-list p{font-size:11px;margin:0}
.brand-name{font:600 22px/1 Oswald,sans-serif;letter-spacing:.025em}.brand-name>b{font-size:1.18em;color:#233f35}.brand-name small{font-family:"Noto Sans JP",sans-serif;font-weight:500;letter-spacing:.04em}.brand-mark{font:600 25px/1 Oswald,sans-serif;position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:23px;height:2px;background:var(--lime);right:-5px;bottom:7px;transform:rotate(-42deg)}.footer-brand .brand-name>b{color:var(--lime)}
@media(max-width:900px){.flow-list{grid-template-columns:repeat(5,1fr)}.flow-list li{padding:22px 12px}.flow-lead{width:390px}}
@media(max-width:600px){.flow .section-head{margin-bottom:20px}.flow-lead{width:auto;margin-top:18px}.flow-lead p{font-size:12px;line-height:1.72;margin-bottom:7px}.flow-lead small{font-size:9px}.flow-list{grid-template-columns:1fr}.flow-list li,.flow-list li:nth-child(2){padding:17px 4px;grid-template-columns:48px 1fr}.flow-list>li>b{font-size:28px}.flow-list h3{font-size:16px;margin:2px 0 4px}.flow-list p{font-size:11px;line-height:1.65}}
@media(max-width:600px){.brand{gap:9px}.brand-name{font-size:19px}.brand-name small{font-size:7px;letter-spacing:.02em}.brand-mark{font-size:22px}}

/* Legal pages */
.legal-page{background:#f6f4ed;min-height:70vh;padding:82px 0 110px}.legal-wrap{max-width:880px}.legal-back{display:inline-flex;margin-bottom:28px;font-size:12px;font-weight:700;color:#52625a}.legal-head{padding-bottom:34px;border-bottom:1px solid var(--line)}.legal-head h1{font-size:clamp(34px,5vw,56px);line-height:1.3;margin:0 0 14px}.legal-head p{margin:0;color:#66736d;font-size:13px}.legal-content{background:#fff;margin-top:34px;padding:48px 55px}.legal-content article+article{margin-top:38px;padding-top:38px;border-top:1px solid #e2e2da}.legal-content h2{font-size:21px;letter-spacing:-.02em;margin-bottom:12px}.legal-content p,.legal-content li{font-size:13px;line-height:2;color:#55625c}.legal-content ul{padding-left:1.4em}.legal-date{margin-top:42px!important;color:#7d8882!important}.legal-footer-links{display:flex;gap:24px;margin-top:24px;font-size:12px;font-weight:700}.legal-page+.site-footer{padding-top:48px}
@media(max-width:600px){.legal-page{padding:48px 0 72px}.legal-content{padding:28px 20px}.legal-content article+article{margin-top:28px;padding-top:28px}.legal-content h2{font-size:18px}.legal-content p,.legal-content li{font-size:12px}.legal-footer-links{display:grid;gap:10px}}