:root {
  --paper: #ffffff;
  --ink: #0a1f44;
  --muted: #516687;
  --line: #dbe5f4;
  --coral: #2563eb;
  --brand-night: #0a1f44;
  --brand-royal: #2563eb;
  --brand-blue: #3b82f6;
  --brand-light: #93c5fd;
  --brand-mist: #e8f1ff;
}
::selection { background: #cce0ff; color: #0a1f44; }
.header { background: #ffffffed; border-color: #e2eaf5; }
.nav-wrap { gap: 22px; }
.brand { width: 230px; gap: 10px; flex-shrink: 0; letter-spacing: 0; }
.brand-monogram { display: block; width: 44px; height: 40px; object-fit: contain; }
.brand-wordmark { display: block; width: 176px; height: auto; aspect-ratio: 625 / 72; object-fit: fill; }
.nav { gap: 22px; }
.button-dark { background: #2563eb; box-shadow: 0 5px 16px #2563eb15; }
.button-dark:hover { background: #0a1f44; }
.status-dot { background: #3b82f6; box-shadow: 0 0 0 4px #3b82f611; }
.hero h1 em { color: #2563eb; }
.hero { overflow: clip; }
.hero-description, .hero-note { color: #516687; }

.hero-art { background: radial-gradient(ellipse at 48% 42%, #e8f1ff88, transparent 65%); }
.art-grid { background-image: radial-gradient(#7fa9dd 1px, transparent 1px); }
.orbit { border-color: #cfdef2; }
.orbit-one:before { background: #93c5fd; }
.art-coordinates, .art-bottom { color: #6c8ab1; }
.floating-tag { border-color: #dbe5f4; color: #425d84; box-shadow: 0 9px 25px #0a1f4409; }
.code-card { background: #0a1f44; border-color: #264370; box-shadow: 0 24px 38px #0a1f4421; color: #e8f1ff; }
.code-top, .code-muted { color: #91acd0; }
.code-purple { color: #c4d7ff; }
.code-green { color: #93c5fd; }
.code-orange { color: #60a5fa; }
.code-bottom { background: #071936; color: #b1c8e8; }
.code-card .window-dots i:nth-child(1) { background: #2563eb; }
.code-card .window-dots i:nth-child(2) { background: #3b82f6; }
.code-card .window-dots i:nth-child(3) { background: #93c5fd; }
.phone-preview, .pulse-device { border-color: #0a1f44; }
.phone-camera, .device-camera { background: #0a1f44; }
.phone-ring circle { stroke: #e8f1ff; }
.phone-ring .progress-circle { stroke: #2563eb; }
.phone-stat, .phone-avatar { background: #e8f1ff; }
.phone-greeting, .phone-ring small { color: #6580a4; }
.capability-band { background: #f8fbff; }
.section-label > span { border-color: #c1d5ef; }
.service-icon { background: #e8f1ff; color: #2563eb; }
.service-row:hover { background: #f4f8ff; }
.tags span { background: #f8fbff; border-color: #d6e4f7; color: #526d93; }
.round-arrow { border-color: #c8d9ef; }
.projects-section { background: #f0f5ff; }
.demo-note, .project-info p { color: #516687; }
.small-dot { background: #3b82f6; }
.filter { border-color: #c8d9ef; }
.filter:hover { background: #e0ecff; }
.filter.active { background: #0a1f44; border-color: #0a1f44; }
.forma-art { background: #dbe7f9; }
.forma-art:before { background: #bfd3f570; }
.forma-browser { background: #ffffff; border-color: #b8ccea; box-shadow: 0 15px 40px #0a1f441e; }
.browser-bar, .forma-footer { background: #f3f7ff; border-color: #d7e3f4; }
.furniture-scene { background: linear-gradient(120deg,#e5eefb,#d9e6f8); }
.wall-orb { background: linear-gradient(145deg,#f4f8ff,#c4d8f4); }
.chair-back { background: repeating-linear-gradient(90deg,#164197 0px,#164197 4px,#2563eb 5px,#164197 7px); box-shadow: inset 9px 2px 14px #0a1f4466,5px 4px 10px #0a1f4420; }
.chair-seat { background: linear-gradient(160deg,#3b82f6,#123a8a); box-shadow: 0 7px 0 #0a2c6e; }
.pulse-art { background: #c7dcff; }
.pulse-art:before { background: #d8e8ff; box-shadow: 0 0 0 1px #a9cafa; }
.pulse-type { color: #3b82f6; }
.pulse-device { background: #ffffff; box-shadow: 15px 20px 30px #0a1f4420; }
.pulse-app-head > span, .pulse-app h4 i { color: #2563eb; }
.activity-graphic > span { background: #dce9fc; }
.activity-graphic > span:nth-child(2), .activity-graphic > span:nth-child(4), .activity-graphic > span:nth-child(6) { background: #93c5fd; }
.activity-graphic > span:nth-child(5) { background: #2563eb; }
.pulse-card { background: #e8f1ff; }
.pulse-positive { color: #2563eb; }
.orbit-art { background: #a9cafa; }
.orbit-art:before { border-color: #82adeb; box-shadow: 0 0 0 28px #3b82f615,0 0 0 70px #3b82f610; }
.orbit-dashboard { background: #ffffff; border-color: #b9d1f1; }
.orbit-dashboard aside, .dashboard-chart { background: #edf4ff; border-color: #d2e2f8; }
.orbit-dashboard aside > .dash-active { background: #d7e7ff; color: #164197; }
.dashboard-head > span + span { background: #2563eb; }
.dashboard-stats strong { color: #0a1f44; }
.dashboard-stats small { color: #2563eb; background: #e8f1ff; }
.chart-bars i { background: #93c5fd; }
.chart-bars i:nth-child(6) { background: #2563eb; }
.project-bottom { border-color: #c6d9f4; }
.project-bottom > span { color: #516687; }
.approach-section { background: #0a1f44; color: #f6f9ff; }
.approach-section h2 em { color: #93c5fd; }
.approach-section .section-heading > p, .steps p { color: #bed2f0; }
.approach-section .section-label, .step-result { color: #d5e5fc; }
.approach-section .section-label > span, .steps > article, .approach-promise { border-color: #314c76; }
.step-top > span { color: #93c5fd; }
.step-top svg { stroke: #93c5fd; }

.approach-promise > p { color: #bed2f0; }
.approach-promise strong { color: #f0f6ff; }
.approach-promise > div { color: #c2d8f7; }
.approach-promise > div > span:before { color: #93c5fd; }
.contact-section { background: linear-gradient(135deg,#e8f1ff 0%,#f5f9ff 65%,#dfecff 100%); }
.contact-section:before { border-color: #93c5fd33; box-shadow: 0 0 0 60px #3b82f608,0 0 0 120px #3b82f608; }
.contact-copy h2 em { color: #2563eb; }
.contact-copy > p, .contact-note p { color: #516687; }
.contact-copy .status-dot { background: #2563eb; }
.contact-note > span { border-color: #a9cafa; color: #2563eb; }
.contact-note strong { color: #0a1f44; }
.contact-panel { background: #ffffff; box-shadow: 0 15px 45px #0a1f4410; border: 1px solid #d8e5f7; }
.form-heading > span + span { color: #2563eb; }
form label > span { color: #2563eb; }
input, textarea, select { border-color: #cbdcf3; }
input::placeholder, textarea::placeholder { color: #6c81a0; }
select, .service-options input + span { color: #516687; }
.service-options input + span { border-color: #ccdff7; }
.service-options input:checked + span { background: #2563eb; border-color: #2563eb; }
.form-privacy { color: #5b7090; }
.result-icon { background: #e8f1ff; color: #2563eb; }
#brief-summary { background: #f3f7ff; border-color: #d8e5f7; }
.footer { background: #ffffff; }
.footer .brand { width: 280px; gap: 12px; }
.footer .brand-monogram { width: 48px; height: 44px; }
.footer .brand-wordmark { width: 220px; }
.footer-top > p, .footer-bottom { color: #516687; }
dialog { border-color: #d8e5f7; }
dialog::backdrop { background: #0a1f44bb; }
.dialog-note { border-color: #93c5fd; }
.toast { background: #0a1f44; }
@media(max-width:1150px) {
  .brand { width: 210px; gap: 9px; }
  .brand-monogram { width: 40px; height: 36px; }
  .brand-wordmark { width: 161px; }
  .nav-wrap { gap: 16px; }
  .nav { gap: 18px; }
}
@media(max-width:760px) {
  .brand { width: 190px; gap: 8px; }
  .brand-monogram { width: 38px; height: 34px; }
  .brand-wordmark { width: 144px; }
  .nav-wrap { gap: 10px; }
  .footer .brand { width: 260px; }
  .footer .brand-wordmark { width: 200px; }
}
@media(max-width:600px) {
  .brand { width: 174px; gap: 8px; }
  .brand-monogram { width: 36px; height: 32px; }
  .brand-wordmark { width: 130px; }
}
@media(max-width:370px) {
  .brand { width: 142px; gap: 7px; }
  .brand-monogram { width: 30px; height: 28px; }
  .brand-wordmark { width: 105px; }
  .nav-wrap { gap: 8px; }
}