.home-hero { min-height: 710px; position: relative; display: flex; align-items: center; overflow: hidden; color: #fff; background: var(--navy-900); }
.home-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,14,27,.97) 0%, rgba(5,22,42,.88) 37%, rgba(5,22,42,.28) 69%, rgba(5,22,42,.06) 100%), url("../../images/main-board.png") center/cover no-repeat; }
.home-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 150px; background: linear-gradient(transparent, rgba(6,20,36,.45)); }
.home-hero-content { position: relative; z-index: 2; width: min(720px, 62%); padding: 95px 0 80px; }
.home-hero .display-title span { display: block; color: #8ec7ff; }
.home-hero-lead { max-width: 640px; margin: 27px 0 0; color: #bfd0e1; font-size: 16px; line-height: 1.8; }
.home-hero-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 11px; }
.home-hero-stats { margin-top: 48px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.hero-stat { padding: 15px 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.065); backdrop-filter: blur(12px); }
.hero-stat strong, .hero-stat small { display: block; }.hero-stat strong { font-size: 17px; }.hero-stat small { margin-top: 4px; color: #8fa5bc; font-size: 8px; }
.hero-badge { position: absolute; z-index: 3; right: 4%; bottom: 52px; width: 285px; padding: 17px 19px; display: flex; align-items: center; gap: 14px; border: 1px solid rgba(255,255,255,.24); border-radius: 17px; background: rgba(255,255,255,.88); color: var(--navy-900); box-shadow: var(--shadow-lg); backdrop-filter: blur(16px); }
.hero-badge img { width: 42px; height: 46px; }.hero-badge strong, .hero-badge small { display: block; }.hero-badge strong { font-size: 11px; }.hero-badge small { margin-top: 3px; color: var(--muted); font-size: 8px; }

.protocol-showcase { position: relative; overflow: hidden; background: #fbfcfe; }
.protocol-showcase::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(18,103,196,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(18,103,196,.055) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to right, transparent, #000 28%, #000 82%, transparent); }
.protocol-glow { position: absolute; border-radius: 50%; filter: blur(3px); pointer-events: none; }.protocol-glow-blue { right: -160px; top: -170px; width: 520px; height: 520px; background: rgba(37,128,222,.1); }.protocol-glow-red { left: 36%; bottom: -130px; width: 260px; height: 260px; background: rgba(237,49,69,.07); }
.protocol-showcase-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .8fr 1.2fr; gap: 68px; align-items: center; }
.protocol-copy-list { margin-top: 34px; display: grid; gap: 16px; list-style: none; }.protocol-copy-list li { display: grid; grid-template-columns: 39px 1fr; gap: 13px; align-items: center; }.protocol-copy-list > li > span { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 12px; color: var(--blue-600); background: var(--sky-100); font-size: 9px; font-weight: 900; }.protocol-copy-list strong, .protocol-copy-list small { display: block; }.protocol-copy-list strong { font-size: 12px; }.protocol-copy-list small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.protocol-stage { min-height: 610px; position: relative; display: grid; place-items: center; perspective: 1100px; }
.protocol-orbit { position: absolute; border: 1px solid rgba(37,128,222,.16); border-radius: 50%; }.protocol-orbit-outer { width: 570px; height: 570px; }.protocol-orbit-inner { width: 430px; height: 430px; border-style: dashed; animation: protocol-rotate 38s linear infinite; }
.protocol-card { position: relative; z-index: 3; width: min(490px, 82%); padding: 29px; border: 1px solid rgba(255,255,255,.88); border-radius: 30px; background: rgba(255,255,255,.95); box-shadow: 0 38px 90px rgba(9,35,67,.17); transform: rotateY(-3deg) rotateX(2deg); animation: protocol-card-float 6s ease-in-out infinite; backdrop-filter: blur(18px); }
.protocol-card-head { display: flex; align-items: center; justify-content: space-between; }.protocol-mini-brand { display: flex; align-items: center; gap: 10px; }.protocol-mini-brand span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(135deg,var(--blue-600),var(--navy-800)); font-size: 12px; font-weight: 900; box-shadow: 0 8px 18px rgba(18,103,196,.25); }.protocol-mini-brand strong { font-size: 10px; letter-spacing: .08em; }
.protocol-ready { padding: 7px 10px; display: inline-flex; align-items: center; gap: 7px; border-radius: 99px; color: var(--success); background: #e9f8f1; font-size: 8px; font-weight: 800; }.protocol-ready i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgba(27,156,108,.1); animation: protocol-pulse 2s ease-in-out infinite; }
.protocol-card-title { margin: 29px 0 19px; }.protocol-card-title small, .protocol-card-title strong { display: block; }.protocol-card-title small { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .12em; }.protocol-card-title strong { margin-top: 5px; font-size: 20px; }
.protocol-browser { height: 240px; position: relative; overflow: hidden; border: 1px solid #e1e8f0; border-radius: 16px; background: #f5f7fb; }.protocol-browser-bar { height: 34px; padding: 0 11px; display: flex; align-items: center; gap: 5px; background: #e7ecf3; }.protocol-browser-bar i { width: 6px; height: 6px; border-radius: 50%; background: #b9c3ce; }.protocol-browser-bar span { flex: 1; margin-left: 6px; padding: 4px 9px; border-radius: 5px; color: #98a5b2; background: #fff; font-size: 7px; }.protocol-browser-body { height: calc(100% - 34px); padding: 21px; display: grid; grid-template-columns: 31% 1fr; gap: 20px; }.protocol-preview-block { border-radius: 10px; background: linear-gradient(150deg,var(--navy-800),var(--blue-600)); box-shadow: inset 0 0 25px rgba(255,255,255,.09); }.protocol-preview-lines { padding-top: 13px; }.protocol-preview-lines b { width: 100%; height: 10px; display: block; margin-bottom: 13px; border-radius: 6px; background: #d7dde6; }.protocol-preview-lines b:first-child { width: 73%; height: 16px; background: #a8b4c2; }.protocol-preview-lines b:last-child { width: 58%; }
.protocol-scan-line { position: absolute; z-index: 4; left: 0; top: 34px; width: 100%; height: 2px; background: linear-gradient(90deg,transparent,var(--red-500) 18%,#fff 50%,var(--blue-500) 82%,transparent); box-shadow: 0 0 17px rgba(37,128,222,.8); animation: protocol-scan 3.4s ease-in-out infinite; }
.protocol-meta { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.protocol-meta div { padding: 12px 14px; border-radius: 11px; background: #f3f6fa; }.protocol-meta small, .protocol-meta strong { display: block; }.protocol-meta small { color: var(--muted); font-size: 7px; }.protocol-meta strong { margin-top: 4px; font-size: 9px; }
.protocol-floating { position: absolute; z-index: 5; border: 1px solid rgba(255,255,255,.95); background: rgba(255,255,255,.95); box-shadow: 0 20px 45px rgba(9,35,67,.16); backdrop-filter: blur(14px); }.protocol-protected { left: 0; bottom: 75px; padding: 14px 18px; display: flex; align-items: center; gap: 12px; border-radius: 17px; animation: protocol-float 4.7s ease-in-out infinite; }.protocol-protected img { width: 34px; height: 34px; padding: 6px; border-radius: 10px; background: var(--sky-100); }.protocol-protected strong, .protocol-protected small, .protocol-timer strong, .protocol-timer small { display: block; }.protocol-protected strong { font-size: 10px; }.protocol-protected small { margin-top: 3px; color: var(--muted); font-size: 8px; }.protocol-timer { right: -3px; top: 98px; padding: 18px 22px; border-radius: 18px; animation: protocol-float 4s ease-in-out .8s infinite; }.protocol-timer strong { color: var(--blue-600); font-size: 23px; }.protocol-timer small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.protocol-particle { position: absolute; z-index: 2; width: 8px; height: 8px; border-radius: 50%; background: var(--blue-500); box-shadow: 0 0 0 7px rgba(37,128,222,.09),0 0 18px rgba(37,128,222,.7); animation: protocol-particle 5s ease-in-out infinite; }.particle-one { right: 9%; bottom: 19%; }.particle-two { left: 12%; top: 19%; animation-delay: 1.2s; background: var(--red-500); }.particle-three { right: 16%; top: 48%; animation-delay: 2.1s; }
@keyframes protocol-scan { 0%,100% { transform: translateY(0); opacity: .2; } 50% { transform: translateY(203px); opacity: 1; } }
@keyframes protocol-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-11px); } }
@keyframes protocol-card-float { 0%,100% { transform: rotateY(-3deg) rotateX(2deg) translateY(0); } 50% { transform: rotateY(-1deg) rotateX(1deg) translateY(-8px); } }
@keyframes protocol-rotate { to { transform: rotate(360deg); } }
@keyframes protocol-pulse { 50% { box-shadow: 0 0 0 9px rgba(27,156,108,0); } }
@keyframes protocol-particle { 0%,100% { transform: translateY(0) scale(.8); opacity: .45; } 50% { transform: translateY(-18px) scale(1.1); opacity: 1; } }

.home-features { margin-top: -1px; background: #eef3f9; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.feature-card { min-height: 285px; }.feature-card.featured { color: #fff; border: 0; background: linear-gradient(145deg, var(--navy-900), #103d70); }
.feature-card.featured h3 { color: #fff; }.feature-card.featured p { color: #adbed1; }.feature-card.featured .card-number { color: #8ec7ff; }
.feature-link { margin-top: 23px; display: inline-flex; align-items: center; gap: 8px; color: var(--blue-600); font-size: 11px; font-weight: 800; }.featured .feature-link { color: #fff; }

.home-about-image { position: relative; min-height: 480px; overflow: hidden; border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(6,20,36,.14), rgba(18,103,196,.03)), url("../../images/home-evidence.webp") center/cover no-repeat; box-shadow: var(--shadow-lg); }
.home-about-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(6,20,36,.72), transparent 60%); }
.image-caption { position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 27px; color: #fff; }.image-caption strong { display: block; font-size: 16px; }.image-caption small { display: block; margin-top: 5px; color: #c2d2e2; font-size: 9px; }
.home-about-list { margin-top: 30px; display: grid; gap: 13px; list-style: none; }
.home-about-list li { display: flex; gap: 12px; align-items: flex-start; color: #3c4f65; font-size: 13px; }.home-about-list i { width: 23px; height: 23px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #fff; background: var(--blue-600); font-size: 10px; font-style: normal; }

.owner-preview { background: #fff; }
.owner-card { overflow: hidden; border-radius: var(--radius-lg); color: #fff; background: var(--navy-900); box-shadow: var(--shadow-lg); }
.owner-card-main { min-height: 315px; padding: 42px; display: grid; grid-template-columns: 140px 1fr; gap: 35px; align-items: center; }
.owner-card-main > img { width: 135px; height: 135px; object-fit: contain; filter: drop-shadow(0 15px 20px rgba(0,0,0,.28)); }
.owner-card h3 { margin-bottom: 13px; font-size: 25px; }.owner-card p { margin-bottom: 18px; color: #aabdd0; font-size: 12px; line-height: 1.75; }.owner-meta { display: flex; gap: 12px; }.owner-meta span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; color: #d9e7f3; font-size: 9px; }
.owner-card-note { min-height: 88px; padding: 20px 34px; display: flex; align-items: center; gap: 16px; color: var(--navy-900); background: #eaf4ff; }.owner-card-note img { width: 34px; height: 38px; }.owner-card-note strong { display: block; font-size: 11px; }.owner-card-note small { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }

@media (max-width: 1000px) { .home-hero-content { width: 72%; }.hero-badge { right: 25px; width: 245px; }.protocol-showcase-grid { grid-template-columns: 1fr; }.protocol-showcase-copy { max-width: 720px; }.protocol-stage { width: min(700px,100%); margin: 0 auto; }.feature-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 720px) { .home-hero { min-height: 760px; align-items: flex-end; }.home-hero::before { background: linear-gradient(180deg, rgba(4,15,29,.15), rgba(4,15,29,.96) 63%), url("../../images/main-board.png") 62% top/auto 420px no-repeat, var(--navy-900); }.home-hero-content { width: 100%; padding: 330px 0 58px; }.home-hero-stats { grid-template-columns: repeat(3,1fr); }.hero-badge { display: none; }.protocol-stage { min-height: 500px; }.protocol-orbit-outer { width: 450px; height: 450px; }.protocol-orbit-inner { width: 340px; height: 340px; }.protocol-card { width: 88%; padding: 21px; transform: none; animation: none; }.protocol-browser { height: 190px; }.protocol-scan-line { animation-name: protocol-scan-mobile; }.protocol-protected { left: -3px; bottom: 28px; }.protocol-timer { right: -3px; top: 42px; }.feature-grid { grid-template-columns: 1fr; }.owner-card-main { grid-template-columns: 1fr; }.owner-card-main > img { width: 105px; height: 105px; }.home-about-image { min-height: 370px; } }
@keyframes protocol-scan-mobile { 0%,100% { transform: translateY(0); opacity: .2; } 50% { transform: translateY(153px); opacity: 1; } }
@media (max-width: 460px) { .home-hero-stats { grid-template-columns: 1fr; }.home-hero { min-height: 840px; }.owner-meta { flex-direction: column; }.owner-card-main { padding: 28px; }.owner-card-note { padding: 18px 24px; } }