@property --rot{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --rot-flat{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --card-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}:root{--bg-deep: #050912;--bg: #0A132A;--surface: #0E1B30;--surface-2: #15264A;--line: rgba(232, 237, 250, .08);--line-2: rgba(232, 237, 250, .15);--ink: #ECF1FF;--ink-2: #C7CFE5;--ink-muted: #8892B0;--ink-faint: #4C5878;--amber: #E8C547;--amber-soft: #FBE894;--plasma: #FF2D87;--plasma-deep:#B5126A;--acid: #C8FF2E;--circuit: #64FFDA;--accent-1: var(--amber);--accent-2: var(--plasma);--accent-3: var(--acid);--accent-pop: var(--plasma);--font-display: "Bricolage Grotesque", "Geist", system-ui, sans-serif;--font-body: "Geist", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--t-hero: clamp(3rem, 1rem + 9vw, 10rem);--t-display: clamp(2.5rem, 1rem + 6vw, 5.5rem);--t-h2: clamp(2rem, .8rem + 4vw, 4rem);--t-h3: clamp(1.25rem, .9rem + 1.4vw, 1.875rem);--t-body: clamp(.95rem, .85rem + .4vw, 1.0625rem);--t-small: clamp(.75rem, .7rem + .2vw, .8125rem);--shell-x: clamp(1.25rem, 4vw, 4rem);--gutter: clamp(1rem, 2vw, 2rem);--ease-bold: cubic-bezier(.83, 0, .17, 1);--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-snap: cubic-bezier(.45, 0, .1, 1)}html[data-palette=amber],html:not([data-palette]){--accent-1: var(--amber);--accent-2: var(--ink);--accent-3: var(--amber-soft)}html[data-palette=plasma]{--accent-1: var(--plasma);--accent-2: var(--amber);--accent-3: var(--circuit)}html[data-palette=acid]{--accent-1: var(--acid);--accent-2: var(--plasma);--accent-3: var(--amber)}html[data-palette=circuit]{--accent-1: var(--circuit);--accent-2: var(--amber);--accent-3: var(--ink)}html[data-hack="1"]{--bg-deep: #C8FF2E;--bg: #C8FF2E;--surface: #0A132A;--ink: #0A132A;--ink-2: #0A132A;--ink-muted: rgba(10,19,42, .7);--line: rgba(10,19,42, .15);--accent-1: #FF2D87;--accent-pop: var(--amber)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-deep);color:var(--ink-2);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body{min-height:100vh}html,body,*{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0;height:0;display:none}@media (hover: hover) and (pointer: fine){html[data-cursor=on],html[data-cursor=on] *,html[data-cursor=on] a,html[data-cursor=on] button,html[data-cursor=on] [data-magnetic]{cursor:none}}::selection{background:var(--accent-1);color:var(--bg-deep)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0}img,svg{max-width:100%;display:block}.mono{font-family:var(--font-mono);letter-spacing:.01em}.tabular{font-variant-numeric:tabular-nums}.dim{color:var(--ink-muted)}.shell{width:100%;max-width:1680px;margin:0 auto;padding-left:var(--shell-x);padding-right:var(--shell-x)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);display:inline-flex;align-items:center;gap:.6em}.eyebrow:before{content:"";width:24px;height:1px;background:var(--accent-1)}.display,.hero-h,h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:.92;color:var(--ink);margin:0;font-variation-settings:"wght" var(--wght, 700),"wdth" var(--wdth, 100);transition:font-variation-settings .35s var(--ease-soft)}.hero-h{font-size:var(--t-hero);line-height:.86;letter-spacing:-.04em}.glyph{display:inline-block;will-change:transform,font-variation-settings;transform-origin:50% 100%}.glyph-row{white-space:nowrap}.loader{position:fixed;inset:0;z-index:100;background:var(--bg-deep);display:grid;place-items:center;transition:opacity .7s var(--ease-bold),transform .9s var(--ease-bold)}.loader.gone{opacity:0;pointer-events:none;transform:scale(.98)}.loader-stage{display:grid;gap:28px;place-items:center;text-align:center}.loader svg{width:120px;height:auto;opacity:.95}.loader svg path{stroke:var(--ink);stroke-width:1.4;fill:none}.loader svg path[stroke="#dbc043"]{stroke:var(--accent-1)}.loader.draw svg path{stroke-dasharray:var(--len, 1200);stroke-dashoffset:var(--len, 1200);animation:loader-draw 2.1s var(--ease-bold) forwards}@keyframes loader-draw{to{stroke-dashoffset:0}}.loader-meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase;display:flex;gap:18px;align-items:center}.loader-pct{color:var(--accent-1);font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}.loader-bar{width:min(40vw,280px);height:1px;background:var(--line);overflow:hidden}.loader-bar>i{display:block;height:100%;background:var(--accent-1);transform-origin:left;transform:scaleX(var(--p, 0));transition:transform .25s linear}.page-reveal{position:fixed;inset:0;z-index:95;background:var(--bg-deep);transform-origin:bottom;animation:page-reveal .9s .1s var(--ease-bold) forwards;pointer-events:none}@keyframes page-reveal{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.cursor-dot,.cursor-ring,.cursor-label{position:fixed;top:0;left:0;pointer-events:none;z-index:2147483647;transform:translate3d(-50%,-50%,0)}.cursor-dot{width:6px;height:6px;background:var(--accent-1);border-radius:50%;mix-blend-mode:difference}.cursor-ring{width:36px;height:36px;border:1px solid var(--accent-1);border-radius:50%;transition:width .35s var(--ease-soft),height .35s var(--ease-soft),border-color .25s var(--ease-soft),background-color .25s var(--ease-soft),opacity .25s var(--ease-soft);opacity:.75}.cursor-ring.hot{width:72px;height:72px;background:color-mix(in srgb,var(--accent-1),transparent 86%);border-color:var(--accent-1);opacity:1}.cursor-ring.drag{width:88px;height:88px;background:color-mix(in srgb,var(--accent-2),transparent 80%);border-color:var(--accent-2)}.cursor-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--bg-deep);background:var(--accent-1);padding:4px 10px;border-radius:999px;transform:translate3d(-50%,calc(-50% + 38px),0);opacity:0;transition:opacity .2s;white-space:nowrap}.cursor-label.show{opacity:1}.cursor-trail{position:fixed;top:0;left:0;width:4px;height:4px;background:var(--accent-1);border-radius:50%;pointer-events:none;z-index:2147483646;opacity:0;transform:translate3d(-50%,-50%,0)}.cursor-ripple{position:fixed;top:0;left:0;width:260px;height:260px;border:1.5px solid var(--accent-1);border-radius:50%;pointer-events:none;z-index:2147483646;--cx: 0px;--cy: 0px;--dx: 0px;--dy: 0px;animation:cursor-ripple .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes cursor-ripple{0%{transform:translate3d(var(--cx),var(--cy),0) translate(-50%,-50%) translate(0) scale(.08);opacity:.9;border-width:2.5px}to{transform:translate3d(var(--cx),var(--cy),0) translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(1);opacity:0;border-width:.5px}}.site-header{position:fixed;top:0;left:0;right:0;z-index:60;padding:18px var(--shell-x);display:flex;align-items:center;justify-content:space-between;gap:24px;transition:backdrop-filter .3s,background-color .3s,border-color .3s;border-bottom:1px solid transparent;contain:layout style;transform:translateZ(0);will-change:backdrop-filter}.site-header.scrolled{background:color-mix(in srgb,var(--bg-deep),transparent 25%);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-bottom-color:var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:32px;height:32px;display:grid;place-items:center}.brand-mark svg{width:100%;height:auto}.brand-mark svg path[fill="#2d3f3f"]{fill:var(--ink)}.brand-mark svg path[fill="#dbc043"]{fill:var(--accent-1)}.brand-name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink)}.brand-name sup{font-family:var(--font-mono);font-size:9px;color:var(--accent-1);margin-left:4px;letter-spacing:.16em;vertical-align:super}.nav{display:flex;gap:28px;align-items:center}@media (max-width: 800px){.nav-links{display:none}}.nav-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);position:relative;padding:6px 2px}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent-1);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-soft)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-num{color:var(--accent-1);margin-right:6px;font-size:9px}.header-cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bg-deep);background:var(--accent-1);padding:11px 18px;border-radius:999px;transition:transform .3s var(--ease-soft),background .3s}.header-cta:after{content:"→";transition:transform .3s var(--ease-soft)}.header-cta:hover{background:var(--accent-2)}.header-cta:hover:after{transform:translate(4px)}.header-clock{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-muted)}@media (max-width: 1100px){.header-clock{display:none}}.section{position:relative;padding-top:clamp(80px,14vh,180px);padding-bottom:clamp(80px,14vh,180px)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:clamp(40px,6vh,80px);border-bottom:1px solid var(--line);padding-bottom:18px}.section-index{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--ink-muted);text-transform:uppercase}.section-index b{color:var(--accent-1);margin-right:8px;font-weight:500}.hero{min-height:100vh;padding-top:120px;padding-bottom:80px;display:grid;align-items:end;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 50% 40%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,black 0%,transparent 70%)}.hero-glow{position:absolute;width:70vw;height:70vw;max-width:900px;max-height:900px;border-radius:50%;filter:blur(80px);opacity:.55;background:radial-gradient(circle,color-mix(in srgb,var(--accent-1),transparent 50%),transparent 60%);left:50%;top:30%;transform:translate(-50%,-50%);pointer-events:none}.hero-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-meta{display:flex;justify-content:space-between;gap:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:36px;border-top:1px solid var(--line);padding-top:14px}.hero-meta b{color:var(--ink);font-weight:500}.hero-h .row{display:block}.hero-h .row.indent{padding-left:.6em}.hero-h .accent{color:var(--accent-1);font-style:italic;font-weight:600}.hero-h .underline{position:relative;display:inline-block}.hero-h .underline:after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.06em;background:var(--accent-pop);transform:scaleX(0);transform-origin:left;animation:ul-in 1.2s 1.6s var(--ease-bold) forwards}@keyframes ul-in{to{transform:scaleX(1)}}.hero-foot{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-top:40px;flex-wrap:wrap}.hero-tag{max-width:38ch;color:var(--ink-2);font-size:var(--t-body);line-height:1.5}.hero-tag b{color:var(--ink);font-weight:600}.hero-cta{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:var(--bg-deep);padding:18px 28px;border-radius:999px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;transition:transform .3s var(--ease-soft),background .3s,color .3s}.hero-cta:hover{background:var(--accent-1);color:var(--bg-deep);transform:translateY(-2px)}.hero-cta .arrow{width:22px;height:22px;border-radius:50%;background:var(--bg-deep);color:var(--ink);display:grid;place-items:center;font-family:var(--font-body);font-size:12px;transition:transform .3s var(--ease-soft)}.hero-cta:hover .arrow{background:var(--bg-deep);color:var(--accent-1);transform:rotate(-45deg)}.hero-stats{display:flex;gap:32px;flex-wrap:wrap}.hero-stat{display:grid;gap:4px}.hero-stat .num{font-family:var(--font-display);font-size:clamp(1.6rem,1rem + 1.5vw,2.4rem);font-weight:700;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hero-stat .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase}.scroll-hint{position:absolute;left:var(--shell-x);bottom:30px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-muted);text-transform:uppercase;display:flex;align-items:center;gap:12px}.scroll-hint i{width:1px;height:36px;background:linear-gradient(var(--accent-1),transparent);animation:scroll-line 1.6s var(--ease-soft) infinite;transform-origin:top}@keyframes scroll-line{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.filo-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,100px);align-items:center}@media (max-width: 900px){.filo-grid{grid-template-columns:1fr}}.filo-text h2{font-size:var(--t-display);line-height:.95;margin-bottom:32px}.filo-text h2 em{font-style:italic;color:var(--accent-1);font-weight:600}.filo-text p{color:var(--ink-2);font-size:var(--t-body);line-height:1.6;max-width:48ch}.filo-hint{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase;margin:32px 0 6px}.filo-callouts{margin-top:10px;display:grid;gap:14px}.filo-callout{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-top:1px solid var(--line);display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:18px;padding:16px 0;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;position:relative;transition:border-color .4s var(--ease-soft),transform .4s var(--ease-soft)}.filo-callout:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--accent-1);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-soft)}.filo-callout:hover:before{transform:scaleX(1);transform-origin:left}.filo-callout:hover .v{color:var(--accent-1)}.filo-callout:hover .filo-callout-arrow{color:var(--accent-1);transform:rotate(-45deg) translate(2px)}.filo-callout .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--accent-1);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--line-2);transition:background .35s var(--ease-soft),color .35s var(--ease-soft),border-color .35s var(--ease-soft)}.filo-callout .v{color:var(--ink);font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.01em;transition:color .35s var(--ease-soft)}.filo-callout-arrow{font-family:var(--font-mono);font-size:14px;color:var(--ink-faint);transition:color .3s var(--ease-soft),transform .4s var(--ease-soft)}.filo-callout.active{border-top-color:color-mix(in srgb,var(--accent-1),transparent 50%)}.filo-callout.active .k{background:var(--accent-1);color:var(--bg-deep);border-color:var(--accent-1);box-shadow:0 0 18px -2px color-mix(in srgb,var(--accent-1),transparent 50%)}.filo-callout.active .v,.filo-callout.active .filo-callout-arrow{color:var(--accent-1)}.filo-canvas-wrap{position:relative;aspect-ratio:1 / 1;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent-1),transparent 92%),transparent 70%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface-2),transparent 40%));border:1px solid var(--line);border-radius:16px;overflow:hidden}.filo-canvas-wrap:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:24px 24px;opacity:.5;pointer-events:none}.filo-canvas-wrap svg{width:100%;height:100%;position:relative;z-index:1}.filo-canvas-wrap .ovr{position:absolute;bottom:16px;left:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-muted);text-transform:uppercase}.filo-canvas-wrap .ovr b{color:var(--accent-1)}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}@media (max-width: 900px){.svc-grid{grid-template-columns:1fr}}.svc-card{position:relative;background:var(--bg-deep);padding:clamp(28px,4vw,48px);min-height:360px;display:flex;flex-direction:column;gap:20px;overflow:hidden;transition:background .4s var(--ease-soft)}.svc-card:before{content:"";position:absolute;width:360px;height:360px;left:var(--mx, 50%);top:var(--my, 50%);transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--accent-1),transparent 70%),transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-soft)}.svc-card:hover:before{opacity:.7}.svc-card:hover{background:color-mix(in srgb,var(--bg-deep),var(--ink) 1%)}.svc-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase}.svc-card h3{font-size:clamp(1.5rem,1rem + 1.6vw,2.4rem);line-height:.96;letter-spacing:-.02em;color:var(--ink)}.svc-card p{color:var(--ink-2);line-height:1.55;max-width:38ch;position:relative;z-index:1}.svc-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:1}.svc-tags span{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--ink-muted);border:1px solid var(--line-2);padding:6px 10px;border-radius:999px;text-transform:uppercase}.svc-arrow{position:absolute;right:28px;top:28px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink-muted);transition:transform .4s var(--ease-soft),background .3s,color .3s,border-color .3s}.svc-card:hover .svc-arrow{background:var(--accent-1);color:var(--bg-deep);border-color:var(--accent-1);transform:rotate(-45deg)}.ring-stage{position:relative;width:100%;height:clamp(540px,75vh,720px);perspective:1500px;perspective-origin:50% 50%;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;overflow:visible}.ring-stage.grabbing{cursor:grabbing}.ring-stage:before,.ring-stage:after{content:"";position:absolute;pointer-events:none}.ring-stage:before{left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--line) 30%,var(--line) 70%,transparent);transform:translate(-.5px);opacity:.6}.ring-stage:after{left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);opacity:.5}.ring{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-8deg) rotateY(var(--rot, 0deg));--vel: 0;--rot-flat: 0}.ring-card{--w: clamp(180px, 22vw, 240px);--h: clamp(240px, 30vw, 320px);position:absolute;left:0;top:0;width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);margin-top:calc(var(--h) / -2);transform-style:preserve-3d;transform:rotateY(var(--card-angle)) translateZ(var(--card-R, 320px));pointer-events:auto}.ring-card-face{position:absolute;inset:0;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);overflow:hidden;transform-style:preserve-3d;transform:rotateY(calc(-1 * (var(--card-angle) + var(--rot-flat, 0deg))));transition:border-color .4s,box-shadow .5s,background .4s}.ring-card-face:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,var(--line) 0,var(--line) 1px,transparent 1px,transparent 22px);opacity:.35;pointer-events:none}.ring-card-face:after{content:"";position:absolute;inset:-1px;border-radius:14px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent-1),transparent 70%),transparent 60%);opacity:0;transition:opacity .4s var(--ease-soft);pointer-events:none}.ring-card.active .ring-card-face{border-color:var(--accent-1);box-shadow:0 0 60px -10px color-mix(in srgb,var(--accent-1),transparent 60%),0 30px 80px -20px #00000080;background:linear-gradient(160deg,color-mix(in srgb,var(--surface-2),var(--accent-1) 4%),var(--surface))}.ring-card.active .ring-card-face:after{opacity:1}.ring-card .rc-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--accent-1);text-transform:uppercase;position:relative;z-index:1}.ring-card .rc-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-faint);position:relative;z-index:1}.ring-card h3{position:relative;z-index:1;font-size:clamp(1.1rem,.6rem + 1.2vw,1.6rem);line-height:1;letter-spacing:-.02em;color:var(--ink)}.ring-card .rc-meta{position:relative;z-index:1;display:flex;gap:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-muted);text-transform:uppercase}.ring-card .rc-thumb{position:absolute;inset:0;opacity:.16;z-index:0}.ring-hud{position:absolute;inset:0;pointer-events:none;z-index:4}.ring-hud .ticker{position:absolute;left:0;right:0;top:0;padding:0 4px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase}.ring-hud .ticker b{color:var(--ink);font-weight:500}.ring-hud .vel{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase}.ring-hud .vel .meter{width:120px;height:2px;background:var(--line);position:relative;overflow:hidden}.ring-hud .vel .meter>i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--vel-norm, 0) * 100%);background:var(--accent-1);transition:width .12s linear}.ring-readout{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);display:grid;min-height:160px}.ring-readout .swap{animation:hub-swap .45s var(--ease-bold)}.ring-readout .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--accent-1);text-transform:uppercase;display:inline-block;margin-bottom:14px}.ring-readout .title{font-family:var(--font-display);font-size:clamp(1.8rem,1rem + 2.4vw,3rem);letter-spacing:-.02em;color:var(--ink);line-height:1;font-weight:700;margin:0 0 18px}.ring-readout .summary{max-width:60ch;color:var(--ink-2);font-size:var(--t-body);line-height:1.55;margin:0 0 18px}.ring-readout .meta{display:inline-flex;flex-wrap:wrap;gap:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--ink-muted);text-transform:uppercase}@keyframes hub-swap{0%{opacity:0;transform:translateY(8px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.ring-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase}.ring-controls .spin-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-2);padding:10px 16px;border-radius:999px;cursor:pointer;transition:border-color .3s,color .3s}.ring-controls .spin-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.ring-controls .spin-btn.boost{color:var(--accent-2);border-color:var(--accent-2)}@media (max-width: 700px){.ring-stage{height:480px}.ring-hud .ticker{font-size:9px}}.ring-detail{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:4vh 4vw}.ring-detail-bg{position:absolute;inset:0;background:color-mix(in srgb,var(--bg-deep),transparent 12%);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);animation:rd-bg-in .35s var(--ease-soft) both}@keyframes rd-bg-in{0%{opacity:0}to{opacity:1}}.ring-detail-card{position:relative;width:min(1080px,100%);max-height:92vh;display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent-1),transparent 65%);border-radius:18px;overflow:hidden;box-shadow:0 40px 120px -40px color-mix(in srgb,var(--accent-1),transparent 70%),0 30px 80px -20px #0009;animation:rd-in .5s var(--ease-bold) both}@keyframes rd-in{0%{opacity:0;transform:translateY(40px) scale(.94);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.ring-detail-close{position:absolute;top:18px;right:18px;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg-deep);color:var(--ink);font-size:14px;cursor:pointer;display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease-soft)}.ring-detail-close:hover{background:var(--accent-1);color:var(--bg-deep);border-color:var(--accent-1);transform:rotate(90deg)}.rd-head{display:flex;justify-content:space-between;align-items:center;padding:22px 32px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase}.rd-head .rd-tag{color:var(--accent-1)}.rd-body{display:grid;grid-template-columns:1.05fr .95fr;gap:0;overflow:auto}@media (max-width: 820px){.rd-body{grid-template-columns:1fr}}.rd-left{padding:clamp(24px,4vw,44px);display:grid;gap:22px;align-content:start}.rd-title{font-family:var(--font-display);font-size:clamp(2rem,1rem + 3vw,3.4rem);line-height:.95;letter-spacing:-.03em;color:var(--ink);font-weight:700}.rd-summary{color:var(--ink-2);font-size:clamp(.95rem,.85rem + .4vw,1.1rem);line-height:1.55;max-width:50ch}.rd-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;border-top:1px solid var(--line);padding-top:22px}.rd-grid>div{display:grid;gap:4px}.rd-grid>.span2{grid-column:span 2}.rd-k{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase}.rd-v{font-family:var(--font-display);font-weight:500;color:var(--ink);font-size:16px;letter-spacing:-.01em}.rd-outcome{color:var(--accent-1)}.rd-stack{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:10px}.rd-stack-tags{display:flex;flex-wrap:wrap;gap:6px}.rd-stack-tags span{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-2);border:1px solid var(--line-2);padding:6px 10px;border-radius:999px;text-transform:uppercase}.rd-right{position:relative;background:var(--bg);display:grid;grid-template-rows:1fr auto;border-left:1px solid var(--line)}@media (max-width: 820px){.rd-right{border-left:0;border-top:1px solid var(--line)}}.rd-preview{position:relative;overflow:hidden;min-height:280px}.rd-preview svg{position:absolute;inset:0;width:100%;height:100%}.rd-cta{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);transition:color .3s,background .3s}.rd-cta:hover{background:var(--accent-1);color:var(--bg-deep)}.rd-cta .arrow{transition:transform .3s var(--ease-soft)}.rd-cta:hover .arrow{transform:translate(4px) rotate(-45deg)}.work-filter{display:inline-flex;gap:6px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.work-filter button{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}.work-filter button.active{background:var(--ink);color:var(--bg-deep)}.work-filter button:hover:not(.active){color:var(--ink)}.work-action{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line-2);border-radius:999px;cursor:pointer;transition:color .3s,border-color .3s,transform .3s var(--ease-soft)}.work-action:hover{color:var(--accent-1);border-color:var(--accent-1);transform:rotate(-2deg)}.work-action.spinning .spin{animation:spin-shuffle .8s var(--ease-bold)}@keyframes spin-shuffle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:18px;perspective:1400px;perspective-origin:50% 50%}@media (max-width: 1100px){.work-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 700px){.work-grid{grid-template-columns:repeat(2,1fr)}}.work-card{position:relative;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:22px;min-height:240px;transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transition:transform .45s var(--ease-soft),border-color .3s,background .3s;cursor:grab}.work-card:active{cursor:grabbing}.work-card.shuffle-out{animation:card-out .45s var(--ease-bold) forwards}@keyframes card-out{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.85) translateY(20px);filter:blur(8px)}}.work-card.shuffle-in{animation:card-in .55s var(--ease-bold) backwards}@keyframes card-in{0%{opacity:0;transform:scale(.85) translateY(20px);filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.work-card:after{content:"";position:absolute;width:220px;height:220px;left:var(--mx, 50%);top:var(--my, 50%);transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--accent-1),transparent 70%),transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-soft);mix-blend-mode:screen}.work-card:hover{border-color:color-mix(in srgb,var(--accent-1),transparent 70%)}.work-card:hover:after{opacity:1}.work-card.size-lg{grid-column:span 6;grid-row:span 2;min-height:380px}.work-card.size-md{grid-column:span 4;grid-row:span 2;min-height:380px}.work-card.size-sm{grid-column:span 4;grid-row:span 1}.work-card.size-wide{grid-column:span 8;grid-row:span 1}.work-card.size-tall{grid-column:span 3;grid-row:span 2;min-height:380px}@media (max-width: 1100px){.work-card.size-lg,.work-card.size-md,.work-card.size-sm,.work-card.size-wide,.work-card.size-tall{grid-column:span 3}.work-card.size-lg{grid-column:span 6}}@media (max-width: 700px){.work-card.size-lg,.work-card.size-md,.work-card.size-sm,.work-card.size-wide,.work-card.size-tall{grid-column:span 2;grid-row:span 1;min-height:220px}}.work-card .wc-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--accent-1);text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.work-card .wc-tag:before{content:"●"}.work-card .wc-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-faint)}.work-card h3{font-size:clamp(1.2rem,.8rem + 1.2vw,2rem);line-height:.98;letter-spacing:-.02em;color:var(--ink);position:relative;z-index:1;transform:translateZ(30px)}.work-card .wc-meta{display:flex;gap:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-muted);text-transform:uppercase}.work-card .wc-thumb{position:absolute;inset:0;opacity:.18;pointer-events:none;z-index:0}.work-card .wc-thumb svg{width:100%;height:100%}.work-card .wc-thumb pattern path{stroke:var(--accent-1)}.cta{padding-top:clamp(80px,12vh,160px);padding-bottom:clamp(80px,12vh,160px);background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--accent-1),transparent 88%),transparent 60%),var(--bg-deep);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 75%);pointer-events:none}.cta-inner{position:relative;text-align:center}.cta h2{font-size:clamp(2.5rem,1rem + 8vw,8rem);line-height:.88;letter-spacing:-.04em}.cta h2 .accent{color:var(--accent-pop);font-style:italic;font-weight:600}.cta-sub{margin:28px auto 40px;max-width:52ch;color:var(--ink-2);font-size:var(--t-body);line-height:1.55}.cta-buttons{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-bold{display:inline-flex;align-items:center;gap:12px;background:var(--accent-1);color:var(--bg-deep);padding:18px 30px;border-radius:999px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;transition:transform .3s var(--ease-soft),background .3s;cursor:pointer}.btn-bold:hover{transform:translateY(-2px) scale(1.02);background:var(--accent-2)}.btn-line{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line-2);color:var(--ink);padding:18px 30px;border-radius:999px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:border-color .3s,color .3s}.btn-line:hover{border-color:var(--accent-1);color:var(--accent-1)}.footer{border-top:1px solid var(--line);padding-top:60px;padding-bottom:30px;position:relative}.footer-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:60px}.footer-brand{display:grid;gap:14px;max-width:32ch}.footer-brand .ft-name{font-family:var(--font-display);font-size:clamp(2.5rem,1rem + 4vw,4rem);font-weight:700;color:var(--ink);letter-spacing:-.03em;line-height:.9}.footer-brand p{color:var(--ink-muted);font-size:13px}.footer-cols{display:flex;gap:60px;flex-wrap:wrap}.footer-col h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-muted);text-transform:uppercase;margin:0 0 16px;font-weight:500}.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-col a{font-size:14px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;transition:color .3s,transform .3s var(--ease-soft)}.footer-col a:hover{color:var(--accent-1);transform:translate(4px)}.footer-bot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-muted);text-transform:uppercase;padding-top:24px;border-top:1px solid var(--line)}.footer-mega{font-family:var(--font-display);font-weight:800;font-size:clamp(4rem,6vw + 2rem,14rem);letter-spacing:-.05em;line-height:.85;color:var(--ink);text-align:left;white-space:nowrap;overflow:hidden;margin:30px 0;opacity:.08;user-select:none}.matrix-rain{position:fixed;inset:0;z-index:70;pointer-events:none;mix-blend-mode:difference;transform:translateZ(0);will-change:contents}.float-meta{position:fixed;left:var(--shell-x);bottom:20px;z-index:50;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-muted);text-transform:uppercase;display:flex;gap:14px;align-items:center}.float-meta button{cursor:pointer;color:inherit;border:1px solid var(--line-2);padding:8px 12px;border-radius:999px;transition:color .3s,border-color .3s}.float-meta button:hover,.float-meta button.on{color:var(--accent-1);border-color:var(--accent-1)}@media (max-width: 800px){.float-meta{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-canvas,.matrix-rain{pointer-events:none}.hero,#filosofia{contain:layout paint style}#servicos,#trabalhos,#cta,.footer{content-visibility:auto}#servicos,#trabalhos{contain-intrinsic-size:0 900px}#cta{contain-intrinsic-size:0 720px}.footer{contain-intrinsic-size:0 520px}.cursor-dot,.cursor-ring,.cursor-trail{will-change:transform,opacity}.hero-glow{will-change:transform,filter}