:root {
  --aurel-shadow: 0 20px 60px rgba(11,16,32,.10);
  --aurel-shadow-hover: 0 30px 90px rgba(11,16,32,.18);
}
html { scroll-behavior:smooth; }
body { overflow-x:hidden; }
.site-header { position:sticky; top:0; z-index:100; background:rgba(247,248,252,.82); backdrop-filter:blur(18px); border-bottom:1px solid rgba(230,232,239,.8); }
.header-inner { min-height:76px; }
.brand { font-weight:800; letter-spacing:-.04em; }
.hero-section { position:relative; overflow:hidden; background:linear-gradient(135deg,#080C18 0%,#11182E 52%,#2A1F5E 100%); }
.hero-section .wp-block-cover__background { opacity:.92 !important; }
.hero-inner { position:relative; padding:7rem 0; }
.hero-title { max-width:1050px; letter-spacing:-.06em; text-wrap:balance; }
.hero-lead { max-width:780px; color:rgba(255,255,255,.70); }
.eyebrow { margin:0 0 1rem; font-size:.76rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#635BFF; }
.eyebrow-light { color:#8CCBFF; }
.hero-actions { margin-top:2rem; }
.hero-actions .wp-block-button__link { box-shadow:0 12px 35px rgba(99,91,255,.25); }
.hero-actions .is-style-outline .wp-block-button__link { color:#fff; border-color:rgba(255,255,255,.35); background:transparent; }
.hero-techline { display:flex; flex-wrap:wrap; gap:.65rem 1.3rem; margin-top:5rem; color:rgba(255,255,255,.38); font:700 .66rem/1.4 ui-monospace,monospace; letter-spacing:.12em; }
.hero-orb { position:absolute; border-radius:50%; filter:blur(3px); pointer-events:none; opacity:.5; }
.orb-one { width:330px; height:330px; right:-60px; top:40px; background:radial-gradient(circle,#635BFF 0%,transparent 68%); }
.orb-two { width:260px; height:260px; left:-120px; bottom:-100px; background:radial-gradient(circle,#19B5FE 0%,transparent 68%); }
.metrics-section { background:#0B1020; color:#fff; }
.metrics-inner { max-width:1180px; margin:auto; display:grid; grid-template-columns:repeat(4,1fr); }
.metric { padding:2.2rem 1.5rem; border-right:1px solid rgba(255,255,255,.10); }
.metric:last-child { border-right:0; }
.metric strong { display:block; font-size:2.2rem; letter-spacing:-.05em; }
.metric span { color:rgba(255,255,255,.46); font-size:.8rem; }
.section-light { background:#fff; }
.section-paper { background:#F7F8FC; }
.section-dark { color:#fff; background:#0B1020; }
.about-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:6rem; align-items:center; }
.about-visual { position:relative; min-height:540px; }
.portrait-placeholder { width:100%; height:540px; display:grid; place-items:center; border-radius:32px; background:radial-gradient(circle at 30% 20%,#8CCBFF 0,transparent 28%),linear-gradient(145deg,#E9E8FF,#DDEBFF 55%,#C9C6FF); box-shadow:var(--aurel-shadow); }
.portrait-placeholder span { font-size:7rem; font-weight:800; letter-spacing:-.1em; color:rgba(11,16,32,.17); }
.floating-card { position:absolute; right:-30px; bottom:35px; padding:1.2rem 1.4rem; border:1px solid rgba(255,255,255,.65); border-radius:18px; background:rgba(255,255,255,.86); backdrop-filter:blur(16px); box-shadow:var(--aurel-shadow); }
.floating-card strong,.floating-card span { display:block; }
.floating-card span { margin-top:.25rem; color:#667085; font-size:.78rem; }
.about-copy > p:not(.eyebrow) { max-width:720px; }
.tag-cloud,.project-tags { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.6rem; }
.tag-cloud span,.project-tags span { padding:.42rem .7rem; border:1px solid #E1E4EC; border-radius:999px; color:#475467; font-size:.72rem; font-weight:700; }
.capability-grid-v3 { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:3rem; background:rgba(255,255,255,.12); }
.capability-card-v3 { min-height:300px; padding:2.2rem; background:#0B1020; border:1px solid transparent; transition:background .25s, transform .25s; }
.capability-card-v3:hover { background:#121A31; transform:translateY(-4px); }
.capability-card-v3 > span { color:#8CCBFF; font:800 .72rem/1 ui-monospace,monospace; }
.capability-card-v3 h3 { margin:2rem 0 .7rem; font-size:1.55rem; }
.capability-card-v3 p { max-width:540px; color:rgba(255,255,255,.58); }
.capability-card-v3 > div { margin-top:2rem; color:rgba(255,255,255,.30); font:700 .63rem/1.4 ui-monospace,monospace; letter-spacing:.08em; }
.project-showcase { margin-top:3rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.project-feature { min-height:510px; padding:2rem; border:1px solid #E3E6EE; border-radius:26px; display:flex; flex-direction:column; background:#fff; transition:transform .25s,box-shadow .25s; }
.project-feature:hover { transform:translateY(-8px); box-shadow:var(--aurel-shadow-hover); }
.project-index { color:#635BFF; font:800 .67rem/1.4 ui-monospace,monospace; letter-spacing:.1em; }
.project-feature h3 { margin:4rem 0 1rem; font-size:2rem; letter-spacing:-.04em; }
.project-big-copy { color:#667085; }
.project-feature .project-tags { margin-top:auto; margin-bottom:1.5rem; }
.project-feature > a { color:#0B1020; font-weight:800; text-decoration:none; }
.ai-section { background:linear-gradient(180deg,#F7F8FC,#EEF1FF); }
.ai-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.ai-terminal { border-radius:22px; overflow:hidden; background:#0B1020; box-shadow:var(--aurel-shadow); }
.terminal-top { display:flex; align-items:center; gap:.45rem; padding:1rem 1.2rem; border-bottom:1px solid rgba(255,255,255,.08); }
.terminal-top span { width:8px;height:8px;border-radius:50%;background:#667085; }
.terminal-top b { margin-left:auto; color:rgba(255,255,255,.32); font:600 .65rem ui-monospace,monospace; }
.ai-terminal pre { margin:0; padding:2rem; overflow:auto; color:#BFD9FF; font:500 .82rem/1.7 ui-monospace,monospace; }
.timeline { margin-top:3rem; border-top:1px solid #DADDE7; }
.timeline-item { display:grid; grid-template-columns:170px 1fr; gap:3rem; padding:2.5rem 0; border-bottom:1px solid #DADDE7; }
.timeline-year { color:#635BFF; font:800 .75rem/1.4 ui-monospace,monospace; letter-spacing:.1em; }
.timeline-item h3 { margin:0 0 .5rem; font-size:1.5rem; }
.timeline-item p { margin:0; max-width:760px; color:#667085; }
.video-section { color:#fff; background:#0B1020; }
.video-lead { max-width:760px; color:rgba(255,255,255,.55); }
.presentation-video { margin-top:3rem; border-radius:24px; overflow:hidden; background:#151C38; }
.contact-section { background:linear-gradient(135deg,#E9E8FF,#E9F7FF); }
.contact-card { padding:5rem; border-radius:32px; background:rgba(255,255,255,.78); box-shadow:var(--aurel-shadow); }
.contact-links { display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:2rem; }
.contact-links a { color:#0B1020; font-weight:800; text-decoration:none; }
.site-footer { color:rgba(255,255,255,.65); background:#0B1020; padding:4rem 0 2rem; }
.footer-grid { gap:2rem; align-items:center; }
.footer-brand { color:#fff; font-size:1.1rem; font-weight:800; }
.footer-copy { margin-top:3rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.12); font-size:.8rem; }
.wp-block-button__link { transition:transform .2s,box-shadow .2s; }
.wp-block-button__link:hover { transform:translateY(-2px); }
@media (max-width:900px) {
  .metrics-inner,.project-showcase { grid-template-columns:repeat(2,1fr); }
  .about-layout,.ai-grid { grid-template-columns:1fr; gap:3rem; }
  .capability-grid-v3 { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .hero-inner { padding:5rem 0; }
  .metrics-inner,.project-showcase { grid-template-columns:1fr; }
  .metric { border-right:0; border-bottom:1px solid rgba(255,255,255,.10); }
  .about-visual,.portrait-placeholder { min-height:390px; height:390px; }
  .floating-card { right:10px; }
  .timeline-item { grid-template-columns:1fr; gap:.75rem; }
  .contact-card { padding:2rem; }
}

/* v4 — 2026/2027 visual system */
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-brand{display:flex;align-items:center;gap:.7rem;color:#0B1020;text-decoration:none}.header-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#0B1020;color:#fff;font:800 .72rem ui-monospace,monospace}.header-brand strong{font-size:.82rem;letter-spacing:.05em}.header-nav{display:flex;gap:1.35rem}.header-nav a{color:#667085;text-decoration:none;font-size:.78rem;font-weight:800}.header-nav a:hover{color:#0B1020}.hero-gradient,.gradient-text{background:linear-gradient(100deg,#8CCBFF,#A996FF 55%,#D8C7FF);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2.8rem;color:rgba(255,255,255,.42);font:700 .64rem ui-monospace,monospace;letter-spacing:.12em}.hero-orbit{position:absolute;right:3%;top:50%;width:360px;height:360px;transform:translateY(-45%);border:1px solid rgba(255,255,255,.09);border-radius:50%;animation:spin 24s linear infinite}.hero-orbit:before{content:"";position:absolute;inset:38px;border:1px dashed rgba(140,203,255,.18);border-radius:50%}.orbit-center{position:absolute;inset:125px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#A996FF,#3A327B 65%,#11182E);box-shadow:0 0 80px rgba(140,203,255,.22);font-size:2.5rem;font-weight:900;letter-spacing:-.08em}.orbit-node{position:absolute;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(12,17,35,.72);backdrop-filter:blur(10px);color:rgba(255,255,255,.75);font:800 .58rem ui-monospace,monospace;letter-spacing:.08em}.n1{left:35px;top:30px}.n2{right:18px;top:72px}.n3{right:28px;bottom:55px}.n4{left:45px;bottom:24px}.section{padding:7.5rem 0}.section-intro{max-width:700px;color:#667085;font-size:1.1rem}.portrait-placeholder{position:relative;overflow:hidden}.portrait-placeholder:after{content:"";position:absolute;width:220px;height:220px;right:-60px;top:-50px;border-radius:50%;border:1px solid rgba(99,91,255,.2);box-shadow:0 0 0 50px rgba(99,91,255,.04),0 0 0 100px rgba(99,91,255,.025)}.portrait-placeholder small{position:absolute;left:28px;bottom:25px;color:rgba(11,16,32,.45);font:800 .62rem/1.5 ui-monospace,monospace;letter-spacing:.13em}.ai-section{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(99,91,255,.13),transparent 30%),linear-gradient(180deg,#F7F8FC,#EEF1FF)}.ai-heading{max-width:820px}.ai-architecture{position:relative;min-height:560px;margin:4rem 0 2.5rem;border:1px solid #DDE1EC;border-radius:34px;background:rgba(255,255,255,.58);overflow:hidden}.agent-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#0B1020;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 90px rgba(99,91,255,.22);z-index:2}.agent-core strong{font-size:2.2rem;letter-spacing:-.07em}.agent-core span{font:700 .58rem ui-monospace,monospace;color:#8CCBFF;letter-spacing:.1em}.agent-pulse{position:absolute;inset:-16px;border:1px solid rgba(99,91,255,.25);border-radius:50%;animation:pulse 2.8s ease-in-out infinite}.ai-flow-step{position:absolute;width:235px;padding:1rem 1.1rem;border:1px solid #DCE1EE;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 15px 40px rgba(11,16,32,.07);transition:transform .5s,opacity .6s}.ai-flow-step b{display:block;color:#635BFF;font:800 .63rem ui-monospace,monospace;letter-spacing:.08em}.ai-flow-step span{display:block;margin-top:.45rem;color:#667085;font-size:.78rem;line-height:1.45}.step1{left:5%;top:12%}.step2{right:5%;top:12%}.step3{left:5%;bottom:12%}.step4{right:5%;bottom:12%}.step5{left:50%;bottom:5%;transform:translateX(-50%)}.principles{display:flex;flex-wrap:wrap;gap:.6rem}.principle-chip{padding:.65rem .85rem;border:1px solid #D6DAE6;border-radius:999px;background:rgba(255,255,255,.55);color:#475467;font:800 .63rem ui-monospace,monospace;letter-spacing:.06em}.demo-card{margin-top:3rem;min-height:220px;display:flex;align-items:center;gap:1.5rem;padding:2rem;border:1px dashed rgba(255,255,255,.2);border-radius:24px;background:rgba(255,255,255,.04)}.demo-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0B1020;font-size:1.1rem}.demo-card strong,.demo-card span{display:block}.demo-card span{margin-top:.35rem;color:rgba(255,255,255,.42);font-size:.8rem}.footer-grid{display:flex;justify-content:space-between;gap:2rem}.footer-links{display:flex;gap:1.2rem}.footer-links a{color:rgba(255,255,255,.55);text-decoration:none;font-size:.8rem}.reveal,.project-feature,.capability-card-v3,.timeline-item,.ai-flow-step,.principle-chip{opacity:0;transform:translateY(28px);transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.reveal.is-visible,.project-feature.is-visible,.capability-card-v3.is-visible,.timeline-item.is-visible,.ai-flow-step.is-visible,.principle-chip.is-visible{opacity:1;transform:none}.step5{transform:translate(-50%,28px)}.step5.is-visible{transform:translate(-50%,0)}@keyframes spin{to{transform:translateY(-45%) rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.35}}@media(max-width:1050px){.hero-orbit{position:relative;right:auto;top:auto;transform:none;margin:4rem auto 0}.hero-orbit{display:block}.ai-architecture{min-height:760px}}@media(max-width:700px){.header-nav{display:none}.hero-orbit{width:280px;height:280px}.orbit-center{inset:95px}.ai-architecture{min-height:980px}.ai-flow-step{width:calc(100% - 2rem);left:1rem!important;right:auto!important}.step1{top:2%}.step2{top:18%}.step3{top:34%;bottom:auto}.step4{top:50%;bottom:auto}.step5{top:66%;bottom:auto;left:1rem!important;transform:translateY(28px)}.step5.is-visible{transform:none}.agent-core{top:86%;width:145px;height:145px}.section{padding:5rem 0}.footer-grid{flex-direction:column}.footer-links{flex-wrap:wrap}.hero-title{font-size:clamp(3.4rem,15vw,5.5rem)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit,.agent-pulse{animation:none!important}.reveal,.project-feature,.capability-card-v3,.timeline-item,.ai-flow-step,.principle-chip{opacity:1;transform:none;transition:none}}
