:root{--ink:#162e2e;--green:#2b8c8f;--deep:#123e3d;--lime:#dcf986;--muted:#657675;--line:#dce5e2;--mist:#eef4f1;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:16px;line-height:1.8;letter-spacing:.015em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #389e95;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);padding:14px;z-index:100}.skip:focus{top:10px}.wrap{max-width:1280px;margin:auto;padding:100px 50px}.header{height:88px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:24px}.brand img{width:140px;height:auto}.header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.header nav a:hover,.secondary:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 25px;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:700;transition:transform .2s,background .2s;min-height:52px}.btn:hover{transform:translateY(-3px)}.btn span{font-size:23px;font-weight:400;line-height:1}.btn-dark{background:var(--green);color:white}.btn-dark:hover{background:#1f6567}.btn-lime{background:var(--lime);color:var(--ink)}.btn-lime:hover{background:#e7ffa8}.btn-outline{border-color:#b7c9c5;background:#fff}.btn-outline:hover{background:var(--mist)}.header-cta{font-size:13px;padding:12px 18px;min-height:44px;gap:20px}.hero{overflow:hidden;background:#f4f7f3;background-image:radial-gradient(#c4d2ca 0.7px,transparent 0.7px);background-size:16px 16px}.hero-top{text-align:center;max-width:1080px;margin:auto;padding:52px 20px 24px}.kicker{display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;color:#4b6561;margin:0 0 26px;letter-spacing:.03em}.pill{border:1px solid #bfcfc5;border-radius:50px;background:#f4f7f3;padding:4px 11px;font-size:10px;letter-spacing:.08em}h1{font-size:clamp(52px,6vw,86px);line-height:1.28;letter-spacing:-.065em;font-weight:800;margin:0}h1>br{display:none}.hero-last{display:block;color:var(--green)}.inline-icon{font-size:.68em;display:inline-flex;align-items:center;justify-content:center;width:.91em;color:var(--green);vertical-align:.07em;animation:gentle-turn 18s linear infinite}@keyframes gentle-turn{to{transform:none}}.hero-description{font-size:16px;line-height:1.95;color:#4b625e;margin:23px 0 24px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:25px}.secondary{font-size:14px;font-weight:700}.secondary span{margin-left:12px}.micro{font-size:12px;line-height:1.9;color:var(--muted)}.hero-micro{margin-top:12px}.showcase{display:grid;grid-template-columns:1.06fr .67fr 1.1fr .68fr;gap:18px;width:calc(100% + 72px);max-width:1550px;position:relative;left:50%;transform:translateX(-50%);align-items:center;padding:30px 0 40px}.showcase-card{height:265px;border-radius:14px;overflow:hidden;position:relative;background:white;box-shadow:0 12px 24px #233e3210}.sc-photo{transform:none}.sc-photo>img,.sc-work>img{width:100%;height:100%;object-fit:cover;object-position:62%}.image-tag{position:absolute;top:18px;left:20px;background:#ffffffec;border-radius:4px;padding:4px 9px;font-size:9px;letter-spacing:.1em;color:#1f4d47}.sample-mark{position:absolute;bottom:12px;right:14px;font-size:10px;letter-spacing:.06em;color:white;text-shadow:0 1px 4px #153438;pointer-events:none}.sc-icon{height:235px;background:#dce9e4;transform:none;padding:20px}.mini-label{font-size:9px;letter-spacing:.1em;position:relative;z-index:1}.sc-icon>img{width:100%;height:153px;object-fit:contain;mix-blend-mode:multiply}.icon-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px}.icon-bottom b{font-size:21px;font-weight:400}.sc-slide{height:275px;background:#064e4b;padding:17px;transform:none}.mock-slide{background:white;padding:17px 24px 8px;border-radius:3px}.mock-slide>p{font-size:8px;letter-spacing:.07em;display:flex;justify-content:space-between;margin:0}.mock-slide h2{font-size:24px;line-height:1.5;letter-spacing:-.025em;margin:12px 0 0;color:var(--green)}.mock-bottom{display:flex;align-items:center;justify-content:space-between}.mock-bottom>span{font-size:8px;color:#5e756c}.mock-bottom small{font-size:7px}.mock-bottom img{width:118px;height:74px;object-fit:contain}.slide-caption{display:flex;justify-content:space-between;color:#ddf3e9;font-size:11px;margin-top:12px}.sc-work{transform:none;height:247px}.sc-work>img{object-position:35%}.hero-footer{display:flex;justify-content:center;align-items:center;gap:40px;padding:5px 25px 30px;font-size:13px;color:#627269}.hero-footer span{color:#90a597}.hero-footer p{margin:0}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--green);margin:0 0 22px}h2{font-size:44px;line-height:1.5;letter-spacing:-.045em;margin:0;font-weight:750}h3{font-size:26px;line-height:1.55;letter-spacing:-.025em;margin:0}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;padding-bottom:55px}.intro-copy{font-size:16px;color:#65726e}.intro-copy p{margin:0 0 20px;line-height:1.9}.intro-copy .intro-conclusion{color:var(--ink);font-weight:600}.benefits{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.benefits article{border-top:1px solid #abbfb5;padding-top:22px}.benefit-top{display:flex;align-items:center;justify-content:space-between;color:var(--green);margin-bottom:32px}.benefit-top>span:first-child{font-size:28px;font-weight:300}.benefit-top>span:last-child{font-size:10px;letter-spacing:.05em}.benefits h3{margin-bottom:20px}.benefits p{font-size:14px;line-height:2;color:var(--muted)}.benefit-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:23px}.benefit-chips>span{font-size:11px;background:#f0f5f2;border-radius:4px;padding:5px 9px;color:#49665b}.studio-section{background:var(--deep);color:#fff}.studio-wrap{padding-top:80px;padding-bottom:35px}.studio-heading,.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.lime{color:var(--lime)}.studio-heading>p{font-size:14px;color:#c0d1cb;line-height:1.9}.studio{display:grid;grid-template-columns:310px 1fr;background:#f1f5f2;color:var(--ink);border-radius:12px;overflow:hidden}.studio-controls{background:#fff;padding:25px}.studio-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.studio-brand>span:first-child{font-size:11px;font-weight:750;letter-spacing:.055em}.demo-badge{font-size:10px;padding:3px 7px;background:#edf4ef;border-radius:3px;color:#59766b}.control-label{font-size:11px;color:#647c71;letter-spacing:.03em;margin:22px 0 10px}.prompt-text{border:1px solid #d7e3dc;background:#f8faf9;padding:14px;font-size:14px;line-height:1.8;border-radius:6px}.style-choices{display:flex;flex-direction:column;gap:9px}.style-choice{padding:9px 10px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce5df;border-radius:7px;text-align:left}.style-choice.active{border:1.5px solid var(--green);background:#f1f8f3}.style-choice>img{width:42px;height:42px;object-fit:contain;mix-blend-mode:multiply}.style-choice>span{font-size:13px;font-weight:650;flex:1}.style-choice small{font-size:10px;color:#6a7f75;display:block;font-weight:400}.style-choice i{border:1px solid #bacbc1;width:14px;height:14px;border-radius:50%;flex-shrink:0}.style-choice.active i{border:4px solid var(--green);background:#fff}.studio-controls>.micro{font-size:10px;margin:22px 0 0;line-height:1.8}.studio-canvas{padding:26px 30px;display:flex;flex-direction:column;justify-content:center}.canvas-bar{display:flex;justify-content:space-between;font-size:10px;color:#5e756b;margin-bottom:22px}.canvas-bar>span:last-child{letter-spacing:.12em}.live-slide{background:#fff;padding:24px 28px 18px;box-shadow:0 12px 25px #163d3010;aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:space-between}.live-slide-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#4d7363}.live-slide-main{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10px}.tiny-rule{height:3px;width:25px;background:var(--green);margin:20px 0 15px}.live-slide h3{font-size:30px;letter-spacing:-.04em;color:var(--green)}.live-slide p{font-size:10px;color:#6c7f77;line-height:1.9;margin:16px 0 25px}.live-slide-main>img{width:100%;height:200px;object-fit:contain}.live-slide-footer{border-top:1px solid #e0e9e3;display:flex;justify-content:space-between;padding-top:12px;font-size:7px;letter-spacing:.1em}.live-slide-footer>span:first-child{font-weight:800;font-size:9px}.canvas-caption{display:flex;align-items:center;gap:9px;margin-top:21px;font-size:12px}.caption-check{background:#dcebcf;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#365c41}.canvas-caption p{margin:0}.studio-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;font-size:12px}.studio-bottom>span{font-size:10px;letter-spacing:.07em;color:#a5c5b4}.studio-bottom>p{margin:0;color:#d6e6de}.studio-bottom a{color:var(--lime)}.studio-bottom a span{margin-left:8px}.section-heading>p{font-size:14px;line-height:1.95;color:var(--muted)}.workflow-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.flow-visual{height:380px;position:relative;isolation:isolate}.flow-visual>img{height:100%;width:100%;object-fit:cover;object-position:58%;border-radius:12px}.flow-visual>.sample-mark{bottom:63px}.prompt-bubble{position:absolute;left:-18px;top:20px;background:white;box-shadow:0 10px 25px #123e3d15;border:1px solid #e3ece5;border-radius:10px;padding:13px 20px;display:flex;gap:14px;align-items:center;transform:none}.prompt-bubble>span{font-size:27px;color:var(--green)}.prompt-bubble>p{font-size:12px;margin:0;line-height:1.8}.flow-label{position:absolute;bottom:0;left:0;right:0;background:var(--lime);padding:13px 22px;font-size:13px;border-radius:0 0 12px 12px}.steps article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.steps article>span{font-size:12px;font-weight:700;color:var(--green);padding-top:5px}.steps h3{font-size:19px;margin:0 0 10px}.steps p{color:var(--muted);font-size:14px;margin:0;line-height:1.9}.collection-section{background:#f4f6f3}.filters{display:flex;gap:8px;align-items:center;margin-bottom:26px}.filters>button{min-height:44px;background:transparent;border:1px solid #cfdbd2;padding:8px 23px;font-size:13px;border-radius:30px;transition:background .2s}.filters>button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.filters>span{margin-left:auto;font-size:12px;color:var(--muted)}.gallery{display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:22px}.asset{border:0;padding:0;text-align:left;background:#fff;border-radius:10px;overflow:hidden;transition:transform .25s,box-shadow .25s}.asset:hover{transform:translateY(-5px);box-shadow:0 16px 30px #123e3d12}.asset-large{grid-row:span 2}.asset-image{height:194px;background:white;position:relative;overflow:hidden}.asset-image>img{width:100%;height:100%;object-fit:contain}.asset[data-type=photo] .asset-image>img{object-fit:cover;object-position:60%}.asset-large .asset-image{height:calc(100% - 71px)}.asset-large img{object-position:62%!important}.asset-info{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;line-height:1.5;gap:10px}.asset-info small{display:block;font-size:9px;font-weight:400;color:var(--muted);letter-spacing:.09em;margin-top:5px}.asset-info b{font-size:20px;font-weight:400}.collection-note{margin:18px 0 0}.plans{display:grid;grid-template-columns:1fr 1fr;gap:26px}.plan{border:1px solid #d3dfd5;border-radius:12px;padding:31px;background:#fff}.plan-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#527063;gap:20px;margin-bottom:22px}.plan-top>span:first-child{font-weight:750;letter-spacing:.1em}.plan h3{font-size:21px;margin-bottom:10px}.price{font-size:58px;font-weight:600;line-height:1.5;letter-spacing:-.045em}.price>span{font-size:14px;color:var(--muted);font-weight:400;letter-spacing:0}.plan>p{font-size:14px;margin:8px 0 18px}.plan>p strong{font-weight:650}.plan ul{list-style:none;padding:20px 0 4px;margin:0 0 20px;border-top:1px solid #dbe7da;font-size:13px}.plan li{margin:9px 0}.plan li:before{content:'✓';margin-right:9px;color:var(--green)}.plan .btn{width:100%;font-size:13px}.personal{background:#f0f8e7;border:1px solid #b1cf94}.points{display:flex;align-items:center;gap:26px;padding:24px 0 8px;font-size:12px}.points strong{margin-right:auto;font-size:13px;font-weight:600}.points b{font-size:15px;font-weight:600;margin-left:7px;color:var(--green)}.pricing-note{margin-bottom:0;font-size:11px}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;padding-top:0}.faq h2{font-size:34px}.questions details{border-bottom:1px solid #d8e2db;padding:19px 0}.questions details:first-child{padding-top:0}.questions summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:650;min-height:40px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';font-size:25px;font-weight:400;color:var(--green)}.questions details[open] summary:after{content:'−'}.questions p{font-size:13px;line-height:1.9;color:var(--muted);margin:10px 24px 4px 0}.closing{background:var(--green);color:white;text-align:center;position:relative;overflow:hidden}.closing>.wrap{position:relative;padding-top:78px;padding-bottom:70px}.closing-star{display:block;font-size:58px;line-height:1;color:var(--lime);margin-bottom:25px}.closing .eyebrow{color:#b7d2ba;font-size:10px}.closing h2{font-size:52px;line-height:1.5}.closing p:not(.eyebrow):not(.micro){font-size:16px;color:#d0e0d8;margin:22px 0 29px}.closing .micro{color:#b2cfc1;margin:16px 0 0}.footer{padding-top:45px;padding-bottom:22px}.footer-top{display:flex;align-items:center;gap:50px;padding-bottom:35px}.footer-top img{width:154px;height:auto}.footer-top p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.back-top{margin-left:auto;font-size:12px}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;align-items:center;color:#819087}.footer-bottom>span{font-size:9px;letter-spacing:.06em}.footer-bottom small{font-size:11px}dialog{border:0;border-radius:12px;padding:28px;max-width:850px;width:90%;color:var(--ink)}dialog::backdrop{background:#102e2ed9;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:14px;top:12px;width:44px;height:44px;border:1px solid #dbe5df;border-radius:50%;background:#fff;font-size:28px;z-index:2}.modal-image{position:relative}.modal-image>img{max-height:65vh;object-fit:contain;width:100%}dialog h2{font-size:22px;margin-top:15px}dialog p{font-size:13px;color:var(--muted);margin-bottom:0}.mobile-only{display:none}[hidden]{display:none!important}@media(min-width:1600px){.showcase{width:1400px}}@media(max-width:1100px){.header{padding:0 30px}.header nav{gap:20px;font-size:12px}.wrap{padding:75px 35px}.hero-top{padding-top:46px}h1{font-size:70px}.showcase{grid-template-columns:1.1fr .7fr 1.05fr .55fr;gap:14px}.showcase-card{height:240px}.sc-slide{height:255px;padding:15px}.mock-slide{padding:15px}.mock-slide h2{font-size:21px}.sc-icon{height:215px;padding:15px}.sc-icon>img{height:140px}.sc-work{height:225px}.intro{gap:45px;padding-bottom:40px}h2{font-size:38px}.benefits{gap:23px;padding-top:0}.benefits h3{font-size:23px}.benefits p{font-size:13px}.benefits p br{display:none}.benefit-top>span:last-child{font-size:9px}.studio{grid-template-columns:280px 1fr}.studio-controls{padding:22px}.studio-canvas{padding:23px}.live-slide{padding:20px}.live-slide h3{font-size:25px}.live-slide-main>img{height:170px}.studio-bottom{gap:15px}.studio-bottom>span{display:none}.workflow-grid{gap:45px}.prompt-bubble{left:-10px;padding:10px 15px}.gallery{gap:16px}.asset-image{height:165px}.asset-info{padding:14px;font-size:12px}.points{gap:17px}.faq{padding-top:0;gap:30px}.faq h2{font-size:30px}.closing h2{font-size:45px}}@media(max-width:760px){html{scroll-padding-top:28px}.header{height:73px;padding:0 21px;gap:15px}.brand img{width:116px}.header nav{display:none}.header-cta{font-size:11px;padding:10px 12px;gap:10px;min-height:40px}.header-cta>span{font-size:19px}.hero-top{padding:40px 18px 8px}.kicker{flex-direction:column;gap:10px;margin-bottom:22px;font-size:10px}.pill{font-size:9px;padding:3px 10px}h1{font-size:clamp(32px,8.8vw,58px);letter-spacing:-.065em;line-height:1.4}.hero-last{white-space:nowrap}.hero-description{font-size:13px;line-height:1.9;margin:19px 0 22px}.mobile-only{display:block}.hero-actions{flex-direction:column;gap:16px}.hero-actions .btn{font-size:13px;padding:14px 20px;min-height:49px;gap:40px}.secondary{font-size:12px}.hero-micro{font-size:10px;margin-top:12px}.showcase{grid-template-columns:210px 150px 230px 155px;gap:14px;width:787px;padding:32px 0 33px;left:50%;transform:translateX(-50%)}.showcase-card{height:189px;border-radius:9px}.sc-photo{height:195px}.image-tag{font-size:7px;left:10px;top:10px;padding:3px 6px}.sample-mark{font-size:8px;right:9px;bottom:8px}.sc-icon{height:180px;padding:13px}.sc-icon>img{height:120px}.mini-label{font-size:7px}.icon-bottom{font-size:9px}.sc-slide{height:208px;padding:12px}.mock-slide{padding:12px 13px 5px}.mock-slide>p{font-size:6px}.mock-slide h2{font-size:20px}.mock-bottom img{width:77px;height:58px}.mock-bottom>span,.mock-bottom small{font-size:6px}.slide-caption{font-size:9px;margin-top:10px}.sc-work{height:180px}.hero-footer{gap:9px;flex-wrap:wrap;font-size:10px;padding:0 16px 25px}.hero-footer span{font-size:9px}.wrap{padding:60px 24px}h2{font-size:31px;line-height:1.55}.eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:17px}.intro{grid-template-columns:1fr;gap:28px;padding-bottom:36px}.intro-copy{font-size:14px}.intro-copy p{margin-bottom:15px}.benefits{grid-template-columns:1fr;padding-top:0;gap:28px}.benefits article{padding-top:13px}.benefit-top{margin-bottom:17px}.benefit-top>span:first-child{font-size:23px}.benefit-top>span:last-child{font-size:10px}.benefits h3{font-size:24px}.benefits h3 br{display:none}.benefits p{font-size:14px;margin:14px 0;line-height:1.9}.benefit-chips{margin-top:16px}.benefit-chips>span{font-size:11px}.studio-heading,.section-heading{display:block;margin-bottom:30px}.studio-heading>p,.section-heading>p{font-size:13px;margin:20px 0 0}.studio-wrap{padding:54px 20px 24px}.studio{grid-template-columns:1fr;border-radius:9px}.studio-controls{padding:20px}.studio-brand{margin-bottom:17px}.studio-brand>span:first-child{font-size:10px}.control-label{font-size:10px;margin:15px 0 9px}.prompt-text{font-size:13px;padding:11px 13px}.prompt-text br{display:none}.style-choices{flex-direction:row;gap:7px}.style-choice{flex:1;padding:8px 4px;flex-direction:column;gap:5px;text-align:center}.style-choice>img{width:50px;height:40px}.style-choice>span{font-size:12px}.style-choice small{display:none}.style-choice i{display:none}.studio-controls>.micro{font-size:10px;margin-top:13px}.studio-controls>.micro br{display:none}.studio-canvas{padding:20px 14px}.canvas-bar{font-size:9px;margin-bottom:14px}.live-slide{padding:16px 17px 12px;min-height:214px}.live-slide-main{gap:0;grid-template-columns:1.1fr 1fr}.live-slide-top{font-size:6px}.tiny-rule{width:18px;height:2px;margin:12px 0 10px}.live-slide h3{font-size:21px}.live-slide p{font-size:7px;margin:10px 0 18px}.live-slide-main>img{height:125px}.live-slide-footer{font-size:5px;padding-top:8px}.live-slide-footer>span:first-child{font-size:7px}.canvas-caption{font-size:10px;margin-top:15px;gap:7px}.caption-check{width:18px;height:18px;flex-shrink:0}.studio-bottom{flex-direction:column;text-align:center;gap:15px;margin-top:22px}.studio-bottom>p{font-size:12px;line-height:1.8}.studio-bottom a{font-size:12px}.workflow-grid{grid-template-columns:1fr;gap:22px}.flow-visual{height:300px}.prompt-bubble{left:-8px;top:18px;padding:10px 12px;gap:8px}.prompt-bubble>p{font-size:10px}.prompt-bubble>span{font-size:23px}.flow-label{font-size:11px;padding:12px 15px}.steps article{gap:18px;padding:20px 0}.steps h3{font-size:18px}.steps p{font-size:13px}.filters{gap:7px;flex-wrap:wrap}.filters>button{font-size:12px;padding:7px 20px;min-height:42px}.filters>span{font-size:10px;width:100%;margin:5px 0 0}.gallery{grid-template-columns:1fr 1fr;gap:14px}.asset-large{grid-row:auto;grid-column:span 2}.asset-large .asset-image{height:220px}.asset-image{height:139px}.asset-info{padding:12px;font-size:11px;gap:5px}.asset-info small{font-size:8px}.asset-info b{font-size:17px}.asset-large .asset-info{font-size:13px}.collection-note{font-size:10px}.plans{grid-template-columns:1fr;gap:18px}.plan{padding:25px}.plan-top{font-size:10px;margin-bottom:16px;gap:10px}.price{font-size:49px}.plan .btn{font-size:12px;padding:13px 16px;gap:15px}.points{flex-wrap:wrap;gap:10px 18px;padding-top:24px}.points strong{width:100%;font-size:13px}.points>span{font-size:11px}.points b{font-size:12px;margin-left:5px}.pricing-note{font-size:10px;margin-top:14px}.faq{grid-template-columns:1fr;gap:28px;padding-top:0}.faq h2{font-size:29px}.questions summary{font-size:13px;min-height:40px}.questions p{font-size:12px}.questions details{padding:15px 0}.closing>.wrap{padding-top:52px;padding-bottom:47px}.closing-star{font-size:45px;margin-bottom:20px}.closing h2{font-size:31px;letter-spacing:-.05em}.closing .eyebrow{font-size:8px}.closing p:not(.eyebrow):not(.micro){font-size:13px;margin:17px 0 24px}.closing .btn{font-size:13px;gap:30px}.closing .micro{font-size:10px}.footer{padding-top:32px;padding-bottom:20px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:24px}.footer-top img{width:123px}.footer-top p{font-size:10px;margin-left:auto}.back-top{font-size:11px;width:100%;text-align:right}.footer-bottom>span{font-size:7px;letter-spacing:0}.footer-bottom small{font-size:9px}dialog{padding:18px}dialog h2{font-size:18px}}@media(max-width:360px){h1{font-size:31px}.header-cta{font-size:10px;padding:8px}.brand img{width:105px}.hero-description{font-size:12px}.live-slide h3{font-size:18px}.studio-canvas{padding:16px 10px}.closing h2{font-size:27px}.points{gap:8px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Aligned business presentation and restrained motion. */
.header{max-width:none;position:sticky;top:0;z-index:20;background:#fffffff2;border-bottom:1px solid #e8eeea;backdrop-filter:blur(16px)}
.header nav{gap:22px;font-size:13px}.hero{background-image:none;background-color:#f5f8f6}.showcase{width:100%;max-width:1380px;left:auto;transform:none;margin:0 auto;padding:30px 48px 34px;grid-template-columns:1.07fr .82fr 1.12fr .82fr;gap:18px;align-items:stretch}.showcase-card,.sc-photo,.sc-icon,.sc-slide,.sc-work{height:274px;transform:none;border-radius:10px;border:1px solid #dfe8e1;box-shadow:0 8px 18px #1e493508}.sc-icon{background:#fff;padding:20px;display:flex;flex-direction:column}.sc-icon>img{flex:1;min-height:0;object-fit:contain;mix-blend-mode:normal}.sc-work>img{object-fit:contain;object-position:center;padding:25px 6px 12px;background:#fff}.sc-work .sample-mark{color:#667970;text-shadow:none}.sc-slide{padding:18px;display:flex;flex-direction:column;border-color:#064e4b}.mock-slide{flex:1;padding:17px 20px 8px;display:flex;flex-direction:column;justify-content:space-between}.mock-slide h2{font-size:23px}.mock-bottom img{height:83px;width:95px}.slide-caption{margin-top:13px}.prompt-bubble{transform:none;left:18px;right:18px}.btn:hover,.asset:hover{transform:translateY(-2px)}.asset-image>img{transition:transform .5s cubic-bezier(.2,.65,.3,1)}.asset:hover .asset-image>img{transform:scale(1.025)}
.comparison-section{background:#f2f6f4;border-top:1px solid #e0e8e3}.comparison-section .wrap{max-width:1380px;padding-top:82px;padding-bottom:75px}.comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.comparison-toolbar>p{font-size:13px;color:#64776d}.comparison-controls{display:flex;gap:3px;border:1px solid #cddbd2;background:#eaf0ec;border-radius:7px;padding:4px}.comparison-controls button{border:0;border-radius:4px;background:transparent;padding:9px 17px;min-height:42px;font-size:13px;color:#62756b;transition:background .22s,color .22s,box-shadow .22s}.comparison-controls button.active{background:white;color:var(--green);box-shadow:0 2px 5px #23473212;font-weight:650}.comparison-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.comparison-panel{min-width:0}.comparison-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px}.comparison-label>div>span{font-size:11px;letter-spacing:.12em;color:#698074}.comparison-label h3{font-size:17px;letter-spacing:-.025em;margin-top:7px;line-height:1.5}.state-tag{font-size:12px;border-radius:4px;background:#e3ebe6;padding:5px 10px;white-space:nowrap;color:#587061}.after-panel .state-tag{background:#dceacb;color:#225944}.comparison-slide{background:#fff;border:1px solid #d7e2da;border-radius:7px;padding:25px 23px 15px;box-shadow:0 8px 25px #183d2b05}.after-panel .comparison-slide{border-color:#7faa92}.compare-slide-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#5c7868}.comparison-slide h4{margin:20px 0 7px;font-size:24px;line-height:1.5;color:var(--green);font-weight:700;letter-spacing:-.04em}.compare-subtitle{font-size:10px;color:#6c7c72;margin:0 0 23px}.compare-slide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.compare-art{height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:17px}.compare-art>img{width:100%;height:100%;object-fit:contain}.compare-slide-grid>div>span{font-size:7px;color:#759281;letter-spacing:.03em}.compare-slide-grid h5{font-size:14px;margin:6px 0;line-height:1.5;font-weight:650}.compare-slide-grid p{font-size:8px;margin:0;color:#687c70;white-space:nowrap;letter-spacing:-.025em}.compare-slide-footer{display:flex;justify-content:space-between;border-top:1px solid #e1e9e3;padding-top:12px;margin-top:25px;font-size:7px;color:#819287;letter-spacing:.03em}.comparison-takeaway{display:flex;align-items:center;gap:10px;font-size:13px;margin:16px 0 0;color:#63786a}.comparison-takeaway>span{font-size:16px}.after-panel .comparison-takeaway{color:var(--green);font-weight:600}.comparison-note{margin:22px 0 0;font-size:12px}.comparison-panels[data-view=before],.comparison-panels[data-view=after]{grid-template-columns:1fr;max-width:830px;margin:auto}.comparison-panels:not([data-view=both]) .comparison-slide{padding:32px 36px 22px}.comparison-panels:not([data-view=both]) .compare-art{height:190px}.comparison-panels:not([data-view=both]) .comparison-slide h4{font-size:30px}.comparison-panels:not([data-view=both]) .compare-slide-grid h5{font-size:18px}.comparison-panels:not([data-view=both]) .compare-slide-grid p{font-size:12px}.comparison-panels:not([data-view=both]) .compare-subtitle{font-size:13px}.comparison-panels:not([data-view=both]) .compare-slide-grid>div>span{font-size:10px}.comparison-panels:not([data-view=both]) .compare-slide-top,.comparison-panels:not([data-view=both]) .compare-slide-footer{font-size:10px}
.reveal-ready{opacity:0;transform:translateY(14px);transition:opacity .65s cubic-bezier(.2,.7,.25,1),transform .65s cubic-bezier(.2,.7,.25,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:761px) and (max-width:1100px){.header nav{gap:13px;font-size:11px}.header-cta{font-size:11px;padding:10px 13px}.showcase{padding:25px 30px 30px;gap:13px;grid-template-columns:1fr 1fr 1.22fr}.sc-work{display:none}.showcase-card,.sc-photo,.sc-icon,.sc-slide{height:255px}.comparison-section .wrap{padding:70px 30px}.comparison-panels{gap:16px}.comparison-slide{padding:21px 17px 13px}.comparison-slide h4{font-size:20px}.compare-art{height:105px}.compare-slide-grid{gap:8px}.compare-slide-grid p{font-size:7px}.comparison-label h3{font-size:15px}.comparison-takeaway{font-size:11px}}
@media(max-width:760px){.header nav{display:none}.hero-top{padding-top:36px}.showcase{width:100%;grid-template-columns:1fr 1fr;max-width:600px;padding:23px 22px 27px;gap:12px;left:auto;transform:none}.showcase-card,.sc-photo,.sc-icon,.sc-slide,.sc-work{height:200px;border-radius:8px}.sc-slide{order:3;grid-column:span 2;height:218px;padding:14px}.sc-work{display:none}.sc-icon{padding:15px}.sc-icon>img{height:140px;flex:1}.mini-label{font-size:8px}.icon-bottom{font-size:10px}.mock-slide{padding:15px 21px 9px;position:relative}.mock-slide h2{font-size:24px;margin:12px 0 0}.mock-slide>p{font-size:8px}.mock-bottom img{height:100px;width:100px;position:absolute;right:20px;bottom:9px}.mock-bottom>span{font-size:8px;padding-top:13px}.mock-bottom small{font-size:7px}.slide-caption{font-size:11px;margin-top:10px}.hero-footer{padding:0 18px 25px}.prompt-bubble{left:12px;right:12px;gap:10px}.comparison-section .wrap{padding:55px 22px}.comparison-toolbar{align-items:start;flex-direction:column;gap:10px;margin-bottom:25px}.comparison-toolbar>p{font-size:12px;margin:0}.comparison-controls{width:100%}.comparison-controls>button{flex:1;font-size:12px;padding:8px 10px}.comparison-panels{grid-template-columns:1fr;gap:29px}.comparison-label h3{font-size:15px}.comparison-label>div>span{font-size:10px}.state-tag{font-size:11px}.comparison-slide,.comparison-panels:not([data-view=both]) .comparison-slide{padding:19px 15px 13px}.comparison-slide h4,.comparison-panels:not([data-view=both]) .comparison-slide h4{font-size:20px;margin:15px 0 6px}.compare-subtitle,.comparison-panels:not([data-view=both]) .compare-subtitle{font-size:9px;margin-bottom:15px}.compare-slide-grid{gap:9px}.compare-art,.comparison-panels:not([data-view=both]) .compare-art{height:94px;margin-bottom:12px}.compare-slide-grid h5,.comparison-panels:not([data-view=both]) .compare-slide-grid h5{font-size:12px}.compare-slide-grid p,.comparison-panels:not([data-view=both]) .compare-slide-grid p{font-size:7px;white-space:normal;line-height:1.6}.compare-slide-grid>div>span,.comparison-panels:not([data-view=both]) .compare-slide-grid>div>span{font-size:6px}.compare-slide-top,.comparison-panels:not([data-view=both]) .compare-slide-top{font-size:7px}.compare-slide-footer,.comparison-panels:not([data-view=both]) .compare-slide-footer{font-size:6px;margin-top:20px;padding-top:10px}.comparison-takeaway{font-size:11px;gap:7px}.comparison-note{font-size:11px;line-height:1.8}.filters>button{font-size:11px;padding:8px 16px}.reveal-ready{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.asset-image>img{transition:none}.asset:hover .asset-image>img{transform:none}}
/* Slightly clearer entrance motion without changing the settled layout. */
.reveal-ready{transform:translateY(24px);transition-duration:.85s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.reveal-ready.is-visible{transform:translateY(0)}
.style-choice{transition:border-color .25s,background .25s,box-shadow .25s}
.style-choice.active{box-shadow:0 0 0 2px #075b590b}
@media(prefers-reduced-motion:reduce){.reveal-ready{transform:none;opacity:1;transition:none}}
.hero-new-copy{font-size:clamp(32px,5.8vw,88px);line-height:1.4;letter-spacing:-.035em}.hero-new-copy .hero-last{white-space:nowrap}@media(max-width:600px){.hero-new-copy{font-size:clamp(26px,7.5vw,44px)}.hero-description{font-size:14px;line-height:1.9;padding:0 12px;text-wrap:pretty}}
.hero-split{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding:45px 50px 48px}.hero-split .hero-top{text-align:left;padding:0;min-width:0}.hero-split h1.hero-new-copy{font-size:clamp(32px,3.65vw,56px);line-height:1.5;letter-spacing:-.055em;margin:25px 0}.hero-split .hero-description{font-size:15px;line-height:2.1;margin:0;letter-spacing:0}.hero-split .hero-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:28px;gap:18px}.hero-split .hero-micro{text-align:left}.hero-split .kicker{justify-content:flex-start;font-size:11px;flex-wrap:wrap}.hero-split .pill{font-size:10px}.hero-visual{margin:0;min-width:0}.hero-visual img{width:100%;height:auto;mix-blend-mode:multiply}.hero-visual figcaption{text-align:center;font-size:13px;color:var(--muted);margin-top:-12px}.hero>.showcase{display:none}.hero>.hero-footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding-top:23px}@media(max-width:900px){.hero-split{padding:35px 24px;gap:8px}.hero-split h1.hero-new-copy{font-size:clamp(27px,3.7vw,38px)}.hero-split .hero-description{font-size:13px}.hero-split .hero-description br{display:none}.hero-split .kicker .pill{display:none}}@media(max-width:650px){.hero-split{grid-template-columns:1fr;padding:34px 24px 24px;gap:8px}.hero-split h1.hero-new-copy{font-size:clamp(28px,7.5vw,44px);margin:20px 0}.hero-split .hero-description{font-size:14px;padding:0}.hero-split .hero-actions{margin-top:22px}.hero-visual{width:100%;max-width:440px;margin:auto}.hero-visual figcaption{font-size:12px}.hero-split .hero-micro{margin-bottom:0}}
.hero-visual,.hero-visual img{background:transparent;border:0;box-shadow:none}.hero-visual img{mix-blend-mode:normal}
/* Subtle ambient motion behind the hero content. */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero::before,.hero::after{content:'';position:absolute;pointer-events:none;z-index:-1;border-radius:50%;will-change:transform}
.hero::before{width:74%;height:105%;left:-18%;top:-35%;background:radial-gradient(ellipse,rgba(145,211,186,.24) 0%,rgba(174,221,203,.10) 40%,transparent 70%);animation:hero-ambient-mint 19s ease-in-out infinite alternate}
.hero::after{width:68%;height:110%;right:-20%;bottom:-55%;background:radial-gradient(ellipse,rgba(105,187,174,.16) 0%,rgba(208,233,167,.12) 35%,transparent 70%);animation:hero-ambient-light 24s ease-in-out infinite alternate}
@keyframes hero-ambient-mint{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(32%,22%,0) scale(1.13)}}
@keyframes hero-ambient-light{from{transform:translate3d(0,0,0) scale(1.04)}to{transform:translate3d(-28%,-22%,0) scale(.94)}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none;will-change:auto}}
.workflow-section{background:#fff;padding:80px 32px}.workflow-wrap{max-width:1180px;margin:auto}.workflow-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.workflow-heading h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.04em;margin:8px 0}.workflow-heading p:not(.eyebrow){font-size:15px;color:var(--muted);margin:8px 0}.workflow-play{padding:9px 16px;background:white;border:1px solid var(--line);border-radius:6px;font-size:13px;white-space:nowrap}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.workflow-steps button{padding:14px 10px;background:#f5f8f6;border:1px solid transparent;border-radius:6px;font-size:14px;text-align:left;transition:background .3s,border-color .3s}.workflow-steps span{font-size:12px;margin-right:10px;color:var(--muted)}.workflow-steps [aria-pressed=true]{background:#e3f0e9;border-color:#9ecbb8;color:var(--green)}.workflow-demo{background:#191919;color:#eee;border-radius:14px;border:1px solid #303030;overflow:hidden;box-shadow:0 20px 50px #152c2c10}.workflow-titlebar{display:flex;align-items:center;gap:24px;padding:18px 24px;border-bottom:1px solid #333;font-size:12px}.workflow-titlebar img{height:24px;width:88px;object-fit:contain}.workflow-titlebar small{margin-left:auto;color:#999;font-size:12px}.workflow-body{display:grid;grid-template-columns:42% 58%;padding:28px;gap:0}.workflow-settings{padding-right:28px}.wf-field{margin-bottom:20px;transition:opacity .4s}.wf-field label{display:block;font-size:12px;color:#aaa;margin-bottom:9px}.wf-types{display:flex;gap:6px}.wf-types>span{flex:1;padding:8px 4px;text-align:center;font-size:12px;background:#242424;border:1px solid #333;border-radius:5px;position:relative}.wf-types small{display:none}.wf-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wf-styles>div{position:relative;background:#242424;padding:5px;border:1px solid #333;border-radius:5px}.wf-styles img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:3px;background:white}.wf-styles span{display:block;font-size:10px;text-align:center;padding:7px 0 3px}.wf-styles small{display:none;position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:#b6dfcb;color:#234638;text-align:center;font-size:12px}.wf-textbox{min-height:88px;padding:12px;background:#232323;border:1px solid #383838;border-radius:5px;font-size:12px;line-height:1.8}.wf-textbox i{display:inline-block;width:1px;height:13px;background:#b6dfcb;vertical-align:middle;animation:wf-caret .8s steps(2) infinite}.wf-generate{display:flex;justify-content:space-between;padding:12px 16px;background:#b6dfcb;color:#193e30;border-radius:5px;font-size:12px}.workflow-output{position:relative;min-height:390px;background:#222;border:1px solid #383838;border-radius:8px;overflow:hidden}.wf-empty,.wf-loading,.wf-result{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:opacity .6s,transform .6s}.wf-empty{color:#999;font-size:12px}.wf-empty>span{font-size:40px;color:#777}.wf-loading,.wf-result{opacity:0;pointer-events:none}.wf-loading p{font-size:12px;color:#bbb}.wf-loading>span{width:32px;height:32px;border:2px solid #444;border-top-color:#b6dfcb;border-radius:50%;animation:wf-spin 1.2s linear infinite}.wf-result{background:#fff;transform:translateY(8px)}.wf-result>img{width:100%;height:calc(100% - 55px);object-fit:contain;min-height:0}.wf-result>div{width:100%;padding:12px 16px;display:flex;justify-content:space-between;gap:10px;background:#f5f8f6;color:var(--green);font-size:12px}.wf-result small{font-size:11px;color:var(--muted)}[data-phase="0"] .wf-style,[data-phase="0"] .wf-prompt,[data-phase="0"] .wf-generate{opacity:.25}[data-phase="1"] .wf-prompt,[data-phase="1"] .wf-generate{opacity:.25}.workflow-demo .wf-types .wf-picked{border-color:#98c9b2;color:#b6dfcb}.workflow-demo:not([data-phase="0"]) .wf-styles .wf-picked{border-color:#b6dfcb}.workflow-demo:not([data-phase="0"]) .wf-styles .wf-picked small{display:block}[data-phase="2"].is-generating .wf-empty,[data-phase="3"] .wf-empty{opacity:0}[data-phase="2"].is-generating .wf-loading{opacity:1}[data-phase="3"] .wf-result{opacity:1;transform:none}[data-phase="3"] .wf-textbox i{display:none}.workflow-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:20px}.workflow-bottom p{font-size:14px;margin:0}.workflow-bottom small{font-size:12px;color:var(--muted)}@keyframes wf-spin{to{transform:rotate(360deg)}}@keyframes wf-caret{50%{opacity:0}}.workflow-section.is-paused *{animation-play-state:paused!important}@media(max-width:760px){.workflow-section{padding:50px 20px}.workflow-steps{gap:6px;grid-template-columns:1fr 1fr}.workflow-steps button{font-size:12px;padding:10px}.workflow-heading{align-items:flex-start}.workflow-heading p:not(.eyebrow){font-size:13px}.workflow-body{grid-template-columns:1fr;padding:16px}.workflow-settings{padding:0}.workflow-output{min-height:290px;margin-top:20px}.wf-styles img{max-height:95px}.workflow-bottom{display:block}.workflow-bottom small{display:block;margin-top:8px}.wf-result small{display:none}}@media(prefers-reduced-motion:reduce){.workflow-section *{animation:none!important;transition:none!important}}
.wf-types>span{transition:background .3s,color .3s,border-color .3s}.workflow-demo .wf-types .wf-picked{background:#2a3932;box-shadow:inset 0 0 0 1px #98c9b244}.wf-result>img{padding:24px}
/* Keep the changing examples legible during the media-selection step. */
.workflow-demo[data-phase="0"] .wf-style{opacity:1}
.workflow-demo[data-media="photo"] .wf-styles img{object-fit:cover;object-position:center 24%}