:root {
  --acco-blue:#1E6091;--acco-blue-dark:#164A72;--acco-blue-deeper:#0E3454;--acco-blue-light:#2A7AB5;--acco-blue-pale:#3A8EC8;
  --acco-charcoal:#2D3A45;--acco-slate:#556B7E;--acco-gray:#8A9BAD;--acco-silver:#B8C5D1;--acco-ice:#DFE6ED;--acco-cloud:#EEF2F6;--acco-snow:#F6F8FA;--acco-white:#FFFFFF;
  --dbx-warm:#E8553D;
  --fn-success:#1A9B58;--fn-success-bg:#E6F7EE;--fn-warning:#C48A0A;--fn-warning-bg:#FFF7E0;--fn-info:#1E6091;--fn-info-bg:#E4EFF8;--fn-danger:#C43030;--fn-danger-bg:#FCEAEA;
  --purple:#7C3AED;--purple-bg:#F0E8F8;
  --copper:#B87333;--copper-bg:#F0E0CC;--bronze:#8B6525;--bronze-bg:#F5E4CC;--gold:#7A6820;--gold-bg:#FFF0CC;
  --font-display:'Source Serif 4',Georgia,serif;--font-body:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;
  --shadow-sm:0 1px 3px rgba(14,52,84,.05),0 1px 2px rgba(14,52,84,.03);--shadow-md:0 4px 14px rgba(14,52,84,.07),0 2px 4px rgba(14,52,84,.03);--shadow-lg:0 12px 36px rgba(14,52,84,.1),0 4px 10px rgba(14,52,84,.04);--shadow-xl:0 20px 50px rgba(14,52,84,.14),0 8px 16px rgba(14,52,84,.06);
  --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:17.5px}
body{font-family:var(--font-body);color:var(--acco-charcoal);background:var(--acco-snow);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* ══ COOKIE ══ */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--acco-blue-deeper);color:var(--acco-silver);padding:20px 32px;z-index:10000;transform:translateY(100%);transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 -4px 30px rgba(0,0,0,.25)}
.cookie-banner.visible{transform:translateY(0)}
.cookie-banner p{font-size:.8125rem;max-width:680px;line-height:1.5}
.cookie-banner p a{color:var(--acco-blue-pale);text-decoration:underline}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-btn{padding:10px 24px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}
.cookie-btn.accept{background:var(--acco-white);color:var(--acco-blue-dark)}.cookie-btn.accept:hover{background:var(--acco-ice)}
.cookie-btn.decline{background:transparent;color:var(--acco-gray);border:1px solid var(--acco-slate)}.cookie-btn.decline:hover{color:var(--acco-white);border-color:var(--acco-silver)}

