@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--black:#050505;--white:#f4f1ec;--muted:#a5a5a8;--cyan:#22dcf0;--pink:#ff28a9;--yellow:#ffcc37;--line:#282829;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}::selection{background:var(--pink);color:#fff}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:#fff;color:#000;padding:15px}.skip:focus{top:15px}#paint{position:fixed;inset:0;width:100%;height:100%;z-index:32;pointer-events:none}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff18;position:relative;z-index:40;background:#050505}.header:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#06d2ec55,#fa30ac77,#eab64355,transparent)}.brand{display:flex;align-items:center;gap:11px}.brand>img{width:49px;height:49px;border-radius:50%}.brand>span{font-size:29px;font-weight:700;line-height:1;letter-spacing:-1.8px}.brand-dot{font-size:11px;vertical-align:top;letter-spacing:0;padding-left:3px}.brand small{font-size:7px;letter-spacing:1.6px;display:block;margin-top:7px;font-weight:600}.header nav{display:flex;gap:31px;font-size:12px;color:#cbc9c7}.header nav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:26px}.motion{background:none;border:0;font-size:10px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px;padding:10px 0}.motion i{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.motion[aria-pressed=false] i{background:#777;box-shadow:none}.button{border:1px solid #ddd;background:transparent;min-height:44px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px;font-weight:700;transition:transform .25s,background .25s;white-space:nowrap}.button:hover{transform:translateY(-3px);background:#ffffff12}.button span{font-size:21px;line-height:1}.nav-cta{border-color:#686866;border-radius:3px;padding:10px 18px;min-height:39px}.menu-toggle{display:none;background:none;border:0;font-size:25px}.mobile-menu{position:absolute;top:80px;left:0;right:0;background:#101011;padding:22px;z-index:45;border-bottom:1px solid #444}.mobile-menu:not([hidden]){display:grid;gap:22px}.mobile-menu button{background:none;border:0;text-align:left;padding:0}.hero{height:760px;min-height:640px;max-height:1000px;position:relative;overflow:hidden;background:#000}.hero-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}.character-wrap{height:100%;width:100%;transform:translate3d(calc(var(--mx,0)*12px),calc(var(--my,0)*8px),0);transition:transform .6s ease-out}.character{position:absolute;width:1180px;max-width:none;height:auto;right:-15px;top:-5px;animation:breathe 7s ease-in-out infinite;transform-origin:73% 55%;will-change:transform}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000 0%,transparent 18%),linear-gradient(90deg,#000 0%,#000d 25%,transparent 54%)}@keyframes breathe{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.035) translateY(-8px)}}.hero-content{position:relative;z-index:2;padding:65px 0 0 7%;max-width:740px;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.2px;line-height:1.6;font-weight:600;margin:0 0 25px;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #15d0f5}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-.025em}h1{font-size:clamp(90px,9.4vw,146px);line-height:.89;margin:0 0 30px;letter-spacing:-.025em}.outline{-webkit-text-stroke:1.5px #f4f1ec;color:transparent}.hero-tag{font-size:21px;line-height:1.45;letter-spacing:-.4px;margin-bottom:15px;font-weight:400}.hero-tag strong{font-weight:500}.hero-copy{font-size:13px;line-height:1.7;color:#a6a6a9;margin-bottom:27px}.hero-buttons{display:flex;gap:23px;align-items:center}.primary{background:var(--cyan);color:#071215;border:1px solid var(--cyan);box-shadow:0 0 30px #16dbed0c;border-radius:2px}.primary:hover{background:#88f2ff;border-color:#88f2ff}.text-link{font-size:10px;display:flex;gap:13px;align-items:center}.text-link span{font-size:20px}.hero-trust{font-size:10px;letter-spacing:.25px;color:#9a9a9c;margin-top:22px}.hero-trust span{color:#dedbd7}.art-caption{position:absolute;z-index:3;right:5%;top:9%;display:flex;align-items:center;gap:9px;font-size:6px;line-height:1.6;letter-spacing:1.5px;color:#bfbfbf}.cross{font-size:31px;color:var(--cyan)}.art-caption b{font-weight:500;color:#fff}.paint-trigger{position:absolute;z-index:4;right:6%;bottom:90px;text-align:left;background:#070707aa;backdrop-filter:blur(12px);border:1px solid #ffffff2a;border-radius:5px;padding:12px 17px 12px 49px;font-size:9px}.paint-trigger>span{position:absolute;left:15px;top:14px;font-size:24px;color:var(--pink)}.paint-trigger small{display:block;color:#8b8b8b;font-size:8px;margin-top:5px}.hero-bottom{position:absolute;bottom:0;left:7%;right:7%;height:64px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#909093;z-index:3}.hero-bottom a{color:#e4e4e5}.hero-bottom a span{margin-left:24px;font-size:16px}.ticker{padding:18px 0;background:var(--cyan);color:#04191b;overflow:hidden;transform:rotate(-1.4deg);margin:0 -1px;position:relative;z-index:3}.ticker>div{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:.5px;display:flex;gap:35px;width:max-content;animation:ticker 32s linear infinite;align-items:center}.ticker span{font-size:30px}@keyframes ticker{to{transform:translateX(-38%)}}.section{padding:110px 7%;max-width:1600px;margin:0 auto}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px}.section-top .eyebrow{margin:0;color:#c7c5c2}.micro{font-size:8px;letter-spacing:1.3px;color:#8c8c90}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:60px}h2{font-size:clamp(55px,5.8vw,87px);line-height:.97;margin-bottom:0}.gradient-text{background:linear-gradient(100deg,#ffca39 0%,#ff7855 32%,#fd30b2 68%,#8f81ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-heading>p{font-size:13px;color:#939399;line-height:1.9;margin:0 0 6px;max-width:365px}.section-heading>p strong{color:#e0dedb;font-weight:400}.service{border-top:1px solid var(--line);transition:background .3s}.service:last-child{border-bottom:1px solid var(--line)}.service summary{list-style:none;display:grid;grid-template-columns:60px 1fr 220px 24px;gap:15px;align-items:center;padding:28px 8px;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-num{font-family:var(--display);font-size:20px;color:var(--accent)}.service h3{font-family:var(--display);font-size:36px;line-height:1.1;font-weight:600;margin:0}.service-kind{font-size:8px;letter-spacing:1.3px;color:#939396}.plus{font-size:25px;font-weight:400;transition:transform .3s;color:var(--accent)}.service[open] .plus{transform:rotate(45deg)}.service[open] h3{color:var(--accent)}.service-body{padding:0 60px 30px 83px;display:grid;grid-template-columns:1fr .8fr;gap:10px 70px}.service-body>p{font-size:13px;line-height:1.8;color:#a1a1a7;max-width:550px;margin-bottom:8px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;align-content:start}.service-tags span{padding:6px 10px;border:1px solid #2e2e31;border-radius:3px;font-size:9px;color:#b8b8bb}.inline-cta{border:0;background:none;padding:0;text-align:left;font-size:11px;color:var(--accent);grid-column:1}.connections{background:#101012;max-width:none;border-block:1px solid #202023}.connection-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.cyan{color:var(--cyan)}.connection-head>div{width:50%}.connection-head p{font-size:18px;line-height:1.6;color:#b7b7bd;margin-bottom:20px}.tabs{display:flex;border-bottom:1px solid #353538;gap:5px}.tabs button{background:none;border:0;padding:13px 20px;font-size:11px;color:#99999f;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{border-color:var(--cyan);color:var(--cyan)}.flow-panel{border:1px solid #323236;background:#09090a;border-radius:5px;padding:26px 32px}.demo-label{font-size:8px;letter-spacing:1.6px;color:#b6b6bb;display:flex;align-items:center;gap:8px}.demo-label i{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.demo-label>span{margin-left:auto;font-size:8px;letter-spacing:0;color:#76767e}.flow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:25px 0 30px}.flow-node{background:#151518;border:1px solid #303037;border-radius:4px;padding:22px 15px;text-align:left;position:relative;min-height:107px}.flow-node:after{content:'→';position:absolute;right:-28px;top:37px;font-size:19px;color:#4e4e55}.flow-node:last-child:after{display:none}.flow-node[aria-pressed=true]{border-color:var(--cyan);background:#073138}.flow-node span{display:block;font-size:8px;letter-spacing:1px;color:#8f8f98;margin-bottom:14px}.flow-node strong{font-size:13px;font-weight:500}.flow-node[aria-pressed=true] span{color:var(--cyan)}.flow-detail{border-top:1px solid #28282c;padding-top:25px;display:grid;grid-template-columns:180px 1fr 60px;gap:25px;min-height:130px}.flow-detail>span:first-child{font-size:9px;letter-spacing:1.2px;color:var(--cyan);padding-top:5px}.flow-detail h3{font-family:var(--display);font-size:28px;font-weight:600;margin-bottom:8px}.flow-detail p{font-size:12px;line-height:1.7;color:#a0a0aa;margin:0;max-width:690px}.flow-star{font-size:47px;color:var(--pink)}.connection-note{font-size:9px;color:#7d7d85;margin:15px 0 0}.manifesto{display:grid;grid-template-columns:1fr 1.1fr;max-width:1600px;margin:auto;min-height:680px}.manifesto-visual{position:relative;overflow:hidden;background:#131314;min-height:600px}.manifesto-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(1.15)}.manifesto-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030305b0,transparent 40%)}.visual-label{position:absolute;bottom:40px;left:40px;z-index:2;font-size:10px;letter-spacing:2px}.manifesto-copy{padding:100px 12% 75px 12%;display:flex;flex-direction:column;justify-content:center}.manifesto-copy h2{font-size:63px;line-height:1.03;margin-bottom:30px}.manifesto-lead{font-size:20px!important;line-height:1.5!important;color:#e9e7e4!important}.manifesto-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#9c9ca3}.manifesto-signature{display:flex;gap:14px;align-items:center;margin-top:25px}.manifesto-signature>img{border-radius:50%;width:57px;height:57px}.manifesto-signature>span{font-size:29px;font-weight:700;letter-spacing:-1px}.manifesto-signature small{display:block;font-size:7px;letter-spacing:1.2px;margin-top:7px;font-weight:400;color:#aaa}.process h2{font-size:66px}.process h2 em{font-style:normal;color:var(--cyan)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:55px;margin-bottom:75px}.process-grid article{border-top:1px solid #363638;padding-top:20px}.process-grid article>span{font-size:9px;letter-spacing:1.1px;color:#8b8b91}.process-grid h3{font-family:var(--display);font-size:26px;font-weight:600;margin:20px 0 12px}.process-grid p{font-size:11px;line-height:1.8;color:#9999a1}.contact{overflow:hidden;position:relative;background:#000;min-height:620px;border-top:1px solid #202020}.contact-art{position:absolute;right:-10%;top:-30%;width:1100px;max-width:none;height:auto;opacity:.8;animation:breathe 10s ease-in-out infinite}.contact:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000d 20%,transparent 90%);pointer-events:none}.contact-inner{position:relative;padding:80px 7% 75px;z-index:2;max-width:1600px;margin:auto}.contact h2{font-size:115px;line-height:.87;margin-bottom:35px}.contact h2>span{-webkit-text-stroke:1px var(--white);color:transparent}.large{padding:17px 25px;font-size:13px;gap:65px}.contact-inner>p:not(.eyebrow){font-size:11px;line-height:1.7;color:#9a9aa2;margin:23px 0 15px}.email{font-size:11px;border-bottom:1px solid #777;padding-bottom:4px}footer{padding:36px 7%;border-top:1px solid #272729;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:10px;color:#89898d;margin:0}footer>div{display:flex;gap:30px;font-size:8px;color:#aaa;letter-spacing:1px}.footer-brand>span{font-size:24px}.footer-brand>img{width:42px;height:42px}dialog{width:min(590px,calc(100% - 28px));max-height:90dvh;border:1px solid #3d3d44;padding:35px;background:#111113;color:var(--white);border-radius:8px;box-shadow:0 30px 150px #000;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog h2{font-size:60px;margin-bottom:16px}dialog .eyebrow{font-size:8px;margin-bottom:15px}.close-dialog{position:absolute;right:16px;top:12px;background:none;border:0;font-size:32px;color:#aaa;width:38px;height:38px}.dialog-intro{font-size:12px;line-height:1.7;color:#aaa;max-width:440px}form{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:24px}form>label{font-size:11px;color:#ccc;display:grid;gap:8px}input,textarea{width:100%;background:#1b1b1f;border:1px solid #37373d;color:#fff;padding:11px;font-size:12px;border-radius:3px}input:focus,textarea:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}textarea{resize:vertical}fieldset{grid-column:1/-1;border:0;padding:0;margin:0}legend{font-size:11px;color:#ccc;margin-bottom:10px;padding:0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-grid label{position:relative}.check-grid input{position:absolute;width:1px;height:1px;opacity:0}.check-grid span{display:block;padding:12px 9px;font-size:10px;text-align:center;border:1px solid #36363d;border-radius:3px;color:#aaa;cursor:pointer}.check-grid input:checked+span{border-color:var(--cyan);background:#123035;color:var(--cyan)}.check-grid input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}form>label:has(textarea),form>.button,.form-note,#form-status{grid-column:1/-1}.form-note{font-size:9px;line-height:1.6;color:#7e7e88;margin:0}#form-status{font-size:11px;color:var(--cyan);margin:0}body.modal-open{overflow:hidden}.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.no-motion .character-wrap{transform:none!important}
@media(min-width:1600px){.hero-content{padding-left:max(7%,calc((100vw - 1380px)/2))}.character{right:calc((100vw - 1600px)/2);width:1300px}.hero{height:850px}.hero-content{padding-top:90px}.hero-art:after{background:linear-gradient(0deg,#000,transparent 18%),linear-gradient(90deg,#000 10%,transparent 55%)}}
@media(max-width:1100px){.header nav{gap:20px;font-size:10px}.header-actions{gap:17px}.character{right:-140px;width:1100px;top:25px}.hero-content{padding-left:6%;max-width:650px}h1{font-size:112px}.hero-copy{max-width:350px}.hero-buttons{align-items:start;flex-direction:column;gap:17px}.hero{height:770px}.service summary{grid-template-columns:40px 1fr 170px 20px}.service-kind{font-size:7px}.service-body{padding-left:63px}.manifesto-copy{padding:60px 10%}.manifesto-copy h2{font-size:53px}.flow-track{gap:25px}.flow-node:after{right:-20px}.flow-detail{grid-template-columns:130px 1fr 40px}.contact-art{right:-30%}.section-heading>p{max-width:300px;font-size:12px}.hero-art:after{background:linear-gradient(0deg,#000,transparent 18%),linear-gradient(90deg,#000 0%,#000b 28%,transparent 68%)}.process-grid{gap:23px}}
@media(max-width:760px){.header{height:80px;padding:0 5%}.header nav,.nav-cta{display:none}.header-actions{gap:20px}.brand>img{width:40px;height:40px}.brand>span{font-size:26px}.brand small{font-size:6px}.motion{font-size:8px}.menu-toggle{display:block}.hero{height:995px;max-height:none;min-height:0}.hero-content{padding:35px 6% 0;max-width:100%}.hero .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:23px}h1{font-size:clamp(80px,20.5vw,145px);line-height:.89;margin-bottom:20px}.hero-tag{font-size:18px;margin-bottom:10px}.hero-copy{font-size:11px;line-height:1.7;max-width:none;margin-bottom:22px}.hero-buttons{flex-direction:row;gap:20px;align-items:center}.hero-buttons .primary{font-size:10px;padding:13px 14px;gap:14px}.hero-buttons .text-link{font-size:9px;max-width:90px;gap:9px;line-height:1.5}.hero-trust{font-size:8px;margin-top:17px}.character{width:900px;right:-150px;top:380px}.hero-art:after{background:linear-gradient(0deg,#000 0%,transparent 20%,transparent 48%,#000 63%)}.art-caption{top:auto;bottom:155px;right:5%;font-size:5px;letter-spacing:.7px}.art-caption .cross{font-size:23px}.paint-trigger{right:6%;bottom:92px;background:#000a;padding:10px 12px 10px 40px;font-size:8px}.paint-trigger>span{font-size:20px;left:11px;top:12px}.paint-trigger small{font-size:7px}.hero-bottom{left:6%;right:6%;height:57px;font-size:6px;letter-spacing:.8px}.hero-bottom a span{margin-left:8px}.ticker{padding:12px 0}.ticker>div{font-size:20px;gap:25px}.ticker span{font-size:24px}.section{padding:65px 6%}.section-top{margin-bottom:28px}.section-top .eyebrow{font-size:8px;letter-spacing:1.5px}.micro{display:none}.section-heading{display:block;margin-bottom:32px}h2{font-size:58px}.section-heading>p{margin-top:24px;font-size:11px;max-width:none}.service summary{grid-template-columns:25px 1fr 16px;padding:23px 0;gap:10px}.service-num{font-size:16px}.service h3{font-size:27px;line-height:1.15}.service-kind{display:none}.plus{font-size:21px}.service-body{padding:0 15px 24px 35px;display:block}.service-body>p{font-size:11px;margin-bottom:15px}.service-tags{margin-bottom:17px}.service-tags span{font-size:8px;padding:5px 7px}.inline-cta{font-size:10px}.connection-head{display:block;margin-bottom:28px}.connection-head>div{width:100%;margin-top:25px}.connection-head p{font-size:14px;margin-bottom:15px}.tabs button{flex:1;padding:12px 5px;font-size:10px}.flow-panel{padding:20px 16px}.demo-label{font-size:6px;letter-spacing:.6px;gap:5px}.demo-label>span{font-size:7px}.flow-track{grid-template-columns:repeat(2,1fr);gap:12px;padding:15px 0 22px}.flow-node{padding:15px 12px;min-height:90px}.flow-node span{font-size:7px;margin-bottom:10px}.flow-node strong{font-size:11px}.flow-node:after{display:none}.flow-detail{grid-template-columns:1fr;gap:12px;min-height:160px}.flow-detail>span:first-child{font-size:8px}.flow-detail h3{font-size:25px}.flow-detail p{font-size:11px}.flow-star{display:none}.connection-note{font-size:8px;line-height:1.6}.manifesto{display:flex;flex-direction:column-reverse;min-height:0}.manifesto-copy{padding:65px 6% 45px}.manifesto-copy h2{font-size:57px}.manifesto-lead{font-size:20px!important}.manifesto-copy>p:not(.eyebrow){font-size:12px;max-width:480px}.manifesto-visual{min-height:480px}.manifesto-visual img{object-position:50% 56%}.visual-label{left:6%;bottom:25px;font-size:8px}.process h2{font-size:52px}.process-grid{grid-template-columns:1fr 1fr;gap:23px;margin:35px 0 42px}.process-grid h3{font-size:25px;margin:16px 0 10px}.process-grid p{font-size:10px}.process-grid article>span{font-size:7px}.contact{min-height:630px}.contact-inner{padding:60px 6% 55px}.contact .eyebrow{font-size:7px;max-width:250px;line-height:1.8}.contact h2{font-size:91px;margin-bottom:30px}.contact-art{width:900px;right:-360px;top:50px;opacity:.6}.contact:after{background:linear-gradient(90deg,#000d,transparent)}.contact .large{font-size:11px;gap:50px;padding:15px 20px}footer{padding:30px 6%;flex-wrap:wrap;gap:20px}footer p{font-size:9px;max-width:150px;text-align:right}footer>div{width:100%;justify-content:space-between;border-top:1px solid #262627;padding-top:20px}.footer-brand>span{font-size:23px}dialog{padding:30px 23px}dialog h2{font-size:52px}form{gap:16px 12px}.check-grid span{font-size:9px;padding:11px 5px}form>label{font-size:10px}input,textarea{font-size:12px}}
@media(max-width:380px){.hero-buttons{gap:13px}.hero-buttons .primary{font-size:9px;gap:9px;padding:12px 10px}.hero-buttons .text-link{font-size:8px}.hero{height:950px}.character{width:820px;top:400px;right:-155px}.art-caption{bottom:145px}.hero-trust{font-size:7px}.service h3{font-size:25px}.contact h2{font-size:81px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
html,body{overflow-x:clip}
@media(min-width:761px) and (max-width:1100px){.hero-art:after{background:linear-gradient(0deg,#000,transparent 18%),linear-gradient(90deg,#000 0%,#000e8 31%,#00080 51%,transparent 83%)}h1{font-size:102px}.art-caption{display:none}}
@media(max-width:760px){.character{right:-70px}}
@media(max-width:380px){.character{right:-65px}}
@media(max-width:760px){input,textarea{font-size:16px}}
/* Creative systems: a layered, animated artwork rather than a static street photo. */
.business-visual{background:#000;min-height:660px;isolation:isolate;perspective:900px;display:grid;place-items:center}
.business-art-wrap{position:absolute;inset:0;transform:translate3d(calc(var(--bx,0)*15px),calc(var(--by,0)*10px),0) rotateY(calc(var(--bx,0)*3deg));transition:transform .5s ease-out;z-index:1}
.business-visual .business-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;animation:business-breathe 8s ease-in-out infinite;transform-origin:50% 52%}
@keyframes business-breathe{0%,100%{transform:scale(.94) translateY(7px)}50%{transform:scale(1.035) translateY(-8px)}}
.business-orbit{position:absolute;z-index:2;border:1px solid #17cfee32;border-radius:50%;width:70%;height:34%;top:20%;transform:rotate(-20deg);animation:orbit-wobble 12s ease-in-out infinite;pointer-events:none}
.business-orbit:after{content:'';width:6px;height:6px;position:absolute;top:10%;left:14%;border-radius:50%;background:#4ae9ff;box-shadow:0 0 18px #0ccbf0}
.orbit-two{border-color:#ff31b327;width:63%;height:28%;top:36%;animation-delay:-5s;animation-direction:reverse}.orbit-two:after{background:#ff54ba;box-shadow:0 0 20px #f35bab;left:auto;right:5%;top:27%}
@keyframes orbit-wobble{0%,100%{transform:rotate(-20deg) scale(1)}50%{transform:rotate(8deg) scale(1.06)}}
.business-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.2px;border:1px solid #ffffff27;padding:12px 15px;background:#07080cba;backdrop-filter:blur(10px);border-radius:5px;animation:chip-float 6s ease-in-out infinite;pointer-events:none}.business-chip i{font-style:normal;font-size:20px;color:#45dbed}.chip-idea{left:7%;top:16%;color:#99eff8}.chip-order{right:5%;bottom:31%;animation-delay:-2s}.chip-order i{color:#fa4dbd}.chip-sales{left:7%;bottom:18%;animation-delay:-4s}.chip-sales i{color:#ffbf38}
@keyframes chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.business-visual:after{z-index:2;background:linear-gradient(0deg,#000b,transparent 18%);pointer-events:none}.business-visual .visual-label{font-size:7px;letter-spacing:1.6px;bottom:30px}.manifesto-copy strong{color:#ededed;font-weight:500}.contact-email{background:none;border-top:0;border-left:0;border-right:0;padding:0 0 4px;color:inherit}.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.required-note{display:block;font-size:8px;color:#90909b;margin-top:5px}.consent{grid-column:1/-1;display:flex!important;align-items:start;gap:9px!important;font-size:10px!important;line-height:1.6}.consent input{width:15px;height:15px;flex-shrink:0;margin-top:2px;accent-color:var(--cyan)}#submit-lead:disabled{opacity:.55;cursor:wait}.no-motion .business-art-wrap{transform:none!important}
@media(max-width:760px){.business-visual{min-height:540px}.business-art-wrap{inset:0 -3%}.business-visual .business-art{object-position:center}.business-chip{font-size:6px;letter-spacing:.8px;padding:10px 12px}.business-chip i{font-size:17px}.chip-idea{top:13%;left:5%}.chip-order{right:5%;bottom:28%}.chip-sales{left:5%;bottom:15%}.business-visual .visual-label{font-size:6px;bottom:22px;left:5%}.business-orbit{top:18%}.orbit-two{top:37%}}

/* P365: competitive positioning and a readable, high-impact type scale. */
body{font-size:18px}
h1,h2,.competitive-edge h3{font-weight:900;text-shadow:0 2px 0 #716d7540,0 5px 0 #111,0 12px 24px #0006}
.outline{-webkit-text-stroke:2px #f4f1ec;text-shadow:none}
.header nav{font-size:15px;font-weight:600;gap:25px}
.brand small{font-size:9px}.motion{font-size:12px}
.button{font-size:16px;min-height:52px;padding:15px 23px;gap:24px;white-space:normal;line-height:1.35}
.nav-cta{font-size:15px;min-height:46px;padding:11px 18px}
.eyebrow,.hero .eyebrow,.section-top .eyebrow,.contact .eyebrow,dialog .eyebrow{font-size:13px;font-weight:700;letter-spacing:1.6px}
.micro{font-size:12px;color:#b8b8c1}
.hero{height:auto;min-height:860px;max-height:none}
.hero-content{max-width:820px;padding-top:60px;padding-bottom:150px}
h1{font-size:clamp(110px,10vw,154px)}
.hero-tag{font-size:clamp(27px,2.5vw,36px);font-weight:700;line-height:1.25;max-width:620px;margin-bottom:20px;letter-spacing:-.8px}
.hero-tag strong{font-weight:700;color:var(--cyan)}
.hero-copy{font-size:18px;line-height:1.65;color:#d1cfd5;max-width:560px;margin-bottom:28px}
.hero-buttons{flex-wrap:wrap}.text-link{font-size:15px;font-weight:600}
.hero-trust{font-size:16px;color:#d0cdd4;line-height:1.6;margin-top:23px}
.hero-trust span{font-weight:700;color:var(--white)}
.hero-bottom{font-size:11px;letter-spacing:1px}
.art-caption{font-size:10px;letter-spacing:1px}
.paint-trigger{font-size:13px;padding-left:49px}.paint-trigger small{font-size:12px;color:#b9b6bf}
.ticker>div{font-size:30px;font-weight:800}
.section-heading>p,.service-body>p,.manifesto-copy>p:not(.eyebrow),.process-grid p,.flow-detail p,.contact-inner>p:not(.eyebrow){font-size:18px;line-height:1.75;color:#c5c3cd}
.section-heading>p{max-width:420px}.section-heading>p strong{font-weight:600}
.service h3{font-size:42px;font-weight:700}.service-kind{font-size:12px;line-height:1.5;letter-spacing:.6px}
.service-tags span{font-size:13px;color:#ceccd5}.inline-cta{font-size:16px;font-weight:700;line-height:1.5;padding:10px 0}
.connection-head p{font-size:23px}.tabs button{font-size:16px;padding:16px 24px}
.demo-label,.demo-label>span{font-size:12px;letter-spacing:.6px;line-height:1.5}
.flow-node span{font-size:12px}.flow-node strong{font-size:18px;font-weight:700;line-height:1.4}
.flow-detail>span:first-child{font-size:13px}.flow-detail h3{font-size:36px;font-weight:700}
.connection-note{font-size:14px;line-height:1.7;color:#b0aeba}
.manifesto-copy{padding:80px 9%}.manifesto-copy h2{font-size:clamp(56px,5.1vw,78px)}
.manifesto-lead{font-size:28px!important;font-weight:600}.manifesto-signature small{font-size:11px;line-height:1.5;letter-spacing:.7px}
.business-chip{font-size:11px;letter-spacing:.5px}.business-visual .visual-label{font-size:11px;line-height:1.6;letter-spacing:1px;right:20px}
.process h2{font-size:clamp(58px,6vw,90px)}
.process-grid h3{font-size:32px;font-weight:800;line-height:1.1}.process-grid article>span{font-size:12px;color:#c2bdce}
.competitive-edge{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:30px;padding:60px;border:1px solid #ffcd3745;border-left:5px solid var(--yellow);background:radial-gradient(ellipse at 100% 10%,#f42d9d16,transparent 65%),#11100f}
.competitive-edge:before{content:'';position:absolute;z-index:-1;width:300px;height:300px;border:1px solid #ffcd3720;border-radius:50%;right:-110px;top:-100px;box-shadow:0 0 0 60px #ffcd3704,0 0 0 120px #ffcd3704}
.competitive-edge .eyebrow{color:var(--yellow);margin-bottom:24px}
.competitive-edge h3{font-family:var(--display);font-size:clamp(66px,7.5vw,112px);line-height:.94;letter-spacing:-.02em;margin:0 0 32px}
.competitive-edge h3 span{color:var(--yellow);text-shadow:0 2px 0 #b27516,0 4px 0 #5e370c,0 8px 20px #0008}
.competitive-edge p:not(.eyebrow){font-size:19px;line-height:1.65;color:#c9c4cb;max-width:760px;margin-bottom:24px}
.competitive-edge p.edge-lead{font-size:26px;font-weight:700;color:#fff;line-height:1.35;margin-bottom:16px}
.edge-goals{display:flex;flex-wrap:wrap;gap:10px 25px;border-top:1px solid #ffffff20;padding-top:24px;margin-top:32px}
.edge-goals span{font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--yellow);line-height:1.6}
.edge-mark{text-align:center;transform:rotate(-8deg)}
.edge-mark>span{display:block;font-size:200px;line-height:1;color:var(--yellow);text-shadow:3px 4px 0 #924e16,7px 9px 0 #42221a}
.edge-mark small{display:block;font-family:var(--display);font-size:30px;line-height:1.1;font-weight:800;letter-spacing:1px}
.contact .large{font-size:18px}.email{font-size:20px;font-weight:600}
footer p{font-size:15px;line-height:1.6;max-width:320px}footer>div{font-size:12px;line-height:1.5}
dialog{width:min(680px,calc(100% - 28px))}.dialog-intro{font-size:16px;max-width:560px;line-height:1.65;color:#c6c3cf}
form>label,legend{font-size:15px;font-weight:500}input,textarea{font-size:16px;padding:13px}
.check-grid span{font-size:14px;line-height:1.4;padding:14px 9px}.required-note{font-size:13px}
.consent{font-size:14px!important}.consent input{width:19px;height:19px}.form-note{font-size:13px;line-height:1.65;color:#b3afbd}#form-status{font-size:15px}
@media(min-width:761px) and (max-width:1100px){
 .header nav{font-size:13px;gap:16px}.header-actions{gap:12px}.motion{font-size:10px}
 .hero-content{max-width:740px}.hero-buttons{flex-direction:row;align-items:center}.hero-copy{max-width:510px}
 .section-heading{align-items:start}.section-heading>p{max-width:320px}
 .process-grid{grid-template-columns:repeat(2,1fr)}
 .competitive-edge{padding:42px;grid-template-columns:minmax(0,1fr) 150px}.edge-mark>span{font-size:150px}
}
@media(max-width:760px){
 body{font-size:17px}.header-actions{gap:12px}.brand small{font-size:8px}.motion{font-size:11px;letter-spacing:.3px}
 .hero{height:auto;min-height:0;display:flex;flex-direction:column}
 .hero-content{order:1;padding:38px 6% 28px;max-width:none}
 .hero .eyebrow{font-size:11px;letter-spacing:1px;line-height:1.6;gap:8px}
 h1{font-size:clamp(86px,22vw,154px);margin-bottom:28px}
 .hero-tag{font-size:clamp(26px,6vw,34px);line-height:1.25;letter-spacing:-.7px;margin-bottom:20px}
 .hero-copy{font-size:17px;line-height:1.65;margin-bottom:26px}.hero-copy br{display:none}
 .hero-buttons{align-items:stretch;flex-direction:column;gap:20px}
 .hero-buttons .primary{font-size:17px;padding:17px 20px;gap:25px;justify-content:space-between}
 .hero-buttons .text-link{font-size:15px;max-width:none;justify-content:space-between;gap:20px}
 .hero-trust{font-size:15px;line-height:1.6;margin:24px 0 0}.hero-trust span{display:block}
 .hero-art{order:2;position:relative;inset:auto;width:100%;height:480px;flex-shrink:0}
 .character{top:-50px;right:calc(50% - 300px);width:850px}
 .hero-art:after{background:linear-gradient(0deg,#000,transparent 25%,transparent 70%,#000)}
 .art-caption{display:none}.paint-trigger{bottom:85px;font-size:12px}.paint-trigger small{font-size:11px}
 .hero-bottom{font-size:10px;height:60px;gap:25px;line-height:1.5}.hero-bottom>span{max-width:150px}
 .hero-bottom a{max-width:135px;text-align:right}.hero-bottom a span{margin-left:5px}
 .ticker>div{font-size:26px}.ticker{padding:16px 0}
 .eyebrow,.section-top .eyebrow,.contact .eyebrow,dialog .eyebrow{font-size:12px;letter-spacing:1px}
 h2{font-size:clamp(48px,12vw,70px)}.section-heading>p{max-width:none}
 .section-heading>p,.service-body>p,.manifesto-copy>p:not(.eyebrow),.process-grid p,.flow-detail p,.contact-inner>p:not(.eyebrow){font-size:17px;line-height:1.7}
 .service h3{font-size:32px;line-height:1.15}.service summary{padding:25px 0;grid-template-columns:25px minmax(0,1fr) 18px}
 .service-body{padding:0 0 25px 35px}.service-tags span{font-size:12px}.inline-cta{font-size:16px}
 .connection-head p{font-size:21px}.tabs button{font-size:15px;padding:14px 8px}
 .demo-label{font-size:10px;flex-wrap:wrap}.demo-label>span{font-size:11px;margin-left:13px}
 .flow-node span{font-size:11px;letter-spacing:.5px}.flow-node strong{font-size:16px}.flow-node{padding:17px 12px;min-width:0}
 .flow-detail h3{font-size:32px}.connection-note{font-size:13px}
 .manifesto-copy{padding:65px 6% 40px}.manifesto-copy h2{font-size:clamp(49px,12vw,68px)}.manifesto-lead{font-size:25px!important}
 .manifesto-signature small{font-size:10px}.business-chip{font-size:10px;padding:10px;letter-spacing:.3px}.business-visual .visual-label{font-size:10px;left:6%;right:6%}
 .process h2{font-size:clamp(47px,11vw,66px)}.process-grid{grid-template-columns:1fr;gap:28px;margin:38px 0 48px}
 .process-grid h3{font-size:34px;margin:16px 0 12px}.process-grid article>span{font-size:12px}
 .competitive-edge{padding:32px 24px;grid-template-columns:1fr;gap:0;border-left-width:4px}
 .competitive-edge .eyebrow{font-size:12px;margin-bottom:24px}
 .competitive-edge h3{font-size:clamp(48px,12.5vw,80px);margin-bottom:30px}
 .competitive-edge p.edge-lead{font-size:23px}.competitive-edge p:not(.eyebrow){font-size:17px}
 .edge-mark{display:none}.edge-goals{display:grid;gap:12px}.edge-goals span{font-size:12px}
 .contact h2{font-size:clamp(74px,19vw,110px)}.contact .eyebrow{max-width:340px}.contact .large{font-size:17px;gap:24px;padding:17px 20px}
 .email{font-size:19px}footer p{font-size:14px;max-width:230px;text-align:left}footer>div{font-size:11px;gap:15px}
 dialog{padding:32px 22px}dialog h2{font-size:55px}.dialog-intro{font-size:16px}
 form{grid-template-columns:1fr;gap:20px}form>label,legend{font-size:15px}.check-grid span{font-size:13px;padding:13px 7px}.form-note{font-size:12px}
}

/* Golden growth: bounded rain and a sculptural, animated computer. */
.competitive-edge{display:block;background:radial-gradient(ellipse at 95% 24%,#ad701b30,transparent 47%),radial-gradient(ellipse at 75% 75%,#ed299a0d,transparent 65%),#100e10}
.gold-rain{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.edge-copy{position:relative;z-index:3;pointer-events:none}
.edge-copy h3{max-width:62%}.edge-copy .edge-lead{max-width:72%}
.edge-copy p:not(.eyebrow){text-shadow:0 1px 8px #100e10,0 0 18px #100e10}
.edge-copy>p:not(.eyebrow),.edge-goals{max-width:78%}
.profit-scene{position:absolute;z-index:2;right:0;top:80px;width:44%;height:420px;pointer-events:none;perspective:900px}
.profit-computer{position:relative;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 15px 20px #0009)}
.profit-halo{position:absolute;width:72%;height:68%;left:17%;top:13%;background:radial-gradient(ellipse,#ffc0452d,transparent 65%);filter:blur(14px)}
.computer-float{animation:computer-hover 6s ease-in-out infinite;transform-origin:center}
.profit-bar{transform-box:fill-box;transform-origin:bottom;animation:profit-grow 4.6s ease-in-out infinite alternate}
.profit-bar:nth-child(2){animation-delay:-.4s}.profit-bar:nth-child(3){animation-delay:-.8s}.profit-bar:nth-child(4){animation-delay:-1.2s}.profit-bar:nth-child(5){animation-delay:-1.6s}
.profit-line-glow,.profit-point{animation:profit-light 3.8s ease-in-out infinite}
.profit-sparkle{animation:profit-glint 4.5s ease-in-out infinite;transform-origin:center}
.profit-orbit{position:absolute;border:1px solid #ffc93924;border-radius:50%;width:84%;height:26%;left:9%;top:68%;transform:rotate(-12deg);z-index:-1;box-shadow:0 0 20px #ffb52208}
.orbit-profit-two{width:95%;height:37%;top:59%;left:3%;border-color:#ffc93912;transform:rotate(-12deg)}
@keyframes computer-hover{0%,100%{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-12px) rotate(-.5deg)}}
@keyframes profit-grow{0%{transform:scaleY(.75)}100%{transform:scaleY(1)}}
@keyframes profit-light{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes profit-glint{0%,100%{opacity:.35}50%{opacity:1}}
.competitive-edge:not(.edge-in-view) .profit-scene *{animation-play-state:paused}
@media(min-width:761px) and (max-width:1100px){.profit-scene{top:90px;width:42%;right:-8px;height:350px}.edge-copy h3{font-size:clamp(60px,7.5vw,84px)}.edge-copy>p:not(.eyebrow),.edge-goals{max-width:90%}}
@media(max-width:760px){.competitive-edge{display:flex;flex-direction:column;padding-bottom:12px}.edge-copy h3,.edge-copy .edge-lead,.edge-copy>p:not(.eyebrow),.edge-goals{max-width:100%}.profit-scene{position:relative;width:calc(100% + 32px);height:auto;aspect-ratio:520/440;right:auto;top:auto;align-self:center;margin:24px -16px 0}.profit-computer{display:block}.edge-copy .edge-goals{margin-bottom:0}}