@charset "UTF-8";
:root{--ink:#263d35;--muted:#67736c;--paper:#faf9f6;--line:#e2e5df;--orange:#cc4c23;--soft:#f0f2eb;--white:#fff;--radius:18px;font-family:Inter,"Noto Sans JP","Yu Gothic",Meiryo,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e8663a;outline-offset:5px}img{max-width:100%;height:auto;display:block}.container{width:min(1160px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:16px;top:-80px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.brand img{width:34px;height:34px}.brand small{align-self:flex-start;font-size:9px;color:var(--muted);letter-spacing:1px;margin-top:2px}.nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.nav a{text-decoration:none}.nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--orange);border:1px solid var(--orange);color:#fff;text-decoration:none;border-radius:8px;min-height:48px;padding:12px 24px;font-size:14px;font-weight:700;transition:background .15s,transform .15s}.button:hover{background:#b13f1b;transform:translateY(-1px)}.button.secondary{color:var(--ink);background:transparent;border-color:#cbd1c7}.button.secondary:hover{background:#eef0e9}.button.small{min-height:38px;padding:8px 15px;font-size:12px}.eyebrow{text-transform:uppercase;font-family:Arial,sans-serif;letter-spacing:2.4px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:6px;height:6px;background:var(--orange);border-radius:50%}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:64px;padding:76px 0 64px;align-items:center}.hero h1{font-size:clamp(32px,3.25vw,47px);line-height:1.6;letter-spacing:-1.8px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--orange)}.intro{font-size:15px;line-height:2.1;color:var(--muted);max-width:450px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.micro{font-size:11px;color:var(--muted);margin-top:16px;letter-spacing:.5px}.studio-preview{position:relative;background:#e8ede7;border:1px solid #d4dcd2;border-radius:12px;box-shadow:0 22px 40px -25px #3d503a55;transform:rotate(-1.5deg);overflow:hidden}.preview-top{height:40px;border-bottom:1px solid #d4dcd2;display:flex;align-items:center;padding:0 14px;font:10px Arial,sans-serif;letter-spacing:.4px;color:#718074;background:#f4f6f1}.lights{display:flex;gap:5px;margin-right:auto}.lights i{width:6px;height:6px;border-radius:50%;background:#b8c3b6}.preview-top span{margin-right:auto}.preview-area{display:grid;grid-template-columns:33px 1fr 66px;gap:12px;padding:15px 9px 20px;align-items:start}.preview-tools{display:grid;gap:17px;text-align:center;font:17px Georgia,serif;color:#6a796a;padding-top:5px}.preview-tools b{color:var(--orange)}.preview-canvas{border:5px solid #fff;box-shadow:0 4px 10px #354b3c14;margin-top:16px}.preview-layers{font-size:8px;color:#6a796a;display:grid;gap:10px;padding-top:5px}.preview-layers div{background:#f7f9f4;border:1px solid #d7ded2;padding:7px 5px;border-radius:3px}.preview-layers .active{border-color:#d58b61}.preview-bottom{font-size:9px;color:#6f7e70;padding:8px 15px;background:#f4f6f1;display:flex;justify-content:space-between}.preview-caption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px;text-align:center}.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;color:#596b5c;font-size:12px}.trust-strip span{display:flex;align-items:center;gap:10px}.check{color:var(--orange);font-size:16px}.section{padding:76px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.section h2{font-size:28px;letter-spacing:-1px;line-height:1.6;margin:12px 0 0}.section-note{font-size:13px;color:var(--muted);line-height:1.9}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f5eee4;font:24px Georgia,serif;color:#9b704a;margin-bottom:26px}.feature:nth-child(2n) .feature-icon{background:#eaf0e7;color:#56724e}.feature h3{font-size:16px;margin:0 0 12px}.feature p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.feature .tag{display:inline-block;font:10px Arial,sans-serif;color:#6e7e6b;margin-top:22px;letter-spacing:1px}.workflow{background:#edf0e8;border-radius:24px;padding:42px;display:grid;grid-template-columns:1fr 1.7fr;gap:50px}.workflow h2{margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step-number{font:12px Arial,sans-serif;color:#77866e;display:block;margin-bottom:25px}.steps h3{font-size:14px}.steps p{font-size:12px;line-height:1.9;color:#64745f}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide{border-top:1px solid #cdd5c8;padding-top:24px;text-decoration:none}.guide:hover h3{color:var(--orange)}.guide small{font:10px Arial,sans-serif;color:#7b8877;letter-spacing:2px}.guide h3{font-size:17px;line-height:1.7;margin:20px 0 10px}.guide p{color:var(--muted);font-size:13px;line-height:1.9}.guide span{font-size:12px;color:var(--orange)}.faq{max-width:780px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-size:15px;font-weight:600;cursor:pointer;line-height:1.7}.faq p{font-size:14px;color:var(--muted);line-height:2}.cta{margin-top:36px;text-align:center;padding:45px;background:#f1e9df;border-radius:20px}.cta h2{font-size:25px}.cta p{font-size:13px;color:var(--muted);margin:15px 0 24px}.footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer div{display:flex;gap:24px}.footer a{text-decoration:none}.footer-credit{font-size:10px;color:#7a8579;padding-bottom:25px}.article{max-width:760px;margin:60px auto 90px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:30px}.article h1{font-size:34px;line-height:1.6;letter-spacing:-1px}.article .lead{font-size:16px;line-height:2;color:var(--muted);padding-bottom:25px;border-bottom:1px solid var(--line)}.article h2{font-size:21px;margin-top:40px;line-height:1.6}.article p,.article li{font-size:15px;line-height:2}.article li{margin-bottom:10px}.article ol,.article ul{padding-left:24px}.article .note{border-left:3px solid #c7874d;background:#f3eee5;padding:16px 22px;font-size:14px}.article .button{margin-top:24px}.related{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:35px}.preview-area{gap:7px;grid-template-columns:25px 1fr 50px}.workflow{gap:30px;padding:30px}.nav{gap:20px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header{height:72px;gap:12px}.brand{font-size:20px}.brand img{width:30px;height:30px}.nav{gap:14px}.nav .desktop{display:none}.hero{grid-template-columns:1fr;padding:42px 0;gap:32px}.hero h1{font-size:34px;letter-spacing:-1px;margin:20px 0}.intro{font-size:14px}.hero-actions{margin-top:23px}.hero-art{max-width:540px;width:100%;margin:auto}.studio-preview{transform:none}.trust-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:18px}.features{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:22px}.section{padding:48px 0}.section-head{display:block}.section h2{font-size:24px}.workflow{grid-template-columns:1fr;padding:26px;gap:26px}.steps{gap:18px}.guides{grid-template-columns:1fr;gap:25px}.guide h3{margin-top:14px}.section-head .section-note{margin-bottom:0}.footer{align-items:flex-start;flex-direction:column;gap:20px}.footer div{gap:18px}.article{margin:35px auto 60px}.article h1{font-size:28px}.cta{padding:26px}.faq summary{font-size:14px}}
@media(max-width:420px){.features{grid-template-columns:1fr}.feature-icon{margin-bottom:15px}.feature .tag{margin-top:14px}.steps{grid-template-columns:1fr}.step-number{margin-bottom:8px}.steps h3{margin:8px 0}.steps p{margin:5px 0}.hero h1{font-size:31px}.hero-actions{gap:10px}.button{padding:12px 19px}.brand small{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}