/* ══ MODAL ══ */
.modal-overlay{position:fixed;inset:0;background:rgba(14,52,84,.65);backdrop-filter:blur(8px);z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s}
.modal-overlay.active{opacity:1;pointer-events:all}
.modal-card{background:var(--acco-white);border-radius:var(--radius-lg);padding:48px 36px;max-width:520px;width:92%;box-shadow:var(--shadow-xl);transform:translateY(30px) scale(.95);transition:transform .5s cubic-bezier(.22,1,.36,1);text-align:center}
.modal-overlay.active .modal-card{transform:translateY(0) scale(1)}
.modal-logo-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}
.modal-logo-circle{width:48px;height:48px;background:var(--acco-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:.875rem}
.modal-logo-text{text-align:left}
.modal-logo-text .brand-name{font-weight:700;font-size:1rem;color:var(--acco-charcoal)}
.modal-logo-text .brand-sub{font-size:.6875rem;color:var(--acco-gray);font-weight:500;letter-spacing:.02em}
.modal-card h2{font-family:var(--font-display);font-size:1.625rem;font-weight:700;color:var(--acco-charcoal);margin-bottom:6px}
.modal-card .subtitle{color:var(--acco-slate);font-size:.9375rem;margin-bottom:28px}
.modal-input{width:100%;padding:14px 18px;border:2px solid var(--acco-ice);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;color:var(--acco-charcoal);transition:border-color .2s;margin-bottom:16px;outline:none}
.modal-input:focus{border-color:var(--acco-blue)}.modal-input::placeholder{color:var(--acco-silver)}
.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
.role-option{padding:16px 20px;border:2px solid var(--acco-ice);border-radius:var(--radius-md);cursor:pointer;transition:all .25s;background:var(--acco-white);text-align:left}
.role-option:hover{border-color:var(--acco-silver)}.role-option.selected{border-color:var(--acco-blue);background:var(--fn-info-bg)}
.role-option .role-icon{font-size:1.5rem;margin-bottom:4px}
.role-option .role-title{font-weight:600;font-size:.9375rem;color:var(--acco-charcoal)}
.role-option .role-desc{font-size:.75rem;color:var(--acco-slate);margin-top:2px}
.modal-submit{width:100%;padding:14px;background:var(--acco-blue);color:white;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s}
.modal-submit:hover{background:var(--acco-blue-dark)}.modal-submit:disabled{background:var(--acco-silver);cursor:not-allowed}
.skip-link{display:block;margin-top:14px;color:var(--acco-gray);font-size:.8125rem;cursor:pointer;text-decoration:underline;background:none;border:none;font-family:var(--font-body)}

/* ══ NAV ══ */
.nav-bar{position:fixed;top:0;left:0;right:0;height:64px;background:var(--acco-blue-deeper);z-index:5000;display:flex;align-items:center;padding:0 32px;transition:box-shadow .3s}
.nav-bar.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.2)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;cursor:pointer}
.nav-logo-circle{width:34px;height:34px;background:var(--acco-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:.6875rem;border:2px solid rgba(255,255,255,.15)}
.nav-logo-text-group{display:flex;flex-direction:column;line-height:1.15}
.nav-logo-brand{font-weight:700;font-size:.8125rem;color:var(--acco-white)}
.nav-logo-sub{font-size:.5625rem;color:rgba(255,255,255,.45);font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.nav-divider{width:1px;height:28px;background:rgba(255,255,255,.12);margin:0 16px}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none}
.nav-links a{padding:7px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:rgba(255,255,255,.55);text-decoration:none;transition:all .2s;cursor:pointer;white-space:nowrap}
.nav-links a:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.06)}
.nav-links a.active{color:var(--acco-white);background:rgba(255,255,255,.1)}
.nav-links a.nav-ext{color:rgba(255,255,255,.7)}.nav-links a.nav-ext:hover{color:var(--acco-white);background:rgba(42,122,181,.35)}
.nav-links .nav-sep{width:1px;height:18px;background:rgba(255,255,255,.1);margin:0 6px;flex-shrink:0}
.nav-links .nav-group-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.3);padding:0 6px;white-space:nowrap;font-weight:600}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-avatar{width:30px;height:30px;border-radius:50%;background:var(--acco-blue);color:white;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;border:2px solid rgba(255,255,255,.2)}
.nav-user-info{text-align:right;cursor:pointer}.nav-user-name{font-size:.75rem;font-weight:600;color:var(--acco-white)}
.nav-user-role{font-size:.5625rem;color:rgba(255,255,255,.45)}
.nav-switch{padding:5px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);font-family:var(--font-body);font-size:.625rem;font-weight:600;color:rgba(255,255,255,.55);cursor:pointer;transition:all .2s;white-space:nowrap}
.nav-switch:hover{background:rgba(255,255,255,.12);color:var(--acco-white);border-color:rgba(255,255,255,.3)}
.nav-docs{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:12px}
.nav-doc-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);font-family:var(--font-body);font-size:.625rem;font-weight:600;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.nav-doc-btn:hover{background:rgba(255,255,255,.14);color:var(--acco-white);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}
.nav-doc-btn .ndb-icon{font-size:.75rem}

/* ══ SECTIONS ══ */
.main-content{margin-top:64px}
.section{display:none;animation:fadeUp .4s ease-out}.section.active{display:block}
#section-home{background:var(--acco-white)}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.section-container{max-width:1200px;margin:0 auto;padding:48px 24px}

/* ══ PERSONA BANNER ══ */
.persona-banner{max-width:1200px;margin:0 auto;padding:16px 24px 0}
.persona-banner-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:var(--radius-md);background:var(--acco-white);border:1px solid var(--acco-ice);border-left:3px solid var(--acco-blue);animation:fadeUp .4s ease-out}
.persona-banner-inner.curator-bg{background:var(--acco-white);border-color:var(--acco-ice);border-left:3px solid var(--purple)}
.pb-left{display:flex;align-items:center;gap:12px}
.pb-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}
.pb-text{font-size:.8125rem;color:var(--acco-charcoal)}.pb-text strong{font-weight:700}
.pb-text span{font-size:.6875rem;color:var(--acco-slate);display:block;margin-top:1px}
.pb-switch{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--acco-ice);background:var(--acco-white);font-family:var(--font-body);font-size:.6875rem;font-weight:600;color:var(--acco-slate);cursor:pointer;transition:all .2s}
.pb-switch:hover{border-color:var(--acco-blue);color:var(--acco-blue)}

/* ══ TOOLTIP (for End User jargon) ══ */
.tip{position:relative;border-bottom:1px dashed var(--acco-gray);cursor:help;display:inline}
.tip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.92);background:var(--acco-blue-deeper);color:white;font-size:.6875rem;font-weight:400;line-height:1.5;padding:8px 12px;border-radius:var(--radius-sm);white-space:normal;width:max-content;max-width:260px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:100;box-shadow:var(--shadow-lg)}
.tip::before{content:'';position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--acco-blue-deeper);opacity:0;transition:opacity .2s;z-index:100}
.tip:hover::after,.tip:hover::before{opacity:1;transform:translateX(-50%) scale(1)}

