@keyframes ref-art-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ref-card-in{0%{opacity:0;transform:translateY(18px)}}:root{--dpi:96;--px-to-mm:calc(25.4 / var(--dpi));--main-body-background-color:#fff;--main-header-border-color:transparent;--main-content-padding:80px;--main-content-medium-padding:48px;--main-color:#07030D;--main-color-light:#1A1326;--main-color-dark:#030107;--main-text-color-light:#aaaaaa;--main-text-color-dark:#4a4558;--main-background-color-white:#f5f5f7;--main-background-color-blue:#E6EFFF;--main-message-color-alert:#ff3333;--main-message-color-success:#33cc33;--main-message-color-warning:#ff9933;--main-max-content-width:1390px;--main-page-max-width:1920px;--main-z-index-overlay:500;--main-z-index-top:400;--main-z-index-middle:200;--main-z-index-bottom:100;--main-font-family:"Inter", sans-serif;--main-font-family-sans:"IBM Plex Sans", sans-serif;--color-void:#04020A;--color-abyss:#07030D;--color-surface:#0E0B1A;--color-rim:#1C1730;--color-blue:#3B63F7;--color-blue-bright:#5B7FFF;--color-blue-hover:#2a52e6;--color-blue-glow:rgba(59, 99, 247, 0.35);--color-blue-subtle:rgba(59, 99, 247, 0.08);--color-blue-border:rgba(59, 99, 247, 0.28);--color-amber:#F59E0B;--color-emerald:#10B981;--color-violet:#8B5CF6;--color-text-primary:#F0EDF8;--color-text-secondary:#9490A8;--color-text-muted:#5A5670;--color-light-bg:#FAFAFA;--color-light-surface:#F3F4F8;--color-light-border:rgba(7, 3, 13, 0.09);--main-button-background-color:var(--color-blue);--main-button-background-color__hover:var(--color-blue-hover);--main-button-text-color:#fff;--main-button-text-color__hover:#fff;--main-button-border-radius:8px;--main-button-border:2px solid var(--color-blue);--main-button-border__hover:2px solid var(--color-blue-hover);--default-button-background-color:transparent;--default-button-background-color__hover:#07030D;--default-button-text-color:#07030D;--default-button-text-color__hover:#fff;--default-button-border-radius:8px;--default-button-border:2px solid rgba(7, 3, 13, 0.22);--default-button-border__hover:2px solid #07030D;--link-button-background-color:transparent;--link-button-background-color__hover:transparent;--link-button-text-color:#07030D;--link-button-text-color__hover:var(--color-blue);--link-button-border-radius:8px;--link-button-border:2px solid transparent;--link-button-border__hover:2px solid transparent;--brand-craftcms-color:#E5422B;--brand-yui-color:var(--color-blue-bright);--ink-900:var(--main-color);--ink-700:var(--main-color-light);--ink-500:var(--main-text-color-dark);--ink-300:var(--color-text-secondary);--font-sans:var(--main-font-family-sans);--font-display:var(--main-font-family);--font-heading:var(--main-font-family);--font-mono:var(--main-font-family-mono, "IBM Plex Mono", monospace);--main-font-family-mono:"IBM Plex Mono", monospace;--shadow-xs:0 1px 2px rgba(7, 3, 13, .05);--shadow-xl:0 20px 60px rgba(7, 3, 13, .1), 0 4px 16px rgba(7, 3, 13, .06);--border-subtle:var(--color-light-border);--section-padding:var(--main-content-padding);--color-danger:var(--main-message-color-alert);--color-text-dark:var(--main-text-color-dark);--c-brand:var(--color-blue);--c-brand-dark:var(--color-blue-hover);--c-brand-light:var(--color-blue-subtle);--c-border:var(--color-light-border);--c-text:var(--main-color);--c-text-muted:var(--main-text-color-dark);--gutter:var(--main-content-padding)}@media (max-width:550px){:root{--main-content-padding:32px}}@media (min-width:1921px){:root{--main-content-padding:0px}}:root{--ys-section-py:96px;--ys-section-py-sm:64px;--ys-section-py-xs:48px;--ys-card-radius:18px;--ys-card-radius-sm:12px;--ys-card-border:rgba(7, 3, 13, 0.09);--ys-card-border-dark:rgba(255, 255, 255, 0.08);--ys-card-shadow:0 2px 12px rgba(7, 3, 13, 0.06);--ys-card-shadow-md:0 8px 32px rgba(7, 3, 13, 0.10);--ys-gap:20px;--ys-gap-sm:12px;--ys-gap-lg:28px;--ys-label-size:0.6875rem;--ys-label-spacing:0.1em}@media (max-width:900px){:root{--ys-section-py:64px;--ys-section-py-sm:48px}}@media (max-width:550px){:root{--ys-section-py:48px;--ys-section-py-sm:36px;--ys-gap:14px}}.ys-section{padding:var(--ys-section-py) var(--main-content-padding)}.ys-section--sm{padding:var(--ys-section-py-sm) var(--main-content-padding)}.ys-section--dark{background:var(--color-abyss);color:var(--color-text-primary)}.ys-section--dim{background:var(--color-surface);color:var(--color-text-primary)}.ys-section--light{background:var(--color-light-bg);color:var(--color-abyss)}.ys-section--white{background:#fff;color:var(--color-abyss)}.ys-inner{max-width:var(--main-max-content-width);margin-inline:auto}.ys-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--ys-label-size);font-weight:600;letter-spacing:var(--ys-label-spacing);text-transform:uppercase;color:var(--color-blue-bright);margin-bottom:20px}.ref-kicker::before,.ys-eyebrow::before{content:"";width:18px;height:2px;border-radius:2px}.ys-eyebrow::before{display:block;background:var(--color-blue-bright);flex-shrink:0}.ys-section-heading{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 20px}.ys-section-sub{font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.65;color:var(--color-text-secondary);max-width:52ch}.ys-section-header{margin-bottom:56px}.ys-section-header--center{text-align:center}.ys-section-header--center .ys-eyebrow,.ys-section-header--center .ys-section-sub{margin-inline:auto}.ys-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ys-gap)}.ys-bento-2{grid-column:span 2}.ys-bento-3{grid-column:span 3}.ys-bento-4{grid-column:span 4}.ys-bento-5{grid-column:span 5}.ys-bento-6{grid-column:span 6}.ys-bento-7{grid-column:span 7}.ys-bento-8{grid-column:span 8}.ys-bento-9{grid-column:span 9}.ys-bento-10{grid-column:span 10}.ys-bento-12{grid-column:span 12}@media (max-width:1024px){.ys-bento-7,.ys-bento-8,.ys-bento-9{grid-column:span 12}.ys-bento-5{grid-column:span 6}}@media (max-width:768px){.ys-bento-10,.ys-bento-12,.ys-bento-3,.ys-bento-4,.ys-bento-5,.ys-bento-6,.ys-bento-7,.ys-bento-8,.ys-bento-9{grid-column:span 12}.ys-bento-2{grid-column:span 6}}@media (max-width:480px){.ys-bento-10,.ys-bento-12,.ys-bento-2,.ys-bento-3,.ys-bento-4,.ys-bento-5,.ys-bento-6,.ys-bento-7,.ys-bento-8,.ys-bento-9{grid-column:span 12}}.ys-card{background:#fff;border-radius:var(--ys-card-radius);border:1px solid var(--ys-card-border);padding:32px;box-shadow:var(--ys-card-shadow);overflow:hidden}.ys-card--sm{padding:24px}.ys-card--lg{padding:40px}.ys-card--dark,.ys-card--rim{color:var(--color-text-primary)}.ys-card--dark{background:var(--color-surface);border-color:var(--ys-card-border-dark);box-shadow:none}.ys-card--rim{background:var(--color-rim);border-color:rgba(255,255,255,.07)}.ys-card--accent{border-color:var(--color-blue-border);background:var(--color-blue-subtle)}.ys-card--hover{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.ys-card--hover:hover{box-shadow:var(--ys-card-shadow-md);border-color:var(--color-blue-border);transform:translateY(-2px)}.ys-chip{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-light-surface);border:1px solid var(--ys-card-border)}.ys-chip svg{width:20px;height:20px;opacity:.75}.ys-chip--blue{background:var(--color-blue-subtle);border-color:var(--color-blue-border)}.ys-chip--blue svg{opacity:1;color:var(--color-blue)}.ys-chip--dark{background:var(--color-rim);border-color:rgba(255,255,255,.1)}.ys-chip--dark svg{opacity:.8;color:var(--color-text-primary)}.ys-badge{display:inline-flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:100px;border:1px solid var(--ys-card-border);background:var(--color-light-surface);color:var(--color-text-secondary)}.ys-badge--blue{background:var(--color-blue-subtle);border-color:var(--color-blue-border);color:var(--color-blue)}.ys-badge--on-dark{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:var(--color-text-secondary)}.ys-stat__number{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--color-text-primary)}.ys-stat__label{font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin-top:8px}.ys-divider{height:1px;background:var(--ys-card-border);border:0;margin:0}.ys-divider--dark{background:var(--ys-card-border-dark)}.ys-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.ys-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.5}.ys-checklist li::before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--color-blue-subtle);border:1px solid var(--color-blue-border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='%233B63F7' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.ys-checklist--on-dark li{color:var(--color-text-secondary)}.ys-checklist--on-dark li::before{background-color:rgba(59,99,247,.18);border-color:rgba(59,99,247,.35)}.ys-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}@media (max-width:768px){.ys-hide-mobile{display:none!important}}.ys-show-mobile{display:none!important}@media (max-width:768px){.ys-show-mobile{display:block!important}}.ref-crumbs{display:flex;align-items:center;gap:8px;margin-bottom:22px;font-family:var(--font-sans);font-size:.8rem;color:#8480a0}.ref-crumbs a{color:inherit;text-decoration:none}.ref-crumbs a:hover{color:#f5f3fc}@media (max-width:768px){.ref-crumbs{margin-bottom:16px;font-size:.74rem}}.ref-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8fa9ff}.ref-kicker::before{background:currentColor}@media (max-width:768px){.ref-kicker{font-size:.68rem}}.ref-hero{position:relative;background:var(--color-void, #07030D);overflow:hidden}.ref-hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 720px 380px at 78% 20%,rgba(59,99,247,.28),transparent 70%),radial-gradient(ellipse 520px 300px at 12% 100%,rgba(139,92,246,.16),transparent 70%)}.ref-hero__inner{position:relative;max-width:1390px;margin:0 auto;padding:132px 40px 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center;gap:56px}@media (max-width:1100px){.ref-hero__inner{grid-template-columns:1fr;padding:112px 32px 64px}}@media (max-width:768px){.ref-hero__inner{padding:84px 20px 32px}}.ref-hero__copy{min-width:0}.ref-hero__heading{font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.02;color:#f5f3fc;margin:18px 0 0}@media (max-width:768px){.ref-hero__heading{font-size:2.05rem;margin-top:14px}}.ref-hero__sub{max-width:640px;font-family:var(--font-sans);font-size:1.1rem;line-height:1.62;color:#a6a2bc;margin:22px 0 0}@media (max-width:768px){.ref-hero__sub{font-size:.95rem;line-height:1.55;margin-top:16px}}.ref-art-wrap{display:flex;align-items:center;justify-content:center}@media (max-width:1100px){.ref-art-wrap{display:none}}.ref-art{width:100%;max-width:560px;height:auto;overflow:visible}.ref-art__win{animation:ref-art-float 8s ease-in-out infinite;animation-delay:var(--d, 0s)}@media (prefers-reduced-motion:reduce){.ref-art__win{animation:none}}.ref-grid-section{background:#fafafb;flex:1}.ref-grid-section__inner{max-width:1390px;margin:0 auto;padding:56px 40px 64px}@media (max-width:768px){.ref-grid-section__inner{padding:28px 20px 40px}}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (max-width:768px){.ref-grid{grid-template-columns:minmax(0,1fr);gap:16px}}.ref-empty{margin:0;padding:48px 0;text-align:center;font-family:var(--font-sans);color:var(--ink-500, #6B6880)}.ref-card{display:block;text-decoration:none;border-radius:8px;border:1px solid var(--border-subtle, rgba(7, 3, 13, 0.08));background:#fff;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:ref-card-in .6s ease backwards;animation-delay:var(--ref-d, 0ms)}.ref-card:is(a):hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(59,99,247,.1);border-color:rgba(59,99,247,.25)}.ref-card__thumb{aspect-ratio:16/10;position:relative;overflow:hidden;background:#f3f4f8}.ref-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.ref-card__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0e0b1a,#1c1730)}.ref-card__thumb-placeholder span{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:rgba(255,255,255,.14);letter-spacing:-.03em;text-align:center;padding:0 16px}.ref-card__body{padding:16px 18px 18px}.ref-card__name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:#07030d;margin:0}.ref-card__host{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-family:var(--font-sans);font-size:.82rem;color:#3b63f7}@media (prefers-reduced-motion:reduce){.ref-card{animation:none}}.ref-cta{background:#fafafb;padding:0 0 96px}@media (max-width:768px){.ref-cta{padding-bottom:56px}}.ref-cta__inner{overflow:hidden;max-width:1310px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 48px;border-radius:8px;background:var(--color-void, #07030D)}.ref-cta__inner::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 520px 260px at 85% 0,rgba(59,99,247,.3),transparent 70%)}.ref-cta__inner,.ref-cta__inner>*{position:relative}@media (max-width:900px){.ref-cta__inner{flex-direction:column;align-items:flex-start;padding:28px 24px;gap:20px}}.ref-cta{padding-left:40px;padding-right:40px}@media (max-width:768px){.ref-cta{padding-left:20px;padding-right:20px}}.ref-cta__copy{max-width:640px}.ref-cta__title{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;color:#f5f3fc;margin:0}.ref-cta__text{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:#a6a2bc;margin:10px 0 0}.ref-cta__btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:8px;background:#3b63f7;color:#fff;font-family:var(--font-sans);font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s ease}.ref-cta__btn:hover{background:#2f52d9;transform:translateY(-1px)}