@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#171624;font-synthesis:none;--ink:#171624;--muted:#757387;--line:#e7e6ee;--purple:#6657f5;--purple-dark:#5142dd;--lav:#f0edff;--green:#15a46d;--amber:#d88713;--red:#d94b63;--panel:#fff;--shadow:0 18px 60px #221b4c14;background:#f4f4f8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 85% 0,#ece8ff 0,#0000 29%),#f7f7fa;margin:0}button,input,textarea{font:inherit}.skip-link{z-index:100;color:#fff;background:#111;border-radius:8px;padding:9px 13px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.app{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8f7ff;background:linear-gradient(#171525,#1f1b38 72%,#171525);flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;box-shadow:8px 0 30px #20194a14}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-icon{background:linear-gradient(135deg,#887bff,#5546e8);border-radius:14px;place-items:center;width:43px;height:43px;font:800 21px Manrope;display:grid;box-shadow:0 12px 30px #6657f557}.brand strong,.brand small{display:block}.brand strong{font:800 18px Manrope}.brand small{color:#a99fff;letter-spacing:.18em;margin-top:1px;font-size:8px}.environment{background:#ffffff09;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:10px;margin:18px 4px;padding:11px;display:flex}.environment>i{background:#f4bd3a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #f4bd3a17}.environment b,.environment small{display:block}.environment b{font-size:10px}.environment small{color:#a6a1bb;margin-top:2px;font-size:8px}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#c4bfd5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:11px;font-size:11px;font-weight:600;display:flex}.sidebar nav button>span{border:1px solid #ffffff14;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#7665ff26}.sidebar nav button.active{box-shadow:inset 3px 0 #8376ff}.boundary{background:#d94b6312;border:1px solid #eb708733;border-radius:13px;margin-top:auto;padding:13px}.boundary>span{color:#b9b2cb;text-transform:uppercase;letter-spacing:.1em;font-size:8px;display:block}.boundary b{color:#ff9aae;margin:6px 0;font-size:10px;display:block}.boundary b i{background:#f55e7a;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 10px #f55e7a}.boundary small{color:#918aa9;font:8px/1.55 monospace}.byline{color:#78728f;justify-content:space-between;padding:14px 5px 0;font-size:8px;display:flex}main{min-width:0;padding:30px 34px}.topbar{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.eyebrow{color:var(--purple);letter-spacing:.17em;font:700 8px Manrope}.topbar h1{letter-spacing:-.05em;margin:5px 0 0;font:800 clamp(30px,4vw,42px)/1 Manrope}.top-actions{align-items:center;gap:12px;display:flex}.health{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.health i{background:#a5a2b3;border-radius:50%;width:7px;height:7px}.health.good i{background:var(--green);box-shadow:0 0 0 5px #15a46d17}button.primary,button.secondary{cursor:pointer;border-radius:10px;min-height:39px;padding:0 15px;font-size:10px;font-weight:700}button.primary{color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border:0;box-shadow:0 10px 24px #6657f533}button.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.notice{color:#5e5877;background:#f1efff;border:1px solid #ddd8ff;border-radius:11px;align-items:center;gap:13px;margin-bottom:16px;padding:10px 13px;font-size:9px;display:flex}.notice strong{color:var(--purple-dark)}.stack{gap:14px;display:grid}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb}.metric{border-radius:15px;padding:18px}.metric span,.metric small{display:block}.metric span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.metric b{letter-spacing:-.04em;margin:11px 0 4px;font:800 28px Manrope;display:block}.metric small{color:#9a98a8;font-size:8px}.panel{border-radius:17px;padding:20px}.two-col{grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.panel-head span{color:var(--purple);letter-spacing:.15em;font:700 7px Manrope}.panel-head h2{letter-spacing:-.025em;margin:4px 0 0;font:700 18px Manrope}.panel-head>small{color:var(--muted);font-size:8px}.badge{align-items:center;color:var(--green)!important;letter-spacing:0!important;background:#f5fdf9!important;border:1px solid #d9f0e7!important;border-radius:99px!important;gap:6px!important;padding:6px 8px!important;font:700 8px DM Sans!important;display:inline-flex!important}.badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.hero-copy{padding:21px 2px}.hero-copy>span{color:var(--purple-dark);background:var(--lav);border-radius:6px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-block}.hero-copy h3{letter-spacing:-.04em;max-width:500px;margin:14px 0 7px;font:700 27px/1.1 Manrope}.hero-copy p{max-width:560px;color:var(--muted);margin:0;font-size:10px;line-height:1.6}.rule-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);display:grid}.rule-row div{border-right:1px solid var(--line);padding:12px}.rule-row div:last-child{border-right:0}.rule-row span,.rule-row b{display:block}.rule-row span{color:var(--muted);font-size:8px}.rule-row b{margin-top:4px;font-size:10px}.actions{gap:9px;margin-top:16px;display:flex}.check-list{margin-top:9px;display:grid}.check{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:13px 4px;display:flex}.check:last-child{border:0}.check>i{color:#fff;background:var(--green);border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:10px;font-style:normal;display:grid}.check.blocked>i{background:var(--red)}.check.warning>i{background:var(--amber)}.check b,.check small{display:block}.check b{font-size:10px}.check small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.45}.timeline{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.timeline-item{border:1px solid var(--line);border-radius:11px;grid-template-columns:auto 10px 1fr;gap:8px;padding:11px;display:grid}.timeline-item time{color:var(--muted);font:8px monospace}.timeline-item>i{background:var(--purple);border-radius:50%;width:7px;height:7px}.timeline-item.good>i{background:var(--green)}.timeline-item.warn>i{background:var(--red)}.timeline-item b,.timeline-item small{display:block}.timeline-item b{font-size:9px}.timeline-item small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.45}.editor-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:14px;display:grid}.editor fieldset{border:1px solid var(--line);border-radius:13px;margin:17px 0;padding:15px}.editor legend{color:var(--purple);padding:0 7px;font:700 9px Manrope}.field{gap:6px;margin-bottom:12px;display:grid}.field:last-child{margin-bottom:0}.field>span{color:#5d5a69;font-size:8px;font-weight:700}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfbfd;border-radius:9px;outline:0;padding:10px 11px;font-size:10px}.field input:focus,.field textarea:focus{border-color:#9d92ff;box-shadow:0 0 0 3px #6657f514}.field textarea{resize:vertical;min-height:70px}.field input[type=range]{accent-color:var(--purple);padding:0}.field output{color:var(--purple);font-size:9px;font-weight:700}.field-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.save-bar{background:#f6f4ff;border:1px solid #ded9ff;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.save-bar span{color:var(--muted);font-size:9px}.mini-preview{align-self:start;position:sticky;top:24px}.mini-preview .popup-card{transform-origin:top;margin:25px auto;transform:scale(.82)}.preview-stage{border:1px solid var(--line);min-height:680px;box-shadow:var(--shadow);background:#fff;border-radius:18px;position:relative;overflow:hidden}.fake-store{background:linear-gradient(90deg,#f2ebe1f2,#e8dfd4bd),radial-gradient(circle at 80% 45%,#c1b3a2,#0000 24%);min-height:680px}.fake-store header{border-bottom:1px solid #1e18121a;justify-content:space-between;padding:22px 32px;font-size:10px;display:flex}.fake-store nav{color:#6e655d}.store-hero{padding:130px 8vw}.store-hero small{letter-spacing:.15em}.store-hero h2{letter-spacing:-.05em;margin:14px 0 23px;font:600 clamp(38px,5vw,66px)/1.02 Manrope}.store-hero button{background:0 0;border:1px solid #221e1a;padding:12px 17px}.overlay-note{background:#ffffffd1;border-radius:10px;padding:10px 12px;font-size:9px;position:absolute;bottom:20px;left:25px}.preview-stage>.popup-card{width:min(740px,82%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 35px 100px #261d1147}.floating-action{position:absolute;bottom:22px;right:22px}.popup-card{background:#fff;border-radius:22px;grid-template-columns:.82fr 1.18fr;width:min(740px,100%);min-height:430px;display:grid;overflow:hidden}.popup-art{color:#fff;background:radial-gradient(circle at 70% 22%,#ffffff52,transparent 22%),linear-gradient(145deg,var(--accent),#252043);flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:relative}.popup-art>span{letter-spacing:.16em;font:800 11px Manrope;position:absolute;top:25px;left:28px}.popup-art>i{border:1px solid #ffffff47;border-radius:50%;width:110px;height:110px;position:absolute;top:70px;right:35px;box-shadow:0 0 0 28px #ffffff0d,0 0 0 55px #ffffff08}.popup-art b{letter-spacing:-.05em;font:800 30px/1 Manrope}.popup-art small{color:#ffffffb8;margin-top:7px}.popup-form{flex-direction:column;justify-content:center;padding:34px;display:flex}.popup-kicker{color:var(--accent);letter-spacing:.14em;font-size:8px;font-weight:800}.popup-form h2{letter-spacing:-.045em;margin:11px 0 9px;font:800 29px/1.08 Manrope}.popup-form p{color:var(--muted);margin:0 0 17px;font-size:10px;line-height:1.55}.popup-form label:not(.consent){color:#555260;font-size:8px;font-weight:700}.popup-form input[type=email]{border:1px solid var(--line);border-radius:9px;width:100%;margin-top:6px;padding:11px}.popup-form .consent{color:var(--muted);align-items:flex-start;gap:7px;margin:10px 0;font-size:8px;line-height:1.4;display:flex}.popup-form .consent input{accent-color:var(--accent)}.popup-form>button{color:#fff;background:var(--accent);border:0;border-radius:9px;min-height:41px;font-size:10px;font-weight:800}.popup-form>small{color:#a3a0ab;margin-top:10px;font-size:7px;line-height:1.4}.popup-card.compact{grid-template-columns:1fr;min-height:auto}.popup-card.compact .popup-art{min-height:160px}.popup-card.compact .popup-form{padding:25px}.popup-card.compact .popup-form h2{font-size:23px}.funnel{gap:10px;margin:20px 0;display:grid}.funnel>div{grid-template-columns:130px 80px 1fr;align-items:center;gap:12px;display:grid;position:relative}.funnel span{color:var(--muted);font-size:9px}.funnel b{font:700 12px Manrope}.funnel i{width:var(--width);background:linear-gradient(90deg,#8375ff,#c7c0ff);border-radius:99px;height:13px;display:block}.method-note{color:#716c82;background:#f8f7ff;border:1px solid #e1ddff;border-radius:10px;padding:13px;font-size:9px;line-height:1.6}.system-list{margin-top:12px;display:grid}.system-list>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 4px;font-size:10px;display:flex}.system-list>div span{color:var(--muted)}.system-list b{color:var(--red)}.system-list b.good{color:var(--green)}.system-list b i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.locks{gap:9px;margin-top:14px;display:grid}.locks div{background:#fff8fa;border:1px solid #f1d9df;border-radius:10px;justify-content:space-between;padding:13px;font:9px monospace;display:flex}.locks b{color:var(--red)}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#120f23b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.popup-dialog{width:min(760px,100%);position:relative}.popup-dialog .close{z-index:2;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:34px;height:34px;font-size:20px;position:absolute;top:12px;right:12px}.text-button{color:#fff;cursor:pointer;background:0 0;border:0;margin:14px auto 0;text-decoration:underline;display:block}footer{border-top:1px solid var(--line);color:#9895a5;justify-content:space-between;margin-top:20px;padding-top:17px;font-size:8px;display:flex}footer span:first-child{color:var(--purple);font-weight:700}@media (max-width:1050px){.app{grid-template-columns:78px 1fr}.brand>div,.environment span,.sidebar nav button:not(.active){font-size:0}.sidebar nav button{justify-content:center}.boundary>span,.boundary small,.byline{display:none}.metrics{grid-template-columns:1fr 1fr}.two-col,.editor-grid{grid-template-columns:1fr}.mini-preview{position:static}.timeline{grid-template-columns:1fr 1fr}}@media (max-width:700px){.app{display:block}.sidebar{z-index:40;border-bottom:1px solid #ffffff1a;flex-direction:row;height:auto;padding:8px 10px;display:flex;position:sticky;top:0}.brand{border:0;padding:0}.brand-icon{width:36px;height:36px}.environment,.boundary,.byline{display:none}.sidebar nav{margin-left:auto;display:flex}.sidebar nav button{padding:4px}.sidebar nav button>span{width:32px;height:32px}.sidebar nav button{font-size:0}main{padding:20px 13px}.topbar{align-items:flex-start}.top-actions{justify-items:end;display:grid}.health{display:none}.notice{display:grid}.metrics{grid-template-columns:1fr 1fr}.timeline,.field-pair{grid-template-columns:1fr}.save-bar{gap:10px;display:grid}.preview-stage>.popup-card{width:92%}.popup-card{grid-template-columns:1fr;max-height:86vh;overflow:auto}.popup-art{min-height:160px}.popup-form{padding:24px}.popup-form h2{font-size:24px}.fake-store header nav{display:none}.funnel>div{grid-template-columns:80px 60px 1fr}footer{gap:5px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}