:root {
  --paper: #f5f1e8;
  --paper-2: #ece8de;
  --paper-3: #fbf9f4;
  --ink: #152a2a;
  --ink-soft: #596662;
  --green: #1f5a4c;
  --green-dark: #123e36;
  --green-soft: #dce6df;
  --copper: #b65e31;
  --copper-dark: #934922;
  --gold: #c79436;
  --line: #d8d1c4;
  --white: #fff;
  --shadow: 0 20px 60px rgba(29, 44, 41, .09);
  --radius: 18px;
  --container: 1380px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", system-ui, sans-serif;
  line-height: 1.5;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
img, svg { display: block; max-width: 100%; }
.container { width: min(calc(100% - 48px), var(--container)); margin: 0 auto; }
.section { position: relative; padding: 84px 0; }
.section-soft { background: rgba(255,255,255,.38); border-top: 1px solid rgba(21,42,42,.05); border-bottom: 1px solid rgba(21,42,42,.05); }
.eyebrow {
  margin: 0 0 16px;
  letter-spacing: .23em;
  font-weight: 700;
  font-size: .78rem;
}
.copper { color: var(--copper); }
h1,h2 { font-family: "Libre Caslon Display", Georgia, serif; font-weight: 400; letter-spacing: -.035em; margin: 0; line-height: .98; }
h1 { font-size: clamp(4.4rem, 7vw, 7.3rem); }
h1 em { font-style: normal; color: var(--copper); }
h2 { font-size: clamp(2.5rem, 4.4vw, 4.75rem); }
h3 { margin: 0; }
p { margin: 0; }

.site-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(245,241,232,.9);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(21,42,42,.08);
}
.nav-wrap { min-height: 82px; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.brand-mark { width: 42px; height: 42px; color: var(--green); }
.brand-text { display:flex; flex-direction:column; line-height:.84; }
.brand-text strong { font-size: 1.95rem; letter-spacing: .09em; font-weight: 700; }
.brand-text small { margin-top: 7px; letter-spacing: .34em; font-size: .48rem; font-weight: 700; }
.main-nav { margin-left: auto; display: flex; align-items: center; gap: 30px; font-size: .92rem; }
.main-nav > a, .nav-dropdown-toggle { position: relative; padding: 31px 0 26px; }
.main-nav > a::after, .nav-dropdown-toggle::after {
  content:""; position:absolute; left:0; right:0; bottom:18px; height:2px;
  background:var(--copper); transform:scaleX(0); transform-origin:left; transition:.2s ease;
}
.main-nav > a:hover::after, .nav-dropdown-toggle:hover::after { transform:scaleX(1); }
.nav-dropdown { position: relative; }
.nav-dropdown-toggle { background:none; border:0; color:inherit; cursor:pointer; }
.nav-dropdown-menu {
  position:absolute; top:66px; left:-20px; min-width:280px; padding:12px;
  background:var(--paper-3); border:1px solid var(--line); border-radius:14px;
  box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(-8px); transition:.2s ease;
}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown.open .nav-dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); }
.nav-dropdown-menu a { display:block; padding:11px 12px; border-radius:9px; }
.nav-dropdown-menu a:hover { background:var(--green-soft); }
.nav-cta { margin-left: 10px; }
.menu-toggle { display:none; background:none; border:0; width:38px; height:38px; padding:8px; }
.menu-toggle span { display:block; height:2px; background:var(--ink); margin:5px 0; }

