:root{--ink-primary: #6c3bf4;--ink-primary-600: #5a29e0;--ink-primary-700: #4a1fc0;--ink-magenta: #ff3d8b;--ink-lime: #c6f24e;--ink-amber: #ffb43d;--ink-ink: #17151f;--ink-ink-2: #3a3552;--ink-muted: #6d6885;--ink-faint: #9a95ad;--ink-bg: #f6f4fb;--ink-bg-2: #efeafd;--ink-card: #ffffff;--ink-line: #e7e2f4;--ink-line-strong: #d6cfec;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 34px;--sh-sm: 0 2px 6px rgba(23, 21, 31, .06);--sh-md: 0 12px 28px -10px rgba(58, 32, 140, .22);--sh-lg: 0 30px 60px -20px rgba(58, 32, 140, .32);--sh-glow: 0 16px 40px -12px rgba(108, 59, 244, .5);--font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--ink-ink);background:var(--ink-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:-.03em;margin:0;color:var(--ink-ink)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--ink-lime);color:var(--ink-ink)}:focus-visible{outline:3px solid var(--ink-primary);outline-offset:2px;border-radius:6px}.btn{--bg: var(--ink-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:13px 24px;font-family:var(--font-body);font-weight:650;font-size:15px;letter-spacing:-.01em;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--ink-ink);color:#fff;box-shadow:var(--sh-md)}.btn-primary:hover{background:#000;box-shadow:var(--sh-lg);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--ink-primary),var(--ink-magenta));color:#fff;box-shadow:var(--sh-glow)}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 22px 50px -14px #6c3bf499}.btn-ghost{background:#fff;border:1.5px solid var(--ink-line-strong);color:var(--ink-ink)}.btn-ghost:hover{border-color:var(--ink-primary);color:var(--ink-primary)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-lg{padding:17px 32px;font-size:17px}.btn-sm{padding:9px 16px;font-size:13px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-wide{max-width:1320px;margin:0 auto;padding:0 24px}.card{background:var(--ink-card);border-radius:var(--r-md);border:1px solid var(--ink-line);box-shadow:var(--sh-sm)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.field{width:100%;padding:12px 14px;border-radius:var(--r-sm);border:1.5px solid var(--ink-line-strong);background:#fff;font-family:inherit;font-size:15px;color:var(--ink-ink);transition:border-color .15s ease,box-shadow .15s ease}.field:focus{outline:none;border-color:var(--ink-primary);box-shadow:0 0 0 4px #6c3bf41f}.field::placeholder{color:var(--ink-faint)}.label{display:block;font-size:12.5px;font-weight:650;letter-spacing:.01em;color:var(--ink-muted);margin-bottom:7px;text-transform:uppercase}@keyframes ink-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes ink-float{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-14px) rotate(var(--rot, 0deg))}}@keyframes ink-spin-slow{to{transform:rotate(360deg)}}.nav-link{border-radius:999px;transition:color .15s ease,background .15s ease}.nav-link:hover{color:var(--ink-primary)}@media (max-width: 1000px){.design-grid{grid-template-columns:minmax(0,1fr)!important}.design-grid>*:nth-child(1){order:2}.design-grid>*:nth-child(2){order:1}.design-grid>*:nth-child(3){order:3}.design-grid>*{min-width:0}}@media (max-width: 860px){section .container-wide[style*=grid],.hero-grid{grid-template-columns:1fr!important}}@media (max-width: 780px){h1{font-size:clamp(40px,11vw,60px)!important}.hide-mobile{display:none!important}footer .container-wide>div:first-child{grid-template-columns:1fr!important;gap:28px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
