/* =====================================================================
   QrMenum — AI menu creator landing + inline homepage showcase
   Editorial precision, product-interface proof, no stock imagery.
   ===================================================================== */

.creator-hero,
.creator-flow,
.creator-proof,
.creator-languages,
.creator-faq,
.creator-final { position: relative; overflow: hidden; }

.creator-hero {
  min-height: 850px;
  padding: 170px 0 100px;
  color: #f8f8fb;
  background:
    radial-gradient(circle at 77% 34%, rgba(139,92,246,.19), transparent 30%),
    radial-gradient(circle at 12% 65%, rgba(59,130,246,.10), transparent 32%),
    #08080c;
}
.creator-hero::before { content:""; position:absolute; inset:0; opacity:.22; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,black,transparent 82%); }
.creator-hero__glow { position:absolute; width:520px; height:520px; right:4%; top:170px; border:1px solid rgba(168,85,247,.18); border-radius:50%; box-shadow:0 0 160px rgba(109,40,217,.12),inset 0 0 140px rgba(109,40,217,.08); }
.creator-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(480px,.92fr); gap:7vw; align-items:center; position:relative; z-index:1; }
.creator-kicker { display:inline-flex; align-items:center; gap:10px; margin-bottom:28px; color:#c4b5fd; font:600 12px/1.2 Inter,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.creator-kicker__dot { width:7px; height:7px; border-radius:50%; background:#8b5cf6; box-shadow:0 0 0 6px rgba(139,92,246,.13),0 0 22px #8b5cf6; }
.creator-hero h1 { margin:0; max-width:800px; color:#fff; font:700 clamp(48px,5.4vw,82px)/.96 "Inter Tight",Inter,sans-serif; letter-spacing:-.055em; }
.creator-hero h1 span { color:#a78bfa; }
.creator-hero__copy>p { max-width:680px; margin:30px 0 34px; color:#b9b9c6; font:400 clamp(17px,1.4vw,20px)/1.65 Inter,sans-serif; }
.creator-hero__actions { display:flex; flex-wrap:wrap; gap:12px; }
.creator-btn { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 24px; border:1px solid transparent; border-radius:14px; font:650 15px/1 Inter,sans-serif; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.creator-btn:hover { transform:translateY(-2px); }
.creator-btn svg { width:18px; height:18px; margin-left:11px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.creator-btn--primary { color:#fff; background:linear-gradient(135deg,#7c3aed,#9f67ff); box-shadow:0 14px 40px rgba(124,58,237,.28),inset 0 1px rgba(255,255,255,.22); }
.creator-btn--primary:hover { color:#fff; box-shadow:0 18px 48px rgba(124,58,237,.4),inset 0 1px rgba(255,255,255,.24); }
.creator-btn--ghost { color:#e9e7ef; border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.045); }
.creator-trust { display:flex; flex-wrap:wrap; gap:10px 22px; margin:24px 0 0; padding:0; list-style:none; color:#9797a5; font:500 12px/1.4 Inter,sans-serif; }
.creator-trust li { display:flex; align-items:center; gap:7px; }
.creator-trust svg { width:15px; height:15px; fill:none; stroke:#34d399; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.creator-console { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:24px; background:rgba(17,17,25,.84); box-shadow:0 55px 110px rgba(0,0,0,.48),0 0 0 1px rgba(124,58,237,.08),inset 0 1px rgba(255,255,255,.08); backdrop-filter:blur(18px); transform:perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.creator-console::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 24%); }
.creator-console__top { height:52px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 18px; border-bottom:1px solid rgba(255,255,255,.08); color:#b5b5c2; font:550 11px/1 Inter,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.creator-console__lights { display:flex; gap:6px; }.creator-console__lights i { width:7px; height:7px; border-radius:50%; background:#373743; }.creator-console__lights i:first-child{background:#7c3aed}.creator-console__status { justify-self:end; display:flex; align-items:center; gap:6px; color:#9ca3af; }.creator-console__status i{width:6px;height:6px;border-radius:50%;background:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,.7)}
.creator-console__body { padding:20px; }
.creator-upload { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:12px; padding:14px; border:1px solid rgba(167,139,250,.18); border-radius:15px; background:rgba(124,58,237,.07); }
.creator-upload__icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#c4b5fd; background:rgba(124,58,237,.16); }.creator-upload__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.creator-upload div:nth-child(2){display:flex;flex-direction:column;gap:4px}.creator-upload strong{font:600 13px/1.2 Inter,sans-serif;color:#f4f4f7}.creator-upload span{font:400 11px/1.2 Inter,sans-serif;color:#858593}.creator-upload>b{font:650 12px/1 Inter,sans-serif;color:#c4b5fd}
.creator-progress { height:3px; margin:12px 2px 15px; border-radius:10px; background:#252530; overflow:hidden; }.creator-progress i{display:block;width:86%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#c084fc);box-shadow:0 0 16px #8b5cf6}
.creator-scan-steps { display:flex; justify-content:center; gap:8px; margin-bottom:18px; }.creator-scan-steps span{padding:6px 9px;border-radius:20px;color:#71717e;background:#181820;font:500 9px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em}.creator-scan-steps .is-done{color:#6ee7b7}.creator-scan-steps .is-active{color:#ddd6fe;background:rgba(124,58,237,.13)}
.creator-draft { overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:#101016; }
.creator-draft__head { display:flex; justify-content:space-between; padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.07); }.creator-draft__head strong{font:600 12px/1 Inter,sans-serif;color:#e8e8ed}.creator-draft__head span{font:500 10px/1 Inter,sans-serif;color:#6f6f7d}
.creator-product { display:grid; grid-template-columns:34px 1fr auto 20px; align-items:center; gap:10px; padding:10px 13px; border-bottom:1px solid rgba(255,255,255,.055); }.creator-product:last-child{border-bottom:0}.creator-product__thumb{width:34px;height:34px;border-radius:9px;background:linear-gradient(140deg,#3f2d22,#d29b63)}.creator-product__thumb--2{background:linear-gradient(140deg,#3a2722,#d8895f)}.creator-product__thumb--3{background:linear-gradient(140deg,#1e3a2f,#77b879)}.creator-product div{display:flex;min-width:0;flex-direction:column;gap:4px}.creator-product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9e9ee;font:550 11px/1 Inter,sans-serif}.creator-product small{color:#696976;font:400 9px/1 Inter,sans-serif}.creator-product>b{color:#d7d7de;font:600 11px/1 Inter,sans-serif}.creator-product>em{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#34d399;background:rgba(52,211,153,.1);font:700 9px/1 Inter,sans-serif;font-style:normal}.creator-product--check{background:rgba(251,191,36,.055)}.creator-product--check>b,.creator-product--check>em{color:#fbbf24}.creator-product--check>em{background:rgba(251,191,36,.13)}
.creator-console__notice { display:flex; gap:9px; margin-top:14px; padding:11px 12px; border-radius:11px; color:#9f9fac; background:rgba(255,255,255,.035); font:400 10px/1.45 Inter,sans-serif; }.creator-console__notice svg{flex:0 0 16px;width:16px;height:16px;fill:none;stroke:#fbbf24;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.creator-section-head { max-width:860px; margin-bottom:58px; }.creator-section-head>span,.creator-proof__eyebrow,.creator-languages__intro>span{display:block;margin-bottom:18px;color:#7c3aed;font:650 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}.creator-section-head h2,.creator-proof h2,.creator-languages h2,.creator-final h2{margin:0;color:#111118;font:680 clamp(36px,4.1vw,64px)/1.02 "Inter Tight",Inter,sans-serif;letter-spacing:-.045em}.creator-section-head h2 em,.creator-proof h2 em,.creator-final h2 em{color:#7c3aed;font-style:normal}.creator-section-head>p{margin:20px 0 0;color:#666675;font:400 17px/1.6 Inter,sans-serif}
.creator-flow { padding:120px 0; color:#111118; background:#f6f5f3; }
.creator-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin:0; padding:0; list-style:none; border:1px solid #dedde2; border-radius:22px; overflow:hidden; background:#dedde2; }.creator-steps li{min-height:310px;padding:26px;background:#fff}.creator-steps li>span{display:block;color:#aaa9b2;font:600 10px/1 Inter,sans-serif;letter-spacing:.12em}.creator-steps__icon{width:46px;height:46px;display:grid;place-items:center;margin:54px 0 28px;border-radius:14px;color:#7c3aed;background:#f2edff;font:600 20px/1 Inter,sans-serif}.creator-steps h3{margin:0 0 12px;color:#17171e;font:650 18px/1.2 "Inter Tight",Inter,sans-serif}.creator-steps p{margin:0;color:#6e6d77;font:400 13px/1.65 Inter,sans-serif}

.creator-proof { padding:130px 0; color:#ededf3; background:#0b0b10; }.creator-proof::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 48%,rgba(124,58,237,.13),transparent 32%)}.creator-proof__grid{position:relative;display:grid;grid-template-columns:1.05fr .75fr;gap:9vw;align-items:center}.creator-proof h2{color:#f7f7fa}.creator-proof__copy>p{max-width:670px;margin:28px 0 40px;color:#aaa9b6;font:400 17px/1.7 Inter,sans-serif}.creator-proof__copy ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.09)}.creator-proof__copy li{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.09)}.creator-proof__copy li b{color:#e8e7ee;font:600 13px/1.4 Inter,sans-serif}.creator-proof__copy li span{color:#777785;font:400 12px/1.5 Inter,sans-serif}
.creator-quality-card{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.035);box-shadow:0 40px 100px rgba(0,0,0,.35)}.creator-quality-card__label{color:#868593;font:600 10px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.12em}.creator-quality-card__score{display:flex;align-items:baseline;gap:10px;margin:26px 0 16px}.creator-quality-card__score strong{color:#fff;font:700 60px/1 "Inter Tight",sans-serif;letter-spacing:-.06em}.creator-quality-card__score span{color:#888794;font:500 12px/1 Inter,sans-serif}.creator-quality-card__bar{height:6px;margin-bottom:28px;border-radius:10px;background:#24242d;overflow:hidden}.creator-quality-card__bar i{display:block;width:96%;height:100%;background:linear-gradient(90deg,#10b981,#6ee7b7)}.creator-quality-card__warning{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid rgba(251,191,36,.15);border-radius:13px;background:rgba(251,191,36,.06)}.creator-quality-card__warning>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#fbbf24;background:rgba(251,191,36,.12);font:700 14px/1 Inter,sans-serif}.creator-quality-card__warning div{display:flex;flex-direction:column;gap:5px}.creator-quality-card__warning strong{color:#e9e8ed;font:600 12px/1 Inter,sans-serif}.creator-quality-card__warning small{color:#7f7e89;font:400 10px/1 Inter,sans-serif}.creator-quality-card__approval{display:flex;align-items:center;gap:9px;margin-top:17px;color:#858490;font:500 11px/1.4 Inter,sans-serif}.creator-quality-card__approval span{color:#34d399}

.creator-languages { padding:125px 0; color:#17171e; background:#fff; }.creator-languages .container{display:grid;grid-template-columns:.82fr 1.18fr;gap:9vw;align-items:end}.creator-languages h2 strong{display:block;color:#7c3aed;font-size:1.6em;line-height:.82}.creator-languages__intro p{max-width:570px;margin:28px 0 0;color:#6c6b75;font:400 16px/1.7 Inter,sans-serif}.creator-language-rotator{min-width:0}.creator-language-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.creator-language-list article{min-width:0;min-height:130px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;border:1px solid #e6e4e9;border-radius:17px;background:#fafafa;opacity:1;transform:translateY(0);transition:opacity .38s ease,transform .38s ease,border-color .38s ease}.creator-language-list article.is-switching{opacity:0;transform:translateY(8px);border-color:#f3effc}.creator-language-list article:first-child{grid-column:span 2}.creator-language-list article[dir="rtl"]{text-align:right}.creator-language-list article>span{margin-bottom:auto;color:#a3a1aa;font:600 9px/1 Inter,sans-serif;letter-spacing:.12em}.creator-language-list strong{overflow-wrap:anywhere;color:#222129;font:650 23px/1.1 "Inter Tight",Inter,sans-serif}.creator-language-list small{margin-top:6px;color:#87858f;font:500 10px/1 Inter,sans-serif}.creator-language-rotator__meta{display:flex;align-items:center;margin-top:14px;padding:0 4px}.creator-language-rotator__meta>span{color:#aaa8b1;font:600 9px/1 Inter,sans-serif;letter-spacing:.12em}

.creator-faq{padding:120px 0;background:#f6f5f3}.creator-faq .container{max-width:980px}.creator-faq__list{border-top:1px solid #dad8df}.creator-faq details{border-bottom:1px solid #dad8df}.creator-faq summary{min-height:86px;display:grid;grid-template-columns:38px 1fr 24px;align-items:center;gap:16px;cursor:pointer;list-style:none;color:#222129;font:600 16px/1.4 Inter,sans-serif}.creator-faq summary::-webkit-details-marker{display:none}.creator-faq summary>span{color:#aaa8b0;font:600 10px/1 Inter,sans-serif;letter-spacing:.08em}.creator-faq summary i{position:relative;width:18px;height:18px}.creator-faq summary i::before,.creator-faq summary i::after{content:"";position:absolute;left:3px;top:8px;width:12px;height:1px;background:#777580;transition:transform .2s}.creator-faq summary i::after{transform:rotate(90deg)}.creator-faq details[open] summary i::after{transform:rotate(0)}.creator-faq details p{max-width:760px;margin:-6px 0 28px 54px;color:#686771;font:400 14px/1.75 Inter,sans-serif}

.creator-final{padding:130px 0;color:#f8f8fb;text-align:center;background:radial-gradient(circle at 50% 0,rgba(124,58,237,.2),transparent 38%),#08080c}.creator-final__inner{position:relative}.creator-final__inner>span{display:block;margin-bottom:20px;color:#a78bfa;font:650 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}.creator-final h2{color:#fff}.creator-final p{max-width:650px;margin:25px auto 32px;color:#a3a3af;font:400 17px/1.65 Inter,sans-serif}.creator-final .creator-btn{min-width:240px}

/* Homepage inline conversion block */
.creator-home{position:relative;margin:48px 0 84px;padding:1px;border-radius:26px;background:linear-gradient(135deg,rgba(124,58,237,.6),rgba(255,255,255,.12),rgba(59,130,246,.3));overflow:hidden}.creator-home__inner{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center;padding:58px;border-radius:25px;background:#0c0c12}.creator-home__copy>span{color:#a78bfa;font:650 10px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}.creator-home h2{margin:16px 0;color:#fff;font:680 clamp(32px,3.4vw,54px)/1.02 "Inter Tight",Inter,sans-serif;letter-spacing:-.045em}.creator-home h2 em{color:#a78bfa;font-style:normal}.creator-home p{max-width:650px;margin:0 0 25px;color:#aaa9b6;font:400 15px/1.7 Inter,sans-serif}.creator-home__trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.creator-home__trust span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:#8c8b97;font:500 10px/1 Inter,sans-serif}.creator-home__visual{position:relative;min-height:280px;display:grid;place-items:center}.creator-home__paper{width:min(100%,330px);padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#171720;box-shadow:25px 28px 60px rgba(0,0,0,.32);transform:rotate(2deg)}.creator-home__paper-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.creator-home__paper-top strong{color:#efeff3;font:600 12px/1 Inter,sans-serif}.creator-home__paper-top span{padding:5px 8px;border-radius:12px;color:#c4b5fd;background:rgba(124,58,237,.15);font:600 8px/1 Inter,sans-serif}.creator-home__row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#9c9ba6;font:500 10px/1 Inter,sans-serif}.creator-home__row b{color:#dddce3;font-weight:600}.creator-home__row--warn b{color:#fbbf24}.creator-home__badge{position:absolute;right:2%;bottom:13%;padding:12px 14px;border:1px solid rgba(52,211,153,.2);border-radius:13px;color:#9ae6c8;background:rgba(12,24,21,.92);box-shadow:0 20px 45px rgba(0,0,0,.28);font:600 10px/1.35 Inter,sans-serif;transform:rotate(-3deg)}

@media (max-width:1050px){.creator-hero__grid{grid-template-columns:1fr;gap:65px}.creator-hero__copy{max-width:780px}.creator-console{max-width:620px;margin:auto;transform:none}.creator-proof__grid,.creator-languages .container{grid-template-columns:1fr;gap:70px}.creator-steps{grid-template-columns:repeat(2,1fr)}.creator-home__inner{grid-template-columns:1fr;padding:44px}.creator-home__visual{min-height:250px}}
@media (max-width:700px){.creator-hero{min-height:auto;padding:125px 0 75px}.creator-hero__grid{gap:48px}.creator-hero h1{font-size:clamp(42px,13vw,62px)}.creator-hero__copy>p{font-size:16px}.creator-hero__actions{display:grid}.creator-btn{width:100%}.creator-trust{display:grid;gap:9px}.creator-console__body{padding:13px}.creator-upload{grid-template-columns:38px 1fr}.creator-upload>b{display:none}.creator-product{grid-template-columns:30px 1fr auto 18px}.creator-flow,.creator-proof,.creator-languages,.creator-faq,.creator-final{padding:82px 0}.creator-section-head{margin-bottom:38px}.creator-steps{grid-template-columns:1fr}.creator-steps li{min-height:auto;padding:24px}.creator-steps__icon{margin:32px 0 20px}.creator-proof__copy li{grid-template-columns:1fr;gap:6px}.creator-quality-card{padding:22px}.creator-languages .container{gap:45px}.creator-language-list{grid-template-columns:1fr}.creator-language-list article:first-child{grid-column:auto}.creator-language-rotator__meta{align-items:flex-start}.creator-faq summary{min-height:78px;grid-template-columns:28px 1fr 20px;font-size:14px}.creator-faq details p{margin:-2px 20px 25px 44px}.creator-home{margin:28px 0 50px}.creator-home__inner{padding:30px 22px}.creator-home__visual{min-height:220px}.creator-home__badge{right:-2%;bottom:5%}}
@media (prefers-reduced-motion:reduce){.creator-btn,.creator-language-list article{transition:none}.creator-console{transform:none}}