/* AI Hub Cloudflare Website — Replit landing design alignment, October 2026
   Informational preview only. No login, marketplace execution or purchase actions. */
.official-logo{display:inline-block;width:43px;height:43px;flex:0 0 43px;position:relative;border-radius:50%;overflow:hidden;background:#071727;border:1px solid rgba(78,201,255,.55);box-shadow:0 0 12px rgba(41,159,250,.16)}
.official-logo img{position:absolute;width:131%;height:auto;max-width:none;top:-19%;left:-18%;}
.brand .official-logo{width:46px;height:46px;flex-basis:46px}
.brand-strong{letter-spacing:.14em}
.brand-sub{letter-spacing:.12em}
body{background:#061422}
.header{background:rgba(5,18,32,.98);border-color:rgba(72,130,164,.18)}
.header-inner{min-height:76px}
.landing-v2{background:radial-gradient(ellipse 85% 470px at 90% 19%,rgba(13,59,96,.27),transparent 85%),#061727}
.landing-v2 .wrap{--width:1210px}
.builder-hero{border-bottom:1px solid rgba(95,160,202,.1);padding:65px 0 82px;}
.builder-hero-grid{display:grid;grid-template-columns:.90fr 1.10fr;gap:48px;align-items:center;min-height:570px}
.hero-copy{max-width:520px}
.product-id{display:flex;align-items:center;gap:12px;margin-bottom:29px;color:#f2f9ff}
.product-mark{width:60px;height:60px;flex-basis:60px}
.product-id strong{display:block;font-size:16px;font-weight:850;letter-spacing:.01em;line-height:1.4}
.product-id small{display:block;font-size:9px;letter-spacing:.20em;color:#9dbbd4;font-weight:850;margin-top:5px}
.product-id small b{color:#56cafa}
.code-eyebrow,.small-cap,.overline{font-size:11px;letter-spacing:.16em;font-weight:800;color:#72d7ed;text-transform:uppercase}
.code-eyebrow{display:flex;align-items:center;gap:12px;text-transform:none;letter-spacing:.20em;margin-bottom:25px}
.light-pin{width:6px;height:6px;display:inline-block;background:#67e6ee;border-radius:50%;box-shadow:0 0 13px rgba(84,226,251,.5)}
.hero-copy h1{font-size:clamp(2.6rem,4.35vw,4.95rem);max-width:560px;line-height:1.03;letter-spacing:-.064em;margin:10px 0 27px;font-weight:850;color:#eff6ff}
.builder-desc{font-size:16px;line-height:1.75;color:#9ebbd2;max-width:500px;margin-bottom:0}
.builder-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:29px}
.builder-primary{background:linear-gradient(115deg,#5ce6f5,#6fafff);border-color:#78d7fd;box-shadow:none;padding:14px 20px;font-size:14px}
.quiet-link{font-size:14px;font-weight:700;color:#d7e9f6;padding:12px 6px}
.quiet-link:hover{color:#69dafa}
.privacy-line{margin-top:31px;margin-bottom:8px;display:flex;gap:10px;font-size:12px;line-height:1.5;color:#91aec3}
.privacy-line span{color:#65e0ee}
.prelaunch-note{font-size:11px;max-width:440px;color:#7897b2;line-height:1.65}
.prelaunch-note strong{color:#9eb4c9;font-weight:600}
.product-visual{height:455px;border:1px solid #2c506e;background:linear-gradient(130deg,#091f34,#061727);border-radius:14px;overflow:hidden;box-shadow:0 20px 90px rgba(0,0,0,.16)}
.window-top{height:46px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #223c53;padding:0 15px;color:#8ba5c0;font-size:11px;letter-spacing:.02em}
.tiny-dots{display:flex;gap:5px}.tiny-dots i{width:6px;height:6px;border-radius:50%;background:#67819f;display:inline-block}
.demo-tag{margin-left:auto;color:#88d9ed;font-size:10px;display:flex;align-items:center;gap:5px}
.demo-tag .light-pin{width:4px;height:4px}
.window-content{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 46px)}
.window-sidebar{padding:19px 13px;border-right:1px solid #1b344d;background:rgba(5,19,33,.45)}
.mini-brand{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:42px}.tiny-mark{width:26px;height:26px;flex-basis:26px}
.fake-nav{display:flex;align-items:center;gap:10px;font-size:11px;color:#8fa6be;padding:12px 11px;border-radius:8px;margin:4px 0}
.fake-nav.selected{background:#123652;color:#e5f7ff}
.window-main{padding:48px 24px 25px}
.window-main .overline{color:#85a9c6;font-size:9px;letter-spacing:.19em}
.window-main h2{font-size:22px;line-height:1.2;letter-spacing:-.06em;margin:14px 0 7px}
.window-main>p{font-size:12px;margin:0;color:#a5bed0}
.window-tiles{display:grid;grid-template-columns:1fr .8fr;gap:10px;margin-top:30px}
.workspace-tile{min-height:137px;border:1px solid #284969;background:#0d263f;border-radius:11px;padding:16px 15px;color:#e2effb}
.workspace-tile.cyan{background:linear-gradient(125deg,#53e5ee,#76afff);border:1px solid #75c6fd;color:#052238}
.workspace-tile span{display:block;font-size:9px;font-weight:850;letter-spacing:.08em;line-height:1.3}
.workspace-tile strong{display:block;font-size:14px;line-height:1.25;margin:15px 0 7px}
.workspace-tile small{display:block;font-size:10px;line-height:1.4;opacity:.75}
.window-main .demo-disclaimer{margin-top:40px;display:flex;align-items:center;gap:8px;font-size:10px}
.demo-disclaimer .light-pin{width:5px;height:5px}
.projects-section{padding:70px 0 40px}
.projects-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:26px}
.projects-heading h2{font-size:clamp(1.75rem,3vw,2.65rem);max-width:580px;margin:12px 0 0;letter-spacing:-.04em}
.projects-heading>p{max-width:280px;font-size:14px;color:#9ab4ca;margin:0 0 4px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.project-item{min-height:102px;display:flex;gap:15px;border:1px solid #294f68;border-radius:12px;background:linear-gradient(130deg,rgba(13,37,60,.92),rgba(13,31,52,.97));padding:20px;align-items:center}
.project-item h3{font-size:16px;margin:0 0 5px;color:#e8f2ff}
.project-item p{font-size:12px;line-height:1.5;margin:0;color:#a0b6cb}
.project-glyph{width:43px;height:43px;flex:0 0 43px;display:flex;align-items:center;justify-content:center;font-size:19px;border-radius:12px;background:#0b324a}
.cyan-outline{color:#67e0f7;border:1px solid #236b8a}
.violet-outline{color:#bdadff;border:1px solid #545494;background:#222349}
.blue-outline{color:#9bc5ff;border:1px solid #3a5689;background:#152d4d}
.principles-section{padding:55px 0 88px}
.principles-section h2{font-size:clamp(1.75rem,3vw,2.35rem);margin:12px 0 24px}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.principle-card{background:#0d263e;border:1px solid #305272;border-radius:12px;padding:20px;min-height:175px;position:relative}
.princ-icon{width:48px;height:48px;display:grid;place-items:center;background:#103b57;border:1px solid #245e7d;border-radius:12px;font-size:24px;color:#65cfe9}
.princ-icon.violet-bg{color:#a18bfa;background:#25254c}
.principle-card>small{font-size:9px;position:absolute;top:34px;left:82px;font-weight:800;color:#80a6c2;letter-spacing:.12em}
.principle-card h3{font-size:16px;margin:19px 0 7px}
.principle-card p{font-size:13px;margin:0;line-height:1.6}
.v2-next .split{grid-template-columns:1.1fr .9fr}
.v2-next .panel h3{margin-top:15px}
@media (max-width:1080px){.builder-hero-grid{grid-template-columns:1fr;gap:25px;min-height:unset}.hero-copy{max-width:750px}.hero-copy h1{max-width:850px}.product-visual{max-width:770px}.projects-section{padding-top:50px}}
@media (max-width:740px){.builder-hero{padding:42px 0 50px}.product-mark{width:51px;height:51px;flex-basis:51px}.hero-copy h1{font-size:clamp(2.55rem,10vw,4rem);line-height:1.08;letter-spacing:-.06em}.builder-desc{font-size:15px}.builder-actions{align-items:stretch;gap:13px}.builder-actions .btn{width:100%}.projects-heading{display:block}.projects-heading>p{margin-top:14px}.project-grid,.principles-grid{grid-template-columns:1fr 1fr}.product-visual{height:405px}.window-content{grid-template-columns:108px 1fr}.window-sidebar{padding:15px 8px}.window-main{padding:36px 13px}.window-main h2{font-size:19px}.window-tiles{margin-top:22px}.workspace-tile{padding:12px;min-height:134px}.fake-nav{font-size:10px;padding:11px 5px}.v2-next .split{grid-template-columns:1fr}}
@media (max-width:530px){.project-grid,.principles-grid{grid-template-columns:1fr}.project-item{min-height:95px}.product-visual{height:380px}.window-content{grid-template-columns:74px 1fr}.window-sidebar{padding:11px 5px}.fake-nav span{display:none}.fake-nav{justify-content:center;font-size:18px}.mini-brand strong{display:none}.mini-brand{justify-content:center}.window-main{padding:26px 10px}.window-main h2{font-size:17px}.window-main>p{font-size:10px}.window-tiles{grid-template-columns:1fr 1fr;gap:6px}.workspace-tile{padding:10px 7px}.workspace-tile strong{font-size:12px}.workspace-tile small{font-size:9px}.workspace-tile span{font-size:8px}.window-main .demo-disclaimer{margin-top:18px}.product-id{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.landing-v2 *{scroll-behavior:auto!important}}