:root{color-scheme:light;--bg: #f5f5f5;--bg-elev: #ffffff;--surface-2: #f9f7ff;--text: #1e293b;--muted: #475569;--border: rgba(30, 41, 59, .16);--hex-line: rgba(30, 41, 59, .05);--hex-fill: rgba(255, 179, 217, .1);--hex-active-stroke: rgba(255, 179, 217, .76);--hex-active-glow: rgba(229, 222, 255, .5);--accent: #ffb3d9;--accent-2: #e5deff;--accent-soft: rgba(255, 179, 217, .3);--shadow: 0 12px 28px rgba(30, 41, 59, .12);--radius: 18px;--ease: cubic-bezier(.2, .8, .2, 1);--t: .22s var(--ease);--max: 1120px;--font-heading: "Quicksand", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--fw-logo: 700;--fw-h1: 700;--fw-h2: 600;--fw-h3: 500;font-family:var(--font-body)}[data-theme=dark]{color-scheme:dark;--bg: #1e293b;--bg-elev: #24354d;--surface-2: #2b3f5c;--text: #f8fafc;--muted: #cbd5e1;--border: rgba(229, 222, 255, .26);--hex-line: rgba(248, 250, 252, .075);--hex-fill: rgba(255, 179, 217, .12);--hex-active-stroke: rgba(255, 179, 217, .82);--hex-active-glow: rgba(229, 222, 255, .54);--accent: #ffb3d9;--accent-2: #e5deff;--accent-soft: rgba(255, 179, 217, .22);--shadow: 0 18px 40px rgba(2, 6, 23, .5)}*{box-sizing:border-box}html,body{min-height:100%}#root{position:relative;z-index:1;isolation:isolate}body{margin:0;font-family:var(--font-body);font-weight:400;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 36%,var(--bg)) 0%,var(--bg) 100%);background-color:var(--bg);color:var(--text);transition:background var(--t),color var(--t)}.hex-bg-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.82}[data-theme=dark] .hex-bg-canvas{opacity:.76}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em}h1{font-weight:var(--fw-h1)}h2{font-weight:var(--fw-h2)}h3{font-weight:var(--fw-h3)}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent-soft)}.hr{height:1px;width:100%;background:var(--border);border:0;margin:0}.card{background:color-mix(in srgb,var(--bg-elev) 98%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(26px) saturate(1.15);-webkit-backdrop-filter:blur(26px) saturate(1.15);transition:transform var(--t),border-color var(--t),background var(--t)}.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:10px 14px;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);transition:border-color var(--t),background var(--t),transform var(--t)}.pill:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-1px)}.pill:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 72%,var(--accent-2));outline-offset:2px;border-color:color-mix(in srgb,var(--accent) 58%,var(--border))}.accent{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,var(--bg-elev)),color-mix(in srgb,var(--accent) 10%,var(--bg-elev)));color:var(--text);font-weight:500;cursor:pointer;transition:transform var(--t),filter var(--t),border-color var(--t),background var(--t)}.btn:hover{transform:translateY(-1px);filter:saturate(1.05)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 76%,var(--accent-2));outline-offset:2px;border-color:color-mix(in srgb,var(--accent) 62%,var(--border))}.btn-ghost{background:transparent;border:1px solid var(--border)}.kbd{font-size:12px;color:var(--muted);border:1px solid var(--border);border-bottom-width:2px;padding:2px 6px;border-radius:8px}.about-photo,.about-text{grid-column:span 12}@media(min-width:768px){.about-photo{grid-column:span 3}.about-text{grid-column:span 9}}.about-photo{display:flex;align-items:stretch;justify-content:center}.about-photo .card{width:100%;height:100%;max-width:320px}@keyframes locale-text-fade{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.locale-text-switch :where(h1,h2,h3,p,li,span,strong,em,small,label,a,button){animation:locale-text-fade .22s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}@media(prefers-reduced-motion:reduce){.locale-text-switch :where(h1,h2,h3,p,li,span,strong,em,small,label,a,button){animation:locale-text-fade .1s linear}}.demo-scope{position:relative;width:100%;min-height:calc(100dvh - clamp(170px,24vh,230px));padding-bottom:clamp(128px,17vh,180px);overflow:hidden;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:0;box-shadow:none;isolation:isolate;color:var(--text);font-family:var(--font-body);--radius: 16px}.demo-page{width:100%;margin:0}.demo-page__inner{min-height:inherit;display:flex;flex-direction:column}.demo-brandbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg-elev) 78%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-brandbar__eyebrow{margin:0;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.demo-brandbar__title{margin:2px 0 0;color:var(--text);font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.demo-brandbar__tagline{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.demo-brandmark{width:14px;height:14px;border-radius:999px;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-soft) 70%,transparent)}.demo-brandmark--hub{background:linear-gradient(135deg,#9c8cff,#67e8f9)}.demo-brandmark--blog{background:linear-gradient(135deg,#9f5a2b,#cb7f49)}.demo-brandmark--auth{background:linear-gradient(135deg,#2dd4bf,#8b5cf6)}.demo-brandmark--automation{background:linear-gradient(135deg,#34d399,#22d3ee)}.demo-scope:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.demo-scope>*{position:relative;z-index:1}.demo-scope :where(h1,h2,h3){font-family:var(--font-heading);color:var(--text)}.demo-scope :where(p,li,span,a,label,small,strong,em){color:inherit}.demo-scope :where(input,textarea,select,button){font:inherit;color:var(--text)}.demo-scope .card{background:color-mix(in srgb,var(--bg-elev) 84%,var(--bg));border-color:color-mix(in srgb,var(--border) 86%,transparent);backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2);color:var(--text)}.demo-scope .pill,.demo-scope .btn,.demo-scope .btn-ghost{color:var(--text)}.demo-theme-hub{--bg: #eaf1ff;--bg-elev: #f7f9ff;--surface-2: #e0e9fc;--text: #182845;--muted: #4f6387;--border: rgba(92, 118, 178, .28);--accent: #5f6fff;--accent-2: #06b6d4;--accent-soft: rgba(95, 111, 255, .22);--success: #0f8f60;--warning: #b3651f;--info: #2f6acc;--danger: #d14557;--font-heading: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", sans-serif;background:radial-gradient(circle at 15% 8%,rgba(95,111,255,.24),transparent 45%),radial-gradient(circle at 88% 22%,rgba(6,182,212,.2),transparent 42%),linear-gradient(165deg,#f0f5ff,#e4ecfb 52%,#d9e4fa)}[data-theme=dark] .demo-theme-hub{--bg: #080f22;--bg-elev: #111c38;--surface-2: #172647;--text: #e9f0ff;--muted: #a6b7d9;--border: rgba(132, 156, 210, .32);--accent: #9c8cff;--accent-2: #67e8f9;--accent-soft: rgba(148, 125, 255, .28);--success: #34d399;--warning: #f59e0b;--info: #60a5fa;--danger: #fb7185;background:radial-gradient(circle at 18% 8%,rgba(156,140,255,.26),transparent 44%),radial-gradient(circle at 90% 20%,rgba(103,232,249,.2),transparent 44%),linear-gradient(165deg,#070f24,#0f1b38 52%,#15162e)}.demo-theme-hub:before{background-image:linear-gradient(rgba(18,38,74,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(18,38,74,.06) 1px,transparent 1px);background-size:24px 24px;opacity:.3}[data-theme=dark] .demo-theme-hub:before{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);opacity:.25}.demo-theme-blog{--bg: #f8f1e6;--bg-elev: #fffaf1;--surface-2: #efe4d1;--text: #2f251f;--muted: #6a5a4f;--border: rgba(97, 78, 65, .26);--accent: #9f5a2b;--accent-2: #cb7f49;--accent-soft: rgba(179, 117, 66, .24);--success: #2f7a45;--warning: #a0632e;--info: #5076ac;--danger: #c25d46;--font-heading: "Merriweather", Georgia, serif;--font-body: "Manrope", "Inter", sans-serif;background:radial-gradient(circle at 20% 10%,rgba(203,127,73,.18),transparent 42%),radial-gradient(circle at 87% 6%,rgba(159,90,43,.14),transparent 34%),linear-gradient(180deg,#fcf7ef,#f2e8d9)}[data-theme=dark] .demo-theme-blog{--bg: #221912;--bg-elev: #2d2219;--surface-2: #372a20;--text: #f7ede3;--muted: #d4c1af;--border: rgba(214, 167, 130, .3);--accent: #d48752;--accent-2: #f0a66f;--accent-soft: rgba(212, 135, 82, .22);--success: #7ecf9a;--warning: #efb06f;--info: #8eb4e5;--danger: #f19a7e;background:radial-gradient(circle at 18% 8%,rgba(240,166,111,.17),transparent 42%),radial-gradient(circle at 86% 16%,rgba(212,135,82,.2),transparent 36%),linear-gradient(182deg,#1d140f,#2b1f18)}.demo-theme-blog:before{background-image:linear-gradient(to bottom,rgba(111,85,66,.08) 1px,transparent 1px);background-size:100% 32px;opacity:.35}[data-theme=dark] .demo-theme-blog:before{background-image:linear-gradient(to bottom,rgba(250,225,204,.08) 1px,transparent 1px);opacity:.24}.demo-theme-auth{--bg: #eaf2ff;--bg-elev: #f7faff;--surface-2: #e3ecff;--text: #132447;--muted: #4f648d;--border: rgba(87, 120, 198, .3);--accent: #0ea5a0;--accent-2: #6366f1;--accent-soft: rgba(14, 165, 160, .2);--success: #0f8f74;--warning: #c77b1f;--info: #3b82f6;--danger: #d64668;--font-heading: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", sans-serif;background:radial-gradient(circle at 82% 12%,rgba(14,165,160,.2),transparent 34%),radial-gradient(circle at 14% 90%,rgba(99,102,241,.2),transparent 45%),linear-gradient(168deg,#f2f7ff,#e4ecff 52%,#dbe6ff)}[data-theme=dark] .demo-theme-auth{--bg: #050a18;--bg-elev: #0d1530;--surface-2: #111f3d;--text: #ecf3ff;--muted: #a8b8df;--border: rgba(94, 139, 255, .36);--accent: #2dd4bf;--accent-2: #8b5cf6;--accent-soft: rgba(45, 212, 191, .2);--success: #2dd4bf;--warning: #f59e0b;--info: #60a5fa;--danger: #fb7185;background:radial-gradient(circle at 82% 12%,rgba(45,212,191,.17),transparent 34%),radial-gradient(circle at 14% 90%,rgba(139,92,246,.24),transparent 45%),linear-gradient(168deg,#040915,#0b142a 52%,#090d20)}.demo-theme-auth:before{background:repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(83,118,191,.08) 18px,rgba(83,118,191,.08) 19px),repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(83,118,191,.08) 18px,rgba(83,118,191,.08) 19px)}[data-theme=dark] .demo-theme-auth:before{background:repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(120,146,217,.06) 18px,rgba(120,146,217,.06) 19px),repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(120,146,217,.06) 18px,rgba(120,146,217,.06) 19px)}.demo-theme-automation{--bg: #e9f7f1;--bg-elev: #f6fcf8;--surface-2: #e0f1e9;--text: #143329;--muted: #486b5f;--border: rgba(50, 146, 117, .3);--accent: #0f9f6e;--accent-2: #0891b2;--accent-soft: rgba(15, 159, 110, .2);--success: #178f62;--warning: #b07a25;--info: #0f89b0;--danger: #d24d4d;--font-heading: "IBM Plex Mono", "Space Grotesk", monospace;--font-body: "Manrope", "Inter", sans-serif;background:radial-gradient(circle at 10% 16%,rgba(15,159,110,.2),transparent 38%),radial-gradient(circle at 90% 18%,rgba(8,145,178,.2),transparent 36%),linear-gradient(160deg,#f0fbf6,#e1f4eb 48%,#d5eee3)}[data-theme=dark] .demo-theme-automation{--bg: #061214;--bg-elev: #0d1d22;--surface-2: #132a31;--text: #d8f9e9;--muted: #8fbea9;--border: rgba(74, 189, 154, .31);--accent: #34d399;--accent-2: #22d3ee;--accent-soft: rgba(52, 211, 153, .2);--success: #34d399;--warning: #f4b73b;--info: #22d3ee;--danger: #fb7185;background:radial-gradient(circle at 10% 16%,rgba(52,211,153,.17),transparent 38%),radial-gradient(circle at 90% 18%,rgba(34,211,238,.19),transparent 36%),linear-gradient(160deg,#08181c,#0c1f24 48%,#0b171c)}.demo-theme-blog .demo-brandbar,.demo-theme-blog .pill,.demo-theme-blog .btn,.demo-theme-blog .card{border-style:solid}.demo-theme-auth .demo-brandbar__eyebrow,.demo-theme-auth .demo-brandbar__title,.demo-theme-automation .demo-brandbar__eyebrow,.demo-theme-automation .demo-brandbar__title{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.demo-theme-automation:before{background:linear-gradient(transparent 95%,#2c876a1f 96%),linear-gradient(90deg,transparent 95%,rgba(44,135,106,.12) 96%);background-size:26px 26px;opacity:.28}[data-theme=dark] .demo-theme-automation:before{background:linear-gradient(transparent 95%,#5dcead1f 96%),linear-gradient(90deg,transparent 95%,rgba(93,206,173,.12) 96%);opacity:.26}.demo-theme-blog .card{box-shadow:0 12px 24px #5943341f}.demo-theme-auth .card,.demo-theme-automation .card{box-shadow:0 14px 24px #02061759,inset 0 1px #ffffff0d}.demo-theme-auth .btn,.demo-theme-automation .btn{text-transform:uppercase;letter-spacing:.04em;font-size:13px}.demo-theme-blog .btn{border-radius:12px}.demo-theme-blog .pill{border-radius:10px}.demo-theme-automation .demo-code-block,.demo-theme-automation .demo-log-item{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.demo-theme-auth .demo-input,.demo-theme-automation .demo-input{background:color-mix(in srgb,var(--bg-elev) 80%,transparent)}.demo-input{width:100%;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 90%,transparent);color:var(--text);padding:10px 12px;line-height:1.4;transition:border-color var(--t),box-shadow var(--t),background var(--t)}.demo-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 62%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-soft) 60%,transparent)}.demo-log-list{display:grid;gap:8px}.demo-log-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:8px 10px;background:color-mix(in srgb,var(--bg-elev) 88%,transparent)}.demo-log-item small{color:var(--muted)}.demo-log-item--success{border-color:color-mix(in srgb,var(--success) 38%,var(--border))}.demo-log-item--info{border-color:color-mix(in srgb,var(--info) 32%,var(--border))}.demo-log-item--error{border-color:color-mix(in srgb,var(--danger) 42%,var(--border))}.demo-code-block{margin:10px 0 0;padding:12px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 74%,var(--bg-elev));color:var(--text);overflow-x:auto;font-size:13px;line-height:1.6}.portal-overlay{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden;contain:strict}.portal-overlay__backdrop,.portal-overlay__core,.portal-overlay__sweep{position:absolute;inset:0;will-change:opacity,transform;transform:translateZ(0)}.portal-overlay__backdrop{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent-soft) 54%,transparent) 0%,transparent 56%),linear-gradient(135deg,color-mix(in srgb,var(--bg) 84%,#02040a),color-mix(in srgb,var(--bg-elev) 82%,#050814));opacity:0}.portal-overlay__core{inset:-12%;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent-2) 40%,transparent) 0%,transparent 44%),radial-gradient(circle at center,color-mix(in srgb,var(--accent) 24%,transparent) 0%,transparent 66%);opacity:0}.portal-overlay__sweep{inset:-10% -28%;opacity:0;background:linear-gradient(112deg,transparent 30%,color-mix(in srgb,var(--accent-soft) 38%,#fff) 47%,color-mix(in srgb,var(--accent) 18%,transparent) 55%,transparent 72%)}.portal-overlay--enter .portal-overlay__backdrop{animation:portal-backdrop-enter .58s cubic-bezier(.22,1,.36,1) forwards}.portal-overlay--enter .portal-overlay__core{animation:portal-core-enter .58s cubic-bezier(.22,1,.36,1) forwards}.portal-overlay--enter .portal-overlay__sweep{animation:portal-sweep-enter .58s cubic-bezier(.22,1,.36,1) forwards}.portal-overlay--exit .portal-overlay__backdrop{animation:portal-backdrop-exit .54s cubic-bezier(.22,1,.36,1) forwards}.portal-overlay--exit .portal-overlay__core{animation:portal-core-exit .54s cubic-bezier(.22,1,.36,1) forwards}.portal-overlay--exit .portal-overlay__sweep{animation:portal-sweep-exit .54s cubic-bezier(.22,1,.36,1) forwards}.portal-overlay--reduced .portal-overlay__backdrop{animation:portal-reduced .13s ease-out forwards}.portal-overlay--reduced .portal-overlay__core,.portal-overlay--reduced .portal-overlay__sweep{display:none}@keyframes portal-backdrop-enter{0%{opacity:0;transform:scale(1.03)}18%{opacity:.56}56%{opacity:.3}to{opacity:0;transform:scale(1)}}@keyframes portal-core-enter{0%{opacity:0;transform:scale(.78)}26%{opacity:.44}to{opacity:0;transform:scale(1.32)}}@keyframes portal-sweep-enter{0%{opacity:0;transform:translate3d(-20%,0,0) scaleX(.9)}30%{opacity:.48}to{opacity:0;transform:translate3d(24%,0,0) scaleX(1.08)}}@keyframes portal-backdrop-exit{0%{opacity:0;transform:scale(1)}16%{opacity:.5}50%{opacity:.28}to{opacity:0;transform:scale(1.02)}}@keyframes portal-core-exit{0%{opacity:0;transform:scale(.8)}24%{opacity:.42}to{opacity:0;transform:scale(1.28)}}@keyframes portal-sweep-exit{0%{opacity:0;transform:translate3d(20%,0,0) scaleX(.9)}30%{opacity:.44}to{opacity:0;transform:translate3d(-24%,0,0) scaleX(1.08)}}@keyframes portal-reduced{0%{opacity:0}50%{opacity:.42}to{opacity:0}}@media(min-width:768px){.about-photo{justify-content:flex-end}.about-photo .card{max-width:none}}.demo-floating-nav{position:fixed;left:50%;bottom:clamp(56px,8vh,80px);transform:translate(-50%);z-index:95;opacity:0;transition:opacity .22s var(--ease),transform .22s var(--ease)}.demo-floating-nav.is-visible{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.demo-floating-nav.is-hidden{opacity:0;transform:translate(-50%) translateY(18px) scale(.98);pointer-events:none}.demo-floating-nav__inner{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--demo-nav-border, color-mix(in srgb, var(--accent) 36%, var(--border)));background:var(--demo-nav-bg, color-mix(in srgb, var(--bg-elev) 86%, transparent));-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:var(--demo-nav-shadow, 0 10px 36px rgba(0, 0, 0, .28))}.demo-floating-nav__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;color:var(--demo-nav-badge, var(--muted));font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.demo-floating-nav__link{padding:6px 12px;font-size:13px;white-space:nowrap;color:var(--demo-nav-muted, var(--muted));transition:border-color var(--t),background var(--t),color var(--t),opacity var(--t)}@media(max-width:680px){.demo-brandbar__tagline{width:100%}.demo-floating-nav__inner{flex-wrap:wrap;justify-content:center;border-radius:18px;max-width:calc(100vw - 32px)}.demo-floating-nav__badge{width:100%;justify-content:center;padding-bottom:2px}}