@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#0b0e13;--panel:#11161e;--ink:#f2f4f8;--muted:#929ba9;--line:#252b35;--blue:#82aaff;--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 50%,#14213544,transparent 46%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.shell{position:relative;max-width:1600px;height:100svh;min-height:730px;margin:auto;padding:0 5.2%;display:flex;flex-direction:column}header{height:112px;flex-shrink:0;display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font-weight:600;font-size:16px;white-space:nowrap}.brand-mark{font-size:28px;letter-spacing:-3px;font-weight:650;padding-right:5px}.brand-mark span{color:var(--blue)}.brand small{display:block;font-size:10px;letter-spacing:1.7px;margin-top:6px;color:var(--muted)}nav{margin-left:auto;display:flex;gap:29px;height:100%;align-items:center}nav a{font-size:14px;color:var(--muted);height:100%;display:flex;align-items:center;position:relative;transition:color .2s}nav a:hover,nav a.active{color:var(--ink)}nav a.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue)}.button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:550;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:#83aaff;color:#081329;box-shadow:0 0 24px #568aff12}.primary:hover{background:#a2bfff;box-shadow:0 0 28px #568aff25}.secondary{background:#141922;border-color:#2b3340}.secondary:hover{background:#1b2230}.compact{min-height:40px;padding:0 17px}main{flex:1;display:flex;align-items:center;min-height:0}.view{width:100%;padding:42px 0;animation:arrive .4s ease both}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#a4b7d5;font-weight:550;display:flex;align-items:center;gap:10px;margin:0 0 27px}.tiny-line{width:20px;height:1px;background:var(--blue)}h1{font-size:clamp(44px,4.6vw,70px);line-height:1.08;letter-spacing:-3px;font-weight:550;margin:0 0 25px}h1 span{color:var(--blue)}.lead{font-size:19px;line-height:1.6;max-width:490px;color:#c7cdd7;margin:0 0 15px}.support{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.tech-line{font-size:12px;color:#77818f;margin:28px 0 0}.tech-line i{font-style:normal;padding:0 7px;color:#3d485a}.workflow{position:relative;border:1px solid #2a3445;border-radius:12px;background:linear-gradient(140deg,#141b26ee,#0d121b);box-shadow:0 20px 80px #0004,0 0 60px #5389eb06;padding:23px 25px;transform:perspective(1200px) rotateY(-3deg);overflow:hidden}.workflow-header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#8c9bb0;padding-bottom:25px;gap:10px}.demo-label{font-size:9px;color:#617188}.source-stack{display:grid;gap:10px;padding:0 24px}.source{display:flex;align-items:center;gap:13px;background:#171d28;border:1px solid #2d3440;padding:14px;border-radius:7px;font-size:13px}.source small{display:block;font-size:11px;color:#738095;margin-top:4px}.file-icon{font-size:23px;color:#97a4b8}.dots{margin-left:auto;color:#677385}.connection{height:33px;width:1px;background:#34445d;margin:auto;position:relative}.connection span{position:absolute;top:0;width:3px;height:9px;left:-1px;background:#90b5ff;box-shadow:0 0 10px #8aaeff;animation:flow 2.6s infinite ease-in-out}.engine{display:flex;align-items:center;gap:16px;padding:21px;border:1px solid #5c7cb3;border-radius:8px;background:linear-gradient(100deg,#1d2c46,#182133);box-shadow:0 0 24px #679cff10}.engine-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#8caeff;color:#142037;font-size:26px}.engine strong{font-size:17px;font-weight:550}.engine p{font-size:12px;color:#95a6bf;margin:6px 0 0}.engine-spark{margin-left:auto;color:#9cbcff;font-size:25px}.outputs{display:grid;grid-template-columns:1fr 1fr;gap:11px}.outputs>div{display:flex;flex-direction:column;border:1px solid #293544;background:#121a25;border-radius:7px;padding:15px}.output-icon{font-size:22px;color:#8faad3;margin-bottom:10px}.outputs strong{font-size:12px;font-weight:500}.outputs small{color:#738297;font-size:10px;margin-top:5px}.workflow-footer{display:flex;justify-content:space-between;align-items:center;margin-top:26px;font-size:10px;color:#9ca9ba;gap:8px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#93b5ec;margin-right:7px;box-shadow:0 0 8px #78a4ed66}.run-button{background:none;border:0;padding:4px;color:#a7c3f3;font-size:11px}.run-button span{font-size:9px;margin-left:6px}.event-log{margin-top:15px;padding-top:14px;border-top:1px solid #273141;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;color:#667d9d;letter-spacing:1px}footer{height:63px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#697384;font-size:11px;flex-shrink:0}footer>span:last-child{font-family:ui-monospace,monospace;color:#c2cee1}footer>span:last-child span{color:#4e5a6d;margin-left:8px}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes flow{0%{transform:translateY(0);opacity:0}25%{opacity:1}90%{opacity:1}100%{transform:translateY(26px);opacity:0}}@media(max-width:1050px){.shell{padding:0 4%}header{gap:22px}nav{gap:18px}.hero{gap:4%}h1{letter-spacing:-2px}.workflow{padding:20px 18px}.source-stack{padding:0 8px}}@media(max-width:760px){.shell{height:auto;min-height:100svh;padding:0 6%}header{height:auto;min-height:95px;flex-wrap:wrap;padding:22px 0 0;gap:18px}.brand{margin-right:auto}header>.button{font-size:12px;min-height:36px;padding:0 13px}nav{order:3;width:100%;justify-content:space-between;margin:0;height:44px;gap:10px}nav a{font-size:13px}main{display:block}.view{padding:42px 0}.hero{display:flex;flex-direction:column;gap:40px;align-items:stretch}h1{font-size:clamp(40px,9vw,62px);letter-spacing:-2px}.lead{font-size:18px}.workflow{transform:none;max-width:480px}.actions{gap:10px}.actions .button{padding:0 16px;font-size:13px}.tech-line{line-height:2;font-size:11px}.eyebrow{font-size:10px}.workflow-header{font-size:9px}footer{gap:20px;font-size:10px;height:64px}footer>span:nth-child(2){display:none}}@media(max-height:760px) and (min-width:761px){.shell{min-height:680px}header{height:86px}.view{padding:28px 0}h1{font-size:clamp(42px,4vw,60px)}.workflow{padding:18px 22px}.source{padding:11px}.workflow-header{padding-bottom:18px}.workflow-footer{margin-top:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.view-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:25px}.view-title .eyebrow{margin-bottom:14px}.view-title>p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.section-title{font-size:32px!important;letter-spacing:-1px!important;line-height:1.2!important;margin:0!important;font-weight:500!important}h2{font-size:clamp(34px,3.5vw,51px);line-height:1.13;letter-spacing:-1.8px;font-weight:500;margin:0 0 22px}h2 span{color:var(--blue)}.selector-layout{display:grid;grid-template-columns:.9fr 1.4fr;gap:8%;align-items:start}.selector{border-top:1px solid var(--line)}.selector button{width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:#8b96a6;display:flex;align-items:center;text-align:left;gap:20px;padding:25px 18px;font-size:16px;line-height:1.5;transition:background .2s,color .2s}.selector button:hover{color:var(--ink);background:#161d2780}.selector button[aria-selected=true]{background:linear-gradient(90deg,#21324d66,#14203422);color:var(--ink);box-shadow:inset 2px 0 var(--blue)}.selector-number{font:11px ui-monospace,monospace;color:#68778e}.selector button[aria-selected=true] .selector-number{color:var(--blue)}.selector-indicator{margin-left:auto;font-size:20px;color:#53647c}.selector button[aria-selected=true] .selector-indicator{color:var(--blue)}.detail{padding:10px 0 0}.detail .eyebrow{font-size:10px;margin-bottom:16px}.detail-copy{font-size:16px;color:#9ca7b8;line-height:1.75;max-width:520px;margin:0 0 23px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;margin:25px 0;font-size:13px;color:#bdc8d7}.capabilities span{display:flex;gap:9px}.capabilities b{font-weight:400;color:#6889bc}.outcome{border-top:1px solid var(--line);padding:20px 0 0;margin-top:25px}.outcome small{font-size:10px;letter-spacing:1.5px;color:#697d9c}.outcome p{font-size:16px;line-height:1.55;margin:9px 0 20px;max-width:510px;color:#d4deed}.text-link{display:inline-block;font-size:14px;color:#9bbdff;border-bottom:1px solid #3b5176;padding-bottom:4px;cursor:pointer}.text-link:hover{color:#c5d9ff;border-color:#8fb4fc}.change{animation:arrive .28s ease both}.work-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:6%}.case-selector button{padding:21px 14px;font-size:14px;gap:17px}.case-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.case-header .eyebrow{margin-bottom:19px;font-size:10px}.sample-label{font-size:9px;letter-spacing:1px;color:#66748b;margin-bottom:19px}.case-detail h2{font-size:31px;letter-spacing:-1px;margin-bottom:22px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:24px}.before-after small{font-size:10px;letter-spacing:1.4px;color:#78889f}.before-after>div:last-child small{color:#9bbdff}.before-after p{font-size:14px;line-height:1.7;color:#a6b1c1;margin:9px 0 0}.before-after>div:last-child p{color:#ced9e9}.case-flow{display:flex;justify-content:space-between;margin-top:23px;border:1px solid #293448;background:#131b28;border-radius:5px;padding:17px 19px;gap:12px}.case-flow span{font-size:11px;color:#aebed7;line-height:1.5;display:flex;flex-direction:column}.case-flow i{font:9px ui-monospace,monospace;color:#6783aa;margin-bottom:6px}.impact{font-size:13px;color:#bbcee9;margin:17px 0 0;display:flex;gap:16px;line-height:1.6}.impact b{font-size:9px;letter-spacing:1px;font-weight:400;color:#6981a2;white-space:nowrap;line-height:2.2}.engagement{display:flex;gap:32px;border-top:1px solid var(--line);margin-top:34px;padding-top:23px;align-items:start}.engagement>p{font-size:12px;line-height:1.5;color:#c6d0df;min-width:135px;margin:0}.engagement ol{list-style:none;display:flex;gap:25px;padding:0;margin:0;flex:1;justify-content:space-between}.engagement li{font-size:11px;line-height:1.6;max-width:140px;color:#8c9aae}.engagement li span{display:block;font:10px ui-monospace,monospace;color:#51739f;margin-bottom:7px}.about-view{display:grid;grid-template-columns:1.12fr 1fr;gap:9%;align-items:center}.about-heading h2{font-size:clamp(39px,4.2vw,61px);line-height:1.12;letter-spacing:-2.4px}.about-tagline{border-left:1px solid #425e89;padding-left:20px;font-size:14px;line-height:1.7;color:#8a9bb4;margin-top:35px}.about-body>p{font-size:15px;line-height:1.75;color:#98a5b8;margin:0 0 20px}.about-body>.large-copy{font-size:22px;line-height:1.5;color:#d6dfeb}.tech-grid{border-top:1px solid var(--line);padding-top:24px;margin:27px 0}.tech-grid small{font-size:10px;color:#6e829f;letter-spacing:1.5px}.tech-grid>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.tech-grid span{font-size:12px;border:1px solid #2b3443;background:#141b26;color:#a9b9cf;padding:7px 11px;border-radius:4px}#linkedin-area:not(:empty){margin-bottom:18px}.contact-view{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact-copy h2{font-size:clamp(42px,4.3vw,63px);letter-spacing:-2px}.contact-copy .detail-copy{font-size:16px;max-width:390px}.contact-options{margin-top:30px}.email-link{display:block;color:#d9e3f1;font-size:15px;margin-bottom:17px}.contact-options p{font-size:12px;color:#6d7e96;line-height:1.7;margin-top:24px}.contact-form{padding:29px;border:1px solid #2a3444;background:linear-gradient(135deg,#161e2b,#101720);border-radius:9px}.contact-form label{display:block;font-size:12px;color:#bbc7d8;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:9px;background:#0e151f;border:1px solid #303d50;color:#e3ebf8;border-radius:5px;padding:12px;font-size:14px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#627189}.contact-form textarea{min-height:125px;max-height:240px}.optional{color:#65768e;font-size:10px;margin-left:5px}.form-bottom{display:flex;align-items:center;gap:15px}.form-bottom>span{font-size:10px;line-height:1.6;color:#7e8fa8;max-width:145px}.form-message{font-size:12px;line-height:1.6;color:#a8c6f7;margin:12px 0 0}.form-message:empty{display:none}#draft-fallback p{font-size:12px;line-height:1.7;color:#a6b5cd}#draft-fallback .text-link{font-size:12px}#draft-fallback .button{font-size:12px;min-height:36px}.running .engine{box-shadow:0 0 30px #679cff33}.run-button:disabled{cursor:default;color:#7487a5}@media(min-width:761px) and (max-height:850px){.view-title{margin-bottom:25px}.selector button{padding:20px 16px}.detail h2{font-size:38px}.detail .detail-copy{font-size:14px}.capabilities{margin:20px 0;font-size:12px;gap:12px}.outcome{margin-top:18px;padding-top:16px}.outcome p{font-size:14px;margin-bottom:16px}.work-layout .selector button{padding:17px 14px}.engagement{margin-top:25px;padding-top:19px}.case-detail h2{font-size:28px}.before-after p{font-size:13px}.contact-form{padding:25px}.contact-form label{margin-bottom:16px}.contact-form textarea{min-height:105px}}@media(max-width:1050px){.view-title{align-items:start}.section-title{font-size:28px!important}.selector-layout{gap:5%;grid-template-columns:.85fr 1.3fr}.selector button{font-size:14px;gap:13px}.capabilities{grid-template-columns:1fr;gap:11px}.about-view{gap:6%}.about-heading h2{font-size:43px}.contact-view{gap:6%}.contact-form{padding:22px}.case-flow{padding:13px}.engagement ol{gap:16px}.sample-label{font-size:8px}}@media(max-width:760px){.view-title{display:block;margin-bottom:27px}.view-title>p{margin-top:16px}.section-title{font-size:30px!important;line-height:1.25!important}.selector-layout,.work-layout{display:block}.selector{margin-bottom:30px}.selector button{padding:18px 15px;font-size:15px}.detail{padding-top:0}.detail h2{font-size:37px}.capabilities{grid-template-columns:1fr 1fr;font-size:12px;gap:15px}.case-selector button{padding:15px 12px}.case-detail h2{font-size:30px}.case-header .eyebrow{margin-bottom:15px}.sample-label{font-size:8px;letter-spacing:.5px}.before-after{gap:20px}.before-after p{font-size:13px}.impact{display:block}.impact b{display:block;margin-bottom:5px}.engagement{display:block;margin-top:30px}.engagement>p br{display:none}.engagement ol{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:20px}.engagement li{max-width:none;font-size:12px}.about-view{display:block}.about-heading h2{font-size:40px}.about-tagline{margin:25px 0 35px}.about-body>.large-copy{font-size:21px}.contact-view{display:block}.contact-copy h2{font-size:48px}.contact-copy h2 br:nth-child(2){display:none}.contact-form{margin-top:30px;padding:23px}.contact-options{margin-top:23px}.form-row{grid-template-columns:1fr}.contact-form input,.contact-form textarea{font-size:16px}.form-bottom{gap:15px}.form-bottom>span{font-size:11px}.case-flow span{font-size:10px}.view-title>p br{display:none}}@media(min-width:761px) and (max-height:680px){.shell{height:auto;min-height:100svh}main{min-height:530px}}@media(min-width:761px){@media(min-resolution:1dppx){}}@media(max-width:370px){.capabilities{grid-template-columns:1fr}.button{padding:0 14px}.brand{font-size:14px}.contact-copy h2{font-size:42px}.case-flow{gap:7px;padding:10px}}