:root{--ink: #050c42;--ink2: #232a5e;--slate: #595f86;--slate2: #9095bb;--line: #e5e7f1;--line2: #eef0f8;--brand: #fec803;--brand2: #f6b800;--branddeep: #e0a400;--brandink: #050c42;--brandtint: #fff3c2;--brandtint2: #ffe183;--amber: #fec803;--amber2: #ffd84a;--amberdeep: #e6a200;--gold: #fec803;--gold2: #ffd64a;--accent: #f03802;--accent2: #ff5a2a;--accentdeep: #cf2e00;--accenttint: #ffe1d7;--accenttint2: #ffc7b4;--green: #16a34a;--greenbg: #dcfce7;--greenline: #86efac;--sky: #2563eb;--skybg: #dbeafe;--coral: #f03802;--teal: #0d9488;--violet: #7c3aed;--bg: #fffef9;--bg2: #fffdf2;--bg3: #fff7df;--card: #ffffff;--cream: #fff8e6;--disp: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--ui: "Inter", system-ui, -apple-system, sans-serif;--grad-brand: linear-gradient(135deg, #ffd84a, #fec803);--grad-brand-deep: linear-gradient(135deg, #fec803, #f3ad00);--grad-accent: linear-gradient(135deg, #ff5a2a, #f03802);--grad-sun: linear-gradient(120deg, #fec803 0%, #f9760a 52%, #f03802 100%);--grad-logo: #fec803;--grad-page: linear-gradient(135deg, #ffffff 0%, #fffdf2 48%, #fff6da 100%);--grad-bars: linear-gradient(180deg, #ffd23d, #f7950a);--shadow: 0 40px 80px -34px rgba(5, 12, 66, .26), 0 10px 26px -12px rgba(5, 12, 66, .12);--shadow-md: 0 28px 56px -28px rgba(5, 12, 66, .24), 0 8px 18px -10px rgba(5, 12, 66, .12);--shadow-sm: 0 18px 40px -22px rgba(5, 12, 66, .22);--shadow-xs: 0 8px 20px -12px rgba(5, 12, 66, .2);--shadow-btn: 0 16px 30px -10px rgba(240, 56, 2, .5);--shadow-brand: 0 16px 30px -12px rgba(240, 170, 0, .55);--glow: 0 0 0 1px rgba(240, 56, 2, .16), 0 24px 60px -24px rgba(240, 56, 2, .5);--r-xs: 9px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-2xl: 36px;--r-pill: 100px;--maxw: 1200px;--gutter: clamp(20px, 5vw, 64px);--section-y: clamp(72px, 11vw, 152px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--ui);color:var(--ink);background:var(--bg);background-image:radial-gradient(900px 620px at 92% 2%,rgba(254,200,3,.16),transparent 60%),radial-gradient(680px 560px at 4% 26%,rgba(240,56,2,.06),transparent 60%),var(--grad-page);background-attachment:fixed;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}html{overflow-x:clip}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}::selection{background:var(--brandtint2);color:var(--ink)}:focus-visible{outline:3px solid rgba(240,56,2,.55);outline-offset:3px;border-radius:6px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background:var(--brandtint2);border:3px solid var(--bg);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--amber2)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--section-y)}.dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(5,12,66,.07) 1.3px,transparent 1.4px);background-size:30px 30px;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none;z-index:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:9px 16px;border-radius:var(--r-pill);font-weight:700;font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--brandink)}.eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #f03802cc}.display{font-family:var(--disp);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--ink)}.hl{color:var(--accent)}.grad-text{background:var(--grad-sun);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(17px,2vw,20.5px);line-height:1.6;color:var(--slate);font-weight:450}.section-head{display:flex;flex-direction:column;gap:18px;max-width:680px}.section-head h2{font-family:var(--disp);font-weight:800;font-size:clamp(32px,5vw,52px);line-height:1.07;letter-spacing:-.035em}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow)}.glass{background:#ffffffb8;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.7)}.chip{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:10px 16px;border-radius:var(--r-sm);font-size:15px;font-weight:700;color:var(--ink2)}.tag{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;border-radius:8px;padding:5px 10px;letter-spacing:.04em}.tag-brand{color:var(--brandink);background:var(--brandtint)}.tag-green{color:var(--green);background:var(--greenbg)}.tag-sky{color:var(--sky);background:var(--skybg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:16px;border-radius:var(--r-sm);padding:14px 24px;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-out),background .2s ease;will-change:transform}.btn:active{transform:translateY(1px) scale(.98)}.btn-primary{background:var(--grad-accent);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 42px -12px #f03802b3}.btn-brand{background:var(--grad-brand);color:var(--brandink);box-shadow:var(--shadow-brand)}.btn-brand:hover{transform:translateY(-2px);box-shadow:0 22px 42px -12px #f0aa00b3}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-xs)}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--brandtint2);box-shadow:var(--shadow-sm)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{transform:translateY(-2px);background:#0c1556}.brandmark{display:inline-flex;align-items:center;gap:12px}.brandmark .logo{width:42px;height:42px;border-radius:12px;background:var(--grad-logo);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px -8px #f2a20cb3;flex:none}.brandmark .name{font-family:var(--disp);font-weight:800;font-size:21px;color:var(--ink);letter-spacing:-.02em}.brandmark .name span{color:var(--slate2);font-weight:600}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.band{background:linear-gradient(180deg,#fff0,#fffdf6b3 12%,#fffdf6b3 88%,#fff0)}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float-y-rot{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-12px) rotate(var(--rot, 0deg))}}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(24px,-20px) scale(1.06)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-glow{0%,to{opacity:.55}50%{opacity:.9}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}