@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#171819;--paper:#f4f3ed;--lime:#dfff00;--pink:#fa75c3;--line:#454647}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 'DM Sans',Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.footer-brand{font-family:'Space Grotesk',Arial,sans-serif}h2{font-size:clamp(2rem,4vw,4.3rem);line-height:1.07;letter-spacing:-.045em}h3{font-size:2rem;line-height:1.1;letter-spacing:-.035em}p{color:#c8c9c5}.concept{padding:9px 4%;background:var(--pink);color:var(--ink);display:flex;justify-content:space-between;font-size:12px;letter-spacing:.07em;font-weight:700}.concept span{letter-spacing:0;font-weight:500}header{margin:0 4%;padding:28px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{position:relative;font-size:23px;font-weight:700;line-height:.86;letter-spacing:-1px;padding-left:39px;padding-right:43px}.mark{position:absolute;left:0;top:4px;color:var(--lime);font-size:37px}.brand-second{padding-left:0}.beta{position:absolute;top:0;right:0;font:10px/1.3 Arial;letter-spacing:1px;border:1px solid #777;padding:3px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--lime)}.button{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:19px 24px;background:var(--lime);color:var(--ink);font-weight:700;border-radius:4px}.button:hover{background:#ecff7e}.button span{font-size:23px}.button.small{font-size:14px;padding:12px 18px}.hero{padding:65px 4% 64px;display:flex;justify-content:space-between}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:inherit}.ps{color:#8ccbff;background:#162d40;font-size:15px;letter-spacing:0;padding:5px 7px;margin-right:12px}.hero h1{font-size:clamp(4rem,8.6vw,9rem);line-height:.96;letter-spacing:-.065em;font-weight:600;margin:32px 0}.hero em{font-style:normal;color:var(--lime)}.hero-bottom{display:flex;align-items:center;gap:55px;margin-top:32px}.hero-bottom p{font-size:18px}.hero-note{align-self:flex-end;margin-bottom:24px;font-size:12px;letter-spacing:.08em}.corner-mark{font-size:125px;line-height:1;color:var(--pink);margin-top:20px}.playground{padding:42px 4% 0;background:var(--paper);color:var(--ink)}.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.demo-heading h2{font-size:clamp(2rem,3.4vw,3.4rem)}.demo-heading p{color:#434444;font-size:16px}.demo-heading p span{font-size:12px;color:#676765}.workspace{background:#242627;border:1px solid #4f5050;box-shadow:0 16px 30px #0002}.workspace-top{display:flex;justify-content:space-between;padding:13px 20px;color:#ccc;font-size:11px;letter-spacing:.09em}.canvas{position:relative;aspect-ratio:1.95;overflow:hidden;background:#a8a8a2}.canvas>img{height:100%;width:100%;object-fit:cover;display:block}.edit-region{position:absolute;left:12%;top:36%;width:57%;height:47%;border:2px dashed white;box-shadow:0 0 0 1px #2223;transition:background .5s;mix-blend-mode:normal}.edit-region.edited{background:var(--tint,#ff22b3);mix-blend-mode:color}.selection-label{position:absolute;top:-27px;left:-2px;background:var(--ink);color:white;font:10px/1.5 Arial;letter-spacing:1px;padding:4px 9px}.handle{position:absolute;width:8px;height:8px;background:white;border:1px solid #333}.tl{top:-5px;left:-5px}.tr{top:-5px;right:-5px}.bl{bottom:-5px;left:-5px}.br{bottom:-5px;right:-5px}.sticker{position:absolute;right:5%;top:7%;padding:26px;background:var(--lime);color:var(--ink);transform:rotate(8deg);border-radius:50%;font-size:22px;font-weight:700;line-height:1.05;width:145px;height:145px;display:grid;place-content:center;text-align:center}.prompt-card{position:absolute;bottom:5%;right:3%;width:min(390px,44%);background:var(--ink);color:white;padding:24px;box-shadow:0 15px 35px #0004;border:1px solid #555;border-radius:9px}.prompt-title{font-size:10px;letter-spacing:.12em;color:#babeb6}.mini-mark{color:var(--lime);font-size:20px;margin-right:10px}.prompt-card p{font-size:23px;line-height:1.25;color:white;margin:14px 0 24px}.prompt-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.prompt-bottom>span{font-size:12px;color:#aaa}.prompt-bottom button{border:0;background:var(--lime);color:var(--ink);padding:11px 14px;font-size:14px;border-radius:4px;font-weight:700}.demo-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;color:var(--paper);font-size:14px}.demo-controls>div{display:flex;align-items:center;gap:10px}.swatch{height:26px;width:26px;border-radius:50%;border:3px solid #242627;outline:1px solid transparent}.swatch.active{outline-color:white}.pink{background:var(--pink)}.lime{background:var(--lime)}.orange{background:#ff963e}.demo-controls span{margin-left:12px}.text-button{background:none;color:white;border:0;font-size:14px}.platforms{background:var(--paper);color:var(--ink);text-align:center;padding:68px 4%}.platform-list{display:flex;justify-content:space-between;gap:25px;margin:24px auto;max-width:950px;font-size:clamp(1.5rem,3.1vw,2.6rem);font-weight:700;letter-spacing:-.06em}.platforms>p:last-child{color:#5c5d58;font-size:14px}.workflow{padding:90px 4%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-title .eyebrow{max-width:190px;color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line)}.steps article{padding:28px 35px 0 0}.steps article+article{border-left:1px solid var(--line);padding-left:35px}.number{font:12px 'DM Sans';color:var(--pink);letter-spacing:.09em}.steps h3{margin:45px 0 20px}.steps p{max-width:290px}.statement{padding:65px 4%;background:var(--pink);color:var(--ink);position:relative}.statement>p{font-size:12px;color:var(--ink);font-weight:700;letter-spacing:.1em}.statement h2{font-size:clamp(3.4rem,8vw,8rem);margin:28px 0 45px}.statement h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.feature-strip{display:flex;gap:38px;flex-wrap:wrap;border-top:1px solid #2225;padding-top:25px;font-size:14px;font-weight:600}.get-it{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding:100px 4%;border-bottom:1px solid var(--line)}.get-it h2{margin:30px 0}.get-it aside{border:1px solid #555;padding:32px}.tag{font-size:11px;color:var(--lime);letter-spacing:.1em}.get-it h3{margin:24px 0}.get-it aside .button{width:100%;margin:28px 0 18px}.get-it small{font-size:12px;color:#b7b9b2}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding:85px 4%}.faq h2{font-size:2.7rem}details{border-bottom:1px solid var(--line);padding:22px 0}details:first-child{padding-top:0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:18px;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--lime)}details[open] summary:after{content:'−'}details p{padding-top:20px;font-size:15px}footer{padding:45px 4% 30px;border-top:1px solid var(--line)}.footer-brand{font-size:clamp(2.5rem,9vw,9rem);font-weight:600;letter-spacing:-.07em;display:flex;justify-content:space-between;align-items:center;line-height:1.1}.footer-brand span{color:var(--lime)}footer>div{display:flex;justify-content:space-between;gap:25px;margin-top:35px;font-size:11px}footer>div span{letter-spacing:.1em}footer p{text-align:right}dialog{max-width:540px;width:calc(100% - 30px);background:var(--ink);color:var(--paper);border:1px solid #777;padding:40px;border-radius:8px}dialog::backdrop{background:#000b}dialog h2{font-size:2.6rem;margin:25px 0}dialog p{margin:18px 0}dialog .button{margin-top:18px}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1600px){main,header,footer{max-width:1500px;margin:auto}header,footer{padding-left:4%;padding-right:4%}}@media(max-width:900px){nav{display:none}.hero-bottom{align-items:start;flex-direction:column;gap:24px}.hero-note{display:none}.demo-heading{align-items:start;flex-direction:column}.canvas{aspect-ratio:1.35}.prompt-card{width:52%;padding:18px}.prompt-card p{font-size:20px}.sticker{width:110px;height:110px;font-size:20px}.section-title{align-items:start;flex-direction:column}.get-it{gap:6%}.steps h3{font-size:1.65rem}.faq{grid-template-columns:1fr;gap:35px}}@media(max-width:600px){.concept{font-size:10px}.concept span{display:none}header{padding:24px 0}.brand{font-size:20px}.button.small{font-size:12px;padding:10px;gap:10px}.hero{padding-top:40px}.hero h1{font-size:clamp(3rem,13vw,5rem)}.hero-bottom p{font-size:16px}.playground{padding-top:30px}.workspace-top span:nth-child(2){display:none}.canvas{aspect-ratio:.95}.canvas>img{object-position:42% center}.sticker{right:5%;top:5%;width:95px;height:95px;font-size:16px}.prompt-card{width:90%;bottom:4%;right:5%;padding:17px}.prompt-card p{margin:8px 0 15px}.edit-region{left:5%;top:32%;width:80%;height:33%}.demo-controls{padding:16px 12px}.demo-controls>div>span{display:none}.platforms{padding:45px 4%}.platform-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:26px}.workflow{padding:60px 4%}.steps{grid-template-columns:1fr;margin-top:30px}.steps article,.steps article+article{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}.steps h3{margin:22px 0 15px}.steps p{max-width:none}.statement{padding:45px 4%}.feature-strip{gap:14px;flex-direction:column}.get-it{grid-template-columns:1fr;gap:35px;padding:60px 4%}.get-it aside{padding:25px}.faq{padding:55px 4%}.faq h2{font-size:2.1rem}footer>div{flex-direction:column}footer p{text-align:left}.footer-brand{font-size:10vw}dialog{padding:28px}dialog h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

