:root,[data-theme=dark]{--bg-primary: #041724;--bg-secondary: #071E30;--bg-card: rgba(11, 33, 52, .72);--bg-card-hover: rgba(16, 44, 69, .85);--bg-card-solid: #0A2236;--bg-pill: rgba(200, 163, 74, .08);--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #041724;--accent-gold: #C8A34A;--accent-gold-hover: #D8B75E;--accent-gold-light: #ECC876;--accent-gold-dark: #75561E;--accent-gold-glow: rgba(200, 163, 74, .24);--accent-cyan: #00E5FF;--accent-cyan-glow: rgba(0, 229, 255, .2);--accent-emerald: #10B981;--accent-emerald-glow: rgba(16, 185, 129, .2);--border-subtle: rgba(200, 163, 74, .16);--border-glass: rgba(255, 255, 255, .08);--border-active: rgba(200, 163, 74, .48);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-gold: 0 0 35px rgba(200, 163, 74, .2);--nav-bg: rgba(4, 23, 36, .82);--surface-grid: rgba(200, 163, 74, .035);--brand-emblem: url(/brand/logo-gold-dark.png);--brand-wordmark: url(/brand/documory-wordmark-white.png)}[data-theme=light]{--bg-primary: #F8FAFC;--bg-secondary: #EDF2F7;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: #FFFFFF;--bg-card-solid: #FFFFFF;--bg-pill: rgba(117, 86, 30, .06);--text-primary: #041724;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--accent-gold: #75561E;--accent-gold-hover: #8F6925;--accent-gold-light: #C8A34A;--accent-gold-dark: #4A3611;--accent-gold-glow: rgba(117, 86, 30, .18);--accent-cyan: #0097A7;--accent-cyan-glow: rgba(0, 151, 167, .15);--accent-emerald: #059669;--accent-emerald-glow: rgba(5, 150, 105, .15);--border-subtle: rgba(117, 86, 30, .16);--border-glass: rgba(0, 0, 0, .06);--border-active: rgba(117, 86, 30, .4);--shadow-sm: 0 2px 8px rgba(4, 23, 36, .05);--shadow-md: 0 8px 24px rgba(4, 23, 36, .08);--shadow-lg: 0 16px 40px rgba(4, 23, 36, .12);--shadow-gold: 0 0 35px rgba(117, 86, 30, .12);--nav-bg: rgba(248, 250, 252, .88);--surface-grid: rgba(4, 23, 36, .025);--brand-emblem: url(/brand/logo-gold-light.png);--brand-wordmark: url(/brand/documory-wordmark-black.png)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(to right,var(--surface-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--surface-grid) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-20%;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(circle,rgba(200,163,74,.08) 0%,rgba(0,229,255,.04) 40%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--text-primary);font-weight:700;letter-spacing:-.02em;line-height:1.2}p{color:var(--text-secondary);font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none;transition:color .2s ease}code,pre,.mono{font-family:JetBrains Mono,monospace}.text-gold-gradient{background:linear-gradient(135deg,#ecc876,#c8a34a,#9a7727);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}[data-theme=light] .text-gold-gradient{background:linear-gradient(135deg,#8a641c,#75561e,#4d3710);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.section{padding:5rem 0;position:relative}@media(max-width:768px){.section{padding:3.5rem 0}}.section-header{text-align:center;max-width:760px;margin:0 auto 3.5rem}.section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:9999px;background:var(--bg-pill);border:1px solid var(--border-subtle);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-gold);margin-bottom:1rem}.section-title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.03em}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-md),var(--shadow-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:.92rem;padding:.75rem 1.4rem;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#c8a34a,#a48130);color:#041724;font-weight:700;box-shadow:0 4px 16px #c8a34a52}.btn-primary:hover{background:linear-gradient(135deg,#ddb95b,#b89239);box-shadow:0 6px 22px #c8a34a73;transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:#c8a34a1a;border-color:var(--border-active);color:var(--accent-gold);transform:translateY(-1px)}.btn-sm{padding:.45rem .9rem;font-size:.82rem;border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}@keyframes breathPulse{0%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(200,163,74,.2))}50%{transform:scale(1.035);filter:drop-shadow(0 0 24px rgba(200,163,74,.5))}to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(200,163,74,.2))}}.animate-pulse-glow{animation:breathPulse 3.5s infinite ease-in-out}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:floatGentle 5s infinite ease-in-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#c8a34a4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c8a34a99}