.kloud-future{--ink:#111d3b;--paper:#f3f8f8;background:#111d3b}.kloud-future .container{width:min(1240px,100% - 64px)}.kloud-future .site-header{-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);background:#111d3be0;border-bottom:1px solid #f3f8f810;height:78px}.kloud-future .site-header.scrolled{background:#111d3bf5;height:68px}.kloud-future .site-header nav{gap:22px}.kloud-future .site-header nav a{letter-spacing:0;font-size:14px}.kloud-future .header-cta{border-radius:40px;font-size:14px}.kloud-future .logo-secondary .brand-logo{width:124px}.kloud-future .hero{isolation:isolate;background:radial-gradient(at 50% 48%,#0236ab 0%,#111d3b 75%);min-height:0;padding-top:144px}.future-hero-heading{text-align:center;z-index:2;position:relative}.kloud-future .future-hero-heading .eyebrow{color:#81c2ff;letter-spacing:.21em;justify-content:center;margin-bottom:27px;font-size:13px}.kloud-future .future-hero-heading h1{letter-spacing:-.055em;max-width:none;margin:0;font-size:clamp(54px,6.9vw,100px);font-weight:700;line-height:1.04}.kloud-future .future-hero-heading h1 em{color:#81c2ff;background:linear-gradient(100deg,#f3f8f8 18%,#81c2ff 53%,#0236ab 85%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.future-hero-heading>p{color:#f3f8f8cc;margin:26px auto;font-size:19px;line-height:1.65}.kloud-future .hero-actions{justify-content:center;align-items:center;gap:28px}.kloud-future .button{border-radius:40px;min-height:54px;padding:0 27px;font-size:15px;font-weight:600}.kloud-future .button.primary{color:#111d3b;background:#81c2ff;box-shadow:inset 0 1px 1px #f3f8f880,0 5px 25px #0236ab20}.kloud-future .button.primary:hover{background:#81c2ff;transform:translateY(-2px);box-shadow:0 8px 40px #0236ab40}.future-text-link{color:#81c2ff;align-items:center;gap:10px;padding:12px 0;font-size:15px;display:inline-flex}.future-text-link:hover{color:#f3f8f8}.sculpture-stage{width:min(100%,980px);height:clamp(340px,40vw,500px);margin:-2px auto 0;position:relative}.sculpture-canvas{z-index:1;position:absolute;inset:0}.sculpture-canvas canvas{width:100%;height:100%;display:block}.sculpture-light{pointer-events:none;background:radial-gradient(#0236ab34,#0000 67%);position:absolute;inset:12% 8% 0}.sculpture-fallback{object-fit:contain;filter:drop-shadow(0 15px 35px #0236ab55);width:65%;height:90%;position:absolute;top:0;left:17.5%}.sculpture-hidden{opacity:0}.sculpture-caption{text-align:center;letter-spacing:.19em;color:#f3f8f8cc;pointer-events:none;font-size:12px;position:absolute;bottom:21px;left:0;right:0}.sculpture-pause{z-index:2;color:#f3f8f8cc;cursor:pointer;background:#111d3baa;border:1px solid #f3f8f820;border-radius:30px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:inline-flex;position:absolute;bottom:55px;right:30px}.kloud-future .companies-wrap{margin-top:10px;padding:34px 0 40px}.kloud-future .companies-wrap>p{color:#f3f8f8cc;letter-spacing:.12em;font-size:12px}.kloud-future .client-card{box-shadow:none;border-radius:13px}.kloud-future .section{padding:130px 0}.kloud-future .section-heading h2,.kloud-future .difference-copy h2,.kloud-future .contact h2{letter-spacing:-.045em;font-size:clamp(36px,4.4vw,64px);line-height:1.1}.kloud-future .eyebrow{font-size:12px}.kloud-future .stats{background:#f3f8f8;border:0}.kloud-future .stats-grid{min-height:205px}.kloud-future .method{background:#f3f8f8}.kloud-future .method-card{background:#f3f8f8;border:0;border-radius:28px;min-height:420px;padding:34px;box-shadow:0 12px 40px #111d3b05}.kloud-future .method-card.active{background:#f3f8f8;box-shadow:0 12px 40px #111d3b05}.kloud-future .method-card:hover{box-shadow:0 25px 65px #111d3b12}.kloud-future .method-card h3{font-size:25px}.kloud-future .method-card p{color:#111d3bcc;font-size:16px}.kloud-future .card-label{font-size:12px;left:34px}.kloud-future .services{background:#111d3b}.kloud-future .services-glow,.kloud-future .portfolio-glow,.kloud-future .websites-glow,.kloud-future .home-blog-glow,.kloud-future .contact-lines{display:none}.kloud-future .services-heading p{color:#f3f8f8cc;font-size:17px}.kloud-future .services-grid{border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;overflow:visible}.kloud-future .service-card{background:linear-gradient(130deg,#0236ab66,#111d3b);border:1px solid #f3f8f80d;border-radius:28px;min-height:320px;padding:38px;transition:transform .35s,border-color .35s}.kloud-future .service-card:hover{border-color:#81c2ff55;transform:perspective(1000px)rotateX(2deg)translateY(-5px)}.kloud-future .service-card h3{font-size:28px}.kloud-future .service-card p{color:#f3f8f8cc;max-width:430px;font-size:16px;line-height:1.7}.kloud-future .service-link{cursor:pointer;color:#81c2ff;background:0 0;border:0;padding:0;font-size:12px}.kloud-future .service-number,.kloud-future .services-note{color:#f3f8f8cc;font-size:14px}.kloud-future .portfolio{background:#111d3b;padding-top:40px}.kloud-future .portfolio:before,.kloud-future .websites:before,.kloud-future .home-blog:before{display:none}.kloud-future .portfolio-heading>p{color:#f3f8f8cc;font-size:16px}.kloud-future .portfolio-project{box-shadow:none;background:linear-gradient(135deg,#0236ab55,#111d3b);border:1px solid #f3f8f812;border-radius:30px}.kloud-future .portfolio-project:before{display:none}.kloud-future .project-description{color:#f3f8f8cc;font-size:16px}.kloud-future .websites{background:#f3f8f8}.kloud-future .website-card{background:#f3f8f8;border:0;border-radius:26px;box-shadow:0 12px 40px #111d3b07}.kloud-future .websites-heading>p,.kloud-future .website-card p{font-size:16px}.kloud-future .home-blog{background:#111d3b}.kloud-future .home-blog-heading>div:last-child>p{color:#f3f8f8cc;font-size:16px}.kloud-future .home-blog-heading>div:last-child>a,.kloud-future .home-blog-card-copy>a{color:#81c2ff;font-size:14px}.kloud-future .home-blog-card{background:#0236ab33;border-radius:26px}.kloud-future .home-blog-card-copy>div{color:#f3f8f8cc;letter-spacing:0;flex-wrap:wrap;font-size:12px}.kloud-future .home-blog-card-copy h3{font-size:23px;line-height:1.3}.kloud-future .difference{background:#f3f8f8}.kloud-future .difference-copy>p{font-size:17px}.kloud-future .difference-copy li strong{font-size:16px}.kloud-future .difference-copy li small{font-size:14px}.kloud-future .contact{background:radial-gradient(at 0 100%,#0236ab,#0000 65%),#111d3b}.kloud-future .contact-copy>p{color:#f3f8f8cc;font-size:17px}.kloud-future .contact-points span{font-size:14px}.kloud-future .contact-form{box-shadow:none;background:#f3f8f806;border-radius:28px;padding:36px}.kloud-future .booking-card p{color:#f3f8f8cc;font-size:16px}.kloud-future .privacy{color:#f3f8f8cc;font-size:12px;line-height:1.5}.kloud-future footer{background:#111d3b;border-top:1px solid #f3f8f812}.kloud-future .footer-links a{font-size:14px}.kloud-future :is(a,button):focus-visible{outline-offset:5px;outline:2px solid #81c2ff}@media (min-width:1101px){.future-hero-heading{animation:1s cubic-bezier(.2,.7,.2,1) both future-enter}}@keyframes future-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (max-width:1100px){.kloud-future .site-header nav{gap:15px}.kloud-future .header-cta{display:none}.kloud-future .section{padding:90px 0}.kloud-future .portfolio-heading,.kloud-future .websites-heading,.kloud-future .home-blog-heading{gap:35px}}@media (max-width:760px){.kloud-future .container{width:calc(100% - 36px)}.kloud-future .site-header,.kloud-future .site-header.scrolled{height:68px}.kloud-future .site-header nav{background:#111d3b}.kloud-future .hero{padding-top:118px}.kloud-future .future-hero-heading h1{font-size:clamp(43px,10vw,68px)}.future-hero-heading>p{margin:22px auto;font-size:16px}.kloud-future .hero-actions{flex-direction:column;gap:8px}.sculpture-stage{height:330px;margin-top:0}.sculpture-caption{letter-spacing:.12em;font-size:10px;bottom:12px}.sculpture-pause{padding:8px 12px;bottom:38px;right:18px}.kloud-future .companies-wrap{margin-top:16px}.kloud-future .companies-wrap>p{font-size:11px}.kloud-future .section{padding:74px 0}.kloud-future .services-grid{grid-template-columns:1fr}.kloud-future .service-card{min-height:310px;padding:28px}.kloud-future .method-card{min-height:410px;padding:28px}.kloud-future .portfolio-heading,.kloud-future .websites-heading,.kloud-future .home-blog-heading{grid-template-columns:1fr;gap:24px}.kloud-future .contact-form{padding:25px}.kloud-future .section-heading h2,.kloud-future .difference-copy h2,.kloud-future .contact h2{font-size:36px}}@media (prefers-reduced-motion:reduce){.kloud-future *,.kloud-future :before,.kloud-future :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.kloud-future .motion-reveal{opacity:1!important;transform:none!important}.sculpture-pause{display:none}}.kloud-future{--ink-2:#111d3b;--ink-3:#111d3b;--muted:#81c2ff;--white:#f3f8f8;color:#111d3b}.kloud-future .hero,.kloud-future .services,.kloud-future .portfolio,.kloud-future .home-blog,.kloud-future .contact,.kloud-future footer{color:#f3f8f8}.kloud-future .site-header nav a,.kloud-future .footer-links a,.kloud-future .footer-main p,.kloud-future .footer-bottom{color:#f3f8f8cc}.kloud-future .stat strong,.kloud-future .difference-copy li strong{color:#111d3b}.kloud-future .stat p,.kloud-future .intro-stat,.kloud-future .split-heading>p,.kloud-future .websites-heading>p,.kloud-future .website-card p,.kloud-future .difference-copy>p,.kloud-future .difference-copy li small{color:#111d3bcc}.kloud-future .method-card,.kloud-future .method-card.active{background:#f3f8f8;border:1px solid #81c2ff88}.kloud-future .method-card:hover{border-color:#0236ab}.kloud-future .website-card{border:1px solid #81c2ff88}.kloud-future .website-preview,.kloud-future .home-blog-image{background:#111d3b}.kloud-future .case-number,.kloud-future .project-tags span,.kloud-future .portfolio-modal-top small,.kloud-future .portfolio-modal-controls>span{color:#81c2ff}.kloud-future .portfolio-modal,.kloud-future .booking-modal{background:#111d3bee}.kloud-future .portfolio-modal-panel,.kloud-future .booking-modal-panel{color:#f3f8f8;background:#111d3b;box-shadow:0 30px 100px #0236ab44}.kloud-future .portfolio-modal-image{background:#111d3b}.kloud-future .portfolio-item-shade{background:linear-gradient(#0000 35%,#111d3be6)}.kloud-future .core-logo{background:#0236ab;box-shadow:0 20px 70px #0236ab33}.kloud-future .orbit{border-color:#81c2ff}.kloud-future .orbit-label{color:#0236ab;background:#f3f8f8}.kloud-future .client-card-blue,.kloud-future .client-card-blue:hover{background:#0236ab}.kloud-future .client-card-white,.kloud-future .client-card-warm,.kloud-future .client-card-ice{background:#f3f8f8}.kloud-future .form-top>span,.kloud-future .form-top small,.kloud-future .contact-points span{color:#f3f8f8}.kloud-future .hero{padding-top:0;overflow:clip}.hero-scroll-track{min-height:175svh}.hero-composition{grid-template-columns:1.03fr 1fr;align-items:center;gap:12px;max-width:1440px;height:100svh;min-height:680px;margin:auto;padding:125px 50px 85px;display:grid;position:sticky;top:0}.kloud-future .future-hero-heading{text-align:left;width:100%;transform:translateY(calc(var(--hero-progress,0) * -32px));animation:none}.kloud-future .future-hero-heading .eyebrow{justify-content:flex-start}.kloud-future .future-hero-heading h1{transform-origin:0;scale:calc(1 - var(--hero-progress,0) * .055);font-size:clamp(54px,5.8vw,84px)}.kloud-future .future-hero-heading p{margin-left:0}.kloud-future .hero-actions{justify-content:flex-start;gap:16px 24px}.hero-composition .sculpture-stage{width:100%;height:min(540px,64svh);margin:0}.sculpture-canvas{touch-action:pan-y;cursor:grab;outline-offset:-6px;border-radius:30px}.sculpture-canvas:active{cursor:grabbing}.sculpture-canvas:focus-visible{outline:2px solid #81c2ff}.sculpture-pause{bottom:48px;right:12px}.hero-scroll-cue{color:#f3f8f8cc;letter-spacing:.025em;border-top:1px solid #81c2ff44;justify-content:space-between;align-items:center;padding-top:20px;font-size:13px;display:flex;position:absolute;bottom:34px;left:50px;right:50px}.hero-scroll-cue i{color:#81c2ff;font-size:24px;font-style:normal;animation:2.6s ease-in-out infinite scroll-invite}@keyframes scroll-invite{0%,to{translate:0 -3px}50%{translate:0 4px}}.kloud-future .companies-wrap{margin-top:0}.reading-progress{width:100%;height:3px;transform:scaleX(var(--page-progress,0));transform-origin:0;z-index:60;pointer-events:none;background:#81c2ff;position:fixed;top:0;left:0}.motion-toggle{z-index:45;color:#f3f8f8;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#111d3bee;border:1px solid #81c2ff66;border-radius:30px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:22px;left:22px}.motion-toggle span{color:#81c2ff;font-size:16px}.method-story{grid-template-columns:1fr .8fr;align-items:start;gap:100px;display:grid}.story-stage{flex-direction:column;justify-content:center;min-height:420px;display:flex;position:sticky;top:max(115px,50svh - 200px)}.story-overline{letter-spacing:.16em;color:#0236ab;font-size:12px;font-weight:700}.story-word-stack{height:285px;margin:15px 0 0;position:relative}.story-word{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;transition:opacity .55s,transform .7s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0;transform:translateY(32px)scale(.94)}.story-word.chapter-active{opacity:1;transform:none}.story-big-number{color:#81c2ff;letter-spacing:-.07em;font-family:Magistral,sans-serif;font-size:150px;line-height:1}.story-word strong{letter-spacing:-.045em;color:#0236ab;font-family:Magistral,sans-serif;font-size:clamp(44px,5.6vw,80px);line-height:1.2}.story-rail{gap:16px;margin-top:20px;display:flex}.story-rail>span{color:#111d3b;letter-spacing:.045em;flex:1;font-size:12px}.story-rail i{background:#81c2ff66;height:3px;margin-bottom:14px;display:block;position:relative;overflow:hidden}.story-rail i:after{content:"";transform-origin:0;background:#0236ab;transition:transform .65s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scaleX(0)}.story-rail .rail-active i:after{transform:scaleX(1)}.story-stage-note{color:#111d3bcc;margin-top:28px;font-size:14px;line-height:1.6}.story-chapter{border-bottom:1px solid #81c2ff88;flex-direction:column;justify-content:center;min-height:65svh;padding:90px 0;scroll-margin-top:90px;display:flex}.story-chapter:last-child{border-bottom:0}.story-chapter-meta{letter-spacing:.1em;color:#0236ab;justify-content:space-between;gap:20px;margin-bottom:28px;font-size:12px;display:flex}.story-chapter h3{color:#111d3b;letter-spacing:-.035em;margin:0;font-size:clamp(28px,3.3vw,44px);font-weight:700;line-height:1.12;transition:color .5s,translate .5s}.story-chapter.chapter-active h3{color:#0236ab;translate:6px}.story-chapter p{color:#111d3bcc;margin:24px 0 30px;font-size:17px;line-height:1.8}.story-chapter a{color:#0236ab;align-items:center;gap:14px;width:fit-content;padding:12px 0;font-size:14px;display:inline-flex}.story-chapter a span{transition:translate .25s}.story-chapter a:hover span{translate:0 4px}.kloud-future .site-header nav a{padding:8px 0;position:relative}.kloud-future .site-header nav a:after{content:"";transform-origin:0;background:#81c2ff;width:100%;height:1px;transition:transform .28s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.kloud-future .site-header nav a:hover:after{transform:scaleX(1)}.kloud-future .site-header nav a:focus-visible:after{transform:scaleX(1)}.kloud-future :is(.button,.header-cta,.future-text-link,.service-link) svg{transition:transform .3s cubic-bezier(.2,.7,.2,1)}.kloud-future :is(.button,.header-cta,.future-text-link,.service-link):hover svg{transform:translate(3px,-2px)}.kloud-future :is(.button,.header-cta):active{scale:.97}.kloud-future .service-card{padding-bottom:85px}.kloud-future :is(.service-card,.website-card,.home-blog-card){transition:transform .4s,border-color .4s,box-shadow .4s,rotate .3s;position:relative}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.kloud-future:not(.motion-paused) :is(.service-card,.website-card,.home-blog-card):hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);box-shadow:0 22px 55px #0236ab22}.kloud-future .service-card:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#81c2ff18,transparent 55%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.kloud-future .service-card:hover:after{opacity:1}}@media (max-width:1000px){.hero-composition{gap:0;padding-left:28px;padding-right:28px}.kloud-future .future-hero-heading h1{font-size:60px}.hero-scroll-cue{left:28px;right:28px}.method-story{gap:40px}.story-word strong{font-size:52px}}@media (max-width:760px),(max-height:600px){.hero-scroll-track{min-height:0}.hero-composition{flex-direction:column;height:auto;min-height:0;padding:115px 18px 95px;display:flex;position:relative}.kloud-future .future-hero-heading{text-align:center;transform:none}.kloud-future .future-hero-heading .eyebrow{justify-content:center}.kloud-future .future-hero-heading h1{font-size:clamp(44px,9vw,66px);scale:1}.kloud-future .hero-actions{justify-content:center}.hero-composition .sculpture-stage{max-width:500px;height:330px}.hero-scroll-cue{font-size:12px;bottom:28px;left:20px;right:20px}.method-story{grid-template-columns:1fr;gap:20px}.story-stage{min-height:0;position:relative;top:0}.story-overline,.story-word-stack,.story-stage-note{display:none}.story-rail{margin-top:0}.story-chapter{min-height:0;padding:55px 0}.story-chapter h3{font-size:34px}.motion-toggle{padding:10px 12px;bottom:17px;left:12px}}.kloud-future.motion-paused *,.kloud-future.motion-paused :before,.kloud-future.motion-paused :after{transition:none!important;animation:none!important}.kloud-future.motion-paused :is(.future-hero-heading,.future-hero-heading h1,.service-card,.website-card,.home-blog-card,.motion-reveal,.story-chapter h3){filter:none;opacity:1;translate:none;scale:1;transform:none!important}.kloud-future.motion-paused .hero-scroll-track{min-height:0}.kloud-future.motion-paused .hero-composition{position:relative}.kloud-future.motion-paused .sculpture-pause{display:none}@media (prefers-reduced-motion:reduce){.hero-scroll-track{min-height:0}.hero-composition{position:relative}.kloud-future .future-hero-heading,.kloud-future .story-chapter h3{transform:translate(0,0)}.kloud-future .future-hero-heading h1{scale:1}}