:root{--bg-color: #212121;--text-color: #CB450C;--accent-gold: #ffd700;--accent-crimson: #dc143c;--accent-orange: #ff6b35;--accent-dark: #1a1a1a}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.tracking-tighter-custom{letter-spacing:-.04em}.grid-lines{background-size:40px 40px;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px)}.dot-matrix{background-image:radial-gradient(rgba(0,0,0,.1) 1px,transparent 1px);background-size:20px 20px}.code-panel-glow{position:absolute;right:-3rem;bottom:-3rem;width:10rem;height:10rem;pointer-events:none;border-radius:9999px;background:radial-gradient(circle,#ff6b3533,#ff6b351f 34%,#ff6b3500 72%);filter:blur(10px)}@keyframes sonar{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}.animate-sonar{animation:sonar 2s infinite ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 12s linear infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-ticker{animation:ticker 20s linear infinite}@keyframes scan{0%,to{top:0%}50%{top:100%}}.animate-scan{animation:scan 3s linear infinite}@keyframes hero-rotate-in{0%{opacity:0;transform:translateY(100%)}62%{opacity:1;transform:translateY(-8%)}to{opacity:1;transform:translateY(0)}}@keyframes hero-rotate-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-120%)}}.hero-rotate{display:inline-grid;vertical-align:baseline}.hero-rotate-visual{display:flex;flex-wrap:wrap;white-space:pre-wrap;grid-area:1 / 1;overflow:hidden;padding-block:.08em .16em;margin-block:-.08em -.16em}.hero-rotate-word{display:inline-flex}.hero-rotate-space{display:inline-block;width:.22em}.hero-rotate-char{display:inline-block;will-change:transform,opacity}.hero-rotate-in{animation:hero-rotate-in .48s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--char-delay)}.hero-rotate-out{animation:hero-rotate-out .35s cubic-bezier(.64,0,.78,0) both;animation-delay:var(--char-delay)}@keyframes dash{to{stroke-dashoffset:0}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.animate-wiggle{animation:wiggle 2s ease-in-out infinite}.sausage-shape{border-radius:9999px}.u-shape{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.toggle-track{display:block}.toggle-thumb{position:absolute;top:50%;left:.25rem;width:1.5rem;height:1.5rem;border-radius:9999px;background-color:#fff;transform:translateY(-50%);transition:transform .22s cubic-bezier(.4,0,.2,1)}.pricing-toggle input:checked+.toggle-track{background-color:var(--text-color)}.pricing-toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent-gold);outline-offset:4px}.pricing-toggle input:checked+.toggle-track .toggle-thumb{transform:translate(2rem,-50%)}[data-faq-item]{overflow-anchor:none}.faq-panel{display:block;margin-top:1rem;overflow:hidden;transition:max-height .28s cubic-bezier(.2,.75,.2,1),opacity .22s ease,margin-top .28s cubic-bezier(.2,.75,.2,1)}details:not([open]) .faq-panel{margin-top:0;max-height:0;opacity:0}summary::-webkit-details-marker{display:none}.faq-toggle-icon{position:relative}.faq-toggle-icon:before,.faq-toggle-icon:after{content:"";position:absolute;top:50%;left:50%;background:currentColor;border-radius:1px;transform:translate(-50%,-50%)}.faq-toggle-icon:before{width:10px;height:1.5px}.faq-toggle-icon:after{width:1.5px;height:10px}.palette-tab{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff9e;border-radius:9999px;padding:.55rem 1rem;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.palette-tab:hover{border-color:#cb450c59;color:#fff}.palette-tab.is-active{border-color:#cb450c8c;background:#cb450c24;color:#ff6b35}.style-card{min-height:380px;cursor:pointer;transition:background-color .24s ease,transform .24s ease}.style-card:hover{background-color:#212121}.style-card:hover .style-cover{transform:translateY(-6px);border-color:#ffd70073}.style-cover{position:relative;aspect-ratio:1672 / 941;margin:1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#111;transition:transform .24s ease,border-color .24s ease}.style-cover-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.style-cover span{position:absolute;left:1.25rem;bottom:1rem;color:#ffffffd9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;letter-spacing:.2em;z-index:1}.example-card{min-height:380px;cursor:pointer;transition:background-color .24s ease,transform .24s ease}.example-card:hover,.example-card.is-active{background-color:#212121}.example-card:hover .example-cover,.example-card.is-active .example-cover{transform:translateY(-6px);border-color:#ffd70073}.example-cover{position:relative;aspect-ratio:1672 / 941;margin:1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;transition:transform .24s ease,border-color .24s ease}.example-cover:before,.project-shot:before{content:none}.example-cover:after,.project-shot:after{content:none}.example-cover span{position:absolute;left:1.25rem;bottom:1rem;color:#ffffffd9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;letter-spacing:.2em;z-index:1}.example-cover-one{background:url(/examples/1/1.png) center / cover no-repeat,linear-gradient(135deg,#cb450c57,#1a1a1a2e),linear-gradient(135deg,#cb450c,#1a1a1a 54%,gold)}.example-cover-two{background:url(/examples/2/1.png) center / cover no-repeat,linear-gradient(135deg,#21212142,#dc143c2e),linear-gradient(135deg,#212121,#dc143c 48%,#ff6b35)}.example-cover-three{background:url(/examples/3/1.png) center / cover no-repeat,linear-gradient(135deg,#ffd70047,#21212138),linear-gradient(135deg,gold,#cb450c 42%,#212121)}.example-cover-four{background:url(/examples/4/1.png) center / cover no-repeat,linear-gradient(135deg,#1a1a1a38,#ff6b3533),linear-gradient(135deg,#1a1a1a,#ff6b35 52%,#dc143c)}.example-cover-five{background:url(/examples/5/1.png) center / cover no-repeat,linear-gradient(135deg,#dc143c3d,#cb450c2e),linear-gradient(135deg,#dc143c,#212121,#cb450c)}.example-cover-six{background:url(/examples/6/1.png) center / cover no-repeat,linear-gradient(135deg,#ffd70033,#21212133),linear-gradient(135deg,gold,#1a1a1a 48%,#ff6b35)}.project-viewer{scroll-margin-top:72px}.project-stage{background:linear-gradient(135deg,rgba(203,69,12,.12),transparent 42%),linear-gradient(0deg,rgba(255,255,255,.03),transparent 1px),#212121;background-size:auto,36px 36px,auto}.project-shot{position:relative;width:min(100%,1120px);aspect-ratio:1672 / 941;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;background:#111;box-shadow:0 24px 80px #00000057;transition:transform .42s cubic-bezier(.2,.75,.2,1),opacity .42s ease;cursor:zoom-in}.project-shot-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0}.project-shot.is-swapping{animation:replace-shot .52s cubic-bezier(.2,.75,.2,1)}.project-shot-grid{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:0;border-radius:6px;pointer-events:none;z-index:1}.project-shot-grid:before{content:none}.project-shot-expand{position:absolute;right:1rem;bottom:1rem;z-index:3;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:9999px;color:#fff;background:#1a1a1ab8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px #00000047;opacity:0;transform:translateY(.5rem);transition:opacity .18s ease,transform .18s ease,background-color .18s ease}.project-shot:hover .project-shot-expand,.project-shot:focus-visible .project-shot-expand,.project-shot-expand:focus-visible{opacity:1;transform:translateY(0)}.project-shot-expand:hover{background:#cb450ce0}.project-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-columns:minmax(3.25rem,1fr) minmax(0,94vw) minmax(3.25rem,1fr);align-items:center;justify-items:center;padding:2rem;background:radial-gradient(circle at 80% 20%,rgba(203,69,12,.16),transparent 34rem),#0c0c0cf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-lightbox.hidden{display:none}.project-lightbox-frame{grid-column:2;width:fit-content;max-width:94vw;margin:0}.project-lightbox-frame img{display:block;width:auto;height:auto;max-width:min(94vw,1520px);max-height:calc(100vh - 8rem);aspect-ratio:1672 / 941;object-fit:contain;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#111;box-shadow:0 28px 90px #00000094}.project-lightbox-caption{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;color:#ffffff9e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.project-lightbox-close,.project-lightbox-nav{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:9999px;color:#fff;background:#ffffff14;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.project-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:3rem;height:3rem}.project-lightbox-nav{width:3.25rem;height:3.25rem}.project-lightbox-nav-prev{grid-column:1}.project-lightbox-nav-next{grid-column:3}.project-lightbox-close:hover,.project-lightbox-nav:hover,.project-lightbox-close:focus-visible,.project-lightbox-nav:focus-visible{transform:translateY(-2px);border-color:#ff6b3594;background:#cb450ccc}.project-lightbox-nav:disabled{opacity:.35;cursor:not-allowed;transform:none;background:#ffffff0f}.project-scroll-rail{margin-top:calc(-100vh + 4rem);padding-top:34vh;padding-bottom:28vh;position:relative;pointer-events:none}.project-frame-trigger{min-height:38vh}.project-frame-end-spacer{min-height:22vh;pointer-events:none}.project-frame-progress{--frame-progress: 0%;position:relative;width:4rem;height:1px;overflow:hidden;background:#ffffff1a}.project-frame-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--frame-progress);background:linear-gradient(90deg,#cb450c6b,#ff6b35);box-shadow:0 0 14px #ff6b3580;transition:width .36s cubic-bezier(.2,.75,.2,1)}.project-dot-nav{display:flex;flex-direction:column;gap:.75rem;flex:0 0 auto;position:relative;z-index:5;pointer-events:auto}.project-dot{width:.65rem;height:.65rem;border-radius:999px;background:#ffffff47;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:background-color .18s ease,transform .18s ease,border-color .18s ease}.project-dot[hidden],.project-frame-trigger[hidden]{display:none!important}.project-dot:hover,.project-dot:focus-visible{background:#ffffffa8;transform:scale(1.18)}.project-dot.is-active{background:#fff;border-color:#fff;transform:scale(1.28)}@keyframes replace-shot{0%{opacity:0;transform:translateY(56px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.border-grid{border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.border-grid{border-right:none}.example-card{min-height:auto}.project-stage{height:70vh;top:4rem;flex-direction:column}.project-scroll-rail{margin-top:-70vh;padding-top:28vh;padding-bottom:20vh}.project-frame-end-spacer{min-height:18vh}.project-dot-nav{flex-direction:row}.project-shot-expand{opacity:1;transform:none}.project-lightbox{grid-template-columns:1fr 1fr;align-content:center;gap:1rem;padding:1rem}.project-lightbox-frame{grid-column:1 / -1;width:fit-content;max-width:100%}.project-lightbox-frame img{max-width:100%;max-height:calc(100vh - 9rem)}.project-lightbox-caption{font-size:.65rem;letter-spacing:.12em}.project-lightbox-nav-prev,.project-lightbox-nav-next{grid-column:auto}}