*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4d8ff0;--primary-dark:#0056d2;--primary-light:#0d1f3c;--primary-glow:#4d8ff026;--safety-pink:#ec4899;--safety-pink-light:#2a1219;--safety-pink-border:#6d2040;--success:#34c759;--warning:#ffd60a;--bg:#0a0a0a;--bg-soft:#111;--surface:#1a1a1a;--surface-hover:#222;--surface-elevated:#242424;--text-primary:#f5f5f5;--text-secondary:#8e8e93;--text-muted:#48484a;--border:#2a2a2a;--border-hover:#3a3a3a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080;--gradient-primary:linear-gradient(135deg, #0056d2, #4d8ff0);--gradient-surface:linear-gradient(180deg, #1a1a1a, #111);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}body{min-height:100vh;overflow-x:hidden}#root{width:100%}html{scroll-behavior:smooth}a{color:var(--primary);text-decoration:none}img{max-width:100%;display:block}.app{width:100%;overflow-x:hidden}.section{max-width:1200px;margin:0 auto;padding:100px 24px}.section--alt{background:var(--bg-soft)}.section--full{max-width:100%;padding-left:0;padding-right:0}.section__inner{max-width:1200px;margin:0 auto;padding:0 24px}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.section-title{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:640px;font-size:18px;line-height:1.7}.section-header{margin-bottom:56px}@media (width<=768px){.section{padding:64px 20px}.section-title{font-size:28px}.section-subtitle{font-size:16px}.section-header{margin-bottom:36px}}.login-wrapper{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:380px;padding:48px 36px}.login-icon{background:var(--primary-light);width:56px;height:56px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.login-title{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{text-align:left}.login-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.login-field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s}.login-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow,#4d8ff026)}.login-error{color:#ff453a;text-align:center;font-size:13px}.login-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:8px;padding:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:opacity .2s}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.6;cursor:not-allowed}.hero{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;background:radial-gradient(80% 60% at 50% -10%,#4d8ff01f,#0000),radial-gradient(50% 40% at 80% 80%,#ec489914,#0000);position:absolute;inset:0}.hero__content{z-index:1;text-align:center;max-width:800px;padding:40px 24px;position:relative}.hero__badges{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.hero__badge{background:var(--primary-light);color:var(--primary);border:1px solid #4d8ff033;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero__badge--registered{background:var(--safety-pink-light);color:var(--safety-pink);border-color:var(--safety-pink-border)}.hero__title{letter-spacing:-3px;background:linear-gradient(135deg,#4d8ff0 0%,#a5c8ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #4d8ff04d);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:80px;font-weight:900;line-height:1}.hero__tagline{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:12px;font-size:22px;font-weight:500}.hero__sub{color:var(--text-secondary);max-width:520px;margin:0 auto 40px;font-size:17px;line-height:1.7}.hero__cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero__btn{border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero__btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #4d8ff04d}.hero__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 24px #4d8ff080}.hero__btn--secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.hero__btn--secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.hero__scroll{margin-top:48px}.hero__scroll a{color:var(--text-muted);animation:2s infinite bounce;display:inline-flex}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@media (width<=768px){.hero__title{letter-spacing:-2px;font-size:48px}.hero__tagline{font-size:18px}.hero__sub{font-size:15px}}.problem-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.problem-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;border-left:3px solid var(--border);min-height:200px;padding:32px;transition:box-shadow .2s,transform .2s,border-color .2s}.problem-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.problem-card:first-child{border-left-color:var(--safety-pink)}.problem-card:nth-child(2){border-left-color:var(--primary)}.problem-card:nth-child(3){border-left-color:#ef4444}.problem-card:nth-child(4){border-left-color:#f59e0b}.problem-card__icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.problem-card__title{color:var(--text-primary);margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.4}.problem-card__desc{color:var(--text-secondary);font-size:14px;line-height:1.7}@media (width<=768px){.problem-grid{grid-template-columns:1fr}}.solution-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.solution-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;min-height:220px;padding:32px;transition:box-shadow .2s,transform .2s,border-color .2s}.solution-card:hover{box-shadow:var(--shadow-md), 0 0 0 1px var(--border-hover);border-color:var(--border-hover);transform:translateY(-2px)}.solution-card__top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.solution-card__icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.solution-card__status{border-radius:100px;padding:4px 10px;font-size:12px;font-weight:600}.solution-card__title{color:var(--text-primary);margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.4}.solution-card__desc{color:var(--text-secondary);font-size:14px;line-height:1.7}@media (width<=900px){.solution-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.solution-grid{grid-template-columns:1fr}}.arch-diagram{flex-direction:column;gap:0;margin-bottom:48px;display:flex}.arch-layer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;position:relative}.arch-layer__label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:16px;font-size:11px;font-weight:700}.arch-clients{justify-content:center;gap:16px;display:flex}.arch-client{border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);border:1px solid #4d8ff026;flex-direction:column;align-items:center;gap:4px;padding:16px 32px;font-size:14px;font-weight:600;display:flex}.arch-client small{color:var(--text-secondary);font-size:11px;font-weight:400}.arch-arrow{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;font-weight:500;display:flex}.arch-arrow__icon{color:var(--primary);transform:rotate(90deg)}.arch-gateway{text-align:center;background:linear-gradient(135deg, var(--primary-light), #4d8ff01a);border-radius:var(--radius-sm);color:var(--primary);border:1px solid #4d8ff026;padding:12px;font-size:14px;font-weight:600}.arch-layer--services{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow), inset 0 0 20px var(--primary-glow);border-width:2px}.arch-services-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.arch-service{border-radius:var(--radius-sm);background:var(--surface-elevated);border:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.arch-service:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover);transform:translateY(-1px)}.arch-service__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.arch-service__name{color:var(--text-primary);font-size:13px;font-weight:700}.arch-layer--bus{background:linear-gradient(90deg,#f59e0b08,#f59e0b14,#f59e0b08);border-color:#f59e0b40}.arch-bus{color:#fbbf24;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.arch-bus small{color:var(--text-secondary);border-left:1px solid var(--border);padding-left:8px;font-size:12px;font-weight:400}.arch-layer--infra{background:var(--bg-soft)}.arch-infra-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.arch-infra-item{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-primary);align-items:center;gap:10px;padding:14px;display:flex}.arch-infra-item strong{color:var(--text-primary);font-size:13px;display:block}.arch-infra-item small{color:var(--text-secondary);font-size:11px;display:block}.arch-bottom{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.arch-patterns,.arch-observability{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px}.arch-patterns h3,.arch-observability h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.arch-patterns ul{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.arch-patterns li{color:var(--text-secondary);background:var(--surface-elevated);border-left:3px solid var(--primary);border-radius:6px;padding:10px 14px;font-size:13px;font-weight:500}.arch-obs-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.arch-obs-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:6px;padding:12px 14px}.arch-obs-item strong{color:var(--text-primary);font-size:13px;display:block}.arch-obs-item small{color:var(--text-secondary);font-size:11px}.arch-mobile-stack{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:18px 22px;font-size:14px;display:flex}.arch-mobile-stack strong{color:var(--text-primary)}.arch-mobile-stack svg{color:var(--primary);flex-shrink:0}@media (width<=900px){.arch-services-grid,.arch-infra-grid{grid-template-columns:repeat(2,1fr)}.arch-bottom{grid-template-columns:1fr}.arch-bus{flex-wrap:wrap}.arch-bus small{border-left:none;padding-left:0}}@media (width<=600px){.arch-clients{flex-direction:column;align-items:stretch}.arch-services-grid,.arch-infra-grid,.arch-obs-grid{grid-template-columns:1fr}}.progress-list{flex-direction:column;gap:28px;margin-bottom:48px;display:flex}.progress-item__header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.progress-item__label{color:var(--text-primary);font-size:15px;font-weight:600}.progress-item__value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.progress-item__track{background:var(--surface-elevated);border:1px solid var(--border);border-radius:100px;width:100%;height:10px;margin-bottom:6px;overflow:hidden}.progress-item__fill{border-radius:100px;height:100%}.progress-item__detail{color:var(--text-secondary);font-size:13px;line-height:1.5}.progress-audit{background:var(--primary-light);border-radius:var(--radius-md);box-shadow:0 0 30px var(--primary-glow);border:1px solid #4d8ff033;align-items:center;gap:24px;padding:32px;display:flex}.progress-audit__score{color:var(--primary);flex-shrink:0;font-size:48px;font-weight:900;line-height:1}.progress-audit__score span{color:var(--text-secondary);font-size:24px;font-weight:500}.progress-audit__text strong{color:var(--text-primary);margin-bottom:4px;font-size:16px;display:block}.progress-audit__text p{color:var(--text-secondary);font-size:14px;line-height:1.5}@media (width<=600px){.progress-audit{text-align:center;flex-direction:column}}.services-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;min-height:220px;padding:32px;transition:box-shadow .2s,transform .2s,border-color .2s}.service-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.service-card__icon{border-radius:var(--radius-sm);background:var(--primary-light);width:44px;height:44px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:18px;display:flex}.service-card__title{color:var(--text-primary);margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.4}.service-card__desc{color:var(--text-secondary);margin-bottom:18px;font-size:14px;line-height:1.7}.service-card__tags{flex-wrap:wrap;gap:6px;display:flex}.service-card__tag{background:var(--primary-light);color:var(--primary);border:1px solid #4d8ff026;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600}@media (width<=768px){.services-grid{grid-template-columns:1fr}}.apps-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:40px;display:grid}.app-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;align-items:center;gap:24px;min-height:500px;padding:36px 28px;transition:border-color .2s,box-shadow .2s;display:flex}.app-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.phone-frame{width:200px;height:400px;box-shadow:var(--shadow-lg);background:#1a1a1a;border:3px solid #333;border-radius:28px;position:relative;overflow:hidden}.phone-notch{z-index:2;background:#1a1a1a;border-radius:0 0 14px 14px;width:80px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{border-radius:25px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.phone-header{color:#fff;text-align:center;padding:32px 16px 12px;font-size:14px;font-weight:700}.phone-map{background:#ffffff14;border-radius:8px;flex:1;margin:8px;position:relative;overflow:hidden}.phone-map__road{background:#ffffff0f;position:absolute}.phone-map__road--h{width:100%;height:2px;top:45%}.phone-map__road--v{width:2px;height:100%;left:55%}.phone-map__pin{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:35%;left:45%;box-shadow:0 2px 12px #0006}.phone-bottom-bar{background:#ffffff26;border-radius:100px;width:40%;height:4px;margin:8px auto 12px}.app-card__badge{color:#fff;border-radius:100px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.app-card__title{color:var(--text-primary);margin-bottom:16px;font-size:22px;font-weight:800}.app-card__features{text-align:left;width:100%;padding:0;list-style:none}.app-card__features li{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:8px 0 8px 16px;font-size:14px;line-height:1.6;position:relative}.app-card__features li:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.app-card__features li:last-child{border-bottom:none}.apps-tech{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.apps-tech__item{color:var(--text-secondary);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.apps-tech__item svg{color:var(--primary)}@media (width<=768px){.apps-grid{grid-template-columns:1fr}.phone-frame{width:170px;height:340px}.apps-tech{flex-direction:column;align-items:center}}.bmodel-metrics{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.bmodel-metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:32px;transition:box-shadow .2s,border-color .2s;display:flex}.bmodel-metric:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.bmodel-metric__icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.bmodel-metric__label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600}.bmodel-metric__value{margin-bottom:8px;font-size:32px;font-weight:900;line-height:1.2}.bmodel-metric__compare{color:var(--text-muted);font-size:13px}.bmodel-diff{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.bmodel-diff__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;min-height:180px;padding:32px;transition:border-color .2s,box-shadow .2s}.bmodel-diff__card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.bmodel-diff__icon{color:var(--primary);margin-bottom:14px}.bmodel-diff__card h3{color:var(--text-primary);margin-bottom:10px;font-size:16px;font-weight:700}.bmodel-diff__card p{color:var(--text-secondary);font-size:14px;line-height:1.7}@media (width<=768px){.bmodel-metrics,.bmodel-diff{grid-template-columns:1fr}}.timeline{max-width:700px;margin:0 auto;position:relative}.timeline__line{background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline__item{gap:24px;margin-bottom:40px;display:flex;position:relative}.timeline__item:last-child{margin-bottom:0}.timeline__dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.timeline__content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex:1;min-height:140px;padding:24px 28px;transition:box-shadow .2s,border-color .2s}.timeline__content:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)}.timeline__quarter{text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:13px;font-weight:700}.timeline__title{color:var(--text-primary);margin-bottom:10px;font-size:18px;font-weight:700}.timeline__desc{color:var(--text-secondary);margin-bottom:14px;font-size:14px;line-height:1.7}.timeline__status{border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}@media (width<=600px){.timeline__line{left:16px}.timeline__dot{width:32px;height:32px}.timeline__content{padding:16px}}.footer{background:var(--bg-soft);color:var(--text-secondary);border-top:1px solid var(--border);padding:48px 24px}.footer__inner{text-align:center;max-width:1200px;margin:0 auto}.footer__brand{margin-bottom:20px}.footer__logo{color:var(--text-primary);letter-spacing:-.5px;font-size:24px;font-weight:800}.footer__fantasy{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.footer__badges{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:28px;display:flex}.footer__badge{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.footer__copy{color:var(--text-muted);font-size:13px}