/* ══ HERO-FLOW (unified landing) ══ */
.hero-flow{position:relative;background:var(--acco-white);overflow:hidden;border-bottom:2px solid var(--acco-blue)}
.hero-flow::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 30%,rgba(30,96,145,.04),transparent),radial-gradient(ellipse 40% 40% at 10% 80%,rgba(124,58,237,.03),transparent)}
.hero-flow-grid{position:absolute;inset:0;background-image:linear-gradient(var(--acco-ice) 1px,transparent 1px),linear-gradient(90deg,var(--acco-ice) 1px,transparent 1px);background-size:64px 64px;opacity:.25}
.hero-flow-inner{position:relative;max-width:1200px;margin:0 auto;padding:20px 24px 10px}
.hero-flow-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:8px;animation:heroIn .5s ease-out both}
.hero-flow-brand{display:flex;align-items:center;gap:12px}
.hero-flow-circle{width:42px;height:42px;background:var(--acco-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:.6875rem;border:2px solid var(--acco-blue-dark);box-shadow:0 3px 12px rgba(30,96,145,.15)}
.hero-flow-title{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--acco-charcoal)}
.hero-flow-sub{font-size:.75rem;color:var(--acco-slate);margin-top:1px}
.hero-flow-actions{display:flex;gap:8px;align-items:center;animation:heroIn .5s ease-out .15s both}
.hero-flow-actions .btn{padding:9px 18px;font-size:.75rem}
.hero-flow-stats{display:flex;gap:20px;animation:heroIn .5s ease-out .2s both}
.hero-flow-stats .hfs{text-align:center}
.hero-flow-stats .hfs-val{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--acco-blue)}
.hero-flow-stats .hfs-lbl{font-size:.5625rem;color:var(--acco-gray);text-transform:uppercase;letter-spacing:.04em}
@keyframes heroIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* ══ DECISION FLOW (now primary content) ══ */
.decision-flow-section{padding:10px 0 28px;background:var(--acco-white);position:relative}
.flow-container{max-width:1100px;margin:0 auto;padding:0 24px}
.flow-section-header{text-align:center;margin-bottom:16px;animation:heroIn .5s ease-out .1s both}
.flow-section-header .section-eyebrow{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--acco-blue);margin-bottom:4px}
.flow-section-header h2{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:700;color:var(--acco-charcoal);margin-bottom:6px}
.flow-section-header p{font-size:.8125rem;color:var(--acco-slate);max-width:520px;margin:0 auto;line-height:1.6}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .25s}
.btn-white{background:var(--acco-blue);color:white}.btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(30,96,145,.25)}
.btn-ghost{background:transparent;color:var(--acco-blue);border:1px solid var(--acco-blue)}.btn-ghost:hover{background:var(--acco-blue);color:white}
.btn-blue{background:var(--acco-blue);color:white}.btn-blue:hover{background:var(--acco-blue-light);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--acco-blue);border:2px solid var(--acco-blue)}.btn-outline:hover{background:var(--acco-blue);color:white}
.btn-sm{padding:10px 20px;font-size:.8125rem}

/* ══ QUICK LINKS ══ */
.quick-links{background:var(--acco-white);border-bottom:1px solid var(--acco-ice);border-top:3px solid var(--acco-blue);padding:12px 0}
.quick-links-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quick-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-md);cursor:pointer;transition:all .25s;border:1px solid transparent;position:relative}
.quick-card:hover{background:var(--acco-snow);border-color:var(--acco-blue);border-left:3px solid var(--acco-blue);transform:translateY(-2px)}
.quick-card .qc-rec{position:absolute;top:-6px;right:8px;background:var(--acco-blue);color:white;font-size:.5rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em}
.quick-card-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}
.quick-card-text .title{font-size:.8125rem;font-weight:600;color:var(--acco-charcoal)}
.quick-card-text .desc{font-size:.6875rem;color:var(--acco-gray)}

/* ══ SECTION HEADERS ══ */
.section-header{text-align:center;margin-bottom:48px}
.section-eyebrow{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--acco-blue);margin-bottom:8px}
.section-title{font-family:var(--font-display);font-size:clamp(1.625rem,3vw,2.25rem);font-weight:700;color:var(--acco-charcoal);margin-bottom:12px}
.section-desc{font-size:.9375rem;color:var(--acco-slate);max-width:560px;margin:0 auto;line-height:1.7}

