/* Finite, optional motion; no tracking or browser storage. */
.hero-art[data-motion=ready]{transform:perspective(1100px) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) rotate(2deg);transition:transform .25s ease-out}.hero-art[data-motion=ready] .hero-duo{transform:translate(var(--bear-x,0px),var(--bear-y,0px)) rotate(-4deg);transition:transform .35s ease-out}.hero-art.is-entering{animation:studio-arrive .65s ease-out both}@keyframes studio-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.reference-image{position:relative}.reference-peek{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:20px;background:#202128;color:#fff;border-radius:30px;padding:11px 16px;font-size:13px;font-weight:700;box-shadow:0 5px 18px #15151d25;z-index:2;transition:transform .22s,background .22s}.reference-peek>span{color:#ff9c57}.reference-image:focus-visible{outline:3px solid #a7430a;outline-offset:-4px}.reference-card:focus-within .reference-peek,.reference-image:hover .reference-peek{background:#9b3e08;transform:translateY(-3px)}.reference-card:focus-within .reference-peek>span,.reference-image:hover .reference-peek>span{color:white}.reference-card:focus-within .reference-image img{transform:scale(1.025)}
.build-intro{max-width:850px;margin-bottom:38px}.build-intro>p:last-child{max-width:600px;line-height:1.8;font-size:17px;color:#62646e;margin-top:22px}.build-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #d8d9e2;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 55px #29213a08}.build-controls{background:#f0edf7;padding:28px;display:flex;flex-direction:column;gap:24px}.build-stages{display:flex;flex-direction:column;gap:12px}.build-stages button{font:inherit;text-align:left;display:grid;grid-template-columns:30px 1fr;column-gap:8px;row-gap:5px;border:1px solid #d0cbdc;border-radius:12px;padding:18px 14px;background:transparent;color:#25232d;cursor:pointer;transition:background .22s,border-color .22s}.build-stages button>span{grid-row:1/3;font-family:monospace;font-size:12px;color:#736785;padding-top:2px}.build-stages strong{font-size:16px}.build-stages small{font-size:12px;line-height:1.5;color:#65616f}.build-stages button[aria-pressed=true]{background:#fff;border-color:#9b76dc;box-shadow:0 5px 13px #66509512}.build-stages button:focus-visible,.build-play:focus-visible,.live-plan summary:focus-visible{outline:3px solid #9b3e08;outline-offset:3px}.build-caption{margin-top:auto}.build-caption .eyebrow{font-size:9px;letter-spacing:.8px;line-height:1.7}.build-caption>p:last-child{font-size:14px;line-height:1.8;color:#615b6b;min-height:77px}.build-play{font:inherit;background:#fff;border:1px solid #b7aec8;border-radius:30px;padding:12px 16px;color:#25232d;font-size:13px;text-align:left;cursor:pointer;line-height:1.5}.build-play span{float:right}.build-browser{display:flex;justify-content:space-between;gap:14px;padding:14px 22px;border-bottom:1px solid #e0dfe7;font-size:11px;color:#686373}.build-browser>span:first-child{font-size:9px;letter-spacing:2px;color:#b7b1c4}.build-page{--build-accent:#a4440d;padding:34px 34px 26px;background:#fffaf7;transition:background .55s,color .55s}.build-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px}.build-wordmark{font-weight:800;letter-spacing:.1px;white-space:nowrap}.build-wordmark>span{color:var(--build-accent);margin-left:8px;font-size:20px}.build-nav{font-size:10px;color:#6f6672}.build-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;margin:45px 0 40px;min-height:235px}.build-kicker{font-size:9px;letter-spacing:1px;color:#72636a;margin:0 0 15px}.build-copy h3{font-size:clamp(25px,2.6vw,38px);line-height:1.1;letter-spacing:-1.3px;margin:0 0 20px}.build-copy h3 em{font-style:normal;color:var(--build-accent)}.build-text{font-size:12px;color:#73636b;line-height:1.7}.build-fake-button{display:inline-block;background:#242129;color:#fff;padding:11px 18px;border-radius:25px;font-size:11px;font-weight:700;margin-top:14px}.build-art{width:100%;max-width:290px;justify-self:center;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-width:0}.build-art-frame{position:absolute;inset:6% 0;border-radius:38% 44% 30% 35%;background:#e7ddfc;transform:rotate(-8deg);transition:background .55s,border-radius .55s}.build-art img{position:relative;width:100%;height:auto;z-index:1;transform:rotate(6deg);transition:opacity .4s,transform .55s,filter .5s}.build-label{position:absolute;bottom:0;right:0;background:#fff;padding:8px 13px;border:1px solid #dcd2e8;border-radius:20px;font-size:10px;transform:rotate(-5deg);z-index:2;transition:opacity .4s,transform .55s}.build-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.build-tiles>span{padding:16px 12px;border:1px solid #e4dce0;border-radius:12px;background:white;font-size:10px;line-height:1.7;transition:border-color .4s,background .4s}.build-tiles b{display:block;color:var(--build-accent);font-size:11px;margin-bottom:7px}.build-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px}.build-bottom p{font-size:15px;line-height:1.8;color:#62646e;max-width:570px}.build-bottom .button{font-size:13px;white-space:nowrap}
/* Same content at all stages; only presentation changes. */
[data-build-stage="0"] .build-page{background:#fff;--build-accent:#666574}[data-build-stage="0"] .build-art-frame{background:repeating-linear-gradient(135deg,#fff 0 12px,#eaeaf0 12px 13px);border:1px dashed #aaa6b5;border-radius:8px}[data-build-stage="0"] .build-art img{opacity:0;transform:scale(.92) rotate(0)}[data-build-stage="0"] .build-label{opacity:0}[data-build-stage="0"] .build-fake-button{border:1px dashed #8d8795;background:#f4f3f6;color:#5c5862;border-radius:5px}[data-build-stage="0"] .build-tiles>span{border-style:dashed;border-radius:4px;background:#fafafa}[data-build-stage="1"] .build-page{background:#f3edff;--build-accent:#6a3caa}[data-build-stage="1"] .build-art img{filter:grayscale(1);opacity:.85;transform:rotate(0)}[data-build-stage="1"] .build-art-frame{background:#e3d3fb;border-radius:20px}[data-build-stage="1"] .build-label{opacity:0;transform:translateY(8px)}[data-build-stage="1"] .build-fake-button{background:#654198;border-radius:8px}[data-build-stage="2"] .build-tiles>span:first-child{border-color:#edc3a7;background:#fff5ec}
.live-plan{border:1px solid #dcd7e6;border-radius:16px;background:#fff;margin:0 0 24px;overflow:hidden}.live-plan summary{display:flex;justify-content:space-between;gap:15px;align-items:center;cursor:pointer;padding:16px 20px;font-size:13px;font-weight:700;list-style:none}.live-plan summary::-webkit-details-marker{display:none}.live-plan summary>span:first-child{display:flex;align-items:center;gap:9px}.live-plan summary:after{content:'+';font-size:20px;flex-shrink:0}.live-plan[open] summary:after{content:'−'}.live-dot{display:block;width:7px;height:7px;border-radius:50%;background:#a4440d;flex-shrink:0}.live-plan-count{margin-left:auto;font-size:11px;font-weight:500;color:#65616e;white-space:nowrap}.live-plan-inner{padding:0 20px 20px}.live-plan-note{font-size:12px;line-height:1.7;color:#706978;margin:0 0 15px}.mini-browser{display:flex;justify-content:space-between;gap:15px;padding:10px 14px;background:#f0edf5;border:1px solid #dfdae8;border-bottom:0;border-radius:9px 9px 0 0;font-size:10px;color:#645c70}.mini-browser>span:first-child{letter-spacing:2px;font-size:8px}.mini-canvas{--mini-accent:#a4440d;--mini-wash:#ffeadb;background:#fffcfa;border:1px solid #dfdae8;border-radius:0 0 9px 9px;padding:20px;color:#28232e}.mini-top{display:flex;justify-content:space-between;gap:12px;font-size:10px}.mini-top strong{overflow-wrap:anywhere;max-width:90%}.mini-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center;margin:24px 0}.mini-kicker{font-size:8px;letter-spacing:1px;color:#69616e}.mini-hero h2{font-size:22px;line-height:1.15;letter-spacing:-.7px;margin:8px 0 12px}.mini-hero h2 span{color:var(--mini-accent)}.mini-line{display:block;width:80%;height:4px;margin-top:6px;background:#dcd6e2;border-radius:3px}.mini-line.short{width:55%}.mini-cta{display:inline-block;font-size:9px;padding:8px 14px;border-radius:20px;color:white;background:var(--mini-accent);margin-top:14px}.mini-visual{width:100%;max-width:180px;justify-self:center;background:var(--mini-wash);border-radius:35% 46% 40% 25%;aspect-ratio:1.2;display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-visual>span{font-size:70px;line-height:1;color:var(--mini-accent);transform:rotate(-15deg)}.mini-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini-module{min-width:0;padding:10px;border:1px solid #ddd7e5;border-radius:7px;background:#fff}.mini-module>span{display:block;font-size:9px;line-height:1.55;overflow-wrap:anywhere;color:#615769}.mini-module>i{display:block;width:65%;height:3px;background:#e6e0ed;margin-top:7px}.mini-empty{font-size:11px;line-height:1.7;color:#69616e}.mini-footer{display:flex;justify-content:space-between;border-top:1px solid #dfdae8;padding-top:10px;margin-top:15px;font-size:9px;color:#69616e}.mini-canvas[data-layout=center] .mini-hero{grid-template-columns:1fr;text-align:center}.mini-canvas[data-layout=center] .mini-line{margin-inline:auto}.mini-canvas[data-layout=center] .mini-visual{display:none}.mini-canvas[data-type=editorial] .mini-hero h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.4px}.mini-canvas[data-tone=dark]{background:#24212b;color:#fff}.mini-canvas[data-tone=dark] .mini-kicker,.mini-canvas[data-tone=dark] .mini-footer,.mini-canvas[data-tone=dark] .mini-empty{color:#c8c0d2}.mini-canvas[data-tone=dark] .mini-module{background:#302b39;border-color:#504758}.mini-canvas[data-tone=dark] .mini-module>span{color:#e0d8e8}.mini-canvas[data-tone=dark] .mini-hero h2 span{color:var(--mini-light,#ffa769)}
.planner-note.is-nodding>img{animation:bear-nod .5s ease-out}.success-duo{display:flex;align-items:center;flex-shrink:0;width:105px}.success-duo img{width:62px;height:62px}.success-duo img+img{margin-left:-17px}.request-success.is-celebrating .success-duo{animation:bear-arrival .65s ease-out}@keyframes bear-nod{0%,100%{transform:rotate(0)}40%{transform:rotate(-8deg) translateY(-3px)}70%{transform:rotate(4deg)}}@keyframes bear-arrival{from{opacity:0;transform:translateY(12px) scale(.88)}to{opacity:1;transform:none}}
@media(max-width:1000px){.build-workspace{grid-template-columns:230px minmax(0,1fr)}.build-controls{padding:22px}.build-page{padding:25px}.build-nav{display:none}.build-copy h3{font-size:28px}.build-hero{gap:8px}.build-tiles>span{padding:12px 9px}}
@media(max-width:760px){.build-workspace{grid-template-columns:minmax(0,1fr)}.build-controls{gap:18px;padding:22px}.build-stages{flex-direction:row;gap:8px}.build-stages button{flex:1;min-width:0;display:flex;flex-direction:column;padding:13px 10px;gap:5px}.build-stages small{display:none}.build-stages strong{font-size:13px}.build-caption{margin-top:0}.build-caption .eyebrow{display:none}.build-caption>p:last-child{min-height:0;margin:0;font-size:13px}.build-play{align-self:start}.build-page{padding:26px}.build-hero{margin:30px 0;gap:18px;min-height:190px}.build-copy h3{font-size:32px}.build-bottom{align-items:flex-start;flex-direction:column;gap:10px}.build-bottom .button{white-space:normal}.live-plan[open] summary{border-bottom:1px solid #e6e1ed}.live-plan-inner{padding-top:15px}}
@media(max-width:420px){.build-page{padding:20px 15px}.build-controls{padding:18px}.build-stages strong{font-size:12px}.build-copy h3{font-size:24px;letter-spacing:-.8px}.build-hero{grid-template-columns:1.12fr 1fr;gap:8px}.build-text{font-size:11px}.build-kicker{font-size:8px;letter-spacing:.3px}.build-fake-button{font-size:10px;padding:9px 12px}.build-label{font-size:8px;padding:6px 8px}.build-top{font-size:10px}.build-tiles{gap:6px}.build-tiles>span{font-size:9px;padding:10px 7px}.live-plan summary{padding:14px;font-size:12px;flex-wrap:wrap;gap:8px}.live-plan-count{font-size:10px}.live-plan-inner{padding:12px}.mini-canvas{padding:14px}.mini-hero h2{font-size:18px}.mini-visual>span{font-size:48px}.mini-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-hero{gap:8px}.mini-module{padding:8px}.success-duo{width:78px}.success-duo img{width:48px;height:48px}.success-duo img+img{margin-left:-18px}}
@media(hover:hover) and (pointer:fine){.reference-image:hover img{transform:scale(1.045)}.reference-peek{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-art,.hero-duo,.hero-duo img,.reference-card,.reference-image img,.reference-peek,.build-page,.build-art-frame,.build-art img,.build-label,.build-tiles>span,.build-stages button,.planner-note>img,.success-duo{animation:none!important;transition:none!important}.hero-art[data-motion=ready]{transform:rotate(2deg)}.hero-art[data-motion=ready] .hero-duo{transform:rotate(-4deg)}.reference-image:hover img,.reference-card:focus-within .reference-image img{transform:none}.build-play{display:none!important}}
@media print{.live-plan,.build-play{display:none!important}}