/* Modern Minimal SaaS + Soft Gradient / Soft UI */
:root {
  --soft-blue:#eef6ff;
  --soft-teal:#eefbf8;
  --soft-violet:#f5f3ff;
  --soft-ink:#081735;
  --soft-copy:#5b6e84;
  --soft-line:rgba(117,154,181,.18);
  --soft-shadow:0 28px 75px rgba(34,76,108,.1);
  --hero-canvas:#f9fcff;
}

.site-shell { color:var(--soft-ink); background:#fbfdff; }
.site-shell .header {
  border-bottom:0;
  background:rgba(249,252,255,.78);
  box-shadow:none;
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.site-shell .language-menu summary,
.site-shell .login-link {
  border-color:rgba(124,158,187,.2);
  background:rgba(255,255,255,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 25px rgba(39,79,111,.035);
}
.site-shell .header .button-sm {
  border-color:transparent;
  background:linear-gradient(135deg,#0c7ff3,#0a70eb);
  box-shadow:0 14px 32px rgba(8,119,239,.2),inset 0 1px 0 rgba(255,255,255,.2);
}

.site-shell .hero {
  background:
    radial-gradient(ellipse 43% 62% at 86% 31%,rgba(71,201,240,.14),transparent 72%),
    radial-gradient(ellipse 32% 46% at 65% 82%,rgba(69,215,187,.09),transparent 74%),
    radial-gradient(ellipse 26% 42% at 8% 88%,rgba(71,124,243,.055),transparent 76%),
    linear-gradient(145deg,var(--hero-canvas) 0%,#fbfdff 45%,#f5fbff 72%,#f3fbf9 100%);
}
.site-shell .hero::before {
  border-color:rgba(70,151,234,.045);
  box-shadow:0 0 0 80px rgba(65,175,238,.018);
}
.site-shell .hero::after {
  opacity:.72;
  filter:blur(2px);
  background:linear-gradient(145deg,rgba(91,181,252,.06),rgba(51,213,190,.055));
}
.site-shell .hero-badge {
  border:1px solid rgba(83,149,216,.1);
  background:linear-gradient(115deg,rgba(228,241,255,.88),rgba(231,248,247,.8));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 28px rgba(44,100,142,.045);
}
.site-shell .hero-copy>p { color:var(--soft-copy); }
.site-shell .hero-actions .button {
  border-color:transparent;
  background:linear-gradient(135deg,#0d80f4,#0872eb);
  box-shadow:0 17px 38px rgba(8,119,239,.2),inset 0 1px 0 rgba(255,255,255,.2);
  color:#fff;
}
.site-shell .hero-actions .button-ghost {
  border-color:rgba(119,156,184,.2);
  background:rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(33,75,108,.055);
  color:#13223d;
  backdrop-filter:blur(14px);
}
.site-shell .hero-benefits i {
  background:linear-gradient(145deg,#22c6b0,#0da998);
  box-shadow:0 8px 18px rgba(18,181,158,.2),inset 0 1px 0 rgba(255,255,255,.25);
}
.site-shell .hero-panel-layer {
  border:1px solid rgba(137,185,216,.12);
  background:linear-gradient(145deg,rgba(235,247,255,.72),rgba(209,237,255,.5) 54%,rgba(215,249,244,.44));
  box-shadow:0 32px 90px rgba(41,116,171,.075);
  backdrop-filter:blur(16px);
}
.site-shell .order-window {
  border:1px solid rgba(120,168,200,.2);
  background:rgba(255,255,255,.82);
  box-shadow:0 42px 100px rgba(35,91,132,.13),0 12px 35px rgba(35,91,132,.065),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
}
.site-shell .order-window-bar { border-color:rgba(126,161,186,.14); background:rgba(255,255,255,.72); }
.site-shell .order-window-body { background:linear-gradient(145deg,rgba(249,252,255,.94),rgba(242,249,251,.92)); }
.site-shell .order-service-list article {
  border-color:rgba(121,157,182,.17);
  background:rgba(255,255,255,.74);
  box-shadow:0 12px 32px rgba(36,84,118,.045),inset 0 1px 0 rgba(255,255,255,.82);
}
.site-shell .order-service-list article.active {
  border-color:rgba(44,143,235,.48);
  box-shadow:0 15px 38px rgba(18,119,218,.09),inset 0 0 0 1px rgba(36,139,236,.035);
}
.site-shell .order-link>div { border-color:rgba(120,158,184,.16); background:rgba(255,255,255,.65); }
.site-shell .floating-platform {
  border-color:rgba(132,173,202,.16);
  background:rgba(255,255,255,.68);
  box-shadow:0 24px 55px rgba(33,98,147,.12),inset 0 1px 0 rgba(255,255,255,.92);
}
.site-shell .services-section {
  background:
    radial-gradient(ellipse 33% 35% at 8% 34%,rgba(48,133,242,.055),transparent 76%),
    radial-gradient(ellipse 34% 38% at 91% 74%,rgba(38,198,174,.055),transparent 76%),
    #fff;
}
.site-shell .service-card {
  border-color:rgba(117,155,183,.16);
  box-shadow:0 30px 80px rgba(32,78,112,.07),inset 0 1px 0 rgba(255,255,255,.78);
}
.site-shell .service-card.blue { background:linear-gradient(145deg,#f5faff,#edf6ff 58%,#eef9fb); }
.site-shell .service-card.ink { background:linear-gradient(145deg,#f8fbfc,#eff9f7 58%,#f2fbfa); }
.site-shell .signal-core { box-shadow:0 26px 65px rgba(29,93,142,.14),inset 0 1px 0 rgba(255,255,255,.9); }

.site-shell .how-section {
  background:linear-gradient(180deg,#fbfdff,#f6fafe 55%,#f8fcfb);
}
.site-shell .step-icon {
  border-color:rgba(119,157,184,.16);
  background:rgba(255,255,255,.66);
  box-shadow:0 15px 38px rgba(31,77,110,.055),inset 0 1px 0 rgba(255,255,255,.88);
}
.site-shell .why-proof,
.site-shell .price-panel.price-sheet {
  border-color:rgba(126,164,189,.18);
  background:rgba(255,255,255,.62);
  box-shadow:0 32px 85px rgba(32,78,107,.08),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px);
}
.site-shell .faq-section {
  background:
    radial-gradient(ellipse 34% 46% at 88% 16%,rgba(34,194,174,.055),transparent 74%),
    linear-gradient(180deg,#fff,#f9fcff);
}
.site-shell .faq-list details[open] {
  border-color:rgba(115,156,185,.15);
  background:rgba(244,249,253,.72);
  box-shadow:0 16px 42px rgba(34,77,107,.045);
}
.site-shell .cta-box {
  border-color:rgba(255,255,255,.14);
  background:linear-gradient(125deg,#137df0,#139ed1 52%,#13ad93);
  box-shadow:0 35px 90px rgba(14,110,185,.2);
}

@media (prefers-color-scheme:dark) and (scripting:none) {
  .site-shell { background:#091421; }
  .site-shell .header { border-bottom:0; background:rgba(9,20,33,.8); box-shadow:none; }
  .site-shell .hero {
    background:
      radial-gradient(ellipse 44% 64% at 83% 34%,rgba(36,154,211,.1),transparent 72%),
      radial-gradient(ellipse 30% 42% at 66% 84%,rgba(28,179,157,.07),transparent 74%),
      linear-gradient(145deg,#091421,#0d1d2b 62%,#0d2427);
  }
  .site-shell .hero-panel-layer { border-color:rgba(134,176,201,.12); background:linear-gradient(145deg,rgba(31,72,101,.45),rgba(25,78,89,.3)); }
  .site-shell .hero-actions .button-ghost { border-color:rgba(145,180,201,.2); background:rgba(18,37,53,.62); color:#eef6fb; }
  .site-shell .order-window { border-color:rgba(146,183,203,.16); background:rgba(14,29,43,.82); }
  .site-shell .order-window-bar { background:rgba(15,31,45,.78); }
  .site-shell .order-window-body { background:linear-gradient(145deg,#111e2d,#102429); }
  .site-shell .services-section,.site-shell .faq-section { background:linear-gradient(180deg,#0a1522,#0d1d2a); }
  .site-shell .service-card.blue,.site-shell .service-card.ink { border-color:rgba(141,177,199,.14); background:linear-gradient(145deg,#112337,#102c30); }
  .site-shell .how-section { background:linear-gradient(180deg,#0c1927,#10202d); }
}

@media (prefers-reduced-motion:no-preference) {
  .site-shell .order-window { transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .4s ease; }
  .site-shell .order-stage:hover .order-window { transform:rotate(-3deg) translateY(-5px); box-shadow:0 50px 115px rgba(35,91,132,.16),0 14px 40px rgba(35,91,132,.075); }
  .site-shell .floating-platform { transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .4s ease; }
  .site-shell .order-stage:hover .floating-facebook { transform:rotate(-4deg) translate(-3px,-7px); }
  .site-shell .order-stage:hover .floating-tiktok { transform:rotate(4deg) translate(-4px,7px); }
}

@media (max-width:700px) {
  .site-shell .nav-actions .login-link,
  .site-shell .nav-actions>.button { display:none; }
  .site-shell .nav-actions { gap:0; }
}