/* ══ DECISION FLOW ══ */
/* ══ DECISION FLOW (components) ══ */
.flow-diagram{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:16px}
.flow-row{display:flex;align-items:center;justify-content:center;gap:0;position:relative;width:100%}
.flow-node{padding:16px 22px;border-radius:var(--radius-md);text-align:center;position:relative;cursor:pointer;transition:all .3s;min-width:150px;max-width:200px}
.flow-node:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.flow-node .fn-icon{font-size:1.5rem;margin-bottom:6px}
.flow-node .fn-title{font-weight:700;font-size:.8125rem;color:var(--acco-charcoal)}
.flow-node .fn-desc{font-size:.6875rem;color:var(--acco-slate);margin-top:3px;line-height:1.5}
.flow-start{background:var(--acco-blue);color:white;border-radius:var(--radius-full);padding:14px 28px}
.flow-start .fn-title{color:white}.flow-start .fn-desc{color:rgba(255,255,255,.7)}
.flow-portal{background:var(--acco-white);border:2px solid var(--acco-blue);box-shadow:var(--shadow-md)}
.flow-decision{background:var(--fn-warning-bg);border:2px solid var(--fn-warning);transform:rotate(0deg);border-radius:var(--radius-md)}
.flow-decision .fn-icon{font-size:1.75rem}
.flow-yes{background:var(--fn-success-bg);border:2px solid var(--fn-success)}
.flow-no{background:var(--fn-danger-bg);border:2px solid var(--fn-danger)}
.flow-arrow{display:flex;align-items:center;justify-content:center;padding:0 10px;color:var(--acco-blue);font-size:1.25rem;font-weight:700;flex-shrink:0}
.flow-arrow-down{display:flex;flex-direction:column;align-items:center;padding:4px 0;color:var(--acco-blue);font-size:1.25rem;font-weight:700}
.flow-arrow-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-full)}
.flow-label-yes{background:var(--fn-success-bg);color:var(--fn-success)}
.flow-label-no{background:var(--fn-danger-bg);color:var(--fn-danger)}
.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%;margin-top:8px}
.flow-branch{border-radius:var(--radius-lg);padding:28px 24px;position:relative}
.flow-branch-yes{background:var(--acco-white);border:2px solid var(--fn-success);border-top:4px solid var(--fn-success)}
.flow-branch-no{background:var(--acco-white);border:2px solid var(--fn-danger);border-top:4px solid var(--fn-danger)}
.flow-branch h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:4px}
.flow-branch .fb-sub{font-size:.75rem;color:var(--acco-slate);margin-bottom:16px}
.flow-branch-steps{display:flex;flex-direction:column;gap:10px}
.fb-step{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-radius:var(--radius-md);background:var(--acco-snow);transition:all .2s}
.fb-step:hover{background:var(--fn-info-bg)}
.fb-step-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;flex-shrink:0;color:white}
.fb-step-num.green{background:var(--fn-success)}.fb-step-num.red{background:var(--fn-danger)}
.fb-step-text{flex:1}.fb-step-text .step-t{font-size:.75rem;font-weight:600;color:var(--acco-charcoal)}.fb-step-text .step-d{font-size:.625rem;color:var(--acco-slate);margin-top:1px}
.flow-branch .fb-cta{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:10px 20px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.75rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .25s}
.fb-cta-green{background:var(--fn-success);color:white}.fb-cta-green:hover{filter:brightness(1.1);transform:translateY(-1px)}
.fb-cta-red{background:var(--fn-danger);color:white}.fb-cta-red:hover{filter:brightness(1.1);transform:translateY(-1px)}
.fb-cta-blue{background:var(--acco-blue);color:white}.fb-cta-blue:hover{filter:brightness(1.1);transform:translateY(-1px)}
.flow-ticket-status{margin-top:16px;padding:12px 16px;border-radius:var(--radius-md);background:var(--fn-info-bg);border:1px solid var(--acco-blue);font-size:.6875rem;line-height:1.6;display:flex;align-items:flex-start;gap:8px}
.flow-ticket-status .fts-icon{font-size:1rem;flex-shrink:0}
.flow-sub-decision{margin-top:12px;padding:14px 16px;border-radius:var(--radius-md);background:var(--fn-warning-bg);border:1px dashed var(--fn-warning)}
.flow-sub-decision .fsd-q{font-size:.75rem;font-weight:700;color:var(--acco-charcoal);margin-bottom:8px}
.flow-sub-paths{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fsp-option{padding:10px;border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all .2s}
.fsp-option:hover{transform:translateY(-2px)}
.fsp-yes{background:var(--fn-success-bg);border:1px solid var(--fn-success)}
.fsp-no{background:var(--fn-danger-bg);border:1px solid var(--fn-danger)}
.fsp-option .fsp-label{font-size:.6875rem;font-weight:700}.fsp-option .fsp-action{font-size:.5625rem;color:var(--acco-slate);margin-top:2px}

/* ══ JOURNEY ══ */
.journey-section{padding:64px 0;background:var(--acco-white)}
.journey-timeline{position:relative;max-width:1100px;margin:0 auto;padding:0 24px}
.journey-track{position:absolute;top:48px;left:80px;right:80px;height:3px;background:var(--acco-ice);border-radius:2px}
.journey-track-fill{height:100%;background:var(--acco-blue);border-radius:2px;width:0%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}
.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}
.journey-step{text-align:center;cursor:pointer;transition:transform .2s}.journey-step:hover{transform:translateY(-3px)}
.journey-node{width:38px;height:38px;border-radius:50%;background:var(--acco-white);border:3px solid var(--acco-ice);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;z-index:2;font-size:.9375rem;transition:all .4s}
.journey-step.reached .journey-node{border-color:var(--acco-blue);background:var(--fn-info-bg);color:var(--acco-blue);box-shadow:0 0 0 5px rgba(30,96,145,.06)}
.journey-step.active .journey-node{border-color:var(--acco-blue);background:var(--acco-blue);color:white;box-shadow:0 0 0 7px rgba(30,96,145,.1),0 0 0 14px rgba(30,96,145,.04);transform:scale(1.08)}
.journey-step-label{font-size:.8125rem;font-weight:600;color:var(--acco-charcoal)}
.journey-step-time{font-size:.6875rem;color:var(--acco-gray);margin-top:2px}
.journey-detail{margin-top:32px;background:var(--acco-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--acco-ice);border-left:4px solid var(--acco-blue)}
.journey-detail-header{padding:24px;background:var(--fn-info-bg);color:var(--acco-charcoal);display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--acco-ice)}
.journey-detail-num{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--acco-blue);opacity:.35}
.journey-detail-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600}
.journey-detail-subtitle{font-size:.75rem;color:var(--acco-gray);margin-top:2px}
.journey-detail-body{padding:24px}
.journey-detail-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.journey-item{display:flex;gap:14px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--acco-ice);transition:all .2s}
.journey-item:hover{border-color:var(--acco-blue);background:var(--fn-info-bg)}
.journey-item-icon{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.journey-item-text .item-title{font-size:.8125rem;font-weight:600;color:var(--acco-charcoal)}
.journey-item-text .item-desc{font-size:.6875rem;color:var(--acco-slate);margin-top:2px;line-height:1.5}
.journey-persona-tip{margin-top:16px;padding:12px 16px;border-radius:var(--radius-md);font-size:.75rem;line-height:1.6;display:flex;align-items:flex-start;gap:10px}
.journey-persona-tip .tip-icon{font-size:1rem;flex-shrink:0;margin-top:1px}

/* ══ COMMUNITY ══ */
.community-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.community-card{background:var(--acco-white);border-radius:var(--radius-lg);padding:28px;border:1px solid var(--acco-ice);border-top:3px solid var(--acco-blue);text-align:center;transition:all .3s}
.community-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--acco-blue)}
.community-icon{width:56px;height:56px;border-radius:var(--radius-lg);margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.community-card h4{font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:var(--acco-charcoal);margin-bottom:8px}
.community-card p{font-size:.75rem;color:var(--acco-slate);line-height:1.6}

/* ══ CARDS ══ */
.card{background:var(--acco-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--acco-ice);overflow:hidden;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}
.card-accent{border-top:3px solid var(--acco-blue)}
.card-header{padding:24px 24px 12px;display:flex;align-items:flex-start;gap:14px}
.card-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}
.card-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--acco-charcoal)}
.card-subtitle{font-size:.75rem;color:var(--acco-gray);margin-top:2px}
.card-body{padding:0 24px 24px}
.card-body p{font-size:.8125rem;color:var(--acco-slate);line-height:1.7;margin-bottom:14px}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.info-item{padding:14px;background:var(--acco-snow);border-radius:var(--radius-md)}
.info-item .info-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--acco-gray);font-weight:600;margin-bottom:4px}
.info-item .info-value{font-size:.875rem;font-weight:600;color:var(--acco-charcoal)}
.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.625rem;font-weight:600}
.tag-success{background:var(--fn-success-bg);color:var(--fn-success)}.tag-warning{background:var(--fn-warning-bg);color:var(--fn-warning)}
.tag-info{background:var(--fn-info-bg);color:var(--fn-info)}.tag-danger{background:var(--fn-danger-bg);color:var(--fn-danger)}.tag-purple{background:var(--purple-bg);color:var(--purple)}