#product-video{display:block;width:100%;aspect-ratio:16/9;background:#191d1f;border-radius:8px}.video-note{display:flex;justify-content:space-between;gap:20px;padding:16px 0 28px;font-size:13px;color:#4b4e47}.demo-heading p{max-width:550px}@media(max-width:600px){#product-video{aspect-ratio:1/1;object-fit:contain}.video-note{flex-direction:column;gap:6px}}

.platform-list{gap:28px}.platform-brand{display:inline-flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap}.platform-brand img{width:40px;height:40px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}@media(max-width:900px){.platform-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}.platform-brand{font-size:32px}}@media(max-width:600px){.platform-list{gap:24px 12px}.platform-brand{font-size:24px;gap:8px}.platform-brand img{width:28px;height:28px}}

.platform-symbol{width:40px;height:40px;flex-shrink:0}@media(max-width:600px){.platform-symbol{width:28px;height:28px}}
.platform-brand img[src$="krea.png"]{filter:contrast(1.25)}

/* InlayerAI horizontal identity */
header .brand{display:flex;align-items:center;gap:10px;padding:0;min-width:0;flex-shrink:0}header .brand-logo{display:block;width:264px;height:auto}header .beta{position:static;flex:none}footer .footer-brand{display:block}footer .footer-brand img{display:block;width:min(540px,100%);height:auto;margin:0}@media(max-width:600px){header{gap:12px}header .brand-logo{width:192px}header .brand{gap:6px}header .beta{font-size:8px;padding:2px}header .button.small{max-width:115px;font-size:11px}}@media(max-width:360px){header .brand-logo{width:168px}header .beta{display:none}}

