*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#202722;background:#f6f5ef;font-family:"Noto Sans JP",sans-serif;font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:#f6f5ef;position:relative;z-index:5;border-bottom:1px solid #e7e6dd}.logo{font:700 27px "DM Sans",sans-serif;letter-spacing:-1.8px;color:#203b32}.logo span{font-weight:400}.logo i{color:#b18b50;font-style:normal}.nav{display:flex;gap:38px;font-size:12px;color:#60675f}.nav a:hover,.text-link:hover{color:#a27c43}.header-cta{font-size:12px;border-bottom:1px solid #203b32;padding:8px 0}.header-cta span{margin-left:16px}.menu-toggle{display:none;background:none;border:0;font-size:22px}.hero{min-height:650px;padding:74px 7.2% 25px;background:#f6f5ef;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero-copy{padding:0 0 38px;position:relative;z-index:2}.eyebrow,.section-kicker{font:600 10px "DM Sans",sans-serif;letter-spacing:2px;color:#7a806f}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:23px;height:1px;background:#b18b50}.hero h1{font-size:clamp(44px,5.5vw,74px);line-height:1.35;letter-spacing:-.055em;font-weight:500;margin:30px 0 24px}.hero h1 em{font-style:normal;color:#315747}.hero-lead{font-size:14px;color:#646b63;line-height:2.2}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 21px;font-size:12px;letter-spacing:.02em;transition:.2s}.button-dark{background:#203b32;color:#fff}.button-dark:hover{background:#315747;transform:translateY(-2px)}.button span{font-size:17px}.text-link{font-size:12px;border-bottom:1px solid #b7b7aa;padding:8px 0}.text-link span{margin-left:15px}.hero-note{margin-top:64px;font:10px "DM Sans",sans-serif;letter-spacing:1.4px;color:#85897f;display:flex;align-items:center;gap:12px}.note-line{height:1px;width:35px;background:#b18b50}.hero-visual{height:475px;position:relative;display:flex;align-items:center;justify-content:center}.visual-backdrop{position:absolute;width:78%;height:88%;right:0;top:3%;background:#e7e9df}.browser-card{position:relative;width:83%;max-width:470px;background:#fff;box-shadow:0 22px 60px #25382a1c;transform:rotate(2deg);z-index:1}.browser-top{height:32px;background:#f4f4f0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:9px "DM Sans",sans-serif;color:#92978d}.dots{display:flex;gap:4px}.dots b{width:5px;height:5px;border-radius:50%;background:#c4c6bd}.browser-content{padding:19px 20px 23px}.mock-nav{display:flex;justify-content:space-between;align-items:center;font:8px "DM Sans",sans-serif;letter-spacing:.7px;color:#4d584f;margin-bottom:13px}.mock-nav strong{font-size:11px;letter-spacing:1.5px}.mock-photo{height:220px;background:linear-gradient(125deg,#c6c9b6,#879b83 52%,#435e4e);position:relative;overflow:hidden;display:flex;align-items:center}.mock-photo:before{content:"";position:absolute;width:170px;height:260px;border-radius:100% 0 0 0;background:#d9d4c4;right:15px;bottom:-90px;transform:rotate(-15deg)}.mock-photo:after{content:"";position:absolute;width:100px;height:190px;background:#637e69;right:100px;bottom:-50px;transform:rotate(20deg)}.mock-photo-label{font:500 25px/1.2 "DM Sans",sans-serif;letter-spacing:1px;color:#fff;z-index:1;margin-left:24px}.mock-photo-shape{position:absolute;width:70px;height:160px;background:#e8e2d3;right:80px;bottom:-40px;transform:rotate(25deg);opacity:.65}.mock-caption{display:flex;justify-content:space-between;font:8px "DM Sans",sans-serif;letter-spacing:1px;color:#858b80;padding:13px 0}.mock-blocks{display:flex;gap:8px}.mock-blocks i{height:38px;background:#e9ebe4;flex:1}.floating-tag{position:absolute;bottom:55px;left:0;background:#fff;padding:12px 17px;box-shadow:0 10px 30px #1d34221c;font-size:11px;z-index:2}.floating-tag span{font:600 11px "DM Sans";color:#a27c43;margin-right:10px}.visual-index{position:absolute;right:0;bottom:15px;font:10px "DM Sans";letter-spacing:1.5px;color:#81877d}.hero-bottom{position:absolute;bottom:0;left:7.2%;right:7.2%;height:48px;border-top:1px solid #dedfd5;display:flex;justify-content:space-between;align-items:center;font:9px "DM Sans";letter-spacing:1.4px;color:#8b9085}.section-pad{padding:110px 10%}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:40px}.intro h2,.section-heading h2,.how h2,.parts h2,.pricing h2,.faq h2,.contact h2{font-size:clamp(30px,3.5vw,46px);font-weight:500;line-height:1.5;letter-spacing:-.04em;margin:0}.intro-text{color:#626a61;font-size:13px;line-height:2.2}.intro-text p{margin:0 0 16px}.intro-text .strong-line{color:#263b30;font-weight:600;margin-top:24px}.benefits{background:#e9ece4}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2{font-size:36px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{background:#f7f7f2;min-height:250px;padding:26px 27px;position:relative}.benefit-no{font:11px "DM Sans";color:#a27c43;letter-spacing:1px}.benefit-icon{font:34px "DM Sans";color:#456653;margin:25px 0 13px}.benefit h3{font-size:16px;font-weight:600;margin:0 0 10px}.benefit p{font-size:12px;line-height:2;color:#72796f;margin:0}.how{background:#203b32;color:#f6f5ef}.how .section-kicker{color:#c1b28f}.how-heading{display:flex;justify-content:space-between;align-items:end;margin:32px 0 55px}.how-heading p{color:#c3c9bd;font-size:12px;line-height:2.1}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{border-top:1px solid #62776b;padding-top:13px}.step-top{display:flex;justify-content:space-between;font:10px "DM Sans";letter-spacing:1px;color:#c4b48d}.step-top span:last-child{font-size:16px}.step-art{height:170px;margin:22px 0;display:flex;align-items:center;justify-content:center;background:#2c493e;overflow:hidden}.paper{background:#f4f2e9;color:#293c31;width:112px;height:137px;padding:12px;box-shadow:0 8px 18px #13251d66;transform:rotate(-4deg)}.paper b{font:700 14px "DM Sans"}.paper i,.input-card i{display:block;height:5px;background:#d8dbd0;margin-top:11px;width:85%}.paper i:nth-of-type(2){width:65%}.paper small{display:block;font:7px "DM Sans";letter-spacing:1px;margin-top:18px;color:#8d967f}.input-card{width:145px;height:126px;background:#f5f4ed;color:#2b3c31;padding:12px;box-shadow:0 8px 18px #13251d66}.input-card small,.update-card small{font:7px "DM Sans";letter-spacing:1px;color:#9a8053}.input-card b{display:block;font-size:11px;margin-top:6px}.input-card i{height:4px;margin-top:7px}.photo-mini{height:27px;background:#9eaa93;margin-top:8px;font:7px "DM Sans";color:white;text-align:center;padding:7px}.site-mini{background:#f5f4ed;width:116px;height:135px;padding:10px;color:#314639;box-shadow:0 8px 18px #13251d66}.site-mini div{height:12px;background:#dce0d5}.site-mini b{display:block;font:700 16px/1 "DM Sans";margin:15px 0}.site-mini i{display:block;height:4px;background:#d4d9cf;margin:7px 0;width:85%}.update-card{background:#f5f4ed;color:#2a3b31;padding:15px;width:160px;box-shadow:0 8px 18px #13251d66}.update-card b{display:block;font-size:12px;margin:11px 0 4px}.update-card span{display:block;font-size:9px;color:#7c8378}.update-card strong{display:block;text-align:right;background:#315747;color:white;font-size:9px;padding:6px;margin-top:12px}.step h3{font-size:15px;margin:0 0 8px}.step p{font-size:11px;color:#c2c9bf;line-height:2;margin:0}.how-footnote{font-size:10px;color:#aeb9ad;margin-top:35px}.parts{background:#f6f5ef;display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.parts h2{margin:28px 0 20px}.parts-copy p{font-size:12px;color:#70776e;line-height:2.2;max-width:360px;margin-bottom:27px}.parts-list{border-top:1px solid #d8d9cf}.part-row{display:grid;grid-template-columns:42px 1fr 1fr 20px;align-items:center;gap:12px;padding:18px 10px;border-bottom:1px solid #d8d9cf}.part-row>span{font:12px "DM Sans";color:#a27c43}.part-row b{font-size:12px;font-weight:600}.part-row small{font-size:10px;color:#858b81}.part-row i{font-style:normal;color:#9a9f94}.part-row.active{background:#e8ece4}.part-row.active i{color:#a27c43}.parts-caption{font:9px "DM Sans";letter-spacing:.8px;color:#9a9e94;margin-top:15px}.pricing{background:#e9ece4}.pricing-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center;margin-top:35px}.pricing h2{font-size:43px}.pricing-layout>div:first-child p{font-size:12px;color:#72796f;line-height:2.2;margin-top:20px}.price-card{background:#fff;padding:35px 42px;box-shadow:0 15px 45px #24382b0d}.price-label{font:10px "DM Sans";letter-spacing:2px;color:#8d927f}.price{font:500 56px "DM Sans";letter-spacing:-3px;color:#203b32;margin-top:8px}.price>span{font-size:24px;vertical-align:top;letter-spacing:0;margin-right:4px}.price small{font:12px "Noto Sans JP";letter-spacing:0;color:#697267}.price-sub{display:inline-block;background:#e8ece4;color:#315747;padding:5px 12px;font-size:11px;margin-top:3px}.price-rule{height:1px;background:#e5e6dd;margin:25px 0}.price-card ul{list-style:none;padding:0;margin:0 0 27px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.price-card li{font-size:11px;color:#59645a}.price-card li:before{content:"✓";color:#9b7a47;margin-right:9px}.option{border-top:1px solid #e5e6dd;padding-top:18px;display:flex;justify-content:space-between;align-items:center}.option span{font-size:11px;color:#626b60}.option b{font:600 20px "DM Sans";color:#203b32}.option b small{font:10px "Noto Sans JP";font-weight:400}.price-note{font-size:9px;color:#999e93;line-height:1.9;margin:15px 0 0}.forwho{background:#fff}.forwho-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 40px}.forwho-heading h2{font-size:34px;font-weight:500;letter-spacing:-.04em;margin:0}.forwho-heading p{font-size:11px;color:#7a8177}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-image{height:180px;margin-bottom:18px;position:relative;overflow:hidden}.salon{background:linear-gradient(130deg,#d9d2c5,#a4a995 55%,#596e5b)}.salon:before{content:"";position:absolute;width:110px;height:160px;border-radius:55% 55% 0 0;background:#e8e2d5;left:30%;bottom:-48px}.salon:after{content:"";position:absolute;width:65px;height:110px;background:#687c69;right:20%;bottom:-15px;transform:rotate(14deg)}.cafe{background:linear-gradient(140deg,#d6c7ad,#a28d72)}.cafe:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#f0e7d7;left:28%;top:35px;box-shadow:0 10px 22px #4a3b2a22}.cafe:after{content:"";position:absolute;width:130px;height:16px;background:#695a48;left:23%;bottom:34px;transform:rotate(-8deg)}.creator{background:linear-gradient(130deg,#d4d8cb,#839486)}.creator:before{content:"";position:absolute;width:100px;height:150px;background:#e7e1d3;border-radius:50% 50% 0 0;left:35%;bottom:-65px}.creator:after{content:"";position:absolute;width:90px;height:70px;background:#5b7160;right:12%;top:25px;transform:rotate(25deg)}.audience-card>span{font:9px "DM Sans";letter-spacing:1.3px;color:#9b8055}.audience-card h3{font-size:15px;margin:8px 0}.audience-card p{font-size:11px;color:#7a8177;margin:0}.faq{background:#f6f5ef}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;margin-top:35px}.faq h2{font-size:35px}.faq-list details{border-bottom:1px solid #dcded4;padding:18px 0}.faq-list details:first-child{border-top:1px solid #dcded4}.faq-list summary{cursor:pointer;list-style:none;font-size:12px;font-weight:600;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:18px "DM Sans";color:#9a8053}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:11px;color:#71786e;line-height:2;margin:13px 25px 0 0}.contact{background:#203b32;color:#f6f5ef;text-align:center;padding-top:90px;padding-bottom:95px}.contact .section-kicker{color:#c1b28f}.contact h2{font-size:48px;margin:25px 0 14px}.contact p{font-size:12px;color:#c2c9bf;line-height:2.2}.button-light{background:#f6f5ef;color:#203b32;margin-top:23px}.button-light:hover{background:#e6e8df;transform:translateY(-2px)}.contact-inner>small{display:block;color:#9eafa1;font-size:9px;margin-top:14px}.footer{height:90px;background:#172e26;color:#aeb9ad;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between}.logo-light{color:#f6f5ef;font-size:23px}.footer>span{font:9px "DM Sans";letter-spacing:1px}
@media(max-width:800px){.site-header{height:68px;padding:0 6%}.nav,.header-cta{display:none}.menu-toggle{display:block;color:#203b32}.nav.open{display:flex;position:absolute;top:68px;left:0;right:0;background:#f6f5ef;padding:22px 6%;flex-direction:column;gap:18px;border-bottom:1px solid #ddd}.hero{padding:60px 6% 70px;grid-template-columns:1fr;gap:25px}.hero-copy{padding:0}.hero h1{font-size:52px}.hero-visual{height:360px}.browser-card{width:82%}.mock-photo{height:170px}.hero-note{margin-top:35px}.hero-bottom{left:6%;right:6%}.section-pad{padding:75px 7%}.intro-grid,.pricing-layout,.faq-layout,.parts{grid-template-columns:1fr;gap:35px}.intro-grid{margin-top:25px}.section-heading,.how-heading,.forwho-heading{display:block}.section-heading h2{margin-top:20px}.benefit-grid{grid-template-columns:1fr}.benefit{min-height:0}.how-heading{margin:25px 0 35px}.how-heading p{margin-top:18px}.steps{grid-template-columns:1fr 1fr;row-gap:32px}.step-art{height:145px}.parts{gap:30px}.pricing-layout{margin-top:25px}.pricing h2{font-size:38px}.forwho-heading h2{font-size:30px}.forwho-heading p{margin-top:12px}.audience-grid{grid-template-columns:1fr}.audience-image{height:210px}.faq-layout{margin-top:25px}.contact h2{font-size:39px}.footer{padding:0 6%;height:auto;min-height:90px;gap:15px;flex-wrap:wrap}.footer>span:nth-child(2){display:none}}
@media(max-width:430px){.hero h1{font-size:44px}.hero-lead{font-size:12px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-visual{height:310px}.mock-photo{height:145px}.mock-photo-label{font-size:20px}.steps{grid-template-columns:1fr}.step-art{height:160px}.price-card{padding:28px 22px}.price{font-size:49px}.price-card ul{grid-template-columns:1fr}.part-row{grid-template-columns:32px 1fr 20px}.part-row small{display:none}.part-row i{grid-column:3}.contact h2{font-size:34px}}