:root{
      --orange:#FF7A3C;
      --purple:#B8A8FF;
      --lavender:#F3EDFF;
      --peach:#FFF3EC;
      --white:#FFFFFF;
      --charcoal:#2B2B2B;
      --muted:#6B6770;
      --line:#EEE8E3;
      --max:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--charcoal);background:var(--white);line-height:1.6;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    h1,h2,h3{font-family:Poppins,Arial,sans-serif;line-height:1.12;margin:0}
    p{margin:0;color:var(--muted)}
    .wrap{width:min(calc(100% - 40px),var(--max));margin:auto}

    header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(238,232,227,.75)}
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand img{height:50px;width:auto}
    .navlinks{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}
    .navlinks a{position:relative}
    .navlinks a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--orange);transition:.2s}
    .navlinks a:hover:after{width:100%}
    .menu{display:none;border:0;background:transparent;font-size:25px;cursor:pointer;color:var(--charcoal)}

    .hero{min-height:720px;display:flex;align-items:center;position:relative;padding:88px 0 76px;isolation:isolate}
    .hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:var(--peach);right:-120px;top:80px;z-index:-2}
    .hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:46% 54% 63% 37%;background:var(--lavender);left:-80px;bottom:40px;z-index:-2;transform:rotate(24deg)}
    .heroGrid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:70px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:var(--lavender);color:#675C97;font-size:13px;font-weight:600;margin-bottom:22px}
    .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--orange)}
    h1{font-size:clamp(50px,6.2vw,83px);letter-spacing:-3.5px;max-width:700px}
    .accent{color:var(--orange)}
    .heroCopy{font-size:18px;max-width:610px;margin-top:25px}
    .soon{margin-top:28px;display:inline-flex;align-items:center;gap:12px;font-family:Poppins;font-weight:600;font-size:18px}
    .soon:before{content:"";width:32px;height:4px;border-radius:9px;background:var(--purple)}

    .visual{position:relative;min-height:535px}
    .phone{position:absolute;right:58px;top:10px;width:300px;height:590px;border:8px solid var(--charcoal);border-radius:44px;background:#fff;box-shadow:0 22px 55px rgba(58,43,27,.12);overflow:hidden}
    .notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:92px;height:22px;border-radius:30px;background:var(--charcoal)}
    .screen{padding:50px 18px 18px;height:100%;background:linear-gradient(180deg,#fff 0,#fffaf7 100%)}
    .screenLogo{height:34px;margin-bottom:18px}
    .screenTitle{font-family:Poppins;font-weight:600;font-size:20px;color:var(--charcoal);margin-bottom:6px}
    .screenText{font-size:12px;color:#827c83;margin-bottom:17px}
    .lookGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .lookCard{background:#fff;border:1px solid #eee7e2;border-radius:18px;padding:10px;min-height:165px;box-shadow:0 7px 18px rgba(50,42,38,.06)}
    .lookArt{height:112px;border-radius:13px;background:var(--peach);position:relative;overflow:hidden}
    .lookArt.purple{background:var(--lavender)}
    .lookArt:before{content:"";position:absolute;width:42px;height:78px;border-radius:18px 18px 12px 12px;background:#fff;left:24px;top:18px;transform:rotate(-4deg);border:1px solid #eee4dc}
    .lookArt:after{content:"";position:absolute;width:32px;height:60px;border-radius:7px;background:var(--orange);right:18px;top:34px;transform:rotate(8deg);opacity:.85}
    .lookArt.purple:after{background:var(--purple)}
    .miniLabel{font-size:11px;font-weight:600;margin-top:8px}
    .floatCard{position:absolute;width:176px;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:0 20px 44px rgba(55,45,41,.1);padding:14px}
    .floatCard.one{left:0;top:125px;transform:rotate(-5deg)}
    .floatCard.two{right:0;bottom:22px;transform:rotate(5deg)}
    .floatArt{height:138px;border-radius:17px;background:var(--lavender);position:relative;overflow:hidden}
    .floatArt.peach{background:var(--peach)}
    .hanger{position:absolute;left:50%;top:26px;transform:translateX(-50%);width:88px;height:72px;border:4px solid var(--purple);border-top:0;border-radius:0 0 34px 34px;opacity:.75}
    .hanger:before{content:"";position:absolute;width:30px;height:30px;border:4px solid var(--purple);border-bottom:0;border-left:0;border-radius:0 20px 0 0;left:23px;top:-25px;transform:rotate(-35deg)}
    .shirt{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:77px;height:91px;background:white;clip-path:polygon(18% 0,36% 0,42% 12%,58% 12%,64% 0,82% 0,100% 24%,83% 35%,83% 100%,17% 100%,17% 35%,0 24%);box-shadow:0 6px 20px rgba(0,0,0,.06)}
    .floatName{font-size:12px;font-weight:600;margin-top:8px}

    section{padding:105px 0}
    .sectionHead{max-width:760px;margin-bottom:48px}
    .kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#8c7bdd;margin-bottom:12px}
    h2{font-size:clamp(36px,4vw,56px);letter-spacing:-2px}
    .sectionHead p{font-size:17px;margin-top:17px}

    .choice{background:#fffaf7}
    .choices{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .featureCard{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;min-height:320px;position:relative;overflow:hidden;transition:.25s}
    .featureCard:hover{transform:translateY(-4px)}
    .featureCard h3{font-size:28px;margin-top:22px}
    .featureCard p{margin-top:11px;max-width:480px}
    .iconBox{width:58px;height:58px;border-radius:17px;background:var(--peach);display:grid;place-items:center}
    .iconBox.purple{background:var(--lavender)}
    .iconBox svg{width:29px;height:29px;stroke:var(--orange);fill:none;stroke-width:1.8}
    .iconBox.purple svg{stroke:#8e79e7}
    .featureCard .bubble{position:absolute;width:160px;height:160px;border-radius:50%;right:-44px;bottom:-48px;background:var(--peach)}
    .featureCard:nth-child(2) .bubble{background:var(--lavender)}

    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .step{border-top:1px solid var(--line);padding-top:24px}
    .num{font-family:Poppins;font-size:58px;font-weight:700;line-height:1;color:var(--lavender);margin-bottom:18px}
    .step:nth-child(2) .num{color:#ffd4c0}.step:nth-child(3) .num{color:#d8cffd}
    .step h3{font-size:22px}.step p{margin-top:9px}

    .wardrobe{background:var(--charcoal);color:#fff;position:relative;overflow:hidden}
    .wardrobe:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#363636;right:-120px;bottom:-100px}
    .wardGrid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;position:relative;z-index:1}
    .wardrobe p{color:#cbc6ca}.wardrobe .kicker{color:var(--purple)}
    .wardrobe h2{color:#fff}
    .prompt{margin-top:30px;padding:20px 22px;border-radius:18px;background:#383838;border:1px solid #474747;color:#f8f6f7;font-size:15px}
    .prompt span{display:block;color:var(--purple);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
    .closetPanel{background:#fff;border-radius:30px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;box-shadow:0 28px 70px rgba(0,0,0,.18)}
    .closetItem{background:#fff8f3;border-radius:18px;height:145px;position:relative;overflow:hidden}
    .closetItem:nth-child(even){background:var(--lavender)}
    .garment{position:absolute;left:50%;top:27px;transform:translateX(-50%);width:65px;height:85px;background:#fff;clip-path:polygon(16% 0,35% 0,42% 12%,58% 12%,65% 0,84% 0,100% 22%,84% 34%,84% 100%,16% 100%,16% 34%,0 22%);border:1px solid #eee}
    .closetItem:nth-child(3n) .garment{background:#ffe0d2}.closetItem:nth-child(2n) .garment{background:#f5f1ff}
    .closetTag{position:absolute;bottom:10px;left:10px;font-size:10px;font-weight:600;color:#635c61;background:white;padding:5px 8px;border-radius:999px}

    .newLookGrid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}
    .threeLooks{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:end}
    .outfit{background:#fff;border:1px solid var(--line);border-radius:25px;padding:12px;box-shadow:0 16px 34px rgba(52,42,37,.08)}
    .outfit:nth-child(2){transform:translateY(-22px)}
    .outfitArt{height:250px;border-radius:17px;background:var(--peach);position:relative;overflow:hidden}
    .outfit:nth-child(2) .outfitArt{background:var(--lavender)}
    .outfit:nth-child(3) .outfitArt{background:#fff9ef}
    .jacket{position:absolute;width:82px;height:120px;background:white;left:50%;top:32px;transform:translateX(-50%);clip-path:polygon(15% 0,38% 0,50% 14%,62% 0,85% 0,100% 24%,85% 36%,82% 100%,18% 100%,15% 36%,0 24%);box-shadow:0 8px 15px rgba(0,0,0,.05)}
    .pants{position:absolute;width:55px;height:103px;left:50%;bottom:12px;transform:translateX(-50%);background:#d9dfe7;clip-path:polygon(7% 0,93% 0,78% 100%,55% 100%,50% 42%,45% 100%,22% 100%)}
    .outfit:nth-child(2) .pants{background:#8f78df}.outfit:nth-child(3) .pants{background:#c7b89e}
    .outfitTitle{font-size:12px;font-weight:600;margin:10px 4px 2px;color:var(--charcoal)}

    .similar{background:#fffaf7}
    .similarGrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
    .shopFlow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
    .selectedLook,.products{background:#fff;border:1px solid var(--line);border-radius:26px;padding:15px}
    .selectedArt{height:290px;border-radius:18px;background:var(--lavender);position:relative;overflow:hidden}
    .selectedArt .jacket{top:44px}.selectedArt .pants{bottom:18px}
    .arrow{font-family:Poppins;font-size:30px;color:var(--orange)}
    .products{display:grid;grid-template-columns:1fr 1fr;gap:9px}
    .product{height:135px;background:var(--peach);border-radius:15px;position:relative}
    .product:nth-child(2),.product:nth-child(3){background:var(--lavender)}
    .product:after{content:"";position:absolute;width:54px;height:65px;background:white;border-radius:18px;left:50%;top:50%;transform:translate(-50%,-50%)}

    .personal{padding-bottom:120px}
    .chips{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:35px}
    .chip{min-height:145px;border:1px solid var(--line);border-radius:22px;padding:21px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}
    .chip:nth-child(2n){background:#fffaf7}.chip:nth-child(3n){background:#faf7ff}
    .dot{width:28px;height:28px;border-radius:50%;background:var(--orange)}
    .chip:nth-child(2n) .dot{background:var(--purple)}
    .chip strong{font-family:Poppins;font-size:15px}

    .coming{padding:100px 0;background:var(--orange);position:relative;overflow:hidden;color:#fff;text-align:center}
    .coming:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.12);left:-90px;top:-120px}
    .coming:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(184,168,255,.45);right:-80px;bottom:-110px}
    .coming .wrap{position:relative;z-index:1}
    .coming h2{color:#fff;font-size:clamp(42px,5vw,68px)}
    .coming p{color:#fff0e9;font-size:18px;margin:18px auto 0;max-width:620px}
    .email{display:inline-block;margin-top:26px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.8)}

    footer{padding:46px 0 30px;background:#fff;border-top:1px solid var(--line)}
    .footerTop{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
    .footerLogo img{height:48px}
    .footerLinks{display:flex;gap:24px;font-size:14px;font-weight:600;flex-wrap:wrap}
    .legal{border-top:1px solid var(--line);margin-top:32px;padding-top:24px;font-size:12px;color:#7a7377;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
    .legal strong{color:#5d565a;font-weight:600}

    .reveal{opacity:0;transform:translateY(18px);transition:.55s ease}
    .reveal.visible{opacity:1;transform:none}

    @media(max-width:960px){
      .navlinks{display:none}.menu{display:block}
      .navlinks.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:flex-start}
      .hero{padding-top:55px}.heroGrid,.wardGrid,.newLookGrid,.similarGrid{grid-template-columns:1fr}
      .visual{margin-top:10px;min-height:575px}.phone{right:50%;transform:translateX(50%)}
      .floatCard.one{left:2%}.floatCard.two{right:2%}
      .chips{grid-template-columns:repeat(3,1fr)}
    }
    @media(max-width:700px){
      .wrap{width:min(calc(100% - 28px),var(--max))}.hero{min-height:auto;padding-bottom:55px}
      h1{font-size:51px;letter-spacing:-2px}.heroCopy{font-size:16px}
      section{padding:76px 0}.choices,.steps{grid-template-columns:1fr}
      .visual{min-height:520px}.phone{width:260px;height:510px;right:50%;transform:translateX(50%)}
      .floatCard{display:none}.closetPanel{grid-template-columns:repeat(2,1fr)}
      .threeLooks{gap:7px}.outfit{padding:7px;border-radius:17px}.outfitArt{height:190px}.outfit:nth-child(2){transform:translateY(-12px)}
      .shopFlow{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.products{grid-template-columns:repeat(2,1fr)}
      .chips{grid-template-columns:repeat(2,1fr)}
      .footerTop{flex-direction:column}.legal{flex-direction:column}
      .brand img{height:43px}
    }

/* Shared brand asset reliability */
.brand img,.footerLogo img,.screenLogo,.privacy-nav img{object-fit:contain;object-position:left center}


/* Privacy Policy */
.privacy-page{line-height:1.75;overflow-x:hidden}
.privacy-page .wrap{width:min(calc(100% - 40px),920px);margin:auto}
.privacy-header{position:static;border-bottom:1px solid var(--line);background:#fff;backdrop-filter:none}
.privacy-nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.privacy-nav img{height:48px;width:auto}
.privacy-nav .back{font-size:14px;font-weight:600;text-decoration:none}
.privacy-hero{padding:80px 0 48px;background:linear-gradient(135deg,#fff 35%,var(--peach) 100%)}
.privacy-hero .pill{display:inline-block;padding:7px 12px;background:var(--lavender);border-radius:999px;font-size:12px;font-weight:600;color:#675C97}
.privacy-hero h1{font-size:clamp(42px,6vw,66px);letter-spacing:-2px;margin:16px 0 12px;max-width:none}
.privacy-hero p{color:var(--muted);max-width:700px}
.privacy-hero .date{margin-top:18px;font-size:13px;color:#7b7378}
.privacy-page main{padding:50px 0 90px}
.policy-content h2{font-size:24px;margin:38px 0 10px;letter-spacing:-.5px}
.policy-content p,.policy-content li{color:#5f595d}
.policy-content ul{padding-left:22px}
.policy-note{padding:20px;border-radius:18px;background:#fffaf7;border:1px solid var(--line);margin:24px 0}
.policy-contact{padding:24px;border-radius:20px;background:var(--lavender);margin-top:35px}
.policy-contact a{font-weight:600;color:#5e50a6}
.privacy-page footer{border-top:1px solid var(--line);padding:34px 0;font-size:12px;color:#7a7377}
.privacy-page footer .legal{border-top:0;margin-top:0;padding-top:0}

/* 404 */
.error-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:#fff}
.error-page header{position:static}
.error-main{display:grid;place-items:center;padding:70px 0;text-align:center}
.error-card{max-width:680px}
.error-code{font-family:Poppins,Arial,sans-serif;font-size:clamp(90px,18vw,180px);font-weight:700;line-height:.9;color:var(--lavender);letter-spacing:-8px}
.error-card h1{font-size:clamp(36px,5vw,58px);margin-top:22px}
.error-card p{font-size:17px;margin:18px auto 0;max-width:560px}
.text-link{display:inline-block;margin-top:28px;font-weight:600;color:#6658a5;border-bottom:1px solid var(--purple)}

@media(max-width:650px){
  .privacy-page .wrap{width:min(calc(100% - 28px),920px)}
  .privacy-hero{padding-top:58px}
  .privacy-nav img{height:42px}
}