/* Compact workflow descriptions */
.steps .number{display:block;margin-bottom:22px}

/* Hero tagline beneath the three promises */
.hero-copy{width:100%;min-width:0}.hero h1{font-size:clamp(3rem,8.2vw,8.5rem);margin:0 0 32px}.hero .eyebrow{display:flex;align-items:center;gap:15px;font-size:16px;letter-spacing:.1em}.hero .ps{display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1;width:48px;height:48px;margin:0;padding:0;border-radius:4px;flex-shrink:0}@media(max-width:600px){.hero h1{font-size:clamp(2.4rem,10.8vw,4rem)}.hero .eyebrow{font-size:12px;gap:12px;letter-spacing:.07em}.hero .ps{font-size:21px;width:40px;height:40px}}

/* Launch interest form */
#interest-form{display:grid;gap:16px;margin-top:24px}#interest-form>label{font-weight:600}#interest-email{width:100%;min-width:0;padding:14px;border:1px solid #777;border-radius:5px;background:#25272a;color:#fff;font:inherit}#interest-email:focus{outline:2px solid #fa75c3;outline-offset:2px}.interest-consent{display:flex;align-items:flex-start;gap:10px;font-size:15px}.interest-consent input{width:18px;height:18px;flex-shrink:0;accent-color:#fa75c3;margin-top:3px}#interest-form small{font-size:13px;line-height:1.5;color:#bbb}#interest-form button{justify-content:center}#interest-form button:disabled{opacity:.65;cursor:wait}#interest-form #interest-status{margin:0;font-size:16px;line-height:1.5;color:#dfff00}#interest-form #interest-status.error{color:#fa75c3}.interest-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#launch-dialog{max-height:calc(100dvh - 32px);overflow:auto}

.video-note{align-items:center;flex-wrap:wrap}.guide-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;padding:10px 16px;border-radius:6px;background:var(--pink);color:var(--ink);font-size:14px;font-weight:700;line-height:1.4;text-decoration:none}.guide-button:hover{filter:brightness(.95)}@media(max-width:600px){.video-note{align-items:flex-start;gap:10px}}