/* AIFormNote V46 — visual alignment with the real app UI.
   Landing-page only. Legal/support/delete pages intentionally untouched. */
.aiform-v46{
  --bg:#07111f;
  --bg2:#0a1627;
  --card:#101d31;
  --card2:#0c182a;
  --text:#f4f7fb;
  --muted:#9aa8bb;
  --line:rgba(148,166,193,.14);
  --accent:#22d6b3;
  --accent2:#0bb997;
  --accent-warm:#ffb45c;
  --accent-yellow:#f5d85f;
  --dark:#07111f;
  --shadow:0 28px 72px rgba(0,0,0,.34);
  --p40-accent:#22d6b3;
  --p40-muted:#a7b5c7;
  background:#07111f;
  color:#f4f7fb;
}
.aiform-v46::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(700px 500px at 84% 8%,rgba(34,214,179,.055),transparent 66%),
    radial-gradient(560px 420px at 5% 28%,rgba(71,111,166,.08),transparent 68%),
    linear-gradient(180deg,#07111f 0%,#081424 45%,#07111f 100%);
}
.aiform-v46 .site-header{background:rgba(7,17,31,.9);border-bottom-color:rgba(146,169,202,.12);box-shadow:0 10px 36px rgba(0,0,0,.15)}
.aiform-v46 .brand-mark{background:#0d2030;border:1px solid rgba(34,214,179,.22);box-shadow:none}
.aiform-v46 .brand-mark img{border-radius:8px}
.aiform-v46 .nav a,.aiform-v46 .footer a{color:#97a7bc}
.aiform-v46 .nav a:hover,.aiform-v46 .footer a:hover{color:#f3f7fb}
.aiform-v46 .language-switch{background:#0b1727;border-color:rgba(148,166,193,.12)}
.aiform-v46 .language-switch a{color:#8f9fb4}
.aiform-v46 .language-switch a[aria-current="page"]{background:#20d3b0;color:#05121a;box-shadow:none}
.aiform-v46 .studio-backlink{background:#0b1727;border-color:rgba(148,166,193,.12);color:#a6b5c7}
.aiform-v46 .btn{border-radius:12px}
.aiform-v46 .btn-primary{background:#22d6b3;color:#06141d;box-shadow:0 10px 30px rgba(34,214,179,.14)}
.aiform-v46 .btn-primary:hover{background:#35dfbf}
.aiform-v46 .btn-ghost{background:#0d1b2e;border-color:rgba(148,166,193,.16);color:#e7edf5}
.aiform-v46 .btn-ghost:hover{border-color:rgba(34,214,179,.28);background:#102137}

/* Hero: app-like navy, not a full green wash. */
.aiform-v46 .hero{position:relative;padding-top:64px;padding-bottom:74px;background:transparent}
.aiform-v46 .hero::after{content:"";position:absolute;inset:6% 3% auto auto;width:min(42vw,580px);height:72%;border-radius:50%;background:radial-gradient(circle,rgba(34,214,179,.09),rgba(34,214,179,.025) 42%,transparent 72%);filter:blur(8px);pointer-events:none}
.aiform-v46 .hero-grid{position:relative;z-index:1;gap:54px}
.aiform-v46 .eyebrow{color:#40dfc0;letter-spacing:.1em}
.aiform-v46 h1 span,.aiform-v46 h2 span{background:linear-gradient(90deg,#f2f6fb 0%,#b9d9d5 28%,#22d6b3 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.aiform-v46 .hero-text{color:#a8b5c7}
.aiform-v46 .trust-row{color:#9ba9ba}
.aiform-v46 .trust-social{color:#5de3c8!important}
.aiform-v46 .glow-a{background:#168f82;opacity:.15;filter:blur(80px)}
.aiform-v46 .p40-hero-phone .p40-zoom{border-color:#1a2a40;background:#0c1728;box-shadow:0 20px 45px rgba(0,0,0,.38)}
.aiform-v46 .p40-hero-phone figcaption{color:#8999ad}
.aiform-v46 .visual-badges span{background:#0c1829;border:1px solid rgba(145,165,192,.14);color:#aebbc9;box-shadow:none}
.aiform-v46 .visual-badges span:nth-child(2){border-color:rgba(34,214,179,.22);color:#80e8d3}
.aiform-v46 .p40-media-note{color:#75869c}

.aiform-v46 .logo-strip{background:#091626;border-color:rgba(145,165,192,.11)}
.aiform-v46 .logo-strip-inner{color:#7f90a6}
.aiform-v46 .logo-strip i{color:#30445e}

/* Core surfaces mirror the app cards. */
.aiform-v46 .section{background:transparent}
.aiform-v46 .section-alt{background:linear-gradient(180deg,rgba(14,29,49,.58),rgba(9,21,37,.72));border-color:rgba(145,165,192,.1)}
.aiform-v46 .feature-card,.aiform-v46 .wide-card,.aiform-v46 .detail-card,.aiform-v46 .faq-list details,.aiform-v46 .price-card,.aiform-v46 .how-cards article{
  background:linear-gradient(180deg,#101d31,#0c182a);
  border-color:rgba(145,165,192,.13);
  box-shadow:0 10px 32px rgba(0,0,0,.12);
}
.aiform-v46 .feature-card.featured,.aiform-v46 .price-card.best{
  background:linear-gradient(145deg,#122438,#0c1b2c);
  border-color:rgba(34,214,179,.24);
}
.aiform-v46 .feature-card .icon,.aiform-v46 .wide-card .icon{
  background:#0b2830;border-color:rgba(34,214,179,.19);color:#3fdfc0;
}
.aiform-v46 .feature-card p,.aiform-v46 .wide-card p,.aiform-v46 .detail-card p,.aiform-v46 .story-copy>p,.aiform-v46 .section-head p,.aiform-v46 .lead{color:#9ba9bb}
.aiform-v46 .feature-card h3,.aiform-v46 .wide-card h3,.aiform-v46 .detail-card h3{color:#f0f4f9}
.aiform-v46 .fact-list li{background:#0d1a2c;border-color:rgba(145,165,192,.12);color:#9eacbd}
.aiform-v46 .fact-list li:before{color:#26d6b5}
.aiform-v46 .fact-list b{color:#e9eef5}
.aiform-v46 .data-note{background:#0d1c2e;border-color:rgba(34,214,179,.18)}
.aiform-v46 .data-note strong{color:#47dfc2}.aiform-v46 .data-note span{color:#b7c3d1}
.aiform-v46 .insight-card{background:radial-gradient(circle at 82% 0,rgba(34,214,179,.07),transparent 38%),#0c182a;border-color:rgba(145,165,192,.14);box-shadow:var(--shadow)}
.aiform-v46 .status{background:rgba(34,214,179,.08);border-color:rgba(34,214,179,.18);color:#79e5d0}
.aiform-v46 .fake-button{background:#101f33;border-color:rgba(145,165,192,.14)}
.aiform-v46 .step{border-color:rgba(145,165,192,.12)}
.aiform-v46 .step>b{color:#3eddbf}

/* Real screenshots stay the visual focus. */
.aiform-v46 .app-shot-card{background:#0b1728;border-color:rgba(145,165,192,.17);box-shadow:0 26px 62px rgba(0,0,0,.28)}
.aiform-v46 .app-shot-card:after{background:rgba(34,214,179,.08)}
.aiform-v46 .app-shot-card .p40-zoom{border-color:#1a2940}
.aiform-v46 .app-shot-card figcaption{background:#0b1728;border-top-color:rgba(145,165,192,.1);color:#95a5b8}
.aiform-v46 .promo-gallery-section{background:#081424}
.aiform-v46 .promo-shot{background:#0c182a;border-color:rgba(145,165,192,.13);box-shadow:0 12px 34px rgba(0,0,0,.16)}
.aiform-v46 .p40-gallery .promo-shot .p40-zoom{background:#081322}
.aiform-v46 .p40-gallery .promo-shot figcaption{color:#a8b5c5;background:#0d1a2c;border-color:rgba(145,165,192,.1)}
.aiform-v46 .promo-gallery-scroll{scrollbar-color:rgba(34,214,179,.28) transparent}
.aiform-v46 .promo-gallery-scroll::-webkit-scrollbar-thumb{background:rgba(34,214,179,.25)}

/* Pricing uses app palette, with warm accent only for pricing progression. */
.aiform-v46 .badge{background:#22d6b3;color:#06141d}
.aiform-v46 .offer-step{background:#0d1a2c;border-color:rgba(145,165,192,.13)}
.aiform-v46 .offer-step.free{background:#102234;border-color:rgba(34,214,179,.22)}
.aiform-v46 .offer-step.intro{background:linear-gradient(135deg,rgba(255,180,92,.08),rgba(245,216,95,.03));border-color:rgba(255,180,92,.26)}
.aiform-v46 .offer-step.intro strong{color:#ffc16d}
.aiform-v46 .offer-step.renew{background:#0b1728}
.aiform-v46 .offer-arrow{color:#61748d}
.aiform-v46 .price-card.best{box-shadow:0 16px 44px rgba(0,0,0,.2)}
.aiform-v46 .pricing-note{color:#77899f}

/* Nela belongs later in the story and is visually quieter than the product. */
.aiform-v46 .nela-section{padding-top:62px;padding-bottom:62px;background:linear-gradient(180deg,#081424,#07111f)}
.aiform-v46 .nela-showcase{max-width:920px;grid-template-columns:minmax(0,1.15fr) minmax(250px,.72fr);border-color:rgba(145,165,192,.15);background:#0c182a;box-shadow:0 20px 58px rgba(0,0,0,.22)}
.aiform-v46 .nela-main{background:#0d1a2c}
.aiform-v46 .nela-overlay{padding:38px 40px}
.aiform-v46 .nela-overlay h2{font-size:clamp(32px,3.8vw,44px)}
.aiform-v46 .nela-overlay p{color:#a5b2c1;font-size:15px}
.aiform-v46 .nela-tags span,.aiform-v46 .nela-tags a{background:#091626;border-color:rgba(145,165,192,.14);color:#a9b6c6}
.aiform-v46 .nela-tags a{color:#53dfc4;border-color:rgba(34,214,179,.22)}
.aiform-v46 .nela-side figcaption{background:#091626;border-top-color:rgba(145,165,192,.12)}
.aiform-v46 .nela-side figcaption b{color:#f1f5f9}.aiform-v46 .nela-side figcaption span{color:#8292a7}

.aiform-v46 .cta-card{background:linear-gradient(145deg,#102034,#0b1728);border-color:rgba(34,214,179,.18);box-shadow:0 24px 64px rgba(0,0,0,.22)}
.aiform-v46 .footer{background:#050d18;border-top-color:rgba(145,165,192,.11)}

/* Responsive behavior is intentionally explicit because the product should read as a mobile app site. */
@media(max-width:900px){
  .aiform-v46 .hero-grid{grid-template-columns:1fr!important;gap:36px!important}
  .aiform-v46 .hero-copy{max-width:760px}
  .aiform-v46 .hero-visual{max-width:620px;width:100%;justify-self:center}
  .aiform-v46 .nela-showcase{grid-template-columns:1fr}
  .aiform-v46 .nela-side{max-width:520px;width:100%;justify-self:center}
}
@media(max-width:640px){
  .aiform-v46 .site-header{background:rgba(7,17,31,.96)}
  .aiform-v46 .hero{padding-top:30px;padding-bottom:42px}
  .aiform-v46 .hero::after{width:90vw;height:48%;right:-26%;top:30%}
  .aiform-v46 .hero h1{font-size:clamp(34px,9.2vw,46px);line-height:1.08}
  .aiform-v46 .hero-text{font-size:15px;line-height:1.7}
  .aiform-v46 .p40-hero-screens{gap:8px}
  .aiform-v46 .visual-badges{gap:6px}
  .aiform-v46 .visual-badges span{font-size:9px;padding:5px 8px}
  .aiform-v46 .nela-section{padding-top:44px;padding-bottom:44px}
  .aiform-v46 .nela-overlay{padding:26px 22px}
  .aiform-v46 .nela-side img{max-height:520px;background:#091626}
}