/* ══ ACCESS — INTERACTIVE PROGRESS TRACKER ══ */
.access-flow{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}
.access-sidebar{background:var(--acco-white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--acco-ice);position:sticky;top:84px}
.access-sidebar h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--acco-charcoal);margin-bottom:4px}
.access-progress-text{font-size:.6875rem;color:var(--acco-gray);margin-bottom:12px}
.access-progress-bar{height:4px;background:var(--acco-ice);border-radius:2px;margin-bottom:20px;overflow:hidden}
.access-progress-fill{height:100%;background:linear-gradient(90deg,var(--acco-blue),var(--fn-success));border-radius:2px;transition:width .5s cubic-bezier(.22,1,.36,1);width:0%}
.access-step-nav{list-style:none}
.access-step-nav li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--acco-ice);cursor:pointer;transition:all .2s}
.access-step-nav li:last-child{border-bottom:none}
.step-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--acco-ice);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:var(--acco-gray);flex-shrink:0;transition:all .3s;cursor:pointer}
.step-check:hover{border-color:var(--acco-blue);background:var(--fn-info-bg)}
.step-check.done{background:var(--fn-success);border-color:var(--fn-success);color:white}
.step-check.done::after{content:'✓'}
.step-info .step-name{font-size:.8125rem;font-weight:600;color:var(--acco-charcoal);transition:color .2s}
.step-info .step-duration{font-size:.625rem;color:var(--acco-gray)}
.access-step-nav li.completed .step-name{text-decoration:line-through;color:var(--acco-gray)}
.access-main{display:flex;flex-direction:column;gap:20px}

