
:root{color-scheme:dark;--cyan:#56edff;--violet:#ab83ff;--ink:#050b15;--muted:#a3b6ce;--line:#284158}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:#f4f8ff;font:15px/1.65 Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.wrap{width:min(1240px,90%);margin:auto}.ambient,.shade{position:fixed;inset:0;pointer-events:none}.ambient{background:url(hero.jpg) 65% center/cover;opacity:.55;animation:glide 24s ease-in-out infinite alternate}.shade{background:linear-gradient(90deg,#030811ed,#03081170),linear-gradient(0deg,#030811fa 5%,#03081140)}header,main,footer{position:relative}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:750;letter-spacing:1px}.brand img{object-fit:contain}.brand small{display:block;color:var(--cyan);font-size:9px;letter-spacing:3.8px}nav{display:flex;align-items:center;gap:26px;font-size:12px;color:#b7c9df}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:45px;padding:12px 21px;border:1px solid #38566e;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg,#56edff,#8df2ff);color:#04101d;border-color:#79efff;box-shadow:0 0 30px #56edff25}.quiet{background:#091828b0;color:#d3e8fa}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7%;padding:65px 0 80px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:650;color:var(--cyan)}.eyebrow span,i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan);margin-right:8px}h1{font-size:clamp(46px,5.8vw,78px);line-height:1.04;letter-spacing:-3.8px;margin:24px 0}em{font-style:normal;background:linear-gradient(100deg,#a3f4ff,#56edff 50%,#b795ff);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:17px;line-height:1.9;color:#bccde2;max-width:560px}.actions{display:flex;align-items:center;gap:25px;margin:30px 0 18px}.text-link{font-size:12px;color:#d0dfef}.micro{font-size:11px;color:#97acc6;line-height:1.8}.preview{border:1px solid #3a6680;border-radius:18px;background:linear-gradient(140deg,#0c2034ed,#081321f0);box-shadow:0 20px 80px #0006,0 0 40px #56edff12;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);backdrop-filter:blur(14px)}.preview-head{display:flex;justify-content:space-between;gap:10px;padding:17px 22px;border-bottom:1px solid #244158;font-size:9px;letter-spacing:1.2px;color:#c9eaff}.preview-head small{font-size:9px;color:#7893ad;letter-spacing:0}.preview-intro{padding:20px 25px 0}.preview-intro p{font-size:12px;color:#a8bdd4;margin:0}.preview-intro h2{font-size:30px;margin:10px 0 20px;letter-spacing:-1px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 22px 22px}.metrics div{background:#14273a9c;border:1px solid #2b485f;border-radius:10px;padding:13px}.metrics b{display:block;font-size:28px;font-weight:500;color:#6fe5c4}.metrics div:nth-child(2) b{color:#ffbd61}.metrics div:nth-child(3) b{color:#ff7a9c}.metrics span{font-size:10px;color:#a1b5cd}.demo-row{display:flex;align-items:center;gap:13px;margin:0 22px;padding:16px 0;border-top:1px solid #213b52}.demo-row div{flex:1}.demo-row strong{display:block;font-size:12px}.demo-row small{display:block;color:#8da4bf;font-size:10px}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.green{color:#65e5b4}.amber{color:#ffbc61}.pink{color:#ff7999}.badge{border:1px solid currentColor;border-radius:20px;padding:3px 9px;font-size:9px}.preview-foot{padding:17px 22px;border-top:1px solid #244158;font-size:8px;letter-spacing:2px;color:#6a95b1}.strip{border-top:1px solid #284158;border-bottom:1px solid #284158;display:flex;justify-content:space-around;padding:24px 0;font-size:9px;letter-spacing:2px;color:#7b9bb9}.section{padding:95px 0}h2{font-size:clamp(30px,3.2vw,44px);line-height:1.17;letter-spacing:-1.5px;margin:18px 0}h3{line-height:1.3}.section-copy,.section-heading>p{color:#a5bad2}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:40px}.feature-grid article{padding:27px 23px;background:#0b1829d6;border:1px solid #253e56;border-radius:13px}.feature-icon{color:var(--cyan);font-size:12px;letter-spacing:2px}.feature-grid h3{font-size:17px;margin:25px 0 13px}.feature-grid p{font-size:12px;color:#a8bdd4;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading>p{font-size:12px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.plan{position:relative;display:flex;flex-direction:column;padding:32px 27px;border:1px solid #2a465e;background:#0b182bef;border-radius:16px}.plan.featured{border-color:var(--cyan);background:linear-gradient(160deg,#12324aef,#091529fa);box-shadow:0 0 45px #56edff15}.ribbon{position:absolute;top:-13px;left:24px;background:#56edff;color:#04101d;padding:5px 12px;font-size:8px;font-weight:800;letter-spacing:1.6px;border-radius:4px}.plan-label{font-size:8px;letter-spacing:1.5px;color:#9ebbd4}.plan h3{font-size:28px;margin:12px 0}.price{font-size:44px;letter-spacing:-2px}.price small{font-size:11px;color:#91abc4;letter-spacing:0}.plan>p:not(.plan-label){font-size:12px;color:#aac0d6}.plan ul{list-style:none;padding:0;margin:22px 0 30px;flex:1}.plan li{font-size:11px;padding:10px 0;border-bottom:1px solid #28415880}.plan li:before{content:'✓';color:var(--cyan);margin-right:10px}.plan li span{font-size:8px;display:inline-block;color:#bd9cff;background:#ab83ff14;border-radius:4px;padding:2px 5px;margin-left:4px}.plan-note{display:block;margin-top:15px;min-height:38px;font-size:9px;color:#8aa4bf;line-height:1.8}.pro{border-color:#665480}.pricing-note{font-size:10px;color:#89a1bd;text-align:center;margin-top:23px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #284158}.steps ol{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:25px;margin-bottom:25px}.steps b{color:var(--cyan);font-size:22px;font-weight:400}.steps h3{font-size:17px;margin:0 0 7px}.steps p{font-size:12px;color:#a3b6ce;margin:0}.faq{max-width:830px;padding-top:30px}details{border-bottom:1px solid #294157;padding:20px 0}summary{cursor:pointer;font-size:15px}details p{font-size:12px;color:#a3b6ce;max-width:700px}.final-cta{text-align:center;background:linear-gradient(110deg,#10304980,#11162e90);border:1px solid #31526a;border-radius:20px;padding:50px 20px;margin-bottom:65px}.final-cta h2{margin-bottom:30px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:9px;letter-spacing:1px;color:#829ab5;border-top:1px solid #284158}.signup{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;min-height:80vh;padding:50px 0 70px}.form-card{padding:30px;border:1px solid #31546d;border-radius:18px;background:#0a182cec;backdrop-filter:blur(16px)}.form-card h2{font-size:26px}.form-card>p{color:#abc0d8;font-size:13px}label{display:block;font-size:11px;color:#bacee4;margin:14px 0}input,select{display:block;width:100%;background:#061121;border:1px solid #2f506d;border-radius:6px;padding:11px;color:#f0f8ff;margin-top:6px;min-width:0}input:focus,select:focus{outline:2px solid var(--cyan);outline-offset:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;align-items:start;gap:10px;font-size:10px}.check input{width:15px;margin-top:4px;flex-shrink:0}.form-card button{width:100%}.trap{position:absolute;left:-9999px}.error{padding:12px;border:1px solid #ff7999;border-radius:6px;color:#ffafc5;font-size:12px;background:#331323}.success-details{padding:15px;background:#102c41;border:1px solid #31546d;border-radius:10px;margin:25px 0}.success-details p{font-size:12px;margin:10px 0}.success-details strong{display:block;color:var(--cyan);overflow-wrap:anywhere}button:disabled{opacity:.7;cursor:wait}@keyframes glide{from{transform:scale(1)}to{transform:scale(1.035)}}@media(max-width:1000px){.hero{gap:4%;grid-template-columns:1fr 1fr}h1{font-size:54px}.feature-grid{grid-template-columns:1fr 1fr}.plan{padding:28px 20px}.price{font-size:38px}}@media(max-width:760px){header{align-items:start}nav{gap:13px;flex-wrap:wrap;justify-content:end}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:40px 0 60px;gap:40px;min-height:0}h1{font-size:58px;letter-spacing:-3px}.lead{font-size:15px}.preview{transform:none;max-width:540px;width:100%;margin:auto}.section{padding:60px 0}.pricing{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.plan-note{min-height:0}.steps,.signup{grid-template-columns:1fr;gap:30px}.signup-copy h1{font-size:45px}.signup-copy .lead{display:none}.signup{padding-top:20px}.feature-grid{gap:12px}.feature-grid article{padding:22px 18px}.strip{flex-wrap:wrap;gap:20px;font-size:8px}footer{flex-wrap:wrap}.actions{gap:18px}.form-card{padding:24px}.form-row{gap:10px}.section-heading>p{margin-top:20px}}@media(max-width:380px){h1{font-size:47px}.actions{align-items:start;flex-direction:column}.feature-grid,.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient{animation:none}.button{transition:none}}.reduce-motion .ambient{animation:none}

.signup.signup-complete{display:flex;justify-content:center;min-height:calc(100vh - 190px)}.signup-complete .form-card{width:min(600px,100%);text-align:center;padding:36px}.signup-complete h1{font-size:56px;margin:18px 0}.signup-complete .success-details{text-align:left}.signup-complete .success-details p{display:flex;justify-content:space-between;gap:18px;align-items:center}.signup-complete .success-details strong{text-align:right}.signup-complete .button{margin-top:12px}.form-card>p{line-height:1.6}.form-card .check{font-size:11px;line-height:1.6}.form-card .micro{line-height:1.6}@media(max-width:600px){.signup-complete .form-card{padding:26px 20px}.signup-complete h1{font-size:44px}.signup-complete .success-details p{display:block}.signup-complete .success-details strong{text-align:left;margin-top:4px}}

/* Monster Compliance, a MonsterLabs.Ai product. */
:root{--cyan:#56edff;--bg:#090b15;--text:#f4f6ff;--muted:#a3adc5}
.button.primary{background:linear-gradient(115deg,#65ecfa,#a0a5ff);color:#101629;border-color:#65ecfa}
h1 em{background:linear-gradient(110deg,#6deeff,#96afff,#d484ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand img{object-fit:contain}
