@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/sora-500.woff2) format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sora-600.woff2) format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/sora-700.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/figtree-400.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/figtree-500.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/figtree-600.woff2) format('woff2')}
body{margin:0;background:#0A1424;font-family:'Figtree',system-ui,sans-serif;color:#C5D2E0}
a{color:#51ABE4;text-decoration:none}
a:hover{color:#8CCBF2}
h1,h2,h3{font-family:'Sora',system-ui,sans-serif;color:#fff;margin:0}
p{margin:0}
#top h1{font-size:clamp(40px,6vw,76px) !important}
#top p{font-size:clamp(18px,1.75vw,22px) !important}
@media (max-width:1239px){
.hc{width:44vw !important;height:auto !important;aspect-ratio:620 / 470}
.hc>div:nth-child(1){width:80.65% !important}
.hc>div:nth-child(2){top:35.74% !important;width:51.61% !important}
.hc>div:nth-child(3){top:61.7% !important;right:5.8% !important;width:54.84% !important}
}
@media (min-width:901px) and (max-width:1239px){#top p{max-width:min(560px,42vw) !important}#top h1{max-width:46vw}#top{min-height:0 !important}#top>div[style*="padding:84px 24px 96px"]{align-items:flex-start !important;padding:22px 24px 72px !important;flex-grow:0 !important}}
@media (max-width:900px){.hc{position:relative !important;top:auto !important;right:auto !important;order:3;align-self:center;width:min(620px,calc(100% - 48px)) !important;margin:8px auto 40px !important}}
@media (max-width:700px){
div[style*="padding:40px;"],div[style*="padding:44px;"],div[style*="padding:36px;"]{padding:26px 22px !important}
div[style*="padding:56px 48px"]{padding:34px 24px !important}
h2[style*="font-size:38px"]{font-size:32px !important}
a[style*="max-width:calc(33.333%"]{max-width:100% !important;min-width:0 !important}
.hi{width:100% !important}
.hv{background:linear-gradient(180deg,rgba(10,20,36,0.86),rgba(10,20,36,0.8) 60%,rgba(10,20,36,0.6)) !important}
img[src*="video-editing-hero"]{object-position:60% 30% !important}
img[src*="video-editing-hero"]+.hv{background:linear-gradient(180deg,rgba(10,20,36,0.7),rgba(10,20,36,0.5) 55%,rgba(10,20,36,0.4)) !important}
img[src*="website-design-hero"]{object-position:72% top !important}
img[src*="website-design-hero"]+.hv{background:linear-gradient(180deg,rgba(10,20,36,0.62),rgba(10,20,36,0.42) 55%,rgba(10,20,36,0.35)) !important}
}
.tvp{position:relative}
.tcs{display:flex;gap:24px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 0 26px;margin:0}
.tcs::-webkit-scrollbar{display:none}
.tc{flex:0 0 calc((100% - 48px) / 3);min-width:0;scroll-snap-align:start}
.tnav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:-6px}
.tb{width:48px;height:48px;border-radius:50%;border:1px solid #2A4577;background:#101E36;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}
.tb:hover{background:#16294A;border-color:#51ABE4}
.tb:focus-visible,.td:focus-visible{outline:2px solid #51ABE4;outline-offset:3px}
.tdots{display:flex;gap:4px;align-items:center}
.td{width:24px;height:24px;border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.td::after{content:"";width:10px;height:10px;border-radius:50%;background:#2A4577;transition:background .2s,transform .2s}
.td[aria-current="true"]::after{background:#F68715;transform:scale(1.2)}
@media (max-width:900px){.tc{flex:0 0 100% !important}}
@media (prefers-reduced-motion:reduce){.tcs{scroll-behavior:auto}}
ul{margin:0}
h1,h2,h3,h4{font-family:'Sora',system-ui,sans-serif;color:#fff;margin:0}
input,select,textarea{font-family:inherit;font-size:18px;color:#fff;background:#0A1424;border:1px solid #2A4577;border-radius:8px;padding:14px 16px;width:100%;box-sizing:border-box;outline:none}
input:focus,select:focus,textarea:focus{border-color:#51ABE4}
label{font-size:17px;font-weight:600;color:#E6EDF5}
.opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #2A4577;border-radius:10px;background:#0A1424;font-size:18px;color:#fff;cursor:pointer}
.opt input{width:20px;height:20px;padding:0;accent-color:#F68715;flex:0 0 auto}
.opt:has(input:checked){border-color:#51ABE4;background:rgba(56,113,193,0.18)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details{interpolate-size:allow-keywords}
details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .55s cubic-bezier(.65,0,.35,1),opacity .45s cubic-bezier(.65,0,.35,1),content-visibility .55s allow-discrete}
details[open]::details-content{block-size:auto;opacity:1}
@media (prefers-reduced-motion:reduce){details::details-content{transition:none}}
details .plus{flex:0 0 auto;width:34px;height:34px;box-sizing:border-box;border:2px solid #F68715;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;padding-bottom:3px;transition:transform .3s,background .15s}
details[open] .plus{transform:rotate(45deg);background:#F68715;color:#100F0D !important}
summary:hover .plus{background:rgba(246,135,21,0.18)}
details[open] summary:hover .plus{background:#F68715}
.br{display:none !important}
form:has(#c-video:checked) .b-video{display:flex !important}
form:has(#c-web:checked) .b-web{display:flex !important}
form:has(#c-other:checked) .b-other{display:flex !important}
h2[style*="font-size:44px"]{font-size:34px !important}
@media (max-width:1100px){
div[style*="min-height:600px;box-sizing:border-box;overflow:hidden"],div[style*="min-height:560px;box-sizing:border-box;overflow:hidden"],div[style*="min-height:520px;box-sizing:border-box;overflow:hidden"]{min-height:0 !important}
div[style*="padding:96px 24px 120px"],div[style*="padding:80px 24px 100px"]{padding-top:56px !important;padding-bottom:64px !important}
}
@media (max-width:900px){
#top{min-height:0 !important}
#top>div[style*="padding:84px 24px 96px"]{padding-top:56px !important;padding-bottom:8px !important}
}
#video>div:first-child>a:last-child{margin-top:auto}
@media (min-width:621px) and (max-width:1000px){
#about{gap:40px !important;flex-wrap:nowrap !important;align-items:center}
#about>div:first-child{flex:1 1 0 !important}
#about>div:last-child{flex:0 0 260px !important;min-width:0 !important}
}
@media (max-width:1100px){
div[style*="border-top:3px solid #1D3157;padding:48px 0"]>div:first-child{flex:1 1 100% !important}
div[style*="border-top:3px solid #1D3157;padding:48px 0"]>div:last-child{flex:1 1 100% !important}
div[style*="flex:1 1 280px;max-width:340px"]{flex:1 1 calc(50% - 12px) !important;max-width:calc(50% - 12px) !important;min-width:0 !important}
}
@media (max-width:560px){
div[style*="flex:1 1 280px;max-width:340px"]{flex:1 1 100% !important;max-width:100% !important}
}
@media (min-width:561px) and (max-width:1000px){
div[style*="flex:0 1 calc(33.333% - 16px);min-width:280px"]{flex:1 1 calc(50% - 12px) !important;max-width:calc(50% - 12px) !important;min-width:0 !important}
}
@media (max-width:560px){
div[style*="flex:0 1 calc(33.333% - 16px);min-width:280px"]{flex:1 1 100% !important;max-width:100% !important;min-width:0 !important}
}
@media (min-width:860px) and (max-width:1100px){
div[style*="flex:1 1 320px;min-width:0;box-sizing:border-box;background:#101E36"]{flex:1 1 0 !important;padding:28px 22px !important}
}
@media (max-width:859px){
div[style*="flex:1 1 320px;min-width:0;box-sizing:border-box;background:#101E36"]{flex:1 1 100% !important}
}
form[data-form="project"],form[data-form="care"]{align-self:flex-start;margin-left:max(0px,calc((100% - 1240px) / 2))}
.tcs{transition:height .3s ease}
@media (min-width:700px) and (max-width:1100px){
#websites>div:last-child>div{flex:1 1 0 !important}
}
@media (max-width:900px){
.ftr-in{flex-direction:column;justify-content:center;text-align:center;gap:20px}
.ftr-links{justify-content:center}
}
@media (max-width:900px){ .c9{text-align:center !important;margin-left:auto !important;margin-right:auto !important} }
@media (max-width:900px){
#faq{justify-content:flex-end !important;padding-bottom:44px;min-height:480px !important}
#faq>img.hi{width:100% !important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 6%,#000 70%,transparent 96%) !important;mask-image:linear-gradient(180deg,transparent 0%,#000 6%,#000 70%,transparent 96%) !important;-webkit-mask-composite:source-over !important;mask-composite:add !important;filter:brightness(1.7) contrast(1.05) !important}
#faq>.hv{background:linear-gradient(180deg,rgba(10,20,36,0),rgba(10,20,36,0) 55%,rgba(10,20,36,0.55)) !important}
}
@media (min-width:561px) and (max-width:1055px){ a[style*="flex:1 1 320px;max-width:calc(33.333% - 16px)"]{max-width:calc(50% - 12px) !important} }
html{-webkit-text-size-adjust:100%}
img{max-width:100%}
.btn{display:inline-block;background:#F68715;color:#100F0D;font-family:inherit;font-weight:600;font-size:17px;line-height:1.3;padding:16px 32px;border:0;border-radius:8px;cursor:pointer;text-decoration:none}
.btn:hover{background:#FFA13D;color:#100F0D}
.btn:focus-visible,.nav a:focus-visible,.ftr a:focus-visible,.vplay:focus-visible,summary:focus-visible{outline:2px solid #51ABE4;outline-offset:3px}
.btn[disabled]{cursor:default}
.skip{position:absolute;left:-9999px;top:8px;background:#F68715;color:#100F0D;padding:10px 16px;border-radius:6px;z-index:100;font-weight:600}
.skip:focus{left:8px}
.hdr{position:relative;z-index:20;width:100%;max-width:1240px;box-sizing:border-box;padding:28px 24px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.hdr-logo{display:block}
.hdr-logo img{height:52px;width:auto;display:block}
.nav{display:flex;flex-wrap:wrap;gap:6px 28px;align-items:center;font-size:16px;font-weight:500}
.nav a{color:#E6EDF5}
.nav a:hover{color:#8CCBF2}
.nav a[aria-current="page"]{color:#51ABE4}
.nav-toggle{display:none;width:48px;height:48px;border-radius:10px;border:0;background:rgba(16,30,54,0.85);cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
.hdr[data-open] .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hdr[data-open] .nav-toggle span:nth-child(2){opacity:0}
.hdr[data-open] .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){
.hdr{flex-wrap:wrap}
.nav-toggle{display:flex}
.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(10,20,36,0.97);border:1px solid #1D3157;border-radius:12px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,0.5)}
.hdr[data-open] .nav{display:flex}
.nav a{padding:14px 16px;font-size:18px;border-radius:8px}
.nav a:hover{background:#101E36}
}
.ftr{width:100%;max-width:1240px;box-sizing:border-box;padding:88px 24px 40px;margin-top:auto}
.ftr-in{border-top:3px solid #1D3157;padding-top:32px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.ftr-in img{height:40px;width:auto;display:block}
.ftr-links{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px}
.ftr-copy{font-size:14px;color:#8FA3BC}
.vplay:hover .vplay-dot,.vplay:focus-visible .vplay-dot{background:rgba(246,135,21,0.9);border-color:#F68715}
.hp{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important}
.form-status{font-size:18px;line-height:1.5;min-height:1.5em}
select{appearance:auto}
@media (max-width:700px){.btn{padding:15px 26px}}
.chip{padding:11px 18px;border-radius:999px;border:1px solid #2A4577;background:transparent;font-family:inherit;font-size:15px;font-weight:600;color:#E6EDF5;cursor:pointer;min-height:44px}
.chip:hover{border-color:#51ABE4}
.chip[aria-pressed="true"]{border-color:#51ABE4;background:rgba(56,113,193,0.25)}
.chip:focus-visible{outline:2px solid #51ABE4;outline-offset:3px}
.vbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:min(1200px,94vw);overflow:visible}
.vbox::backdrop{background:rgba(5,10,20,.88)}
.vbox-in{position:relative;aspect-ratio:16/9;width:100%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.6)}
.vbox-in iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vbox-x{position:absolute;right:0;top:-52px;background:transparent;border:2px solid #F68715;color:#fff;width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;font-family:inherit}
.vbox-x:hover,.vbox-x:focus-visible{background:#F68715;color:#100F0D}
@media (max-width:480px){select{font-size:16px;padding:14px 10px 14px 12px;text-overflow:ellipsis}}