/* ══ TRAINING ══ */
.training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}
.training-card{background:var(--acco-white);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--acco-ice);box-shadow:var(--shadow-sm);transition:all .3s;position:relative;overflow:hidden}
.training-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--acco-blue)}
.training-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.training-card.fundamental::before{background:var(--acco-blue)}.training-card.advanced::before{background:var(--acco-blue-pale)}.training-card.cert::before{background:var(--fn-success)}
.training-card .training-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin-bottom:14px}
.training-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--acco-charcoal);margin-bottom:6px}
.training-card .training-meta{display:flex;gap:12px;margin-bottom:12px;font-size:.6875rem;color:var(--acco-gray);flex-wrap:wrap}
.training-card p{font-size:.75rem;color:var(--acco-slate);line-height:1.6;margin-bottom:14px}
.training-topics{list-style:none;margin-bottom:16px}
.training-topics li{padding:5px 0;font-size:.75rem;color:var(--acco-charcoal);display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--acco-snow)}
.training-topics li:last-child{border-bottom:none}
.training-topics li::before{content:'✓';width:16px;height:16px;border-radius:50%;background:var(--fn-success-bg);color:var(--fn-success);display:flex;align-items:center;justify-content:center;font-size:.5625rem;flex-shrink:0}
.rec-ribbon{position:absolute;top:14px;right:-30px;background:var(--acco-blue);color:white;font-size:.5rem;font-weight:700;padding:3px 36px;transform:rotate(45deg);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}
.cert-card{display:flex;align-items:center;gap:14px;padding:18px;background:var(--acco-white);border-radius:var(--radius-md);border:1px solid var(--acco-ice);transition:all .2s}
.cert-card:hover{border-color:var(--acco-blue);transform:translateX(4px)}
.cert-badge{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}
.cert-info .cert-name{font-size:.8125rem;font-weight:600;color:var(--acco-charcoal)}
.cert-info .cert-detail{font-size:.6875rem;color:var(--acco-slate);margin-top:2px}

/* ══ DASHBOARDS ══ */
.dash-tabs{display:flex;gap:6px;margin-bottom:28px;flex-wrap:wrap}
.dash-tab{padding:7px 18px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--acco-slate);background:var(--acco-white);border:1px solid var(--acco-ice);cursor:pointer;transition:all .2s}
.dash-tab:hover{border-color:var(--acco-silver)}.dash-tab.active{background:var(--acco-blue);color:white;border-color:var(--acco-blue)}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
.dash-card{background:var(--acco-white);border-radius:var(--radius-lg);border:1px solid var(--acco-ice);overflow:hidden;transition:all .3s;position:relative}
.dash-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.dash-card-preview{height:150px;display:flex;align-items:flex-end;justify-content:center;gap:7px;padding:24px 24px 14px}
.chart-bar{width:22px;border-radius:4px 4px 0 0}
.dash-card-body{padding:18px}
.dash-card-body h4{font-size:.875rem;font-weight:600;color:var(--acco-charcoal);margin-bottom:4px}
.dash-card-body .dash-desc{font-size:.75rem;color:var(--acco-slate);line-height:1.5;margin-bottom:12px}
.dash-card-meta{display:flex;align-items:center;justify-content:space-between}
.dash-card-meta .source{font-size:.625rem;color:var(--acco-gray)}
.dash-refresh{font-size:.5625rem;color:var(--acco-silver);margin-top:8px;display:flex;align-items:center;gap:4px}
.dash-card .curator-lock{position:absolute;inset:0;background:rgba(246,248,250,.85);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-lg);z-index:2}
.curator-lock .lock-icon{font-size:1.5rem}.curator-lock .lock-text{font-size:.6875rem;font-weight:600;color:var(--acco-slate)}
.curator-lock .lock-btn{padding:6px 14px;border-radius:var(--radius-full);background:var(--acco-blue);color:white;font-size:.625rem;font-weight:600;border:none;cursor:pointer}

/* ══ SOP FLOW DIAGRAM ══ */
.sop-flow{background:var(--acco-white);border-radius:var(--radius-lg);border:1px solid var(--acco-ice);padding:28px;margin-top:20px;box-shadow:var(--shadow-sm)}
.sop-flow h4{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--acco-charcoal);margin-bottom:4px}
.sop-flow .sop-sub{font-size:.75rem;color:var(--acco-slate);margin-bottom:24px}
.sop-paths{display:flex;flex-direction:column;gap:20px}
.sop-row{display:flex;align-items:center;gap:8px}
.sop-label{width:90px;flex-shrink:0;padding:8px 12px;border-radius:var(--radius-md);font-size:.6875rem;font-weight:700;text-align:center}
.sop-arrow{color:var(--acco-silver);font-size:.625rem;flex-shrink:0}
.sop-layer{padding:10px 16px;border-radius:var(--radius-md);font-size:.6875rem;font-weight:600;text-align:center;min-width:90px;border:2px solid;position:relative}
.sop-layer.copper{background:var(--copper-bg);color:var(--copper);border-color:var(--copper)}
.sop-layer.bronze{background:var(--bronze-bg);color:var(--bronze);border-color:var(--bronze)}
.sop-layer.silver{background:var(--acco-ice);color:var(--acco-slate);border-color:var(--acco-slate)}
.sop-layer.gold{background:var(--gold-bg);color:var(--gold);border-color:var(--gold)}
.sop-layer-detail{font-size:.5rem;font-weight:400;display:block;margin-top:2px;opacity:.7}

