 :root{--bg:#060b14;--panel:#0b1423;--panel2:#0e1a2c;--text:#f4f7fc;--muted:#9caac0;--blue:#1677ff;--cyan:#16c9f5;--line:rgba(160,185,220,.16);--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6}a{color:inherit;text-decoration:none}.announcement{padding:9px 5.5%;background:#0b1422;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.16em;color:#c2d0e5;display:flex;align-items:center;gap:9px}.pulse{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.announcement-right{margin-left:auto;color:#72849d}.site-header{height:88px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(6,11,20,.9);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(140deg,#12c8f4,#0755dc);border-radius:10px}.brand-mark svg{width:34px;fill:none;stroke:#061326;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:700 21px var(--display);letter-spacing:.06em}.brand-copy small{font-size:9px;letter-spacing:.27em;margin-top:6px;color:#a8bad2}.nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#b8c4d7}.nav a:hover,.text-link:hover{color:white}.nav-cta{border:1px solid rgba(22,119,255,.6);padding:11px 17px;border-radius:5px;color:white!important;background:rgba(22,119,255,.1)}.nav-cta span{color:var(--cyan);margin-left:12px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.section-wrap{padding-left:8%;padding-right:8%}.hero{min-height:650px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;padding-top:70px;padding-bottom:58px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(80,126,185,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(80,126,185,.055) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,black,transparent 90%);pointer-events:none}.hero-content{position:relative;z-index:2;padding-bottom:30px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.19em;color:#91a7c6;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:29px;height:2px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(42px,5.2vw,72px);margin:24px 0}.gradient-text{background:linear-gradient(95deg,#22c6f3,#3481ff 65%,#8d9fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:470px;color:#9cabc0;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 19px;border-radius:5px;font-size:13px;font-weight:700;transition:.2s}.button-primary{background:linear-gradient(100deg,#0875f9,#1259d8);box-shadow:0 9px 35px rgba(0,92,255,.2)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 38px #0865f944}.text-link{font-size:13px;color:#d4deeb}.text-link span{color:var(--cyan);margin-left:8px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:52px}.proof-icon{width:38px;height:38px;border:1px solid #1d4778;border-radius:50%;display:grid;place-items:center;color:var(--cyan)}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:10px;color:#7f90a9;margin-top:3px}.hero-art{height:470px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(29,151,255,.3);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:370px;height:370px}.orbit-two{width:290px;height:410px;border-color:rgba(19,204,245,.28);transform:rotate(42deg)}.orbit-three{width:430px;height:230px;transform:rotate(28deg);border-color:rgba(69,111,255,.3)}.core{height:185px;width:185px;border-radius:50%;border:1px solid #287de7;background:radial-gradient(circle at 35% 25%,#1d76ba,#0b1b36 62%,#07101f);box-shadow:0 0 75px #0878ff35,inset 0 0 35px #1687f32b;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.core-logo{font:700 78px var(--display);line-height:1;letter-spacing:-.1em}.core-logo span{color:var(--cyan)}.core-label{font-size:9px;letter-spacing:.25em;text-align:center;color:#9eb9dc;margin-top:10px}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #294263;background:rgba(9,21,39,.94);box-shadow:0 12px 40px #0005;border-radius:8px}.float-card strong,.float-card small{display:block}.float-card strong{font-size:11px}.float-card small{font-size:9px;color:#8ea1bd}.float-card i{font-style:normal;color:var(--cyan);margin-left:9px}.mini-icon{width:32px;height:32px;display:grid;place-items:center;background:#0e3260;color:var(--cyan);border-radius:6px;font-size:18px}.card-web{top:83px;left:0}.card-growth{right:0;bottom:95px}.art-caption{position:absolute;bottom:24px;font-size:9px;letter-spacing:.22em;color:#7e92b0}.art-caption span{color:var(--cyan);padding:0 7px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:.18em;color:#667a96;border-top:1px solid var(--line);padding-top:22px}.bottom-line{height:1px;background:var(--line);flex:1}.intro,.work,.services,.process{padding-top:110px;padding-bottom:110px}.intro{border-top:1px solid var(--line);background:linear-gradient(180deg,#08101d,#060b14)}.intro-content{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;margin-top:25px}.intro h2,.section-heading h2,.process h2{font-size:clamp(34px,4vw,53px);margin:0}.muted{color:#66758d}.intro-text p,.section-heading>p{font-size:14px;color:#98a8bf;line-height:1.9}.intro-text p{margin:0 0 22px}.underlined-link{font-size:12px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #2a5d99}.underlined-link span{color:var(--cyan);margin-left:15px}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border:1px solid var(--line)}.value-strip>div{padding:25px 27px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.value-strip>div:last-child{border:0}.value-number{font:600 12px var(--display);color:var(--cyan);margin-bottom:20px}.value-strip strong{font-size:13px}.value-strip small{color:#8292a9;font-size:11px;margin-top:6px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-heading h2{margin-top:18px}.section-heading>p{max-width:300px;margin-bottom:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 25px}.project-large{grid-row:span 1}.project-wide{grid-column:1/-1}.project-visual{height:290px;display:block;position:relative;overflow:hidden;border:1px solid #25354d;border-radius:8px;background:#101b2b;transition:.3s}.project-large .project-visual{height:330px}.project-wide .project-visual{height:330px}.project-visual:hover{border-color:#2779d5;transform:translateY(-3px)}.browser-bar{height:27px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#e5eaf0;position:relative;z-index:1}.browser-bar>span{width:5px;height:5px;border-radius:50%;background:#8995a6}.browser-bar i{font-style:normal;font-size:7px;color:#738095;margin-left:8px;background:#f7f8fa;border-radius:3px;padding:3px 35px}.mock-medical,.food-copy,.fresh-copy,.meat-copy,.gym-copy{height:calc(100% - 27px);position:relative;overflow:hidden}.visual-medical{background:#f1f7fc}.mock-nav{background:white;color:#123c63;padding:12px 16px;font-size:11px;font-weight:700}.mock-nav b{color:#1a9ac7}.mock-nav small{float:right;font-size:7px;color:#52677b}.medical-copy{padding:33px 24px;color:#123653;display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;z-index:1}.medical-copy small,.food-copy small,.fresh-copy small,.meat-copy small,.gym-copy small{font-size:8px;letter-spacing:.15em;font-weight:700}.medical-copy strong{font:700 32px/1.05 var(--display)}.mock-button,.fresh-pill,.food-pill,.meat-pill,.gym-pill{font-size:8px;padding:9px 12px;border-radius:3px;background:#0877ba;color:white;font-weight:700;margin-top:5px}.medical-cross{position:absolute;right:12%;top:14%;font-size:220px;font-weight:700;color:#d9ecf8;line-height:1}.visual-food{background:#1c0d0b}.food-copy{padding:38px 27px;color:#fff4e5;background:radial-gradient(circle at 80% 48%,#6c2c13,#2a100b 42%,#150b0a)}.food-copy strong{font:700 34px/1.04 var(--display);display:block;margin-top:12px;position:relative;z-index:1}.food-copy em{color:#ffb33f;font-style:normal}.food-burger{position:absolute;font-size:90px;right:7%;top:18%;filter:drop-shadow(0 14px 12px #0008)}.food-pill{display:inline-block;background:#f7a928;color:#25130a;margin-top:23px}.visual-fresh{background:#eaf4df}.fresh-copy{padding:35px 27px;color:#244b2d;background:radial-gradient(circle at 80% 75%,#c5e3a4,transparent 40%),#eff8e9}.fresh-copy strong{font:700 34px/1.05 var(--display);display:block;margin-top:12px}.fresh-copy em{font-style:normal;color:#529344}.produce{font-size:35px;position:absolute;right:8%;top:28%;filter:drop-shadow(0 7px 5px #426a2a20)}.fresh-pill{display:inline-block;background:#397e39;margin-top:23px}.visual-meat{background:#210d12}.meat-copy{padding:36px 27px;color:#fff0e8;background:radial-gradient(circle at 80% 50%,#6e1d2c,#260e16 50%,#170a0e)}.meat-copy strong{font:700 33px/1.05 var(--display);display:block;margin-top:12px}.meat-copy em{font-style:normal;color:#ff7787}.meat-stamp{position:absolute;right:10%;top:25%;width:90px;height:90px;border:1px solid #d94c61;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:700;color:#ff8493;transform:rotate(12deg)}.meat-pill{display:inline-block;background:#c52f47;margin-top:23px}.visual-gym{background:#0c0e11}.gym-copy{padding:42px 36px;color:white;background:linear-gradient(110deg,#111416 0%,#191d20 60%,#292d2d)}.gym-copy strong{display:block;font:700 clamp(35px,5vw,58px)/.95 var(--display);letter-spacing:-.05em;margin-top:12px;position:relative;z-index:1}.gym-copy em{font-style:normal;color:#c3f23e}.gym-pill{display:inline-block;background:#c3f23e;color:#151a0d;margin-top:25px}.gym-mark{position:absolute;right:9%;top:3%;font:700 200px/.9 var(--display);color:#ffffff09;letter-spacing:-.12em}.open-demo{position:absolute;bottom:12px;right:12px;font-size:8px;letter-spacing:.1em;color:white;background:#07101ddd;padding:8px 10px;border-radius:3px}.project-meta{display:flex;justify-content:space-between;align-items:start;margin-top:18px}.project-type{font-size:9px;letter-spacing:.16em;color:var(--cyan)}.project-meta h3{font:600 23px var(--display);margin:6px 0 0}.project-number{font:500 13px var(--display);color:#60718a}.project-card>p{font-size:12px;color:#8697af;line-height:1.7;margin:10px 0 0;max-width:480px}.portfolio-note{font-size:10px;color:#687c96;margin-top:27px}.services{background:#080f1b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:60px 1fr 35px;gap:15px;align-items:center;padding:25px 10px;border-bottom:1px solid var(--line);transition:.2s}.service-row:hover{background:#0b1728}.service-index{font:500 12px var(--display);color:var(--cyan)}.service-row h3{font:600 20px var(--display);margin:0 0 6px}.service-row p{font-size:12px;color:#8798af;margin:0}.service-icon{font-size:21px;color:#7288a7}.process h2{margin-top:20px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.process-grid>div{padding:22px 18px;border-top:1px solid #2863a3;background:linear-gradient(180deg,#0b1727,transparent)}.process-grid>div>span{font:600 12px var(--display);color:var(--cyan)}.process-grid h3{font:600 18px var(--display);margin:25px 0 8px}.process-grid p{font-size:12px;line-height:1.8;color:#8798af;margin:0}.contact{padding-top:40px;padding-bottom:90px}.contact-panel{position:relative;overflow:hidden;padding:65px 7%;border:1px solid #244c7e;border-radius:10px;background:linear-gradient(115deg,#0b1c34,#0b1423 70%)}.contact-orb{position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid #1465ad55;right:-70px;top:-110px;box-shadow:0 0 0 35px #1065b00b,0 0 0 75px #1065b008}.contact-panel>*:not(.contact-orb){position:relative}.contact-panel h2{font-size:clamp(38px,5vw,61px);margin:20px 0}.contact-panel>p{max-width:480px;font-size:13px;line-height:1.9;color:#9bacc3}.contact-actions{display:flex;gap:12px;margin-top:25px}.button-outline{border:1px solid #3b5270;background:#0b1423}.button-outline:hover{border-color:var(--cyan)}.contact-details{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 3px;color:#b6c4d7;font-size:12px}.contact-details div{display:flex;flex-direction:column;gap:5px}.contact-details small{font-size:8px;letter-spacing:.14em;color:#7d91ad}.contact-details strong{font-size:14px;color:white}.contact-details a:hover{color:var(--cyan)}.contact-details>span{color:#7d91ad}.footer{padding-top:25px;padding-bottom:25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8191a9;font-size:10px}.footer-brand .brand-mark{width:32px;height:32px;border-radius:7px}.footer-brand .brand-mark svg{width:26px}.footer-brand .brand-copy strong{font-size:15px}.footer-brand .brand-copy small{font-size:7px}.footer>a:hover{color:white}
@media(max-width:900px){.section-wrap{padding-left:6%;padding-right:6%}.nav{gap:18px}.hero{grid-template-columns:1fr .8fr}.hero-art{transform:scale(.85);margin:0 -35px}.hero h1{font-size:clamp(42px,6vw,62px)}.project-visual{height:250px}.project-large .project-visual,.project-wide .project-visual{height:285px}.contact-details{justify-content:flex-start}.contact-details>*{min-width:40%}}
@media(max-width:680px){.announcement{font-size:8px;letter-spacing:.1em}.announcement-right{display:none}.site-header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 6% 25px;background:#08111f;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid var(--line)}.nav .nav-cta{margin-top:12px;text-align:center;border:1px solid #1e64b4;padding:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:65px;padding-bottom:35px}.hero-content{padding-bottom:0}.hero h1{font-size:clamp(43px,12vw,61px)}.hero-copy{font-size:14px}.hero-proof{margin-top:35px}.hero-art{height:330px;transform:scale(.85);margin:-5px 0 -10px}.orbit-one{width:290px;height:290px}.orbit-two{width:220px;height:320px}.orbit-three{width:330px;height:190px}.core{width:145px;height:145px}.core-logo{font-size:60px}.card-web{left:-6px;top:45px}.card-growth{right:-8px;bottom:55px}.float-card{padding:9px}.float-card strong{font-size:10px}.float-card small{font-size:8px}.mini-icon{width:27px;height:27px}.hero-bottom{font-size:7px;gap:10px}.intro,.work,.services,.process{padding-top:75px;padding-bottom:75px}.intro-content,.section-heading{display:block}.intro-content{margin-top:22px}.intro h2,.section-heading h2,.process h2{font-size:36px}.intro-text{margin-top:25px}.value-strip{grid-template-columns:1fr;margin-top:42px}.value-strip>div{border-right:0;border-bottom:1px solid var(--line);padding:20px}.value-strip>div:last-child{border-bottom:0}.value-number{margin-bottom:9px}.section-heading>p{margin-top:22px}.project-grid{grid-template-columns:1fr;gap:32px}.project-wide{grid-column:auto}.project-visual,.project-large .project-visual,.project-wide .project-visual{height:270px}.project-meta h3{font-size:21px}.medical-copy strong,.food-copy strong,.fresh-copy strong,.meat-copy strong{font-size:30px}.gym-copy strong{font-size:45px}.gym-mark{font-size:150px}.service-row{grid-template-columns:30px 1fr 20px;gap:10px;padding:22px 2px}.service-row h3{font-size:17px}.service-row p{font-size:11px}.process-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.process-grid>div{padding:18px 13px}.process-grid h3{font-size:16px}.contact{padding-bottom:55px}.contact-panel{padding:42px 23px}.contact-panel h2{font-size:39px}.contact-actions{flex-direction:column;align-items:stretch}.contact-details{gap:20px}.contact-details>*{min-width:100%}.footer{flex-wrap:wrap}.footer>span{display:none}.footer small{width:100%;order:3}.browser-bar i{padding:3px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
