:root{--brand-50:#eef1ff;--brand-100:#dfe4ff;--brand-200:#c3cbff;--brand-300:#9faaff;--brand-400:#7b85ff;--brand-500:#5b6cff;--brand-600:#4453e6;--brand-700:#3541b8;--brand-800:#2a348f;--brand-900:#1e2668;--accent-300:#ffc08a;--accent-400:#ffa15c;--accent-500:#ff8a3d;--accent-600:#e8721f;--violet-400:#a78bfa;--violet-500:#8b5cf6;--pink-400:#fb7185;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--success:#12b76a;--warning:#f79009;--danger:#f04438;--info:#5b6cff;--bg:#eef1f8;--bg-alt:#e5eaf4;--surface:#f6f8fd;--surface-2:#fff;--surface-inset:#e9edf6;--text-1:#10131c;--text-2:#4c5470;--text-3:#7b849e;--text-4:#a3abc2;--border:#10131c14;--border-strong:#10131c24;--ring:#5b6cff73;--brand-text:var(--brand-600);--grad-brand:linear-gradient(270deg, #5b6cff, #22d3ee);--grad-warm:linear-gradient(90deg, #ff8a3d, #fb7185);--grad-cool:linear-gradient(90deg, #22d3ee, #5b6cff);--grad-text:var(--grad-brand);--shadow-xs:0 1px 2px #10131c0a;--shadow-sm:0 2px 8px -2px #10131c12, 0 1px 2px #10131c0a;--shadow-md:0 10px 24px -8px #10131c21, 0 3px 8px -4px #10131c0f;--shadow-lg:0 24px 56px -18px #10131c33, 0 8px 18px -10px #10131c14;--shadow-brand:0 12px 28px -10px #5b6cff80;--shadow-inset:inset 2px 2px 5px #a3b1c66b, inset -2px -2px 5px #fffffff2;--font-sans:"Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-display:"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--fs-5xl:4rem;--lh-tight:1.15;--lh-snug:1.35;--lh-base:1.7;--fs-fluid-hero:clamp(2.25rem, 1.2rem + 4.4vw, 4rem);--fs-fluid-sec:clamp(1.65rem, 1.15rem + 1.9vw, 2.25rem);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--section-y:clamp(4rem, 3rem + 5vw, 8rem);--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--r-2xl:34px;--r-pill:999px;--container:1180px;--container-narrow:860px;--header-h:72px;--header-h-scrolled:60px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-base:.26s;--dur-slow:.46s;--z-base:1;--z-orb:0;--z-header:100;--z-drawer:200;--z-toast:300;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0b0d15;--bg-alt:#10131e;--surface:#151827;--surface-2:#1a1e30;--surface-inset:#0e111b;--text-1:#eef0f8;--text-2:#a9b1c7;--text-3:#767f99;--text-4:#5a6480;--border:#ffffff17;--border-strong:#ffffff29;--ring:#7b85ff99;--brand-text:var(--brand-300);--grad-text:linear-gradient(100deg, #93a0ff, #b79bff 45%, #ff9db0);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 8px -2px #0000008c, 0 1px 2px #0006;--shadow-md:0 12px 28px -8px #000000ad, 0 3px 8px -4px #00000073;--shadow-lg:0 26px 60px -18px #000c, 0 8px 18px -10px #00000080;--shadow-brand:0 12px 30px -10px #5b6cff9e;--shadow-inset:inset 2px 2px 6px #0000008c, inset -2px -2px 6px #ffffff0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--sp-4))}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text-2);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur-slow) var(--ease-out),color var(--dur-slow) var(--ease-out);margin:0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.02em;font-weight:700;line-height:var(--lh-tight);margin:0}p,ul{margin:0}ul{padding:0;list-style:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--brand-500);color:#fff}:focus-visible{outline:2px solid var(--brand-500);outline-offset:3px}.skip-link{top:-100px;left:var(--sp-4);z-index:var(--z-toast);padding:var(--sp-3) var(--sp-5);background:var(--surface-2);color:var(--text-1);box-shadow:var(--shadow-md);transition:top var(--dur-base) var(--ease-out);font-weight:600;position:absolute}.skip-link:focus{top:var(--sp-4)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container);padding-inline:var(--sp-5);margin-inline:auto}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--section-y);position:relative}.section--alt{background:var(--bg-alt)}.section__head{max-width:680px;margin-bottom:var(--sp-12)}.section__head--center{text-align:center;margin-inline:auto}.eyebrow{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-text);font-weight:600;display:inline-flex}.eyebrow:before,.section__head--center .eyebrow:after{content:"";background:var(--grad-brand);width:22px;height:2px}.section__title{font-size:var(--fs-fluid-sec)}.section__desc{margin-top:var(--sp-4);font-size:var(--fs-lg);color:var(--text-2)}.grad{background:var(--grad-text);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.orbs{z-index:var(--z-orb);pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(90px);opacity:.5;will-change:transform;position:absolute}.orb--1{width:520px;height:520px;animation:float-a 22s var(--ease-in-out) infinite;background:radial-gradient(circle,#5b6cff8c,#0000 70%);top:-160px;left:-120px}.orb--2{width:460px;height:460px;animation:float-b 26s var(--ease-in-out) infinite;background:radial-gradient(circle,#fb71856b,#0000 70%);top:12%;right:-160px}.orb--3{width:620px;height:620px;animation:float-a 30s var(--ease-in-out) infinite reverse;background:radial-gradient(circle,#22d3ee4d,#0000 70%);bottom:-220px;left:32%}[data-theme=dark] .orb{opacity:.34}@keyframes float-a{0%,to{transform:translateZ(0)scale(1)}50%{transform:translate(60px,50px)scale(1.12)}}@keyframes float-b{0%,to{transform:translateZ(0)scale(1)}50%{transform:translate(-70px,60px)scale(1.08)}}.header{z-index:var(--z-header);height:var(--header-h);transition:height var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;inset:0 0 auto}.header.is-scrolled{height:var(--header-h-scrolled);background:color-mix(in srgb,var(--surface-2) 78%,transparent);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.header__inner{width:100%;max-width:var(--container);padding-inline:var(--sp-5);align-items:center;gap:var(--sp-6);margin-inline:auto;display:flex}@media (width<=1024px){.header__inner{justify-content:space-between}}.logo{align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);color:var(--text-1);letter-spacing:-.03em;flex-shrink:0;display:inline-flex}.logo__mark{background:var(--grad-brand);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-brand);transition:transform var(--dur-base) var(--ease-spring);place-items:center;display:grid}.logo:hover .logo__mark{transform:rotate(-8deg)scale(1.06)}.nav{min-width:0;margin-inline:var(--sp-2);flex:1}.nav__list{justify-content:end;align-items:center;gap:var(--sp-2);display:flex}.nav__link{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);color:var(--text-2);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);font-weight:600;display:block;position:relative}.nav__link:hover{color:var(--text-1);background:var(--surface-inset)}.nav__link[aria-current=true]{color:var(--brand-text)}.nav__link[aria-current=true]:after{content:"";background:var(--grad-brand);width:16px;height:3px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.header__actions{align-items:center;gap:var(--sp-2);display:flex}.icon-btn{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-inset)}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.menu-toggle,.menu-toggle .icon-close,.menu-toggle[aria-expanded=true] .icon-menu{display:none}.menu-toggle[aria-expanded=true] .icon-close{display:block}.btn{--btn-bg:var(--surface-2);--btn-fg:var(--text-1);justify-content:center;align-items:center;gap:var(--sp-2);min-height:48px;padding:var(--sp-3) var(--sp-6);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out);font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn--primary{--btn-fg:#fff;background:var(--grad-brand);box-shadow:var(--shadow-brand)}.btn--primary:hover{box-shadow:0 18px 38px -12px #5b6cff9e}.btn--primary:after{content:"";width:45%;transition:left var(--dur-slow) var(--ease-out);background:linear-gradient(100deg,#0000,#ffffff73,#0000);position:absolute;inset:0 auto 0 -60%;transform:skew(-18deg)}.btn--primary:hover:after{left:120%}.btn--ghost{--btn-bg:var(--surface-2);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn--ghost:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.btn--sm{min-height:42px;padding:var(--sp-2) var(--sp-5);font-size:var(--fs-xs)}.hero{padding-top:calc(var(--header-h) + var(--sp-16));padding-bottom:var(--sp-20);position:relative;overflow:hidden}.hero__grid{gap:var(--sp-16);grid-template-columns:1.05fr .95fr;align-items:center;display:grid}.hero__badge{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-2);margin-bottom:var(--sp-6);border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-sm);font-size:var(--fs-xs);color:var(--text-2);font-weight:600;display:inline-flex}.hero__badge-tag{padding:3px var(--sp-3);background:var(--grad-brand);color:#fff;font-family:var(--font-mono);letter-spacing:.06em;font-size:11px}.hero__title{font-size:var(--fs-fluid-hero);letter-spacing:-.035em;font-weight:800;line-height:1.3}.hero__subtitle{max-width:48ch;margin-top:var(--sp-6);font-size:var(--fs-lg);color:var(--text-2);line-height:1.75}.hero__cta{gap:var(--sp-3);margin-top:var(--sp-10)}.hero__cta,.stats{flex-wrap:wrap;display:flex}.stats{gap:var(--sp-10);margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--border)}.stat__num{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:-.04em;color:var(--text-1);font-weight:800;line-height:1}.stat__label{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text-3)}.hero__visual{place-items:center;min-height:440px;display:grid;position:relative}.hero__orb{background:var(--grad-brand);filter:blur(62px);opacity:.42;width:320px;height:320px;animation:pulse 8s var(--ease-in-out) infinite;position:absolute}@keyframes pulse{0%,to{opacity:.42;transform:scale(1)}50%{opacity:.56;transform:scale(1.14)}}.code-card{border:1px solid var(--border);background:var(--surface-2);width:min(100%,400px);box-shadow:var(--shadow-lg);transition:transform var(--dur-slow) var(--ease-out);position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-7deg)rotateX(3deg)}.hero__visual:hover .code-card{transform:perspective(1200px)rotateY(0)rotateX(0)translateY(-8px)}.code-card__bar{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface-inset);border-bottom:1px solid var(--border);display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot--r{background:#ff5f57}.dot--y{background:#febc2e}.dot--g{background:#28c840}.code-card__file{margin-left:var(--sp-2);color:var(--text-3)}.code-card__body,.code-card__file{font-family:var(--font-mono);font-size:var(--fs-xs)}.code-card__body{padding:var(--sp-5);line-height:2}.code-line{gap:var(--sp-4);display:flex}.code-line__no{color:var(--text-4);-webkit-user-select:none;user-select:none;text-align:right;min-width:1.4em}.tk-key{color:#a855f7}.tk-fn{color:var(--brand-600)}.tk-str{color:#12b76a}.tk-com{color:var(--text-4);font-style:italic}.tk-var{color:#f79009}[data-theme=dark] .tk-key{color:#c4a3ff}[data-theme=dark] .tk-fn{color:#93a0ff}[data-theme=dark] .tk-str{color:#4ade80}[data-theme=dark] .tk-var{color:#fbbf24}.float-chip{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-md);font-size:var(--fs-xs);color:var(--text-1);animation:bob 6s var(--ease-in-out) infinite;font-weight:600;display:flex;position:absolute}.float-chip--a{animation-delay:0s;top:6%;right:-5%}.float-chip--b{animation-delay:1.6s;bottom:10%;left:-20%}.float-chip__ico{background:var(--grad-warm);color:#fff;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.float-chip--b .float-chip__ico{background:var(--grad-cool)}.float-chip__sub{color:var(--text-3);font-size:11px;font-weight:500;display:block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.about__grid{gap:var(--sp-12);grid-template-columns:.85fr 1.15fr;align-items:start;display:grid}.portrait{padding:var(--sp-3);background:var(--surface-2);box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative}.portrait__img{aspect-ratio:1;background:var(--grad-brand);color:#ffffffe6;text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.portrait__img:after{content:"";opacity:.5;background-image:radial-gradient(#ffffff47 1px,#0000 0);background-size:16px 16px;position:absolute;inset:0}.portrait__initial{z-index:1;font-family:var(--font-display);letter-spacing:-.05em;text-shadow:0 6px 24px #00000038;font-size:5rem;font-weight:800;position:relative}.portrait__meta{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-2) var(--sp-2);display:flex}.portrait__name{font-size:var(--fs-lg);color:var(--text-1);font-weight:700}.portrait__role{font-size:var(--fs-xs);color:var(--text-3)}.status-dot{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--success);white-space:nowrap;font-weight:600;display:inline-flex}.status-dot:before{content:"";background:var(--success);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent);animation:blink 2.4s var(--ease-in-out) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.tabs{gap:var(--sp-1);padding:var(--sp-1);margin-bottom:var(--sp-6);background:var(--surface-inset);box-shadow:var(--shadow-inset);display:inline-flex}.tab,.tabs{position:relative}.tab{z-index:1;min-height:40px;padding:var(--sp-2) var(--sp-6);color:var(--text-3);font-size:var(--fs-sm);cursor:pointer;transition:color var(--dur-base) var(--ease-out);background:0 0;border:0;font-weight:600}.tab[aria-selected=true]{color:#fff}.tab:hover:not([aria-selected=true]){color:var(--text-1)}.tabs__thumb{top:var(--sp-1);left:var(--sp-1);height:calc(100% - var(--sp-2));background:var(--grad-brand);box-shadow:var(--shadow-brand);transition:transform var(--dur-base) var(--ease-spring),width var(--dur-base) var(--ease-spring);position:absolute}.panel[hidden]{display:none}.panel__text{font-size:var(--fs-base);line-height:1.85}.panel__text+.panel__text{margin-top:var(--sp-5)}.fact-list{gap:var(--sp-3);margin-top:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.fact{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-xs);font-size:var(--fs-sm);color:var(--text-2);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);font-weight:500;display:flex}.fact:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.fact__ico{color:var(--brand-500);flex-shrink:0;place-items:center;display:grid}.tag-row{gap:var(--sp-2);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.tag{padding:var(--sp-1) var(--sp-4);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-weight:500}.tag:hover{color:#fff;background:var(--grad-brand);transform:translateY(-2px)}.card{padding:var(--sp-8);border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-6px)}.card:before{content:"";background:var(--grad-brand);width:0;height:3px;transition:width var(--dur-slow) var(--ease-out);position:absolute;top:0;left:0}.card:hover:before{width:100%}.grid-3{gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.project__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}.project__no{font-family:var(--font-mono);font-size:var(--fs-2xl);color:#0000;-webkit-text-stroke:1.5px var(--border-strong);transition:-webkit-text-stroke-color var(--dur-base) var(--ease-out);font-weight:700;line-height:1}.card:hover .project__no{-webkit-text-stroke-color:var(--brand-400)}.badge{padding:var(--sp-1) var(--sp-3);font-family:var(--font-mono);letter-spacing:.05em;background:color-mix(in srgb,var(--brand-500) 14%,transparent);color:var(--brand-text);white-space:nowrap;font-size:11px;font-weight:600}.badge--warm{background:color-mix(in srgb,var(--accent-500) 16%,transparent);color:var(--accent-600)}.badge--cool{background:color-mix(in srgb,var(--cyan-500) 16%,transparent);color:var(--cyan-500)}.project__title{font-size:var(--fs-xl);margin-bottom:var(--sp-3)}.project__desc{font-size:var(--fs-sm);color:var(--text-2);flex-grow:1;line-height:1.8}.card__link{align-items:center;gap:var(--sp-2);margin-top:var(--sp-6);font-size:var(--fs-sm);color:var(--brand-text);font-weight:600;display:inline-flex}.card__link svg{transition:transform var(--dur-base) var(--ease-spring)}.card:hover .card__link svg{transform:translate(5px)}.post__cover{aspect-ratio:16/9;margin:calc(var(--sp-8)*-1) calc(var(--sp-8)*-1) var(--sp-6);position:relative;overflow:hidden}.post__cover:after{content:"";opacity:.55;background-image:radial-gradient(#ffffff40 1px,#0000 0);background-size:14px 14px;position:absolute;inset:0}.cover--1{background:linear-gradient(135deg,#5b6cff,#22d3ee)}.cover--2{background:linear-gradient(135deg,#ff8a3d,#fb7185)}.cover--3{background:linear-gradient(135deg,#8b5cf6,#5b6cff)}.post__meta{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);display:flex}.post__meta span{align-items:center;gap:6px;display:inline-flex}.post__meta .sep{background:var(--text-4);width:4px;height:4px}.post__title{font-size:var(--fs-lg);margin-bottom:var(--sp-3);line-height:1.45}.post__excerpt{font-size:var(--fs-sm);color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;line-height:1.8;display:-webkit-box;overflow:hidden}.quotes{max-width:760px;padding:var(--sp-10) var(--sp-10) var(--sp-8);border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-lg);text-align:center;margin-inline:auto;position:relative}.quotes__mark{top:var(--sp-5);left:var(--sp-8);font-family:var(--font-display);color:var(--brand-500);opacity:.16;pointer-events:none;font-size:5rem;line-height:1;position:absolute}.quote{display:none}.quote.is-active{animation:fade-up var(--dur-slow) var(--ease-out);display:block}.quote__text{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-1);letter-spacing:-.015em;font-weight:500;line-height:1.7}.quote__author{margin-top:var(--sp-6);font-size:var(--fs-sm);color:var(--text-1);font-weight:600}.quote__role{font-size:var(--fs-xs);color:var(--text-3);font-weight:500}.quotes__nav{justify-content:center;align-items:center;gap:var(--sp-3);margin-top:var(--sp-8);display:flex}.quotes__dots{gap:var(--sp-2);display:flex}.qdot{background:var(--border-strong);cursor:pointer;width:8px;height:4px;transition:all var(--dur-base) var(--ease-out);border:0;padding:0}.qdot[aria-current=true]{background:var(--grad-brand);width:26px}.cta{padding:var(--sp-16) var(--sp-10);background:var(--grad-brand);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";background-image:radial-gradient(#ffffff2e 1px,#0000 0);background-size:20px 20px;position:absolute;inset:0}.cta__inner{max-width:620px;margin-inline:auto;position:relative}.cta__title{font-size:var(--fs-fluid-sec);color:#fff}.cta__desc{margin-top:var(--sp-4);font-size:var(--fs-lg);color:#ffffffe0}.cta__actions{justify-content:center;gap:var(--sp-3);margin-top:var(--sp-8);flex-wrap:wrap;display:flex}.btn--onbrand{color:var(--brand-700);background:#fff;box-shadow:0 10px 26px -10px #00000059}.btn--onbrand:hover{box-shadow:0 18px 34px -12px #00000073}.btn--outline{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-color:#ffffff6b}.btn--outline:hover{background:#ffffff3d}.socials{justify-content:center;gap:var(--sp-3);margin-top:var(--sp-10);display:flex}.social{background:var(--surface-2);width:46px;height:46px;color:var(--text-2);box-shadow:var(--shadow-xs);transition:all var(--dur-base) var(--ease-out);place-items:center;display:grid}.social:hover{color:#fff;background:var(--grad-brand);box-shadow:var(--shadow-brand);transform:translateY(-4px)}.footer{padding-block:var(--sp-12);border-top:1px solid var(--border);background:var(--bg-alt)}.footer__inner{justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.footer__text{font-size:var(--fs-sm);color:var(--text-3)}.footer__links{gap:var(--sp-5);font-size:var(--fs-sm);display:flex}.footer__links a{color:var(--text-3);transition:color var(--dur-fast) var(--ease-out)}.footer__links a:hover{color:var(--brand-text)}[data-theme=dark] .badge--warm{color:var(--accent-300)}.to-top{right:var(--sp-6);bottom:var(--sp-6);z-index:var(--z-header);background:var(--surface-2);width:36px;height:36px;color:var(--text-1);cursor:pointer;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all var(--dur-base) var(--ease-out);border:none;place-items:center;display:grid;position:fixed;transform:translateY(14px)}.to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.to-top:hover{color:#fff;background:var(--grad-brand);box-shadow:var(--shadow-brand)}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transform:translateY(26px)}.js .reveal.is-in{opacity:1;transform:none}.count{font-size:0}.count:after{content:attr(data-value);letter-spacing:-.04em}.count:after,.js .count.is-live{font-size:var(--fs-3xl)}.js .count.is-live:after{content:none}@media (width<=860px){.count:after,.js .count.is-live{font-size:var(--fs-2xl)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=1024px){.hero__grid{gap:var(--sp-12);grid-template-columns:1fr}.hero__visual{order:-1;min-height:380px}.code-card{transform:none}.about__grid{gap:var(--sp-10);grid-template-columns:1fr}.portrait{max-width:420px}}@media (width<=860px){.nav{inset:var(--header-h) 0 auto 0;padding:var(--sp-5);background:var(--surface-2);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);transition:transform var(--dur-base) var(--ease-out);margin:0;position:fixed;transform:translateY(-120%)}.nav.is-open{transform:translateY(0)}.nav__list{justify-content:flex-start;align-items:stretch;gap:var(--sp-1);flex-direction:column}.nav__link{padding:var(--sp-4);font-size:var(--fs-base)}.nav__link[aria-current=true]:after{left:var(--sp-4);transform:none}.header.is-scrolled{height:var(--header-h)}.menu-toggle{display:grid}.float-chip--a{top:0;left:0;right:0}.float-chip--b{bottom:4%;left:0;right:0}}@media (width<=640px){:root{--header-h:64px}.stats{gap:var(--sp-8)}.stat__num{font-size:var(--fs-2xl)}.card{padding:var(--sp-6)}.post__cover{margin:calc(var(--sp-6)*-1) calc(var(--sp-6)*-1) var(--sp-5)}.quotes{padding:var(--sp-8) var(--sp-5) var(--sp-6)}.quote__text{font-size:var(--fs-lg)}.quotes__mark{left:var(--sp-4)}.cta{padding:var(--sp-12) var(--sp-5)}.footer{padding-block:var(--sp-1)}.footer__inner{text-align:center;padding:var(--sp-3);gap:var(--sp-2);flex-direction:column}.to-top{right:var(--sp-4);bottom:var(--sp-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal,.reveal{opacity:1;transform:none}}@media print{.cta,.header,.orbs,.quotes,.to-top{display:none!important}body{color:#000;background:#fff}.card{box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;border-color:#ddd}}