:root{--bg:#08090e;--surface:#11121c;--raised:#1a1b2b;--line:#2c2d41;--text:#f5f4fc;--muted:#b2b2c6;--accent:#9b82ff;--action:#7154e8;--mint:#8de5d0;--radius:20px;--body:'Segoe UI',Arial,sans-serif;--display:'Trebuchet MS','Segoe UI',sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-color:#565171 var(--bg);scrollbar-width:thin;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--body)}body:has(dialog[open]){overflow:hidden}::selection{background:var(--action);color:white}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#565171;border:2px solid var(--bg);border-radius:8px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.12}button{border:0}button:active,.button:active{transform:translateY(1px)}.container{width:min(1280px,calc(100% - 104px));margin-inline:auto}.section{padding-block:110px}.eyebrow,.overline{font-family:var(--mono);font-size:12px;letter-spacing:.14em;font-weight:500;color:var(--accent)}.eyebrow{margin-bottom:22px;display:flex;align-items:center;gap:12px}.overline{letter-spacing:.09em}.mono{font-family:var(--mono)}.accent-text{color:var(--accent)}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 25px;white-space:nowrap;border:1px solid transparent;border-radius:10px;background:var(--action);color:white;font-size:15px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#8065ee;box-shadow:0 7px 28px #7154e829}.button.secondary{background:transparent;border-color:#444258;color:var(--text)}.button.secondary:hover{background:var(--raised);border-color:var(--accent)}.button.small{min-height:44px;padding:9px 20px;font-size:14px}.skip{position:fixed;top:8px;left:8px;z-index:100;background:var(--mint);color:var(--bg);padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.header{position:sticky;top:0;z-index:30;background:#08090eeb;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:90px;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;font-family:var(--display);font-weight:700;letter-spacing:.03em;font-size:22px;white-space:nowrap}.brand-mark{font-family:var(--display);font-size:36px;line-height:1;font-weight:700;letter-spacing:-.12em;color:var(--accent);padding-right:4px}.brand-mark span{color:var(--mint)}nav{display:flex;gap:32px;align-items:center}nav a{font-size:14px;color:var(--muted);transition:color .2s}nav a:hover{color:var(--text)}.menu-toggle{display:none;background:var(--raised);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:8px 13px}.hero{padding-block:95px 108px;display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center;position:relative}.hero:before{content:'';position:absolute;inset:0 -3% 0 43%;z-index:-1;background:radial-gradient(ellipse at 65% 45%,#7154e825,transparent 66%);pointer-events:none}.short-line{display:inline-block;width:26px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(46px,4.65vw,69px);letter-spacing:-.055em;line-height:1.09;font-weight:700}.hero-description{max-width:500px;margin-top:28px;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.hero-footnote{margin-top:35px;display:flex;align-items:center;gap:15px;color:var(--muted);font-size:13px;line-height:1.65}.hero-footnote strong{font-weight:400;color:var(--text)}.tiny-symbol{font-size:33px;color:var(--accent)}.hero-visual{position:relative;min-width:0;padding-bottom:30px}.orbit{position:absolute;border:1px solid #7154e81c;border-radius:50%;width:600px;height:600px;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.orbit{width:100%;height:auto;aspect-ratio:1}.orbit-two{width:108%;height:auto;border-style:dashed}.build-canvas{position:relative;border:1px solid #5a50788c;border-radius:var(--radius);background:linear-gradient(135deg,#1b1a2bea,#11121cf5 70%);box-shadow:0 30px 90px #0009,0 0 70px #7154e813;overflow:hidden;transform:rotate(-1.5deg);animation:canvas-arrive .8s ease-out both}.canvas-top{height:46px;border-bottom:1px solid var(--line);padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px var(--mono);color:var(--muted);letter-spacing:.015em}.canvas-dots{color:#68617e;letter-spacing:3px;font-size:10px;margin-right:10px}.canvas-top .mono{font-size:9px;color:#9f98b5}.preview-intro{padding:27px 26px 20px}.preview-intro h2{font-size:31px;letter-spacing:-.04em;margin:10px 0 7px}.preview-intro p{font-size:14px;color:var(--muted)}.preview-tabs{display:flex;margin:0 24px 18px;padding:4px;background:#08090e9c;border:1px solid var(--line);border-radius:9px;gap:3px}.preview-tabs button{flex:1;background:transparent;border-radius:6px;min-height:40px;font-size:12px;color:var(--muted);padding:7px 5px}.preview-tabs button[aria-pressed=true]{background:var(--action);color:white}.preview-tabs button:hover:not([aria-pressed=true]){background:var(--raised)}.preview-surface{margin:0 24px 24px;min-height:218px;background:#08090eb3;border:1px solid var(--line);border-radius:12px;padding:22px}.canvas-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;font-size:12px;color:var(--muted)}.code-mark{font:22px var(--mono);color:var(--accent)}.floating-note{position:absolute;bottom:0;left:-22px;display:flex;gap:13px;align-items:center;background:#202033e8;backdrop-filter:blur(16px);border:1px solid #7769956e;border-radius:13px;box-shadow:0 18px 50px #0006;padding:14px 19px;font-size:13px}.floating-note strong{display:block;font-weight:600}.floating-note div>span{display:block;color:var(--muted);font-size:12px}.note-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--action);font-size:24px}.discipline-strip{border-block:1px solid var(--line);background:#11121c88}.discipline-strip .container{padding-block:24px;display:flex;gap:22px;justify-content:space-between;align-items:center;font:12px var(--mono);color:var(--muted);letter-spacing:.08em}.discipline-strip i{font-style:normal;color:var(--accent);font-size:20px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}.section-heading h2,.about-section h2,.contact-copy h2{font-size:clamp(36px,3.6vw,52px);letter-spacing:-.045em}.section-heading>p{max-width:360px;color:var(--muted);font-size:16px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#18192588,#11121c33);padding:28px 24px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}.service:hover{border-color:#705caa;transform:translateY(-5px)}.service-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #64528977;border-radius:12px;font:25px var(--mono);color:var(--accent);background:#7154e810;margin-bottom:29px}.service h3{font-size:22px;letter-spacing:-.025em;min-height:52px}.service>p{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.85}.service ul{padding:20px 0 26px;margin:0;list-style:none;font-size:13px;color:#c9c9d8}.service li{padding:5px 0}.service li:before{content:'·';color:var(--accent);padding-right:9px}.service a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;color:var(--accent);border-top:1px solid var(--line);padding-top:13px;margin-top:auto}.service a:hover{text-decoration:underline}.work-section{background:#0e0f17;border-block:1px solid #242535}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.work-art{height:248px;padding:35px 26px;overflow:hidden;display:flex;align-items:center;justify-content:center}.website-art{background:#29243e}.mini-site{width:100%;background:#eef0ed;color:#263d39;border-radius:8px;overflow:hidden;box-shadow:0 14px 35px #0005;transform:rotate(-3deg);font-size:11px}.mini-nav{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 15px;font:8px var(--mono)}.mini-nav span{font-size:7px}.mini-web-hero{padding:25px 18px;background:#d4e0da}.mini-web-hero p{font-family:Georgia,serif;font-size:26px;line-height:1.08}.mini-pill{display:inline-block;margin-top:13px;font-size:8px;background:#263d39;color:white;padding:5px 8px;border-radius:4px}.mini-web-bottom{display:flex;justify-content:space-between;padding:12px 15px;font-size:8px}.dashboard-art{background:#1e2941}.mini-dashboard{width:100%;padding:6px;background:#111925;border:1px solid #46536e;border-radius:10px;transform:rotate(2deg);box-shadow:0 14px 35px #0004}.mini-dashboard .mini-nav{color:#c9d5f0}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:7px 12px;color:#aec0e0;font-size:9px}.mini-stats>span{background:#213048;border:1px solid #3c4864;border-radius:6px;padding:10px}.mini-stats b{display:block;font-size:23px;color:white;line-height:1.4}.bars{display:flex;align-items:flex-end;gap:10px;height:75px;padding:8px 16px 0;margin-bottom:12px}.bars i{height:var(--bar);flex:1;background:linear-gradient(var(--mint),#588aaf);border-radius:3px 3px 0 0}.workflow-art{background:#282037}.flow-demo{width:100%;max-width:255px}.flow-step{display:flex;align-items:center;gap:11px;background:#181423;border:1px solid #61507a;border-radius:9px;padding:10px 14px}.flow-step>span{display:grid;place-items:center;width:29px;height:29px;background:#7154e825;color:var(--accent);border-radius:7px;font-size:16px}.flow-step b{display:block;font-size:12px;font-weight:500}.flow-step small{font-size:9px;color:var(--muted)}.connector-line{width:1px;height:16px;background:#8971b1;margin-left:29px}.work-body{padding:27px 26px 24px}.work-body h3{font-size:25px;margin:13px 0}.work-body p{color:var(--muted);font-size:14px;line-height:1.8}.text-button{font-size:14px;padding:8px 0;min-height:44px;background:transparent;color:var(--accent);margin-top:15px}.text-button:hover{text-decoration:underline}.showcase-note{font-size:12px;color:var(--muted);margin-top:24px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:90px}.large-monogram{font-family:var(--display);font-weight:700;font-size:140px;letter-spacing:-.12em;color:#27233e;line-height:1;margin-top:30px}.large-monogram span{color:#4e4373}.about-lead{font-family:var(--display);font-size:27px;line-height:1.4;letter-spacing:-.025em}.about-content>p+p{margin-top:20px;color:var(--muted)}.process{margin-top:34px}.process>div{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.process>div>span{font:12px var(--mono);color:var(--accent);padding-top:3px}.process h3{font-size:18px}.process p{font-size:14px;color:var(--muted);margin-top:7px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:70px}.faq-section h2{font-size:35px;letter-spacing:-.04em}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{font-size:16px;min-height:64px;list-style:none;padding:19px 30px 19px 0;position:relative}.faq-list summary:after{content:'+';position:absolute;right:3px;color:var(--accent);font-size:25px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{padding:0 25px 24px 0;color:var(--muted);font-size:14px}.contact-section{background:radial-gradient(ellipse at 0 100%,#7154e821,transparent 60%),#11111c;border-block:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.contact-copy h2{font-size:clamp(46px,4.6vw,68px)}.contact-copy>p:not(.eyebrow){margin-top:25px;max-width:390px;color:var(--muted);font-size:17px}.contact-links{display:grid;gap:25px;margin-top:40px}.contact-links a{display:grid;gap:6px;width:fit-content;max-width:100%;overflow-wrap:anywhere}.contact-links strong{font-size:18px;font-weight:500}.contact-links a:hover strong{color:var(--accent)}#enquiry-form{background:#08090e66;border:1px solid #444056;border-radius:16px;padding:32px}.form-top{margin-bottom:26px}.form-top h3{font-size:24px;letter-spacing:-.03em}.form-top p{font-size:14px;color:var(--muted);margin-top:8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:7px;font-size:14px}.field label span{color:var(--muted);font-size:12px}.field input,.field select,.field textarea{width:100%;border:1px solid #393748;border-radius:8px;background:#14141f;color:var(--text);padding:11px 13px;min-height:48px;line-height:1.6;font-size:14px;outline-offset:3px}.field input::placeholder,.field textarea::placeholder{color:#9897ad}.field textarea{resize:none;min-height:130px}.field input:hover,.field textarea:hover,.field select:hover{border-color:#635a7e}.field-error{display:block;font-size:12px;color:#ffb4c4;margin-top:5px}.field-error:empty{display:none}[aria-invalid=true]{border-color:#ffb4c4!important}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-actions .button{font-size:13px;padding:11px 17px;min-height:48px}.form-note{color:var(--muted);font-size:12px;margin-top:16px;line-height:1.6}#form-status{font-size:13px;color:var(--mint);margin-top:12px;min-height:22px}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:35px 80px}.footer p,.footer>span{color:var(--muted);font-size:12px}.footer .brand{font-size:18px}.footer .brand-mark{font-size:30px}.floating-contact{position:fixed;right:26px;bottom:22px;z-index:25;display:flex;align-items:center;gap:9px;border-radius:100px;padding:12px 19px;background:#d5fff2;color:#14392d;font-size:14px;font-weight:600;box-shadow:0 5px 30px #0005;border:1px solid #b0edda}.floating-contact:hover{background:#b5f5df}.floating-contact svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}dialog{width:min(730px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;background:var(--surface);color:var(--text);border:1px solid #675981;border-radius:18px;box-shadow:0 30px 100px #0008;overflow:auto}dialog::backdrop{background:#08090ecf;backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;gap:20px;padding:25px 30px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:28px;margin-top:9px}.dialog-close{width:44px;min-width:44px;height:44px;background:var(--raised);border:1px solid var(--line);border-radius:9px;font-size:25px}.dialog-close:hover{background:#332c47}#demo-content{padding:28px 30px}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;border-top:1px solid var(--line)}.dialog-footer p{font-size:13px;color:var(--muted)}.demo-ui p{color:var(--muted);font-size:14px}.demo-ui h3{font-size:25px;margin-bottom:12px}.demo-ui .field{margin-top:18px}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.demo-stats>div{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--raised)}.demo-stats span{display:block;color:var(--muted);font-size:12px}.demo-stats strong{font-family:var(--display);font-size:27px;display:block}.demo-bars{height:140px;display:flex;align-items:flex-end;gap:13px;border-bottom:1px solid var(--line);margin-bottom:24px}.demo-bars>div{height:var(--bar);flex:1;background:linear-gradient(var(--accent),#49397c);border-radius:5px 5px 0 0}.demo-bars>div:nth-child(even){background:linear-gradient(var(--mint),#397768)}.demo-message{font-size:14px;color:var(--mint);margin-top:15px;min-height:24px}.request-item{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:15px}.request-item small{display:block;color:var(--muted);font-size:12px}.request-item .button{margin-top:10px}.badge{font:12px var(--mono);background:#7154e825;color:var(--accent);padding:7px 10px;border-radius:6px}.badge.done{color:var(--mint);background:#8de5d016}.preview-web h3{font-size:25px;max-width:230px;line-height:1.18;margin:12px 0}.preview-web .mini-nav{padding:0;letter-spacing:.06em;color:var(--muted)}.preview-web p{font-size:12px;color:var(--muted)}.preview-web a{display:inline-flex;align-items:center;min-height:37px;background:var(--mint);color:#142f29;padding:7px 12px;border-radius:6px;font-size:12px;font-weight:600;margin-top:15px}.preview-web a:hover{background:#bdf6e6}.preview-app{display:flex;gap:20px;align-items:center}.app-copy h3{font-size:24px}.app-copy p{font-size:12px;color:var(--muted);margin-top:10px}.app-mini{width:127px;flex-shrink:0;border:1px solid #635978;background:#202034;border-radius:19px;padding:15px 11px}.app-mini>span{font-size:9px;color:var(--muted)}.app-mini h4{font-size:14px;margin:10px 0}.app-mini>div{border:1px solid #72619355;font-size:10px;background:#7154e821;padding:9px 8px;border-radius:7px;margin-top:6px}.preview-dashboard .mini-stats{padding:0}.preview-dashboard .mini-stats>span{background:#24213a}.preview-dashboard .bars{height:92px;padding:14px 6px 0;margin-bottom:0}.preview-automation .flow-demo{max-width:none}.preview-automation .flow-step{padding:7px 10px}.preview-automation .connector-line{height:10px}.preview-automation .flow-step small{font-size:10px}.preview-automation .flow-step b{font-size:13px}@keyframes canvas-arrive{from{opacity:0;transform:translateY(20px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-1.5deg)}}
@media(min-width:1600px){.container{max-width:1400px}.hero h1{font-size:76px}.hero{padding-block:120px 130px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:35px}.hero h1{font-size:52px}.hero-actions .button{font-size:13px;padding:12px 18px}.services-grid{grid-template-columns:repeat(2,1fr)}.service h3{min-height:0}.work-art{padding:25px 18px;height:230px}.work-body{padding:23px 20px}.work-body h3{font-size:22px}.discipline-strip .container{font-size:10px;gap:12px}.about-section,.contact-grid{gap:50px}nav{gap:22px}.hero-visual .orbit{max-width:130%}.canvas-top .mono{display:none}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.nav-wrap{height:76px;gap:15px}.brand{font-size:19px}.brand-mark{font-size:31px}.header-cta{display:none}.menu-toggle{display:block}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#11121cfb;padding:14px 20px;border-bottom:1px solid var(--line);gap:0;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:12px;font-size:16px}.hero{grid-template-columns:1fr;padding-block:65px 75px;gap:55px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(43px,8vw,65px)}.hero-description{font-size:17px;max-width:530px}.hero-visual{width:100%;max-width:520px;justify-self:center;padding:0 10px 30px}.floating-note{left:0}.orbit{display:none}.discipline-strip .container{flex-wrap:wrap;justify-content:center;gap:15px 20px}.discipline-strip i{display:none}.discipline-strip span{font-size:10px}.section{padding-block:75px}.section-heading{align-items:flex-start;gap:22px;flex-direction:column}.section-heading>p{max-width:530px}.section-heading h2,.about-section h2{font-size:42px}.work-grid{grid-template-columns:1fr}.work-card{display:grid;grid-template-columns:1fr 1fr}.work-art{height:100%;min-height:255px}.about-section{grid-template-columns:1fr;gap:35px}.large-monogram{display:none}.about-title{max-width:530px}.about-content{max-width:620px}.faq-section{grid-template-columns:1fr;gap:32px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-copy h2{font-size:54px}.contact-links{grid-template-columns:1fr 1fr;gap:18px}.contact-links strong{font-size:15px}.footer{flex-wrap:wrap;gap:20px}.footer p{display:none}.footer>span{font-size:11px}html{scroll-padding-top:95px}.floating-contact{right:16px;bottom:16px}}
@media(max-width:480px){.hero{padding-block:45px 60px;gap:38px}.hero h1{font-size:46px}.hero .eyebrow{font-size:10px;letter-spacing:.07em}.hero-description{font-size:16px;margin-top:23px}.hero-actions{gap:10px;margin-top:27px}.hero-actions .button{min-height:49px;font-size:12px;padding:12px 15px}.hero-footnote{margin-top:25px}.build-canvas{transform:none}.hero-visual{padding-inline:0}.preview-intro{padding:23px 20px 16px}.preview-intro h2{font-size:28px}.preview-tabs{margin-inline:14px}.preview-tabs button{font-size:11px}.preview-surface{margin-inline:14px;padding:18px;min-height:217px}.canvas-top{padding-inline:15px}.floating-note{font-size:12px;padding:11px 13px}.floating-note div>span{font-size:11px}.services-grid{grid-template-columns:1fr}.service{padding:26px}.service-icon{margin-bottom:20px}.service h3{font-size:24px}.service>p{font-size:15px}.work-card{display:block}.work-art{height:240px;min-height:0;padding:28px 32px}.section-heading h2,.about-section h2{font-size:36px}.section-heading>p{font-size:15px}.contact-copy h2{font-size:48px}.contact-links{grid-template-columns:1fr}.contact-links strong{font-size:17px}#enquiry-form{padding:24px 20px}.field-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.form-actions .button{width:100%}.footer .brand{font-size:16px}.footer>span{font-size:10px}.floating-contact{padding:12px 14px}.floating-contact span{display:none}.dialog-header{padding:20px}.dialog-header h2{font-size:24px}#demo-content{padding:22px 20px}.dialog-footer{padding:20px;flex-direction:column;align-items:flex-start}.demo-stats{gap:7px}.demo-stats>div{padding:12px 8px}.demo-stats strong{font-size:22px}.demo-stats span{font-size:11px}.request-item{padding:14px}.about-lead{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.build-canvas{transform:none}}
@media(forced-colors:active){html{scrollbar-color:auto}.button,.preview-tabs button,.service,.build-canvas{border:1px solid ButtonText}.accent-text,.eyebrow,.overline{color:CanvasText}}

[hidden]{display:none!important}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:active{transform:none}

/* Full-size concept showcase; scoped so the hero's existing previews stay intact. */
.showcase-intro{max-width:380px}.showcase-intro>p{color:var(--muted);font-size:16px}.showcase-caption{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--accent);margin-top:18px}.showcase-caption>span{font-size:20px}.work-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.work-card.showcase-card{display:block;min-width:0;transition:border-color .2s}.showcase-card:hover{border-color:#706093}.showcase-card .rich-art{height:358px;padding:0;display:block;position:relative;border-bottom:1px solid var(--line)}.preview-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;height:37px;padding:0 20px;background:#08090e55;color:#d0c7e8;font:10px var(--mono);border-bottom:1px solid #ffffff0c}.preview-window-dots{letter-spacing:3px;font-size:8px;opacity:.6}.preview-chrome>span:last-child{font-size:9px;letter-spacing:.08em;opacity:.8}.showcase-card .work-body{padding:27px 30px 28px}.work-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.work-meta .overline{font-size:11px}.concept-label{font-size:11px;color:var(--muted);border:1px solid #3c3b50;padding:3px 9px;border-radius:100px;white-space:nowrap}.showcase-card .work-body h3{font-size:28px;margin:17px 0 12px;letter-spacing:-.035em}.showcase-card .work-body>p{font-size:15px;max-width:510px;min-height:54px}.feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 23px}.feature-tags>span{font-size:11px;color:#c7c5da;background:#1f1e2d;border:1px solid #363246;border-radius:5px;padding:5px 10px}.work-bottom{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px}.work-bottom>span{font-size:12px;color:var(--muted);max-width:200px;line-height:1.6}.work-bottom .button{font-size:12px;padding:9px 15px;flex-shrink:0}.showcase-card .website-art{background:#353046}.stay-interface{color:#263d39;background:#eef0ed;border-radius:10px;margin:20px 24px 0;box-shadow:0 16px 35px #0003;overflow:hidden}.stay-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 19px;font-size:9px}.stay-nav>b{font:700 15px Georgia,serif;letter-spacing:.1em}.stay-nav>b>span{display:block;font:6px var(--mono);letter-spacing:.15em;margin-top:4px}.stay-nav-action{background:#263d39;color:#eef0ed;border-radius:4px;padding:5px 8px;font-size:8px}.stay-hero{background:#d4e0da;display:grid;grid-template-columns:1.2fr 1fr;gap:12px;padding:21px 20px}.stay-eyebrow{font:7px var(--mono);letter-spacing:.1em}.stay-hero h3{font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.05;margin:10px 0;letter-spacing:-.04em}.stay-hero p{font-size:9px;color:#41615a;line-height:1.6}.stay-action{display:inline-block;background:#263d39;color:#eef0ed;border-radius:4px;padding:6px 9px;margin-top:13px;font-size:8px}.stay-booking{align-self:center;border:1px solid #afc4b9;background:#eef3eecc;padding:13px 13px 10px;border-radius:8px}.stay-booking>span{font:7px var(--mono);letter-spacing:.1em;color:#58736a}.stay-booking>div{border-bottom:1px solid #bdcfc5;padding:8px 0}.stay-booking small{display:block;font:6px var(--mono);letter-spacing:.1em;color:#58736a}.stay-booking strong{font-size:10px;font-weight:500}.stay-booking-row{display:flex;justify-content:space-between;gap:10px}.stay-booking .stay-estimate{border-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.stay-estimate strong{font-size:20px;font-family:Georgia,serif}.stay-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 19px}.stay-bottom b{display:block;font:10px Georgia,serif}.stay-bottom small{font-size:7px;color:#58736a}.stay-tag{font-size:6px;background:#dbe4dd;padding:5px;border-radius:4px}.mobile-art{background:radial-gradient(ellipse at 60% 40%,#59467a66,transparent 75%),#252035}.mobile-showcase{display:flex;justify-content:center;gap:21px;align-items:flex-start;margin:20px 25px 0}.app-screen{width:185px;flex-shrink:0;min-height:287px;background:#151521;border:1px solid #6c6087;border-radius:22px;padding:12px 14px;box-shadow:0 10px 25px #0004}.app-screen-secondary{margin-top:13px;background:#1d1930;border-color:#625272}.phone-top{display:flex;justify-content:space-between;font:8px var(--mono);color:#c8c4d6}.app-screen-heading{margin-top:18px}.app-screen-heading>span{display:block;font:7px var(--mono);letter-spacing:.1em;color:var(--accent)}.app-screen-heading>b{display:block;font:22px var(--display);letter-spacing:-.04em;margin:7px 0}.app-screen-heading small{font-size:8px;color:var(--muted);display:block}.app-request-card{background:linear-gradient(120deg,#7154e8,#473578);border:1px solid #a890fd77;border-radius:9px;padding:11px;margin-top:13px}.app-request-card>span{font:6px var(--mono);letter-spacing:.09em;color:#e3d8ff}.app-request-card>b{font:20px var(--display);display:block;margin:4px 0 6px}.app-request-card>div{font-size:7px;color:#e3d8ff;display:flex;align-items:center;gap:5px}.app-request-card i{width:4px;height:4px;background:var(--mint);border-radius:50%}.app-service-row{display:flex;align-items:center;gap:8px;border:1px solid #363046;border-radius:7px;margin-top:9px;padding:8px}.app-service-row>span{width:22px;height:22px;display:grid;place-items:center;color:var(--accent);background:#7154e81f;border-radius:6px;font-size:12px}.app-service-row b{display:block;font-size:8px;font-weight:500}.app-service-row small{display:block;font-size:6px;color:var(--muted)}.app-navigation{display:flex;justify-content:space-between;font-size:7px;border-top:1px solid var(--line);margin-top:12px;padding-top:10px;color:var(--muted)}.app-navigation span:first-child{color:var(--accent)}.app-confirm-mark{width:42px;height:42px;display:grid;place-items:center;margin:20px auto 8px;border:1px solid #8de5d047;color:var(--mint);background:#8de5d00e;border-radius:50%;font-size:22px}.app-confirm-title{display:block;text-align:center;font:12px var(--display)}.app-timeline{display:grid;gap:13px;margin:20px 5px}.app-timeline>span{display:flex;align-items:center;gap:8px;font-size:9px}.app-timeline i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px #8de5d012}.app-timeline .pending{color:var(--muted)}.app-timeline .pending i{background:#766e89}.app-help{border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:7px}.app-help b{display:block;font-size:7px;font-weight:400;color:#d0c6e6;margin-top:2px}.showcase-card .dashboard-art{background:radial-gradient(ellipse at 50% 90%,#40527666,transparent 80%),#202b40}.business-interface{display:grid;grid-template-columns:76px 1fr;background:#111825;border:1px solid #475875;border-radius:10px;overflow:hidden;margin:20px 22px 0;box-shadow:0 12px 30px #0003}.business-interface aside{display:flex;flex-direction:column;gap:12px;border-right:1px solid #2e3b53;background:#182132;padding:13px 10px}.business-interface aside>b{font:26px var(--display);color:var(--accent);letter-spacing:-.12em;margin-bottom:6px}.business-interface aside>span{font-size:8px;color:#99abc6;padding:5px 6px}.business-interface aside .selected{background:#7154e828;color:#d7c9ff;border-radius:4px}.business-main{padding:15px 16px}.business-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.business-heading>b{font:14px var(--display)}.business-heading>span{font-size:8px;border:1px solid #3b4962;border-radius:5px;padding:4px 6px;color:#bbc9df}.business-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.business-metrics>div{background:#1e2940;border:1px solid #34435e;border-radius:6px;padding:8px 10px}.business-metrics span{display:block;font-size:8px;color:#adbed6}.business-metrics b{display:block;font:21px var(--display);margin-top:6px;letter-spacing:-.03em}.business-chart{margin-top:13px;border:1px solid #34435e;background:#182135;border-radius:7px;padding:10px 12px}.business-chart>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:8px}.business-chart>div:first-child>span{color:#adbed6}.business-chart .bars{height:91px;padding:12px 4px 0;gap:12px;margin:0}.business-chart .bars i{background:linear-gradient(var(--accent),#5d499f)}.business-chart .bars i:nth-child(even){background:linear-gradient(var(--mint),#397768)}.chart-days{display:flex;justify-content:space-between;gap:5px;font:6px var(--mono);color:#899dbb;padding-top:7px}.business-footer{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#a3b5d0;margin-top:10px}.showcase-card .workflow-art{background:radial-gradient(ellipse at 65% 45%,#674b7166,transparent 80%),#292238}.workflow-interface{margin:20px 24px 0;background:#181422;border:1px solid #60506e;border-radius:10px;box-shadow:0 16px 35px #0003;padding:18px 20px}.workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.workflow-heading div>span{display:block;font:7px var(--mono);letter-spacing:.12em;color:var(--accent)}.workflow-heading b{display:block;font:21px var(--display);letter-spacing:-.03em;margin-top:7px}.workflow-chip{font-size:8px;color:#d4bdf5;border:1px solid #6e5580;background:#3b284c;border-radius:5px;padding:5px 8px}.workflow-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:17px}.workflow-request{padding:13px;border:1px solid #52425f;border-radius:8px;background:#261d32}.request-type{font:6px var(--mono);letter-spacing:.1em;color:var(--accent)}.workflow-request h3{font-size:15px;line-height:1.3;margin-top:8px}.workflow-request p{font-size:7px;color:var(--muted);margin:8px 0 10px}.request-detail{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid #44334d;font-size:7px}.request-detail>span{color:var(--muted)}.request-detail>b{font-weight:500}.request-pending{color:#d4bdf5}.workflow-buttons{display:flex;align-items:center;gap:12px;margin-top:9px;font-size:7px}.workflow-buttons>span:first-child{background:var(--action);border:1px solid #9b82ff80;border-radius:4px;padding:6px 9px}.workflow-track{display:flex;flex-direction:column;justify-content:center;gap:22px;position:relative}.workflow-track:before{content:'';position:absolute;top:25px;bottom:25px;left:12px;width:1px;background:#6b557d}.workflow-track>div{display:flex;align-items:center;gap:9px;position:relative}.workflow-track>div>span{display:grid;place-items:center;border:1px solid #64537a;border-radius:50%;background:#291e35;color:var(--mint);width:26px;height:26px;flex-shrink:0;font-size:10px}.workflow-track b{display:block;font-size:9px;font-weight:500}.workflow-track small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.track-current>span{color:var(--accent)!important}.track-pending{opacity:.6}.workflow-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:8px;border-top:1px solid #44334d;padding-top:10px;margin-top:15px}.workflow-note>span{color:var(--accent);font-size:15px}
@media(max-width:1100px){.work-grid-expanded{gap:20px}.showcase-card .work-body{padding:24px}.work-bottom{align-items:flex-start;flex-direction:column;gap:13px}.stay-interface{margin-inline:16px}.stay-nav{padding-inline:14px}.stay-nav>div{display:none}.stay-hero{padding:20px 15px;gap:10px}.stay-hero h3{font-size:25px}.stay-bottom{padding-inline:14px}.stay-tag{display:none}.mobile-showcase{gap:13px;margin-inline:15px}.app-screen{width:161px;padding-inline:12px}.app-screen-heading>b{font-size:20px}.business-interface{margin-inline:16px;grid-template-columns:62px 1fr}.business-interface aside{padding-inline:6px}.business-main{padding-inline:10px}.business-metrics>div{padding:8px 7px}.business-metrics b{font-size:17px}.workflow-interface{margin-inline:16px;padding-inline:14px}.workflow-columns{gap:10px}.workflow-request{padding:10px}.workflow-track{gap:24px}.workflow-track b{font-size:8px}.workflow-track small{font-size:6px}.workflow-track>div{gap:6px}.work-meta{gap:8px}.work-meta .overline{font-size:10px}}
@media(max-width:900px){.work-grid-expanded{grid-template-columns:1fr;gap:25px}.showcase-card .rich-art{height:385px}.showcase-card .work-body{padding:28px 30px}.showcase-card .work-body>p{min-height:0}.work-bottom{align-items:center;flex-direction:row}.stay-interface,.business-interface,.workflow-interface{max-width:590px;margin:24px auto 0;width:calc(100% - 54px)}.stay-nav>div{display:block}.stay-nav{padding:16px 22px}.stay-hero{padding:26px 22px;gap:25px}.stay-hero h3{font-size:36px}.stay-hero p{font-size:11px}.stay-booking{padding:15px}.stay-booking strong{font-size:12px}.stay-booking small{font-size:7px}.stay-estimate strong{font-size:25px}.stay-bottom{padding:15px 22px}.stay-tag{display:block}.mobile-showcase{margin-top:26px;gap:30px}.app-screen{width:195px;min-height:300px;padding:14px 16px}.app-screen-secondary{margin-top:12px}.app-screen-heading>b{font-size:24px}.app-screen-heading small{font-size:9px}.app-request-card{padding:12px}.app-service-row{padding:9px}.app-service-row b{font-size:9px}.app-service-row small{font-size:7px}.business-interface{grid-template-columns:90px 1fr}.business-interface aside{padding:18px 13px}.business-interface aside>span{font-size:10px}.business-main{padding:20px}.business-heading>b{font-size:18px}.business-metrics b{font-size:25px}.business-metrics span{font-size:10px}.business-metrics>div{padding:12px}.business-chart .bars{height:93px}.business-footer{font-size:8px}.workflow-interface{padding:22px}.workflow-heading b{font-size:24px}.workflow-columns{gap:20px}.workflow-request{padding:15px}.workflow-request h3{font-size:18px}.workflow-request p{font-size:8px}.request-detail{font-size:9px}.workflow-track b{font-size:11px}.workflow-track small{font-size:8px}.workflow-note{font-size:9px}.preview-chrome{padding-inline:24px}.showcase-intro{max-width:530px}}
@media(max-width:480px){.showcase-card .rich-art{height:360px}.showcase-card .work-body{padding:23px 21px}.showcase-card .work-body h3{font-size:25px}.showcase-card .work-body>p{font-size:14px}.work-meta .overline{font-size:9px}.concept-label{font-size:10px;padding:3px 7px}.work-bottom{align-items:flex-start;flex-direction:column}.work-bottom>span{max-width:none}.work-bottom .button{width:100%;min-height:46px;font-size:13px}.feature-tags{gap:6px;margin:18px 0}.feature-tags>span{font-size:10px;padding:4px 7px}.preview-chrome{padding-inline:14px;font-size:8px}.preview-chrome>span:last-child{font-size:7px}.preview-window-dots{letter-spacing:2px}.stay-interface,.business-interface,.workflow-interface{width:calc(100% - 28px);margin-top:18px}.stay-nav{padding:13px}.stay-nav>div{display:none}.stay-nav>b{font-size:13px}.stay-hero{padding:19px 14px;grid-template-columns:1fr;gap:16px}.stay-hero h3{font-size:28px;margin:7px 0}.stay-hero p{font-size:9px}.stay-action{margin-top:10px}.stay-booking{padding:9px 11px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.stay-booking>span{display:none}.stay-booking>div{padding:5px 0}.stay-booking small{font-size:6px}.stay-booking strong{font-size:10px}.stay-booking .stay-estimate{grid-column:1/-1;padding:6px 0 0}.stay-estimate strong{font-size:18px}.stay-bottom{padding:10px 14px}.stay-bottom b{font-size:9px}.stay-tag{display:none}.mobile-showcase{gap:11px;margin:22px 10px 0}.app-screen{width:calc((100% - 20px)/2);max-width:165px;min-height:281px;padding:11px 10px;border-radius:18px}.app-screen-secondary{margin-top:10px}.app-screen-heading{margin-top:15px}.app-screen-heading>b{font-size:20px}.app-screen-heading small{font-size:7px}.app-screen-heading>span{font-size:6px}.app-request-card{padding:9px}.app-request-card>b{font-size:18px}.app-service-row{padding:7px 5px;gap:5px}.app-service-row b{font-size:7px}.app-service-row small{font-size:6px}.app-confirm-title{font-size:11px}.app-help b{font-size:6px}.business-interface{grid-template-columns:50px 1fr}.business-interface aside{padding:14px 4px;gap:12px}.business-interface aside>b{font-size:22px;padding-left:5px}.business-interface aside>span{font-size:7px;padding:4px}.business-main{padding:14px 10px}.business-heading>b{font-size:13px}.business-heading>span{font-size:7px;padding:3px 4px}.business-metrics{gap:5px}.business-metrics>div{padding:8px 5px}.business-metrics span{font-size:7px}.business-metrics b{font-size:17px}.business-chart{padding:10px 8px;margin-top:13px}.business-chart .bars{height:100px;gap:8px}.business-footer{font-size:6px;flex-direction:column;gap:2px}.workflow-interface{padding:16px 12px}.workflow-heading b{font-size:20px}.workflow-chip{font-size:7px;padding:4px}.workflow-columns{gap:9px;grid-template-columns:1.2fr 1fr}.workflow-request{padding:10px 8px}.workflow-request h3{font-size:14px}.workflow-request p{font-size:6px}.request-detail{font-size:6px;gap:5px}.workflow-buttons{gap:8px;font-size:6px}.workflow-buttons>span:first-child{padding:5px}.workflow-track{gap:22px}.workflow-track>div{gap:6px}.workflow-track>div>span{width:22px;height:22px;font-size:8px}.workflow-track:before{left:10px}.workflow-track b{font-size:8px}.workflow-track small{font-size:6px}.workflow-note{font-size:7px}.showcase-caption{font-size:11px}.showcase-note{font-size:11px}}
.showcase-card .work-body>p{font-size:16px}.feature-tags>span{font-size:12px}
@media(max-width:480px){.showcase-card .website-art{height:420px}.showcase-card .work-body>p{font-size:16px}.feature-tags>span{font-size:11px}}

/* Featured developed project: sample-data screenshots and a focused case study. */
.featured-project{background:radial-gradient(ellipse at 70% 70%,#7154e814,transparent 65%),var(--bg);border-top:1px solid var(--line)}.project-feature{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;padding:38px;border:1px solid #4b405f;border-radius:22px;background:linear-gradient(120deg,#181625b0,#10111a);min-width:0}.project-copy{min-width:0;align-self:center}.project-labels{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.project-label{color:var(--mint);border-color:#8de5d039;background:#8de5d008;font-size:12px}.project-labels .overline{font-size:10px;letter-spacing:.06em;color:var(--muted)}.project-copy>h3{font-size:clamp(32px,3.2vw,47px);letter-spacing:-.045em;margin:24px 0 22px;line-height:1.12}.project-lead{color:var(--muted);font-size:16px;line-height:1.8;max-width:450px}.project-highlights{display:grid;gap:20px;margin:28px 0}.project-highlights>div{display:flex;gap:13px;align-items:flex-start}.highlight-icon{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid #67578555;border-radius:8px;background:#7154e815;color:var(--accent);font-size:20px}.project-highlights h4{font:600 16px var(--display);margin:1px 0 6px}.project-highlights p{color:var(--muted);font-size:14px;line-height:1.7;max-width:360px}.project-stack{display:flex;flex-wrap:wrap;gap:7px;margin:28px 0}.project-stack>span{font:11px var(--mono);color:#c5b5ed;border:1px solid #49405c;background:#2a203a55;padding:6px 9px;border-radius:5px}.project-copy>.button{font-size:14px}.project-gallery{background:#090b13;border:1px solid #484157;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 20px 60px #0003}.project-gallery-header{height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.07em;color:#c3b8da}.project-demo-badge{color:var(--mint);font-size:9px;border:1px solid #8de5d030;border-radius:4px;padding:3px 6px}.project-image-stage{display:flex;align-items:center;justify-content:center;height:480px;padding:22px;background:radial-gradient(ellipse at center,#30406547,transparent 70%),#151621}.project-image-stage.admin-screen{background:#161a26}.project-image-button{display:flex;align-items:center;justify-content:center;background:transparent;padding:0;border-radius:12px;width:100%;height:100%;cursor:zoom-in}.project-image-button img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 15px 35px #0005;transition:transform .2s}.project-image-button:hover img{transform:scale(1.015)}.project-gallery-footer{padding:18px 20px 8px;display:flex;gap:14px;align-items:center;justify-content:space-between}.project-gallery-footer strong{display:block;font-size:15px;font-weight:500;line-height:1.4}.project-gallery-footer span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.project-gallery-footer .text-button{margin:0;white-space:nowrap;font-size:12px}.project-screen-buttons{display:flex;gap:5px;margin:14px 20px 0;padding:5px;border:1px solid var(--line);border-radius:9px;background:#08090e}.project-screen-buttons>button{flex:1;min-height:41px;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;padding:6px 4px}.project-screen-buttons>button[aria-pressed=true]{background:var(--action);color:white}.project-screen-buttons>button:hover:not([aria-pressed=true]){background:var(--raised)}.project-image-note{font-size:11px;color:var(--muted);line-height:1.6;padding:15px 20px 19px}.project-details{border:1px solid var(--line);border-radius:14px;background:#11121c99;margin-top:22px}.project-details>summary{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;font-size:16px;min-height:66px;list-style:none}.project-details>summary:after{content:'+';color:var(--accent);font-size:26px;line-height:1}.project-details[open]>summary:after{content:'−'}.project-details>summary::-webkit-details-marker{display:none}.project-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:8px 26px 28px}.project-detail-grid h3{font-size:22px;line-height:1.3;margin:13px 0 17px;letter-spacing:-.03em}.project-detail-grid ul{list-style:none;margin:0;padding:0;color:var(--muted);font-size:14px}.project-detail-grid li{padding:6px 0 6px 15px;position:relative}.project-detail-grid li:before{content:'·';color:var(--accent);position:absolute;left:0}.project-detail-grid p{font-size:14px;color:var(--muted);line-height:1.8}.project-detail-grid .project-source-note{font-size:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:16px}.project-image-dialog{width:min(1150px,calc(100% - 32px))}.project-full-image{padding:20px;display:flex;align-items:flex-start;justify-content:center;background:#151621}.project-full-image img{max-width:100%;max-height:70dvh;width:auto;height:auto;display:block;object-fit:contain;border-radius:10px}.project-dialog-note{font-size:12px;color:var(--muted);padding:16px 24px;border-top:1px solid var(--line)}
@media(max-width:1100px){.project-feature{gap:35px;padding:28px}.project-image-stage{height:440px;padding:18px}.project-gallery-footer{flex-direction:column;align-items:flex-start;gap:2px}.project-gallery-footer .text-button{min-height:38px}.project-copy>h3{font-size:36px}.project-labels .overline{font-size:9px}.project-highlights p{font-size:13px}.project-highlights h4{font-size:15px}.project-stack>span{font-size:10px}.project-detail-grid{gap:22px}.project-detail-grid h3{font-size:20px}}
@media(max-width:800px){.project-feature{grid-template-columns:1fr;gap:32px;padding:28px}.project-copy>h3{font-size:42px}.project-highlights{grid-template-columns:1fr;gap:20px}.project-highlights p{max-width:none;font-size:14px}.project-highlights h4{font-size:16px}.project-lead{max-width:600px}.project-gallery{width:100%;max-width:570px;justify-self:center}.project-image-stage{height:490px;padding:20px}.project-gallery-footer{flex-direction:row;align-items:center;gap:15px}.project-detail-grid{grid-template-columns:1fr;gap:30px}.project-detail-grid>div+div{border-top:1px solid var(--line);padding-top:25px}.project-image-dialog .dialog-header h2{font-size:25px}}
@media(max-width:480px){.project-feature{padding:22px 17px;gap:27px;border-radius:16px}.project-copy>h3{font-size:33px;margin:20px 0 18px}.project-labels{gap:10px}.project-highlights{margin-block:24px}.project-copy>.button{width:100%;font-size:13px}.project-gallery-header{padding-inline:13px;font-size:8px}.project-demo-badge{font-size:8px}.project-image-stage{height:390px;padding:15px}.project-gallery-footer{padding:15px 13px 2px;flex-direction:column;align-items:flex-start;gap:1px}.project-gallery-footer strong{font-size:14px}.project-gallery-footer span{font-size:11px}.project-screen-buttons{margin:10px 12px 0;gap:2px;padding:4px}.project-screen-buttons>button{font-size:11px;min-height:42px}.project-image-note{padding:13px;font-size:10px}.project-details>summary{padding:18px;font-size:14px}.project-detail-grid{padding:0 18px 23px}.project-detail-grid h3{font-size:22px}.project-full-image{padding:13px}.project-dialog-note{font-size:11px;padding:14px 18px}.project-image-dialog .dialog-header h2{font-size:22px}}

/* Project story: the platform itself is the visual. */
:root{--motion-ease:cubic-bezier(.2,.7,.2,1);--story-glass:rgba(31,28,54,.82)}
.featured-project{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 2% 22%,#7154e825,transparent 42%),radial-gradient(ellipse at 95% 33%,#7154e822,transparent 42%),var(--bg)}
.featured-project:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#c9c0ef 1px,transparent 1.5px),radial-gradient(circle,#a295cc 1px,transparent 1.5px);background-size:157px 179px,229px 251px;background-position:24px 17px,108px 69px;mask-image:linear-gradient(#000,transparent 62%)}
.project-story{display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:54px;padding:15px 0 95px;min-width:0}
.story-copy{min-width:0;position:relative;z-index:2}
.story-eyebrow{display:inline-flex;border:1px solid #9b82ff66;border-radius:99px;background:#7154e818;color:var(--accent);padding:10px 18px;font:12px var(--mono);letter-spacing:.1em;margin-bottom:28px}
.story-copy h2{font-size:clamp(40px,4.2vw,62px);letter-spacing:-.05em;line-height:1.1}
.story-copy>p{font-size:18px;line-height:1.8;color:var(--muted);max-width:465px;margin-top:26px}
.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.story-actions .button{font-size:14px;min-height:50px}
.story-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.story-tags>span{color:#cec4ee;border:1px solid #9b82ff40;background:#15132288;border-radius:99px;padding:7px 12px;font-size:12px}
.story-scene{position:relative;min-width:0;padding:75px 0 22px;perspective:1200px}
.story-halo{position:absolute;inset:10% -10% 0;border-radius:50%;background:radial-gradient(ellipse,#7154e852,transparent 65%);pointer-events:none;filter:blur(28px)}
.story-depth{position:relative;height:385px;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform .6s var(--motion-ease)}
.story-desktop{position:absolute;top:26px;left:0;width:100%;border:1px solid #9b82ff80;border-radius:18px;overflow:hidden;box-shadow:0 35px 90px #0009,0 0 45px #7154e825;background:#141722;transform:rotate(-3deg)}
.story-window-bar{height:34px;display:flex;align-items:center;gap:12px;padding:0 15px;font:10px var(--mono);color:#c1bbd2;background:#161422}
.story-window-dots{font-size:8px;letter-spacing:3px;color:var(--accent)}
.story-desktop img{display:block;width:100%;height:auto}
.story-phone{position:absolute;bottom:-10px;left:26px;width:166px;z-index:2;background:#111724;border:5px solid #202337;outline:1px solid #9b82ff99;border-radius:22px;overflow:hidden;box-shadow:0 22px 55px #000a;--float-rotate:5deg}
.story-phone img{display:block;width:100%;height:auto}
.story-glass{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:17px 20px;background:var(--story-glass);backdrop-filter:blur(18px);border:1px solid #9b82ff70;border-radius:17px;box-shadow:0 18px 45px #0005}
.story-glass-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--action),#9b82ff);color:#fff;font-size:28px}
.story-glass div>span{display:block;font:10px var(--mono);letter-spacing:.05em;color:#d4cce6;margin-bottom:7px}
.story-glass strong{font-family:var(--display);font-size:23px;line-height:1.2}
.story-glass-top{top:-22px;right:-12px;--float-rotate:3deg;animation-delay:-2s!important}
.story-glass-top .story-glass-icon{background:#167761;color:#caffef}
.story-glass-bottom{right:0;bottom:15px;--float-rotate:-4deg;animation-delay:-4s!important}
.story-glass-bottom strong{font-size:19px}
.story-sample{position:relative;color:var(--muted);font-size:12px;margin:37px 0 0;text-align:center}
.project-inside-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-top:30px;border-top:1px solid #9b82ff40;scroll-margin-top:110px}
.project-inside-heading .eyebrow{margin:0}
.project-inside-heading>span{font-size:14px;color:var(--muted)}
.story-float{animation:layer-float 7s ease-in-out infinite;animation-play-state:paused;transform:rotate(var(--float-rotate,0deg))}
.project-story.motion-active .story-float{animation-play-state:running}
.hero-visual.motion-active .build-canvas{animation:canvas-float 8s ease-in-out infinite}
.hero-visual.motion-active .floating-note{animation:layer-float 6.5s ease-in-out infinite;animation-delay:-3s}
.hero-visual.motion-active .orbit-two{animation:orbit-turn 75s linear infinite}
.hero-visual:not(.motion-active) .build-canvas{animation:none}
.hero:before{background:radial-gradient(ellipse at 65% 45%,#7154e842,transparent 66%)}
.build-canvas{box-shadow:0 30px 90px #0009,0 0 100px #7154e826}
.button{transition:transform .25s var(--motion-ease),box-shadow .25s,border-color .25s,background .25s}
.button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #7154e830}
.button:active{transform:translateY(0)}
.showcase-card{transition:transform .35s var(--motion-ease),box-shadow .35s,border-color .35s}
.showcase-card:hover{transform:translateY(-7px);border-color:#9b82ff80;box-shadow:0 24px 55px #0005}
.service:hover{box-shadow:0 18px 42px #7154e814}
.service-icon{transition:transform .35s var(--motion-ease),background .35s}
.service:hover .service-icon{transform:translateY(-3px) rotate(-5deg);background:#7154e82a}
.reveal-pending{transition:opacity .7s var(--motion-ease),translate .7s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
.reveal-pending:not(.revealed){opacity:0;translate:0 22px}
.reveal-pending.revealed{opacity:1;translate:0 0}
@keyframes layer-float{0%,100%{transform:translateY(0) rotate(var(--float-rotate,0deg))}50%{transform:translateY(-12px) rotate(var(--float-rotate,0deg))}}
@keyframes canvas-float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-9px) rotate(-.5deg)}}
@keyframes orbit-turn{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(min-width:1600px){.story-depth{height:445px}.story-phone{width:195px}.story-copy h2{font-size:70px}}
@media(max-width:1100px){.project-story{gap:35px}.story-copy h2{font-size:47px}.story-copy>p{font-size:16px}.story-depth{height:340px}.story-phone{width:145px;left:13px}.story-glass{padding:13px 15px;gap:10px}.story-glass-icon{width:38px;height:38px;font-size:23px}.story-glass strong{font-size:20px}.story-glass-bottom strong{font-size:16px}.story-glass div>span{font-size:9px}.story-glass-bottom{bottom:13px;right:-5px}.story-actions .button{font-size:13px;padding-inline:15px}}
@media(max-width:800px){.project-story{grid-template-columns:1fr;gap:14px;padding-bottom:60px}.story-copy{max-width:600px}.story-copy h2{font-size:clamp(40px,7vw,58px)}.story-copy h2 br:nth-of-type(2){display:none}.story-copy h2 .accent-text:before{content:' '}.story-copy>p{font-size:17px;max-width:570px}.story-scene{width:100%;max-width:610px;justify-self:center;padding-top:62px;padding-inline:12px}.story-depth{height:400px}.story-phone{width:174px;left:16px}.story-glass-top{right:-5px}.story-glass-bottom{right:5px;bottom:24px}.story-glass strong{font-size:23px}.story-glass-bottom strong{font-size:19px}.story-sample{margin-top:24px}.project-inside-heading{align-items:flex-start;flex-direction:column;gap:9px}}
@media(max-width:480px){.story-eyebrow{font-size:11px;padding:8px 14px;margin-bottom:22px}.story-copy h2{font-size:42px}.story-copy>p{font-size:16px;margin-top:20px}.story-actions{margin-top:25px;gap:9px}.story-actions .button{font-size:13px;padding-inline:15px}.story-tags{gap:7px;margin-top:22px}.story-tags>span{font-size:11px;padding:6px 10px}.story-scene{padding:52px 2px 8px}.story-depth{height:285px}.story-desktop{top:31px;border-radius:12px}.story-window-bar{height:27px;padding-inline:10px;font-size:8px;gap:7px}.story-window-dots{font-size:6px;letter-spacing:2px}.story-phone{width:116px;left:10px;bottom:0;border-width:3px;border-radius:14px}.story-glass{gap:8px;padding:11px 12px;border-radius:12px}.story-glass-icon{width:30px;height:30px;font-size:20px;border-radius:8px}.story-glass div>span{font-size:8px;letter-spacing:0;margin-bottom:4px}.story-glass strong{font-size:17px}.story-glass-top{top:0;right:3px}.story-glass-bottom{bottom:10px;right:0}.story-glass-bottom strong{font-size:14px}.story-sample{font-size:11px;margin-top:23px}.project-story{padding-top:0;padding-bottom:40px}.project-inside-heading>span{font-size:14px}.hero-visual.motion-active .build-canvas{animation:none;transform:none}.showcase-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.story-depth,.story-float,.hero-visual .build-canvas,.hero-visual .floating-note,.button:hover,.showcase-card:hover,.service:hover,.service:hover .service-icon{transform:none!important}.reveal-pending{opacity:1!important;translate:none!important}}
.service.reveal-pending,.showcase-card.reveal-pending{transition:opacity .7s var(--motion-ease),translate .7s var(--motion-ease),transform .35s var(--motion-ease),border-color .35s,box-shadow .35s}

/* Direct contact actions: visible labels on both desktop and mobile. */
.contact-dock{position:fixed;right:22px;bottom:22px;z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.contact-dock>p{font-size:11px;color:#ded5fa;padding:6px 11px;border:1px solid #9b82ff40;border-radius:99px;background:#211a39dd;backdrop-filter:blur(14px)}
.dock-action{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:48px;width:168px;padding:10px 17px;border:1px solid #9b82ff65;border-radius:99px;background:#161421ee;color:var(--text);font-size:14px;font-weight:600;box-shadow:0 8px 25px #0005;backdrop-filter:blur(16px);transition:transform .2s,background .2s,box-shadow .2s}
.dock-action>span:first-child{width:22px;text-align:center;font-size:21px;line-height:1}
.dock-action small{display:block;font-size:10px;line-height:1.1;font-weight:400;color:#cbc0ee;margin-top:3px}
.dock-action:hover{transform:translateX(-5px);background:#282037;box-shadow:0 8px 28px #7154e830}
.dock-chat{background:#126648;color:#effff9;border-color:#8de5d060}.dock-chat:hover{background:#177957}
.dock-meeting{background:var(--action);border-color:#ac97ff}.dock-meeting:hover{background:#8065ee}
.dock-ai{background:linear-gradient(120deg,#292044,#1b172b);border-color:#9b82ff70}
.contact-dialog{width:min(590px,calc(100% - 32px))}
.contact-dialog .dialog-header h2{font-size:30px}
#meeting-form{padding:25px 30px 30px}
#meeting-description{font-size:16px;color:var(--muted);margin-bottom:24px}
#meeting-form .field input,#meeting-form .field textarea{font-size:16px;color-scheme:dark}
#meeting-form .form-actions .button{font-size:13px;padding-inline:15px}
.contact-dialog-status{font-size:14px;color:var(--mint);margin-top:14px;min-height:22px}
.contact-dialog-status a{text-decoration:underline}
.ai-chat-body{padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.ai-coming-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#7154e830;color:var(--accent);font-size:36px}
.ai-coming-label{font:11px var(--mono);color:var(--accent);letter-spacing:.13em}
.ai-chat-body h3{font-size:28px}
.ai-chat-body p{font-size:16px;color:var(--muted);line-height:1.75}
.ai-chat-body .button{min-height:48px;font-size:14px}
@media(max-width:800px){.contact-dock{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;border:1px solid #9b82ff55;background:#11101ded;border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 8px 35px #0009}.contact-dock>p{display:none}.dock-action{width:100%;min-height:55px;padding:7px 4px;gap:3px;flex-direction:column;justify-content:center;border-radius:11px;font-size:11px;line-height:1.2;border-color:transparent;box-shadow:none;backdrop-filter:none}.dock-action>span:first-child{font-size:20px}.dock-action small{font-size:8px;margin-top:2px}.dock-action:hover{transform:none}.footer{padding-bottom:120px}.contact-dialog .dialog-header{padding:20px}.contact-dialog .dialog-header h2{font-size:26px}#meeting-form{padding:22px 20px 24px}.ai-chat-body{padding:24px 20px}.ai-chat-body h3{font-size:26px}}
@media(max-width:480px){#meeting-form .field-row{grid-template-columns:1fr}.contact-dock{left:8px;right:8px}.dock-action{font-size:10px}.ai-chat-body .button{width:100%}}
@media(prefers-reduced-motion:reduce){.dock-action:hover{transform:none}}
.help-topics{display:flex;gap:8px;flex-wrap:wrap}.help-topics button{min-height:44px;padding:9px 13px;background:#211b32;border:1px solid #9b82ff50;border-radius:99px;color:#ded4fc;font-size:13px}.help-topics button:hover{background:#33264e}.help-topics button[aria-pressed=true]{background:var(--action);border-color:var(--accent);color:#fff}.help-answer{width:100%;min-height:205px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#08090e88}.help-answer strong{display:block;font-size:17px;margin-bottom:10px}.help-answer p{font-size:16px}.help-answer a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:14px;margin-top:12px}.help-answer a:hover{text-decoration:underline}.help-contact-actions{display:flex;gap:10px;flex-wrap:wrap}