/* ── Portfolio Navigation Bar ───────────────── */
.pflio-bar {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 40px;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  background: rgba(10, 10, 20, 0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 13px;
  box-sizing: border-box;
}
.pflio-bar a {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  transition: color 0.2s ease;
  white-space: nowrap;
}
.pflio-bar a:hover { color: #ffffff; }
.pflio-bar a:focus-visible {
  outline: 2px solid rgba(255,255,255,0.5);
  outline-offset: 3px;
  border-radius: 3px;
}
.pflio-bar__back:hover .pflio-bar__arrow { margin-right: 4px; }
.pflio-bar__arrow { display: inline-block; transition: margin 0.2s ease; }
.pflio-bar__label {
  color: rgba(255, 255, 255, 0.45);
  font-size: 12px;
  letter-spacing: 0.02em;
  pointer-events: none;
}
.pflio-bar__diamond {
  color: rgba(255, 255, 255, 0.25);
  margin-right: 6px;
  font-size: 10px;
}
.pflio-bar__arrow-right {
  display: inline-block;
  transition: transform 0.2s ease;
  margin-left: 4px;
}
.pflio-bar__all:hover .pflio-bar__arrow-right { transform: translateX(3px); }
.pflio-bar__all-short { display: none; }

@media (max-width: 600px) {
  .pflio-bar { height: 44px; padding: 0 16px; }
  .pflio-bar__all-text { display: none; }
  .pflio-bar__all-short { display: inline; }
}
@media (max-width: 480px) {
  .pflio-bar__label { display: none; }
}
body { padding-top: 40px; }
@media (max-width: 600px) { body { padding-top: 44px; } }
/* ── End Portfolio Navigation Bar ───────────── */

/* ═══════════════════════════════════════════════
   TASKA — Landing Page
   Indigo + White · Space Grotesk + Inter
   CSS Mock UI dashboard — portfolio centrepiece
═══════════════════════════════════════════════ */
:root {
  --indigo:     #4F46E5;
  --indigo-lt:  #6366F1;
  --indigo-dk:  #3730A3;
  --indigo-xl:  #2E27A0;
  --indigo-bg:  #EEF2FF;
  --white:      #FFFFFF;
  --bg:         #F8F9FF;
  --text:       #1E1B4B;
  --text-muted: #6B7280;
  --border:     rgba(79,70,229,.14);
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-sans:  'Inter',system-ui,sans-serif;
  --header-h:   64px;
  --radius-sm:  8px; --radius-md:14px; --radius-lg:24px;
  --shadow-sm:  0 2px 10px rgba(0,0,0,.06);
  --shadow-md:  0 8px 28px rgba(0,0,0,.09);
  --shadow-indigo:0 6px 20px rgba(79,70,229,.3);
  --transition: 220ms ease;
  --sp-sm:1rem; --sp-md:1.5rem; --sp-lg:2.5rem; --sp-xl:4rem; --sp-2xl:6rem;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);font-size:clamp(.97rem,1.05vw,1.05rem);line-height:1.7;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font-family:inherit;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-100%;left:1rem;background:var(--indigo);color:var(--white);padding:.5em 1em;font-weight:700;z-index:9999;border-radius:0 0 6px 6px}
.skip-link:focus{top:0}
:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}
.container{width:min(92%,1240px);margin-inline:auto}
.eyebrow{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--indigo);margin-bottom:.75rem}
.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.15;color:var(--text);margin-bottom:var(--sp-md);letter-spacing:-.01em}
.section-sub{font-size:1.05rem;color:var(--text-muted);margin-bottom:var(--sp-md)}
.section{padding-block:var(--sp-2xl)}
.section--bg{background:var(--bg)}

/* HEADER */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.logo{display:flex;align-items:center;gap:.6rem}
.logo__name{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--text);letter-spacing:-.01em}
.btn--primary-sm{padding:.5em 1.25em;background:var(--indigo);color:var(--white);border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;transition:all var(--transition)}
.btn--primary-sm:hover{background:var(--indigo-lt)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8em 2em;font-family:var(--font-display);font-size:.97rem;font-weight:700;border:2px solid transparent;border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;cursor:pointer}
.btn--primary{background:var(--indigo);color:var(--white);border-color:var(--indigo)}
.btn--primary:hover,.btn--primary:focus-visible{background:var(--indigo-lt);border-color:var(--indigo-lt);transform:translateY(-2px);box-shadow:var(--shadow-indigo)}
.btn--outline{background:transparent;color:var(--indigo);border-color:var(--indigo)}
.btn--outline:hover,.btn--outline:focus-visible{background:var(--indigo-bg)}
.btn--full{width:100%}
@keyframes pulse-btn{0%,100%{box-shadow:0 0 0 0 rgba(79,70,229,.4)}50%{box-shadow:0 0 0 10px rgba(79,70,229,0)}}
.btn--pulse{animation:pulse-btn 2.8s ease-in-out infinite}
.btn--pulse:hover{animation:none}

