:root{
      --bg:#09090b;
      --bg2:#101014;
      --card:#15151b;
      --card2:#1b1b23;
      --text:#f5f1ea;
      --muted:#afa69a;
      --muted2:#7e766d;
      --line:rgba(245,241,234,.11);
      --red:#f00e21;
      --red2:#9b0714;
      --amber:#d8b273;
      --green:#86d69b;
      --shadow:0 30px 90px rgba(0,0,0,.45);
      --radius:28px;
      --gap:18px;
      color-scheme:dark;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--bg)}
    body{
      margin:0;
      min-height:100vh;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at 15% -5%, rgba(240,14,33,.23), transparent 34rem),
        radial-gradient(circle at 94% 18%, rgba(216,178,115,.10), transparent 30rem),
        linear-gradient(180deg,#08080a 0%,#101014 44%,#08080a 100%);
      color:var(--text);
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    body:before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      opacity:.23;
      background-image:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
      background-size:32px 32px;
      mask-image:linear-gradient(to bottom, black, transparent 80%);
      z-index:-3;
    }
    body:after{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");
      mix-blend-mode:overlay;
      opacity:.16;
      z-index:-2;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .page{width:min(1160px,100%);margin:0 auto;padding:18px 16px 110px}
    .topbar{
      position:sticky;
      top:0;
      z-index:50;
      margin:0 -16px;
      padding:12px 16px 10px;
      backdrop-filter:blur(18px);
      background:linear-gradient(180deg, rgba(9,9,11,.92), rgba(9,9,11,.55));
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1160px,100%);margin:0 auto}
    .brand{display:flex;align-items:center;gap:11px;min-width:0}
    .brand-mark{width:35px;height:35px;border-radius:12px;background:rgba(240,14,33,.08);padding:5px;border:1px solid rgba(240,14,33,.24);box-shadow:0 0 40px rgba(240,14,33,.13)}
    .brand-text{line-height:1.05;font-weight:800;letter-spacing:-.04em;font-size:1rem;white-space:nowrap}
    .brand-sub{display:block;color:var(--muted2);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}
    .nav{display:none;align-items:center;gap:4px;color:var(--muted);font-size:.9rem;font-weight:700}
    .nav a{padding:10px 12px;border-radius:999px}
    .nav a:hover{background:rgba(255,255,255,.06);color:var(--text)}
    .cta-small{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(240,14,33,.35);border-radius:999px;background:rgba(240,14,33,.1);color:var(--text);font-size:.86rem;font-weight:800;box-shadow:0 0 40px rgba(240,14,33,.11)}
    .hero{padding:48px 0 28px;display:grid;gap:28px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:18px}
    .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 25px var(--red)}
    h1,h2,h3,p{margin:0}
    h1{font-size:clamp(3.15rem,16vw,9.5rem);line-height:.86;letter-spacing:-.095em;max-width:10ch;text-wrap:balance}
    .hero-copy{margin-top:22px;color:var(--muted);font-size:1.08rem;line-height:1.55;max-width:38rem}
    .hero-copy strong{color:var(--text);font-weight:800}
    .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:25px;max-width:520px}
    .button{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:20px;padding:15px 16px;font-weight:900;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);box-shadow:0 14px 40px rgba(0,0,0,.22);transition:transform .18s ease, border-color .18s ease, background .18s ease}
    .button:active{transform:translateY(1px) scale(.99)}
    .button.primary{background:linear-gradient(135deg,var(--red),#a60613);border-color:rgba(255,255,255,.15);color:white}
    .button span:last-child{font-size:1.25rem;line-height:1}
    .hero-orbit{
      position:relative;
      min-height:455px;
      border-radius:38px;
      overflow:hidden;
      background:
        linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.02)),
        radial-gradient(circle at 50% 38%, rgba(240,14,33,.35), transparent 15rem),
        linear-gradient(180deg,#14141a,#0b0b0e);
      border:1px solid rgba(255,255,255,.11);
      box-shadow:var(--shadow);
      transform-style:preserve-3d;
      isolation:isolate;
    }
    .hero-orbit:before{
      content:"";
      position:absolute;
      inset:20px;
      border-radius:32px;
      border:1px solid rgba(255,255,255,.1);
      background:radial-gradient(circle at center, transparent 0 7rem, rgba(255,255,255,.035) 7.1rem 7.25rem, transparent 7.35rem 10rem, rgba(255,255,255,.04) 10.1rem 10.25rem, transparent 10.35rem);
      animation:slowspin 28s linear infinite;
    }
    .hero-orbit:after{
      content:"";
      position:absolute;
      width:560px;height:560px;left:50%;top:50%;translate:-50% -50%;
      background:conic-gradient(from 90deg, transparent, rgba(240,14,33,.26), transparent, rgba(216,178,115,.15), transparent);
      filter:blur(22px);
      opacity:.8;
      animation:slowspin 18s linear infinite reverse;
      z-index:-1;
    }
    .mark-stage{position:absolute;inset:0;display:grid;place-items:center;perspective:1000px;z-index:4;pointer-events:none}
    .mark-plate{
      position:relative;
      width:min(58vw,248px);aspect-ratio:1;
      display:grid;place-items:center;border-radius:40px;
      background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.14);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 55px 90px rgba(0,0,0,.38), 0 0 70px rgba(240,14,33,.18);
      transform:rotateX(12deg) rotateY(-16deg) rotateZ(-2deg);
      animation:float 7s ease-in-out infinite;
      backdrop-filter:blur(8px);
    }
    .mark-plate img{width:44%;filter:drop-shadow(0 0 24px rgba(240,14,33,.34));z-index:2}
    .plate-label{position:absolute;left:50%;translate:-50% 0;color:var(--text);font-size:.78rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 18px rgba(240,14,33,.3);z-index:3}
    .plate-top{top:22px}
    .plate-bottom{bottom:22px}
    .floating-chip{position:absolute;z-index:8;border:1px solid rgba(255,255,255,.12);background:rgba(10,10,13,.78);backdrop-filter:blur(14px);border-radius:999px;padding:10px 14px;font-size:.74rem;color:var(--text);font-weight:850;letter-spacing:.06em;line-height:1;text-transform:uppercase;box-shadow:0 20px 55px rgba(0,0,0,.35);animation:chipdrift 8s ease-in-out infinite}
    .chip-a{left:52px;top:58px;animation-duration:7.2s}
    .chip-b{right:40px;top:80px;animation-duration:8.4s;animation-delay:-1.2s}
    .chip-c{left:18px;top:47%;translate:0 -50%;animation-duration:9s;animation-delay:-2.4s}
    .chip-d{right:18px;top:48%;translate:0 -50%;animation-duration:7.8s;animation-delay:-1.8s}
    .chip-e{left:38px;bottom:78px;animation-duration:8.8s;animation-delay:-3s}
    .chip-f{right:60px;bottom:62px;animation-duration:7.5s;animation-delay:-.8s}
    .section{padding:44px 0 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
    .kicker{color:var(--red);font-size:.78rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}
    h2{font-size:clamp(2rem,9vw,5.8rem);letter-spacing:-.075em;line-height:.92;text-wrap:balance}
    .section-desc{color:var(--muted);font-size:1rem;line-height:1.55;max-width:37rem;margin-top:12px}
    .projects{display:grid;gap:16px}
    .project{
      position:relative;
      overflow:hidden;
      border-radius:var(--radius);
      border:1px solid rgba(255,255,255,.11);
      background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
      box-shadow:0 28px 75px rgba(0,0,0,.28);
      min-height:430px;
    }
    .project.primary-project{min-height:590px;background:
      radial-gradient(circle at 30% 0%, rgba(240,14,33,.28), transparent 20rem),
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
    }
    .project-inner{position:relative;z-index:3;padding:22px;min-height:inherit;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
    .label-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}
    .pill{border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.22);color:var(--muted);border-radius:999px;padding:8px 10px;font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
    .pill.red{color:white;background:rgba(240,14,33,.16);border-color:rgba(240,14,33,.42)}
    .project h3{font-size:clamp(2.2rem,13vw,7rem);line-height:.87;letter-spacing:-.09em;text-wrap:balance;max-width:9ch}
    .project p{color:var(--muted);font-size:1rem;line-height:1.55;max-width:42rem;margin-top:16px}
    .project strong{color:var(--text)}
    .feature-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
    .feature{padding:13px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22)}
    .feature b{display:block;font-size:.92rem;margin-bottom:5px}.feature span{color:var(--muted);font-size:.88rem;line-height:1.38}
    .project-links{display:grid;gap:10px;margin-top:18px}
    .visual-window{position:relative;border-radius:26px;min-height:210px;overflow:hidden;background:#08080a;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
    .visual-window:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent, rgba(255,255,255,.08), transparent);transform:translateX(-100%);animation:scan 5s ease-in-out infinite}
    .liturgia-screen{padding:14px;display:grid;gap:10px}
    .screen-top{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18)}
    .live-card{border-radius:20px;background:linear-gradient(150deg,#101016,#1d1d25);border:1px solid rgba(255,255,255,.1);padding:18px;min-height:150px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
    .live-card:after{content:"";position:absolute;inset:auto -20% -50% -20%;height:120px;background:radial-gradient(circle, rgba(240,14,33,.28), transparent 70%)}
    .verse{font-size:1.45rem;letter-spacing:-.05em;line-height:1.05;font-weight:900}.ref{color:var(--muted2);margin-top:10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850}
    .schedule-list{display:grid;gap:8px}.schedule-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:14px;background:rgba(255,255,255,.05);padding:10px;color:var(--muted);font-size:.82rem}.schedule-item.active{color:var(--text);border:1px solid rgba(240,14,33,.32);background:rgba(240,14,33,.11)}
    .cnr-visual{min-height:230px;position:relative;background:linear-gradient(180deg,#22242a,#0a0a0d)}
    .cnr-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0 45%, rgba(255,255,255,.05) 46% 47%, transparent 48%),linear-gradient(90deg, transparent 0 49%, rgba(255,255,255,.06) 50% 51%, transparent 52%);background-size:100% 22px,42px 100%;opacity:.45}
    .block-city{position:absolute;inset:auto 18px 18px 18px;height:120px;display:flex;align-items:end;gap:8px}.tower{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1)}.tower:nth-child(2){height:95%}.tower:nth-child(1){height:65%}.tower:nth-child(3){height:78%}.tower:nth-child(4){height:55%}
    .status-card{position:absolute;left:16px;top:16px;border-radius:18px;padding:12px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:.78rem;color:var(--muted);font-weight:800}.status-card b{color:var(--green)}
    .small-grid{display:grid;grid-template-columns:1fr;gap:16px}
    .plain-card{border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));padding:22px;box-shadow:0 22px 60px rgba(0,0,0,.22)}
    .plain-card h3{font-size:1.5rem;line-height:1.05;letter-spacing:-.05em}.plain-card p{color:var(--muted);line-height:1.55;margin-top:12px}.plain-card .mini-link{display:inline-flex;margin-top:16px;color:var(--text);font-weight:900;border-bottom:1px solid rgba(240,14,33,.7);padding-bottom:3px}
    .mark-section{display:grid;gap:18px;border-radius:36px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 20% 0%, rgba(240,14,33,.21), transparent 23rem),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));padding:24px;overflow:hidden;box-shadow:var(--shadow)}
    .mark-big{display:grid;place-items:center;min-height:290px;border-radius:28px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.09)}
    .mark-big img{width:min(52%,210px);filter:drop-shadow(0 0 45px rgba(240,14,33,.28))}
    .rune-grid{display:grid;gap:10px;margin-top:18px}.rune{padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22)}.rune b{font-size:1.1rem}.rune span{display:block;color:var(--muted);margin-top:5px;line-height:1.4}
    .seo-copy{color:var(--muted);line-height:1.65;font-size:.96rem}.seo-copy strong{color:var(--text)}
    .footer{padding:42px 0 0;color:var(--muted2);font-size:.9rem;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:var(--muted)}
    .mobile-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border-radius:24px;background:rgba(14,14,18,.83);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 70px rgba(0,0,0,.45)}
    .mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:17px;color:var(--muted);font-size:.78rem;font-weight:900}.mobile-nav a:active,.mobile-nav a:hover{background:rgba(255,255,255,.07);color:var(--text)}
    .reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease, transform .55s ease}.reveal.in{opacity:1;transform:none}
    @keyframes slowspin{to{rotate:360deg}}
    @keyframes float{0%,100%{transform:rotateX(12deg) rotateY(-16deg) rotateZ(-2deg) translateY(0)}50%{transform:rotateX(16deg) rotateY(-8deg) rotateZ(2deg) translateY(-14px)}}
    @keyframes scan{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
    @keyframes chipdrift{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(2px,-6px,0)}50%{transform:translate3d(-3px,-10px,0)}75%{transform:translate3d(2px,-4px,0)}}
    @media (min-width:680px){
      .page{padding-left:24px;padding-right:24px}.topbar{margin:0 -24px;padding-left:24px;padding-right:24px}.hero-actions{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.project-links{grid-template-columns:max-content max-content}.small-grid{grid-template-columns:repeat(2,1fr)}.mark-section{grid-template-columns:.9fr 1.1fr;padding:30px}.mobile-nav{display:none}.nav{display:flex}.cta-small{padding:10px 15px}.hero{padding-top:70px}.project-inner{padding:30px}.project.primary-project{min-height:560px}.hero-orbit{min-height:540px}}
    @media (min-width:980px){
      .hero{grid-template-columns:1fr .78fr;gap:40px;padding-top:90px}.projects{grid-template-columns:1.12fr .88fr;align-items:stretch}.project.primary-project{grid-row:span 2}.small-grid{grid-template-columns:repeat(3,1fr)}.project h3{max-width:10ch}.hero-copy{font-size:1.18rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.plain-card{padding:26px}.section{padding-top:70px}}
    @media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}