*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#111b2c;font-family:Manrope,Arial,sans-serif}.hub-shell{width:min(1180px,calc(100% - 40px));margin:auto}.hub-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e5e9ed}.header-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.hub-brand{display:flex;align-items:center;gap:12px;color:#10234e;text-decoration:none}.hub-brand img{width:52px;height:52px}.hub-brand strong,.hub-brand small{display:block}.hub-brand strong{line-height:.92;font-size:1.05rem}.hub-brand small{margin-top:4px;font-size:.7rem;letter-spacing:.2em;font-weight:800}.header-actions{display:flex;gap:10px}.header-actions a{padding:11px 16px;border:1px solid #dce2e8;border-radius:999px;color:#17223b;text-decoration:none;font-size:.82rem;font-weight:800}.header-actions a:last-child{background:#10234e;color:#fff;border-color:#10234e}.hub-hero{position:relative;overflow:hidden;padding:92px 0 88px;background:#0d1832;color:#fff}.hub-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 15%,rgba(18,187,178,.23),transparent 28%),radial-gradient(circle at 20% 100%,rgba(245,166,35,.18),transparent 28%)}.hero-inner{position:relative}.hub-kicker{display:inline-block;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hub-hero h1{max-width:950px;margin:18px 0;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.98;letter-spacing:-.055em}.hub-hero p{max-width:760px;margin:0;color:#cbd4e3;font-size:1.12rem;line-height:1.7}.hero-meta{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-meta span{padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.08);color:#e7edf6;font-size:.8rem}.demo-section{padding:80px 0 92px}.section-intro{max-width:720px;margin-bottom:34px}.section-intro>span,.eyebrow{color:#087f80;text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:850}.section-intro h2{margin:7px 0 10px;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em}.section-intro p{color:#677385}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-card{overflow:hidden;background:#fff;border:1px solid #e1e6ea;border-radius:24px;box-shadow:0 16px 45px rgba(17,27,44,.07);transition:.25s ease}.demo-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(17,27,44,.13)}.demo-image{height:270px;background-size:cover;background-position:center;position:relative}.demo-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,17,31,.58))}.demo-image>span{position:absolute;z-index:1;left:20px;bottom:18px;padding:6px 11px;background:#fff;border-radius:999px;font-size:.72rem;font-weight:850}.demo-copy{padding:26px}.demo-copy h3{margin:5px 0 10px;font-size:1.65rem}.demo-copy>p:not(.eyebrow){min-height:76px;color:#667386;line-height:1.62}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tags span{padding:5px 9px;border-radius:999px;background:#f0f3f5;color:#566273;font-size:.7rem;font-weight:700}.demo-copy>a{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-radius:12px;background:#10234e;color:#fff;text-decoration:none;font-weight:800}.theme-two .demo-copy>a{background:#1f5f3e}.theme-three .demo-copy>a{background:#b12b35}.theme-four .demo-copy>a{background:#3e6a57}footer{padding:28px 0;background:#0d1832;color:#9da9bd;font-size:.78rem}footer .hub-shell{display:flex;justify-content:space-between;gap:20px}
@media(max-width:760px){.hub-shell{width:min(100% - 28px,1180px)}.header-row{min-height:72px}.hub-brand img{width:44px;height:44px}.header-actions a{padding:10px 12px}.header-actions a:first-child{display:none}.hub-hero{padding:70px 0 65px}.hub-hero h1{font-size:2.75rem}.demo-section{padding:58px 0}.demo-grid{grid-template-columns:1fr}.demo-image{height:235px}.demo-copy>p:not(.eyebrow){min-height:0}footer .hub-shell{display:block}footer span{display:block;margin:5px 0}}