:root{--bg:#fff;--surface:#f5f3ef;--text:#191919;--text-2:#6b6b6b;--text-3:#a3a097;--border:#eceae5;--line:#e4e1da;--accent:#533afd;--green:#35c759;--maxw:624px;--sans:"Inter",system-ui,-apple-system,sans-serif;--serif:"Instrument Serif",Georgia,serif;--hand:"Caveat",cursive;--mono:"JetBrains Mono",ui-monospace,monospace;--r:12px;--gap:3.6rem;--grid-dot:#0000001a}@media (prefers-color-scheme:dark){:root{--bg:#0f0f0e;--surface:#1a1a17;--text:#f1f0ec;--text-2:#9b9b94;--text-3:#5f5d56;--border:#262521;--line:#2a2925;--accent:#e8703f;--grid-dot:#ffffff0a}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}section{scroll-margin-top:64px}section+section,footer{margin-top:var(--gap)}.divider{border-top:1px solid var(--line);padding-top:var(--gap)}.band{background:var(--surface)}.band .pad{padding:3rem 0 3.4rem}.pg{z-index:-1;pointer-events:none;background-image:radial-gradient(circle,var(--grid-dot) 1px,transparent 1px);background-size:28px 28px;position:fixed;inset:0}header{z-index:100;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(20px)saturate(1.6)brightness(1.02);padding:14px 0;transition:background .3s,border-color .3s;position:sticky;top:0}header:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0f 0%,#0000 100%);position:absolute;inset:0}.head{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.site-logo{align-items:center;display:inline-flex}.header-logo{width:auto;height:36px;color:var(--text);display:block}.case-back{color:var(--text-3);align-items:center;gap:6px;margin-bottom:24px;font-size:13px;transition:color .2s;display:inline-flex}.case-back:hover{color:var(--text)}.case-hero-img{border-radius:var(--r);aspect-ratio:16/9;margin-top:28px;overflow:hidden}.case-hero-img img{object-fit:cover;width:100%;height:100%;display:block}.case-details{grid-template-columns:repeat(3,1fr);gap:24px;padding:28px 0;display:grid}.case-label{font-family:var(--mono);letter-spacing:.07em;color:var(--text-3);text-transform:uppercase;margin-bottom:6px;font-size:11px}.case-detail p{color:var(--text-2);font-size:14px}.case-body{max-width:56ch}.case-body h2{letter-spacing:-.01em;margin-bottom:10px;font-size:20px;font-weight:500}.case-body p{color:var(--text-2);font-size:16px;line-height:1.75}.case-body p+p{margin-top:12px}.case-placeholder{border-radius:var(--r);background:var(--surface);border:1px dashed var(--border);text-align:center;color:var(--text-3);margin-top:var(--gap);padding:60px 32px;font-size:14px}@media (width<=480px){.case-details{grid-template-columns:1fr 1fr}}.pill{border:1px solid var(--text-3);color:var(--text-2);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:12px;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-flex;position:relative}.pill:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.pill:before{content:"";z-index:-1;pointer-events:none;background:conic-gradient(red,#ff8c00,gold,#0c6,#08f,#83f,#f4a,red);border-radius:999px;animation:4s linear infinite rainbow-glow;position:absolute;inset:8px;transform:translateY(4px)scale(1.02)}@keyframes rainbow-glow{0%{filter:blur(14px)hue-rotate();opacity:.6}50%{filter:blur(18px)hue-rotate(180deg);opacity:.75}to{filter:blur(14px)hue-rotate(360deg);opacity:.6}}.gdot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.hero{padding:66px 0 4px;position:relative;overflow:visible}.hero>.wrap{z-index:1;position:relative}.orb{pointer-events:none;filter:blur(88px);will-change:transform;border-radius:50%;position:absolute}.orb-a{display:none}.orb-b{background:radial-gradient(circle,#6064f61c,#0000 70%);width:360px;height:360px;top:80px;left:-120px}.orb-c{background:radial-gradient(circle,#2dd4bf17,#0000 70%);width:240px;height:240px;top:200px;right:40px}.eyebrow{color:var(--text-3);margin-bottom:18px;font-size:13px}h1{letter-spacing:-.02em;font-size:clamp(24px,4.5vw,30px);font-weight:500;line-height:1.32}.hl{white-space:nowrap;background-image:linear-gradient(120deg,#d85a302e 0% 100%);background-position:0 94%;background-repeat:no-repeat;background-size:100% 42%;padding-bottom:1px}.lede{color:var(--text-2);max-width:52ch;margin-top:18px;font-size:16px;line-height:1.7}.lede-hl{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;color:var(--text);text-decoration-thickness:1.5px}.cta-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;display:flex}.btn{border-radius:999px;align-items:center;gap:8px;padding:11px 19px;font-size:14px;font-weight:500;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-solid{background:var(--text);color:var(--bg)}.btn-solid:hover{transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--text);color:var(--text);padding:10px 18px}.btn-outline:hover{background:var(--text);color:var(--bg);transform:translateY(-2px)}.btn-ghost{color:#ffffffbf;border:1.5px solid #ffffff40;padding:10px 18px}.btn-ghost:hover{color:#fff;border-color:#fff9}.btn svg{width:15px;height:15px}.page-hd{padding:60px 0 0}.page-title{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(28px,7vw,38px);font-weight:500;line-height:1.2}.page-sub{color:var(--text-2);font-size:16px}.page-sub a{text-underline-offset:3px;text-decoration:underline}.slab{align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.snum{font-family:var(--mono);color:var(--text-3);letter-spacing:.06em;font-size:12px}.sname{color:var(--text-2);font-size:13px}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.work{display:block}.thumb{background:var(--surface);border-radius:var(--r);aspect-ratio:4/3;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.thumb:after{content:"↗";color:var(--bg);opacity:0;font-size:15px;transition:all .3s;position:absolute;top:10px;right:13px;transform:translateY(4px)}.work:hover .thumb{transform:translateY(-3px)}.work:hover .thumb:after{opacity:1;transform:translateY(0)}.wtitle{margin:12px 0 3px;font-size:15px;font-weight:500}.wmeta{color:var(--text-2);font-size:13px}.thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.work-soon{cursor:default}.work-soon .thumb:after{display:none}.thumb-soon{z-index:1;background:#0000006b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.thumb-soon span{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;border:1px solid #ffffff4d;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:500}.tool-list{list-style:none}.tool-list li{display:contents}.tool-row{color:inherit;grid-template-columns:22px 1fr auto;align-items:start;gap:0 16px;padding:22px 0;text-decoration:none;display:grid}a.tool-row:hover .tool-name{color:var(--accent)}a.tool-row:hover .tool-ext{opacity:1;transform:translate(1px,-1px)}.tool-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px;display:block}.tool-dot-peach{background:#e88060}.tool-dot-blue{background:#6080e8}.tool-dot-violet{background:#8060e8}.tool-dot-soon{border:2px solid var(--text-3);background:0 0}.tool-row-body{flex-direction:column;gap:6px;display:flex}.tool-name{font-size:15px;font-weight:500;line-height:1.3;transition:color .2s}.tool-desc{color:var(--text-2);font-size:13px;line-height:1.65}.tool-meta{flex-wrap:wrap;gap:6px;display:flex}.tool-tag{font-family:var(--mono);letter-spacing:.05em;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-size:10px}.tool-row-right{flex-direction:column;align-items:flex-end;gap:10px;padding-top:2px;display:flex}.tool-badge{font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:10px}.tool-badge.internal{color:var(--text-3);border:1px solid var(--border)}.tool-badge.soon{color:var(--accent);opacity:.85;border:1px solid}.tool-ext{width:13px;height:13px;color:var(--text-3);opacity:.55;transition:opacity .2s,transform .2s}.section-intro{color:var(--text-2);max-width:52ch;margin-bottom:24px;font-size:15px;line-height:1.65}.grid3{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.svc{border:1px solid var(--border);border-radius:var(--r);background:0 0;padding:20px}.svc-icon{color:var(--accent);margin-bottom:10px;display:block}.svc-icon svg{width:22px;height:22px}.svc h3{margin-bottom:5px;font-size:15px;font-weight:500}.svc p{color:var(--text-2);font-size:13px;line-height:1.6}.ctacard{color:var(--text);border:1px solid var(--border);border-radius:var(--r);background:linear-gradient(105deg,#fce8d6 0%,#fff 48%,#e8e0f6 100%);flex-direction:column;grid-column:span 2;justify-content:center;padding:20px;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.ctacard:before{display:none}.ctacard:hover{transform:translateY(-3px)}.ctacard h3{margin-bottom:6px;font-size:19px;font-weight:500}.ctacard .sub{color:var(--text-2);font-size:13px}.ctacard .crow{align-items:center;gap:13px;margin-top:18px;display:flex}.ctapill{border:1px solid var(--text);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.ctapill:hover{background:var(--text);color:#fff}.ctapill svg{width:14px;height:14px;transition:transform .3s}.ctacard:hover .ctapill svg{transform:translate(3px)}.scribble{font-family:var(--hand);color:var(--accent);white-space:nowrap;font-size:19px;transform:rotate(-3deg)}.mq{white-space:nowrap;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.mq+.mq{margin-top:10px}.mqt{will-change:transform;align-items:center;display:inline-flex}.mqt.l{animation:26s linear infinite ml}.mqt.r{animation:30s linear infinite mr}.mq:hover .mqt{animation-play-state:paused}.tag{color:var(--text-3);padding:0 13px;font-size:18px}.tag.on{color:var(--text);font-weight:500}.plus{color:var(--text-3);opacity:.45;font-size:15px}@keyframes ml{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mr{0%{transform:translate(-50%)}to{transform:translate(0)}}.vcard{background:var(--surface);border-radius:var(--r);border:1px solid var(--border);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;overflow:hidden}.vcard:hover{transform:translateY(-2px);box-shadow:0 10px 36px #00000012}.logo-grid{grid-template-columns:repeat(4,1fr);align-items:center;margin-top:28px;display:grid}.logo-img-g{object-fit:contain;opacity:.55;filter:grayscale();mix-blend-mode:multiply;width:auto;max-width:100%;margin:0 auto;transition:opacity .25s,filter .25s;display:block}.logo-img-g:hover{opacity:.9;filter:grayscale(0)}@media (prefers-color-scheme:dark){.logo-img-g{mix-blend-mode:screen;filter:grayscale()invert()}}.vthumb{aspect-ratio:16/9;background:linear-gradient(145deg,#d85a300f 0%,var(--surface) 50%,#6064f60d 100%);cursor:pointer;position:relative;overflow:hidden}.vthumb:after{content:"";background:#0000004d;position:absolute;inset:0}.vplay{z-index:2;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #00000024}.vthumb:hover .vplay{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 4px 20px #0003}.vplay-icon{width:13px;height:13px;fill:var(--text);margin-left:2px}.vname{z-index:2;color:#fff;font-size:12px;font-weight:500;line-height:1.4;position:absolute;bottom:11px;left:13px}.vrole{color:#ffffffad;font-weight:400}.vbody{padding:14px 16px 16px}.vquote{font-family:var(--serif);color:var(--text);margin-bottom:6px;font-size:15.5px;line-height:1.55}.vwho{color:var(--text-2);font-size:12px}.vthumb-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vmodal-overlay{z-index:200;background:#000000e0;justify-content:center;align-items:center;padding:20px;animation:.2s fadein;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.vmodal{background:#000;border-radius:16px;width:100%;max-width:860px;position:relative;overflow:hidden;box-shadow:0 32px 80px #000000b3}.vmodal video{object-fit:contain;width:100%;max-height:82vh;display:block}.vmodal-close{color:#fff;cursor:pointer;z-index:1;backdrop-filter:blur(4px);background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.vmodal-close:hover{background:#ffffff59}.about-cta{margin-top:22px;display:inline-flex}.philo{font-family:var(--serif);font-size:clamp(28px,7vw,34px);font-weight:400;line-height:1.2}.philo-sub{color:var(--text-3);margin:7px 0 26px;font-size:13px}.about p{max-width:56ch;font-size:16px;line-height:1.78}.about p+p{margin-top:14px}.about .mut{color:var(--text-2)}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.statn{letter-spacing:-.02em;background:linear-gradient(135deg,var(--text) 10%,var(--accent) 130%);-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(24px,6vw,30px);font-weight:500;line-height:1}.statl{color:var(--text-2);margin-top:8px;font-size:13px}.faq dt{margin-bottom:6px;font-size:15px;font-weight:500;line-height:1.4}.faq dd{color:var(--text-2);font-size:15px;line-height:1.7}.faq .qa+.qa{margin-top:24px}.faq-group{border-top:1px solid var(--line);margin-top:32px;padding-top:32px}.faq-group:first-child{border-top:none;margin-top:0;padding-top:0}.faq-group-label{font-family:var(--mono);letter-spacing:.07em;color:var(--text-3);text-transform:uppercase;margin-bottom:20px;font-size:11px}.ct-lead{max-width:40ch;margin-bottom:14px;font-size:18px;font-weight:500}.ct-mail{margin-bottom:4px;font-size:18px;display:inline-block}.ct-mail:hover{color:var(--accent)}.ct-links{color:var(--text-2);margin-top:6px;font-size:14px}.ct-links a+a:before{content:" · "}.ct-links a:hover{color:var(--text)}.ctabox{text-align:center;border:1px solid var(--border);background:linear-gradient(105deg,#fce8d6 0%,#fff 48%,#e8e0f6 100%);border-radius:16px;padding:52px 44px;position:relative;overflow:hidden}.ctabox:before{display:none}.ctabox-inner{z-index:1;position:relative}.ctabox-note{flex-direction:row;position:absolute;top:-50px;left:5px}.ctabox h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(22px,5vw,30px);font-weight:500;line-height:1.25}.ctabox .cb-sub{color:var(--text-2);max-width:44ch;margin:0 auto 28px;font-size:15px;line-height:1.65}.ctabox .cb-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cb-note{color:var(--text-3);margin-top:16px;font-size:12px}footer{padding:60px 0 100px}.ft{text-align:center}.ft-name{margin-bottom:15px;font-size:15px;font-weight:600}.ft-sub{color:var(--text-3);margin-bottom:20px;font-size:13px}.ft-links{flex-wrap:wrap;justify-content:center;gap:4px 22px;margin-bottom:36px;display:flex}.ft-links a{color:var(--text-3);font-size:13px;transition:color .2s}.ft-links a:hover{color:var(--text-2)}.ft-quote-row{align-items:center;gap:14px;margin-bottom:28px;display:flex}.ft-ln{background:var(--line);flex:1;height:1px}.ft-orn{color:var(--text-3);flex-shrink:0;align-items:center;line-height:0;display:flex}.ft-quote{font-family:var(--serif);color:var(--text-3);white-space:nowrap;flex-shrink:0;font-size:22px;font-style:italic}.ft-copy{color:var(--text-3);font-size:12px}.ft-copy a:hover{color:var(--text-2)}.fver{font-family:var(--mono);letter-spacing:.04em;font-size:11px}.note{pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute}.note .scribble{margin-bottom:40px;font-size:19px}.note svg{width:44px;height:36px;overflow:visible}.note .path{stroke:var(--accent);stroke-width:2px;fill:none;stroke-linecap:round;stroke-dasharray:90;stroke-dashoffset:90px;transition:stroke-dashoffset .7s .25s}.note .head{stroke:var(--accent);stroke-width:2px;fill:none;stroke-linecap:round;opacity:0;transition:opacity .3s .8s}.note.in .path{stroke-dashoffset:0}.note.in .head{opacity:1}.note-hero{top:-10px;right:35px}@media (width<=560px){.note-hero{display:none}}.cta-note{opacity:.85;font-size:16px}.dock{z-index:50;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;padding:6px 8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000000f}.dlink{color:var(--text-3);border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:14px;transition:color .2s,border-color .2s}.dlink:hover{color:var(--text-2)}.dlink.on{color:var(--text);border-color:var(--border);font-weight:500}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(16px)}.reveal.in{opacity:1;transform:none}.hero .reveal{transition-duration:.8s}@media (width<=560px){:root{--gap:2.8rem}.grid3{grid-template-columns:1fr 1fr}.ctacard{grid-column:span 2}.stats{grid-template-columns:1fr 1fr;gap:18px 14px}.head{flex-wrap:wrap}.ctabox{padding:36px 24px}.vcard{max-width:100%}}@media (width<=380px){.grid2,.grid3{grid-template-columns:1fr}.ctacard{grid-column:span 1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.mqt.l,.mqt.r,.gdot{animation:none}.note .path{stroke-dashoffset:0}.note .head{opacity:1}}