/* External Analytics Ultimate — Public experience 1.7.2. No external font/CDN dependency. */
:root{--navy:#09132f;--ink:#152345;--muted:#647390;--blue:#1687ff;--cyan:#18d7ef;--purple:#833df4;--pink:#ee3e9d;--line:#e5eafa;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.public-body{margin:0;min-width:320px;min-height:100vh;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body.public-body button,body.public-body input{font:inherit}body.public-body a{text-decoration:none}body.public-body img,body.public-body svg{max-width:100%}body.public-body :focus-visible{outline:3px solid #41c7f5;outline-offset:3px}body.public-body :is(button,a,input){-webkit-tap-highlight-color:transparent}.skip-link{position:absolute;left:12px;top:-90px;z-index:100;background:white;color:#14335b;padding:12px 16px}.skip-link:focus{top:12px}.public-glow{display:none}.landing-dark-wrap{position:relative;overflow:hidden;background:radial-gradient(ellipse 40% 55% at 88% 4%,#174d9b 0%,transparent 78%),radial-gradient(ellipse 38% 74% at -5% 68%,#1c4fa7 0%,transparent 75%),radial-gradient(ellipse 38% 60% at 95% 95%,#5320aa 0%,transparent 75%),linear-gradient(115deg,#0a143a 0%,#080f2b 47%,#09193e 75%,#190f54 100%);color:#fff}.landing-dark-wrap:before,.landing-dark-wrap:after{content:"";position:absolute;pointer-events:none;inset:auto -11% -12% -15%;height:245px;border:2px solid rgba(59,97,255,.18);border-radius:50%;transform:rotate(8deg);box-shadow:0 -35px 120px rgba(43,74,255,.16)}.landing-dark-wrap:after{inset:4% -20% auto 68%;height:380px;border-color:rgba(143,41,244,.14);transform:rotate(-35deg)}
.public-nav{width:min(100%,1280px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:23px 35px;position:relative;z-index:15}.public-brand{display:inline-flex;align-items:center;gap:11px;color:#1b2a48;font-size:16px;line-height:1.18;font-weight:850;letter-spacing:-.045em;white-space:nowrap}.public-brand b{color:#13bbf2}.landing-nav .public-brand,.auth-nav .public-brand{color:#fff}.brand-symbol{width:34px;height:33px;position:relative;display:inline-flex;flex-shrink:0}.brand-symbol i{position:absolute;display:block;border-radius:8px;transform:rotate(34deg);box-shadow:0 4px 12px rgba(0,0,0,.1)}.brand-symbol i:nth-child(1){width:13px;height:27px;background:linear-gradient(180deg,#692cf2,#4b68ff);left:5px;top:3px}.brand-symbol i:nth-child(2){width:11px;height:25px;background:linear-gradient(180deg,#05ccfa,#3261ff);left:17px;top:2px;transform:rotate(-36deg)}.brand-symbol i:nth-child(3){width:10px;height:16px;background:linear-gradient(180deg,#8a39f8,#315eee);left:15px;top:14px}.brand-symbol.small{transform:scale(.86);transform-origin:left center;width:29px}.public-links{display:flex;align-items:center;gap:29px}.public-links a{color:#e3ecff;font-size:13px;font-weight:650;transition:color .2s}.public-links a:hover{color:#36d1ff}.public-links a.nav-login{margin-left:14px;border:1px solid #6c89cc;padding:11px 21px;border-radius:11px;color:#fff}.public-links a.public-smallbtn,.public-smallbtn{border-radius:11px;padding:12px 23px;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(110deg,#03a6f4,#3054ed 48%,#9428e8);box-shadow:0 10px 24px rgba(38,55,241,.25);color:#fff}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.27);border-radius:11px;background:rgba(255,255,255,.1);width:43px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:20px;height:2px;border-radius:4px;background:#fff}.public-hero{max-width:1280px;margin:0 auto;padding:51px 35px 66px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:38px;position:relative;z-index:1}.hero-copy{padding:10px 0 24px}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:850;letter-spacing:.16em;color:#c7d7ff;margin-bottom:14px}.sparkle-dot{width:8px;height:8px;border-radius:50%;background:#13dcc4;box-shadow:0 0 0 5px rgba(8,219,188,.13)}.hero-copy h1{font-size:clamp(39px,4.05vw,61px);font-weight:900;letter-spacing:-.065em;line-height:1.12;margin:0 0 17px;color:#fff}.hero-copy h1 span{display:block;background:linear-gradient(105deg,#3edcf8 5%,#5e90ff 45%,#be60fa 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.public-intro{color:#d1ddf9;font-size:15px;line-height:1.75;max-width:540px;margin:0}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 26px}.public-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:49px;padding:13px 23px;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(110deg,#00a8f5,#3656f5 48%,#a32ae9);box-shadow:0 15px 26px rgba(23,71,231,.21);font-size:13px;line-height:1.3;font-weight:800;color:#fff;transition:transform .22s,box-shadow .22s}.public-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 17px 30px rgba(36,73,219,.3)}.public-button.outline{color:#fff;background:transparent;border:1px solid #8498ca;box-shadow:none}.public-button.full{width:100%}.hero-admin-link{color:#c1b2f9;text-decoration:underline!important;text-underline-offset:4px;font-size:12px;font-weight:750}.hero-proof{display:flex;flex-wrap:wrap;gap:17px;color:#d7ddfa;font-size:11px}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof i{font-size:11px;display:grid;place-items:center;width:17px;height:17px;font-style:normal;border-radius:50%;border:1px solid #09c6ad;color:#09e0c2}
/* CSS-drawn dashboard mockup, intentionally sample values rather than real customer metrics */
.hero-dashboard{background:linear-gradient(145deg,#f7faff,#e8eeff);padding:8px;border-radius:24px;box-shadow:0 22px 70px rgba(7,9,37,.45),0 0 0 2px rgba(125,141,255,.65),0 0 60px rgba(100,77,253,.27);transform:perspective(1600px) rotateY(-2deg);animation:dash-enter 1.1s ease both;min-width:0}.dash-browser{background:#fbfcff;color:#1c2850;border-radius:17px;overflow:hidden;border:1px solid #dfe6fc}.dash-toolbar{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;background:#fff;border-bottom:1px solid #edf1ff;font-size:10px}.dash-toolbar-brand{display:flex;align-items:center;font-size:10px;gap:5px;font-weight:850;white-space:nowrap}.dash-toolbar-brand b{color:#08addd}.dash-mini-logo{color:#4967ec;font-size:19px}.dash-date{padding:7px 10px;border-radius:8px;color:#6980b4;border:1px solid #e9ecfa;white-space:nowrap}.dash-layout{display:flex}.dash-sidebar{width:121px;flex:0 0 121px;background:#f8faff;padding:14px 7px;border-right:1px solid #e9edfb}.dash-nav-item{font-size:9px;color:#6d7aa1;font-weight:700;padding:10px 7px;margin-bottom:2px;border-radius:7px;white-space:nowrap}.dash-nav-item.chosen{color:#3d58e8;background:#e9eefe}.dash-widgets{flex:1;min-width:0;padding:12px 10px}.dash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dash-card{background:#fff;border:1px solid #eef0fa;border-radius:11px;box-shadow:0 7px 19px rgba(35,52,116,.035);min-width:0;padding:12px}.dash-metric{position:relative;min-height:96px}.dash-metric span{font-size:10px;font-weight:750;color:#657596}.dash-metric strong{display:block;font-size:22px;line-height:1.35;letter-spacing:-.05em;color:#162249}.dash-metric small{font-size:9px}.dash-positive{color:#06b98e}.mini-spark{position:absolute;right:10px;bottom:14px;display:flex;align-items:end;gap:3px;width:46px;height:34px}.mini-spark i{flex:1;background:linear-gradient(#0fcafa,#4f80ff);border-radius:2px 2px 0 0}.mini-spark.purple i{background:linear-gradient(#9841ec,#7377f4)}.dash-charts{display:grid;grid-template-columns:1.15fr .85fr;gap:7px;margin-top:7px}.dash-charts .dash-card{min-height:150px}.dash-card h3{font-size:11px;letter-spacing:-.025em;margin:0 0 13px;font-weight:850}.donut-layout{display:flex;gap:10px;align-items:center}.dash-donut{height:112px;width:112px;flex:0 0 112px;border-radius:50%;background:conic-gradient(#6045e8 0 42%,#238bee 42% 70%,#1ecbb1 70% 85%,#fe7a59 85% 95%,#f6bc42 95% 100%);display:grid;place-items:center}.dash-donut>div{background:white;border-radius:50%;height:76px;width:76px;display:flex;align-items:center;justify-content:center;flex-direction:column}.dash-donut strong{font-size:16px}.dash-donut span{font-size:8px;color:#7c89a9}.dash-legend{flex:1;min-width:0;display:grid;gap:9px}.dash-legend>div{font-size:9px;display:flex;align-items:center;gap:5px;color:#586787;white-space:nowrap}.dash-legend i{width:7px;height:7px;border-radius:50%;flex:none}.dash-legend b{margin-left:auto;font-size:9px;color:#233253}.device-donut{float:left;width:65px;height:65px;display:grid;place-items:center;font-size:24px;border-radius:50%;color:#276ff4;background:radial-gradient(circle at center,#fff 0 44%,transparent 46%),conic-gradient(#5b7dfa 0 56%,#37c2ec 56% 94%,#ffc660 94%);margin:6px 10px 3px 0}.device-progress{display:grid;gap:9px}.device-progress>div{font-size:9px;display:grid;grid-template-columns:1fr auto;gap:4px;color:#637295}.device-progress b{color:#2b355a}.device-progress i{grid-column:1/-1;height:4px;background:linear-gradient(to right,var(--bar) var(--value),#e8edf8 var(--value));border-radius:6px}.page-rows,.source-rows{display:grid;gap:11px}.page-rows>div,.source-rows>div{display:flex;align-items:center;gap:9px;font-size:9px;color:#617198}.page-rows span{width:58px;flex:none}.source-rows span{width:69px;flex:none}.page-rows i,.source-rows i{background:linear-gradient(to right,#7658e9 var(--value),#e6eaf5 var(--value));border-radius:9px;flex:1;height:6px}.source-rows i{background:linear-gradient(to right,var(--bar) var(--value),#e6eaf5 var(--value))}.page-rows b,.source-rows b{width:27px;text-align:right;font-size:9px;color:#475a81}.dash-preview-label{text-align:right;color:#65708e;font-size:9px;padding:4px 7px 0}.hero-dashboard:focus-within{transform:none}@keyframes dash-enter{from{opacity:.5;transform:translateY(25px) rotateY(-4deg)}to{opacity:1;transform:translateY(0) rotateY(-2deg)}}
/* Lower light sections */
.public-section{max-width:1230px;margin:0 auto;padding:61px 25px}.section-title{text-align:center;max-width:800px;margin:0 auto 35px}.section-title h2{font-size:clamp(27px,3.15vw,40px);line-height:1.2;letter-spacing:-.055em;color:#101a3b;margin:13px 0 7px;font-weight:900}.section-title p{font-size:14px;line-height:1.65;color:#7885a3;margin:0}.pill-kicker{font-size:10px;letter-spacing:.02em;color:#136bf5;font-weight:850;display:inline-flex;align-items:center;padding:7px 13px;background:#e5f2ff;border-radius:100px}.pill-kicker.purple{color:#683df1;background:#efe6ff}.public-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-tile{display:flex;gap:14px;min-height:128px;align-items:flex-start;background:#fff;border:1px solid #e5eafa;border-radius:14px;padding:19px 17px;box-shadow:0 9px 25px rgba(33,64,112,.055);transition:transform .25s,box-shadow .25s}.feature-tile:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(33,64,112,.13)}.feature-icon{display:flex;align-items:center;justify-content:center;height:49px;width:49px;flex:0 0 49px;color:#fff;font-size:24px;font-weight:850;border-radius:50%;box-shadow:0 12px 24px rgba(62,74,187,.17)}.feature-icon.rose,.feature-icon.pink{background:linear-gradient(125deg,#ff5c92,#ff1768)}.feature-icon.violet,.feature-icon.purple{background:linear-gradient(125deg,#9851ff,#6338fa)}.feature-icon.blue{background:linear-gradient(125deg,#14c6fd,#136bfa)}.feature-icon.green{background:linear-gradient(125deg,#1ae3b0,#00b873)}.feature-icon.orange{background:linear-gradient(125deg,#ffb34e,#ff820c)}.feature-icon.cyan{background:linear-gradient(125deg,#25dced,#0093ec)}.feature-tile h3{font-size:15px;line-height:1.3;letter-spacing:-.04em;margin:2px 0 8px;font-weight:850}.feature-tile p{font-size:12px;line-height:1.52;color:#687997;margin:0}.section-more{text-align:center;margin-top:22px}.section-more a{font-size:13px;color:#5e50da;font-weight:800}.trust-strip{position:relative;overflow:hidden;max-width:1280px;margin:10px auto 5px;border-radius:20px;background:linear-gradient(115deg,#091839,#101c44 55%,#191548);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 18px;color:#fff;box-shadow:0 18px 25px rgba(15,35,80,.1)}.trust-strip:before{content:"";position:absolute;width:400px;height:170px;bottom:-127px;left:-70px;border-radius:50%;background:#1b34a6;filter:blur(22px);opacity:.4}.trust-stat{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;padding:6px 12px;border-right:1px solid rgba(219,233,255,.18)}.trust-stat:last-child{border-right:0}.trust-icon{display:grid;place-items:center;border-radius:50%;font-size:25px;color:#fff;width:52px;height:52px;flex:0 0 52px;background:#542bc8}.trust-icon.blue{background:#1255b9}.trust-icon.cyan{background:#11727f}.trust-icon.green{background:#08665b}.trust-stat strong{display:block;font-size:23px;letter-spacing:-.045em}.trust-stat b{display:block;font-size:12px;margin:3px 0 9px}.trust-stat small{display:block;color:#9fafd3;font-size:10px;line-height:1.4}.process-section{padding-top:55px;padding-bottom:40px}.steps-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;align-items:start}.step-item{grid-column:span 1;text-align:center;min-width:0}.step-item:nth-child(1),.step-item:nth-child(3),.step-item:nth-child(5),.step-item:nth-child(7){grid-column:span 1}.step-icon{width:60px;height:60px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:850}.step-icon.violet{background:#f0e4ff;color:#8640f7}.step-icon.blue{background:#e5f2ff;color:#0b80f5}.step-icon.green{background:#e0fbf2;color:#00bd83}.step-icon.pink{background:#ffe7f1;color:#f12b80}.step-arrow{padding-top:20px;text-align:center;color:#94a4c5;font-size:27px}.step-item h3{font-size:13px;line-height:1.3;margin:0 0 7px;font-weight:850;white-space:nowrap}.step-item p{font-size:11px;line-height:1.5;color:#7683a0;margin:0 auto;max-width:165px}.audience-section{max-width:1230px;margin:0 auto 17px;padding:0 15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.audience-card{min-height:195px;border-radius:14px;overflow:hidden;position:relative;padding:24px 24px;display:flex;align-items:center;justify-content:space-between;gap:6px}.audience-user{background:linear-gradient(105deg,#e4f6ff,#f2f8ff)}.audience-admin{background:linear-gradient(105deg,#f0eaff,#f9f3ff)}.audience-card>div:first-child{position:relative;z-index:1;max-width:66%}.audience-card h2{font-size:20px;line-height:1.25;letter-spacing:-.045em;margin:9px 0 6px}.audience-card p{font-size:12px;line-height:1.55;color:#697793;margin:0 0 12px}.mini-cta{display:inline-flex;padding:9px 14px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(120deg,#079efb,#3551ee);border-radius:9px;box-shadow:0 7px 12px rgba(29,91,213,.16)}.mini-cta.purple{background:linear-gradient(120deg,#8a53ff,#651bed)}.audience-illustration{height:145px;flex:1;min-width:110px;position:relative;transform:rotate(8deg)}.mini-paper{position:absolute;right:17px;top:15px;width:145px;height:114px;background:#fff;border-radius:11px;box-shadow:0 17px 28px rgba(71,102,202,.12);padding:13px 12px;display:flex;gap:7px;align-items:end}.mini-paper span{position:absolute;left:10px;top:12px;font-size:9px;color:#5c7bbd;font-weight:800}.mini-paper i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(#6bd9ff,#3775ed)}.audience-bubble{position:absolute;right:1px;bottom:7px;width:48px;height:48px;background:linear-gradient(135deg,#159ffd,#3559f8);color:#fff;display:grid;place-items:center;border-radius:50%;font-size:28px;box-shadow:0 10px 22px rgba(27,90,241,.15)}.audience-bubble.purple{background:linear-gradient(125deg,#9c51ff,#6f17e5)}.small-paper{display:block;padding-top:30px}.mini-paper-line{height:8px;border-radius:8px;background:linear-gradient(90deg,#b6a1f9 55%,#edf1ff 55%);margin-bottom:11px}.privacy-banner{max-width:1230px;margin:0 auto 30px;border-radius:14px;background:linear-gradient(100deg,#e9fcf3,#f4fffc 55%,#ecf8f5);padding:20px 24px;display:flex;align-items:center;gap:20px}.privacy-shield{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(130deg,#19d795,#00a971);flex:none;font-size:31px}.privacy-copy{flex:1}.privacy-copy h2{color:#08663d;font-size:20px;margin:0 0 4px;letter-spacing:-.045em}.privacy-copy p{color:#4b6d61;font-size:11px;line-height:1.6;margin:0}.privacy-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 19px;min-width:350px}.privacy-checks span{color:#237757;font-size:11px;font-weight:750}.public-footer{background:#09152e;color:#a2b4d4;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px max(28px,calc((100vw - 1210px)/2));font-size:12px}.public-footer .public-brand{color:#fff;font-size:13px}.public-footer .public-brand b{color:#00bfff}.public-footer small{font-size:10px;line-height:1.75;color:#98a9cc}.public-footer>div>small{display:block;padding-top:6px}.public-footer nav{display:flex;flex-wrap:wrap;gap:20px}.public-footer a{color:#b8c6e3}.public-footer a:hover{color:#17cafa}
/* Registration, login and reset experience */
.public-body.auth-gradient{min-height:100vh;background:radial-gradient(circle at 0% 12%,rgba(67,100,244,.26),transparent 40%),radial-gradient(circle at 95% 80%,rgba(121,46,230,.3),transparent 45%),linear-gradient(125deg,#0b1638,#111847 58%,#171049);color:#fff}.auth-nav{color:#fff;max-width:1200px}.auth-nav .public-link{color:#b3d4ff;font-weight:750;font-size:13px}.auth-nav .public-link strong{color:#fff}.auth-shell{max-width:1170px;margin:0 auto;min-height:calc(100vh - 132px);padding:50px 30px 78px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,475px);gap:70px;align-items:center}.auth-copy h1{font-size:clamp(43px,5vw,70px);letter-spacing:-.065em;line-height:1.08;margin:15px 0 16px}.auth-copy h1 em{font-style:normal;background:linear-gradient(100deg,#45d7fc,#a45dff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-copy>p{font-size:15px;line-height:1.8;color:#c1cef1;max-width:480px}.auth-copy .public-kicker{color:#6de3f7;font-size:10px;font-weight:850;letter-spacing:.15em}.auth-facts{display:grid;gap:13px;margin-top:29px}.auth-facts>div{display:flex;gap:13px;align-items:center;color:#d8e2fa;font-size:13px;font-weight:650}.auth-facts strong{display:grid;place-items:center;background:rgba(91,116,252,.19);border:1px solid rgba(150,173,255,.2);height:38px;width:38px;border-radius:12px;color:#59dafb}.auth-card{background:#fff;color:#172444;border:1px solid #edf0f9;border-radius:25px;padding:32px 35px;box-shadow:0 35px 100px rgba(0,0,0,.32)}.auth-card h2{font-size:29px;line-height:1.15;letter-spacing:-.05em;margin:10px 0 8px}.auth-card .public-kicker{font-size:10px;color:#7050ef;font-weight:850;letter-spacing:.08em}.public-muted{font-size:13px;line-height:1.6;color:#77839b;margin:0 0 20px}.public-form label{display:block;color:#344563;font-size:12px;font-weight:850;margin-bottom:13px}.public-form label>input:not([type=checkbox]),.public-form .password-wrap input{display:block;width:100%;height:46px;background:#fbfcff;border:1px solid #dce4f4;border-radius:11px;padding:10px 13px;margin-top:6px;color:#243553;outline:none;transition:border-color .2s,box-shadow .2s}.public-form :is(input,button):focus-visible{outline:3px solid rgba(21,181,250,.55);outline-offset:2px}.public-form input:focus{border-color:#9479f4;box-shadow:0 0 0 4px rgba(129,88,231,.1)}.public-check{display:flex!important;align-items:flex-start;gap:10px;font-size:11px!important;line-height:1.6;font-weight:600!important}.public-check input{width:16px;height:16px;margin:2px 0 0;flex:none}.signup-honey{position:absolute;left:-12000px;top:-12000px}.auth-foot{font-size:12px;text-align:center;color:#72809a;margin:17px 0 0}.auth-foot a{color:#583ae2;font-weight:850}.auth-card .alert{border-radius:12px;padding:12px 14px;margin:12px 0;color:#823044;background:#fff0f2;border:1px solid #ffd7de;font-size:13px}.auth-card .alert.success{color:#176b51;background:#e8faf1;border-color:#c6f3d8}.auth-card .secondary-link{font-size:12px;color:#6651bb;font-weight:750}.auth-secondary-links{display:flex;justify-content:space-between;gap:10px;margin:10px 0 18px}.auth-gradient .public-footer{background:transparent;max-width:1170px;margin:0 auto;border-top:1px solid rgba(255,255,255,.13);padding:18px 30px;color:#879ac4}.auth-gradient .public-footer a{color:#bfcdf2}.password-wrap{position:relative}.password-wrap input{padding-right:80px!important}.password-wrap .password-eye{position:absolute;right:10px;top:13px;z-index:1;border:0;background:#eff3fc;border-radius:7px;padding:7px 9px;font-size:11px;color:#566a96;cursor:pointer}.password-tools{display:flex;flex-wrap:wrap;gap:7px;margin:-4px 0 9px}.password-tool{border:1px solid #dedaf9;padding:7px 10px;border-radius:8px;color:#6050d8;background:#f7f5ff;font-size:11px;font-weight:800;cursor:pointer}.password-tool:hover{background:#efeaff}.password-tool:disabled{opacity:.5;cursor:not-allowed}.password-meter{height:6px;background:#e9edf7;overflow:hidden;border-radius:8px;margin:0 0 6px}.password-meter span{display:block;height:100%;width:0;background:#f1716e;border-radius:8px;transition:width .2s,background .2s}.password-hint{min-height:16px;font-size:10px;color:#72809d;margin:0 0 12px}.password-notice{font-size:11px;color:#607493;line-height:1.5}.auth-bottom-links{display:flex;gap:13px;justify-content:center;margin-top:15px;font-size:12px}.auth-bottom-links a{color:#6157b7;font-weight:700}
/* Existing About page compatibility */
.public-body.eau-about{background:#f7f9ff;color:#1c2541}.eau-about .public-nav{max-width:1230px}.eau-about .public-brand{color:#182447}.eau-about .public-links>a{color:#5a6b8e}.eau-about .public-links .public-smallbtn{color:#fff}.eau-about .public-footer{background:transparent;max-width:1230px;margin:auto;padding:25px 23px;color:#7b86a0}.eau-about .public-footer a{color:#5264a2}.eau-about .public-button{color:white}
/* Responsive */
@media(max-width:1130px){.public-nav{padding:20px 24px}.public-links{gap:17px}.public-hero{padding:37px 24px 67px;gap:20px}.hero-copy h1{font-size:clamp(35px,4.4vw,49px)}.dash-sidebar{width:97px;flex-basis:97px}.dash-nav-item{font-size:8px}.dash-donut{width:81px;height:81px;flex-basis:81px}.dash-donut>div{width:56px;height:56px}.dash-donut strong{font-size:13px}.dash-donut span{font-size:6px}.dash-charts .dash-card{min-height:131px}.dash-metric strong{font-size:19px}.mini-spark{width:32px}.dash-card{padding:10px}.dash-legend>div{font-size:8px}.dash-legend{gap:5px}.public-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-tile{padding:14px 12px;gap:10px}.feature-icon{width:40px;height:40px;flex-basis:40px;font-size:21px}.feature-tile h3{font-size:13px}.feature-tile p{font-size:11px}.trust-stat{gap:8px}.trust-icon{width:42px;height:42px;flex-basis:42px}.trust-stat strong{font-size:19px}}
@media(max-width:880px){.public-nav{padding:17px 22px}.menu-toggle{display:flex}.public-links{display:none;position:absolute;top:calc(100% - 4px);left:17px;right:17px;flex-direction:column;align-items:stretch;gap:3px;background:#172352;border:1px solid rgba(149,172,239,.2);box-shadow:0 22px 45px rgba(0,0,0,.22);border-radius:16px;padding:12px}.public-links.is-open{display:flex}.public-links a{padding:11px 12px}.public-links a.nav-login{margin:0;text-align:center}.public-links a.public-smallbtn{justify-content:center}.public-hero{grid-template-columns:1fr;padding:40px 28px 50px;gap:35px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(41px,6.7vw,62px);max-width:700px}.public-intro{max-width:690px}.hero-dashboard{max-width:710px;width:100%;margin:0 auto}.dash-donut{width:112px;height:112px;flex-basis:112px}.dash-donut>div{width:78px;height:78px}.dash-donut strong{font-size:16px}.dash-card{padding:13px}.dash-charts .dash-card{min-height:150px}.dash-sidebar{width:121px;flex-basis:121px}.dash-nav-item{font-size:9px}.public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-tile{padding:19px;min-height:120px}.feature-icon{width:49px;height:49px;flex-basis:49px}.feature-tile h3{font-size:15px}.feature-tile p{font-size:12px}.trust-strip{margin:8px 17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.trust-stat:nth-child(2){border-right:0}.trust-stat:nth-child(-n+2){border-bottom:1px solid rgba(219,233,255,.15);padding-bottom:16px}.audience-section{padding:0 23px}.audience-card{padding:20px}.audience-card>div:first-child{max-width:75%}.audience-illustration{min-width:65px}.mini-paper{right:-30px}.privacy-banner{margin:0 22px 30px;flex-wrap:wrap}.privacy-checks{min-width:0;width:100%}.auth-shell{grid-template-columns:1fr;gap:30px;max-width:620px;padding:38px 22px 50px}.auth-copy h1{font-size:43px}.auth-facts{grid-template-columns:repeat(3,1fr);gap:9px}.auth-facts>div{font-size:10px;gap:7px}.auth-facts strong{width:33px;height:33px;flex:none}.eau-about .public-links{background:#fff;box-shadow:0 22px 42px rgba(20,43,100,.18)}.eau-about .public-links a{color:#35456d!important}}
@media(max-width:640px){.public-brand{font-size:13px;gap:8px;white-space:normal}.brand-symbol{flex:none;transform:scale(.88);transform-origin:left center}.public-nav{padding:14px 16px}.public-hero{padding:26px 18px 43px;gap:25px}.hero-eyebrow{font-size:9px}.hero-copy h1{font-size:clamp(33px,8.4vw,47px)}.public-intro{font-size:13px;line-height:1.75}.hero-buttons{gap:9px;margin:21px 0}.public-button{padding:11px 15px;min-height:45px;font-size:12px;gap:10px}.hero-admin-link{display:block;padding:7px}.hero-proof{font-size:10px;gap:10px 13px}.hero-dashboard{border-radius:15px;padding:5px;transform:none!important}.dash-browser{border-radius:11px}.dash-sidebar{display:none}.dash-toolbar{padding:7px 9px}.dash-toolbar-brand{font-size:9px}.dash-date{font-size:8px}.dash-widgets{padding:7px}.dash-metrics{gap:5px}.dash-metric{min-height:76px}.dash-metric span{font-size:8px}.dash-metric strong{font-size:18px}.dash-metric small{font-size:8px}.dash-card{padding:8px;border-radius:8px}.dash-charts{gap:5px;margin-top:5px}.dash-charts .dash-card{min-height:120px}.dash-card h3{font-size:10px;margin-bottom:7px}.dash-donut{width:65px;height:65px;flex-basis:65px}.dash-donut>div{width:45px;height:45px}.dash-donut strong{font-size:10px}.dash-donut span{font-size:5px}.dash-legend{gap:5px}.dash-legend>div{font-size:6.5px}.dash-legend b{font-size:7px}.dash-legend i{width:5px;height:5px}.device-donut{height:42px;width:42px;font-size:17px}.device-progress{gap:6px}.device-progress>div{font-size:7px}.page-rows,.source-rows{gap:8px}.page-rows>div,.source-rows>div{font-size:7px;gap:4px}.page-rows span{width:36px}.source-rows span{width:48px}.page-rows b,.source-rows b{font-size:7px;width:18px}.mini-spark{display:none}.dash-preview-label{font-size:8px}.public-section{padding:46px 16px}.section-title{margin-bottom:25px}.section-title h2{font-size:28px}.section-title p{font-size:12px}.public-feature-grid{gap:10px}.feature-tile{padding:13px;gap:10px;border-radius:12px;min-height:148px;flex-direction:column}.feature-icon{width:44px;height:44px;flex:0 0 44px;font-size:22px}.feature-tile h3{font-size:13px;margin:0 0 5px}.feature-tile p{font-size:11px}.trust-strip{margin:4px 13px 0;border-radius:15px;padding:17px 10px;gap:11px}.trust-stat{padding:5px 6px;gap:7px;justify-content:start}.trust-icon{width:37px;height:37px;flex:0 0 37px;font-size:19px}.trust-stat strong{font-size:17px}.trust-stat b{font-size:10px;margin-bottom:4px}.trust-stat small{font-size:8px}.process-section{padding-top:45px}.steps-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 9px}.step-item:nth-child(n){grid-column:auto}.step-arrow{display:none}.step-icon{height:53px;width:53px}.step-item h3{white-space:normal;font-size:12px}.step-item p{font-size:10px}.audience-section{grid-template-columns:1fr;padding:0 15px}.audience-card{min-height:185px}.audience-card h2{font-size:19px}.audience-card p{font-size:11px}.audience-card>div:first-child{max-width:70%}.mini-paper{right:3px;width:110px}.audience-bubble{right:-5px}.privacy-banner{gap:12px;margin:0 15px 22px;padding:18px}.privacy-shield{width:46px;height:46px;font-size:25px}.privacy-copy h2{font-size:17px}.privacy-copy p{font-size:11px}.privacy-checks{grid-template-columns:1fr 1fr;gap:7px}.privacy-checks span{font-size:10px}.public-footer{flex-direction:column;align-items:flex-start;gap:16px;padding:25px 19px}.public-footer nav{gap:12px 17px}.auth-shell{padding:20px 16px 38px;gap:22px}.auth-copy h1{font-size:38px}.auth-copy>p{font-size:13px}.auth-facts{margin-top:18px}.auth-card{padding:25px 20px;border-radius:20px}.auth-card h2{font-size:26px}.auth-nav{padding:17px}.auth-gradient .public-footer{padding:17px}.eau-about .public-links{background:#fff}.eau-about .public-nav{padding:16px}}
@media(max-width:390px){.hero-copy h1{font-size:31px}.hero-buttons .public-button{padding:11px 12px}.public-brand{font-size:12px}.dash-donut{width:53px;height:53px;flex-basis:53px}.dash-donut>div{width:37px;height:37px}.dash-legend>div{font-size:6px}.dash-card h3{font-size:9px}.audience-card>div:first-child{max-width:78%}.audience-illustration{min-width:25px}.mini-paper{right:-22px}.trust-stat small{display:none}}
@media(prefers-reduced-motion:no-preference){[data-reveal].is-revealed{animation:reveal-up .7s both}@keyframes reveal-up{from{opacity:.25;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-pulse{50%{box-shadow:0 0 0 8px rgba(6,224,194,0)}}.sparkle-dot{animation:subtle-pulse 2s infinite}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v1.7.4 — coherent product UI and resilient responsive layout */
:where(.public-body,.auth-gradient,.eau-about,.preview-page){overflow-x:clip}
.public-body *, .public-body *::before, .public-body *::after{box-sizing:border-box}
.public-body :where(h1,h2,h3,p,a,button,label,small,span){overflow-wrap:break-word}
.public-body :where(.public-nav,.public-hero,.public-section,.public-footer,.auth-shell,.about-hero-inner,.about-main,.about-details-section){min-width:0}
.public-body :where(button,input,select,textarea){font:inherit;min-width:0}
.public-body :where(input,select,textarea){max-width:100%}
.public-body :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #39d5e9;outline-offset:3px}
.public-body :where(.public-button,.public-smallbtn,.mini-cta,.password-tool,.password-eye,.menu-toggle){touch-action:manipulation;max-width:100%;text-decoration:none}
.public-body :where(.public-button,.public-smallbtn,.mini-cta){white-space:normal;overflow-wrap:anywhere;min-width:0;text-align:center;justify-content:center}
.public-brand{min-width:0;max-width:100%;overflow-wrap:normal;line-height:1.2}
.public-brand>span:last-child{min-width:0;overflow-wrap:anywhere}
.public-links{min-width:0}
.public-links>a{min-width:0}
.public-links .coming-nav-label{display:inline-flex;font-size:9px;font-weight:900;letter-spacing:.045em;padding:2px 6px;border-radius:999px;margin-left:3px;color:#1c165e;background:#e0d6ff;vertical-align:middle;white-space:nowrap}
.public-nav{isolation:isolate;z-index:60}
.public-links{z-index:75}
.hero-copy,.hero-buttons,.hero-dashboard,.dash-browser,.dash-layout,.dash-widgets,.dash-charts,.dash-card,.dash-legend{min-width:0;max-width:100%}
.hero-copy h1{overflow-wrap:normal}
.public-section,.section-title,.feature-tile,.feature-tile>div,.trust-stat,.trust-stat>div,.audience-card,.audience-card>div,.privacy-banner,.privacy-copy{min-width:0}
.feature-tile h3,.feature-tile p,.audience-card h2,.audience-card p,.privacy-copy p{overflow-wrap:anywhere}
.feature-tile{height:auto}
.public-footer nav{display:flex;flex-wrap:wrap;gap:12px 22px;min-width:0}
.public-footer nav a{padding:4px 0;overflow-wrap:anywhere}
.public-footer small{overflow-wrap:anywhere}
.auth-shell,.auth-card,.auth-copy,.public-form,.public-form label,.password-wrap{min-width:0;max-width:100%}
.auth-card{overflow:hidden}
.auth-nav .public-link{max-width:58%;text-align:right;overflow-wrap:anywhere;white-space:normal}
.auth-card :where(input,textarea,select){width:100%;max-width:100%}
.password-wrap input{min-width:0;max-width:100%}
.password-tools{align-items:stretch}
.password-tool{min-height:37px;line-height:1.3;white-space:normal}
.password-wrap .password-eye{min-width:45px;min-height:32px}
.public-check{display:flex;align-items:flex-start;gap:9px}
.public-check input{flex:0 0 auto;margin-top:4px}
.public-check span{flex:1;min-width:0}
/* Preserve natural line wrapping and avoid cropped About-page cards */
.eau-about :where(.about-hero,.about-hero-inner,.about-hero-copy,.about-hero-art,.about-steps,.about-compare,.about-platforms,.about-modules,.about-detail-card,.about-code-panel,.about-details-section){min-width:0;max-width:100%}
.eau-about :where(h1,h2,h3,p,summary,a){overflow-wrap:anywhere}
.eau-about pre{max-width:100%;overflow-x:auto;white-space:pre;overscroll-behavior-inline:contain}
.eau-about .about-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.eau-about .about-hero-actions a{max-width:100%;white-space:normal}
/* Product mockup is illustrative. Keep fonts legible on small devices, not microsized. */
@media(max-width:700px){.landing-nav,.about-nav{gap:12px}.public-nav .menu-toggle{min-width:44px;min-height:44px;flex:none}.hero-buttons{flex-wrap:wrap}.hero-proof{flex-wrap:wrap}.public-feature-grid{align-items:stretch}.public-feature-grid .feature-tile{height:100%}}
@media(max-width:480px){
 .public-body .public-nav{padding:13px 14px;gap:7px}
 .public-brand{font-size:clamp(11px,3.6vw,14px)}
 .hero-buttons .public-button{flex:1 1 135px;min-height:45px}
 .hero-admin-link{flex:1 1 100%;text-align:left}
 .trust-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .trust-stat{align-items:center;flex-wrap:wrap}
 .trust-stat strong{font-size:clamp(15px,4.3vw,19px);letter-spacing:-.02em}
 .trust-stat small{display:block;line-height:1.4}
 .privacy-checks{grid-template-columns:minmax(0,1fr)}
 .privacy-checks span{font-size:11px}
 .audience-card>div:first-child{max-width:100%;padding-right:58px}
 .audience-illustration{opacity:.34;pointer-events:none}
 .auth-nav .public-link{font-size:12px;line-height:1.45}
 .auth-card{padding:24px 16px}
 .auth-copy h1{font-size:clamp(30px,9vw,38px)}
 .auth-facts{grid-template-columns:minmax(0,1fr)}
 .auth-facts>div{justify-content:flex-start;flex-wrap:wrap}
 .public-links.is-open{left:11px;right:11px;max-height:min(75dvh,650px);overflow-y:auto}
}
@media(max-width:400px){
 .public-feature-grid{grid-template-columns:minmax(0,1fr)}
 .feature-tile{min-height:0!important;flex-direction:row!important;align-items:flex-start;gap:13px}
 .feature-icon{flex:none!important}
 .hero-dashboard .dash-charts{grid-template-columns:minmax(0,1fr)}
 .hero-dashboard .dash-charts .dash-card{min-height:0;padding:10px}
 .hero-dashboard .dash-legend>div{font-size:9px}
 .hero-dashboard .dash-donut{width:77px;height:77px;flex-basis:77px}
 .hero-dashboard .dash-donut>div{width:52px;height:52px}
 .hero-dashboard .dash-donut strong{font-size:13px}
 .hero-dashboard .dash-donut span{font-size:7px}
 .hero-dashboard .page-rows>div,.hero-dashboard .source-rows>div{font-size:9px}
 .hero-dashboard .dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero-dashboard .dash-metric strong{font-size:clamp(14px,5vw,18px)}
 .hero-dashboard .dash-metric span{font-size:9px}
 .hero-dashboard .dash-metric small{font-size:8px}
}
/* Preview mode / Coming Soon */
.preview-page{background:#f7f9ff;color:#182547;min-height:100dvh}
.preview-page .landing-dark-wrap{background:radial-gradient(ellipse at 80% 10%,rgba(0,193,250,.23),transparent 45%),radial-gradient(ellipse at 0 90%,rgba(108,56,235,.32),transparent 60%),linear-gradient(125deg,#0b1230,#101d4c 55%,#16114f);color:#fff;min-height:calc(100dvh - 125px)}
.coming-main{max-width:1080px;margin:0 auto;padding:clamp(40px,7vw,90px) 22px clamp(65px,8vw,120px);min-width:0}
.coming-card{position:relative;text-align:center;isolation:isolate;overflow:hidden;border:1px solid rgba(209,223,255,.24);border-radius:30px;padding:clamp(35px,6vw,70px) clamp(16px,5vw,60px);background:linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.03));box-shadow:0 20px 75px rgba(0,0,0,.2);backdrop-filter:blur(15px)}
.coming-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(29,193,239,.18),transparent 56%);pointer-events:none;z-index:-1}
.coming-visual{height:128px;width:155px;margin:0 auto 18px;display:grid;place-items:center;position:relative}
.coming-symbol{width:85px;height:85px;border-radius:25px;background:linear-gradient(130deg,#0cc7f8,#7b40ee);box-shadow:0 0 40px rgba(46,145,254,.5);display:grid;place-items:center;font-size:48px;color:#fff}
.coming-orbit{position:absolute;border:1px solid rgba(121,232,255,.35);border-radius:50%;inset:7px 3px;transform:rotate(-20deg)}
.coming-orbit.two{inset:15px -22px;transform:rotate(42deg)}.coming-orbit.three{inset:-7px 26px;transform:rotate(85deg)}
.coming-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:850;letter-spacing:.13em;color:#9ce6ff}
.coming-dot{width:9px;height:9px;background:#15e3b2;border-radius:50%;box-shadow:0 0 0 6px rgba(21,227,178,.12)}
.coming-card h1{font-size:clamp(38px,6vw,76px);line-height:1.09;letter-spacing:-.055em;color:#fff;margin:20px 0}
.coming-card h1 span{background:linear-gradient(95deg,#36d7ff,#9b76ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.coming-card p{color:#c7d5f3;max-width:660px;margin:0 auto;line-height:1.8;font-size:clamp(14px,1.7vw,17px)}
.coming-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:30px auto}
.coming-mini-features{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 21px;color:#c7d8fa;font-size:12px;font-weight:650;margin-top:24px}
.preview-page .public-footer{max-width:none;background:#08142f;color:#b7c9ec}
.preview-page .public-footer a{color:#e9f3ff}
@media(max-width:500px){.coming-card{border-radius:20px}.coming-actions .public-button{flex:1 1 100%}.coming-mini-features{justify-content:flex-start;text-align:left}.coming-main{padding:30px 12px 55px}}
@media(prefers-reduced-motion:reduce){.coming-orbit{animation:none!important}}