:root{color-scheme:dark;--base:#0b1020;--panel:#11182a;--line:#2a334b;--text:#f5f5ff;--muted:#aeb9d2;--violet:#775cff;--cyan:#38bdf8;background:var(--base);color:var(--text);font:16px/1.55 DM Sans,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.skip{z-index:2;background:var(--panel);padding:10px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus{transform:none}.shell{width:min(1160px,100% - 64px);margin-inline:auto}.header,.footer{justify-content:space-between;align-items:center;gap:24px;padding-block:22px;display:flex}.header{border-bottom:1px solid var(--line)}.brand{white-space:nowrap;align-items:center;gap:10px;font:800 1.45rem/1 Geist,sans-serif;display:inline-flex}.brand-accent{color:#b1a2ff}nav,.actions{align-items:center;gap:26px;display:flex}nav a,.secondary{color:var(--muted);font-size:.9rem;font-weight:600}nav a:hover,.secondary:hover,summary:hover{color:var(--cyan)}.button{background:var(--violet);color:#050612;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:16px;min-height:46px;padding:10px 17px;font-size:.9rem;font-weight:800;display:inline-flex}.button:hover{background:#9d8aff}.button.outline{color:var(--text);background:#171632;border-color:#514676}.button.outline:hover{background:#29204c}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,6vw,88px);padding-block:clamp(65px,9vw,135px);display:grid}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;margin:0 0 13px;font:700 .74rem/1.4 DM Sans,sans-serif}.eyebrow span{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);border-radius:50%;margin-right:7px;display:inline-block}h1,h2,h3{margin:0;font-family:Geist,system-ui,sans-serif;line-height:1.1}h1{letter-spacing:-.075em;font-size:clamp(3rem,6.6vw,6.2rem);font-weight:800}h1 em{color:#bcadff;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#c6b5ff,#8d83ff 58%,#65dcff) text;font-style:normal}h2{letter-spacing:-.05em;font-size:clamp(1.9rem,4vw,3.25rem)}h3{letter-spacing:-.02em;font-size:1.12rem}p{color:var(--muted);margin:10px 0 0}.intro{max-width:36ch;margin:22px 0 27px;font-size:clamp(1.04rem,2vw,1.24rem)}.offer-quote{color:#c6b5ff;font-family:Geist,system-ui,sans-serif;font-weight:800}.offer-demo{color:var(--cyan);font-family:ui-monospace,monospace;font-weight:700}.actions{flex-wrap:wrap;gap:16px 24px}.studio-location{max-width:48ch;margin-top:20px;font-size:.875rem}.agency-intro{max-width:65ch;margin-top:18px}.agency-quote{margin-top:22px}.faq-list{max-width:860px;margin-top:25px}.faq-list details{border-bottom:1px solid var(--line);padding-block:8px}.faq-list summary{min-height:44px;color:var(--text);margin-left:20px;padding:10px 8px;font-weight:600;line-height:1.45}.faq-list summary:hover{color:var(--cyan)}.faq-list details p{max-width:72ch;margin:0;padding:4px 8px 14px 20px}.visual{background:linear-gradient(#9184ee17 1px,#0000 1px) 0 0/26px 26px,linear-gradient(90deg,#9184ee17 1px,#0000 1px) 0 0/26px 26px,radial-gradient(at 18% 88%,#25295f,#0000 72%),radial-gradient(at 82% 12%,#1d4058,#12172d 70%);border:1px solid #353357;border-radius:20px;place-items:center;min-height:350px;padding:clamp(20px,4vw,50px);display:grid}.window{background:#0d1325;border:1px solid #5e6090;border-radius:13px;width:100%;overflow:hidden;box-shadow:0 24px 70px #050717b0}.window-bar{border-bottom:1px solid var(--line);color:#acbad6;background:#191e35;align-items:center;gap:18px;padding:10px 14px;font:.76rem ui-monospace,monospace;display:flex}.window-bar span:first-child{color:#a796ff;letter-spacing:2px}.code{white-space:nowrap;padding:21px 12px;font:clamp(.7rem,1.3vw,.93rem)/1.95 ui-monospace,monospace}.code i{color:#8a98bb;width:3ch;font-style:normal;display:inline-block}.code b{color:#baabff;font-weight:500}.code strong{color:#7de0ff;font-weight:500}.comment{color:#9eacc6}.section{border-top:1px solid var(--line);padding-block:48px}.services,.steps{gap:14px;margin:25px 0 0;padding:0;display:grid}.services{grid-template-columns:repeat(4,1fr)}.services article,.steps li{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:22px}.services p,.steps p{font-size:.94rem}.icon,.mark{color:#c5b7ff;background:#211d43;border-radius:10px;flex:none;place-items:center;width:41px;height:41px;font-size:1.45rem;display:inline-grid}.icon{margin-bottom:20px}.icon svg{width:24px;height:24px;display:block}.section-heading{justify-content:space-between;align-items:end;gap:10px;display:flex}.controls{gap:8px;display:flex}.controls button,.close{border:1px solid var(--line);background:var(--panel);width:44px;height:44px;color:var(--text);border-radius:9px;font-size:1.25rem}.controls button:hover,.close:hover{border-color:var(--cyan)}.controls button[aria-disabled=true]{opacity:.55;cursor:default}.projects{scroll-snap-type:x mandatory;scrollbar-color:#5c5186 var(--base);grid-auto-columns:calc(33.3333% - 9.33333px);grid-auto-flow:column;gap:14px;margin:25px 0 0;padding:0 0 10px;list-style:none;display:grid;overflow-x:auto}.projects li{scroll-snap-align:start}.project{border:1px solid var(--line);background:var(--panel);border-radius:13px;align-items:center;gap:13px;height:100%;padding:18px;font-weight:700;display:flex}a.project:hover{border-color:var(--violet)}a.project:focus-visible{outline-offset:-4px}.project small{color:var(--muted);font-weight:400;display:block}.steps{grid-template-columns:repeat(4,1fr);list-style:none}.step{color:var(--cyan);margin-bottom:15px;font:600 .85rem ui-monospace,monospace;display:block}.closing{text-align:center;background:radial-gradient(at 50% 100%,#292053,#151a31 75%);border:1px solid #514477;border-radius:18px;padding:47px 24px}.closing .button{margin-top:22px}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center}.footer .brand{color:var(--text)}.footer details{max-width:32ch;font-size:.875rem}dialog{width:min(500px,100% - 24px);max-height:calc(100% - 24px);color:var(--text);background:var(--panel);border:1px solid #62548a;border-radius:16px;padding:27px}dialog::backdrop{background:#050712d9}dialog h2{padding-right:47px;font-size:clamp(1.5rem,5vw,2.1rem)}.close{position:absolute;top:17px;right:17px}form{gap:13px;margin-top:18px;display:grid}label{gap:5px;font-size:.9rem;font-weight:600;display:grid}input,select,textarea{width:100%;min-width:0;min-height:44px;color:var(--text);background:var(--base);border:1px solid #515c78;border-radius:7px;padding:9px 11px;font-size:1rem}textarea{resize:vertical}#quote-status{margin:0}#quote-status:empty{height:0}@media (width<=900px){.services,.steps{grid-template-columns:repeat(2,1fr)}.projects{grid-auto-columns:calc(50% - 7px)}}@media (width<=680px){.shell{width:calc(100% - 36px)}.header{flex-wrap:wrap;gap:13px}.header nav{order:1;width:100%}.header nav a{align-items:center;min-height:44px;display:inline-flex}.hero{grid-template-columns:1fr;padding-block:52px}.visual{min-height:240px}.section{padding-block:34px}.steps,.services{grid-template-columns:1fr}.projects{grid-auto-columns:min(83%,310px)}}@media (forced-colors:active){h1 em{-webkit-text-fill-color:currentColor;background:0 0}}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--panel);width:44px;min-height:44px;color:var(--text);border-radius:9px;place-items:center;padding:0;font-size:1.3rem;font-weight:600;display:inline-grid}.theme-toggle:hover{border-color:var(--violet)}:root[data-theme=light]{color-scheme:light;--base:#f8f9ff;--panel:#fff;--line:#cbd2e5;--text:#141a34;--muted:#44506e;--violet:#5941c8;--cyan:#00658c}[data-theme=light] .icon,[data-theme=light] .mark{color:#4b32b3;background:#ede8ff}[data-theme=light] .brand-accent,[data-theme=light] .offer-quote{color:#4b32b3}[data-theme=light] h1 em{color:#4b32b3;background-image:linear-gradient(100deg,#5936c4,#4f46b2 58%,#006489)}[data-theme=light] .button{color:#fff}[data-theme=light] .button:hover{background:#4932ae}[data-theme=light] .button.outline{color:#38247f;background:#f0ebff;border-color:#a99bd3}[data-theme=light] .button.outline:hover{background:#e5dcff}[data-theme=light] .visual{background-image:linear-gradient(#7369bd22 1px,#0000 1px),linear-gradient(90deg,#7369bd22 1px,#0000 1px),radial-gradient(at 18% 88%,#e5dcff,#0000 72%),radial-gradient(at 82% 12%,#d8f2fb,#eef0fb 70%);border-color:#c9c7e6}[data-theme=light] .window{background:#fcfcff;border-color:#a59cc6;box-shadow:0 24px 70px #3b306330}[data-theme=light] .window-bar{color:var(--muted);background:#eeedf8}[data-theme=light] .window-bar span:first-child,[data-theme=light] .code b{color:#5941c8}[data-theme=light] .code i,[data-theme=light] .comment{color:#536079}[data-theme=light] .code strong{color:var(--cyan)}[data-theme=light] .closing{background:radial-gradient(at 50% 100%,#eae2ff,#f4f2ff 75%);border-color:#c7b9ee}[data-theme=light] dialog{border-color:#a99bd3}[data-theme=light] dialog::backdrop{background:#141a3470}@media (forced-colors:active){[data-theme=light] h1 em{background:0 0}}.brand-mark{flex-shrink:0;width:41px;height:35px;display:block}.brand-name{display:block}.brand-descriptor{letter-spacing:.01em;font-size:.82rem;font-weight:500}.header{flex-wrap:wrap}@media (width<=900px){.header .brand-descriptor{margin-top:6px;display:block}}@media (width<=380px){.header-actions{justify-content:space-between;width:100%}}.hero-preview{cursor:pointer;height:370px;position:relative;overflow:hidden}.code-view{width:100%}.app-example{color:#182039;background:#f4f5fa;border-radius:12px;position:absolute;inset:24px;overflow:hidden;box-shadow:0 16px 45px #05071740}.example-bar{background:#fff;border-bottom:1px solid #dddfea;justify-content:space-between;align-items:center;padding:13px 16px;font-size:.75rem;display:flex}.example-bar span{font-size:.62rem}.example-caption{bottom:0;text-align:center;color:#46506b;background:#fff;padding:7px 12px;font-size:.65rem;font-weight:600;position:absolute;inset-inline:0}.web-content{background:#e8e6df;height:100%;padding:27px 20px;position:relative}.web-content>small{z-index:1;font-size:.6rem;position:relative}.web-content h3{z-index:1;color:#273b31;margin-top:13px;font:500 clamp(1.8rem,3vw,2.6rem)/1.05 Georgia,serif;position:relative}.mock-button{z-index:1;color:#fff;background:#273b31;border-radius:3px;margin-top:18px;padding:8px 10px;font-size:.58rem;display:inline-block;position:relative}.room-art{background:linear-gradient(90deg,#cac5b9 2%,#dfdacf 5% 93%,#b4b2a6);border-bottom:25px solid #b7ac99;border-radius:80px 80px 0 0;width:42%;height:210px;position:absolute;top:15px;right:10px}.room-art>div{background:#738268;border-bottom:9px solid #505e48;border-radius:17px 17px 8px 8px;width:80%;height:58px;position:absolute;bottom:-5px;left:10%;box-shadow:0 8px 10px #4a493f40}.example-mobile{background:#ddd8f8;place-items:center;display:grid}.phone{background:#fcfcff;border:5px solid #242336;border-radius:25px;width:168px;height:277px;margin-bottom:19px;padding:11px}.phone-status{justify-content:space-between;margin-bottom:14px;font-size:.5rem;display:flex}.phone>small{color:#625b7b;font-size:.55rem}.phone h3{margin-top:5px;font-size:.86rem}.activity-ring{text-align:center;border:10px solid #7b60dc;border-right-color:#e6e0f7;border-radius:50%;place-items:center;width:98px;height:98px;margin:15px auto;display:grid}.activity-ring b{font-size:1.3rem}.activity-ring small{font-size:.45rem;font-weight:500;display:block}.mobile-stats{gap:8px;font-size:.48rem;display:flex}.mobile-stats>span{background:#ede9f8;border-radius:6px;flex:1;padding:6px}.mobile-stats b{margin-top:3px;font-size:.7rem;display:block}.phone-nav{text-align:center;color:#6b4dc5;margin-top:9px;font-size:.8rem}.desktop-content{grid-template-columns:25% 1fr;height:calc(100% - 68px);display:grid}.desktop-content aside{color:#62677e;background:#eceef6;border-right:1px solid #dddfea;padding:17px 10px;font-size:.58rem}.desktop-content>div{padding:16px 12px}.desktop-content small{color:#62677e;font-size:.5rem}.desktop-content h3{margin-top:5px;font-size:.9rem}.desktop-stats{gap:10px;margin-top:12px;display:flex}.desktop-stats span{background:#fff;border-radius:5px;flex:1;padding:8px;font-size:.5rem}.desktop-stats b{font-size:1.1rem;display:block}.mock-chart{border-bottom:1px solid #c8c9d8;align-items:end;gap:7%;height:73px;margin-top:10px;display:flex}.mock-chart i{background:#8165df;border-radius:3px 3px 0 0;flex:1;height:45%}.mock-chart i:nth-child(2n){background:#40acd4;height:68%}.mock-chart i:nth-child(3n){height:88%}.mock-task{margin-top:10px;font-size:.5rem}.mock-task span{float:right;color:#5c478e}@media (width<=680px){.hero-preview{height:350px}}.service-tile{min-height:285px;position:relative;overflow:hidden}.service-preview-toggle{cursor:pointer;background:0 0;border:0;border-radius:13px;width:100%;position:absolute;inset:0}.service-preview-toggle:focus-visible{outline-offset:-4px}.service-shot{opacity:0;pointer-events:none;color:#22352e;background:#fbf9f2;position:absolute;inset:0}.service-tile:has(.service-preview-toggle:focus-visible) .service-shot{opacity:1}@media (hover:hover){.service-tile:hover .service-shot{opacity:1}}.shot-bar{color:#253149;background:#fff;border-bottom:1px solid #d9dce5;justify-content:space-between;gap:8px;padding:13px;font-size:.65rem;font-weight:800;display:flex}.shot-bar span{font-size:.5rem;font-weight:500}.shot-caption{bottom:0;text-align:center;color:#4a5064;background:#fff;padding:7px 4px;font-size:.56rem;position:absolute;inset-inline:0}.travel-art{background:linear-gradient(155deg,#0000 48%,#a8b68f 49% 66%,#0000 67%),linear-gradient(28deg,#31554a 44%,#0000 45%),linear-gradient(155deg,#c5e3dd 45%,#648772 46%);height:80px}.shot-body{padding:12px 16px}.shot-body small{letter-spacing:.12em;font-size:.45rem}.shot-body b{margin:6px 0 10px;font:600 1.3rem/1.1 Georgia,serif;display:block}.shot-body>span{border-bottom:1px solid #31554a;padding-bottom:4px;font-size:.55rem}.service-shot-1{background:#f3dcca;place-items:center;display:grid}.recipe-phone{background:#fffcf6;border:4px solid #402e27;border-radius:22px;width:152px;height:246px;margin-bottom:20px;padding:10px}.recipe-phone small{font-size:.5rem;display:block}.recipe-phone b{margin:10px 0;font-size:.8rem;display:block}.food-art{color:#d6a956;background:radial-gradient(circle,#9aaf64 25%,#596f3a 26% 38%,#ece1b9 39% 48%,#e9bd94 49%);border-radius:8px;place-items:center;height:72px;font-size:4rem;display:grid}.recipe-phone strong{margin-top:8px;font-size:.65rem;display:block}.recipe-row{margin-top:13px;font-size:.56rem}.recipe-row span{float:right}.recipe-nav{text-align:center;color:#915036;margin-top:12px;font-size:.8rem}.service-shot-2{color:#e8eaf5;background:#191e30}.editor-toolbar{color:#c9c4ff;padding:16px 12px;font:.65rem monospace}.audio-track{align-items:center;gap:8px;height:40px;margin:12px;display:flex}.audio-track span{width:38px;font-size:.5rem}.audio-track div{clip-path:polygon(0 38%,8% 25%,15% 35%,23% 5%,33% 18%,40% 35%,50% 0,60% 23%,75% 8%,90% 35%,100% 25%,100% 75%,90% 65%,75% 92%,60% 77%,50% 100%,40% 65%,33% 82%,23% 95%,15% 65%,8% 75%,0 62%);background:repeating-linear-gradient(90deg,#8065de 0 3px,#c2adff 3px 4px,#554495 4px 7px);border-radius:4px;flex:1;height:32px}.track-two div{filter:hue-rotate(280deg)}.track-three div{filter:hue-rotate(70deg)}.editor-footer{margin:17px 12px;font-size:.5rem}.editor-footer span{float:right;color:#c4b2ff}.service-shot-3{background:#eef1f6}.plugin-panel{color:#263349;background:#fff;border:1px solid #d7dce6;border-radius:8px;margin:14px;padding:15px}.plugin-panel small{letter-spacing:.1em;color:#5c6381;font-size:.45rem}.plugin-panel>b{margin:8px 0 15px;font-size:.95rem;line-height:1.15;display:block}.plugin-check{color:#286957;border-bottom:1px solid #e8ecf1;padding-block:6px;font-size:.57rem}.plugin-score{margin-top:13px;font-size:.57rem}.plugin-score strong{float:right;color:#286957}button:disabled{opacity:.65;cursor:wait}#turnstile{min-height:65px}#quote-confirmation{padding-block:16px}#quote-confirmation .button{margin-top:24px}.theme-toggle{flex:0 0 44px;height:44px;line-height:1}.theme-toggle svg{grid-area:1/1;width:22px;height:22px;display:block}.theme-toggle .theme-moon,[data-theme=light] .theme-toggle .theme-sun{display:none}[data-theme=light] .theme-toggle .theme-moon{display:block}.privacy-link{min-height:44px;color:var(--muted);font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:8px 0;font-size:.875rem;text-decoration:underline}.privacy-link:hover{color:var(--cyan)}#privacy-dialog{border-top:4px solid var(--violet);width:min(600px,100% - 32px);padding:32px 28px}#privacy-dialog h3{margin-top:26px}#privacy-dialog p{line-height:1.7}#privacy-dialog a{color:var(--cyan);overflow-wrap:anywhere;text-decoration:underline}.privacy-dismiss{margin-top:26px}#privacy-title:focus{outline:none}@media (width<=480px){.footer{grid-template-columns:1fr auto;gap:12px 20px;display:grid}.footer .brand{grid-column:1}.footer>small{grid-area:2/1}.footer .privacy-link{grid-area:1/2/3;align-self:center}}
