@charset "UTF-8";:root{--ink-950: #0e0b1f;--ink-900: #161230;--ink-800: #221c45;--ink-700: #332a5e;--violet-700: #5a2a8c;--violet-600: #7437ad;--violet-500: #8c56c7;--violet-400: #a77ddb;--violet-300: #c4a8e8;--violet-100: #efe7fa;--violet-50: #f8f4fd;--sky-500: #3e9fd3;--sky-400: #6bb6df;--sky-300: #9fd0ec;--sky-100: #e4f2fa;--cyan-400: #19d9de;--hubikub-navy: #0e1837;--hubikub-lilac: #b9a7da;--hubikub-cyan: #52d6d9;--gray-900: #1d1b26;--gray-700: #3f3c4c;--gray-500: #6e6a7c;--gray-400: #9692a4;--gray-300: #cfcbd9;--gray-200: #e7e3ef;--gray-100: #f4f2f8;--white: #ffffff;--bg: var(--white);--bg-soft: #f8f6fc;--text: var(--gray-900);--text-muted: var(--gray-500);--line: var(--gray-200);--grad-brand: linear-gradient(120deg, var(--violet-600) 0%, var(--violet-500) 45%, var(--sky-400) 100%);--grad-text: linear-gradient(100deg, var(--violet-300) 0%, var(--sky-300) 100%);--grad-text-dark: linear-gradient(100deg, var(--violet-600) 0%, var(--sky-500) 100%);--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-accent: "Fraunces", Georgia, serif;--radius-sm: 10px;--radius: 18px;--radius-lg: 28px;--shadow-sm: 0 1px 2px rgba(22, 18, 48, .06), 0 2px 8px rgba(22, 18, 48, .04);--shadow: 0 10px 30px -12px rgba(22, 18, 48, .18), 0 2px 6px rgba(22, 18, 48, .05);--shadow-lg: 0 30px 60px -20px rgba(58, 30, 110, .35);--container: 1200px;--gutter: clamp(16px, 4vw, 32px);--header-h: 76px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);scrollbar-color:var(--violet-600) var(--ink-950);background:var(--ink-950)}@supports not (scrollbar-color: auto){::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--ink-950)}::-webkit-scrollbar-thumb{background:var(--violet-600);border:3px solid var(--ink-950);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--violet-500)}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.025em;font-weight:800}h1{font-size:clamp(2.5rem,6vw,4.6rem);letter-spacing:-.035em}h2{font-size:clamp(2rem,4vw,3.1rem)}h3{font-size:1.3rem;letter-spacing:-.015em}p{margin:0}::selection{background:var(--violet-500);color:var(--white)}:focus-visible{outline:2px solid var(--sky-400);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(72px,10vw,128px);position:relative}.section--soft{background:var(--bg-soft)}.section--dark{background:var(--ink-950);color:var(--white)}.section-head{max-width:760px;margin-bottom:clamp(40px,6vw,64px)}.section-head--center{margin-inline:auto;text-align:center}.section-head .lead{margin-top:18px}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--violet-600)}.eyebrow:before{content:"";width:28px;height:2px;border-radius:2px;background:var(--grad-brand)}.section--dark .eyebrow,.on-dark .eyebrow{color:var(--sky-300)}.accent{font-family:var(--font-accent);font-style:italic;font-weight:500;letter-spacing:-.02em;background:var(--grad-text-dark);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}.section--dark .accent,.on-dark .accent{background-image:var(--grad-text)}.lead{font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.6;color:var(--text-muted)}.section--dark .lead,.on-dark .lead{color:#ffffffb8}.muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:1px solid transparent;border-radius:999px;font-weight:700;font-size:.98rem;letter-spacing:-.005em;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .25s,border-color .25s,color .25s;white-space:nowrap}.btn svg{width:18px;height:18px;transition:transform .35s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn--primary{background:var(--grad-brand) border-box no-repeat;background-size:140% 100%;color:var(--white);box-shadow:0 10px 30px -10px #7437adb3}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px #7437add9;background-position:100% 0}.btn--ghost{border-color:#ffffff38;color:var(--white);background:#ffffff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn--ghost:hover{border-color:#ffffff80;background:#ffffff1a}.btn--outline{border-color:var(--gray-300);color:var(--gray-900);background:var(--white)}.btn--outline:hover{border-color:var(--violet-500);color:var(--violet-700)}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--violet-600)}.link-arrow svg{width:17px;height:17px;transition:transform .35s var(--ease)}.link-arrow:hover svg{transform:translate(4px)}.card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3vw,34px);box-shadow:var(--shadow-sm);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}.card--hover:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--violet-300)}.icon-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(140deg,var(--violet-100),var(--sky-100));color:var(--violet-600);flex-shrink:0}.icon-badge svg{width:26px;height:26px}.chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:var(--violet-50);border:1px solid var(--violet-100);color:var(--violet-700);font-size:.85rem;font-weight:600}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.check-list li{position:relative;padding-left:32px}.check-list li:before{content:"";position:absolute;left:0;top:.32em;width:20px;height:20px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat,var(--grad-brand)}.todo{background:repeating-linear-gradient(-45deg,#ffc10729 0 6px,#ffc1070f 6px 12px);border-bottom:1px dashed #d79b00;border-radius:3px;padding:0 4px}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.js .reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.glow-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.glow-bg:before,.glow-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}.glow-bg:before{width:620px;height:620px;left:-180px;top:-220px;background:radial-gradient(circle,rgba(116,55,173,.75),transparent 70%)}.glow-bg:after{width:560px;height:560px;right:-160px;bottom:-260px;background:radial-gradient(circle,rgba(62,159,211,.55),transparent 70%)}.play-btn{position:relative;display:grid;place-items:center;width:64px;height:64px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#0e1837b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--white);cursor:pointer;transition:transform .3s var(--ease),background-color .3s}.play-btn svg{width:46%;height:46%;margin-left:6%;fill:currentColor}.play-btn:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:play-pulse 2.4s ease-out infinite}@keyframes play-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}.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}