/*
Theme Name: docUnext Coming Soon
Theme URI: https://www.docunextecosystem.com/
Author: docUnext Professional Corporation
Description: Custom one-page Coming Soon WordPress theme for docUnext Professional Corporation.
Version: 1.0.0
Text Domain: docunext-coming-soon
*/
:root{
  --bg:#050b14; --bg2:#081525; --panel:#0b1930; --white:#f7fbff;
  --muted:#a8b7cb; --blue:#1877ff; --blue2:#00a8ff; --line:rgba(255,255,255,.12);
  --shadow:0 30px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 70% 5%,rgba(0,120,255,.18),transparent 32%),
linear-gradient(180deg,var(--bg),#07111f 42%,#f7fbff 42%,#fff 100%);color:var(--white)}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,92vw);margin:auto}
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(5,11,20,.72);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{font-weight:800;letter-spacing:-.03em;font-size:1.3rem}
.brand b{color:var(--blue)}
.navlinks{display:flex;gap:22px;color:#d6e3f3;font-size:.92rem}
.hero{min-height:92vh;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px;padding:76px 0 72px}
.eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.22em;color:#77baff;font-weight:700}
h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.94;letter-spacing:-.065em;margin:.18em 0}
h1 span,.blue{color:var(--blue)}
.lead{font-size:1.22rem;line-height:1.65;color:#c8d6e7;max-width:720px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{padding:14px 22px;border-radius:999px;font-weight:700;border:1px solid rgba(255,255,255,.18);display:inline-flex;gap:9px;align-items:center}
.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 12px 40px rgba(24,119,255,.3)}
.btn.ghost{background:rgba(255,255,255,.06)}
.hero-card{position:relative}
.hero-card img{width:100%;display:block;border-radius:32px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1)}
.glow{position:absolute;inset:auto 10% -10% 10%;height:28%;filter:blur(60px);background:#0077ff;opacity:.3;z-index:-1}
.credos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.credo{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);font-size:.98rem;line-height:1.5}
.section{padding:96px 0}
.light{color:#07111f}
.section h2{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1;letter-spacing:-.055em;margin:0 0 20px}
.kicker{text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#1c72f2;font-size:.8rem}
.copy{font-size:1.08rem;line-height:1.75;color:#34445a}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.card{background:#fff;border:1px solid #e5edf6;border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(17,32,56,.07)}
.card strong{display:block;font-size:1.02rem;margin-bottom:7px}
.card p{margin:0;color:#53627a;font-size:.92rem;line-height:1.55}
.image-panel{margin-top:36px;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(20,38,70,.15);border:1px solid #e5edf6}
.image-panel img{width:100%;display:block}
.dark-section{background:linear-gradient(180deg,#06101d,#09192f);color:white}
.pill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:26px}
.pill{padding:16px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);text-align:center}
.statement{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4.2vw,4rem);line-height:1.12;letter-spacing:-.02em}
.highlight{padding:40px;border-radius:28px;background:linear-gradient(135deg,#071a36,#0b2d61);box-shadow:var(--shadow)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}
.flow div{padding:18px 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;text-align:center;background:rgba(255,255,255,.05)}
.flow b{display:block;color:#58b4ff;margin-bottom:6px}
.table-wrap{overflow:auto;border-radius:20px;border:1px solid #dbe7f4;background:#fff;box-shadow:0 18px 50px rgba(17,32,56,.08)}
table{border-collapse:collapse;width:100%;min-width:860px}
th,td{padding:15px 16px;text-align:left;border-bottom:1px solid #e8eef6;vertical-align:top}
th{background:#07162b;color:#fff;position:sticky;top:0}
td:first-child{font-weight:700}
.note{font-size:.82rem;line-height:1.55;color:#6c7b90;margin-top:14px}
.final{padding:90px 0 60px;background:#050b14;color:#fff;text-align:center}
.final h2{max-width:980px;margin-inline:auto}
.final p{max-width:760px;margin:18px auto;color:#bccbdb;line-height:1.7}
.footer{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;color:#8ea2ba;font-size:.86rem}
@media(max-width:900px){
  .hero,.grid2{grid-template-columns:1fr}
  .hero{padding-top:48px}
  .hero-card{order:-1}
  .cards{grid-template-columns:1fr 1fr}
  .pill-grid,.flow{grid-template-columns:1fr 1fr}
  .navlinks{display:none}
}
@media(max-width:560px){
  .credos,.cards{grid-template-columns:1fr}
  .pill-grid,.flow{grid-template-columns:1fr}
  .section{padding:68px 0}
  h1{font-size:3.3rem}
}