/* Finish pass — richer surfaces, deliberate borders and restrained motion. */
:root {
  --om-blue:#087cf0;
  --om-blue-deep:#075dcc;
  --om-teal:#16b89f;
  --om-ink:#091733;
  --om-line:rgba(92,134,163,.2);
}

.site-shell .hero::after {
  content:"";
  position:absolute;
  z-index:0;
  top:-230px;
  right:-160px;
  display:block;
  width:650px;
  height:650px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,206,183,.12),rgba(43,137,239,.045) 46%,transparent 70%);
  animation:hero-glow 11s ease-in-out infinite;
  pointer-events:none;
}
.site-shell .hero-surface { position:relative; z-index:1; }
@keyframes hero-glow { 50% { transform:translate(-30px,28px) scale(1.08); opacity:.8; } }

.site-shell .order-window {
  border:1px solid rgba(91,139,170,.3);
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(8,124,240,.45),rgba(22,184,159,.35)) border-box;
  box-shadow:0 44px 95px rgba(28,67,96,.18),0 12px 28px rgba(28,67,96,.08),inset 0 1px rgba(255,255,255,.9);
}
.site-shell .order-window::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
  pointer-events:none;
}
.site-shell .order-window-bar { padding:0 30px; background:rgba(255,255,255,.94); backdrop-filter:blur(16px); }
.site-shell .order-window-body { padding:40px; background:linear-gradient(145deg,#f9fcfe 0%,#f2f8fa 100%); }
.site-shell .order-service-list { gap:16px; margin-top:30px; }
.site-shell .order-service-list article {
  position:relative;
  min-height:112px;
  padding:20px;
  border-color:rgba(95,137,164,.22);
  border-radius:18px;
  box-shadow:0 8px 22px rgba(24,66,96,.045);
  transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease;
}
.site-shell .order-service-list article:hover { transform:translateY(-3px); border-color:rgba(8,124,240,.45); box-shadow:0 14px 32px rgba(23,80,123,.1); }
.site-shell .order-service-list article.active {
  border-color:rgba(8,124,240,.72);
  box-shadow:0 13px 32px rgba(8,124,240,.13),inset 0 0 0 1px rgba(8,124,240,.06);
}
.site-shell .order-service-list article.active::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(115deg,rgba(8,124,240,.045),transparent 48%);
  pointer-events:none;
}
.site-shell .order-link>div { height:52px; border-color:rgba(95,137,164,.25); border-radius:14px; box-shadow:inset 0 1px 2px rgba(27,60,83,.025); }
.site-shell .order-window-body footer button { min-height:43px; padding:0 17px; border-radius:11px; background:linear-gradient(105deg,var(--om-blue),#0794d5); box-shadow:0 13px 26px rgba(8,124,240,.22); transition:transform .25s ease,box-shadow .25s ease; }
.site-shell .order-window-body footer button:hover { transform:translateY(-2px); box-shadow:0 17px 34px rgba(8,124,240,.28); }

/* Editorial service canvases with a fine gradient edge. */
.site-shell .service-grid { gap:74px; }
.site-shell .service-card,.site-shell .service-card.ink {
  min-height:700px;
  padding:96px 82px;
  overflow:hidden;
  border:1px solid rgba(103,145,173,.18);
  border-radius:36px;
  box-shadow:0 20px 55px rgba(30,67,94,.055),inset 0 1px rgba(255,255,255,.85);
}
.site-shell .service-card.blue { background:radial-gradient(circle at 81% 44%,rgba(25,142,241,.12),transparent 31%),linear-gradient(135deg,#f8fcff,#edf6ff); }
.site-shell .service-card.ink { background:radial-gradient(circle at 19% 50%,rgba(22,184,159,.11),transparent 31%),linear-gradient(135deg,#f9fcfc,#eff8f6); }
.site-shell .service-card::after {
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  border:1px solid rgba(8,124,240,.08);
  border-radius:50%;
  right:-190px;
  top:-180px;
  box-shadow:0 0 0 48px rgba(8,124,240,.018),0 0 0 96px rgba(22,184,159,.012);
  pointer-events:none;
}
.site-shell .service-card.ink::after { right:auto; left:-190px; border-color:rgba(22,184,159,.1); }
.site-shell .service-index {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  margin-bottom:36px;
  border:1px solid rgba(8,124,240,.16);
  border-radius:99px;
  background:rgba(255,255,255,.65);
  color:var(--om-blue);
  backdrop-filter:blur(8px);
}
.site-shell .ink .service-index { border-color:rgba(22,184,159,.2); color:#0d9b85; }
.site-shell .service-copy>a { color:var(--om-blue-deep); }
.site-shell .service-copy>a .arrow,.site-shell .text-link .arrow,.site-shell .button .arrow { transition:transform .25s ease; }
.site-shell .service-copy>a:hover .arrow,.site-shell .text-link:hover .arrow,.site-shell .button:hover .arrow { transform:translateX(4px); }

.site-shell .signal-visual { background:radial-gradient(circle,rgba(28,136,235,.11),rgba(28,136,235,.035) 38%,transparent 66%); }
.site-shell .ink .signal-visual { background:radial-gradient(circle,rgba(22,184,159,.11),rgba(22,184,159,.032) 38%,transparent 66%); }
.site-shell .signal-core {
  border-color:rgba(101,145,175,.24);
  box-shadow:0 30px 72px rgba(29,74,108,.2),0 0 0 11px rgba(255,255,255,.48);
  transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease;
}
.site-shell .service-card:hover .signal-core { transform:translateY(-7px) scale(1.035); box-shadow:0 39px 86px rgba(29,74,108,.24),0 0 0 13px rgba(255,255,255,.55); }
.site-shell .signal-ring { border-color:rgba(8,124,240,.2); animation:signal-pulse 5.8s ease-in-out infinite; }
.site-shell .ink .signal-ring { border-color:rgba(22,184,159,.22); }
.site-shell .ring-two { animation-delay:-1.9s; }
.site-shell .ring-three { animation-delay:-3.8s; }
@keyframes signal-pulse { 50% { transform:scale(1.035); opacity:.55; } }
.site-shell .dot-one { animation:dot-one 6.2s ease-in-out infinite; }
.site-shell .dot-two { animation:dot-two 7.3s ease-in-out infinite; }
.site-shell .dot-three { animation:dot-three 6.8s ease-in-out infinite; }
@keyframes dot-one { 50% { transform:translate(129px,-107px); } }
@keyframes dot-two { 50% { transform:translate(-174px,42px); } }
@keyframes dot-three { 50% { transform:translate(164px,183px); } }

/* Section transitions and interactive details. */
.site-shell .how-section { background:radial-gradient(circle at 85% 10%,rgba(22,184,159,.075),transparent 28%),linear-gradient(135deg,#f5f9fe,#f2faf8); }
.site-shell .steps::before { height:2px; background:linear-gradient(90deg,rgba(8,124,240,.2),var(--om-blue),var(--om-teal),rgba(22,184,159,.2)); }
.site-shell .step-icon { border:1px solid rgba(89,137,170,.18); box-shadow:0 16px 38px rgba(24,69,103,.09); }
.site-shell .step:hover .step-icon { transform:translateY(-5px); border-color:rgba(8,124,240,.28); box-shadow:0 22px 48px rgba(24,75,114,.13); }
.site-shell .proof-list span { padding:0 4px; transition:padding .25s ease,color .25s ease; }
.site-shell .proof-list span:hover { padding:0 10px; color:#0875df; }
.site-shell .price-row { transition:padding .25s ease,background .25s ease; }
.site-shell .price-row:hover { padding-inline:14px; border-radius:12px; background:rgba(255,255,255,.62); }
.site-shell .faq-list summary { transition:color .25s ease,padding .25s ease; }
.site-shell .faq-list summary:hover { color:#0875df; padding-left:8px; }
.site-shell .cta-box { border:1px solid rgba(255,255,255,.25); box-shadow:0 28px 70px rgba(7,91,157,.2),inset 0 1px rgba(255,255,255,.22); }

@media (prefers-reduced-motion:reduce) {
  .site-shell .hero::after,.site-shell .signal-ring,.site-shell .signal-dot { animation:none; }
  .site-shell .service-card:hover .signal-core,.site-shell .order-service-list article:hover { transform:none; }
}

@media (prefers-color-scheme:dark) and (scripting:none) {
  .site-shell .service-card.blue { background:radial-gradient(circle at 81% 44%,rgba(38,146,239,.14),transparent 31%),linear-gradient(135deg,#102238,#102c3d); }
  .site-shell .service-card.ink { background:radial-gradient(circle at 19% 50%,rgba(22,184,159,.14),transparent 31%),linear-gradient(135deg,#10242c,#10332f); }
  .site-shell .service-card,.site-shell .service-card.ink { border-color:rgba(148,190,215,.16); box-shadow:0 24px 60px rgba(0,0,0,.22); }
  .site-shell .service-index { background:rgba(255,255,255,.06); }
  .site-shell .price-row:hover { background:rgba(255,255,255,.04); }
}

@media (max-width:700px) {
  .site-shell .order-window-body { padding:26px 18px; }
  .site-shell .order-service-list article { padding:16px; }
  .site-shell .service-card,.site-shell .service-card.ink { padding:58px 25px; border-radius:26px; }
  .site-shell .hero::after { width:420px; height:420px; right:-230px; }
}