:root{
	  --bg: #0b0f14;
	    --bg2:#0e141c;
	      --card: rgba(255,255,255,.06);
	        --stroke: rgba(255,255,255,.10);
		  --text: rgba(255,255,255,.92);
		    --muted: rgba(255,255,255,.72);
		      --faint: rgba(255,255,255,.55);

		        --accent: #67e8f9; /* cyan */
			  --accent2:#60a5fa; /* blue */

			    --max: 1040px;
			      --pad: 22px;
			        --r: 18px;
			}

			*{ box-sizing:border-box; }
			html,body{ height:100%; }
			body{
				  margin:0;
				    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
				      color: var(--text);
				        background:
					    radial-gradient(1200px 800px at 15% -10%, rgba(96,165,250,.18), transparent 55%),
					        radial-gradient(1000px 700px at 90% 10%, rgba(103,232,249,.12), transparent 55%),
						    linear-gradient(180deg, var(--bg), var(--bg2));
					    }

					    a{ color: inherit; text-decoration:none; }
					    .wrap{ max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
					    .link{ color: var(--accent); }
					    .link:hover{ text-decoration: underline; }

					    .topbar{
						      position: sticky;
						        top:0;
							  z-index: 50;
							    background: rgba(11,15,20,.72);
							      backdrop-filter: blur(10px);
							        border-bottom: 1px solid rgba(255,255,255,.08);
							}
							.topbar__inner{
								  display:flex;
								    align-items:center;
								      justify-content: space-between;
								        gap: 14px;
									  padding: 14px 0;
								  }

								  .brand{
									    display:flex;
									      flex-direction: column;
									        gap: 2px;
										  min-width: 180px;
									  }
									  .brand__name{
										    font-weight: 700;
										      letter-spacing: -.2px;
									      }
									      .brand__sub{
										        font-weight: 500;
											  font-size: 12px;
											    color: var(--muted);
										    }

										    .nav{
											      display:flex;
											        gap: 10px;
												  flex-wrap: wrap;
												    align-items:center;
												      justify-content: flex-end;
											      }
											      .nav a{
												        font-size: 13px;
													  color: var(--muted);
													    padding: 8px 10px;
													      border-radius: 999px;
												      }
												      .nav a:hover{
													        background: rgba(255,255,255,.06);
														  color: var(--text);
													  }
													  .nav__cta{
														    border: 1px solid rgba(103,232,249,.22);
														      background: rgba(103,232,249,.08);
														        color: var(--text) !important;
														}

														.section{
															  padding: 54px 0;
															    border-top: 1px solid rgba(255,255,255,.08);
														    }

														    .section__head{
															      margin-bottom: 18px;
															        max-width: 80ch;
															}
															.section__title{
																  margin:0 0 10px;
																    font-size: 20px;
																      letter-spacing: -.2px;
															      }
															      .section__lead{
																        margin:0;
																	  color: var(--muted);
																	    font-size: 14px;
																	      line-height: 1.65;
																      }

																      /* HERO */
																      .hero{
																	        padding: 70px 0 54px;
																		  border-top: none;
																	  }
																	  .hero__grid{
																		    display:grid;
																		      grid-template-columns: 1.2fr .8fr;
																		        gap: 16px;
																			  align-items: start;
																		  }
																		  .pillrow{
																			    display:flex;
																			      gap: 10px;
																			        flex-wrap: wrap;
																				  margin-bottom: 16px;
																			  }
																			  .pill{
																				    display:inline-flex;
																				      align-items:center;
																				        gap: 8px;
																					  padding: 8px 12px;
																					    border-radius: 999px;
																					      background: rgba(255,255,255,.06);
																					        border: 1px solid rgba(255,255,255,.09);
																						  color: var(--muted);
																						    font-size: 13px;
																					    }
																					    .pill--ghost{
																						      background: rgba(255,255,255,.04);
																						        border: 1px solid rgba(255,255,255,.08);
																						}
																						.pill__dot{
																							  width: 8px;
																							    height: 8px;
																							      border-radius: 50%;
																							        background: linear-gradient(135deg, var(--accent2), var(--accent));
																								  box-shadow: 0 0 0 3px rgba(103,232,249,.12);
																							  }

																							  .hero__title{
																								    margin:0 0 14px;
																								      font-size: 48px;
																								        line-height: 1.05;
																									  letter-spacing: -1.1px;
																								  }
																								  .hero__lead{
																									    margin:0 0 18px;
																									      color: var(--muted);
																									        font-size: 18px;
																										  line-height: 1.6;
																										    max-width: 70ch;
																									    }
																									    .hero__cta{
																										      display:flex;
																										        gap: 12px;
																											  flex-wrap: wrap;
																											    align-items:center;
																											      margin-bottom: 14px;
																										      }

																										      .capabilities{
																											        display:flex;
																												  flex-wrap: wrap;
																												    gap: 10px;
																												      color: var(--faint);
																												        font-size: 13px;
																												}
																												.capabilities span{
																													  padding: 7px 10px;
																													    border-radius: 999px;
																													      border: 1px solid rgba(255,255,255,.09);
																													        background: rgba(255,255,255,.04);
																													}

																													/* Buttons */
																													.btn{
																														  display:inline-flex;
																														    align-items:center;
																														      justify-content:center;
																														        gap: 10px;
																															  padding: 12px 16px;
																															    border-radius: 999px;
																															      border: 1px solid rgba(255,255,255,.14);
																															        background: rgba(255,255,255,.06);
																																  color: var(--text);
																																    font-weight: 600;
																																      font-size: 14px;
																																        transition: transform .15s ease, background .15s ease, border-color .15s ease;
																																}
																																.btn:hover{
																																	  transform: translateY(-1px);
																																	    background: rgba(255,255,255,.09);
																																	      border-color: rgba(255,255,255,.22);
																																      }
																																      .btn--primary{
																																	        border: 1px solid rgba(103,232,249,.35);
																																		  background: linear-gradient(135deg, rgba(96,165,250,.25), rgba(103,232,249,.18));
																																	  }
																																	  .btn--primary:hover{
																																		    border-color: rgba(103,232,249,.55);
																																	    }
																																	    .btn--secondary{
																																		      background: rgba(255,255,255,.04);
																																		        border: 1px solid rgba(255,255,255,.12);
																																		}

																																		/* Panels & cards */
																																		.cards{
																																			  display:grid;
																																			    gap: 14px;
																																		    }
																																		    .cards--3{
																																			      grid-template-columns: repeat(3, 1fr);
																																		      }
																																		      .card{
																																			        padding: 16px;
																																				  border-radius: var(--r);
																																				    border: 1px solid rgba(255,255,255,.10);
																																				      background: rgba(255,255,255,.05);
																																				        box-shadow: 0 1px 0 rgba(255,255,255,.04) inset;
																																				}
																																				.card__title{
																																					  margin:0 0 8px;
																																					    font-size: 15px;
																																					      letter-spacing: -.1px;
																																				      }
																																				      .card__text{
																																					        margin:0 0 10px;
																																						  color: var(--muted);
																																						    font-size: 13px;
																																						      line-height: 1.6;
																																					      }

																																					      .bullets{
																																						        margin:0;
																																							  padding-left: 18px;
																																							    color: var(--muted);
																																							      font-size: 13px;
																																							        line-height: 1.65;
																																							}
																																							.bullets li{ margin: 4px 0; }

																																							.split{
																																								  display:grid;
																																								    grid-template-columns: 1.2fr .8fr;
																																								      gap: 14px;
																																								        align-items: start;
																																								}
																																								.panel{
																																									  padding: 16px;
																																									    border-radius: var(--r);
																																									      border: 1px solid rgba(255,255,255,.10);
																																									        background: rgba(255,255,255,.05);
																																									}
																																									.panel--muted{
																																										  background: rgba(255,255,255,.03);
																																										    border-color: rgba(255,255,255,.08);
																																									    }
																																									    .panel--highlight{
																																										      border-color: rgba(103,232,249,.22);
																																										        background: rgba(103,232,249,.06);
																																										}
																																										.panel__title{
																																											  margin:0 0 8px;
																																											    font-size: 15px;
																																										    }
																																										    .panel__text{
																																											      margin:0;
																																											        color: var(--muted);
																																												  font-size: 13px;
																																												    line-height: 1.7;
																																											    }
																																											    .panel__hint{
																																												      margin: 10px 0 0;
																																												        color: var(--faint);
																																													  font-size: 12.5px;
																																													    line-height: 1.6;
																																												    }

																																												    .checklist{
																																													      margin: 0;
																																													        padding-left: 18px;
																																														  color: var(--muted);
																																														    font-size: 13px;
																																														      line-height: 1.65;
																																													      }
																																													      .checklist li{ margin: 6px 0; }
																																													      .checklist--muted{ color: rgba(255,255,255,.60); }

																																													      .steps{
																																														        list-style: none;
																																															  padding: 0;
																																															    margin: 0;
																																															      display:grid;
																																															        gap: 10px;
																																															}
																																															.steps li{
																																																  display:flex;
																																																    gap: 12px;
																																																      align-items:flex-start;
																																																        padding: 12px;
																																																	  border-radius: 14px;
																																																	    border: 1px solid rgba(255,255,255,.09);
																																																	      background: rgba(255,255,255,.04);
																																																      }
																																																      .steps__nr{
																																																	        width: 26px;
																																																		  height: 26px;
																																																		    flex: 0 0 26px;
																																																		      border-radius: 10px;
																																																		        display:grid;
																																																			  place-items:center;
																																																			    background: rgba(103,232,249,.10);
																																																			      border: 1px solid rgba(103,232,249,.22);
																																																			        font-weight: 700;
																																																				  font-size: 12px;
																																																			  }
																																																			  .steps__title{
																																																				    font-weight: 700;
																																																				      font-size: 13px;
																																																				        margin-bottom: 2px;
																																																				}
																																																				.steps__text{
																																																					  color: var(--muted);
																																																					    font-size: 13px;
																																																					      line-height: 1.6;
																																																				      }

																																																				      .mini{
																																																					        margin-top: 12px;
																																																						  display:grid;
																																																						    grid-template-columns: auto 1fr;
																																																						      gap: 8px 12px;
																																																						        font-size: 13px;
																																																						}
																																																						.mini__k{ color: var(--faint); }
																																																						.mini__v{ color: var(--muted); }

																																																						.prose{
																																																							  margin: 0 0 10px;
																																																							    color: var(--muted);
																																																							      line-height: 1.75;
																																																						      }
																																																						      .prose:last-child{ margin-bottom: 0; }

																																																						      /* Hero card */
																																																						      .heroCard{
																																																							        padding: 16px;
																																																								  border-radius: var(--r);
																																																								    border: 1px solid rgba(255,255,255,.10);
																																																								      background: rgba(255,255,255,.05);
																																																							      }
																																																							      .heroCard__title{
																																																								        margin:0 0 8px;
																																																									  font-size: 15px;
																																																								  }
																																																								  .heroCard__text{
																																																									    margin:0 0 14px;
																																																									      color: var(--muted);
																																																									        font-size: 13px;
																																																										  line-height: 1.7;
																																																									  }
																																																									  .heroCard__list{
																																																										    display:grid;
																																																										      gap: 10px;
																																																									      }
																																																									      .heroCard__item{
																																																										        display:flex;
																																																											  justify-content: space-between;
																																																											    gap: 14px;
																																																											      padding: 10px 12px;
																																																											        border-radius: 14px;
																																																												  border: 1px solid rgba(255,255,255,.09);
																																																												    background: rgba(255,255,255,.04);
																																																											    }
																																																											    .heroCard__k{
																																																												      color: var(--faint);
																																																												        font-size: 12px;
																																																												}
																																																												.heroCard__v{
																																																													  color: var(--muted);
																																																													    font-size: 12.5px;
																																																													      text-align: right;
																																																												      }

																																																												      /* Form */
																																																												      .form{ display:grid; gap: 10px; }
																																																												      .form__row{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }

																																																												      .field{ display:grid; gap: 6px; }
																																																												      .field__label{ font-size: 12.5px; color: var(--faint); }

																																																												      input, textarea{
																																																													        width: 100%;
																																																														  border-radius: 14px;
																																																														    border: 1px solid rgba(255,255,255,.12);
																																																														      background: rgba(0,0,0,.22);
																																																														        color: var(--text);
																																																															  padding: 12px;
																																																															    outline: none;
																																																															      font: inherit;
																																																														      }
																																																														      textarea{ min-height: 140px; resize: vertical; }
																																																														      input:focus, textarea:focus{
																																																															        border-color: rgba(103,232,249,.35);
																																																																  box-shadow: 0 0 0 4px rgba(103,232,249,.10);
																																																															  }
																																																															  .fine{
																																																																    margin: 10px 0 0;
																																																																      color: var(--faint);
																																																																        font-size: 12.5px;
																																																																	  line-height: 1.6;
																																																																  }

																																																																  /* Footer */
																																																																  .footer{
																																																																	    border-top: 1px solid rgba(255,255,255,.08);
																																																																	      padding: 26px 0 44px;
																																																																	        margin-top: 18px;
																																																																		  color: var(--faint);
																																																																	  }
																																																																	  .footer__inner{
																																																																		    display:grid;
																																																																		      gap: 10px;
																																																																	      }
																																																																	      .footer__left .footer__brand{
																																																																		        font-weight: 700;
																																																																			  color: var(--text);
																																																																		  }
																																																																		  .footer__sub{
																																																																			    color: var(--muted);
																																																																			      font-size: 13px;
																																																																		      }
																																																																		      .footer__right{
																																																																			        display:flex;
																																																																				  gap: 10px;
																																																																				    align-items:center;
																																																																				      flex-wrap: wrap;
																																																																			      }
																																																																			      .footer__link{ color: var(--muted); }
																																																																			      .footer__link:hover{ color: var(--text); text-decoration: underline; }
																																																																			      .footer__sep{ color: rgba(255,255,255,.35); }
																																																																			      .footer__bottom{
																																																																				        margin-top: 8px;
																																																																					  font-size: 12.5px;
																																																																					    color: rgba(255,255,255,.55);
																																																																				    }

																																																																				    /* Responsive */
																																																																				    @media (max-width: 980px){
																																																																					      .hero__grid{ grid-template-columns: 1fr; }
																																																																					        .split{ grid-template-columns: 1fr; }
																																																																						  .cards--3{ grid-template-columns: 1fr; }
																																																																						    .form__row{ grid-template-columns: 1fr; }
																																																																						      .hero__title{ font-size: 38px; }
																																																																					      }