/* FORMS */
.form-group{display:flex;flex-direction:column;gap:.35rem}
.form-group--inline{flex-direction:row;gap:.5rem}
.form-group--wide{width:100%;max-width:600px;margin-inline:auto}
.form-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}
.form-input{padding:.8em 1em;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.97rem;color:var(--text);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition);flex:1;min-width:0}
.form-input::placeholder{color:#A0AAB4}
.form-input:focus{border-color:var(--indigo);outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.15)}
.form-input[aria-invalid="true"]{border-color:#EF4444}
.form-error{font-size:.78rem;font-weight:600;color:#DC2626;min-height:1em;display:block;margin-top:.25rem}
.form-note{font-size:.78rem;color:var(--text-muted);text-align:center;margin-top:.5rem}
.lead-form--centered{max-width:640px;margin-inline:auto;text-align:center}
.form-success{width:100%}
.success-card{display:flex;align-items:flex-start;gap:1rem;background:var(--indigo-bg);border:1.5px solid rgba(79,70,229,.25);border-radius:var(--radius-md);padding:1.25rem 1.5rem}
.success-card--lg{padding:2rem}
.success-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;background:var(--indigo);color:var(--white);border-radius:50%;font-size:.85rem;font-weight:900}
.success-card strong{font-size:.97rem;color:var(--text);display:block;margin-bottom:.2rem}
.success-card p{font-size:.85rem;color:var(--text-muted);line-height:1.6}

/* HERO */
.hero{padding-top:calc(var(--header-h) + var(--sp-xl));padding-bottom:var(--sp-xl);background:var(--white)}
.hero__grid{display:grid;gap:var(--sp-2xl);align-items:center}
@media(min-width:1024px){.hero__grid{grid-template-columns:1fr 1fr}}
.hero__badge-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--indigo-bg);color:var(--indigo);font-size:.78rem;font-weight:600;padding:.35em 1em;border-radius:20px;margin-bottom:var(--sp-md);border:1px solid rgba(79,70,229,.2)}
.hero__headline{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;color:var(--text);margin-bottom:var(--sp-md);letter-spacing:-.02em}
.hero__sub{font-size:1.05rem;color:var(--text-muted);margin-bottom:var(--sp-lg);line-height:1.7;max-width:50ch}
.hero__microcopy{font-size:.78rem;color:var(--text-muted);margin-top:.75rem}

