@font-face{font-family:Creafy;src:url('assets/jakarta-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:Outfit;src:url('assets/outfit-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--paper:#faf8f5;--ink:#211e1b;--muted:#756e67;--accent:#c36136;--accent-dark:#a64724;--warm:#f1e5da;--ease:cubic-bezier(.22,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 16px/1.5 Creafy,Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{transition:background .25s,transform .25s var(--ease),color .25s}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}svg{width:24px;height:24px;flex-shrink:0}.defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.nav-wrap{max-width:1480px;padding:22px 32px 0;margin:auto;position:relative;z-index:10}.nav{height:78px;padding:0 21px 0 27px;border-radius:50px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 8px 40px #77512b04}.brand{display:flex}.approved-lockup{display:block;width:161px;height:49px;background-image:url('assets/creafy-lockup.svg');background-repeat:no-repeat;background-size:251px 104px;background-position:-45px -25px;mix-blend-mode:multiply}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav nav button{padding:12px 0;background:none}.nav-actions{display:flex;align-items:center;gap:26px;font-size:13px}.nav-start{background:var(--accent);color:white;border-radius:40px;padding:13px 19px;display:flex;align-items:center;gap:17px;font-size:12px;font-weight:600}.nav-start svg{width:17px;height:17px}.nav a:hover,.nav nav button:hover{color:var(--accent-dark)}.nav-start:hover,.primary:hover{background:var(--accent-dark);transform:translateY(-2px)}
.hero{max-width:1480px;margin:auto;display:grid;grid-template-columns:49% 51%;align-items:center;padding:28px 60px 38px;min-height:795px;position:relative}.hero-copy{position:relative;z-index:2;padding-bottom:20px}.hero h1{font-size:clamp(48px,5.1vw,76px);line-height:1.055;font-weight:600;letter-spacing:-.064em;margin:0 0 27px;white-space:nowrap}.lead{color:#6e6760;font-size:18px;line-height:1.65;max-width:510px;margin:0 0 32px;letter-spacing:-.3px}.prompt-box{background:white;border-radius:25px;max-width:490px;padding:18px 19px 12px;box-shadow:0 12px 45px #a0643109;border:1px solid #eee4db;position:relative;transition:border-color .3s,box-shadow .3s}.prompt-box:focus-within{border-color:#ca8865;box-shadow:0 0 0 4px #c361360c}.prompt-box label{font-size:12px;color:#897d73;display:flex;align-items:center;gap:8px;margin-bottom:13px}.ai-symbol{display:inline-block;flex-shrink:0;width:25px;height:25px;background-image:url('assets/creafy-lockup.svg');background-repeat:no-repeat;background-size:128px 53px;background-position:-23px -13px;mix-blend-mode:multiply}.prompt-row{display:flex;align-items:center;gap:14px}.prompt-row textarea{width:100%;min-width:0;resize:none;border:0;background:transparent;line-height:1.65;font-size:17px;letter-spacing:-.4px;color:#3e332b;height:64px;padding:0;outline:none!important;caret-color:var(--accent)}.prompt-row button{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:white;flex-shrink:0}.prompt-row button:hover{background:var(--accent-dark);transform:translateX(2px)}.prompt-row button svg{width:19px;height:19px}.prompt-bottom{border-top:1px solid #f1ece6;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#948579}.prompt-bottom>span{display:flex;align-items:center;gap:6px}.prompt-bottom i{width:5px;height:5px;border-radius:50%;background:var(--accent)}#play-demo{background:#f7f2ec;width:25px;height:25px;border-radius:50%;font-size:10px;color:#8f6f58}.example-choices{display:flex;gap:7px;align-items:center;margin:15px 0 25px;font-size:11px;color:#8a7c71}.example-choices>span{margin-right:7px}.example-choices button{padding:7px 12px;border-radius:30px;background:#eee9e2;font-size:11px;color:#74665a}.example-choices button[aria-pressed=true]{color:#a44d2b;background:#f4dfd0}.example-choices button:hover{background:#efdbcb}.build-path{display:flex;align-items:center;gap:9px;max-width:487px;margin:0 0 27px}.build-path>div{display:flex;align-items:center;gap:6px;font-size:10px;color:#a29487;white-space:nowrap;transition:color .4s}.build-path>div>span{width:17px;height:17px;background:#e9e2d9;border-radius:50%;display:grid;place-items:center;transition:background .4s}.build-path svg{width:11px;height:11px;opacity:0}.build-path>i{width:26px;height:1px;background:#e1d8ce;flex-shrink:1}.build-path>div.done{color:#746451}.build-path>div.done>span{background:#b6c5ac;color:#fff}.build-path>div.done svg{opacity:1}.build-path>div.working>span{background:var(--accent);box-shadow:0 0 0 3px #c3613610;animation:soft-pulse 1.3s ease-in-out infinite}.build-path>div.working{color:var(--accent-dark)}.hero-action{display:flex;gap:19px;align-items:center}.primary{background:var(--accent);color:white;min-height:53px;padding:0 23px;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:24px;font-size:14px;font-weight:600}.primary svg{width:19px;height:19px}.hero-action p{font-size:11px;color:#8d8176;line-height:1.6;margin:0}.demo-note{font-size:10px;color:#9e9186;margin:14px 0 0}
.store-scene{height:724px;position:relative;isolation:isolate;min-width:0;margin-right:-20px}.scene-light{position:absolute;inset:-45px -40px -30px -80px;background:radial-gradient(ellipse at 55% 52%,#eddbca 0%,#f5e9dc 28%,#faf8f500 70%);z-index:-2}.scene-caption{position:absolute;left:50%;transform:translateX(-50%);top:0;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:#877360;width:max-content}.caption-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.live-mark{margin-left:5px;padding:3px 6px;border-radius:5px;font-size:8px;background:#eee2d5;color:#99816b}.phone{position:absolute;width:317px;height:635px;left:50%;top:38px;transform:translateX(-50%) rotate(2deg);border-radius:45px;background:linear-gradient(125deg,#fff,#e5e0d9 30%,#fff 55%,#bfb6ad);padding:8px;box-shadow:22px 34px 55px #7955331c,0 5px 10px #7a62432e,inset 0 0 0 1px #c8c0b7;transition:transform 1.2s var(--ease)}.phone::before,.phone::after{content:'';position:absolute;background:#c6beb5;border-radius:2px;width:3px;left:-2px;top:109px;height:34px}.phone::after{top:152px}.phone-side{position:absolute;background:#c6beb5;border-radius:2px;width:3px;right:-2px;top:140px;height:53px}.phone-screen{background:#fff;border-radius:37px;overflow:hidden;height:100%;position:relative;isolation:isolate}.phone-status{height:39px;padding:13px 17px 0 22px;display:flex;justify-content:space-between;align-items:flex-start;font-size:10px;font-weight:700;position:relative;background:white;z-index:3}.island{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:79px;height:21px;background:#22201e;border-radius:18px}.phone-signals{display:flex;align-items:center;gap:3px;padding-top:1px}.phone-signals svg{width:12px;height:10px}.phone-signals svg:last-child{width:18px}.address-bar{height:29px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;background:#f8f7f5;color:#8b857d}.address-bar svg{width:9px;height:9px}.address-bar>span:last-child{position:absolute;right:18px;font-size:12px}.mobile-store{height:calc(100% - 68px);overflow:hidden;background:#fff;position:relative;padding-bottom:10px}.store-nav{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:relative;z-index:1;background:#fff}.store-nav strong{font-family:Outfit,Creafy,sans-serif;font-size:25px;font-weight:500;letter-spacing:-1.6px}.store-nav button{background:none;padding:0}.menu-icon{width:16px;height:18px;display:flex;flex-direction:column;justify-content:center;gap:4px}.menu-icon span{height:1px;background:#302a22;width:14px}.menu-icon span:last-child{width:9px}.bag-icon svg{width:17px;height:17px}.store-hero{height:278px;position:relative;background:#e9dfd1;overflow:hidden}.store-hero>img{width:100%;height:100%;object-fit:cover;object-position:67% center;display:block;transform:scale(1.02);transition:transform 8s linear,opacity .5s}.store-photo-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#211d1ba8)}.store-photo-copy{position:absolute;left:21px;bottom:18px;color:white}.store-photo-copy>span{font-size:8px}.store-photo-copy h2{font-size:35px;line-height:1.04;font-weight:500;letter-spacing:-1.7px;margin:8px 0 12px}.store-photo-copy button{display:flex;align-items:center;gap:21px;padding:8px 12px;border-radius:20px;background:#fff;color:#28231e;font-size:8px;font-weight:600}.store-photo-copy button svg{width:12px;height:12px}.store-products{padding:17px 15px 5px;background:white}.collection-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:11px;font-weight:600;letter-spacing:-.25px}.collection-heading span:last-child{font-size:7px;color:#80776f;font-weight:400}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-image{height:92px;border-radius:9px;background-image:url('assets/products.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#f5f1ea}.product-grid>div>span{display:block;font-size:8px;margin-top:6px}.product-grid b{font-size:8px;font-weight:500;color:#746d65;display:block;margin-top:2px}#product-one{background-position:0% 0%}#product-two{background-position:50% 0%}.built-with{padding:7px 15px;font-size:5px;display:flex;align-items:center;justify-content:space-between;color:#9c9188}.built-with b{font-size:8px;font-weight:700;letter-spacing:-.6px}.phone-home{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);height:4px;border-radius:8px;width:94px;background:#211c19;z-index:10}.phone-loading{position:absolute;inset:68px 0 0;background:#fffdfa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:2;transition:opacity .7s var(--ease),visibility .7s;opacity:0;visibility:hidden}.phone-loading>.ai-symbol{width:52px;height:50px;background-size:267px 111px;background-position:-49px -28px}.phone-loading strong{font-weight:500;font-size:22px;letter-spacing:-.8px;line-height:1.25;text-align:center}.loading-dots{display:flex;gap:5px}.loading-dots i{width:4px;height:4px;background:var(--accent);border-radius:50%;animation:soft-pulse 1s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.identity-card{position:absolute;left:-4px;top:224px;width:155px;background:#fffefa;padding:17px 19px;border-radius:19px;z-index:4;box-shadow:0 16px 28px #6c4c2d12;transform:rotate(-6deg);transition:opacity .6s var(--ease),translate .7s var(--ease)}.tiny-label{font-size:9px;display:block;color:#988575}.identity-card strong{font-family:Outfit,Creafy,sans-serif;font-size:28px;line-height:1.1;letter-spacing:-1.3px;display:block;margin-top:13px}.palette{display:flex;gap:6px;margin:15px 0 12px}.palette i{width:19px;height:19px;background:#403c32;border-radius:50%}.palette i:nth-child(2){background:#c26740}.palette i:nth-child(3){background:#eadbc7}.identity-card>span:last-child{font-size:8px;letter-spacing:-.1px;color:#928579}.ready-card{position:absolute;right:0;bottom:75px;z-index:5;display:flex;align-items:center;gap:10px;background:#fffdf9;padding:16px 13px;border-radius:19px;box-shadow:0 18px 36px #7957351c;transform:rotate(-3deg);transition:opacity .7s,translate .8s var(--ease)}.ready-check{width:31px;height:31px;border-radius:50%;background:#e6ecdf;color:#6e8656;display:grid;place-items:center}.ready-check svg{width:18px;height:18px}.ready-card strong{font-size:11px;font-weight:600;display:block}.ready-card span{display:block;font-size:8px;color:#9a8a7c;margin-top:3px}.ready-card button{width:25px;height:25px;border-radius:50%;background:#f3e9df;margin-left:8px;display:grid;place-items:center;color:#a7704f}.ready-card button svg{width:13px;height:13px}.scene-footer{position:absolute;bottom:3px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;color:#998571}.scene-footer>div{display:flex;gap:6px}.scene-footer button{width:6px;height:6px;padding:0;border-radius:50%;background:#d9c7b6;transition:width .4s,background .4s}.scene-footer button[aria-pressed=true]{width:20px;background:var(--accent)}
.reveal-brand,.reveal-store,.reveal-products{transition:opacity .65s var(--ease),transform .85s var(--ease)}.store-scene[data-phase=typing] .phone-loading{opacity:1;visibility:visible}.store-scene[data-phase=typing] .identity-card{opacity:0;translate:-14px 16px}.store-scene[data-phase=typing] .reveal-brand,.store-scene[data-phase=typing] .reveal-store,.store-scene[data-phase=typing] .reveal-products{opacity:0;transform:translateY(24px)}.store-scene[data-phase=brand] .reveal-store,.store-scene[data-phase=brand] .reveal-products{opacity:0;transform:translateY(24px)}.store-scene[data-phase=store] .reveal-products{opacity:0;transform:translateY(24px)}.store-scene:not([data-phase=ready]) .ready-card{opacity:0;translate:0 22px;pointer-events:none}.store-scene[data-phase=ready] .store-hero>img{transform:scale(1.065)}.store-scene[data-business=home] .palette i{background:#385242}.store-scene[data-business=home] .palette i:nth-child(2){background:#ccb18f}.store-scene[data-business=home] .palette i:nth-child(3){background:#eee7d9}.store-scene[data-business=beauty] .palette i{background:#714537}.store-scene[data-business=beauty] .palette i:nth-child(2){background:#dda88f}.store-scene[data-business=beauty] .palette i:nth-child(3){background:#e9d7c4}.store-scene[data-business=beauty] .identity-card strong{font-size:24px}
.creation-section{padding-top:65px}.creation-intro h2{font-size:54px;line-height:1.1;letter-spacing:-3px;font-weight:500}.creation-intro p{color:#817467;font-size:16px;line-height:1.6}.business-canvas{border:0;background:radial-gradient(ellipse at 47% 39%,#fff 0%,#fffaf6 43%,#f2e7dc 100%)}.build-demo{font-family:inherit}.brand-fragment strong,.fragment-nav strong{font-family:Outfit,Creafy,sans-serif}.brand-fragment>span:last-child,.node-label,.ai-node p,.creation-controls>span{color:#8c7a68}.ai-node>span{font-family:Outfit,Creafy,sans-serif}.ai-chip img,.social-top img{mix-blend-mode:multiply}.wire{stroke-width:1.5}.idea-note p{color:#655140}.fragment-image h3{font-family:Outfit,Creafy,sans-serif;font-size:29px}.creation-controls button{font-family:inherit}.brand-story{max-width:1360px;margin:0 auto 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#f0e7dd;border-radius:34px;padding:75px 65px}.brand-art{display:flex;justify-content:center}.brand-art .approved-lockup{width:389px;height:118px;background-size:607px 252px;background-position:-109px -60px}.brand-story h2{font-weight:500;font-size:33px;line-height:1.16;letter-spacing:-1.8px;margin:0 0 20px}.brand-story p{font-size:16px;line-height:1.7;color:#8e7a67;max-width:420px}.brand-cta{display:flex;gap:20px;align-items:center;background:none;padding:10px 0;font-size:13px;font-weight:600;color:#a74e2c}.brand-cta svg{width:18px;height:18px}footer{max-width:1480px;margin:auto;padding:0 60px 30px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#9a8978}dialog{border:0;border-radius:30px;padding:38px;width:min(440px,calc(100% - 36px));background:#fffdfa;box-shadow:0 25px 90px #35251724;color:var(--ink)}dialog::backdrop{background:#33241848;backdrop-filter:blur(7px)}dialog h2{font-size:36px;line-height:1.1;letter-spacing:-1.8px;font-weight:500;margin:20px 0}dialog p{font-size:14px;line-height:1.7;color:#897765}dialog small{display:block;font-size:10px;color:#9a8775;margin-top:15px}.close-dialog{position:absolute;right:16px;top:16px;border-radius:50%;background:#f3eae0;font-size:24px;width:31px;height:31px;line-height:1}.review-list{display:grid;gap:12px;font-size:12px;margin:25px 0}.review-list span{display:flex;gap:10px;align-items:center}.review-list svg{width:17px;height:17px;color:#718a5a}.hero h1,.lead,.prompt-box,.example-choices,.build-path,.hero-action,.demo-note{animation:arrive .8s var(--ease) both}.lead{animation-delay:.08s}.prompt-box{animation-delay:.15s}.example-choices{animation-delay:.2s}.build-path{animation-delay:.25s}.hero-action{animation-delay:.3s}.demo-note{animation-delay:.35s}.phone{animation:phone-in 1.2s var(--ease) both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-in{from{opacity:0;translate:35px 30px;rotate:4deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes soft-pulse{50%{opacity:.4}}
@media(min-width:1550px){.hero{grid-template-columns:50% 50%;padding-top:45px}.hero h1{font-size:75px}.store-scene{height:755px}.phone{width:333px;height:665px}.store-hero{height:292px}.product-image{height:102px}.identity-card{left:0}.ready-card{right:-12px}}
@media(min-width:801px) and (max-width:1150px){.nav-wrap{padding:18px 24px 0}.nav{padding:0 18px}.nav nav{gap:16px;font-size:11px}.nav-actions{gap:16px;font-size:11px}.hero{padding:25px 32px 30px;grid-template-columns:49% 51%;min-height:740px}.hero h1{font-size:clamp(43px,5.1vw,59px)}.lead{font-size:15px}.store-scene{height:650px;margin-right:0}.phone{width:283px;height:577px;top:35px;padding:7px}.store-hero{height:246px}.store-photo-copy h2{font-size:32px}.product-image{height:74px}.store-products{padding-top:13px}.identity-card{width:128px;left:0;top:216px;padding:15px;transform:translateX(-10px) rotate(-6deg)}.identity-card strong{font-size:25px}.identity-card>span:last-child{font-size:7px}.ready-card{right:-10px;bottom:65px;padding:13px 11px}.ready-card strong{font-size:10px}.ready-card span{font-size:7px}.prompt-row textarea{font-size:15px}.build-path{gap:5px}.build-path>div{font-size:8px;gap:4px}.build-path>i{width:20px}.hero-action{gap:12px}.primary{font-size:12px;padding:0 18px;gap:17px}.hero-action p{font-size:9px}.creation-section{padding:40px 32px 60px}.creation-intro h2{font-size:44px}.creation-intro p{font-size:14px}.creation-intro{gap:30px}.brand-story{margin:0 32px 50px;padding:50px 38px;gap:35px}.brand-art .approved-lockup{width:285px;height:85px;background-size:445px 185px;background-position:-80px -44px}.brand-story h2{font-size:28px}.brand-story p{font-size:14px}}
@media(max-width:800px){.nav-wrap{padding:14px 14px 0}.nav{height:65px;padding:0 14px 0 18px;gap:12px}.nav .approved-lockup{width:132px;height:40px;background-size:206px 85px;background-position:-37px -20px}.nav nav,.nav-actions>a{display:none}.nav-start{font-size:11px;padding:12px 14px;gap:10px}.nav-start svg{width:14px;height:14px}.hero{display:flex;flex-direction:column;padding:38px 24px 15px;min-height:0}.hero-copy{display:contents}.hero h1{font-size:clamp(37px,8.8vw,65px);letter-spacing:-.065em;align-self:flex-start;order:0;margin-bottom:20px}.lead{font-size:16px;line-height:1.6;margin-bottom:24px;align-self:flex-start;order:1}.lead br{display:none}.prompt-box{width:100%;max-width:540px;align-self:flex-start;order:2;padding:14px 16px 10px;border-radius:22px}.prompt-box label{font-size:11px;margin-bottom:9px}.prompt-row textarea{font-size:15px;height:57px}.prompt-row button{width:35px;height:35px}.prompt-bottom{font-size:9px}.example-choices{order:3;align-self:flex-start;margin:13px 0 5px;gap:5px;font-size:10px}.example-choices button{font-size:10px;padding:7px 10px}.example-choices>span{margin-right:4px}.build-path{order:4;align-self:flex-start;margin:17px 0 5px;gap:6px}.build-path>div{font-size:8px;gap:4px}.build-path>i{width:20px}.build-path>div>span{width:15px;height:15px}.store-scene{order:5;width:100%;max-width:500px;height:644px;margin:24px 0 0}.scene-caption{top:0;font-size:10px}.live-mark{font-size:7px}.phone{width:286px;height:574px;padding:7px;top:34px;border-radius:42px;transform:translateX(-50%) rotate(2deg)}.phone-screen{border-radius:35px}.phone-status{padding-left:20px;padding-right:17px}.store-nav{height:42px}.store-hero{height:245px}.store-photo-copy h2{font-size:32px}.product-image{height:76px}.store-products{padding:13px 14px 5px}.identity-card{left:-12px;top:229px;width:119px;padding:13px 14px;border-radius:15px}.identity-card strong{font-size:24px;letter-spacing:-1px;margin-top:8px}.tiny-label{font-size:7px}.identity-card>span:last-child{font-size:6px}.palette{margin:10px 0 8px;gap:5px}.palette i{width:15px;height:15px}.ready-card{right:-12px;bottom:67px;padding:12px 10px;gap:8px;border-radius:16px}.ready-check{width:26px;height:26px}.ready-card strong{font-size:9px}.ready-card span{font-size:7px}.ready-card button{margin-left:3px;width:23px;height:23px}.scene-footer{font-size:9px;bottom:4px;gap:14px}.scene-light{inset:0 -24px}.hero-action{order:6;align-self:flex-start;margin:25px 0 0;gap:14px}.primary{min-height:51px;font-size:12px;padding:0 18px;gap:17px}.hero-action p{font-size:9px}.demo-note{order:7;align-self:flex-start;font-size:9px;margin-top:13px}.creation-section{padding:50px 22px 55px}.creation-intro{display:block;margin-bottom:25px}.creation-intro h2{font-size:38px;line-height:1.1;letter-spacing:-2px}.creation-intro p{font-size:15px;line-height:1.6;margin:19px 0 16px}.creation-intro p br{display:none}.build-demo{font-size:13px}.business-canvas{height:910px;border-radius:28px}.connections{display:none}.business-canvas:before{content:'';position:absolute;left:50%;top:95px;bottom:82px;width:2px;background:linear-gradient(#e9d8c7,#c47b50 45%,#f1e4d7)}.idea-node{left:7%;top:4%;width:43%;transform:rotate(-5deg)}.idea-node>.node-label{font-size:9px}.idea-photo{height:137px;border:4px solid white;border-radius:17px}.idea-photo>span{font-size:15px;max-width:87px;left:9px;top:14px}.idea-note{padding:10px;margin-top:7px;gap:8px;border-radius:12px}.idea-note p{font-size:10px}.idea-note svg{width:15px}.ai-node{left:59%;top:16%;width:30%}.ai-chip{width:65px;height:65px;border-radius:22px;margin-bottom:11px}.ai-chip img{width:35px;height:35px}.ai-halo{width:100px;height:100px;top:-18px;border-radius:34px}.ai-node>span{font-size:19px}.ai-node>p{font-size:9px;margin-top:6px}.brand-fragment{left:12%;top:31%;width:44%;padding:14px;transform:rotate(3deg)}.brand-fragment strong{font-size:28px}.brand-fragment>span:last-child{font-size:8px}.identity-colors{margin:10px 0 8px}.identity-colors i{width:16px;height:16px}.store-fragment{left:9%;top:54%;width:81%;border-width:3px;transform:rotate(-2deg);border-radius:15px}.fragment-chrome{height:21px;font-size:7px}.fragment-nav{padding:9px 12px}.fragment-nav strong{font-size:18px}.fragment-nav>span{font-size:6px}.fragment-image{height:155px}.fragment-image>div{left:15px;top:24px}.fragment-image h3{font-size:28px;margin-bottom:14px}.fragment-bottom{padding:10px;font-size:6px}.campaign-fragment{left:62%;top:32%;width:31%;padding:9px;transform:rotate(5deg);border-radius:13px;z-index:6}.campaign-fragment .node-label{font-size:7px;margin-bottom:7px}.social-top{gap:3px;margin-bottom:7px}.social-top b{font-size:8px}.social-top img{width:11px;height:11px}.social-top>span{display:none}.campaign-fragment>img{height:100px;border-radius:8px}.campaign-fragment>p{font-size:10px;margin:8px 0}.social-action{font-size:6px}.social-action svg{width:9px;height:9px}.product-fragment{left:44%;top:83%;width:47%;transform:rotate(3deg);padding:9px;gap:6px;border-radius:13px}.mini-product{width:39px;height:45px}.product-fragment strong{font-size:9px}.product-fragment>div:nth-child(2)>span{font-size:7px}.product-fragment p{font-size:6px}.product-fragment>svg{width:10px;height:10px}.approval-node{left:10%;bottom:3%;gap:9px}.approval-check{width:28px;height:28px}.approval-check>svg{width:16px;height:16px}.approval-node b{font-size:10px}.approval-node div>span{font-size:9px}.creation-controls{flex-direction:column;align-items:flex-start;gap:16px;margin-top:17px}.creation-controls>span{font-size:11px;line-height:1.5}.creation-controls button{font-size:11px;padding:8px 20px}.brand-story{margin:0 22px 35px;display:flex;flex-direction:column;padding:38px 25px;gap:35px;align-items:flex-start}.brand-art{width:100%}.brand-art .approved-lockup{width:266px;height:80px;background-size:416px 173px;background-position:-75px -41px}.brand-story h2{font-size:25px;letter-spacing:-1.3px}.brand-story p{font-size:14px}.brand-cta{font-size:12px}footer{padding:0 24px 24px;display:block;font-size:9px}footer>span{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.signal{stroke-dasharray:none;opacity:.35}}
.mobile-store{overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.mobile-store::-webkit-scrollbar{display:none}.store-scene[data-business=home] #store-brand,.store-scene[data-business=beauty] #store-brand{font-size:21px;letter-spacing:-1px}.store-scene[data-business=home] .identity-card strong{font-size:23px}.phone-loading{pointer-events:none}
/* Contrast and type spacing, tuned against the supplied mark. */
:root{--accent:#b9562f;--accent-dark:#97401f}.hero h1{word-spacing:.035em}.prompt-bottom,.demo-note{color:#807164}.hero-action p{color:#807164}.build-path>div{color:#8b7c6e}.scene-footer,.scene-caption{color:#85715f}
.hero h1{word-spacing:.10em}.lead{letter-spacing:0}
@media(max-width:500px){.identity-card{display:none}.store-scene{height:720px}.ready-card{top:622px;bottom:auto;right:auto;left:50%;width:286px;transform:translateX(-50%) rotate(-2deg);padding:14px 15px}.ready-card strong{font-size:11px}.ready-card span{font-size:9px}.ready-card button{margin-left:auto}.scene-footer{bottom:4px}.hero h1{font-size:clamp(34px,8.8vw,43px)}}
/* Final-product refinement: one clear storefront, quiet controls, no floating collage. */
.hero{grid-template-columns:49% 51%;padding-top:35px;padding-bottom:44px}.hero-copy{padding-bottom:24px}.hero h1{font-size:clamp(48px,5.05vw,74px);line-height:1.065;font-weight:550;letter-spacing:-.065em;word-spacing:.12em}.lead{font-size:17px;line-height:1.7;color:#746a62}.prompt-box{box-shadow:0 7px 30px #67432305;border-color:#e9dfd5;padding:19px 20px 12px}.prompt-row textarea{font-size:16px}.prompt-box label{color:#897a6b}.example-choices{margin-top:15px}.hero-action p{line-height:1.6}.store-scene{height:746px}.scene-light{background:radial-gradient(ellipse at 52% 52%,#ecddcb 0%,#f5ecdf 33%,#faf8f500 68%);inset:0 -20px -20px -30px}.scene-caption{top:0;color:#918170;font-size:10px}.live-mark{background:transparent;color:#a18e79;padding-left:10px;border-left:1px solid #dfd3c4;border-radius:0}.phone{width:326px;height:654px;top:31px;transform:translateX(-50%);box-shadow:18px 28px 55px #76523214,0 4px 9px #6b543c1c,inset 0 0 0 1px #d6cec5;background:linear-gradient(130deg,#fff,#e9e5df 40%,#f7f5f1);padding:7px}.phone-screen{border-radius:38px}.store-nav{height:48px;padding:0 20px}.store-nav strong{font-size:27px;letter-spacing:-1.6px}.address-bar{background:#faf9f7;font-size:8px}.phone-status{height:40px}.store-hero{height:288px}.store-photo-copy{left:22px;bottom:21px}.store-photo-copy h2{font-size:37px;font-weight:500;letter-spacing:-1.7px;margin-bottom:15px}.store-photo-copy>span{font-size:8px;opacity:.9}.store-photo-copy button{border-radius:5px;font-size:8px;font-weight:500;padding:10px 13px;gap:19px;background:var(--store-accent,#fff);color:var(--store-button-text,#30251e)}.store-scene[style*="--store-accent"] .store-photo-copy button{color:white}.store-products{padding:17px 17px 5px}.collection-heading{margin-bottom:12px;font-size:10px}.product-image{height:94px;border-radius:5px;background-color:#f4f0e9}.product-grid>div>span{font-size:8px;margin-top:8px}.product-grid b{font-size:8px;color:#84786b}.identity-card{display:none}.ready-card{top:700px;bottom:auto;left:50%;right:auto;width:365px;max-width:100%;transform:translateX(-50%);padding:0;background:transparent;border-radius:0;box-shadow:none;gap:9px}.ready-card strong{font-size:10px;font-weight:500}.ready-card>div>span{font-size:8px;margin-top:3px;color:#8b7b6b}.ready-check{width:27px;height:27px;background:#e8eadd}.ready-check svg{width:15px;height:15px}.ready-card button{margin-left:auto;display:flex;gap:5px;width:auto;height:31px;padding:0 10px;background:#eee2d4;border-radius:20px;font-size:9px;color:#8f5738}.ready-card button span{margin:0;font:inherit;color:inherit}.scene-footer{display:none}.creation-section{padding-top:85px}.creation-intro{margin-bottom:38px}.business-canvas{background:radial-gradient(ellipse at 48% 40%,#fff 0%,#fcf7f0 55%,#f2e8db 100%)}.idea-node,.brand-fragment,.store-fragment,.campaign-fragment,.product-fragment{transform:rotate(0)}.idea-photo{border-width:5px}.campaign-fragment{left:79%;width:17%;top:9%;box-shadow:0 12px 28px #65452e08}.store-fragment{left:49%;width:31%;top:41%;box-shadow:0 17px 35px #65452e0b}.product-fragment{top:82%;left:76%;width:21%;box-shadow:0 10px 25px #65452e08}.brand-fragment{top:7%;left:53%;width:20%;box-shadow:0 12px 30px #65452e08}.creation-controls>div{background:#eee6dc}.creation-intro h2{font-weight:500;letter-spacing:-2.7px}.brand-story{background:#eee5d9}.personal-label{display:block;font-size:12px;color:#7c6959;margin:24px 0 8px}#brand-name{width:100%;padding:13px 14px;border:1px solid #e6d9ca;border-radius:10px;background:white;font:inherit;font-size:17px;color:#332920;outline-color:var(--accent)}.color-picker{padding:0;margin:23px 0 28px;border:0;display:flex;gap:11px}.color-picker legend{font-size:12px;color:#7c6959;margin-bottom:12px}.color-picker button{background:var(--swatch);width:28px;height:28px;border-radius:50%;outline:2px solid transparent;outline-offset:3px}.color-picker button[aria-pressed=true]{outline-color:var(--swatch)}dialog .primary{width:100%}dialog h2{font-size:30px;letter-spacing:-1.5px}
@media(min-width:801px) and (max-width:1150px){.phone{width:284px;height:581px}.store-hero{height:243px}.store-products{padding:12px 14px 5px}.product-image{height:76px}.store-scene{height:686px}.ready-card{top:629px;width:310px}.ready-card strong{font-size:9px}.ready-card>div>span{font-size:7px}.ready-card button{font-size:8px}.hero h1{font-size:clamp(43px,5.05vw,59px)}.lead{font-size:15px}.store-photo-copy h2{font-size:32px}.store-nav strong{font-size:24px}.creation-intro h2{font-size:44px}.creation-intro p{font-size:14px}}
@media(max-width:800px){.hero{padding-top:36px;display:flex}.hero h1{font-size:clamp(35px,8.8vw,65px);line-height:1.09;white-space:normal;letter-spacing:-.065em;word-spacing:.1em}.lead{font-size:16px;margin-bottom:25px}.prompt-row textarea{font-size:15px}.store-scene{height:701px;margin-top:27px}.phone{width:286px;height:579px;top:32px;transform:translateX(-50%);padding:6px;border-radius:41px}.phone-screen{border-radius:35px}.store-nav{height:43px}.store-nav strong{font-size:24px}.store-hero{height:249px}.store-photo-copy h2{font-size:32px}.store-photo-copy{left:20px;bottom:18px}.store-products{padding:13px 14px 5px}.product-image{height:77px}.ready-card{top:633px;bottom:auto;left:50%;width:310px;transform:translateX(-50%);padding:0;background:transparent}.ready-card strong{font-size:9px}.ready-card>div>span{font-size:7px}.ready-card button{font-size:8px;padding:0 8px}.hero-action{margin-top:7px}.creation-section{padding-top:30px}.creation-intro{margin-bottom:25px}.creation-intro h2{font-size:38px}.business-canvas{height:910px}.brand-fragment{left:12%;top:31%;width:44%}.store-fragment{left:9%;top:54%;width:81%}.campaign-fragment{left:62%;top:32%;width:31%}.product-fragment{left:44%;top:83%;width:47%}.brand-story h2{font-size:25px}}
.store-scene[data-business=style] .store-hero>img{object-position:50% 22%}.fragment-image>img{object-position:center 15%}.fragment-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1d17193b,transparent 75%);pointer-events:none}.fragment-image>div{z-index:1;color:white}.fragment-image>div>span{color:#28221b}.idea-photo>img{object-position:center 18%}.campaign-fragment>img{object-position:center 20%}
.store-scene[data-business=style] .store-hero>img{object-position:center top;transform-origin:center top}.store-scene[data-business=style] .product-image{background-image:url('assets/clothing-products.png');background-size:200% 100%;height:auto;aspect-ratio:1}.store-scene[data-business=style] #product-two{background-position:100% 0%}.mini-product.clothing-mini,.business-canvas:not([data-category]) .mini-product{background-image:url('assets/clothing-products.png');background-size:200% 100%;background-position:0 0}
.store-nav strong{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-loading{visibility:hidden}.store-scene[data-phase=typing] .phone-loading{visibility:visible}.mobile-store{scroll-padding-bottom:24px}.built-with{padding-bottom:20px}
@media(max-width:800px){.store-nav strong{max-width:174px}}
.fragment-image>img{object-position:center top}.business-canvas:not([data-category]) .identity-colors i:nth-child(1),.business-canvas[data-category=style] .identity-colors i:nth-child(1){background:#403c32}.business-canvas:not([data-category]) .identity-colors i:nth-child(2),.business-canvas[data-category=style] .identity-colors i:nth-child(2){background:#c26740}.business-canvas:not([data-category]) .identity-colors i:nth-child(3),.business-canvas[data-category=style] .identity-colors i:nth-child(3){background:#eadbc7}.business-canvas:not([data-category]) .identity-colors i:nth-child(4),.business-canvas[data-category=style] .identity-colors i:nth-child(4){background:#a8a28e}

/* Revision 8: the store within the phone, preserving the outer hero. */
.close-dialog{padding:0;display:flex;align-items:center;justify-content:center;line-height:0}.close-dialog svg{display:block;width:16px;height:16px}
.mobile-store{background:#fffdfa}.store-nav{height:56px;padding:0 18px;background:transparent;gap:12px}.store-nav strong{font-weight:700;letter-spacing:-1.4px}.store-nav button{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#f0ede7}.store-nav .menu-icon{flex-direction:column;gap:4px}.store-nav .menu-icon span{margin:0;width:12px}.store-nav .bag-icon svg{width:15px;height:15px}
.store-hero{margin:0 10px;border-radius:24px;isolation:isolate;transform:translateZ(0);height:278px}.store-hero>img{border-radius:inherit}.store-photo-shade{inset:30% 0 0;background:linear-gradient(transparent,#211d1bbd)}.store-photo-copy{left:17px;right:15px;bottom:19px}.store-photo-copy h2{font-size:35px;line-height:1.03;letter-spacing:-1.5px}.store-photo-copy button{border-radius:30px;padding:10px 14px;background:white;color:#30251e;gap:12px}.product-image{border-radius:14px}.store-products{padding:18px 12px 6px}.collection-heading{font-weight:600}.collection-heading>span:last-child{font-size:8px;font-weight:400}.product-grid>div>span{font-size:9px}.product-grid b{display:block;margin-top:3px;font-weight:500;font-size:9px}
.store-scene[data-business=home] .mobile-store{background:#f6f5ed}.store-scene[data-business=home] #store-brand{font-family:Georgia,serif;font-size:22px;font-weight:400;letter-spacing:-.8px;color:#324b3b}.store-scene[data-business=home] .store-nav button{background:#e9ecdf;color:#324b3b}.store-scene[data-business=home] .store-photo-copy h2{font-family:Georgia,serif;letter-spacing:-1.1px;font-size:35px}.store-scene[data-business=home] .store-hero{border-radius:28px}
.store-scene[data-business=beauty] .mobile-store{background:#fcf4ef}.store-scene[data-business=beauty] #store-brand{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:23px;letter-spacing:-1px;color:#754c3b}.store-scene[data-business=beauty] .store-nav button{background:#f2e5dc;color:#754c3b}.store-scene[data-business=beauty] .store-photo-copy h2{font-family:Georgia,serif;font-size:35px;font-weight:400}.store-scene[data-business=beauty] .store-hero{border-radius:30px}
@media(max-width:1150px){.store-nav{height:51px;padding:0 14px}.store-hero{height:239px;margin:0 9px;border-radius:22px}.store-photo-copy{left:15px;bottom:17px}.store-photo-copy h2,.store-scene[data-business=home] .store-photo-copy h2,.store-scene[data-business=beauty] .store-photo-copy h2{font-size:30px}.store-products{padding:15px 11px 6px}.product-image{height:77px;border-radius:12px}.store-nav strong{max-width:172px}.store-scene[data-business=home] #store-brand{font-size:20px}.store-scene[data-business=beauty] #store-brand{font-size:21px}}

/* Portfolio identity */
.nav .approved-lockup{width:166px;height:49px;background-image:url('assets/creafy-lockup.svg');background-size:contain;background-position:center;mix-blend-mode:normal}@media(max-width:800px){.nav .approved-lockup{width:133px;height:40px;background-size:contain;background-position:center}}
.concept-footer{padding:24px;text-align:center;font:13px/1.6 Creafy,Arial,sans-serif;background:#f6f2eb;color:#655140}.concept-footer a{color:inherit;text-decoration:underline}

.ai-symbol,.phone-loading>.ai-symbol{background-image:url('assets/creafy-symbol.svg');background-size:contain;background-position:center;mix-blend-mode:normal}