/* ══ PROJECTS TABLE ══ */
.projects-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}
.search-box{display:flex;align-items:center;gap:8px;background:var(--acco-white);border:1px solid var(--acco-ice);border-radius:var(--radius-full);padding:10px 20px;min-width:300px;transition:border-color .2s}
.search-box:focus-within{border-color:var(--acco-blue)}
.search-box input{border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:.8125rem;color:var(--acco-charcoal);width:100%}
.search-box input::placeholder{color:var(--acco-silver)}
.projects-table-wrap{background:var(--acco-white);border-radius:var(--radius-lg);border:1px solid var(--acco-ice);overflow-x:auto;box-shadow:var(--shadow-sm)}
.projects-table{width:100%;border-collapse:collapse}
.projects-table thead th{background:var(--acco-snow);padding:12px 16px;text-align:left;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--acco-slate);border-bottom:1px solid var(--acco-ice);white-space:nowrap}
.projects-table tbody tr{transition:background .15s;cursor:pointer}.projects-table tbody tr:hover{background:var(--acco-snow)}
.projects-table tbody td{padding:14px 16px;font-size:.75rem;color:var(--acco-charcoal);border-bottom:1px solid var(--acco-ice);vertical-align:middle}
.projects-table .proj-name{font-weight:600}.projects-table .proj-sop{font-family:var(--font-mono);font-size:.6875rem}
.medallion-pills{display:flex;gap:3px}
.medallion-pill{padding:2px 8px;border-radius:var(--radius-full);font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.pill-copper{background:var(--copper-bg);color:var(--copper)}.pill-bronze{background:var(--bronze-bg);color:var(--bronze)}.pill-silver{background:var(--acco-ice);color:var(--acco-slate)}.pill-gold{background:var(--gold-bg);color:var(--gold)}

/* ══ SELF-SERVICE ══ */
.self-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:36px}
.role-card{background:var(--acco-white);border-radius:var(--radius-lg);border:1px solid var(--acco-ice);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s;position:relative}
.role-card.highlighted{border-color:var(--acco-blue);box-shadow:var(--shadow-md)}
.role-card .your-role-badge{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:var(--radius-full);background:var(--acco-blue);color:white;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:none}
.role-card.highlighted .your-role-badge{display:block}
.role-card-header{padding:24px;display:flex;align-items:center;gap:14px}
.role-card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.375rem}
.role-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--acco-charcoal)}
.role-card .role-sub{font-size:.6875rem;color:var(--acco-slate)}
.role-capabilities{list-style:none;padding:0 24px 24px}
.role-capabilities li{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:.75rem;color:var(--acco-charcoal);border-bottom:1px solid var(--acco-snow)}
.role-capabilities li:last-child{border-bottom:none}
.role-capabilities li .cap-check{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;flex-shrink:0}

/* FAQ */
.kb-search{display:flex;align-items:center;gap:8px;background:var(--acco-white);border:2px solid var(--acco-ice);border-radius:var(--radius-lg);padding:14px 24px;margin-bottom:24px;transition:border-color .2s}
.kb-search:focus-within{border-color:var(--acco-blue)}
.kb-search input{border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:.9375rem;color:var(--acco-charcoal);width:100%}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--acco-white);border-radius:var(--radius-md);border:1px solid var(--acco-ice);overflow:hidden;transition:border-color .2s}
.faq-item.open{border-color:var(--acco-blue)}
.faq-question{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--acco-charcoal);transition:color .2s;gap:12px}
.faq-question:hover{color:var(--acco-blue)}
.faq-arrow{transition:transform .3s;font-size:.8125rem;color:var(--acco-gray);flex-shrink:0}
.faq-item.open .faq-arrow{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1)}
.faq-answer-inner{padding:0 24px 18px;font-size:.75rem;color:var(--acco-slate);line-height:1.7}