/* ════════════════════════════════════
   CSS MOCK UI — The portfolio centrepiece
════════════════════════════════════ */
.mock-browser{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 30px 80px rgba(0,0,0,.15),0 0 0 1px rgba(79,70,229,.12);overflow:hidden}
.mock-chrome{background:#F5F5F7;border-bottom:1px solid #E5E5EA;padding:.6rem 1rem;display:flex;align-items:center;gap:1rem}
.mock-chrome__dots{display:flex;gap:.4rem}
.mock-dot{width:.7rem;height:.7rem;border-radius:50%}
.mock-dot--red{background:#FF5F57}
.mock-dot--amber{background:#FFBD2E}
.mock-dot--green{background:#28C840}
.mock-chrome__addr{background:#FFFFFF;border-radius:6px;padding:.2rem .85rem;font-size:.72rem;color:#666;font-family:var(--font-sans);flex:1;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #E0E0E0}
.mock-app{display:flex;height:460px;overflow:hidden}

/* Sidebar */
.mock-sidebar{width:200px;flex-shrink:0;background:#1E1B4B;padding:1rem;display:flex;flex-direction:column;gap:.2rem;overflow:hidden}
@media(max-width:640px){.mock-sidebar{width:50px}}
.mock-sidebar__brand{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-bottom:.75rem}
.mock-sidebar__logo-icon{width:1.6rem;height:1.6rem;background:var(--indigo);border-radius:6px;flex-shrink:0}
.mock-sidebar__brand span{font-family:var(--font-display);font-size:.88rem;font-weight:800;color:var(--white);display:none}
@media(min-width:641px){.mock-sidebar__brand span{display:block}}
.mock-nav{display:flex;flex-direction:column;gap:.15rem}
.mock-nav__item{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:6px;font-size:.8rem;color:rgba(255,255,255,.55);cursor:default;transition:background .15s}
.mock-nav__item--active{background:rgba(99,102,241,.25);color:var(--white)}
.mock-nav__icon{width:.9rem;height:.9rem;border-radius:2px;flex-shrink:0}
.mock-nav__icon--inbox{background:rgba(255,255,255,.3)}
.mock-nav__icon--today{background:#6366F1}
.mock-nav__icon--upcoming{background:rgba(255,255,255,.2)}
.mock-nav__icon--done{background:rgba(255,255,255,.15)}
.mock-nav__badge{margin-left:auto;background:rgba(239,68,68,.7);color:#fff;font-size:.6rem;font-weight:700;padding:.1em .45em;border-radius:10px;display:none}
@media(min-width:641px){.mock-nav__badge,.mock-nav__item span:not(.mock-nav__icon){display:inline}}
.mock-section-label{font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.3);padding:.5rem .6rem .25rem;margin-top:.5rem}
.mock-proj{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:5px;font-size:.75rem;color:rgba(255,255,255,.6);cursor:default}
.mock-proj__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--c,#4F46E5);flex-shrink:0}
.mock-proj__count{margin-left:auto;font-size:.68rem;color:rgba(255,255,255,.35)}
.mock-proj span:not(.mock-proj__dot):not(.mock-proj__count){display:none}
@media(min-width:641px){.mock-proj span:not(.mock-proj__dot):not(.mock-proj__count){display:inline}}
.mock-sidebar__footer{margin-top:auto;display:flex;align-items:center;gap:.6rem;padding:.5rem .25rem}
.mock-user-avatar{width:1.75rem;height:1.75rem;border-radius:50%;background:var(--indigo);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mock-user-info{display:flex;flex-direction:column;display:none}
@media(min-width:641px){.mock-user-info{display:flex}}
.mock-user-name{font-size:.73rem;color:rgba(255,255,255,.7);font-weight:600}
.mock-user-plan{font-size:.62rem;color:var(--indigo-lt)}

/* Main area */
.mock-main{flex:1;background:#FAFBFF;padding:1rem;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}
.mock-header{display:flex;align-items:center;justify-content:space-between}
.mock-page-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text)}
.mock-add-btn{background:var(--indigo);color:#fff;border:none;border-radius:5px;padding:.3em .75em;font-size:.72rem;font-weight:600;cursor:default}
.mock-ai-banner{display:flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(99,102,241,.05));border:1px solid rgba(79,70,229,.18);border-radius:7px;padding:.5rem .75rem;font-size:.75rem;color:var(--indigo-dk)}
.mock-ai-dot{width:.5rem;height:.5rem;background:#6366F1;border-radius:50%;flex-shrink:0}
.mock-ai-banner strong{font-weight:600}
.mock-task-list{display:flex;flex-direction:column;gap:.5rem;overflow:hidden}
.mock-task{display:flex;align-items:flex-start;gap:.6rem;background:#FFFFFF;border:1px solid #E8E8F5;border-radius:7px;padding:.65rem .75rem;transition:box-shadow .15s}
.mock-task:hover{box-shadow:0 2px 8px rgba(79,70,229,.1)}
.mock-task--done{opacity:.55}
.mock-cb{width:1rem;height:1rem;border-radius:4px;border:1.5px solid #CBD5E1;flex-shrink:0;margin-top:.15rem;background:#fff}
.mock-cb--checked{background:var(--indigo);border-color:var(--indigo);position:relative}
.mock-cb--checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-size:.55rem;color:#fff;font-weight:900}
.mock-task__body{flex:1;min-width:0}
.mock-task__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}
.mock-task__name{font-size:.8rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-task__name--done{text-decoration:line-through;color:var(--text-muted)}
.mock-task__sub{font-size:.68rem;color:var(--text-muted);margin-bottom:.35rem}
.mock-progress-row{display:flex;align-items:center;gap:.5rem}
.mock-progress{flex:1;height:.35rem;background:#E8E8F5;border-radius:4px;overflow:hidden}
.mock-progress__fill{height:100%;background:linear-gradient(90deg,var(--indigo),var(--indigo-lt));border-radius:4px}
.mock-pct{font-size:.65rem;color:var(--text-muted);white-space:nowrap}
.mock-assignees{display:flex;margin-left:.25rem}
.mock-avatar{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--bg,#4F46E5);color:#fff;font-size:.56rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;margin-left:-.3rem;flex-shrink:0}
.mock-badge{padding:.15em .55em;border-radius:4px;font-size:.6rem;font-weight:700;white-space:nowrap;letter-spacing:.03em}
.mock-badge--high{background:rgba(239,68,68,.12);color:#DC2626}
.mock-badge--med{background:rgba(245,158,11,.12);color:#D97706}
.mock-badge--low{background:rgba(107,114,128,.12);color:#6B7280}
.mock-badge--done{background:rgba(34,197,94,.12);color:#16A34A}

/* LOGOS BAR */
.logos-bar{background:var(--bg);padding-block:var(--sp-lg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.logos-bar__inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}
@media(min-width:640px){.logos-bar__inner{flex-direction:row;justify-content:center;gap:3rem}}
.logos-bar__label{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}
.logos-bar__logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem}
.company-logo{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#BBBBCC;opacity:.75}
.company-logo--bold{font-weight:800;letter-spacing:.05em}
.company-logo--mono{font-family:monospace;font-size:.9rem}

/* FEATURES */
.features__grid{display:grid;gap:1.5rem;margin-top:var(--sp-lg)}
@media(min-width:768px){.features__grid{grid-template-columns:repeat(3,1fr)}}
.feature-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:2rem;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(79,70,229,.3)}
.feature-card__icon{margin-bottom:1rem}
.feature-card__name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:.5rem}
.feature-card p{font-size:.9rem;color:var(--text-muted);line-height:1.65}

/* KANBAN SHOWCASE */
.kanban-mock{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;margin-top:var(--sp-lg);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.kanban__col{flex-shrink:0;width:260px;background:var(--bg);border-radius:var(--radius-md);padding:1rem}
.kanban__col--active{background:rgba(79,70,229,.04);border:1px solid rgba(79,70,229,.1)}
.kanban__col-header{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.85rem}
.kanban__col-dot{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}
.kanban__col-dot--todo{background:#9CA3AF}
.kanban__col-dot--progress{background:var(--indigo)}
.kanban__col-dot--review{background:#F59E0B}
.kanban__col-dot--done{background:#22C55E}
.kanban__col-count{margin-left:auto;background:rgba(0,0,0,.07);border-radius:4px;padding:.1em .5em;font-size:.7rem}
.kanban-card{background:#fff;border:1px solid #E8E8F5;border-radius:8px;padding:.85rem;margin-bottom:.6rem;cursor:default;transition:box-shadow .15s}
.kanban-card:hover{box-shadow:0 4px 14px rgba(79,70,229,.1)}
.kanban-card--highlight{border-color:rgba(79,70,229,.3);box-shadow:0 0 0 2px rgba(79,70,229,.1)}
.kanban-card--done{opacity:.55}
.kanban-card--ghost{height:80px;background:rgba(79,70,229,.03);border:2px dashed rgba(79,70,229,.12);border-radius:8px}
.kanban-card__title{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:.5rem;line-height:1.4}
.kanban-card__title--done{text-decoration:line-through;color:var(--text-muted)}
.kanban-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.kanban-badge{padding:.2em .6em;border-radius:4px;font-size:.62rem;font-weight:700}
.kanban-badge--high{background:rgba(239,68,68,.1);color:#DC2626}
.kanban-badge--med{background:rgba(245,158,11,.1);color:#D97706}
.kanban-badge--done{background:rgba(34,197,94,.1);color:#16A34A}
.kanban-due{font-size:.68rem;color:var(--text-muted)}
.kanban-card__assignees{display:flex;margin-top:.4rem}
.kanban-avatar{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--c,#4F46E5);color:#fff;font-size:.52rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;margin-left:-.25rem}
.kanban-card__progress{margin-top:.5rem;height:.3rem;background:#E8E8F5;border-radius:4px;overflow:hidden}
.kanban-card__bar{height:100%;background:linear-gradient(90deg,var(--indigo),var(--indigo-lt));border-radius:4px}

/* TESTIMONIALS */
.tgrid{display:grid;gap:1.5rem;margin-top:var(--sp-lg)}
@media(min-width:768px){.tgrid{grid-template-columns:repeat(3,1fr)}}
.tcard{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:1.75rem;display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition)}
.tcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.tcard__quote{font-size:.92rem;color:var(--text);line-height:1.7;flex:1;margin-bottom:1.25rem}
.tcard__footer{display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--border);padding-top:1rem}
.tcard__avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg,#4F46E5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}
.tcard__footer div strong{display:block;font-size:.88rem;color:var(--text)}
.tcard__footer div span{font-size:.78rem;color:var(--text-muted)}

/* PRICING */
.pricing__grid{display:grid;gap:1.5rem;margin-top:var(--sp-lg)}
@media(min-width:768px){.pricing__grid{grid-template-columns:repeat(3,1fr)}}
.pricing-card{border:1.5px solid var(--border);border-radius:var(--radius-md);padding:2rem;background:var(--white);display:flex;flex-direction:column;position:relative;transition:transform var(--transition),box-shadow var(--transition)}
.pricing-card--featured{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(79,70,229,.1);transform:translateY(-4px)}
.pricing-card__badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--indigo);color:#fff;font-size:.64rem;font-weight:700;padding:.3em 1em;border-radius:0 0 8px 8px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pricing-card__name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.25rem;margin-top:.5rem}
.pricing-card__price{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--text);margin-bottom:.6rem}
.pricing-card__price span{font-size:.85rem;font-weight:400;color:var(--text-muted)}
.pricing-card__desc{font-size:.88rem;color:var(--text-muted);margin-bottom:1.25rem;line-height:1.6}
.pricing-card__features{flex:1;display:flex;flex-direction:column;gap:.4rem;margin-bottom:var(--sp-md)}
.pricing-card__features li{font-size:.85rem;color:var(--text-muted)}

/* FAQ */
.faq__list{display:flex;flex-direction:column;gap:.75rem;margin-top:var(--sp-lg);max-width:800px}
.faq-item{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}
.faq-item[open]{border-color:rgba(79,70,229,.3)}
.faq-item__q{padding:1.25rem 1.5rem;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--text);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq-item__q::-webkit-details-marker{display:none}
.faq-item__q::after{content:'+';color:var(--indigo);font-size:1.2rem;font-weight:400;flex-shrink:0}
.faq-item[open] .faq-item__q::after{content:'−'}
.faq-item__a{padding:0 1.5rem 1.25rem;font-size:.92rem;color:var(--text-muted);line-height:1.7;animation:faq-open .25s ease}
@keyframes faq-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* FINAL CTA */
.final-cta{background:var(--indigo);color:#fff;text-align:center}
.final-cta__inner{max-width:700px;margin-inline:auto}
.final-cta .eyebrow{color:rgba(255,255,255,.6)}
.final-cta .section-title{color:#fff}
.final-cta .section-sub{color:rgba(255,255,255,.75)}
.final-cta .form-input{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2);color:#fff}
.final-cta .form-input::placeholder{color:rgba(255,255,255,.45)}
.final-cta .form-note{color:rgba(255,255,255,.55)}
.final-cta .btn--primary{background:#fff;color:var(--indigo);border-color:#fff}
.final-cta .btn--primary:hover{background:rgba(255,255,255,.9)}
.footer-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--white);display:block;margin-bottom:.5rem}

/* FOOTER */
.site-footer{background:var(--text);padding-block:var(--sp-lg);text-align:center}
.site-footer__inner p{font-size:.82rem;color:rgba(255,255,255,.35)}
.site-footer a{color:rgba(255,255,255,.55);transition:color var(--transition)}
.site-footer a:hover{color:rgba(255,255,255,.9)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.revealed{opacity:1;transform:none}
.features__grid .reveal:nth-child(2){transition-delay:.1s}
.features__grid .reveal:nth-child(3){transition-delay:.2s}
.tgrid .reveal:nth-child(2){transition-delay:.1s}
.tgrid .reveal:nth-child(3){transition-delay:.2s}
.pricing__grid .reveal:nth-child(2){transition-delay:.1s}
.pricing__grid .reveal:nth-child(3){transition-delay:.2s}
.faq__list .reveal:nth-child(2){transition-delay:.05s}
.faq__list .reveal:nth-child(3){transition-delay:.1s}
.faq__list .reveal:nth-child(4){transition-delay:.15s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn--pulse{animation:none}html{scroll-behavior:auto}}