:root{--color-primary-900:#07102c;--color-primary-800:#0e1c43;--color-primary-700:#182b62;--color-primary-600:#273f86;--color-primary-500:#3b58b0;--color-primary-400:#5976cf;--color-primary-300:#859ce0;--color-primary-200:#b3c2ef;--color-primary-100:#dce3f9;--color-primary-50:#f2f4fd;--color-accent-600:#b8780a;--color-accent-500:#f9a006;--color-accent-400:#ffb83d;--color-accent-300:#ffce7a;--color-teal-600:#178279;--color-teal-500:#1da599;--color-teal-400:#2bcabd;--color-teal-300:#64d8cf;--color-neutral-950:#0c0e12;--color-neutral-900:#16181d;--color-neutral-800:#24272e;--color-neutral-700:#3c4049;--color-neutral-600:#5e636e;--color-neutral-500:#7d828c;--color-neutral-400:#9fa2a8;--color-neutral-300:#b9bbc1;--color-neutral-200:#d3d5d9;--color-neutral-100:#e9eaed;--color-neutral-50:#f6f7f8;--color-white:#fff;--color-success:#20b657;--color-warning:#f9a006;--color-error:#dd2c2c;--color-info:#1da7ed;--glass-bg:#19264d2e;--glass-bg-light:#f8f9fb14;--glass-border:#ffffff1a;--glass-blur:blur(20px);--glass-blur-sm:blur(10px);--font-primary:"Plus Jakarta Sans", system-ui, sans-serif;--font-secondary:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:clamp(.7rem, 1.5vw, .75rem);--text-sm:clamp(.82rem, 1.8vw, .875rem);--text-base:clamp(.95rem, 2vw, 1rem);--text-lg:clamp(1.05rem, 2.2vw, 1.125rem);--text-xl:clamp(1.15rem, 2.5vw, 1.25rem);--text-2xl:clamp(1.3rem, 3vw, 1.5rem);--text-3xl:clamp(1.6rem, 4vw, 1.875rem);--text-4xl:clamp(1.9rem, 5vw, 2.25rem);--text-5xl:clamp(2.2rem, 6vw, 3rem);--text-6xl:clamp(2.6rem, 7vw, 3.75rem);--text-7xl:clamp(3rem, 8vw, 4.5rem);--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--lh-loose:1.8;--ls-tight:-.025em;--ls-normal:0;--ls-wide:.025em;--ls-wider:.05em;--ls-widest:.1em;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-40:160px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--shadow-sm:0 1px 3px #050f2312, 0 1px 2px #050f230a;--shadow-md:0 4px 8px #050f2314, 0 2px 4px #050f230d;--shadow-lg:0 12px 20px #050f231a, 0 4px 8px #050f230f;--shadow-xl:0 20px 40px #050f231f, 0 8px 16px #050f2314;--shadow-2xl:0 32px 64px #050f2326, 0 12px 24px #050f231a;--shadow-gold:0 0 32px #f9a00647, 0 4px 16px #f9a00633;--shadow-glow:0 0 80px #3b58b04d;--shadow-inner:inset 0 2px 8px #07102c1f;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-raised:10;--z-overlay:100;--z-modal:200;--z-toast:300;--z-nav:400;--container-max:1400px;--container-pad:clamp(var(--space-4), 5vw, var(--space-20));--section-pad-y:clamp(48px, 7vw, 100px);--nav-height:108px;--bg-page:var(--color-neutral-50);--bg-dark:var(--color-primary-900)}@media (max-width:1023px){:root{--nav-height:92px}}@media (max-width:640px){:root{--nav-height:84px}}[data-theme=dark]{--bg-page:var(--color-neutral-950)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-secondary);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--color-neutral-800);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-primary-900);letter-spacing:var(--ls-tight)}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-4xl)}h4{font-size:var(--text-3xl)}h5{font-size:var(--text-2xl)}h6{font-size:var(--text-xl)}p{font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--color-neutral-600)}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.section{padding-block:var(--section-pad-y)}.section--dark{background:var(--color-primary-900);color:var(--color-white)}.section--light{background:var(--color-neutral-50)}.section--mid{background:var(--color-primary-50)}.section-header{text-align:center;max-width:720px;margin-inline:auto;margin-bottom:clamp(var(--space-8), 4vw, var(--space-16))}.section-label{align-items:center;gap:var(--space-2);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--color-accent-500);margin-bottom:var(--space-4);display:inline-flex}.section-label:before{content:"";background:var(--color-accent-500);border-radius:var(--radius-full);width:24px;height:2px}.section-title{font-size:var(--text-5xl);font-weight:var(--fw-extrabold);color:var(--color-primary-900);margin-bottom:var(--space-5);line-height:var(--lh-tight)}.section-title--light{color:var(--color-white)}.section-desc{font-size:var(--text-lg);color:var(--color-neutral-600);line-height:var(--lh-relaxed)}.section-desc--light{color:#d1d6e0e6}.gradient-text{background:linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-accent-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text--blue{background:linear-gradient(135deg, var(--color-primary-400) 0%, var(--color-teal-400) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grid-2{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);font-family:var(--font-primary);letter-spacing:var(--ls-wide);align-items:center;display:inline-flex}.tag--gold{color:var(--color-accent-600);background:#f9a0061f;border:1px solid #f9a00640}.tag--blue{color:var(--color-primary-600);background:#3b58b01a;border:1px solid #3b58b033}.tag--teal{color:var(--color-teal-600);background:#1da5991a;border:1px solid #1da59933}.tag--green{color:var(--color-success);background:#20b6571a;border:1px solid #20b65733}.card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-neutral-200);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card--glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:2px solid #0000;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26 0%,#0000 100%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn--primary{background:linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-accent-600) 100%);color:var(--color-primary-900);border-color:var(--color-accent-500);box-shadow:var(--shadow-gold)}.btn--primary:hover{background:linear-gradient(135deg, var(--color-accent-400) 0%, var(--color-accent-500) 100%);transform:translateY(-2px);box-shadow:0 0 48px #f9a00666}.btn--secondary{background:var(--color-primary-900);color:var(--color-white);border-color:var(--color-primary-900)}.btn--secondary:hover{background:var(--color-primary-800);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn--outline{color:var(--color-primary-900);border-color:var(--color-primary-900);background:0 0}.btn--outline:hover{background:var(--color-primary-900);color:var(--color-white);transform:translateY(-2px)}.btn--outline-light{color:var(--color-white);background:0 0;border-color:#fff6}.btn--outline-light:hover{background:#ffffff1a;border-color:#ffffffb3;transform:translateY(-2px)}.btn--white{background:var(--color-white);color:var(--color-primary-900);border-color:var(--color-white);box-shadow:var(--shadow-sm)}.btn--white:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-50);color:var(--color-primary-800);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--ghost{color:var(--color-primary-700);padding-inline:var(--space-4);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--color-primary-50);color:var(--color-primary-900)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.divider{border:none;border-top:1px solid var(--color-neutral-200);margin-block:var(--space-8)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}to{opacity:.8;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeUp{animation:.7s both fadeUp}.animate-fadeIn{animation:.5s both fadeIn}.animate-float{animation:4s ease-in-out infinite float}.animate-spin-slow{animation:60s linear infinite spin-slow}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-primary-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-600)}::selection{background:var(--color-accent-500);color:var(--color-primary-900)}:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{top:-100%;left:var(--space-4);background:var(--color-accent-500);color:var(--color-primary-900);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--fw-semibold);z-index:9999;transition:top var(--transition-fast);position:absolute}.skip-link:focus{top:var(--space-4)}.demo-content{position:relative}.demo-content:after{content:"Demo Content – To Be Replaced";color:var(--color-primary-900);pointer-events:none;z-index:10;background:#f9a006e6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:4px;right:4px}.img-placeholder{background:linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-50) 100%);color:var(--color-primary-400);font-size:var(--text-sm);font-family:var(--font-primary);justify-content:center;align-items:center;display:flex}.prose h2{font-size:var(--text-3xl);margin-top:var(--space-12);margin-bottom:var(--space-6)}.prose h3{font-size:var(--text-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4)}.prose p{margin-bottom:var(--space-6)}.prose ul,.prose ol{padding-left:var(--space-6);margin-bottom:var(--space-6)}.prose li{margin-bottom:var(--space-2);line-height:var(--lh-relaxed)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-neutral-700)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-neutral-800);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b58b01f}.form-input::placeholder{color:var(--color-neutral-400)}.form-error{font-size:var(--text-xs);color:var(--color-error);font-weight:var(--fw-medium)}.whatsapp-float{bottom:var(--space-8);right:var(--space-6);z-index:var(--z-overlay);position:fixed}.marquee-track{width:fit-content;animation:25s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.scroll-snap-x{gap:var(--space-6);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.scroll-snap-x::-webkit-scrollbar{display:none}.scroll-snap-item{scroll-snap-align:start;flex-shrink:0}.mobile-bottom-bar{background:var(--color-white);border-top:1px solid var(--color-neutral-200);z-index:var(--z-nav);padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #07102c1f}@media (max-width:768px){.mobile-bottom-bar{gap:var(--space-2);display:flex}body{padding-bottom:80px}.whatsapp-float{bottom:calc(var(--space-8) + 70px)}}@media (max-width:640px){.btn--xl{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--lg{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}}