:root{color-scheme:light;--bg: #f7fafc;--bg-deep: #0d1a24;--surface: #ffffff;--surface-soft: #edf6fa;--text: #10202b;--text-soft: #52636e;--text-on-dark: #f2f7f9;--line: #d7e1e7;--accent: #168fc4;--accent-strong: #0876a6;--accent-soft: #dff3fb;--action: #0876a6;--shadow: 0 24px 70px rgba(34, 78, 101, .14);--radius-card: 18px;--radius-control: 12px;--radius-pill: 999px;--max-width: 1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 10% 2%,rgba(22,143,196,.08),transparent 27rem),linear-gradient(180deg,#fbfdfe 0%,var(--bg) 32rem);color:var(--text);font-family:Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:100;pointer-events:none;content:"";opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}img{display:block;height:auto;max-width:100%}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;top:12px;left:12px;z-index:200;padding:10px 16px;border-radius:var(--radius-control);background:var(--text);color:var(--bg);text-decoration:none;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.section-shell{width:min(calc(100% - 48px),var(--max-width));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transition:border-color .22s ease,box-shadow .22s ease}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 12px 30px color-mix(in srgb,var(--bg-deep) 8%,transparent)}.nav-shell{display:flex;width:min(calc(100% - 48px),var(--max-width));min-height:72px;margin-inline:auto;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;flex:none;width:174px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.site-nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,34px)}.site-nav>a:not(.nav-cta){position:relative;color:var(--text-soft);font-size:14px;font-weight:650;text-decoration:none;transition:color .18s ease}.site-nav>a:not(.nav-cta):after{position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:var(--radius-pill);background:var(--accent-strong);content:"";opacity:0;transform:scaleX(.35);transition:opacity .18s ease,transform .18s ease}.site-nav>a:not(.nav-cta).is-active{color:var(--text)}.site-nav>a:not(.nav-cta).is-active:after{opacity:1;transform:scaleX(1)}.site-nav>a:not(.nav-cta):hover{color:var(--text)}.nav-cta{padding:10px 17px;border-radius:var(--radius-pill);background:var(--text);color:var(--bg);font-size:14px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .18s ease,background-color .18s ease}.nav-cta:hover{background:var(--accent-strong);color:#f7fbfd;transform:translateY(-1px)}.icon-button{display:grid;width:40px;height:40px;padding:0;place-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer}.icon-button i{font-size:20px}.icon-button:active{transform:scale(.98)}.button:active{--press: .98}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;display:grid;min-height:calc(100dvh - 72px);padding-block:clamp(36px,5vh,52px);grid-template-columns:minmax(0,1fr) minmax(500px,1fr);align-items:center;gap:clamp(40px,5vw,72px)}.hero-network{position:absolute;inset-block:0;left:50%;z-index:-1;width:100vw;height:100%;pointer-events:none;transform:translate(-50%);mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%)}.hero-copy,.hero-media{position:relative;z-index:1}.eyebrow{margin:0 0 22px;color:var(--accent-strong);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1,.section-heading h2,.method-intro h2,.about-statement h2,.contact-copy h2{margin:0;font-size:clamp(42px,5.1vw,72px);font-weight:650;letter-spacing:-.055em;line-height:1.02}.hero h1{max-width:690px;font-size:clamp(44px,4.6vw,60px)}.hero-lede{max-width:560px;margin:28px 0 0;color:var(--text-soft);font-size:clamp(18px,1.5vw,21px);line-height:1.55}.hero-actions{display:flex;margin-top:34px;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:52px;padding:0 22px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:750;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transform:translate3d(var(--mag-x, 0),calc(var(--mag-y, 0) + var(--lift, 0px)),0) scale(var(--press, 1));transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease,border-color .18s ease}.button-primary{background:var(--action);color:#f7fbfd}.button-primary:hover{background:var(--text);--lift: -2px}.button-secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.button-secondary:hover{border-color:var(--text-soft);--lift: -2px}.hero-media{margin:0;perspective:1200px}.image-frame{position:relative;overflow:hidden;border-radius:var(--radius-card);box-shadow:var(--shadow);transform:perspective(1200px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.image-frame:before{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 35%),rgba(255,255,255,.3),transparent 32%);content:"";opacity:var(--shine-opacity, 0);transition:opacity .26s ease}.image-frame:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);border-radius:inherit;pointer-events:none;content:""}.image-frame img{width:100%;aspect-ratio:1.24 / 1;object-fit:cover;object-position:64% center;transform:scale(1.025) translate3d(var(--photo-x, 0px),var(--photo-y, 0px),0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.hero-media:hover .image-frame img{transform:scale(1.045) translate3d(var(--photo-x, 0px),var(--photo-y, 0px),0)}.hero-media figcaption{display:flex;margin-top:14px;justify-content:space-between;gap:20px;color:var(--text-soft);font-size:13px}@media(prefers-reduced-motion:no-preference){.hero .eyebrow,.hero h1,.hero-lede,.hero-actions{animation:hero-copy-enter .76s cubic-bezier(.16,1,.3,1) both}.hero .eyebrow{animation-delay:.1s}.hero h1{animation-delay:.21s}.hero-lede{animation-delay:.35s}.hero-actions{animation-delay:.5s}.hero-media{animation:hero-media-enter .92s cubic-bezier(.16,1,.3,1) .33s both}.hero-media figcaption{animation:hero-caption-enter .62s cubic-bezier(.16,1,.3,1) .76s both}}@keyframes hero-copy-enter{0%{opacity:.01;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hero-media-enter{0%{opacity:.01;transform:translate3d(34px,0,0) scale(.975)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes hero-caption-enter{0%{opacity:.01;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.client-strip{overflow:hidden;padding:38px 0 44px;border-block:1px solid var(--line)}.client-strip h2{margin:0 0 26px;color:var(--text-soft);font-size:13px;font-weight:700;letter-spacing:.01em}.logo-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.logo-track{display:flex;width:max-content;animation:logo-scroll 72s linear infinite}.logo-set{display:flex;align-items:center;gap:32px;padding-right:32px}.logo-set img{width:236px;height:140px;padding:16px 28px;border-radius:var(--radius-control);background:#fff;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .18s ease,opacity .18s ease}.logo-set img:hover{filter:none;opacity:1}@keyframes logo-scroll{to{transform:translate(-50%)}}.services{padding-block:clamp(96px,12vw,160px)}.section-heading{max-width:760px;margin-bottom:56px}.section-heading h2,.method-intro h2,.about-statement h2,.contact-copy h2{font-size:clamp(38px,4.4vw,62px)}.section-heading p,.method-intro>p,.about-content>p{max-width:620px;margin:24px 0 0;color:var(--text-soft);font-size:18px}.services-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.service-card{position:relative;overflow:hidden;display:flex;min-height:290px;padding:clamp(26px,3vw,38px);grid-column:span 4;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s ease}.service-card:after{position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--spot-x, 50%) var(--spot-y, 50%),rgba(22,143,196,.13),transparent 68%);content:"";opacity:0;transition:opacity .22s ease}.service-card:hover:after{opacity:1}.service-card>*{position:relative;z-index:1}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.service-card>i{font-size:32px}.service-card h3{margin:0 0 10px;font-size:clamp(23px,2vw,30px);letter-spacing:-.035em;line-height:1.1}.service-card p{margin:0;color:var(--text-soft);line-height:1.55}.service-card a{display:inline-flex;width:max-content;align-items:center;gap:8px;color:inherit;font-weight:750;text-decoration:none}.service-card-main{position:relative;overflow:hidden;min-height:440px;grid-column:span 7;grid-row:span 2;border-color:transparent;background-color:var(--action);background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:42px 42px;color:#f7fbfd}.service-card-main:before{position:absolute;right:-90px;bottom:-110px;width:320px;height:320px;border:70px solid rgba(255,255,255,.08);border-radius:50%;content:""}.service-card-main>i{font-size:48px}.service-card-main h3{max-width:560px;font-size:clamp(36px,4vw,56px)}.service-card-main p{max-width:510px;color:#f7fbfdd1}.service-card-dark{grid-column:span 5;border-color:#c7e4f0;background:linear-gradient(145deg,#e8f6fb,#f8fcfd);color:var(--text)}.service-card-dark p{color:var(--text-soft)}.service-card-tint{background:var(--accent-soft)}.service-card-hosting{grid-column:span 5;background:linear-gradient(145deg,var(--surface),var(--surface-soft))}.method{border-block:1px solid var(--line);background:radial-gradient(circle at 82% 14%,rgba(22,143,196,.11),transparent 28rem),var(--surface-soft);color:var(--text)}.method-shell{display:grid;padding-block:clamp(96px,12vw,150px);grid-template-columns:.82fr 1.18fr;gap:clamp(60px,9vw,140px)}.method-intro{position:sticky;top:130px;height:max-content}.method-intro>p{color:var(--text-soft)}.method-list{display:grid;margin:0;padding:0;gap:0;list-style:none}.method-list li{display:grid;padding:34px 0;grid-template-columns:54px 1fr;gap:24px;border-bottom:1px solid var(--line)}.method-list li:first-child{padding-top:0}.method-list li:last-child{border-bottom:0}.method-list i{color:var(--accent);font-size:30px}.method-list h3{margin:0 0 8px;font-size:26px;letter-spacing:-.03em}.method-list p{margin:0;color:var(--text-soft)}.about{display:grid;padding-block:clamp(104px,13vw,172px);grid-template-columns:.95fr 1.05fr;gap:clamp(64px,10vw,150px)}.about-statement>p,.contact-label{margin:0 0 24px;color:var(--accent-strong);font-weight:750}.about-content>p{margin-top:0}.value-grid{display:grid;margin-top:54px;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.value-grid div{display:grid;gap:7px}.value-grid strong{font-size:17px}.value-grid span{color:var(--text-soft);font-size:14px}.contact{display:grid;margin-bottom:clamp(80px,10vw,140px);padding:clamp(34px,5vw,64px);grid-template-columns:.95fr 1.05fr;gap:clamp(54px,8vw,110px);border-radius:var(--radius-card);background:var(--surface-soft)}.contact-copy h2{font-size:clamp(36px,4vw,54px)}.contact-details{display:grid;margin-top:44px;gap:15px}.contact-details a{display:flex;width:max-content;max-width:100%;align-items:center;gap:12px;color:var(--text-soft);text-decoration:none}.contact-details a:hover{color:var(--text)}.contact-details i{flex:none;color:var(--accent-strong);font-size:22px}.contact-form{display:grid;padding:clamp(24px,4vw,42px);gap:22px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:8px}.field label{color:var(--text);font-size:14px;font-weight:750}.field label span{color:var(--text-soft);font-weight:500}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg);color:var(--text);outline:0;transition:border-color .18s ease,box-shadow .18s ease}.field input{height:50px;padding:0 14px}.field textarea{min-height:124px;padding:13px 14px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.field-error{display:none;color:#b42438;font-size:13px}.field.is-invalid .field-error{display:block}.field.is-invalid input,.field.is-invalid textarea{border-color:#b42438}.form-helper,.form-status{margin:-5px 0 0;color:var(--text-soft);font-size:13px}.contact-form .button{width:max-content}.site-footer{padding-block:64px 34px;border-top:1px solid var(--line)}.footer-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.brand-footer{width:160px}.footer-shell>p{max-width:480px;margin:7px 0 0;color:var(--text-soft)}.footer-meta{display:flex;grid-column:1 / -1;padding-top:28px;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--text-soft);font-size:13px}.footer-meta a{text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal[data-delay="1"]{transition-delay:90ms}.reveal[data-delay="2"]{transition-delay:.18s}.reveal[data-delay="3"]{transition-delay:.27s}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:980px){.hero{min-height:auto;padding-block:72px 96px;grid-template-columns:1fr;gap:54px}.hero-copy{max-width:720px}.hero-media{width:88%;margin-left:auto}.image-frame img{aspect-ratio:16 / 10}.service-card,.service-card-dark,.service-card-hosting{grid-column:span 6}.service-card-main{min-height:390px;grid-column:1 / -1;grid-row:auto}.method-shell,.about,.contact{grid-template-columns:1fr}.method-intro{position:static;max-width:720px}.about{gap:58px}.about-statement{max-width:760px}}@media(max-width:820px){.nav-shell{min-height:68px}.menu-toggle{display:grid}.site-nav{position:absolute;top:calc(100% + 1px);right:24px;left:24px;display:none;padding:20px;flex-direction:column;align-items:stretch;gap:6px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav>a:not(.nav-cta){padding:10px 6px;font-size:16px}.nav-cta{margin-top:8px;padding:15px 17px;text-align:center}}@media(max-width:700px){.section-shell,.nav-shell{width:min(calc(100% - 32px),var(--max-width))}.brand{width:150px}.hero{padding-block:54px 76px}.hero h1{font-size:clamp(42px,13.2vw,58px)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button,.hero-media{width:100%}.hero-media figcaption{flex-direction:column;gap:2px}.logo-set{gap:20px;padding-right:20px}.logo-set img{width:184px;height:108px;padding:12px 22px}.services{padding-block:90px}.section-heading{margin-bottom:38px}.services-grid{grid-template-columns:1fr}.service-card,.service-card-dark,.service-card-hosting,.service-card-main{min-height:270px;grid-column:auto}.service-card-main{min-height:370px}.method-shell{padding-block:90px;gap:60px}.method-list li{grid-template-columns:42px 1fr;gap:18px}.about{padding-block:94px}.value-grid,.field-row,.footer-shell{grid-template-columns:1fr}.contact{width:calc(100% - 24px);margin-bottom:80px;padding:22px;gap:46px}.contact-form{padding:20px}.contact-form .button{width:100%}.footer-meta{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(prefers-reduced-transparency:reduce){.site-header{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}