/* Ticket */
.ticket-form{background:var(--acco-white);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--acco-ice);box-shadow:var(--shadow-sm)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:.75rem;font-weight:600;color:var(--acco-charcoal);margin-bottom:4px}
.form-control{width:100%;padding:11px 14px;border:2px solid var(--acco-ice);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.8125rem;color:var(--acco-charcoal);transition:border-color .2s;outline:none;background:var(--acco-white)}
.form-control:focus{border-color:var(--acco-blue)}.form-control::placeholder{color:var(--acco-silver)}
textarea.form-control{min-height:110px;resize:vertical}
.priority-selector{display:flex;gap:8px}
.priority-btn{flex:1;padding:9px;border:2px solid var(--acco-ice);border-radius:var(--radius-md);background:var(--acco-white);cursor:pointer;text-align:center;font-family:var(--font-body);font-size:.75rem;font-weight:500;color:var(--acco-slate);transition:all .2s}
.priority-btn:hover{border-color:var(--acco-silver)}.priority-btn.selected{border-color:var(--acco-blue);background:var(--fn-info-bg);color:var(--acco-blue)}
.ticket-success{display:none;text-align:center;padding:48px 24px}.ticket-success.show{display:block}
.ticket-success .success-icon{font-size:2.5rem;margin-bottom:14px}
.ticket-success h3{font-family:var(--font-display);font-size:1.125rem;color:var(--acco-charcoal);margin-bottom:8px}
.ticket-success p{font-size:.8125rem;color:var(--acco-slate)}

/* ══ FOOTER ══ */
.footer{background:var(--acco-blue-deeper);color:rgba(255,255,255,.45);padding:36px 0 20px;margin-top:48px}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:20px}
.footer-brand .footer-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.footer-brand .fl-circle{width:28px;height:28px;background:var(--acco-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:.5625rem;border:1px solid rgba(255,255,255,.12)}
.footer-brand .fl-text{font-weight:700;font-size:.875rem;color:var(--acco-white)}
.footer-brand .fl-text span{color:rgba(255,255,255,.4);font-weight:400}
.footer-brand .footer-desc{font-size:.75rem;max-width:300px;line-height:1.6}
.footer-links{display:flex;gap:48px}
.footer-col h5{font-size:.5625rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.35);font-weight:600;margin-bottom:12px}
.footer-col a{display:block;font-size:.75rem;color:rgba(255,255,255,.4);text-decoration:none;margin-bottom:6px;transition:color .2s}.footer-col a:hover{color:var(--acco-white)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.6875rem}
.footer-bottom .copyright{color:rgba(255,255,255,.25)}
.powered-by{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.3)}
.powered-by .ratna-badge{padding:3px 10px;background:rgba(255,255,255,.06);border-radius:var(--radius-sm);color:rgba(255,255,255,.5);font-weight:700;font-size:.625rem}

.toast{position:fixed;bottom:24px;right:24px;background:var(--acco-blue-deeper);color:white;padding:14px 24px;border-radius:var(--radius-md);font-size:.8125rem;box-shadow:var(--shadow-xl);transform:translateX(120%);transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:8000}.toast.show{transform:translateX(0)}
/* ══ RESOURCE LINKS ══ */
.resource-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px}
.resource-link{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--acco-white);border-radius:var(--radius-md);border:1px solid var(--acco-ice);text-decoration:none;transition:all .25s;cursor:pointer}
.resource-link:hover{border-color:var(--acco-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.resource-link .rl-icon{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}
.resource-link .rl-title{font-size:.8125rem;font-weight:600;color:var(--acco-charcoal)}
.resource-link .rl-desc{font-size:.625rem;color:var(--acco-gray);margin-top:1px}
.resource-link .rl-arrow{margin-left:auto;color:var(--acco-silver);font-size:.75rem;transition:transform .2s}
.resource-link:hover .rl-arrow{transform:translateX(3px);color:var(--acco-blue)}

.anim-in{opacity:0;transform:translateY(18px);transition:opacity .5s ease-out,transform .5s ease-out}.anim-in.visible{opacity:1;transform:translateY(0)}

@media(max-width:768px){
.nav-links,.nav-divider{display:none}.nav-switch{display:none}.nav-docs{display:none}.quick-links-inner{grid-template-columns:1fr 1fr}
.journey-steps{grid-template-columns:1fr 1fr}.journey-track{display:none}
.access-flow{grid-template-columns:1fr}.access-sidebar{position:static}
.training-grid,.community-cards{grid-template-columns:1fr 1fr}
.self-service-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}
.hero-flow-header{flex-direction:column;align-items:flex-start;gap:12px}
.hero-flow-stats{gap:16px}.hero-flow-actions .btn{padding:8px 14px;font-size:.6875rem}
.flow-row{flex-wrap:wrap;gap:6px}.flow-branches{grid-template-columns:1fr}
.flow-sub-paths{grid-template-columns:1fr}
.footer-top{flex-direction:column;gap:24px}
}
.footer-links{flex-wrap:wrap;gap:24px}
.cookie-banner{flex-direction:column}.dash-grid{grid-template-columns:1fr}
.sop-row{flex-wrap:wrap}.sop-label{width:auto}
#keyFeaturesGrid{grid-template-columns:1fr 1fr !important}
#howItWorksGrid{grid-template-columns:1fr 1fr !important}
#topFeaturesGrid{grid-template-columns:1fr !important}
#requestHubStats{grid-template-columns:1fr !important}
#manageSnowStats{grid-template-columns:1fr !important}
#ticketHowItWorks{grid-template-columns:1fr 1fr !important}
}
::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--acco-snow)}::-webkit-scrollbar-thumb{background:var(--acco-silver);border-radius:4px}