.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:18px;
  min-height:48px; padding:0 22px; border:1px solid transparent; border-radius:7px;
  font-weight:600; transition:.2s ease; cursor:pointer;
}
.btn:hover { transform:translateY(-2px); }
.btn-solid, .btn-copper { background:var(--copper); color:#fff; }
.btn-solid:hover, .btn-copper:hover { background:var(--copper-dark); }
.btn-deep { background:var(--green); color:#fff; }
.btn-deep:hover { background:var(--green-dark); }
.btn-outline { border-color:var(--copper); background:rgba(255,255,255,.46); }
.btn-light { background:var(--paper-3); color:var(--green-dark); }
.btn-light:hover { background:#fff; }

.hero { padding-top: 58px; padding-bottom: 28px; min-height: 760px; overflow:hidden; }
.hero::before {
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 76% 20%, rgba(199,148,54,.15), transparent 28%),
    radial-gradient(circle at 20% 75%, rgba(31,90,76,.08), transparent 30%),
    linear-gradient(90deg, rgba(255,255,255,.68), rgba(255,255,255,.06));
  pointer-events:none;
}
.hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:.95fr 1.45fr; gap:52px; align-items:center; }
.hero-copy { padding: 20px 0 30px; }
.hero-lead { margin-top:24px; max-width:680px; font-size:1.18rem; color:#263b38; }
.hero-actions { display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }
.hero-benefits { margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.hero-benefits article { display:flex; gap:12px; align-items:flex-start; }
.hero-benefits strong { display:block; font-size:.85rem; }
.hero-benefits small { display:block; color:var(--ink-soft); font-size:.75rem; margin-top:2px; }
.benefit-icon { color:var(--copper); font-size:1.9rem; line-height:1; }

.hero-system {
  position:relative; min-height:610px; border-radius:26px;
  background:
    linear-gradient(160deg, rgba(16,59,51,.96), rgba(23,56,49,.9) 30%, rgba(68,75,61,.72) 70%, rgba(181,132,68,.28)),
    linear-gradient(45deg, #304c43, #6f6853);
  overflow:hidden; box-shadow:var(--shadow);
}
.hero-system::before {
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}
.hero-system::after {
  content:""; position:absolute; inset:auto 0 0; height:40%;
  background:linear-gradient(to top, rgba(13,29,27,.72), transparent);
}
.input-stack, .output-stack {
  position:absolute; top:82px; z-index:4; display:flex; flex-direction:column; gap:8px;
}
.input-stack { left:18px; }
.output-stack { right:18px; }
.input-stack span, .output-stack span {
  display:block; min-width:168px; padding:10px 13px; border-radius:8px;
  background:rgba(251,249,244,.94); border:1px solid rgba(255,255,255,.5);
  box-shadow:0 10px 30px rgba(0,0,0,.14); font-size:.78rem;
}
.output-stack span { min-width:190px; }
.flow-lines { position:absolute; inset:70px 190px 100px 190px; width:calc(100% - 380px); height:430px; z-index:2; overflow:visible; }
.flow-lines path {
  fill:none; stroke:url(#flowA); stroke-width:5; stroke-linecap:round;
  filter:drop-shadow(0 0 6px rgba(255,201,89,.35));
  opacity:.95;
}
.orhan-core {
  position:absolute; z-index:5; left:50%; top:50%; transform:translate(-50%,-55%);
  width:190px; min-height:330px; padding:24px 22px;
  background:rgba(15,58,49,.92); border:1px solid rgba(255,255,255,.25);
  box-shadow:0 20px 60px rgba(0,0,0,.25); border-radius:12px; color:white;
}
.core-logo { text-align:center; margin-bottom:22px; position:relative; }
.core-logo strong { font-size:1.55rem; letter-spacing:.08em; }
.core-logo small { display:block; font-size:.43rem; letter-spacing:.28em; opacity:.75; }
.core-dot { width:10px; height:10px; background:var(--copper); border-radius:50%; display:inline-block; margin-right:5px; }
.orhan-core ul { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.orhan-core li { font-size:1rem; padding-left:12px; position:relative; }
.orhan-core li::before { content:""; width:5px; height:5px; border-radius:50%; background:#d9a64a; position:absolute; left:0; top:.62em; }

.console-card {
  position:absolute; right:76px; bottom:30px; width:330px; height:150px; z-index:6;
  background:#102a29; border:1px solid rgba(255,255,255,.2); border-radius:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.28); padding:16px;
}
.console-top { display:flex; gap:6px; }
.console-top i { width:7px; height:7px; border-radius:50%; background:#c69436; }
.console-bars { display:flex; align-items:flex-end; gap:9px; height:68px; margin-top:12px; }
.console-bars span { width:18px; background:linear-gradient(#d3a04a,#4d8a78); border-radius:2px 2px 0 0; }
.console-lines { display:grid; gap:4px; position:absolute; right:16px; top:30px; width:130px; }
.console-lines b { height:4px; background:rgba(255,255,255,.22); border-radius:999px; }
.console-lines b:nth-child(2){ width:78%; }.console-lines b:nth-child(3){ width:92%; }.console-lines b:nth-child(4){ width:66%; }

.landscape-left,.landscape-right { position:absolute; bottom:0; width:26vw; height:38%; opacity:.42; pointer-events:none; }
.landscape-left { left:-4vw; clip-path:polygon(0 100%,0 44%,18% 52%,33% 25%,51% 63%,67% 39%,100% 100%); background:linear-gradient(135deg,#a9aa91,#ded5c4); }
.landscape-right { right:-4vw; clip-path:polygon(0 100%,15% 70%,32% 36%,47% 67%,65% 31%,100% 72%,100% 100%); background:linear-gradient(225deg,#9ea48d,#ddd4c2); }

.section-intro { display:grid; grid-template-columns:1.05fr 1fr auto; gap:52px; align-items:end; }
.challenge-intro > p { color:var(--ink-soft); max-width:560px; padding-bottom:12px; }
.challenge-intro blockquote {
  margin:0; padding:0 0 8px 22px; border-left:2px solid var(--copper);
  color:var(--copper-dark); font-family:"Libre Caslon Display",serif; font-size:1.6rem;
}
.challenge-grid { margin-top:42px; display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--line); }
.challenge-grid article { padding:22px 20px 10px; border-right:1px solid var(--line); }
.challenge-grid article:last-child { border-right:0; }
.challenge-grid span { color:var(--copper); font-size:2rem; }
.challenge-grid h3 { font-size:.95rem; margin:10px 0 5px; }
.challenge-grid p { color:var(--ink-soft); font-size:.82rem; }

.approach { background:
  radial-gradient(circle at 80% 60%, rgba(31,90,76,.08), transparent 32%),
  linear-gradient(180deg, rgba(255,255,255,.18), transparent);
}
.approach-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:54px; align-items:center; }
.approach-copy p:not(.eyebrow) { max-width:580px; margin:22px 0 26px; color:var(--ink-soft); font-size:1.04rem; }
.approach-visual { min-width:0; }
.phase-row { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-bottom:18px; }
.phase-row article { text-align:center; padding:16px 8px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.62); position:relative; }
.phase-row b { position:absolute; width:26px; height:26px; border-radius:50%; background:var(--gold); color:white; display:grid; place-items:center; top:-13px; left:50%; transform:translateX(-50%); }
.phase-row strong { display:block; font-size:.76rem; margin:4px 0 6px; }
.phase-row small { display:block; font-size:.66rem; color:var(--ink-soft); }
.approach-flow { position:relative; height:285px; display:grid; grid-template-columns:140px 1fr 140px; align-items:center; }
.source-list,.target-list { display:grid; gap:10px; font-size:.72rem; z-index:3; }
.source-list { text-align:right; }
.target-list { text-align:left; }
.source-list span,.target-list span { white-space:nowrap; }
.flow-mesh { position:absolute; left:130px; right:130px; top:15px; bottom:15px; }
.flow-mesh svg { width:100%; height:100%; }
.flow-mesh path { fill:none; stroke-width:2.1; opacity:.8; }
.flow-mesh path:nth-child(1),.flow-mesh path:nth-child(4){stroke:#1f5a4c}
.flow-mesh path:nth-child(2),.flow-mesh path:nth-child(5){stroke:#b65e31}
.flow-mesh path:nth-child(3),.flow-mesh path:nth-child(6){stroke:#c79436}
.approach-core {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:4;
  width:150px; height:150px; border-radius:50%; background:var(--paper-3);
  border:6px solid rgba(199,148,54,.65); box-shadow:0 0 0 10px rgba(182,94,49,.08), var(--shadow);
  display:grid; place-items:center; align-content:center; text-align:center;
}
.approach-core strong { font-size:1.45rem; letter-spacing:.08em; }
.approach-core small { font-size:.42rem; letter-spacing:.26em; }

.solutions-heading,.outcomes-title { display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:end; }
.solutions-heading > p,.outcomes-title > p { color:var(--ink-soft); max-width:560px; }
.solution-grid { margin-top:38px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.solution-card {
  background:rgba(255,255,255,.68); border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; box-shadow:0 8px 30px rgba(27,41,38,.05); transition:.24s ease;
}
.solution-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
.solution-art { height:150px; position:relative; overflow:hidden; background:#173c37; }
.solution-art::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.34),transparent 55%); }
.art-network span { position:absolute; width:48px; height:48px; border:1px solid #d5a85c; border-radius:50%; }
.art-network span:nth-child(1){left:14%;top:20%}.art-network span:nth-child(2){left:42%;top:40%}.art-network span:nth-child(3){left:68%;top:18%}.art-network span:nth-child(4){left:78%;top:63%}
.art-network::before { content:""; position:absolute; inset:20px; background:linear-gradient(25deg,transparent 48%,rgba(255,255,255,.36) 49%,rgba(255,255,255,.36) 50%,transparent 51%); }
.art-it { background:linear-gradient(90deg,#112e2b,#26453f); }
.art-it span { position:absolute; top:18px; bottom:18px; width:42px; border:1px solid rgba(255,255,255,.22); background:repeating-linear-gradient(to bottom,rgba(255,255,255,.08) 0 4px,transparent 4px 10px); }
.art-it span:nth-child(1){left:18%}.art-it span:nth-child(2){left:35%}.art-it span:nth-child(3){left:52%}.art-it span:nth-child(4){left:69%}
.art-business { background:linear-gradient(135deg,#d6c9b4,#efe8dc); }
.art-business span { position:absolute; bottom:24px; width:90px; height:62px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.13); border-radius:5px; }
.art-business span:nth-child(1){left:12%}.art-business span:nth-child(2){left:38%;bottom:40px}.art-business span:nth-child(3){right:12%}
.art-intelligence { background:linear-gradient(135deg,#163631,#254f47); }
.art-intelligence span { position:absolute; bottom:18px; width:18px; background:#d9a64a; border-radius:3px 3px 0 0; }
.art-intelligence span:nth-child(1){height:35%;left:15%}.art-intelligence span:nth-child(2){height:58%;left:31%}.art-intelligence span:nth-child(3){height:44%;left:47%}.art-intelligence span:nth-child(4){height:76%;left:63%}.art-intelligence span:nth-child(5){height:62%;left:79%}
.art-service { background:linear-gradient(145deg,#dfd6c5,#c8bda8); }
.art-service span { position:absolute; width:86px; height:70px; background:#9a6847; border-radius:13px; transform:rotate(12deg); box-shadow:0 10px 25px rgba(0,0,0,.14); }
.art-service span:nth-child(1){left:13%;top:25%}.art-service span:nth-child(2){left:35%;top:15%;background:#d39a4a}.art-service span:nth-child(3){right:24%;top:33%;background:#496c61}.art-service span:nth-child(4){right:8%;top:12%;background:#e6d8bd}
.art-custom { background:linear-gradient(140deg,#132f2d,#7d5336); }
.art-custom span { position:absolute; width:82px; height:82px; border:2px solid rgba(255,255,255,.46); border-radius:50%; }
.art-custom span:nth-child(1){left:12%;top:25%}.art-custom span:nth-child(2){left:38%;top:12%;border-color:#d9a64a}.art-custom span:nth-child(3){right:10%;top:28%;border-color:#6ea28f}
.card-body { position:relative; padding:26px 22px 22px; }
.card-icon {
  position:absolute; top:-24px; left:18px; width:48px; height:48px; border-radius:9px;
  background:var(--green); color:white; display:grid; place-items:center; font-size:1.4rem;
  border:4px solid var(--paper-3);
}
.card-icon.orange{background:var(--copper)} .card-icon.slate{background:#60756f}
.card-icon.gold{background:#c79436}.card-icon.green{background:#2b6658}.card-icon.rust{background:#a85430}
.card-body h3 { font-size:1.25rem; margin:12px 0 8px; }
.card-body p { color:var(--ink-soft); min-height:72px; }
.card-body a { display:inline-flex; gap:10px; margin-top:18px; color:var(--copper-dark); font-weight:700; font-size:.88rem; }

.outcomes { padding-top:70px; padding-bottom:74px; }
.metric-grid { margin-top:32px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.metric-grid article { padding:26px 24px 6px; border-right:1px solid var(--line); display:flex; gap:16px; }
.metric-grid article:last-child{border-right:0}
.metric-grid strong { font-family:"Libre Caslon Display",serif; color:var(--copper); font-size:3rem; line-height:.8; }
.metric-grid b { display:block; margin-bottom:5px; }
.metric-grid p { color:var(--ink-soft); font-size:.86rem; }

.why {
  background:
    linear-gradient(90deg,rgba(13,48,42,.97),rgba(22,60,53,.86)),
    radial-gradient(circle at 70% 10%,rgba(199,148,54,.26),transparent 34%);
  color:#fff;
}
.why-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:62px; align-items:center; }
.why-copy p:not(.eyebrow) { max-width:600px; margin:22px 0 28px; color:rgba(255,255,255,.76); }
.principles { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.principles article { min-height:145px; padding:20px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(255,255,255,.04); }
.principles span { color:#d8a357; font-size:1.7rem; }
.principles b { display:block; margin:8px 0 4px; font-size:.9rem; }
.principles small { color:rgba(255,255,255,.66); }

.resources-grid,.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.resource-panel p:not(.eyebrow), .resource-note p, .about-copy p { color:var(--ink-soft); font-size:1.03rem; }
.resource-panel p:not(.eyebrow) { margin:20px 0; }
.resource-panel a { font-weight:700; color:var(--copper-dark); }
.resource-note { padding:34px; background:var(--green); color:white; border-radius:18px; }
.resource-note strong { font-family:"Libre Caslon Display",serif; font-size:2rem; font-weight:400; }
.resource-note p { color:rgba(255,255,255,.74); margin-top:12px; }
.about-copy { display:grid; gap:16px; }

.contact { padding-top:40px; }
.contact-box {
  background:var(--copper); color:white; border-radius:24px; padding:54px;
  display:flex; justify-content:space-between; align-items:center; gap:40px;
}
.contact-box h2 { max-width:860px; }
.contact-box p:not(.eyebrow) { margin-top:18px; max-width:850px; color:rgba(255,255,255,.8); }

.site-footer { background:#102b27; color:white; padding:60px 0 24px; }
.site-footer .brand-mark { color:#d6e2dc; }
.footer-grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:50px; }
.footer-brand p { margin-top:18px; color:rgba(255,255,255,.56); }
.footer-grid > div:not(.footer-brand) { display:grid; align-content:start; gap:9px; }
.footer-grid strong { margin-bottom:8px; }
.footer-grid a { color:rgba(255,255,255,.64); font-size:.9rem; }
.footer-grid a:hover { color:#fff; }
.footer-bottom { margin-top:48px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); display:flex; justify-content:space-between; color:rgba(255,255,255,.5); font-size:.82rem; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

@media (max-width: 1180px) {
  .main-nav { gap:18px; font-size:.84rem; }
  .nav-cta { display:none; }
  .hero-grid { grid-template-columns:1fr; }
  .hero-system { min-height:580px; }
  .section-intro { grid-template-columns:1fr 1fr; }
  .challenge-intro blockquote { grid-column:1 / -1; }
  .challenge-grid { grid-template-columns:repeat(3,1fr); }
  .challenge-grid article:nth-child(3){border-right:0}
  .approach-grid { grid-template-columns:1fr; }
  .solution-grid { grid-template-columns:repeat(2,1fr); }
  .principles { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 860px) {
  .container { width:min(calc(100% - 28px),var(--container)); }
  .section { padding:64px 0; }
  .menu-toggle { display:block; margin-left:auto; }
  .main-nav {
    position:absolute; top:82px; left:14px; right:14px; padding:18px;
    background:var(--paper-3); border:1px solid var(--line); border-radius:16px;
    box-shadow:var(--shadow); display:none; flex-direction:column; align-items:stretch; gap:0;
  }
  .main-nav.open { display:flex; }
  .main-nav > a,.nav-dropdown-toggle { padding:12px 4px; width:100%; text-align:left; }
  .main-nav > a::after,.nav-dropdown-toggle::after { display:none; }
  .nav-dropdown-menu { position:static; box-shadow:none; border:0; background:transparent; padding:0 0 0 14px; opacity:1; visibility:visible; transform:none; display:none; }
  .nav-dropdown.open .nav-dropdown-menu { display:block; }
  .hero { padding-top:38px; }
  h1 { font-size:clamp(4rem,17vw,6rem); }
  .hero-benefits { grid-template-columns:1fr; }
  .hero-system { min-height:620px; }
  .input-stack span,.output-stack span { min-width:130px; max-width:145px; font-size:.67rem; padding:8px; }
  .output-stack span { min-width:145px; }
  .flow-lines { inset:80px 145px 100px 145px; width:calc(100% - 290px); }
  .orhan-core { width:160px; }
  .console-card { right:40px; width:280px; }
  .section-intro,.solutions-heading,.outcomes-title,.why-grid,.resources-grid,.about-grid { grid-template-columns:1fr; gap:24px; }
  .challenge-grid { grid-template-columns:repeat(2,1fr); }
  .challenge-grid article:nth-child(3){border-right:1px solid var(--line)}
  .challenge-grid article:nth-child(even){border-right:0}
  .phase-row { grid-template-columns:1fr; }
  .phase-row article { text-align:left; padding-left:42px; }
  .phase-row b { left:16px; top:50%; transform:translateY(-50%); }
  .approach-flow { height:auto; grid-template-columns:1fr 1fr; gap:20px; }
  .flow-mesh,.approach-core { display:none; }
  .source-list,.target-list { text-align:left; padding:18px; background:rgba(255,255,255,.48); border:1px solid var(--line); border-radius:12px; }
  .metric-grid { grid-template-columns:1fr 1fr; }
  .metric-grid article:nth-child(2){border-right:0}
  .principles { grid-template-columns:1fr 1fr; }
  .contact-box { flex-direction:column; align-items:flex-start; padding:36px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 620px) {
  .brand-text strong { font-size:1.55rem; }
  .brand-mark { width:36px; }
  h1 { font-size:3.85rem; }
  h2 { font-size:2.8rem; }
  .hero-system { min-height:700px; }
  .input-stack { top:40px; left:10px; }
  .output-stack { top:40px; right:10px; }
  .input-stack span,.output-stack span { min-width:112px; max-width:122px; white-space:normal; }
  .orhan-core { top:56%; width:145px; min-height:300px; }
  .flow-lines { display:none; }
  .console-card { left:50%; right:auto; transform:translateX(-50%); width:82%; }
  .challenge-grid,.solution-grid,.metric-grid,.principles,.footer-grid { grid-template-columns:1fr; }
  .challenge-grid article,.metric-grid article { border-right:0; }
  .hero-actions .btn { width:100%; }
  .approach-flow { grid-template-columns:1fr; }
  .contact-box { padding:28px 24px; }
  .footer-bottom { flex-direction:column; gap:10px; }
}