:root{--ai-bg:#05080f;--ai-card:rgba(14,21,37,.88);--ai-blue:#4f7aff;--ai-teal:#2dd4bf;--ai-gold:#c9a84c;--ai-border:rgba(255,255,255,.07);--ai-border-hi:rgba(79,122,255,.22);--ai-text:rgba(232,237,245,.9);--ai-muted:rgba(122,138,168,.8);--ai-grad:linear-gradient(135deg,#4f7aff,#2dd4bf);--ai-ease:cubic-bezier(.16,1,.3,1);}
.accotiva-intro-section{position:relative;height:400vh;z-index:10;}
.accotiva-intro-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--ai-bg);}
.accotiva-intro-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(79,122,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(79,122,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,transparent 100%);}
.accotiva-intro-grid--fade{opacity:.35;}
.accotiva-intro-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:9999;background:rgba(255,255,255,.05);}
.accotiva-intro-progress-fill{height:100%;background:var(--ai-grad);transform-origin:left;transform:scaleX(0);transition:transform .12s linear;}
.accotiva-intro-skip{position:fixed;top:80px;right:1.25rem;z-index:9990;padding:.45rem 1rem;border-radius:9999px;cursor:pointer;background:rgba(14,21,37,.75);border:1px solid var(--ai-border-hi);color:var(--ai-muted);font-size:.7rem;letter-spacing:.1em;font-family:monospace;text-transform:uppercase;backdrop-filter:blur(12px);transition:background .2s,color .2s;}
.accotiva-intro-skip:hover{background:rgba(79,122,255,.15);color:#fff;}
.accotiva-intro-dots{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.55rem;z-index:5;}
.accotiva-intro-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18);transition:background .3s,transform .3s;}
.accotiva-intro-dot--active{background:#2dd4bf;transform:scale(1.5);}
.accotiva-intro-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);text-align:center;z-index:5;transition:opacity .4s;display:flex;flex-direction:column;align-items:center;gap:.4rem;}
.accotiva-intro-hint-text{font-family:monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.35);white-space:nowrap;}
.accotiva-intro-hint-arrow{color:#2dd4bf;font-size:.9rem;animation:ai-bob 2s ease-in-out infinite;}
.accotiva-intro-hint--hidden{opacity:0;pointer-events:none;}
.accotiva-intro-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(20px) scale(.99);transition:opacity .55s var(--ai-ease),transform .55s var(--ai-ease);pointer-events:none;will-change:opacity,transform;}
.accotiva-intro-stage--active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.accotiva-intro-stage--exit{opacity:0;transform:translateY(-18px) scale(1.01);}
.accotiva-intro-text{position:absolute;bottom:9vh;left:50%;transform:translateX(-50%);text-align:center;width:90%;max-width:620px;z-index:4;}
.accotiva-intro-eyebrow{display:inline-block;font-family:monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#2dd4bf;margin-bottom:.75rem;}
.accotiva-intro-eyebrow--gold{color:#c9a84c;}
.accotiva-intro-heading{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:#fff;margin:0;}
.accotiva-intro-heading em{font-style:normal;background:var(--ai-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.accotiva-intro-boot{position:absolute;top:1.75rem;left:50%;transform:translateX(-50%);width:min(440px,80vw);z-index:3;}
.accotiva-intro-boot-label{font-family:monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(79,122,255,.6);margin-bottom:.6rem;}
.accotiva-intro-boot-bars{display:flex;flex-direction:column;gap:.35rem;}
.accotiva-intro-boot-bar{height:2px;border-radius:9999px;background:rgba(255,255,255,.05);overflow:hidden;position:relative;}
.accotiva-intro-boot-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#4f7aff,#2dd4bf);transform-origin:left;transform:scaleX(0);animation:ai-bootfill .9s var(--ai-ease) var(--bd,0s) forwards;max-width:var(--bw,70%);}
.accotiva-intro-chaos-field{position:absolute;inset:0;z-index:2;}
.accotiva-intro-card{position:absolute;left:var(--cx,50%);top:var(--cy,50%);transform:rotate(var(--cr,0deg));background:var(--ai-card);border:1px solid var(--ai-border);border-radius:.75rem;padding:.55rem .9rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:.2rem;min-width:140px;max-width:200px;animation:ai-drift var(--cf,4s) var(--cd,0s) ease-in-out infinite alternate;will-change:transform;}
.accotiva-intro-card-label{font-size:.72rem;font-weight:600;color:rgba(232,237,245,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.accotiva-intro-card-sub{font-size:.62rem;color:rgba(122,138,168,.8);font-family:monospace;white-space:nowrap;}
.accotiva-intro-card--vat .accotiva-intro-card-label,.accotiva-intro-card--overdue .accotiva-intro-card-label{color:#ff8a80;}
.accotiva-intro-card--shopify{border-color:rgba(149,191,71,.2);}
.accotiva-intro-card--stripe{border-color:rgba(99,91,255,.3);}
.accotiva-intro-card--paypal{border-color:rgba(0,112,186,.3);}
.accotiva-intro-card--amazon{border-color:rgba(255,153,0,.2);}
.accotiva-intro-card--invoice{border-color:rgba(201,168,76,.2);}
.accotiva-intro-ledger{width:min(720px,90vw);background:var(--ai-card);border:1px solid var(--ai-border-hi);border-radius:1.25rem;overflow:hidden;z-index:3;margin-bottom:18vh;box-shadow:0 8px 40px rgba(0,0,0,.55);}
.accotiva-intro-ledger-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--ai-border);background:rgba(79,122,255,.06);}
.accotiva-intro-ledger-title{display:flex;align-items:center;gap:.55rem;font-size:.75rem;font-weight:700;color:rgba(232,237,245,.9);}
.accotiva-intro-ledger-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:ai-pulse 2s ease-in-out infinite;}
.accotiva-intro-ledger-dot--qb{background:#2dd4bf;box-shadow:0 0 8px rgba(45,212,191,.6);}
.accotiva-intro-ledger-period{font-family:monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(122,138,168,.7);}
.accotiva-intro-ledger-cols{display:grid;grid-template-columns:1.6fr 2fr 1fr 1.1fr;padding:.5rem 1.25rem;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.05);}
.accotiva-intro-ledger-cols span{font-family:monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(122,138,168,.55);}
.accotiva-intro-ledger-row{display:grid;grid-template-columns:1.6fr 2fr 1fr 1.1fr;align-items:center;padding:.65rem 1.25rem;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.04);opacity:0;transform:translateX(-12px);transition:opacity .45s var(--ai-ease) calc(var(--ri,0)*.07s),transform .45s var(--ai-ease) calc(var(--ri,0)*.07s);}
.accotiva-intro-ledger-row:last-child{border-bottom:none;}
.accotiva-intro-stage--active .accotiva-intro-ledger-row{opacity:1;transform:translateX(0);}
.accotiva-intro-ledger-cat{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;color:var(--ai-text);}
.accotiva-intro-ledger-desc{font-size:.72rem;color:var(--ai-muted);}
.accotiva-intro-ledger-amt{font-family:monospace;font-size:.78rem;font-weight:700;text-align:right;}
.accotiva-intro-ledger-amt--in{color:#2dd4bf;}
.accotiva-intro-ledger-amt--out{color:rgba(232,237,245,.7);}
.accotiva-intro-badge{display:inline-flex;align-items:center;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .6rem;border-radius:9999px;white-space:nowrap;}
.accotiva-intro-badge--reconciled,.accotiva-intro-badge--matched{background:rgba(45,212,191,.1);color:#2dd4bf;border:1px solid rgba(45,212,191,.25);}
.accotiva-intro-badge--categorised,.accotiva-intro-badge--attached{background:rgba(79,122,255,.1);color:#4f7aff;border:1px solid rgba(79,122,255,.25);}
.accotiva-intro-badge--filed{background:rgba(201,168,76,.1);color:#c9a84c;border:1px solid rgba(201,168,76,.25);}
.accotiva-intro-dashboard{width:min(700px,90vw);z-index:3;margin-bottom:18vh;background:var(--ai-card);border:1px solid var(--ai-border-hi);border-radius:1.25rem;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.55);}
.accotiva-intro-dash-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.875rem 1.25rem;border-bottom:1px solid var(--ai-border);background:rgba(79,122,255,.06);}
.accotiva-intro-dash-title{font-size:.8rem;font-weight:700;color:var(--ai-text);flex:1;}
.accotiva-intro-dash-period{font-family:monospace;font-size:.6rem;color:rgba(122,138,168,.7);}
.accotiva-intro-dash-live{width:7px;height:7px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 8px rgba(45,212,191,.7);animation:ai-pulse 2s ease-in-out infinite;}
.accotiva-intro-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem;}
.accotiva-intro-kpi{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-top:2px solid var(--kc,#4f7aff);border-radius:.875rem;padding:1rem .875rem;display:flex;flex-direction:column;gap:.3rem;opacity:0;transform:scale(.93) translateY(12px);transition:opacity .45s var(--ai-ease) calc(var(--ki,0)*.08s),transform .45s var(--ai-ease) calc(var(--ki,0)*.08s);}
.accotiva-intro-stage--active .accotiva-intro-kpi{opacity:1;transform:scale(1) translateY(0);}
.accotiva-intro-kpi-label{font-family:monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(122,138,168,.65);}
.accotiva-intro-kpi-value{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1;}
.accotiva-intro-kpi-bar{height:3px;background:rgba(255,255,255,.07);border-radius:9999px;overflow:hidden;margin:.25rem 0;}
.accotiva-intro-kpi-fill{height:100%;background:var(--kc,#4f7aff);border-radius:9999px;transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ai-ease) calc(.2s + var(--ki,0)*.08s);}
.accotiva-intro-stage--active .accotiva-intro-kpi-fill{transform:scaleX(.72);}
.accotiva-intro-kpi-delta{font-size:.62rem;font-family:monospace;font-weight:600;}
.accotiva-intro-kpi-up{color:#2dd4bf;}
.accotiva-intro-kpi-down{color:#2dd4bf;}
.accotiva-intro-kpi-ok{color:#c9a84c;}
.accotiva-intro-brand-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(79,122,255,.18),transparent),radial-gradient(ellipse 40% 35% at 75% 65%,rgba(45,212,191,.09),transparent);}
.accotiva-intro-brand{position:relative;text-align:center;z-index:2;padding:2rem 1.5rem;opacity:0;transform:scale(.95) translateY(18px);transition:opacity .7s var(--ai-ease),transform .7s var(--ai-ease);}
.accotiva-intro-stage--active .accotiva-intro-brand{opacity:1;transform:scale(1) translateY(0);}
.accotiva-intro-brand-h{font-size:clamp(2.6rem,6vw,4.5rem);font-weight:800;letter-spacing:-.05em;line-height:1.1;margin:.75rem 0 1.25rem;}
.accotiva-intro-brand-line1{color:#fff;}
.accotiva-intro-brand-line2{background:var(--ai-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.accotiva-intro-brand-sub{max-width:540px;margin:0 auto 2rem;color:rgba(122,138,168,.9);font-size:1.05rem;line-height:1.75;}
.accotiva-intro-brand-btns{display:flex;gap:.875rem;justify-content:center;flex-wrap:wrap;}
.accotiva-intro-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.9rem 1.875rem;border-radius:9999px;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;min-height:48px;transition:transform .2s,box-shadow .2s;}
.accotiva-intro-btn--primary{background:var(--ai-grad);color:#fff;box-shadow:0 4px 24px rgba(79,122,255,.5);}
.accotiva-intro-btn--primary:hover{transform:translateY(-2px) scale(1.02);color:#fff;}
.accotiva-intro-btn--ghost{background:rgba(255,255,255,.06);color:rgba(232,237,245,.85);border:1px solid rgba(255,255,255,.14);}
.accotiva-intro-btn--ghost:hover{border-color:rgba(45,212,191,.4);color:#2dd4bf;}
@keyframes ai-drift{from{transform:rotate(var(--cr,0deg)) translateY(0);}to{transform:rotate(var(--cr,0deg)) translateY(-10px);}}
@keyframes ai-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(5px);}}
@keyframes ai-pulse{0%,100%{opacity:.7;transform:scale(1);}50%{opacity:1;transform:scale(1.25);}}
@keyframes ai-bootfill{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@media(max-width:767px){.accotiva-intro-section{height:300vh;}.accotiva-intro-chaos-field{display:none;}.accotiva-intro-dots{display:none;}.accotiva-intro-ledger,.accotiva-intro-dashboard{margin-bottom:22vh;}.accotiva-intro-ledger-cols,.accotiva-intro-ledger-row{grid-template-columns:1fr 1fr;gap:.4rem;}.accotiva-intro-ledger-desc{display:none;}.accotiva-intro-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.75rem;}.accotiva-intro-kpi-value{font-size:1rem;}.accotiva-intro-heading{font-size:clamp(1.75rem,6vw,2.5rem);}.accotiva-intro-brand-h{font-size:clamp(2rem,7vw,3rem);}.accotiva-intro-brand-btns{flex-direction:column;align-items:center;}.accotiva-intro-btn{width:100%;max-width:300px;}.accotiva-intro-text{bottom:4vh;}}
@media(prefers-reduced-motion:reduce){.accotiva-intro-section{height:100vh !important;}.accotiva-intro-card{animation:none !important;}.accotiva-intro-stage{transition:opacity .3s !important;transform:none !important;}.accotiva-intro-brand,.accotiva-intro-ledger-row,.accotiva-intro-kpi{transition:opacity .3s !important;transform:none !important;}}