.brand-mark{overflow:hidden;color:inherit;background:#081422;background-clip:initial;-webkit-background-clip:initial}
.brand-mark img{width:34px;height:34px;object-fit:contain}
.hero-device-image{position:absolute;z-index:1;top:2%;left:-7%;width:114%;height:auto;object-fit:contain;filter:drop-shadow(0 30px 35px rgba(0,0,0,.4));transform:translateY(0);animation:device-float 7s ease-in-out infinite}
.visual-label{position:absolute;z-index:3;right:-3%;bottom:4%;display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:rgba(9,20,34,.86);box-shadow:0 16px 35px rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.visual-label>span{width:8px;height:8px;border:2px solid var(--cyan);border-radius:50%}.visual-label p{margin:0;color:#b8c5d5;font-size:10px;line-height:1.35}.visual-label small{display:block;color:#52647b;font-size:7px;letter-spacing:.14em}
@keyframes device-float{50%{transform:translateY(-7px)}}
.section{padding:132px 0;border-top:1px solid var(--line)}
.section h2,.final-cta h2{margin:0;font-size:clamp(2.4rem,4.7vw,4.5rem);line-height:1.08;letter-spacing:-.05em;font-weight:650}
.section h2 span,.final-cta h2 span{display:block;color:#96a6b9}
.section-intro,.work-heading,.process-heading{display:grid;grid-template-columns:1.55fr .65fr;gap:80px;align-items:end;margin-bottom:62px}
.section-intro>p,.work-heading>p,.process-heading>p{margin:0 0 8px;color:var(--muted);font-size:16px;line-height:1.8}
.solutions{background:var(--bg-2)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.service-card{position:relative;min-height:348px;padding:29px 26px 28px;background:rgba(13,27,42,.54);border-right:1px solid var(--line);transition:transform .3s,border-color .3s,background .3s}
.service-card:last-child{border-right:0}.service-card:hover{z-index:2;transform:translateY(-7px);background:#0e1d2e;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.service-card:hover:before{opacity:1}.service-card:before{content:"";position:absolute;inset:0;border:1px solid rgba(0,200,255,.42);border-radius:12px;opacity:0;pointer-events:none;transition:.3s}
.card-top{display:flex;align-items:center;justify-content:space-between;color:#52647b}.card-top span{font-size:11px;font-weight:700;letter-spacing:.15em}.card-top svg,.benefit svg{width:28px;fill:none;stroke:#5d718a;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{margin:76px 0 15px;font-size:17px;letter-spacing:.04em;text-transform:uppercase}.service-card p{margin:0;color:#8fa0b5;font-size:14px;line-height:1.8}.service-card>i{position:absolute;left:26px;right:26px;bottom:27px;height:1px;background:var(--line)}
.benefits{background:#081321}.benefits-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:start}.benefits-copy{position:sticky;top:135px}.benefits-copy>p:not(.eyebrow){margin:30px 0;color:var(--muted);font-size:16px;line-height:1.8}
.benefits-list{border-top:1px solid var(--line)}.benefit{display:grid;grid-template-columns:45px 1fr 36px;gap:22px;align-items:start;padding:33px 0;border-bottom:1px solid var(--line)}.benefit>span{color:#4f6075;font-size:11px;font-weight:700;letter-spacing:.15em}.benefit h3{margin:0 0 9px;font-size:18px;text-transform:uppercase;letter-spacing:.035em}.benefit p{margin:0;color:#8fa0b5;font-size:14px}.benefit svg{transition:.3s}.benefit:hover svg{stroke:var(--cyan);transform:translateY(-3px)}
.work{background:var(--bg)}.work-heading h2 span{display:inline;color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.projects-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.project-card{min-width:0}.project-wide{grid-row:span 2}.project-media{height:295px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0b1828}.project-wide .project-media{height:666px}.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,17,31,.44),transparent 50%);pointer-events:none}.project-media img{height:100%;width:300%;max-width:none;object-fit:cover;transition:transform .6s ease,filter .5s}.project-one img{object-position:left center;transform:translateX(0)}.project-two img{object-position:center center;transform:translateX(-33.333%)}.project-three img{object-position:right center;transform:translateX(-66.666%)}.project-card:hover .project-media img{filter:brightness(1.08)}
.project-meta{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:21px 2px 7px}.project-meta small{color:#607187;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.project-meta h3{margin:7px 0 5px;font-size:21px}.project-meta p{margin:0;color:#74859b;font-size:12px}.project-meta p i{display:inline-block;width:3px;height:3px;margin:0 7px;border-radius:50%;background:var(--cyan);vertical-align:middle}.project-meta a{padding-bottom:4px;border-bottom:1px solid var(--line);color:#bdc9d8;font-size:12px;font-weight:650;white-space:nowrap}.project-meta a:hover{border-color:var(--cyan);color:var(--cyan)}.portfolio-note{margin:55px 0 0;text-align:center;color:#596a80;font-size:13px;letter-spacing:.08em}
.featured-case{display:grid;grid-template-columns:minmax(0,3fr) minmax(330px,2fr);gap:62px;align-items:start}.case-browser{--case-viewport:700px;position:sticky;top:116px;min-width:0}.case-browser-bar{height:47px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 17px;border:1px solid rgba(148,163,184,.18);border-bottom:0;border-radius:13px 13px 0 0;background:#0c1928;color:#7f90a5}.case-browser-bar>div{display:flex;gap:6px}.case-browser-bar i{display:block;width:7px;height:7px;border-radius:50%;background:#2a3b50}.case-browser-bar i:first-child{background:rgba(0,200,255,.72)}.case-browser-bar i:last-child{background:rgba(124,58,237,.72)}.case-browser-bar span{font-size:10px;font-weight:650;letter-spacing:.08em}.case-browser-bar b{justify-self:end;width:33px;height:6px;border-radius:4px;background:#17273a}.case-browser-screen{height:var(--case-viewport);overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:0 0 13px 13px;background:#07111f;box-shadow:0 28px 70px rgba(0,0,0,.3)}.case-browser-screen:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.case-browser-screen img{display:block;width:100%;height:auto;transform:translateY(0);transition:transform 1.2s ease-out;will-change:transform}.case-browser:hover .case-browser-screen img,.case-browser:focus-within .case-browser-screen img{transform:translateY(calc(-100% + var(--case-viewport)));transition-duration:26s;transition-timing-function:linear}.case-browser-hint{display:flex;align-items:center;gap:8px;margin:13px 0 0;color:#56677d;font-size:10px;letter-spacing:.08em}.case-browser-hint span{color:var(--cyan)}
.case-content{padding-top:6px}.case-sector{margin:0 0 8px;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.case-content>h3{margin:0;font-size:clamp(2.5rem,4vw,4.1rem);line-height:1;letter-spacing:-.05em;text-transform:uppercase}.case-tags{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 34px}.case-tags span,.case-deliverables span{padding:7px 10px;border:1px solid rgba(148,163,184,.16);border-radius:5px;background:rgba(255,255,255,.015);color:#8999ad;font-size:9px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.case-story{border-top:1px solid var(--line)}.case-story section{display:grid;grid-template-columns:31px 1fr;gap:17px;padding:25px 0;border-bottom:1px solid var(--line)}.case-story section>span{padding-top:3px;color:#4f6075;font-size:10px;font-weight:700;letter-spacing:.13em}.case-story h4{margin:0 0 9px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.case-story p{margin:0;color:#8798ad;font-size:13px;line-height:1.75}.case-deliverables{margin-top:30px}.case-deliverables>p{margin:0 0 13px;color:#64758b;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.case-deliverables>div{display:flex;flex-wrap:wrap;gap:7px}.case-deliverables span{color:#78899f}.case-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.case-actions .button{min-height:48px;padding-inline:19px}
.process{background:var(--bg-2)}.process-heading{margin-bottom:72px}.process-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.process-steps:before{content:"";position:absolute;top:24px;left:2%;right:2%;height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet),rgba(217,70,239,.4));opacity:.52}.process-steps li{position:relative;padding-right:34px}.process-steps li>span{position:relative;z-index:1;display:grid;place-items:center;width:49px;height:49px;background:#0a1625;border:1px solid #27405d;border-radius:50%;color:#bfcee0;font-size:11px;font-weight:700;letter-spacing:.1em}.process-steps li:nth-child(2)>span,.process-steps li:nth-child(3)>span{border-color:rgba(22,119,255,.55)}.process-steps li:nth-child(4)>span{border-color:rgba(217,70,239,.46)}.process-steps h3{margin:31px 0 10px;font-size:15px;letter-spacing:.06em;text-transform:uppercase}.process-steps p{margin:0;color:#8495aa;font-size:14px;line-height:1.75}
.about{overflow:hidden;background:#07111f}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:130px;align-items:center}.about-visual{position:relative;min-height:520px;display:grid;place-items:center}.about-visual:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(148,163,184,.09);border-radius:50%;box-shadow:0 0 0 58px rgba(148,163,184,.025),0 0 80px rgba(22,119,255,.05)}.about-frame{position:relative;width:280px;height:280px;border:1px solid rgba(0,200,255,.16);background:linear-gradient(145deg,#0c1c2d,#07111f);display:grid;place-items:center;transform:rotate(45deg);box-shadow:0 30px 70px rgba(0,0,0,.3)}.about-frame span{color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text;font-size:150px;font-weight:800;line-height:1;transform:rotate(-45deg)}.about-frame i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.about-frame i:nth-of-type(1){top:-3px;left:50%}.about-frame i:nth-of-type(2){right:-3px;bottom:25%}.about-frame i:nth-of-type(3){bottom:-3px;left:23%;background:var(--magenta);box-shadow:0 0 14px var(--magenta)}.about-visual>p{position:absolute;bottom:1px;left:0;margin:0;color:#5d6d82;font-size:11px;letter-spacing:.19em;line-height:1.8}.about-copy h2 span{display:inline;color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.about-text{margin-top:37px;padding-left:28px;border-left:1px solid rgba(0,200,255,.2)}.about-text p{margin:0 0 18px;color:#91a1b5;font-size:15px;line-height:1.85}
.about-frame>img{width:82%;height:82%;object-fit:contain;transform:rotate(-45deg)}
.final-cta{padding:70px 0;background:#07111f}.cta-shell{position:relative;isolation:isolate;overflow:hidden;min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px;border:1px solid rgba(148,163,184,.16);border-radius:18px;text-align:center;background:radial-gradient(circle at 50% 115%,rgba(22,119,255,.15),transparent 48%),#0a1625}.cta-shell:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(0,200,255,.02),transparent 35%,rgba(217,70,239,.025))}.cta-shell .eyebrow{justify-content:center}.cta-shell h2{max-width:780px}.cta-shell h2 span{color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.cta-shell>p:not(.eyebrow){max-width:660px;margin:25px 0 0;color:#93a3b7;font-size:16px}.cta-watermark{position:absolute;z-index:-1;color:rgba(255,255,255,.012);font-size:420px;font-weight:800;line-height:1;right:-20px;bottom:-150px}
.contact{background:#081321}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:105px}.contact-copy h2 span{display:inline;color:#9dadc0}.contact-copy>p:not(.eyebrow){margin:25px 0 35px;color:#8fa0b5;line-height:1.8}.contact-channels{display:grid;border-top:1px solid var(--line)}.contact-channels a{display:grid;grid-template-columns:1fr 1.15fr auto;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.contact-channels span{font-size:13px;font-weight:700}.contact-channels .channel-name{display:flex;align-items:center;gap:11px}.channel-name img{width:24px;height:24px;flex:0 0 24px;object-fit:contain}.contact-channels small{color:#718197;font-size:11px}.contact-channels b{font-weight:400;color:#52647b;transition:.2s}.contact-channels a:hover b{color:var(--cyan);transform:translate(2px,-2px)}.contact-form{padding:36px;border:1px solid var(--line);border-radius:14px;background:#0b1827}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:9px;margin-bottom:19px;color:#aebacc;font-size:12px;font-weight:650}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(148,163,184,.16);border-radius:7px;outline:0;background:#091421;color:#eaf0f8;padding:14px 15px;font-size:14px;transition:.2s}.contact-form textarea{min-height:128px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#506077}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(0,200,255,.55);box-shadow:0 0 0 3px rgba(0,200,255,.06)}.submit-button{width:100%;border:0;background:var(--gradient);color:#fff;cursor:pointer}.form-note{margin:13px 0 0;text-align:center;color:#596b81;font-size:11px}.form-status{min-height:23px;margin:8px 0 0;color:#8ee8ff;text-align:center;font-size:12px}
.site-footer{padding:78px 0 24px;border-top:1px solid var(--line);background:#050c15}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:65px}.footer-brand p{max-width:270px;margin:22px 0 0;color:#66768b;font-size:13px}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:10px}.footer-grid h2{margin:0 0 12px;color:#7f8fa3;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.footer-grid>div:not(.footer-brand) a{color:#a5b2c2;font-size:13px}.footer-grid>div:not(.footer-brand) a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;margin-top:66px;padding-top:23px;border-top:1px solid var(--line);color:#4f5f72;font-size:11px}.footer-bottom p{margin:0}.footer-bottom a:hover{color:#aab7c7}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.services-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.benefits-layout,.about-layout,.contact-layout{gap:65px}.projects-grid{grid-template-columns:1fr 1fr}.project-wide{grid-column:1/-1;grid-row:auto}.project-wide .project-media{height:500px}.about-layout{grid-template-columns:1fr 1fr}.about-frame{width:230px;height:230px}.about-frame span{font-size:120px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:35px}}
@media(max-width:800px){.section{padding:96px 0}.section-intro,.work-heading,.process-heading{grid-template-columns:1fr;gap:22px;margin-bottom:48px}.section-intro>p,.work-heading>p,.process-heading>p{max-width:600px}.benefits-layout,.about-layout,.contact-layout{grid-template-columns:1fr}.benefits-copy{position:static}.benefits-list{margin-top:15px}.projects-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project-wide .project-media,.project-media{height:440px}.process-steps{grid-template-columns:1fr;gap:0}.process-steps:before{top:0;bottom:0;left:24px;right:auto;width:1px;height:auto;background:linear-gradient(var(--cyan),var(--blue),var(--violet),rgba(217,70,239,.4))}.process-steps li{display:grid;grid-template-columns:50px 1fr;column-gap:22px;padding:0 0 44px}.process-steps li>span{grid-row:1/4}.process-steps h3{margin:2px 0 8px}.about-visual{min-height:420px}.about-visual>p{left:24px}.contact-copy>p:not(.eyebrow){max-width:620px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.footer-brand{grid-row:span 2}}
@media(max-width:560px){.section{padding:78px 0}.section h2,.final-cta h2{font-size:clamp(2.35rem,11vw,3.2rem)}.services-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(2){min-height:300px;border-right:0;border-bottom:1px solid var(--line)}.service-card:last-child{border-bottom:0}.service-card h3{margin-top:55px}.section-cta{justify-content:flex-start;flex-direction:column;gap:6px}.benefit{grid-template-columns:32px 1fr}.benefit svg{display:none}.project-media,.project-wide .project-media{height:330px}.project-meta{align-items:start}.project-meta a{font-size:0}.project-meta a span{font-size:16px}.about-visual{min-height:350px}.about-visual:before{width:285px;height:285px}.about-frame{width:185px;height:185px}.about-frame span{font-size:95px}.about-visual>p{font-size:9px}.cta-shell{min-height:520px;padding:55px 22px}.cta-shell .hero-actions{width:100%}.contact-layout{gap:50px}.contact-form{padding:24px 18px}.form-row{grid-template-columns:1fr;gap:0}.contact-channels a{grid-template-columns:1fr auto}.contact-channels small{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:42px 25px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;gap:25px}.footer-bottom p{max-width:220px}.reveal{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
@media(max-width:560px){.hero-device-image{top:4%;left:-4%;width:112%}.visual-label{right:1%;bottom:2%;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.hero-device-image{animation:none}}
@media(max-width:1000px){.featured-case{gap:42px}.case-browser{--case-viewport:600px}.case-story p{font-size:12px}.case-actions{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:800px){.featured-case{grid-template-columns:1fr;gap:52px}.case-browser{--case-viewport:560px;position:relative;top:auto}.case-content{max-width:680px}}
@media(max-width:560px){.case-browser{--case-viewport:420px}.case-browser-bar{height:42px;padding-inline:12px}.case-browser-bar span{font-size:9px}.case-content>h3{font-size:2.65rem}.case-story section{grid-template-columns:26px 1fr;gap:11px}.case-story p{font-size:13px}.case-actions{margin-top:29px}.case-actions .button{width:100%}}
@media(hover:none){.case-browser-screen{overflow-y:auto;overscroll-behavior:contain}.case-browser-screen img{transform:none!important;transition:none!important}.case-browser-hint{display:none}}
@media(prefers-reduced-motion:reduce){.case-browser-screen{overflow-y:auto;overscroll-behavior:contain}.case-browser-screen img{transform:none!important;transition:none!important}.case-browser-hint{display:none}}
@media(max-width:800px){.featured-case{gap:42px}.case-browser-hint{display:none}.benefits-layout{gap:38px}.benefits-list{margin-top:0}.about-layout{gap:46px}.contact-layout{gap:44px}}
@media(max-width:560px){.section{padding:70px 0}.section-intro,.work-heading,.process-heading{gap:18px;margin-bottom:40px}.service-card,.service-card:nth-child(2){min-height:258px;padding:25px 23px}.service-card h3{margin:42px 0 12px}.service-card p{line-height:1.7}.service-card>i{left:23px;right:23px;bottom:24px}.benefit{padding:31px 0}.process-steps li{padding-bottom:38px}.process-steps li:last-child{padding-bottom:0}.about-visual{min-height:330px}.about-text{margin-top:31px;padding-left:22px}.cta-shell{min-height:470px;padding:48px 20px}.cta-shell>p:not(.eyebrow){font-size:15px;line-height:1.75}.contact-form{padding:22px 17px}.case-content>h3{font-size:clamp(2.25rem,12vw,2.65rem)}.footer-bottom{flex-direction:column;gap:12px}}
@media(max-width:560px){.contact-channels a{grid-template-columns:1fr auto;row-gap:3px}.contact-channels span{grid-column:1;grid-row:1}.contact-channels b{grid-column:2;grid-row:1}.contact-channels small{display:block;grid-column:1/-1;grid-row:2;overflow-wrap:anywhere}.footer-email{overflow-wrap:anywhere}}