*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#030712;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.page-shell{color:#fff;background:#030712;width:100%;min-height:100vh;overflow-x:hidden}.hero-section{background:radial-gradient(circle at 82% 18%,#22d3ee1f,#0000 28%),radial-gradient(circle at 28% 75%,#0ea5e924,#0000 32%),linear-gradient(145deg,#020617 0%,#030712 46%,#07111f 100%);align-items:center;width:100%;min-height:100vh;padding:clamp(32px,5vw,72px);display:flex;position:relative;overflow:hidden}.grid-layer{pointer-events:none;opacity:.26;background-image:linear-gradient(#67e8f90f 1px,#0000 1px),linear-gradient(90deg,#67e8f90f 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 52% 44%,#000,#0000 72%);mask-image:radial-gradient(circle at 52% 44%,#000,#0000 72%)}.ambient{pointer-events:none;filter:blur(90px);border-radius:999px;position:absolute}.ambient-one{background:#22d3ee29;width:420px;height:420px;top:-120px;right:-120px}.ambient-two{background:#3b82f624;width:520px;height:520px;bottom:-240px;left:12%}.hero-content{z-index:2;grid-template-columns:minmax(0,1.02fr) minmax(360px,.88fr);align-items:center;gap:clamp(32px,6vw,76px);width:min(1180px,100%);margin:0 auto;display:grid;position:relative}.left-panel{max-width:720px}.eyebrow{color:#e0faff;letter-spacing:-.01em;background:#67e8f914;border:1px solid #67e8f959;border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:10px 18px;font-size:clamp(12px,1.5vw,14px);font-weight:700;display:inline-flex;box-shadow:0 0 32px #22d3ee1a}.eyebrow span{background:#fde68a;border-radius:999px;flex:none;width:10px;height:10px;box-shadow:0 0 18px #fde68af2}h1{color:#fff;opacity:1;letter-spacing:-.065em;text-shadow:0 0 12px #ffffff42,0 0 48px #67e8f92e;z-index:5;margin:44px 0 18px;font-size:clamp(48px,7vw,88px);font-weight:900;line-height:.95;position:relative}h2{color:#f8fafc;letter-spacing:-.035em;max-width:760px;margin:0;font-size:clamp(23px,2.8vw,34px);font-weight:780;line-height:1.12}.left-panel p{color:#cbd5e1;max-width:700px;margin:18px 0 0;font-size:clamp(16px,1.5vw,19px);font-weight:500;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-action,.secondary-action{cursor:pointer;border-radius:15px;height:52px;padding:0 26px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s}.primary-action{color:#06202a;background:#67e8f9;border:1px solid #67e8f9f2;box-shadow:0 0 34px #22d3ee5c}.secondary-action{color:#f8fafc;background:#0f172ac2;border:1px solid #94a3b873}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:610px;margin-top:44px;display:grid}.metric-row article{text-align:center;background:#0f172a8c;border:1px solid #94a3b842;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:20px 16px;display:flex}.metric-row strong{color:#fff;font-size:34px;line-height:1}.metric-row span{color:#cbd5e1;margin-top:8px;font-size:14px;font-weight:700}.right-panel{flex-direction:column;gap:24px;min-width:0;display:flex}.cube-card,.info-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0f172a8f,#020617b8);border:1px solid #94a3b840;border-radius:34px;box-shadow:inset 0 0 45px #22d3ee0b,0 30px 90px #00000047}.cube-card{justify-content:center;align-items:center;height:min(46vh,430px);min-height:340px;display:flex;position:relative;overflow:hidden}.node{background:#fde047;border-radius:999px;width:14px;height:14px;position:absolute;box-shadow:0 0 26px #facc15e6}.node-a{top:25%;left:24%}.node-b{background:#67e8f9;width:8px;height:8px;bottom:24%;right:18%;box-shadow:0 0 22px #67e8f9e6}.scene-3d{perspective:980px;width:230px;height:230px}.cube-3d{width:230px;height:230px;transform-style:preserve-3d;animation:22s linear infinite cube-spin;position:relative}.cube-3d:hover{animation-play-state:paused}.cube-face{color:#fff;text-align:center;cursor:pointer;backface-visibility:visible;background:radial-gradient(circle at 40% 25%,#67e8f947,#0891b233 42%,#082f496b);border:1px solid #67e8f98f;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:18px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 38px #67e8f929,0 0 24px #22d3ee24}.cube-face.active,.cube-face:hover{border-color:#fde047e0;box-shadow:inset 0 0 44px #fde04721,0 0 36px #fde0472e}.cube-face .face-label{color:#fde68a;letter-spacing:.22em;font-size:12px;font-weight:900}.cube-face strong{color:#fff;font-size:15px;line-height:1.2}.front{transform:translateZ(115px)}.back{transform:rotateY(180deg)translateZ(115px)}.right{transform:rotateY(90deg)translateZ(115px)}.left{transform:rotateY(-90deg)translateZ(115px)}.top{transform:rotateX(90deg)translateZ(115px)}.bottom{transform:rotateX(-90deg)translateZ(115px)}@keyframes cube-spin{0%{transform:rotateX(-16deg)rotateY(0)rotate(0)}to{transform:rotateX(-16deg)rotateY(360deg)rotate(0)}}.info-card{text-align:center;padding:28px}.info-card span{color:#fde68a;letter-spacing:.22em;font-size:13px;font-weight:900;display:inline-block}.info-card h3{color:#fff;letter-spacing:-.035em;margin:12px 0 8px;font-size:28px}.info-card h4{color:#f8fafc;max-width:460px;margin:0 auto;font-size:16px;line-height:1.55}.info-card p{color:#cbd5e1;max-width:500px;margin:18px auto 0;font-size:15px;line-height:1.75}@media (width<=980px){.hero-section{align-items:flex-start;padding:32px 22px 56px}.hero-content{grid-template-columns:1fr}.left-panel{max-width:none}.right-panel{width:100%}.cube-card{height:420px}}@media (width<=640px){.eyebrow{border-radius:18px;align-items:flex-start}h1{font-size:48px}h2{font-size:24px}.metric-row{grid-template-columns:1fr}.hero-actions{flex-direction:column}.primary-action,.secondary-action{width:100%}.scene-3d,.cube-3d{width:190px;height:190px}.front{transform:translateZ(95px)}.back{transform:rotateY(180deg)translateZ(95px)}.right{transform:rotateY(90deg)translateZ(95px)}.left{transform:rotateY(-90deg)translateZ(95px)}.top{transform:rotateX(90deg)translateZ(95px)}.bottom{transform:rotateX(-90deg)translateZ(95px)}}.section-buttons{flex-wrap:wrap;gap:10px;max-width:680px;margin-top:22px;display:flex}.section-button{color:#cbd5e1;cursor:pointer;background:#0f172a94;border:1px solid #94a3b852;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:750;transition:transform .16s,border-color .16s,color .16s,background .16s}.section-button:hover{color:#fff;background:#0f172ad1;border-color:#67e8f999;transform:translateY(-2px)}.section-button.active{color:#fde68a;background:#fde04714;border-color:#fde047b8}.architecture-section{color:#fff;background:radial-gradient(circle at 15% 20%,#22d3ee1a,#0000 28%),linear-gradient(#030712 0%,#06111f 100%);width:100%;padding:96px clamp(24px,5vw,72px)}.architecture-inner{width:min(1180px,100%);margin:0 auto}.section-heading{max-width:760px;margin-bottom:48px}.section-heading span{color:#fde68a;letter-spacing:.24em;margin-bottom:16px;font-size:13px;font-weight:900;display:inline-block}.section-heading h2{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.02}.section-heading p{color:#cbd5e1;margin:20px 0 0;font-size:18px;line-height:1.75}.architecture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.architecture-card{cursor:pointer;background:radial-gradient(circle at 30% 20%,#67e8f91a,#0000 34%),#0f172a94;border:1px solid #94a3b83d;border-radius:28px;min-height:230px;padding:28px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 0 30px #67e8f909,0 24px 70px #00000038}.architecture-card:hover{background:radial-gradient(circle at 30% 20%,#67e8f92e,#0000 38%),#0f172ac2;border-color:#67e8f98c;transform:translateY(-5px);box-shadow:inset 0 0 40px #67e8f90f,0 30px 90px #00000057}.architecture-card span{color:#fde68a;letter-spacing:.22em;margin-bottom:22px;font-size:12px;font-weight:900;display:inline-block}.architecture-card h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:26px;line-height:1.1}.architecture-card p{color:#cbd5e1;margin:18px 0 0;font-size:15px;line-height:1.65}@media (width<=980px){.architecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.architecture-section{padding:72px 22px}.architecture-grid{grid-template-columns:1fr}.architecture-card{min-height:auto}}