@font-face{font-family:"Onest";font-style:normal;font-weight:400 800;font-display:swap;src:url("assets/fonts/onest-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Onest";font-style:normal;font-weight:400 800;font-display:swap;src:url("assets/fonts/onest-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url("assets/fonts/dm-mono-400-latin.woff2") format("woff2")}
:root{--blue:#0057ff;--coral:#ff5b3d;--cream:#f4f0e7;--butter:#f2e65c;--ink:#111214;--white:#fff;--muted:#6d706f;--line:#cbc8bf;--mono:"DM Mono",monospace;--sans:"Onest",Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{max-width:100%;overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}body{max-width:100%;margin:0;overflow-x:hidden;overflow-x:clip;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.45}main,header,footer,section{max-width:100%}.hero>*,.studio-heading>*,.workspace>*,.how-title>*,.looks-heading>*,.compare>*,.safe>*,.faq>*{min-width:0}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}
.topline{height:30px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;font:500 9px var(--mono);letter-spacing:.06em}.topline span{padding:2px 6px;background:var(--butter);color:var(--ink)}.topline i{font-style:normal;color:#8ab1ff}.site-header{height:82px;padding:0 4vw;display:grid;grid-template-columns:220px 1fr auto;gap:30px;align-items:center;position:sticky;top:0;z-index:40;background:rgba(244,240,231,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--ink);color:#fff;font:500 11px var(--mono)}.brand strong{font-size:12px;line-height:1;letter-spacing:-.03em}.desktop-nav{display:flex;justify-content:center;gap:32px}.desktop-nav a{font-size:12px;text-decoration:none}.desktop-nav a:hover{color:var(--blue)}.nav-cta{padding:13px 16px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;text-decoration:none}.nav-cta span{margin-left:25px;color:var(--butter)}
.hero{min-height:760px;padding:54px 5vw 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.kicker{margin-bottom:32px;display:flex;align-items:center;gap:16px;color:var(--blue);font:500 10px var(--mono)}.kicker b{padding-left:16px;border-left:1px solid var(--line);color:#999;font-weight:400}.hero h1,.studio-heading h2,.how h2,.looks h2,.compare h2,.safe h2,.faq h2,.closing h2,.legal-page h1{margin:0;font-weight:650;letter-spacing:-.065em}.hero h1{font-size:clamp(58px,7.2vw,112px);line-height:.86}.hero h1 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.hero-copy>p{max-width:600px;margin:30px 0 0;color:#5e6260;font-size:17px}.hero-actions{margin-top:35px;display:flex;align-items:center;gap:25px}.button{min-width:205px;padding:16px 18px;display:inline-flex;justify-content:space-between;align-items:center;border:0;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer}.button-blue{background:var(--blue);color:#fff}.button-coral{background:var(--coral);color:var(--ink)}.button-outline{border:1px solid var(--line);background:transparent}.play-link{display:flex;align-items:center;gap:9px;font-size:12px;text-underline-offset:4px}.play-link i{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-style:normal;font-size:8px}.hero-stats{margin-top:54px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.hero-stats div{padding:16px 12px 0 0}.hero-stats div+div{padding-left:17px;border-left:1px solid var(--line)}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font:500 18px var(--mono)}.hero-stats span{margin-top:4px;color:var(--muted);font-size:9px}.hero-stage{min-height:620px;position:relative;background:#ddd7cc;overflow:hidden}.stage-image{position:absolute;inset:0;opacity:0;transition:opacity .45s}.stage-image.active{opacity:1}.stage-image img{width:100%;height:100%;object-fit:cover}.stage-tabs{position:absolute;left:18px;top:18px;z-index:3;padding:4px;display:flex;background:rgba(244,240,231,.92)}.stage-tabs button{padding:9px 13px;border:0;background:transparent;font-size:10px;font-weight:700;cursor:pointer}.stage-tabs button.active{background:var(--ink);color:#fff}.ai-card{width:170px;padding:17px;position:absolute;right:18px;bottom:18px;z-index:3;background:var(--butter);box-shadow:8px 8px 0 var(--blue)}.ai-card i{width:8px;height:8px;display:block;border-radius:50%;background:var(--blue)}.ai-card span{margin:12px 0 5px;display:block;font:500 8px var(--mono)}.ai-card strong{font-size:21px;line-height:1}.scan-line{height:2px;position:absolute;left:0;right:0;top:10%;z-index:2;background:linear-gradient(90deg,transparent,var(--blue),transparent);box-shadow:0 0 12px var(--blue);animation:scan 4s ease-in-out infinite;opacity:.7}@keyframes scan{0%,100%{top:12%;opacity:0}15%,85%{opacity:.7}50%{top:86%}}
.marquee{padding:15px 0;overflow:hidden;background:var(--ink);color:#fff;white-space:nowrap}.marquee div{width:max-content;font:500 10px var(--mono);letter-spacing:.07em;animation:marquee 22s linear infinite}.marquee span{margin:0 30px;color:var(--coral)}@keyframes marquee{to{transform:translateX(-50%)}}
.studio{padding:120px 5vw;background:#fff}.studio-heading{display:grid;grid-template-columns:.4fr 1.3fr .6fr;gap:5vw;align-items:end}.section-no{color:#767a77;font:500 9px var(--mono);letter-spacing:.08em}.studio-heading h2,.looks h2,.safe h2,.faq h2{font-size:clamp(46px,5.4vw,82px);line-height:.93}.studio-heading>p{margin:0;color:var(--muted);font-size:14px}.workspace{max-width:1220px;margin:60px auto 0;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);box-shadow:12px 12px 0 #e8e3d8}.workspace-main{padding:22px;border-right:1px solid var(--line)}.workspace-toolbar{margin-bottom:16px;display:flex;justify-content:space-between;font:500 9px var(--mono)}.workspace-toolbar button{border:0;background:none;text-decoration:underline;cursor:pointer}.dropzone{height:600px;display:block;position:relative;overflow:hidden;background:#ddd;cursor:pointer}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone>img{width:100%;height:100%;object-fit:cover}.dropzone::after{content:"";position:absolute;inset:0;border:2px solid transparent;transition:.2s}.dropzone.dragover::after{border-color:var(--blue);box-shadow:inset 0 0 0 8px rgba(0,87,255,.15)}.drop-hint{padding:22px;display:none;position:absolute;inset:22px;z-index:2;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #fff;background:rgba(17,18,20,.72);color:#fff;text-align:center}.dropzone.dragover .drop-hint{display:flex}.drop-hint b{width:48px;height:48px;margin-bottom:15px;display:grid;place-items:center;border-radius:50%;background:var(--blue);font-size:24px}.drop-hint small{margin-top:5px;color:#c7cbc8}.dropzone em{padding:11px 13px;position:absolute;left:14px;bottom:14px;background:#fff;font-style:normal;font-size:10px;font-weight:700}.control-panel{padding:28px;display:flex;flex-direction:column}.control-head{padding-bottom:17px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font:500 9px var(--mono)}.control-head b{color:var(--blue)}.preset-list{margin-top:12px}.preset{width:100%;padding:12px 0;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer}.preset>i{width:38px;height:46px;border-radius:30px 30px 6px 6px}.tone-blue{background:#0e4fd1}.tone-orange{background:#e87142}.tone-cream{background:#dcd2bd}.tone-black{background:#222}.preset span b,.preset span small{display:block}.preset span b{font-size:12px}.preset span small{margin-top:2px;color:var(--muted);font-size:9px}.preset>em{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#999;font:400 8px var(--mono);font-style:normal}.preset.active>em{border-color:var(--blue);background:var(--blue);color:#fff}.custom-prompt{margin-top:25px}.custom-prompt span{display:block;margin-bottom:8px;font:500 9px var(--mono)}.custom-prompt textarea{width:100%;padding:13px;resize:none;border:1px solid var(--line);border-radius:0;background:#faf9f6;font-size:11px}.generate{width:100%;margin-top:auto;padding:17px;display:flex;justify-content:space-between;border:0;background:var(--blue);color:#fff;font-weight:750;cursor:pointer}.generate b{color:var(--butter)}.generate:disabled{opacity:.65}.consent{margin:10px 0 0;color:#999;font-size:8px}.generation-result{grid-column:1/-1;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:55px;background:var(--cream)}.result-photo{height:580px;position:relative;overflow:hidden}.result-photo img{width:100%;height:100%;object-fit:cover}.result-photo span{padding:8px 10px;position:absolute;left:14px;bottom:14px;background:var(--butter);font:500 9px var(--mono)}.result-info{align-self:center}.result-info>span{color:var(--blue);font:500 9px var(--mono)}.result-info h3{margin:18px 0 22px;font-size:clamp(38px,4.5vw,66px);line-height:.9;letter-spacing:-.06em}.result-info p{max-width:430px;color:var(--muted)}.result-actions{margin-top:30px;display:flex;gap:10px}
.how{padding:120px 5vw;background:var(--blue);color:#fff}.section-no-light{color:#a9c2ff}.how-title{display:grid;grid-template-columns:.4fr 1fr}.how h2{font-size:clamp(50px,6.4vw,98px);line-height:.9}.how h2 em{color:var(--butter);font-family:Georgia,serif;font-weight:400}.how-grid{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}.how-grid article{min-height:360px;padding:24px;border-right:1px solid rgba(255,255,255,.35)}.how-grid article:first-child{padding-left:0}.how-grid article:last-child{border-right:0}.how-grid article>b{font:500 9px var(--mono);color:#a9c2ff}.process-icon{width:64px;height:64px;margin:80px 0 28px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;font-size:24px}.how-grid h3{margin:0;font-size:22px}.how-grid p{max-width:320px;color:#bcd0ff;font-size:12px}
.looks{padding:120px 5vw}.looks-heading{display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end}.looks-heading .section-no{margin-bottom:25px}.looks-heading>p{margin:0;color:var(--muted)}.look-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.look-card{min-height:470px;padding:18px;display:flex;flex-direction:column}.look-card>span{font:500 9px var(--mono)}.look-cobalt{background:#1459d9;color:#fff}.look-tangerine{background:#ec7449}.look-butter{background:#ede168}.look-ink{background:#1d1e20;color:#fff}.garment{height:240px;margin:35px 20px 25px;display:grid;place-items:center}.garment i{width:70%;height:90%;display:block;position:relative;border-radius:55px 55px 10px 10px;background:rgba(255,255,255,.82)}.garment i::before,.garment i::after{content:"";width:42%;height:18px;position:absolute;top:20px;background:inherit}.garment i::before{right:86%;transform:rotate(-28deg);transform-origin:right}.garment i::after{left:86%;transform:rotate(28deg);transform-origin:left}.look-card h3{margin:auto 0 0;font-size:24px}.look-card p{margin:4px 0 0;font-size:10px;opacity:.7}
.compare{padding:110px 5vw;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;background:var(--ink);color:#fff}.compare-copy{align-self:center}.compare h2{margin-top:25px;font-size:clamp(47px,5.7vw,86px);line-height:.92}.compare-copy>p{max-width:440px;margin:25px 0;color:#a3a6a4}.preserve-list{display:flex;flex-wrap:wrap;gap:8px}.preserve-list span{padding:8px 10px;border:1px solid #454846;font:400 9px var(--mono)}.compare-box{aspect-ratio:4/5;position:relative;overflow:hidden;background:#ccc}.compare-box>img,.compare-after,.compare-after img{width:100%;height:100%;object-fit:cover}.compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}.compare-box input{position:absolute;inset:0;z-index:5;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare-divider{width:2px;height:100%;position:absolute;left:50%;top:0;background:#fff;pointer-events:none}.compare-divider i{width:46px;height:46px;display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:var(--ink);font-style:normal}.tag{padding:8px 10px;position:absolute;top:15px;background:var(--ink);font:500 9px var(--mono)}.tag-before{left:15px}.tag-after{right:15px;background:var(--butter);color:var(--ink)}
.safe{padding:120px 5vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.safe-intro .section-no{margin-bottom:25px}.safe-intro>p{max-width:520px;color:var(--muted)}.safe-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.safe-cards article{min-height:330px;padding:20px;border-right:1px solid var(--line)}.safe-cards article:last-child{border-right:0}.safe-cards span{font:500 9px var(--mono);color:var(--blue)}.safe-cards h3{margin:140px 0 12px;font-size:17px}.safe-cards p{margin:0;color:var(--muted);font-size:11px}.faq{padding:110px 5vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;background:#ded9cd}.faq-title .section-no{margin-bottom:25px}.faq-list{border-top:1px solid #aaa69d}.faq-list details{border-bottom:1px solid #aaa69d}.faq-list summary{padding:22px 0;display:flex;justify-content:space-between;gap:20px;list-style:none;font-weight:700;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 20px var(--mono)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{max-width:640px;margin:0;padding:0 45px 24px 0;color:var(--muted);font-size:12px}.closing{padding:120px 20px;text-align:center;background:var(--coral)}.closing>span{font:500 9px var(--mono)}.closing h2{margin:25px 0 38px;font-size:clamp(60px,8vw,120px);line-height:.86}.closing .button{margin:auto}
footer{padding:48px 5vw 25px;display:grid;grid-template-columns:1fr 1fr;gap:35px;background:var(--ink);color:#fff}.brand-footer .brand-mark{background:var(--blue)}footer>p{margin:0;color:#8c908d;text-align:right;font-size:11px}.footer-nav{grid-column:1/-1;padding-top:28px;display:flex;gap:25px;border-top:1px solid #343634}.footer-nav a{color:#b6b9b6;font-size:10px}footer>span{grid-column:1/-1;color:#666965;font:400 9px var(--mono)}
.legal-header{top:0;grid-template-columns:1fr auto}.legal-header .nav-cta{background:var(--blue)}.legal-page{max-width:980px;margin:auto;padding:100px 24px 140px}.legal-page .eyebrow{color:var(--blue);font:500 9px var(--mono)}.legal-page h1{font-size:clamp(54px,8vw,105px);line-height:.9}.legal-date{margin:28px 0 70px;color:var(--muted);font:400 10px var(--mono)}.legal-page section{padding:28px 0;display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;border-top:1px solid var(--line)}.legal-page section h2{font-size:18px}.legal-page section p{margin:0;color:var(--muted)}
@media(max-width:1050px){.hero{gap:3vw}.hero-stage{min-height:560px}.studio-heading{grid-template-columns:.35fr 1fr}.studio-heading>p{grid-column:2}.look-grid{grid-template-columns:1fr 1fr}.safe{grid-template-columns:1fr}.safe-cards article{min-height:260px}.safe-cards h3{margin-top:90px}}
@media(max-width:760px){.topline{padding:0 10px;text-align:center;font-size:7px}.site-header{height:70px;padding:0 20px}.site-header:not(.legal-header){display:flex;grid-template-columns:none}.brand-mark{width:39px;height:39px}.desktop-nav,.site-header:not(.legal-header) .nav-cta{display:none}.hero{padding:55px 20px 65px;display:block}.hero h1{max-width:100%;font-size:clamp(43px,13vw,62px);line-height:.9}.hero h1 em{display:block;max-width:100%}.hero-stage{min-height:520px;margin-top:50px}.hero-stats span{font-size:8px}.studio,.how,.looks,.safe,.faq{padding:80px 20px}.studio-heading,.how-title,.looks-heading,.compare,.faq{display:block}.studio-heading>p,.looks-heading>p{margin-top:25px}.workspace{width:100%;display:block;margin-top:40px;box-shadow:7px 7px 0 #e8e3d8}.workspace-main{border-right:0;border-bottom:1px solid var(--line)}.dropzone{height:500px}.control-panel{min-height:560px}.generation-result{display:block}.result-photo{height:500px}.result-info{padding:35px 5px}.result-actions{align-items:flex-start;flex-direction:column}.how-grid{grid-template-columns:1fr}.how-grid article{min-height:auto;padding:25px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.35)}.process-icon{margin:40px 0 20px}.look-grid{grid-template-columns:1fr 1fr}.look-card{min-width:0;min-height:380px;overflow:hidden}.garment{height:170px;margin-left:5px;margin-right:5px}.compare{padding:80px 20px}.compare-box{margin-top:45px}.safe-cards{grid-template-columns:1fr}.safe-cards article{min-height:auto;padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.safe-cards h3{margin-top:55px}.faq-list{margin-top:45px}.closing{padding:90px 20px}footer{grid-template-columns:1fr}footer>p{text-align:left}.footer-nav{display:grid;grid-template-columns:1fr 1fr}.legal-header .nav-cta{font-size:10px}.legal-header .nav-cta span{display:none}.legal-page{padding:75px 20px 100px}.legal-page section{grid-template-columns:1fr;gap:8px}}
@media(max-width:440px){.hero h1{font-size:clamp(41px,12.2vw,52px)}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stats{grid-template-columns:1fr}.hero-stats div+div{padding-left:0;border-left:0}.look-grid{grid-template-columns:1fr}.look-card{min-height:440px}.garment{height:230px}.result-actions .button{width:100%}.ai-card{width:145px}.closing h2{font-size:52px}}
@media(max-width:760px){.site-header:not(.legal-header){justify-content:space-between;gap:14px}.site-header:not(.legal-header) .nav-cta{display:inline-flex;flex:0 0 auto;padding:11px 13px;font-size:10px}.site-header:not(.legal-header) .nav-cta span{margin-left:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan-line,.marquee div{animation:none}}