:root{--bg:#060d1c;--panel:#0d1d35;--panel2:#0b182b;--line:#25435f;--text:#edf8ff;--muted:#9db5c9;--cyan:#35d9fa;--blue:#4387ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#112d4c 0%,var(--bg) 45%);color:var(--text);font:16px/1.6 Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:#fff;color:#000;z-index:20}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;background:#071325ed;backdrop-filter:blur(16px);border-bottom:1px solid #203b57}.nav{min-height:84px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;letter-spacing:-.7px;white-space:nowrap}.brand b{color:var(--cyan)}.mark{width:47px;height:43px;filter:drop-shadow(0 0 9px #19c6ee66)}.navlinks{display:flex;gap:23px;margin-left:auto}.navlinks a{font-size:14px;color:#aec4d7}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--cyan)}.navcta{font-size:12px;border:1px solid #38799b;border-radius:5px;padding:11px 14px;color:#d9faff;white-space:nowrap}.menu-toggle{display:none;background:none;color:#fff;border:1px solid var(--line);border-radius:6px;padding:5px 12px;font-size:24px}.eyebrow{font-size:11px;letter-spacing:2.7px;font-weight:800;color:var(--cyan);text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;padding-top:100px;padding-bottom:105px}.hero h1,.pagehero h1{font-size:clamp(44px,5.2vw,72px);letter-spacing:-2.8px;line-height:1.09;margin:20px 0 24px}.hero h1 em,.pagehero h1 em{color:var(--cyan);font-style:normal}.lead{color:#b5c9da;font-size:19px;max-width:670px;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border-radius:5px;font-size:14px;font-weight:750;cursor:pointer;border:1px solid transparent}.primary{background:linear-gradient(115deg,#2bdef2,#5294ff);color:#06152a}.primary:hover{filter:brightness(1.12)}.secondary{border-color:#42627e;color:#e0f4ff}.secondary:hover,.navcta:hover{border-color:var(--cyan)}.micro{margin-top:43px;font-size:11px;letter-spacing:2px;color:#7fa0ba}.micro span{color:var(--cyan);margin:0 7px}.viz{border:1px solid #315574;background:linear-gradient(155deg,#102746,#081426);border-radius:15px;padding:22px;box-shadow:0 0 80px #137bb51a,inset 0 0 30px #1e88b50e}.viz-top{display:flex;justify-content:space-between;gap:12px;color:#9bbbd0;font-size:10px;letter-spacing:1.7px}.viz svg{width:100%;margin-top:20px}.viz-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#b4dce7;border-top:1px solid #2b4a65;padding-top:14px}.viz-status i{width:7px;height:7px;border-radius:50%;background:#35d9fa;box-shadow:0 0 10px #35d9fa}.viz-status span{margin-left:auto;color:#7696ae}.section{padding-top:86px;padding-bottom:90px;border-top:1px solid #1c344d}.section-tint{background:linear-gradient(120deg,#091b32,#0a1425)}h2{font-size:clamp(30px,3.2vw,43px);line-height:1.18;letter-spacing:-1.3px;margin:15px 0 20px}h3{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:14px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split p,.card p,.product-panel p,.contact-side p{color:var(--muted)}.inline-link,.textlink{color:var(--cyan);font-weight:650;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}.card{border:1px solid #294864;background:linear-gradient(150deg,#10233d,#0a182c);border-radius:10px;padding:29px;min-height:225px}.card p{font-size:14px;margin:0 0 20px}.card .textlink{display:inline-block;margin-top:5px}.principle{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:24px 0 60px}.principle p{font-size:17px;color:var(--muted)}.cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px 42px;margin:35px 0 80px;border:1px solid #2e6284;border-radius:12px;background:linear-gradient(110deg,#0d2a44,#10203a)}.cta h2{margin:12px 0;font-size:30px}.cta p{color:var(--muted);margin:0}.cta .btn{flex-shrink:0}.pagehero{padding-top:100px;padding-bottom:90px}.pagehero h1{max-width:850px}.pagehero .btn{margin-top:20px}.pagehero.compact{padding-bottom:60px}.flowline{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:30px}.flowline span{padding:12px 17px;border:1px solid #36617d;border-radius:7px;background:#112842}.flowline b{color:var(--cyan)}.muted{color:var(--muted)}.narrow{max-width:720px}.product-panel{display:grid;grid-template-columns:240px 1fr;gap:65px;padding:50px 0;border-bottom:1px solid var(--line);align-items:center;scroll-margin-top:110px}.product-icon{height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #315574;border-radius:14px;background:radial-gradient(circle at center,#163b5d,#0b182d);font-size:13px;letter-spacing:3px;color:var(--cyan)}.product-icon span{font-size:90px;line-height:1.2;color:#35d9fa;text-shadow:0 0 35px #35d9fa55}.checks{padding-left:20px;color:#b7d0df;margin:22px 0 30px}.checks li{margin:8px 0}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}.contact-note{margin:35px 0;padding:22px;border-left:2px solid var(--cyan);background:#10243c}.contact-note p{font-size:14px;margin-bottom:0}.contact-form{border:1px solid #31506d;background:#0d1e35;border-radius:12px;padding:34px}.contact-form label{display:block;color:#d8e8f2;font-size:13px;font-weight:650;margin-bottom:21px}.contact-form label>span:not(.consent span){color:var(--cyan)}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;margin-top:8px;padding:12px 14px;background:#071426;border:1px solid #355470;color:#edf8ff;border-radius:5px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #35d9fa25}.contact-form ::placeholder{color:#7894ac}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form .consent{display:flex;align-items:flex-start;gap:12px;font-weight:400;color:#a7bed1}.consent input{margin-top:5px}.form-feedback{font-size:13px;color:#a7e7f0}.footer{border-top:1px solid #203a56;padding:55px 0 65px;background:#050c18}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer p,.footer small,.footnote{color:#7e9ab2;font-size:13px}.footer strong{color:#dceefa}.footer a:not(.brand){color:#9bb4c8;font-size:14px}.footer a:hover{color:var(--cyan)}@media(max-width:1050px){.nav{gap:13px}.navlinks{gap:13px}.navcta{display:none}.hero{gap:30px}}@media(max-width:760px){.wrap{width:min(100% - 36px,1180px)}.nav{min-height:72px;flex-wrap:wrap}.brand{font-size:19px}.mark{width:40px}.menu-toggle{display:block;margin-left:auto}.navlinks{display:none;order:3;width:100%;flex-direction:column;gap:0;padding-bottom:14px}.navlinks.open{display:flex}.navlinks a{padding:10px 0}.hero{grid-template-columns:1fr;padding-top:68px;padding-bottom:75px}.hero h1,.pagehero h1{letter-spacing:-1.7px}.pagehero{padding-top:65px;padding-bottom:65px}.split,.principle,.contact-layout{grid-template-columns:1fr;gap:22px}.cards{grid-template-columns:1fr}.section{padding-top:62px;padding-bottom:65px}.cta{flex-direction:column;align-items:flex-start;padding:28px}.product-panel{grid-template-columns:1fr;gap:25px}.product-icon{height:160px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr;gap:0}.contact-form{padding:22px}.viz-status span{display:none}}@media(prefers-reduced-motion:no-preference){.moving{stroke-dasharray:7 10;animation:flow 13s linear infinite}@keyframes flow{to{stroke-dashoffset:-360}}}
.creda-footer{max-width:1180px;margin:28px auto 0;padding:20px 0;border-top:1px solid #27415a;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#90abc0;font-size:13px}.creda-footer a{color:#35d9fa!important}.product-panel{scroll-margin-top:110px}@media(max-width:760px){.creda-footer{margin:20px 18px 0}}

/* Studio beta extension */
.beta-pill{font-size:.65rem;font-weight:800;letter-spacing:.15em;color:#041725;background:#45dcf7;border-radius:5px;padding:.32rem .5rem;margin-left:.55rem;vertical-align:middle}.site-header .brand{white-space:nowrap}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature{background:#0d1d34;border:1px solid #24435d;border-radius:15px;padding:1.5rem}.feature h3{margin:.4rem 0}.feature p{color:#adc1d5}.feature .tag{color:#42d9f8;font-size:.73rem;letter-spacing:.11em;text-transform:uppercase}.mini-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step{border-left:2px solid #38d5f3;padding:0 1rem}.step span{font-weight:800;color:#3bd6f4}.intake{max-width:750px;margin:2rem auto;padding:2rem;background:#0d1e35;border:1px solid #284760;border-radius:16px}.intake label{display:block;font-weight:650;margin:1rem 0 .45rem}.intake input,.intake textarea,.intake select{width:100%;box-sizing:border-box;padding:.85rem 1rem;border:1px solid #3a5a75;border-radius:8px;background:#07182b;color:#edf8ff;font:inherit}.intake textarea{min-height:105px;resize:vertical}.intake .btn{margin-top:1.2rem;cursor:pointer}.notice{color:#a8bfd3;font-size:.85rem}.notice.warn{color:#f8c28b}.eyebrow{letter-spacing:.12em}.legal{max-width:800px}.legal h2{margin-top:2rem}.wide-cta{display:flex;justify-content:space-between;gap:2rem;align-items:center}.footer-legal{display:flex;gap:1.5rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid #294058}.footer-legal a{color:#acc7d8}.status{color:#c5d8e7;font-size:.85rem}.scope-note{border-left:3px solid #45dcf7;padding:1rem 1.3rem;background:#0b2037}.feature a{color:#50dcf6}.feature a:hover{text-decoration:underline}@media(max-width:760px){.feature-grid,.mini-steps{grid-template-columns:1fr}.wide-cta{display:block}.intake{padding:1.25rem}.navcta{display:none}}

/* ConsequenceIQ mobile polish — contact form and temporary beta label */
.site-header .brand{min-width:0;max-width:100%}
.site-header .beta-pill{display:inline-block;vertical-align:baseline;margin-left:.55rem}
.contact-form,.intake{min-width:0;max-width:100%;box-sizing:border-box}
.contact-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-form .form-grid > *, .contact-form label, .intake label{min-width:0}
.contact-form label{display:block;margin:0 0 20px;line-height:1.5}
.contact-form input:not([type=checkbox]),
.contact-form select,
.contact-form textarea,
.intake input:not([type=checkbox]),
.intake select,
.intake textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.contact-form textarea,.intake textarea{min-height:110px;resize:vertical}
.contact-form .consent{display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.contact-form .consent input[type=checkbox],.intake input[type=checkbox]{width:auto;flex:0 0 auto;margin:4px 0 0}
.contact-form .consent span{flex:1;min-width:0}
@media(max-width:760px){
  .site-header .brand{display:flex;align-items:center;gap:9px;white-space:normal;font-size:19px;line-height:1.15;flex-wrap:wrap}
  .site-header .mark{flex:0 0 auto}
  .site-header .beta-pill{display:block;align-self:flex-start;width:max-content;margin:4px 0 0;padding:.2rem .4rem;font-size:.56rem;line-height:1.2}
  .contact-form .form-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .contact-form{padding:22px 18px}
  .contact-form label{margin-bottom:20px}
  .contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{margin-top:8px}
  .intake{width:100%;margin:1.5rem auto;padding:1.25rem}
}

/* Contact intake overlap fix — applies on desktop AND mobile */
.intake,
.contact-form { min-width:0; }
.intake label,
.contact-form label { display:block; max-width:100%; clear:both; }
.intake input:not([type="checkbox"]),
.intake textarea,
.intake select,
.contact-form input:not([type="checkbox"]),
.contact-form textarea,
.contact-form select {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  float:none;
  position:static;
  margin:8px 0 18px;
}
.intake textarea,
.contact-form textarea { min-height:110px; }
.intake .form-grid,
.contact-form .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.intake .form-grid > *,
.contact-form .form-grid > * { min-width:0; }
.intake label:has(input[type="checkbox"]),
.contact-form label:has(input[type="checkbox"]),
.intake .consent,
.contact-form .consent { display:flex; align-items:flex-start; gap:12px; }
.intake input[type="checkbox"],
.contact-form input[type="checkbox"] { flex:0 0 auto; width:auto; margin:5px 0 0; }
@media(max-width:760px) {
  .intake .form-grid,
  .contact-form .form-grid { grid-template-columns:minmax(0,1fr); }
}

/* ConsequenceIQ Studio — global footer containment fix.
   Append to the END of /assets/styles.css. */
.footer, .footer * { box-sizing: border-box; }
.footer { width: 100%; max-width: 100%; overflow-x: clip; }
.footer .footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 50px;
}
.footer .footer-grid > div { min-width: 0; }
.footer .footer-legal {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid #294058;
}
.footer .footer-legal .status {
  flex-basis: 100%;
  max-width: 800px;
  overflow-wrap: anywhere;
}
.footer .creda-footer {
  width: min(1180px, calc(100% - 48px));
  max-width: none;
  margin: 28px auto 0;
  align-items: flex-start;
}
.footer a, .footer p, .footer span, .footer small { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .footer .footer-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; }
  .footer .footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer .creda-footer { width: calc(100% - 36px); }
}
@media (max-width: 390px) {
  .footer .footer-grid { grid-template-columns: minmax(0, 1fr); }
  .footer .footer-grid > div:first-child { grid-column: auto; }
}