:root{--fil-bg: #faf8f5;--fil-bg-blush-1: radial-gradient(ellipse 600px 500px at 15% 60%, rgba(235, 210, 195, .25), transparent);--fil-bg-blush-2: radial-gradient(ellipse 500px 400px at 85% 30%, rgba(235, 215, 200, .18), transparent);--fil-surface: #ffffff;--fil-border: rgba(0, 0, 0, .06);--fil-text: #1a1a1a;--fil-text-muted: #6b6b6b;--fil-text-faint: #9a9a9a;--fil-accent: #d4622b;--fil-accent-hover: #c15520;--fil-accent-light: rgba(212, 98, 43, .12);--fil-accent-fg: #ffffff;--fil-ring-stroke: rgba(0, 0, 0, .08);--fil-ring-tick: rgba(0, 0, 0, .12);--fil-ring-accent: #d4622b;--fil-ring-node: #d4622b;--fil-font-serif: "Instrument Serif", "Georgia", "Times New Roman", serif;--fil-font-sans: "Inter", "DM Sans", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fil-ring-size: min(38vw, 440px);--fil-text-hero: clamp(2.4rem, 5vw, 3.8rem);--fil-text-sub: clamp(.88rem, 1.15vw, 1.02rem);--fil-text-label: .7rem;--fil-text-center: clamp(1.6rem, 3.2vw, 2.4rem)}[data-theme=dark]{--fil-bg: #0c0b0f;--fil-bg-blush-1: radial-gradient(ellipse 600px 500px at 15% 60%, rgba(120, 60, 30, .12), transparent);--fil-bg-blush-2: radial-gradient(ellipse 500px 400px at 85% 30%, rgba(120, 60, 30, .08), transparent);--fil-surface: #18171c;--fil-border: rgba(255, 255, 255, .06);--fil-text: #f0ede8;--fil-text-muted: #9a9590;--fil-text-faint: #6b6560;--fil-accent: #e88a50;--fil-accent-hover: #f0a06a;--fil-accent-light: rgba(232, 138, 80, .15);--fil-accent-fg: #0c0b0f;--fil-ring-stroke: rgba(255, 255, 255, .08);--fil-ring-tick: rgba(255, 255, 255, .12);--fil-ring-accent: #e88a50;--fil-ring-node: #e88a50}.fil-page{position:relative;width:100%;height:100%;min-height:100%;overflow-y:auto;overflow-x:hidden;background-color:var(--fil-bg);color:var(--fil-text);transition:background-color .3s ease,color .3s ease}.fil-page:before,.fil-page:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.fil-page:before{background:var(--fil-bg-blush-1)}.fil-page:after{background:var(--fil-bg-blush-2)}.fil-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}.fil-navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 2.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#faf8f5d9;border-bottom:1px solid var(--fil-border);transition:background .3s ease}[data-theme=dark] .fil-navbar{background:#0c0b0fd9}.fil-navbar__brand{display:flex;align-items:center;gap:.35rem;font-family:var(--fil-font-sans);font-size:1.15rem;font-weight:500;letter-spacing:-.01em;color:var(--fil-text);text-decoration:none;white-space:nowrap}.fil-navbar__brand-star{color:var(--fil-accent);font-size:.75rem}.fil-navbar__links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.fil-navbar__link{font-family:var(--fil-font-sans);font-size:.88rem;font-weight:400;color:var(--fil-text);text-decoration:none;transition:color .15s ease;cursor:pointer;white-space:nowrap}.fil-navbar__link:hover{color:var(--fil-accent)}.fil-navbar__cta{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1.25rem;border-radius:999px;border:1.5px solid var(--fil-accent);background:transparent;color:var(--fil-accent);font-family:var(--fil-font-sans);font-size:.84rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.fil-navbar__cta:hover{background:var(--fil-accent);color:var(--fil-accent-fg);transform:translateY(-1px)}.fil-navbar__cta-star{font-size:.65rem}.fil-header{text-align:center;max-width:820px;padding:clamp(2rem,5vh,4rem) 1.5rem clamp(1rem,2vh,1.5rem)}.fil-hero-title{font-family:var(--fil-font-serif);font-size:var(--fil-text-hero);font-weight:400;font-style:italic;letter-spacing:-.02em;color:var(--fil-text);line-height:1.15;margin:0 0 1rem}.fil-hero-subtitle{font-family:var(--fil-font-sans);font-size:var(--fil-text-sub);font-weight:400;color:var(--fil-text-muted);line-height:1.65;margin:0;letter-spacing:.005em}.fil-hero-subtitle .fil-star{color:var(--fil-accent);font-size:.7em;margin-left:.25em}.fil-visual-area{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:1100px;padding:clamp(1rem,3vh,2.5rem) 1.5rem}.fil-ring-wrapper{position:relative;width:var(--fil-ring-size);height:var(--fil-ring-size);flex-shrink:0}.fil-ring-svg{position:absolute;inset:0;width:100%;height:100%}.fil-ring-arc{stroke:var(--fil-ring-accent);stroke-linecap:round;fill:none;transition:stroke .3s ease}@keyframes fil-arc-draw{0%{stroke-dashoffset:var(--fil-arc-length, 800)}to{stroke-dashoffset:var(--fil-arc-offset, 200)}}.fil-ring-arc--animated{animation:fil-arc-draw 1.4s cubic-bezier(.22,1,.36,1) .5s forwards}.fil-ring-node{fill:var(--fil-bg);stroke:var(--fil-ring-accent);stroke-width:1.5}.fil-ring-node-inner{fill:var(--fil-ring-accent)}@keyframes fil-node-pulse{0%,to{r:2.5;opacity:1}50%{r:3.2;opacity:.7}}.fil-ring-node-inner{animation:fil-node-pulse 3s ease-in-out infinite}.fil-ring-node-bottom{fill:var(--fil-ring-accent)}.fil-center-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;text-align:center;z-index:5;pointer-events:none}.fil-center-label{font-family:var(--fil-font-sans);font-size:var(--fil-text-label);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--fil-accent);margin:0 0 .8rem;display:flex;align-items:center;justify-content:center;gap:.5em}.fil-center-label-star{font-size:.6em}.fil-center-phrase{font-family:var(--fil-font-serif);font-size:var(--fil-text-center);font-weight:400;font-style:italic;color:var(--fil-text);line-height:1.25;margin:0;white-space:pre-line}.fil-center-star-bottom{display:block;margin-top:1rem;color:var(--fil-accent);font-size:.85rem}.fil-trait-cloud{position:absolute;inset:0;pointer-events:none;z-index:2}.fil-trait-word{position:absolute;font-family:var(--fil-font-sans);font-weight:400;color:var(--fil-text-muted);white-space:nowrap;user-select:none;transition:color .15s ease}@keyframes fil-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.fil-trait-word--float{animation:fil-float var(--fil-float-dur, 4s) ease-in-out var(--fil-float-delay, 0s) infinite}.fil-footer{text-align:center;padding:clamp(1.5rem,4vh,3rem) 1.5rem clamp(2rem,5vh,4rem);width:100%;max-width:700px;margin:0 auto}.fil-footer-tagline{font-family:var(--fil-font-sans);font-size:var(--fil-text-sub);font-weight:400;color:var(--fil-text);margin:0 0 1.5rem;display:flex;align-items:center;justify-content:center;gap:.35em}.fil-footer-tagline .fil-star{color:var(--fil-accent);font-size:.75em}.fil-footer-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.5rem;border-radius:999px;border:none;cursor:pointer;font-family:var(--fil-font-sans);font-size:.95rem;font-weight:600;color:var(--fil-accent-fg);background:var(--fil-accent);box-shadow:0 4px 16px #d4622b40;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.fil-footer-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #d4622b59;background:var(--fil-accent-hover)}.fil-footer-cta:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #d4622b33}.fil-footer-cta__sheen{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);pointer-events:none;z-index:1}.fil-footer-cta:hover .fil-footer-cta__sheen{animation:fil-cta-sheen .75s ease-out forwards}@keyframes fil-cta-sheen{0%{left:-100%}to{left:160%}}.fil-footer-cta__text{position:relative;z-index:2}.fil-footer-meta{font-family:var(--fil-font-sans);font-size:.78rem;font-weight:400;color:var(--fil-text-faint);margin:1rem 0 0;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.fil-trait-word--float{animation:none}.fil-ring-arc--animated{animation:none;stroke-dashoffset:var(--fil-arc-offset, 200)}.fil-ring-node-inner{animation:none}}@media(max-width:1100px){:root{--fil-ring-size: min(50vw, 420px)}}@media(max-width:768px){:root{--fil-ring-size: min(70vw, 340px)}.fil-navbar{padding:.8rem 1.25rem}.fil-navbar__links{display:none}.fil-trait-word{font-size:.8rem!important}.fil-visual-area{flex-direction:column}}@media(max-width:480px){:root{--fil-ring-size: min(85vw, 300px)}.fil-navbar{padding:.65rem 1rem}.fil-trait-word{font-size:.72rem!important}}
