*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
  :root{
    --ink:#04050a;
    --surface:#0c0e14;
    --surface-raised:#12151d;
    --surface-card:#161922;
    --border:rgba(255,255,255,.07);
    --border-strong:rgba(255,255,255,.12);
    --text:#f4f6fa;
    --text-secondary:#9aa3b8;
    --text-muted:#5c6478;
    --accent:#c9d1dc;
    --accent-2:#e8ecf2;
    --accent-glow:rgba(210,218,230,.28);
    --kehribar:#d4a84b;
    --kehribar-2:#f0cc6a;
    --pro:#d4a84b;
    --pro-2:#f0cc6a;
    --pro-deep:#b8860b;
    --pro-glow:rgba(212,168,75,.28);
    --pro-soft:rgba(212,168,75,.12);
    --brand:#10b981;
    --brand-glow:rgba(16,185,129,.22);
    --cyan:#22d3ee;
    --cyan-glow:rgba(34,211,238,.22);
    --radius:.65rem;
    --radius-lg:1rem;
    --radius-xl:1.25rem;
    --ease:cubic-bezier(.22,1,.36,1);
    --font:'Inter',system-ui,sans-serif;
    --font-display:'Space Grotesk',var(--font)
  }
  html{-webkit-font-smoothing:antialiased}
  body{
    font-family:var(--font);
    background:var(--ink);
    color:var(--text);
    min-height:100dvh;
    line-height:1.45
  }
  body::before{
    content:'';
    position:fixed;
    inset:0;
    background:
      radial-gradient(ellipse 50% 40% at 8% 12%,rgba(212,168,75,.11),transparent 55%),
      radial-gradient(ellipse 48% 42% at 92% 18%,rgba(34,211,238,.09),transparent 52%),
      radial-gradient(ellipse 55% 45% at 70% 88%,rgba(16,185,129,.07),transparent 58%),
      radial-gradient(ellipse 80% 50% at 50% 100%,rgba(16,185,129,.04),transparent 60%);
    pointer-events:none;
    animation:ambPulse 12s ease-in-out infinite alternate
  }
  @keyframes ambPulse{
    from{opacity:.85;filter:saturate(1)}
    to{opacity:1;filter:saturate(1.15)}
  }
  body::after{
    content:'';
    position:fixed;
    inset:0;
    opacity:.4;
    background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1px);
    background-size:26px 26px;
    pointer-events:none;
    mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,#000 15%,transparent 72%)
  }
  @media(prefers-reduced-motion:reduce){
    body::before{animation:none}
  }
  .page{
    position:relative;
    z-index:1;
    width:min(1180px,100%);
    margin:0 auto;
    padding:clamp(1.25rem,3vh,2rem) clamp(1rem,3vw,2rem);
    display:flex;
    flex-direction:column;
    align-items:center
  }
  .kayit-basla-page.page{
    flex:1;
    justify-content:center;
    min-height:0;
    width:100%;
    max-width:72rem
  }
  .topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    margin-bottom:clamp(.4rem,1vh,.6rem);
    flex-shrink:0;
    width:100%;
    max-width:1140px
  }
  .topbar-left{display:flex;align-items:center;gap:.75rem;min-width:0}
  .topbar-back{font-size:.72rem;font-weight:600;color:var(--text-muted);text-decoration:none;white-space:nowrap}
  .topbar-back:hover{color:var(--text)}
  .logo{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    font-weight:800;
    font-size:1rem;
    letter-spacing:-.02em;
    color:var(--text);
    text-decoration:none
  }
  .topbar-link{
    font-size:.72rem;
    font-weight:600;
    color:var(--text-secondary);
    text-decoration:none;
    white-space:nowrap;
    transition:color .2s
  }
  .topbar-link:hover{color:var(--text)}
  .shell{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:clamp(1.35rem,3vh,2rem);
    max-width:68rem;
    width:100%;
    margin:0 auto
  }
  @media(min-width:860px){
    .shell{
      flex-direction:row;
      align-items:center;
      justify-content:center;
      gap:clamp(1.75rem,3.5vw,2.75rem)
    }
  }
  .intro-col{
    position:relative;
    width:100%;
    flex-shrink:0;
    isolation:isolate
  }
  .intro-glow{
    position:absolute;
    width:14rem;
    height:14rem;
    top:-3rem;
    left:-4rem;
    border-radius:50%;
    background:radial-gradient(circle,rgba(212,168,75,.22),rgba(34,211,238,.08) 45%,transparent 70%);
    filter:blur(8px);
    pointer-events:none;
    z-index:-1;
    animation:introOrb 8s ease-in-out infinite alternate
  }
  @keyframes introOrb{
    from{transform:translate(0,0) scale(1);opacity:.7}
    to{transform:translate(1.2rem,.8rem) scale(1.12);opacity:1}
  }
  @media(prefers-reduced-motion:reduce){
    .intro-glow{animation:none}
  }
  @media(min-width:860px){
    .intro-col{
      width:min(40%,22.5rem);
      text-align:left;
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding-top:0
    }
  }
  @media(max-width:859px){
    .intro-col{text-align:center}
    .intro-glow{left:calc(50% - 7rem)}
  }
  .intro-col .eyebrow,
  .intro-col h1,
  .intro-col .intro-lead,
  .intro-col .intro-steps,
  .intro-col .trust,
  .intro-col .intro-foot{
    animation:introIn .7s var(--ease) both
  }
  .intro-col .eyebrow{animation-delay:.04s}
  .intro-col h1{animation-delay:.1s}
  .intro-col .intro-lead{animation-delay:.16s}
  .intro-col .intro-steps{animation-delay:.22s}
  .intro-col .trust{animation-delay:.28s}
  .intro-col .intro-foot{animation-delay:.34s}
  .plans-col{
    animation:introIn .75s var(--ease) .18s both
  }
  @keyframes introIn{
    from{opacity:0;transform:translate3d(0,.85rem,0)}
    to{opacity:1;transform:none}
  }
  @media(prefers-reduced-motion:reduce){
    .intro-col .eyebrow,
    .intro-col h1,
    .intro-col .intro-lead,
    .intro-col .intro-steps,
    .intro-col .trust,
    .intro-col .intro-foot,
    .plans-col{animation:none}
  }
  .intro-col .trust{
    text-align:left
  }
  @media(max-width:859px){
    .intro-col .trust{
      max-width:28rem;
      margin-left:auto;
      margin-right:auto
    }
  }
  .intro-foot{justify-content:flex-start}
  @media(max-width:859px){.intro-foot{justify-content:center}}
  .intro-col--compact .lead{display:none}
  .intro-lead{
    font-size:.9rem;
    color:var(--text-secondary);
    line-height:1.5;
    margin:0 0 1rem;
    max-width:22rem
  }
  @media(max-width:859px){
    .intro-lead{margin-left:auto;margin-right:auto}
  }
  .intro-steps{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
    list-style:none;
    margin:0 0 1.05rem;
    padding:0
  }
  @media(max-width:859px){
    .intro-steps{justify-content:center}
  }
  .intro-step{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.35rem .65rem .35rem .4rem;
    border-radius:999px;
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.02em;
    color:var(--text-muted);
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08)
  }
  .intro-step span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.25rem;
    height:1.25rem;
    border-radius:50%;
    font-size:.62rem;
    font-weight:800;
    background:rgba(255,255,255,.06);
    color:var(--text-secondary)
  }
  .intro-step.is-active{
    color:var(--text);
    background:linear-gradient(135deg,rgba(212,168,75,.16),rgba(34,211,238,.08));
    border-color:rgba(212,168,75,.35);
    box-shadow:0 0 0 1px rgba(212,168,75,.08),0 8px 24px rgba(212,168,75,.1)
  }
  .intro-step.is-active span{
    background:linear-gradient(135deg,var(--pro-2),var(--pro));
    color:var(--ink)
  }
  .trust--compact{
    gap:.55rem;
    margin-bottom:.85rem
  }
  .trust--compact li{
    font-size:.82rem;
    color:var(--text-secondary)
  }
  .trust-chip{
    display:flex;
    align-items:flex-start;
    gap:.6rem;
    padding:.7rem .8rem;
    border-radius:var(--radius-lg);
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)
  }
  .trust-chip:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.05)
  }
  .trust-chip svg{
    margin-top:.15rem;
    flex-shrink:0
  }
  .trust-chip div{
    display:flex;
    flex-direction:column;
    gap:.12rem;
    min-width:0
  }
  .trust-chip strong{
    font-size:.78rem;
    font-weight:800;
    letter-spacing:-.01em;
    color:var(--text)
  }
  .trust-chip span{
    font-size:.74rem;
    color:var(--text-secondary);
    line-height:1.4
  }
  .trust-chip--pro{
    border-color:rgba(212,168,75,.22);
    background:linear-gradient(135deg,rgba(212,168,75,.09),rgba(255,255,255,.02))
  }
  .trust-chip--pro svg{color:var(--pro-2)}
  .trust-chip--pro:hover{border-color:rgba(212,168,75,.4)}
  .trust-chip--ent{
    border-color:rgba(34,211,238,.22);
    background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(255,255,255,.02))
  }
  .trust-chip--ent svg{color:var(--cyan)}
  .trust-chip--ent:hover{border-color:rgba(34,211,238,.4)}
  .plans-col{width:100%;flex:1;min-width:0}
  @media(min-width:860px){
    .plans-col{flex:1;min-width:0;max-width:46rem}
  }
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    font-size:.7rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--kehribar-2);
    margin-bottom:.65rem
  }
  .eyebrow::before{
    content:'';
    width:1.5rem;
    height:1.5px;
    background:linear-gradient(90deg,transparent,var(--kehribar-2),var(--cyan))
  }
  h1{
    font-family:var(--font-display);
    font-size:clamp(1.7rem,3.8vh,2.35rem);
    font-weight:700;
    letter-spacing:-.035em;
    line-height:1.08;
    margin-bottom:.55rem
  }
  h1 span{
    background:linear-gradient(115deg,#fff 8%,var(--pro-2) 42%,var(--cyan) 92%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent
  }
  .lead{
    font-size:.9rem;
    color:var(--text-secondary);
    line-height:1.55;
    margin:0 0 .8rem
  }
  @media(max-width:859px){
    .lead{max-width:26rem;margin-left:auto;margin-right:auto}
  }
  .trust{
    display:flex;
    flex-direction:column;
    gap:.35rem;
    list-style:none;
    margin-bottom:.65rem
  }
  .trust li{
    display:flex;
    align-items:flex-start;
    gap:.5rem;
    font-size:.76rem;
    color:var(--text-muted);
    line-height:1.45
  }
  .trust li svg{
    flex-shrink:0;
    margin-top:.1rem;
    color:var(--brand)
  }
  .intro-foot{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem .75rem;
    font-size:.74rem;
    color:var(--text-muted)
  }
  .plans-panel{
    position:relative;
    background:
      linear-gradient(165deg,rgba(22,25,34,.94),rgba(12,14,20,.9)),
      radial-gradient(ellipse 80% 60% at 20% 0%,rgba(212,168,75,.08),transparent 55%),
      radial-gradient(ellipse 70% 50% at 90% 100%,rgba(34,211,238,.07),transparent 50%);
    border:1px solid rgba(255,255,255,.12);
    border-radius:var(--radius-xl);
    padding:clamp(1.15rem,2.4vh,1.65rem) clamp(1.1rem,2.2vw,1.55rem);
    box-shadow:
      0 28px 80px rgba(0,0,0,.45),
      0 0 0 1px rgba(212,168,75,.06),
      inset 0 1px 0 rgba(255,255,255,.06)
  }
  .plans-panel::before{
    content:'';
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(135deg,rgba(212,168,75,.35),transparent 40%,transparent 60%,rgba(34,211,238,.3));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
    opacity:.7
  }
  .plans-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1rem;
    padding-bottom:.75rem;
    border-bottom:1px solid var(--border)
  }
  .plans-panel-head h2{
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--text-secondary)
  }
  .plans-panel-head p{
    font-size:.76rem;
    color:var(--text-muted);
    text-align:right;
    line-height:1.5;
    max-width:16rem
  }
  @media(max-width:559px){
    .plans-panel-head{
      flex-direction:column;
      align-items:flex-start;
      gap:.35rem
    }
    .plans-panel-head p{text-align:left;max-width:none}
  }
  #kayit-kapali{
    display:none;
    padding:.85rem 1rem;
    border-radius:var(--radius);
    font-size:.8rem;
    font-weight:600;
    color:#f87171;
    background:rgba(239,68,68,.08);
    border:1px solid rgba(239,68,68,.18);
    margin-bottom:1rem
  }
  #kayit-kapali a{color:var(--accent);font-weight:700}
  .google-giris-bilgi{
    display:none;
    padding:.85rem 1rem;
    border-radius:var(--radius);
    font-size:.82rem;
    line-height:1.5;
    color:var(--kehribar-2);
    background:rgba(212,168,75,.1);
    border:1px solid rgba(212,168,75,.22);
    margin-bottom:1rem
  }
  .google-giris-bilgi:not([hidden]){display:block}
  .google-giris-bilgi strong{color:var(--text);font-weight:700}
  .plan-list{display:flex;flex-direction:column;gap:1rem;width:100%}
  .plan-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
    width:100%;
    align-items:stretch
  }
  .kayit-basla-page .plan-grid{
    max-width:100%
  }
  @media(min-width:860px){
    .kayit-basla-page .plan-grid{
      grid-template-columns:1fr 1fr;
      gap:1rem
    }
    .plans-col{max-width:46rem}
  }
  @media(min-width:980px){
    .kayit-basla-page .shell{max-width:78rem}
    .plans-col{max-width:52rem}
  }
  .plan-opt{
    position:relative;
    display:grid;
    grid-template-columns:auto 1fr auto;
    grid-template-rows:auto auto auto;
    column-gap:.85rem;
    row-gap:.35rem;
    align-items:start;
    text-decoration:none;
    color:inherit;
    padding:clamp(1rem,2vh,1.15rem) clamp(1rem,1.8vw,1.2rem);
    border-radius:var(--radius-lg);
    border:1px solid var(--border);
    background:var(--surface-card);
    transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
    overflow:hidden
  }
  .plan-opt::before{
    content:'';
    position:absolute;
    left:0;top:0;bottom:0;
    width:3px;
    background:var(--border-strong);
    transition:background .25s var(--ease)
  }
  .plan-opt:hover{
    border-color:rgba(210,218,230,.35);
    background:linear-gradient(135deg,rgba(210,218,230,.06),rgba(255,255,255,.02));
    transform:translateY(-2px);
    box-shadow:0 14px 40px rgba(0,0,0,.28)
  }
  .plan-opt:hover::before{background:linear-gradient(180deg,var(--accent-2),var(--accent))}
  .plan-opt:hover .plan-arrow{opacity:1;transform:translateX(0)}
  .plan-opt.highlight{
    border-color:rgba(210,218,230,.45);
    background:linear-gradient(135deg,rgba(210,218,230,.1),rgba(16,185,129,.04));
    box-shadow:0 0 0 1px rgba(210,218,230,.18),0 16px 48px rgba(210,218,230,.12)
  }
  .plan-opt.highlight::before{background:linear-gradient(180deg,var(--brand),var(--accent))}
  .plan-opt--featured{
    grid-template-columns:auto 1fr auto;
    padding:.85rem .9rem .85rem .9rem
  }
  .plan-badge--rec{
    color:var(--ink);
    background:linear-gradient(135deg,var(--accent-2),var(--accent));
    border-color:transparent;
    box-shadow:0 4px 14px var(--accent-glow)
  }
  .plan-icon{
    grid-row:1 / 4;
    width:2.5rem;
    height:2.5rem;
    border-radius:.8rem;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    border:1px solid var(--border-strong);
    background:rgba(255,255,255,.03)
  }
  .plan-icon svg{width:1.25rem;height:1.25rem}
  .plan-icon--trial{color:var(--brand);background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.22)}
  .plan-icon--salon{color:var(--accent);background:rgba(210,218,230,.1);border-color:rgba(210,218,230,.22)}
  .plan-icon--pro{color:var(--pro-2);background:var(--pro-soft);border-color:rgba(212,168,75,.28)}
  .plan-icon--enterprise{color:var(--cyan);background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.28)}
  .plan-opt--enterprise{
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto auto 1fr;
    column-gap:.85rem;
    row-gap:.4rem;
    cursor:default;
    padding:clamp(1rem,2vh,1.15rem) clamp(1rem,1.8vw,1.2rem);
    border-color:rgba(210,218,230,.22);
    height:100%;
    align-content:start
  }
  .plan-opt--enterprise .plan-icon{grid-row:1}
  .plan-opt--enterprise .plan-opt-head{grid-column:2;grid-row:1;align-self:center}
  .plan-opt--enterprise .plan-card-note,
  .plan-opt--enterprise .plan-ent-note{
    grid-column:1 / -1;
    grid-row:2;
    margin:0;
    min-height:2.4rem;
    font-size:.78rem;
    color:var(--text-secondary);
    line-height:1.45;
    display:flex;
    align-items:center
  }
  .plan-opt--enterprise .plan-ent-note strong{color:var(--cyan);font-weight:800}
  .plan-opt--enterprise .billing-toggle{
    grid-column:1 / -1;
    grid-row:3;
    position:relative;
    isolation:isolate;
    display:flex;
    gap:0;
    padding:.3rem;
    margin-top:.15rem;
    border-radius:999px;
    background:rgba(0,0,0,.34);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 4px 14px rgba(0,0,0,.28)
  }
  .plan-opt--enterprise .billing-toggle::after{
    content:'';
    position:absolute;
    top:.3rem;
    bottom:.3rem;
    left:.3rem;
    width:calc(50% - .3rem);
    border-radius:999px;
    background:linear-gradient(145deg,rgba(34,211,238,.2),rgba(210,218,230,.08));
    border:1px solid rgba(34,211,238,.38);
    box-shadow:0 4px 22px var(--cyan-glow,rgba(34,211,238,.22)),inset 0 1px 0 rgba(255,255,255,.14);
    transition:transform .38s cubic-bezier(.34,1.25,.64,1),box-shadow .32s var(--ease);
    z-index:0;
    pointer-events:none
  }
  .plan-opt--enterprise .billing-toggle[data-donem="yillik"]::after{
    transform:translateX(calc(100% + .3rem))
  }
  .plan-opt--enterprise .billing-opt.active span{color:var(--cyan)}
  .plan-opt--enterprise .billing-opt.active b{
    background:linear-gradient(120deg,#67e8f9,var(--cyan));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent
  }
  .plan-opt--enterprise .plan-pro-foot{
    grid-column:1 / -1;
    grid-row:4;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:.65rem;
    padding-top:.35rem;
    margin-top:auto;
    min-height:0;
    flex:1
  }
  .plan-opt--enterprise.highlight{
    border-color:rgba(34,211,238,.42);
    background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(210,218,230,.04));
    box-shadow:0 0 0 1px rgba(34,211,238,.16),0 16px 48px rgba(34,211,238,.1)
  }
  .plan-opt--enterprise.highlight::before{background:linear-gradient(180deg,var(--cyan),var(--accent))}
  .pro-cta--ent{
    color:var(--ink);
    background:linear-gradient(135deg,#e8ecf2,var(--accent) 55%,#8f9aad);
    box-shadow:0 6px 22px var(--accent-glow);
    border:none
  }
  .pro-cta--ent:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 28px rgba(34,211,238,.28)
  }
  .plan-opt-head{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:.45rem .55rem;
    grid-column:2;
    grid-row:1;
    min-height:2.1rem
  }
  .plan-opt-title{
    font-size:clamp(.92rem,1.7vw,1.02rem);
    font-weight:800;
    letter-spacing:-.02em;
    white-space:nowrap;
    line-height:1.2
  }
  .plan-badge{
    font-size:.58rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
    padding:.22rem .5rem;
    border-radius:999px;
    background:rgba(16,185,129,.14);
    color:var(--brand);
    border:1px solid rgba(16,185,129,.22)
  }
  .plan-badge.gold{
    background:rgba(210,218,230,.12);
    color:var(--accent);
    border-color:rgba(210,218,230,.25)
  }
  .plan-badge.amber,.plan-badge.violet{
    background:var(--pro-soft);
    color:var(--pro-2);
    border-color:rgba(212,168,75,.28)
  }
  .plan-opt-desc{
    grid-column:2;
    grid-row:2;
    font-size:.82rem;
    color:var(--text-secondary);
    line-height:1.55;
    max-width:none
  }
  .plan-opt-foot{
    grid-column:2;
    grid-row:3;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.45rem .75rem;
    margin-top:.15rem
  }
  .plan-price{
    font-size:.95rem;
    font-weight:800;
    letter-spacing:-.02em;
    color:var(--text)
  }
  .plan-price small{
    font-size:.78rem;
    font-weight:600;
    color:var(--text-muted)
  }
  .plan-meta{
    font-size:.76rem;
    color:var(--text-muted);
    font-weight:500
  }
  .plan-steps{
    display:inline-flex;
    align-items:center;
    gap:.25rem;
    font-size:.74rem;
    font-weight:600;
    color:var(--text-muted)
  }
  .plan-steps span:not(.dot){color:var(--text-secondary)}
  .plan-steps .dot{opacity:.35}
  .plan-arrow{
    grid-row:1 / 4;
    align-self:center;
    width:1.75rem;
    height:1.75rem;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.04);
    border:1px solid var(--border);
    color:var(--text-secondary);
    opacity:.55;
    transform:translateX(-4px);
    transition:opacity .25s var(--ease),transform .25s var(--ease),background .25s var(--ease)
  }
  .plan-arrow svg{width:.85rem;height:.85rem}
  .plan-divider::before,.plan-divider::after{
    content:'';
    flex:1;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--border-strong),transparent)
  }
  .plan-opt--pro{
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto auto 1fr;
    column-gap:.85rem;
    row-gap:.4rem;
    cursor:default;
    padding:clamp(1rem,2vh,1.15rem) clamp(1rem,1.8vw,1.2rem);
    height:100%;
    align-content:start
  }
  .plan-opt--pro .plan-icon{grid-row:1}
  .plan-opt--pro .plan-opt-head{grid-column:2;grid-row:1;align-self:center}
  .plan-opt--pro .plan-card-note,
  .plan-opt--pro .plan-opt-desc{
    grid-column:1 / -1;
    grid-row:2;
    margin:0;
    min-height:2.4rem;
    font-size:.78rem;
    color:var(--text-secondary);
    line-height:1.45;
    display:flex;
    align-items:center
  }
  .plan-opt--pro .billing-toggle{
    grid-column:1 / -1;
    grid-row:3;
    position:relative;
    isolation:isolate;
    display:flex;
    gap:0;
    padding:.3rem;
    margin-top:.15rem;
    border-radius:999px;
    background:rgba(0,0,0,.34);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 4px 14px rgba(0,0,0,.28)
  }
  .plan-opt--pro .billing-toggle::after{
    content:'';
    position:absolute;
    top:.3rem;
    bottom:.3rem;
    left:.3rem;
    width:calc(50% - .3rem);
    border-radius:999px;
    background:linear-gradient(145deg,rgba(240,204,106,.24),rgba(212,168,75,.1));
    border:1px solid rgba(212,168,75,.38);
    box-shadow:0 4px 22px var(--pro-glow),inset 0 1px 0 rgba(255,255,255,.14);
    transition:transform .38s cubic-bezier(.34,1.25,.64,1),box-shadow .32s var(--ease);
    z-index:0;
    pointer-events:none
  }
  .plan-opt--pro .billing-toggle[data-donem="yillik"]::after{
    transform:translateX(calc(100% + .3rem));
    box-shadow:0 6px 26px rgba(212,168,75,.38),inset 0 1px 0 rgba(255,255,255,.16)
  }
  .billing-opt{
    position:relative;
    z-index:1;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.18rem;
    padding:.62rem .45rem;
    border:none;
    border-radius:999px;
    background:transparent;
    color:var(--text-muted);
    font:inherit;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:color .24s var(--ease),transform .16s cubic-bezier(.34,1.2,.64,1)
  }
  .billing-opt:active{
    transform:scale(.96)
  }
  .billing-opt span{
    font-size:.58rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--text-muted)
  }
  .billing-opt em{
    font-style:normal;
    font-size:.58rem;
    font-weight:800;
    color:var(--brand);
    margin-left:.15rem
  }
  .billing-opt b{
    font-size:.88rem;
    font-weight:800;
    letter-spacing:-.02em;
    color:rgba(228,234,244,.75)
  }
  .billing-opt small{
    font-size:.66rem;
    font-weight:600;
    color:var(--text-muted)
  }
  .billing-opt.active{
    background:transparent;
    box-shadow:none
  }
  .plan-opt--pro .billing-opt.active span{color:var(--pro-2)}
  .plan-opt--pro .billing-opt.active b{
    background:linear-gradient(120deg,var(--pro-2),var(--pro));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent
  }
  .plan-opt--pro .billing-opt.active small{color:rgba(244,246,250,.58)}
  .plan-opt--pro .billing-opt:not(.active) b{color:rgba(228,234,244,.62)}
  .plan-opt--pro .plan-pro-foot{
    grid-column:1 / -1;
    grid-row:4;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:.65rem;
    padding-top:.35rem;
    margin-top:auto;
    min-height:0;
    flex:1
  }
  .ent-basla-stepper{
    display:flex;
    align-items:center;
    gap:.55rem;
    flex-wrap:wrap;
    min-height:2.85rem;
    padding:.45rem .65rem;
    border-radius:var(--radius);
    background:rgba(34,211,238,.08);
    border:1px solid rgba(34,211,238,.22)
  }
  .ent-basla-btn{
    width:2rem;
    height:2rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:.55rem;
    border:1px solid rgba(34,211,238,.35);
    background:rgba(0,0,0,.28);
    color:var(--cyan);
    font-size:1.05rem;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent
  }
  .ent-basla-btn:hover{
    background:rgba(34,211,238,.14);
    border-color:rgba(34,211,238,.5)
  }
  .ent-basla-stepper strong{
    min-width:1.5rem;
    text-align:center;
    font-size:1.05rem;
    font-weight:800;
    color:var(--text)
  }
  .ent-basla-label{
    margin-left:auto;
    font-size:.78rem;
    color:var(--text-secondary)
  }
  .ent-basla-label b{color:var(--cyan);font-weight:800}
  .plan-opt--pro .plan-pro-save-shell,
  .plan-opt--enterprise .ent-basla-stepper{
    flex-shrink:0
  }
  .plan-pro-save-shell{
    display:grid;
    grid-template-rows:0fr;
    min-height:2.85rem;
    transition:grid-template-rows .72s cubic-bezier(.16,1,.22,1),min-height .72s cubic-bezier(.16,1,.22,1)
  }
  .plan-pro-save-shell.is-open{
    grid-template-rows:1fr;
    min-height:0
  }
  .plan-pro-save-track{
    overflow:hidden;
    min-height:0
  }
  .plan-pro-save{
    padding:.7rem .85rem;
    border-radius:var(--radius);
    background:linear-gradient(145deg,rgba(212,168,75,.14),rgba(212,168,75,.06));
    border:1px solid rgba(212,168,75,.24);
    text-align:center;
    opacity:0;
    transform:translate3d(0,-.45rem,0) scale(.988);
    box-shadow:none;
    transition:
      opacity .5s cubic-bezier(.22,1,.36,1),
      transform .72s cubic-bezier(.16,1,.22,1),
      box-shadow .72s cubic-bezier(.16,1,.22,1),
      border-color .55s ease,
      background .55s ease
  }
  .plan-pro-save-shell.is-open .plan-pro-save{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    box-shadow:0 10px 32px rgba(212,168,75,.14),inset 0 1px 0 rgba(255,255,255,.06)
  }
  .plan-pro-save-shell:not(.is-open) .plan-pro-save{
    transition:
      opacity .34s cubic-bezier(.4,0,.65,1),
      transform .48s cubic-bezier(.55,0,1,.42),
      box-shadow .34s ease,
      border-color .34s ease,
      background .34s ease
  }
  .plan-pro-price-compare{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem .65rem;
    flex-wrap:wrap
  }
  .plan-pro-brut s{
    font-size:1.05rem;
    font-weight:800;
    color:#94a3b8;
    text-decoration:line-through;
    text-decoration-color:rgba(248,113,113,.85);
    text-decoration-thickness:2px;
    opacity:1
  }
  .plan-pro-arrow{
    font-size:.85rem;
    font-weight:800;
    color:var(--text-muted)
  }
  .plan-pro-net{
    font-size:1.2rem;
    font-weight:900;
    letter-spacing:-.02em;
    color:var(--pro-2);
    transition:transform .72s cubic-bezier(.16,1,.22,1),opacity .5s ease
  }
  .plan-pro-save-shell.is-open .plan-pro-net{
    transition-delay:.08s
  }
  .plan-pro-save-shell.is-open .plan-pro-brut s,
  .plan-pro-save-shell.is-open .plan-pro-arrow{
    animation:proSaveLineIn .68s cubic-bezier(.16,1,.22,1) both
  }
  .plan-pro-save-shell.is-open .plan-pro-save-note{
    animation:proSaveLineIn .78s cubic-bezier(.16,1,.22,1) .1s both
  }
  @keyframes proSaveLineIn{
    from{
      opacity:0;
      transform:translate3d(0,.35rem,0)
    }
    to{
      opacity:1;
      transform:translate3d(0,0,0)
    }
  }
  @media(prefers-reduced-motion:reduce){
    .plan-pro-save-shell{transition:none}
    .plan-pro-save,
    .plan-pro-net{
      transition:none;
      transform:none;
      opacity:1
    }
    .plan-pro-save-shell.is-open .plan-pro-brut s,
    .plan-pro-save-shell.is-open .plan-pro-arrow,
    .plan-pro-save-shell.is-open .plan-pro-save-note{
      animation:none
    }
  }
  .plan-pro-save-note{
    font-size:.72rem;
    color:var(--text-secondary);
    line-height:1.5;
    margin-top:.4rem
  }
  .plan-pro-save-note strong{color:var(--pro-2);font-weight:800}
  .plan-pro-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.35rem;
    padding:.78rem 1rem;
    border-radius:999px;
    font-size:.84rem;
    font-weight:800;
    text-decoration:none;
    text-align:center;
    line-height:1.35;
    color:var(--ink);
    background:linear-gradient(135deg,var(--pro-2),var(--pro) 55%,var(--pro-deep));
    box-shadow:0 6px 22px var(--pro-glow);
    transition:transform .22s var(--ease),box-shadow .22s;
    width:100%
  }
  .plan-pro-cta:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 28px rgba(212,168,75,.35)
  }
  .plan-opt--pro.highlight{
    border-color:rgba(212,168,75,.42);
    background:linear-gradient(135deg,rgba(212,168,75,.1),rgba(212,168,75,.04))
  }
  .plan-opt--pro .plan-arrow{display:none}
  .plan-opt--salon{
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto auto auto auto;
    cursor:default;
    padding:clamp(1rem,2vh,1.15rem) clamp(1rem,1.8vw,1.2rem)
  }
  .plan-opt--salon .plan-icon{grid-row:1 / 3}
  .plan-opt--salon .plan-opt-head{grid-column:2;grid-row:1}
  .plan-opt--salon .plan-opt-desc{grid-column:1 / -1;grid-row:3}
  .plan-opt--salon .salon-pricing{
    grid-column:1 / -1;
    grid-row:4;
    padding:.8rem .9rem;
    border-radius:var(--radius);
    background:rgba(0,0,0,.22);
    border:1px solid var(--border);
    margin-top:.35rem
  }
  .plan-opt--salon .salon-cta-row{
    grid-column:1 / -1;
    grid-row:5;
    display:grid;
    grid-template-columns:1fr;
    gap:.65rem;
    padding-top:.55rem;
    margin-top:auto
  }
  .salon-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.72rem .8rem;
    border-radius:var(--radius);
    font-size:.82rem;
    font-weight:800;
    text-decoration:none;
    text-align:center;
    line-height:1.35;
    transition:transform .22s var(--ease),box-shadow .22s,border-color .22s
  }
  .salon-cta--trial{
    color:var(--ink);
    background:linear-gradient(135deg,#e8ecf2,var(--accent) 55%,#8f9aad);
    box-shadow:0 6px 20px var(--accent-glow)
  }
  .salon-cta--trial:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(210,218,230,.32)}
  .salon-cta--pay{
    color:var(--text);
    background:rgba(255,255,255,.04);
    border:1px solid var(--border-strong)
  }
  .salon-cta--pay:hover{border-color:rgba(210,218,230,.4);background:rgba(210,218,230,.08)}
  .plan-opt--salon .plan-arrow{display:none}
  .plans-trial-note,
  .pro-trial-note{
    font-size:.74rem;
    color:var(--text-muted);
    line-height:1.55;
    padding:.75rem .9rem;
    border-radius:var(--radius);
    background:rgba(0,0,0,.2);
    border:1px solid rgba(212,168,75,.2);
    margin-top:.15rem
  }
  .plans-trial-note strong,
  .pro-trial-note strong{color:var(--pro-2);font-weight:700}
  .pro-cta-row{
    display:flex;
    flex-direction:column;
    gap:.65rem;
    width:100%;
    margin-top:auto
  }
  .pro-cta--ghost{
    visibility:hidden;
    pointer-events:none;
    user-select:none
  }
  .pro-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.78rem 1rem;
    border-radius:999px;
    font-size:.84rem;
    font-weight:800;
    text-decoration:none;
    text-align:center;
    line-height:1.35;
    transition:transform .22s var(--ease),box-shadow .22s,border-color .22s
  }
  .pro-cta--trial{
    color:var(--ink);
    background:linear-gradient(135deg,var(--pro-2),var(--pro) 55%,var(--pro-deep));
    box-shadow:0 6px 20px var(--pro-glow)
  }
  .pro-cta--trial:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(212,168,75,.35)}
  .pro-cta--pay{
    color:var(--text);
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,168,75,.28)
  }
  .pro-cta--pay:hover{border-color:rgba(212,168,75,.45);background:rgba(212,168,75,.08)}
  .plan-opt--pro .plan-opt-title span,
  .plan-opt--pro .plan-opt-title{
    color:var(--text)
  }
  .plan-opt--pro .plan-opt-title .plan-opt-title-pro{
    color:var(--pro-2)
  }
  @media(max-height:720px){
    .intro-lead{display:none}
    .intro-steps{margin-bottom:.65rem}
    .trust-chip{padding:.55rem .7rem}
  }
  .intro-foot a{
    color:var(--kehribar-2);
    font-weight:600;
    text-decoration:none
  }
  .intro-foot a:hover{color:#fde68a}