:root{color:#000;background-color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;background:#fff;color:#000}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration-line:underline;text-decoration-color:#9ca3af;text-decoration-thickness:1px;text-underline-offset:4px;border-radius:.125rem}a:hover{text-decoration-color:#000}a:focus-visible{outline:2px solid #000;outline-offset:2px}.site-shell{max-width:48rem;margin:0 auto;padding:3rem 1.25rem}.hero-section{display:grid;justify-items:center;gap:1.25rem;text-align:center}h1{font-size:1.875rem;font-weight:600;line-height:1.1;letter-spacing:-.025em}h2{font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.025em}h3{font-size:1.125rem;font-weight:500;line-height:1.5}.eyebrow{color:#374151;font-size:.875rem;font-weight:500;letter-spacing:.025em;line-height:1.25rem;text-transform:uppercase}.link-list,.project-links{display:flex;flex-wrap:wrap;column-gap:1.25rem;row-gap:.5rem;font-size:.875rem;line-height:1.25rem}.link-list{justify-content:center}.content-section{display:grid;gap:1.5rem;margin-top:3.5rem}.entry-list{display:grid;gap:1.5rem}.entry-item{display:grid;gap:.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.entry-header{display:flex;flex-direction:column;gap:.25rem}.entry-date{color:#4b5563;font-size:.875rem;line-height:1.25rem}.entry-description,.project-description{color:#1f2937;font-size:.875rem;line-height:1.5rem}.project-grid{display:grid;gap:1rem}.project-card{padding:1.25rem;border:1px solid #e5e7eb;border-radius:.375rem}.project-description,.project-stack,.project-links{margin-top:.5rem}.project-stack{color:#374151;font-size:.875rem;line-height:1.25rem}.project-links{margin-top:.75rem;column-gap:1rem}.product-shell{max-width:56rem;margin:0 auto;padding:3rem 1.25rem}.product-hero{display:grid;gap:1rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.product-hero p,.product-section p,.feature-card p,.product-footer p{color:#1f2937;font-size:1rem;line-height:1.625rem}.product-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.product-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.75rem 1rem;border:1px solid #000;border-radius:.375rem;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none}.product-actions a:hover{background:#000;color:#fff}.product-actions a:focus-visible{outline:2px solid #000;outline-offset:3px}.feature-grid{display:grid;gap:1rem}.feature-card{display:grid;gap:.75rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff}.product-section{display:grid;gap:1rem;margin-top:3rem}.product-footer{display:grid;gap:.75rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media (min-width: 640px){.site-shell,.product-shell{padding:4rem 2rem}.product-hero{gap:1.25rem;padding-bottom:2.5rem}.product-actions{gap:1rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:2.25rem}.entry-header{flex-direction:row;align-items:baseline;justify-content:space-between}}.dimly-page{min-width:320px;background:radial-gradient(circle at 50% -20%,rgba(180,157,115,.16),transparent 32rem),linear-gradient(180deg,#0a0a09,#070706 45%,#0d0b09);color:#f4efe6;overflow-x:hidden}.dimly-page a{text-decoration:none}.dimly-page a:focus-visible{outline:2px solid #d8c39a;outline-offset:4px}.dimly-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;gap:1.5rem;background:#f7f2e8;color:#0c0b09;animation:introFade 2.8s ease forwards;pointer-events:none}.intro-browser{width:min(24rem,72vw);overflow:hidden;border:1px solid rgba(12,11,9,.22);border-radius:1.25rem;background:#fffdf8;box-shadow:0 2rem 5rem #0c0b092e;animation:introSettle 2.4s cubic-bezier(.19,1,.22,1) forwards}.intro-bar,.browser-chrome{display:flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff0d}.intro-bar span,.browser-chrome span{width:.5rem;height:.5rem;border-radius:999px;background:#0c0b0938}.intro-screen{position:relative;display:grid;gap:.8rem;min-height:13rem;padding:2rem;background:#fffaf1}.intro-line{display:block;width:68%;height:.6rem;border-radius:999px;background:#0c0b0924}.intro-line-wide{width:88%;height:1.8rem}.intro-line-short{width:44%}.intro-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#06070aa8;animation:introDim 2.4s ease forwards}.dimly-intro p,.dimly-mark{font-size:.8rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.dimly-nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1rem,4vw,3rem);color:#f4efe6db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dimly-nav nav{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.5rem);font-size:.78rem;font-weight:600;letter-spacing:.02em}.dimly-nav a:hover{color:#fff8eb}.dimly-hero,.dimly-cinema,.dimly-screenshots,.use-cases-section,.details-section,.final-cta{width:min(112rem,100%);margin:0 auto;padding-right:clamp(1.25rem,5vw,5rem);padding-left:clamp(1.25rem,5vw,5rem)}.dimly-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,6rem);min-height:100svh;padding-top:7rem;padding-bottom:5rem}.hero-copy,.section-heading,.details-copy,.final-cta{display:grid;gap:1.2rem}.dimly-kicker{color:#c8b488;font-size:.74rem;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.dimly-hero h1,.dimly-cinema h2,.dimly-screenshots h2,.use-cases-section h2,.details-section h2,.final-cta h2{max-width:12ch;color:#fff9ee;font-size:clamp(3.4rem,8vw,8.8rem);font-weight:600;line-height:.9;letter-spacing:-.08em}.dimly-hero h1 span{display:inline-block;color:#e8d2a3;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.06em}.dimly-hero p:not(.dimly-kicker),.dimly-cinema p:not(.dimly-kicker),.dimly-screenshots p:not(.dimly-kicker),.final-cta p:not(.dimly-kicker){max-width:38rem;color:#f4efe6b8;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.8}.dimly-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.1rem}.dimly-button,.dimly-link{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;border-radius:999px;font-size:.9rem;font-weight:700}.dimly-button{padding:.8rem 1.35rem;background:#fff4df;color:#11100d;box-shadow:0 1rem 3rem #e8d2a329}.dimly-button:hover{background:#fff}.dimly-link{color:#f4efe6c2}.hero-stage{display:grid;place-items:center;min-height:34rem}.dimly-product-frame{overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.12);border-radius:clamp(1.1rem,2vw,1.7rem);background:#ffffff0f;box-shadow:0 3rem 8rem #0000008c}.hero-product-frame{width:min(40rem,100%);transform:rotate(-2deg)}.dimly-product-frame img{display:block;width:100%;height:auto}.floating-window,.cinema-window{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:clamp(1.1rem,2vw,1.7rem);background:#ffffff0f;box-shadow:0 3rem 8rem #0000008c}.hero-window{width:min(46rem,100%);transform:rotate(-2deg)}.browser-chrome small{margin-left:.5rem;color:#f4efe66b;font-size:.7rem;letter-spacing:.08em}.browser-chrome span{background:#f4efe659}.mock-page,.cinema-page{position:relative;overflow:hidden;background:#f8f4eb}.mock-page{display:grid;grid-template-columns:.32fr 1fr;min-height:30rem}.mock-sidebar{background:linear-gradient(rgba(17,16,13,.08) 1px,transparent 1px),#ece3d4;background-size:100% 3rem}.mock-content{display:grid;align-content:start;gap:1rem;padding:3.5rem}.mock-content span{display:block;height:1rem;border-radius:999px;background:#11100d29}.mock-content span:first-child{width:76%;height:4.2rem;border-radius:1rem;background:#11100d38}.mock-content span:nth-child(2){width:92%}.mock-content span:nth-child(3){width:84%}.mock-content span:nth-child(4){width:54%}.soft-overlay,.cinema-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070a8f;mix-blend-mode:multiply}.soft-overlay{animation:breatheDim 5s ease-in-out infinite alternate}.dimly-cinema{min-height:240vh;padding-top:8rem;padding-bottom:8rem}.cinema-sticky{position:sticky;top:6rem;display:grid;grid-template-columns:minmax(16rem,.6fr) minmax(20rem,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:calc(100svh - 8rem)}.cinema-copy{display:grid;gap:1rem;will-change:transform,opacity}.cinema-copy h2,.dimly-screenshots h2,.use-cases-section h2,.details-section h2,.final-cta h2{font-size:clamp(2.6rem,5.4vw,6.4rem)}.cinema-window{width:100%;transform-origin:center center;will-change:transform}.cinema-page{min-height:min(58vh,42rem);padding:clamp(2rem,5vw,5rem)}.cinema-hero-line{width:58%;height:clamp(4rem,10vw,8rem);border-radius:1.2rem;background:#11100d33}.cinema-text-block{display:grid;gap:.85rem;width:72%;margin-top:2.5rem}.cinema-text-block span{height:.8rem;border-radius:999px;background:#11100d26}.cinema-text-block span:nth-child(2n){width:86%}.cinema-soft-card{position:absolute;right:8%;bottom:10%;display:grid;gap:.7rem;width:28%;height:32%;padding:1.1rem;border:1px solid rgba(17,16,13,.12);border-radius:1.4rem;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.56),transparent 32%),linear-gradient(135deg,#11100d1f,#c8b48857);box-shadow:0 1.5rem 3rem #11100d1f}.cinema-soft-card:before,.cinema-soft-card:after{content:"";display:block;border-radius:999px;background:#11100d24}.cinema-soft-card:before{align-self:end;width:74%;height:.7rem}.cinema-soft-card:after{width:52%;height:.7rem}.cinema-dim{opacity:.1;will-change:opacity}.dimly-screenshots{display:grid;gap:clamp(2rem,5vw,4rem)}.dimly-screenshots .section-heading p:not(.dimly-kicker){max-width:42rem}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}.dimly-screenshot-card{display:grid;gap:.9rem;align-content:start;padding:clamp(.8rem,1.4vw,1rem);border:1px solid rgba(232,210,163,.18);border-radius:clamp(1.1rem,2vw,1.5rem);background:linear-gradient(180deg,#fff9ee13,#fff9ee06),#0d0b09b8;box-shadow:0 2rem 5rem #00000052}.dimly-screenshot-card img{display:block;width:100%;height:auto;border:1px solid rgba(244,239,230,.12);border-radius:1rem;background:#16120d;box-shadow:0 1.4rem 3.4rem #00000047}.dimly-screenshot-card h3{color:#fff9ee;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.1;letter-spacing:-.04em}.dimly-screenshot-card p{color:#f4efe6a3;font-size:.96rem;line-height:1.7}.dimly-screenshots,.use-cases-section,.details-section,.final-cta{padding-top:clamp(5rem,12vw,12rem);padding-bottom:clamp(5rem,12vw,12rem)}.section-heading{max-width:52rem;margin-bottom:clamp(2rem,7vw,6rem)}.use-case-track{display:grid;gap:0;border-top:1px solid rgba(244,239,230,.12)}.use-case{display:grid;grid-template-columns:4rem minmax(0,.75fr) minmax(16rem,1fr);gap:clamp(1rem,4vw,4rem);align-items:baseline;padding:clamp(1.7rem,4vw,4rem) 0;border-bottom:1px solid rgba(244,239,230,.12)}.use-case p{color:#c8b488;font-size:.82rem;font-weight:700}.use-case h3{color:#fff9ee;font-size:clamp(1.7rem,3vw,3.4rem);line-height:1;letter-spacing:-.05em}.use-case span,.details-list p{color:#f4efe6a8;font-size:1rem;line-height:1.8}.details-section{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(20rem,1fr);gap:clamp(2rem,7vw,7rem)}.details-list{display:grid;gap:0;border-top:1px solid rgba(244,239,230,.12)}.details-list div{display:grid;gap:.55rem;padding:1.7rem 0;border-bottom:1px solid rgba(244,239,230,.12)}.details-list h3{color:#fff9ee;font-size:1.2rem;letter-spacing:-.02em}.final-cta{align-items:center;justify-items:center;max-width:70rem;text-align:center}.final-cta h2{max-width:14ch}.motion-ready [data-reveal],.motion-ready [data-use-case]{opacity:0;transform:translate3d(0,2.5rem,0) scale(.98);transition:opacity .9s ease,transform .9s cubic-bezier(.19,1,.22,1)}.motion-ready [data-use-case]{transform:translate3d(0,4rem,0) scale(.96)}.motion-ready [data-reveal].is-visible,.motion-ready [data-use-case].is-visible{opacity:1;transform:translateZ(0) scale(1)}@keyframes introFade{0%,76%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes introSettle{0%{transform:translateY(1.5rem) scale(.94)}55%,to{transform:translateY(0) scale(1)}}@keyframes introDim{0%{opacity:0;transform:translateY(-100%)}42%{opacity:.7;transform:translateY(0)}to{opacity:.7;transform:translateY(0)}}@keyframes breatheDim{0%{opacity:.42}to{opacity:.68}}@media (max-width: 860px){.dimly-nav nav a:not(:last-child){display:none}.dimly-hero,.cinema-sticky,.details-section{grid-template-columns:1fr}.dimly-hero{gap:3rem;padding-top:8rem}.hero-stage{min-height:auto}.mock-page{min-height:22rem}.dimly-cinema{min-height:auto}.cinema-sticky{position:relative;top:auto}.cinema-page{min-height:26rem}.screenshot-grid{grid-template-columns:1fr}.dimly-screenshot-card{padding:1rem}.use-case{grid-template-columns:1fr;gap:.8rem}}@media (max-width: 560px){.dimly-nav{padding:1rem}.dimly-hero h1,.dimly-cinema h2,.dimly-screenshots h2,.use-cases-section h2,.details-section h2,.final-cta h2{letter-spacing:-.06em}.mock-page{grid-template-columns:1fr}.mock-sidebar{display:none}.mock-content{padding:2rem}.dimly-screenshots{padding-top:4rem;padding-bottom:4rem}.dimly-screenshot-card{border-radius:1.1rem}.dimly-screenshot-card img{border-radius:.8rem}.cinema-soft-card{display:none}.cinema-text-block,.cinema-hero-line{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dimly-intro{display:none}.cinema-sticky{position:relative;top:auto}}