:root {
  --blue:#2657f5;
  --blue-deep:#173fbf;
  --ink:#0e1320;
  --muted:#616a7c;
  --line:#dfe4ef;
  --soft:#f5f7fb;
  --white:#fff;
  --radius-xl:24px 6px 24px 6px;
  --radius-lg:16px 4px 16px 4px;
  --radius-md:12px 3px 12px 3px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fff 0%,#fbfcff 55%,#fff 100%);overflow-x:hidden}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto;position:relative;z-index:1}
.ambient{position:fixed;border-radius:999px;filter:blur(90px);opacity:.12;pointer-events:none;z-index:0}
.ambient-one{width:430px;height:430px;background:var(--blue);top:-180px;right:-120px}
.ambient-two{width:320px;height:320px;background:#7ca0ff;bottom:-120px;left:-140px}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between}
.brand img{display:block;width:174px;height:auto}
.text-link{font-size:14px;text-decoration:none;color:#3f4858;font-weight:650}
.text-link:hover{color:var(--blue)}
.hero{padding:86px 0 68px}
.eyebrow,.mini-label{font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#edf2ff;border:1px solid #dbe5ff;padding:10px 13px;border-radius:999px}
.status-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px rgba(38,87,245,.10)}
h1{font-size:clamp(48px,7.4vw,92px);line-height:.96;letter-spacing:-.055em;max-width:1030px;margin:28px 0 26px;font-weight:800}
.domain{color:var(--blue)}
.lede{font-size:clamp(18px,2vw,23px);line-height:1.52;color:var(--muted);max-width:790px;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:0;border-radius:var(--radius-md);font-weight:750;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--blue);color:#fff;box-shadow:0 12px 24px rgba(38,87,245,.18)}
.button-primary:hover{background:var(--blue-deep);box-shadow:0 14px 30px rgba(38,87,245,.24)}
.button-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
.link-demo{margin-top:56px;border:1px solid var(--line);background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:17px 19px;display:flex;align-items:center;width:min(610px,100%);font:700 16px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 12px 36px rgba(22,34,66,.06)}
.lock{font-size:10px;color:#2fb56f;margin-right:12px}.demo-domain{color:var(--blue)}.demo-slug{color:#1b2331}.arrow{margin-left:auto;color:#8a93a5}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 0 90px}
.feature-card,.progress-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius-xl);padding:28px;box-shadow:0 14px 40px rgba(35,46,80,.045)}
.feature-index{display:block;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9aa3b5;margin-bottom:54px}
.feature-card h2{font-size:25px;letter-spacing:-.025em;margin:0 0 10px}.feature-card p{color:var(--muted);line-height:1.65;margin:0}
.exclusive{border-radius:var(--radius-xl);background:var(--ink);color:#fff;padding:42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:90px;overflow:hidden;position:relative}
.exclusive::after{content:"mydb.to";position:absolute;right:-24px;top:-31px;color:#fff;opacity:.045;font-size:150px;font-weight:900;letter-spacing:-.08em;white-space:nowrap}
.exclusive .mini-label{color:#86a4ff}.exclusive h2{font-size:40px;margin:8px 0 0;letter-spacing:-.04em}.exclusive p{font-size:18px;line-height:1.65;color:#cbd1dc;margin:0;position:relative;z-index:1}
.interest-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start;padding:42px 0 110px}
.interest-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px}.interest-copy>p{font-size:17px;line-height:1.65;color:var(--muted);max-width:450px}.contact-line a{color:var(--blue);font-weight:750}
.interest-form{border:1px solid var(--line);border-radius:var(--radius-xl);padding:28px;background:#fff;box-shadow:0 18px 50px rgba(35,46,80,.06)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;margin-bottom:16px}label>span{display:block;font-size:13px;font-weight:750;margin:0 0 7px;color:#343d4d}label em{font-style:normal;font-weight:500;color:#9aa3b5}
input,textarea,select{width:100%;border:1px solid #d8deea;border-radius:var(--radius-md);background:#fbfcff;color:var(--ink);font:inherit;padding:13px 14px;outline:none;transition:border .15s ease,box-shadow .15s ease}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:#a7aebc}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(38,87,245,.10)}
.consent{display:flex;align-items:flex-start;gap:10px}.consent input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--blue)}.consent span{margin:0;font-weight:550;color:#5f6879;line-height:1.45}
.submit-button{width:100%;margin-top:2px}.form-note,.form-status{font-size:12px;color:#8b94a6;line-height:1.5;margin:10px 0 0}.form-status{color:var(--blue);font-weight:700}
.site-footer{border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#697284;font-size:13px}.site-footer>div{display:flex;align-items:center;gap:12px}.site-footer strong{color:var(--ink)}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--blue)}
@media (max-width:850px){.features{grid-template-columns:1fr}.feature-index{margin-bottom:24px}.exclusive,.interest-section{grid-template-columns:1fr;gap:28px}.exclusive{padding:30px}.field-grid{grid-template-columns:1fr}.hero{padding-top:60px}.site-footer{padding:26px 0;align-items:flex-start;flex-direction:column}}
@media (max-width:520px){.shell{width:min(100% - 26px,1180px)}.site-header{height:82px}.brand img{width:145px}h1{font-size:46px}.hero{padding:48px 0 54px}.features{padding-bottom:70px}.interest-section{padding-bottom:74px}.interest-form{padding:20px}.site-footer nav{gap:13px}.text-link{font-size:13px}}