:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:#22242c;background:#f7f7f4;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.topbar{max-width:1320px;margin:auto;padding:24px 46px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.7px;display:flex;align-items:center;gap:10px}.mark{position:relative;width:28px;height:28px;border-radius:10px;background:#8ed7c0;color:transparent;display:inline-block;transform:rotate(-12deg)}.mark i{position:absolute;font-style:normal;font-size:18px;color:#1d2228;letter-spacing:2px;left:6px;top:1px;transform:rotate(12deg)}.topright{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:700;color:#626671}.badge{border:1px solid #dddeda;border-radius:100px;padding:9px 13px;color:#555a62}.intro{max-width:1320px;margin:auto;padding:100px 46px 85px}.eyebrow,.section-kicker,.tiny-label{font-weight:800;font-size:11px;letter-spacing:1.5px;color:#6a6e77}.eyebrow{display:flex;align-items:center;gap:9px}.dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70c6aa}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(56px,7.6vw,112px);line-height:.98;letter-spacing:-6px;font-weight:800;max-width:930px;margin:24px 0 30px}.intro h1 em{font-style:normal;color:#83c9af}.intro p{max-width:590px;font-size:18px;line-height:1.62;color:#676a72}.intro-actions{display:flex;gap:14px;margin-top:30px}.primary-link,.secondary-link{display:inline-flex;justify-content:space-between;align-items:center;min-width:180px;padding:15px 19px;border-radius:12px;font-size:13px;font-weight:800}.primary-link{background:#22242c;color:white}.secondary-link{border:1px solid #d9dcd9}.workspace{max-width:1228px;margin:0 auto 125px;padding:0 0;display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfe2de;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 90px #30352d0a}.stage-panel{display:flex;flex-direction:column;background:#e8f1ed;min-height:660px}.panel-top,.stage-bottom{padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.signal{font-size:11px;font-weight:700;color:#557f70;display:flex;align-items:center;gap:8px}.pulse{box-shadow:0 0 0 5px #88c6aa32}.stage{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.stage:before{content:'';width:390px;height:390px;position:absolute;border-radius:50%;border:1px solid #d3e3db;box-shadow:0 0 0 55px #ffffff2c,0 0 0 112px #ffffff19}.stage canvas{width:min(78%,380px);height:auto;aspect-ratio:1;position:relative;border-radius:50%;filter:drop-shadow(0 20px 25px #7bb8a139)}.stage-hint{position:relative;margin-top:8px;font-weight:600;color:#5b7d6d;font-size:12px}.stage-bottom{border-top:1px solid #dbe9e1;justify-content:flex-start;gap:9px}.stage-bottom button{border:1px solid #cbdcd2;background:#f8fcf9;border-radius:10px;padding:10px 13px;color:#33493e;font-size:13px}.stage-bottom button span{margin-left:4px}.stage-bottom #assetStatus{margin-left:auto;font-size:11px;color:#74877c}.controls-panel{padding:36px 38px}.controls-head h2,.pipeline h2,.make h2,.learn h2{font-family:Manrope,sans-serif;letter-spacing:-2px;font-size:39px;line-height:1.12;margin:16px 0 9px}.controls-head p{color:#85868d;font-size:13px;line-height:1.5}.state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:27px}.state-grid button{background:#f8f9f8;border:1px solid #eceeeb;min-height:48px;border-radius:11px;font-weight:700;font-size:12px;color:#6a6e73;text-align:left;padding:0 12px;display:flex;align-items:center;gap:7px}.state-grid button span{font-size:16px}.state-grid button[aria-pressed=true]{background:#252831;color:white;border-color:#252831}.divider{height:1px;background:#eceeeb;margin:30px 0}.control-section{margin-top:23px}.control-section h3{font-size:13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.control-section h3 span{font-size:10px;color:#a0a1a3;letter-spacing:1px}.colors{display:flex;gap:10px}.colors button{border:0;background:transparent;text-align:center;font-size:11px;color:#737780;min-width:55px;padding:4px}.colors button i{display:block;width:34px;height:34px;border-radius:50%;margin:0 auto 7px;border:3px solid white;box-shadow:0 0 0 1px #dfe2de}.colors button[aria-pressed=true] i{box-shadow:0 0 0 2px #272a31}.accessories{display:flex;gap:7px;flex-wrap:wrap}.accessories button{padding:9px 13px;border:1px solid #e5e7e4;background:white;border-radius:9px;font-size:11px;font-weight:700;color:#7a7d83}.accessories button[aria-pressed=true]{border-color:#24262e;background:#f4f5f3;color:#24262e}.pipeline{background:#f0f1ed;padding:90px max(46px,calc((100vw - 1228px)/2)) 110px}.pipeline-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}.pipeline-heading p{max-width:410px;line-height:1.7;color:#777b7b;font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.steps article{background:#fff;border:1px solid #e3e5e1;border-radius:17px;padding:27px;min-height:235px;display:flex;flex-direction:column}.step-no{color:#8ac4ad;font-weight:800;font-size:12px}.steps h3{font-family:Manrope,sans-serif;letter-spacing:-.7px;font-size:20px;margin:27px 0 9px}.steps p{color:#7a7d82;line-height:1.55;font-size:13px}.step-tag{margin-top:auto;font-size:10px;font-weight:800;color:#83b9a2;letter-spacing:1px}.make{max-width:1228px;margin:auto;padding:115px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.make-copy p{line-height:1.75;color:#777b7d;max-width:350px}.notice{margin-top:25px;padding:15px 17px;background:#ebf2ec;border-left:3px solid #8bc8a9;font-size:12px;line-height:1.55;color:#587061;max-width:355px}.make-form{border:1px solid #e1e3df;background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 60px #30352d09}.make-form label{font-size:12px;font-weight:800;display:flex;justify-content:space-between;margin:18px 0 9px}.make-form label:first-child{margin-top:0}.make-form label span{color:#9a9da0;font-weight:500}.make-form input[type=password],.make-form select,.make-form textarea{width:100%;border:1px solid #e0e3df;border-radius:10px;background:#fbfcfa;padding:13px;color:#272a31;outline-color:#8dc9af}.make-form textarea{line-height:1.55;resize:vertical;font-size:12px}.upload-row{display:flex;gap:10px}.upload-row input{font-size:11px;flex:1;min-width:0}.upload-row button,.result-actions button{background:#f3f5f2;border:1px solid #e0e3df;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800}.reference-preview{display:flex;align-items:center;gap:14px;margin-top:13px;padding:11px;border:1px solid #eceeeb;border-radius:10px}.reference-preview img{width:60px;height:60px;object-fit:cover;border-radius:7px}.reference-preview strong{display:block;font-size:12px}.reference-preview small{display:block;font-size:11px;color:#9a9da0;margin-top:4px}.generate-row{display:flex;align-items:center;gap:14px;margin-top:20px}.generate-row button{background:#24272e;color:white;border:0;border-radius:10px;padding:13px 17px;font-size:12px;font-weight:800}.generate-row button:disabled{opacity:.55;cursor:wait}.generate-row button span{margin-left:16px}.generate-row>span{font-size:11px;color:#999b9d}.job-status{margin-top:17px;padding:13px 15px;border-radius:9px;background:#f4f7f4;color:#668071;line-height:1.5;font-size:11px}.job-status.error{background:#fff0ed;color:#a55446}.result{margin-top:17px}.result img,.result video{width:100%;max-height:360px;object-fit:contain;background:#f6f8f6;border-radius:10px}.result-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.result-actions a{font-size:11px;font-weight:800;color:#397e61}.learn{background:#262a30;color:white;padding:80px max(46px,calc((100vw - 1228px)/2)) 95px}.learn h2{margin-top:18px}.learn p{max-width:570px;line-height:1.7;color:#bdc1c2}.learn div{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.learn a{padding-bottom:5px;border-bottom:1px solid #777e7e;font-size:12px;font-weight:700}footer{max-width:1320px;margin:auto;padding:30px 46px;display:flex;justify-content:space-between;color:#9b9e9b;font-size:11px}@media(max-width:850px){.intro{padding-top:70px}.intro h1{letter-spacing:-4px}.workspace,.make{margin-left:20px;margin-right:20px}.workspace{grid-template-columns:1fr}.stage-panel{min-height:540px}.make{grid-template-columns:1fr;gap:30px}.pipeline-heading{display:block}.steps{grid-template-columns:1fr}.steps article{min-height:175px}.step-no{font-size:11px}.steps h3{margin-top:16px}.pipeline,.learn{padding-left:24px;padding-right:24px}}@media(max-width:550px){.topbar{padding:19px}.topright .badge{display:none}.intro{padding:66px 22px}.intro h1{font-size:clamp(49px,13vw,72px);letter-spacing:-3.8px}.intro p{font-size:15px}.intro-actions{flex-wrap:wrap}.workspace{margin:0 12px 80px}.stage-panel{min-height:440px}.stage:before{width:280px;height:280px}.stage canvas{width:min(72%,280px)}.panel-top,.stage-bottom{padding:18px}.stage-bottom #assetStatus{display:none}.controls-panel{padding:25px 19px}.state-grid{grid-template-columns:repeat(3,1fr);gap:6px}.state-grid button{padding:8px;font-size:11px;min-height:52px}.colors{justify-content:space-between;gap:0}.colors button{min-width:48px}.controls-head h2,.pipeline h2,.make h2,.learn h2{font-size:32px}.pipeline{padding-top:65px;padding-bottom:70px}.make{padding:75px 0}.make-form{padding:21px}.upload-row{flex-direction:column}footer{padding:24px;display:block}footer span{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse{box-shadow:none}}
.swatch-lagoon{background:#8ccfbc}.swatch-sky{background:#9bb9ef}.swatch-clay{background:#f2b08f}.swatch-lilac{background:#c5a5e2}.swatch-lemon{background:#e8ce77}

.topright .product-link{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border-radius:999px;background:#22242c;color:#fff;white-space:nowrap}
.topright .product-link:hover{background:#3a5044}
.topright .product-link:focus-visible{outline:3px solid #83c9af;outline-offset:3px}
.local-setup{min-width:0}.local-setup h3{font-size:18px;letter-spacing:-.4px}.local-setup p{font-size:13px;line-height:1.7;color:#777b7d}.local-setup pre{max-width:100%;overflow:auto;padding:18px;border-radius:10px;background:#f4f7f4;line-height:1.8;font-size:12px;color:#33493e}.local-setup code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.local-setup .secondary-link{margin-top:8px}

/* Keep the playground first, with a clear invitation to meet its companion. */
.intro{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:54px;align-items:center;padding-top:76px;padding-bottom:72px}
.intro h1{font-size:clamp(54px,6.1vw,84px);letter-spacing:-4.5px;line-height:1.04;max-width:none}
.intro-actions{flex-wrap:wrap;gap:10px}
.intro-actions a{min-width:0;gap:22px;min-height:48px}
.star-link{gap:9px!important;background:#fff}
.star-link>span:first-child{font-size:20px;line-height:1}
.intro-actions a:focus-visible,.nestor-cta:focus-visible{outline:3px solid #46836b;outline-offset:4px}
.intro-actions .secondary-link:hover{border-color:#8a9c90;background:#edf3ee}
.topright .product-link{gap:9px;min-height:46px;padding:6px 14px 6px 7px;font-size:13px;background:#294e40}
.topright .product-link img{border-radius:50%;object-fit:cover}
.nestor-intro{padding:28px 24px;border-radius:24px;background:#e6f1ea;border:1px solid #d3e4d9;text-align:center}
.nestor-portrait{display:block;width:180px;height:180px;margin:0 auto 20px;border-radius:50%;object-fit:cover}
.nestor-intro h2{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;margin:0 0 10px}
.nestor-intro p{font-size:13px;line-height:1.65;color:#52685a;margin:0 0 20px}
.nestor-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;padding:13px 22px;border-radius:12px;background:#294e40;color:white;font-size:13px;font-weight:800}
.nestor-cta:hover{background:#1e3d31}
.nestor-note{display:block;margin-top:11px;font-size:11px;color:#52685a}
@media(max-width:1050px){.intro{grid-template-columns:1fr;gap:34px}.intro h1{font-size:clamp(54px,7.6vw,84px)}.nestor-intro{display:flex;gap:24px;align-items:center;text-align:left;padding:24px;max-width:650px}.nestor-portrait{flex-shrink:0;width:130px;height:130px;margin:0}.nestor-intro p{max-width:380px;margin-bottom:14px}.nestor-note{display:inline-block;margin-left:12px}}
@media(max-width:550px){.intro{padding:48px 22px 44px;gap:30px}.intro h1{font-size:clamp(42px,11.2vw,60px);letter-spacing:-2.7px;line-height:1.07}.intro .eyebrow{font-size:10px;letter-spacing:1.3px}.intro-actions{gap:8px}.intro-actions a{padding:13px 15px;font-size:12px;gap:13px}.nestor-intro{gap:16px;padding:20px 16px;border-radius:18px}.nestor-portrait{width:86px;height:86px}.nestor-intro h2{font-size:24px}.nestor-intro p{font-size:12px;line-height:1.55}.nestor-cta{font-size:12px;padding:11px 16px;min-height:44px}.nestor-note{display:block;margin:9px 0 0;font-size:10px}.topright .product-link{font-size:12px;gap:6px;padding-right:10px}.topbar{gap:14px}}