*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#142a43;font:15px 'DM Sans',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 52px));margin:auto}.header{height:84px;position:sticky;top:0;z-index:30;background:#ffffffed;border-bottom:1px solid #e6edf4;backdrop-filter:blur(13px)}.head{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#0b4c91;font-family:Manrope,sans-serif}.brandmark{width:47px;height:47px;border:2px solid #0b4c91;border-radius:50%;display:grid;place-items:center;position:relative;font-size:18px;font-weight:800;letter-spacing:-.1em;line-height:1}.brandmark>span{color:#f28a18}.brandmark i{position:absolute;right:-6px;top:-5px;background:white;color:#f28a18;font-size:15px;font-style:normal}.brandname{font-size:15px;font-weight:800;letter-spacing:-.03em;display:flex;flex-direction:column;line-height:1.2}.brandname small{font:800 8px 'DM Sans';letter-spacing:.19em;color:#f28a18;margin-top:5px}.header nav{display:flex;align-items:center;gap:27px;color:#53657b;font-size:12px;font-weight:700}.header nav>a{height:84px;display:flex;align-items:center;position:relative}.header nav>a:hover,.header nav>a.active{color:#0b4c91}.header nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:#f28a18;transition:right .2s}.header nav>a:hover:after,.header nav>a.active:after{right:0}.navbtn{border:0;background:#0b4c91;color:#fff;padding:13px 17px;font-size:11px;font-weight:800}.navbtn span{color:#ffb24b;margin-left:8px}.menu{display:none;background:none;border:0;padding:8px}.menu span{display:block;width:23px;height:2px;background:#0b4c91;margin:5px}
.hero{position:relative;overflow:hidden;background:#f3f8fd;padding:72px 0 23px}.hero-glow{position:absolute;width:640px;height:640px;border-radius:50%;right:-200px;top:-270px;background:radial-gradient(circle,#d6eafa 0,transparent 70%)}.herogrid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#f28a18;margin:0 0 16px}.eyebrow i{display:inline-block;width:24px;height:2px;background:#f28a18;vertical-align:middle;margin-right:9px}.hero h1,.pagehero h1{font:700 clamp(42px,5.2vw,66px)/1.08 Manrope,sans-serif;letter-spacing:-.065em;color:#0a2e55;margin:0 0 22px}.hero h1 em,.pagehero h1 em,h2 em,.cta h2 em,.modal h2 em,.thanks h1 em,.specbox em{font-style:normal;color:#0b69bd}.lead{max-width:540px;color:#5f7186;font-size:15px;line-height:1.9;margin-bottom:28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 18px;border:1px solid transparent;font-size:11px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.orangebtn{background:#f28a18;color:#122c48}.orangebtn:hover{background:#ffb24b}.outlinebtn{border-color:#b7c8d8;color:#0b4c91;background:transparent}.outlinebtn:hover{border-color:#f28a18}.bluebtn{background:#0b4c91;color:white}.bluebtn:hover{background:#0a3769}.hero-proof{display:flex;align-items:center;gap:10px;font-size:10px;color:#718297;margin-top:29px}.proof-dot{width:7px;height:7px;border-radius:50%;background:#f28a18;box-shadow:0 0 0 5px #f28a1820;animation:pulse 2s infinite}.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#0b4c9110 1px,transparent 1px),linear-gradient(90deg,#0b4c9110 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.browser{position:absolute;border:1px solid #d5e1ec;background:white;border-radius:8px;box-shadow:0 25px 65px #0b4c9117;overflow:hidden}.browser-back{width:69%;height:260px;left:2%;top:50px;transform:rotate(-7deg);opacity:.72}.browser-front{width:70%;height:285px;right:1%;top:75px;transform:rotate(4deg);z-index:2}.browser-top{height:29px;background:#edf4fa;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #e0e9f1}.browser-top i{width:5px;height:5px;border-radius:50%;background:#f28a18}.browser-top i:nth-child(2){background:#73a9d9}.browser-top i:nth-child(3){background:#b9d6ee}.browser-top span{font-size:7px;color:#8294a8;margin-left:8px}.browser-content{padding:25px 23px;position:relative}.browser-content small{font-size:7px;letter-spacing:.15em;color:#f28a18;font-weight:800}.browser-content strong{display:block;font:800 28px/1.05 Manrope;color:#0b4c91;letter-spacing:-.06em;margin:10px 0}.browser-content>b{display:block;width:80%;height:5px;background:#e3edf6;margin:8px 0}.browser-content>i{display:block;width:58%;height:5px;background:#e3edf6;margin:7px 0}.browser-content>div{position:absolute;right:15px;top:60px;width:70px;height:105px;border-radius:35px 35px 8px 8px;background:linear-gradient(150deg,#f9d5a5,#f28a18)}.browser-button{position:static!important;width:68px!important;height:16px!important;border-radius:2px!important;background:#0b4c91!important;margin-top:17px}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 14px;box-shadow:0 12px 35px #0b4c911c;border:1px solid #e8eff6;animation:float 5s ease-in-out infinite}.float-card>span{width:29px;height:29px;display:grid;place-items:center;background:#e8f3fd;color:#0b4c91;font-size:17px}.float-card>div{display:flex;flex-direction:column;line-height:1.4}.float-card b{font-size:10px;color:#0a2e55}.float-card small{font-size:8px;color:#8392a4}.float-one{right:-1%;top:23px}.float-two{left:0;bottom:28px;animation-delay:-2s}.tiny-check{background:#e9f8ef!important;color:#268052!important}.orbit{position:absolute;width:330px;height:330px;border:1px solid #f28a1855;border-radius:50%;right:4%;top:25px}.herobottom{display:flex;align-items:center;gap:20px;margin-top:50px;color:#8393a6;font-size:9px;font-weight:800;letter-spacing:.17em}.herobottom i{height:1px;background:#d9e5ef;flex:1}.marquee{overflow:hidden;white-space:nowrap;background:#0b4c91;color:#fff;padding:14px 0;font:800 10px Manrope;letter-spacing:.14em}.marquee div{width:max-content;animation:marquee 34s linear infinite}
.section{padding:95px 0}.services-section{background:#fff}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:36px}.sectionhead h2,.about-copy h2,.story h2,.contactgrid h2{font:700 clamp(32px,4vw,45px)/1.15 Manrope;letter-spacing:-.055em;color:#0a2e55;margin:0}.sectionhead>p{max-width:350px;font-size:12px;line-height:1.9;color:#667a91;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e2eaf2;border-left:1px solid #e2eaf2}.service-card{padding:27px 26px 26px;min-height:255px;position:relative;border-right:1px solid #e2eaf2;border-bottom:1px solid #e2eaf2;transition:background .2s,transform .2s}.service-card:hover{background:#f7fbff;transform:translateY(-3px)}.service-icon{width:43px;height:43px;display:grid;place-items:center;font:700 20px Manrope;margin-bottom:25px}.icon-blue{background:#e6f2fd;color:#0b4c91}.icon-orange{background:#fff0df;color:#c76b09}.icon-lilac{background:#efedff;color:#6357b8}.icon-green{background:#e5f6ee;color:#287c56}.icon-yellow{background:#fff6d9;color:#a77b00}.service-no{position:absolute;right:24px;top:28px;font-size:9px;font-weight:800;color:#a4b3c3}.service-card h3{font:700 16px/1.4 Manrope;color:#0a2e55;margin:0 0 10px}.service-card p{font-size:11px;line-height:1.85;color:#6a7b90;margin:0 0 19px;min-height:59px}.textlink{display:inline-flex;align-items:center;gap:11px;border:0;border-bottom:1px solid #c8d7e5;background:transparent;color:#0b4c91;padding:0 0 5px;font-size:10px;font-weight:800;text-align:left}.textlink span{color:#f28a18;font-size:15px}.textlink:hover{border-color:#f28a18}.service-foot{margin-top:28px;display:flex;align-items:center;gap:20px;padding:22px 25px;background:#f3f8fd}.service-foot>span{font-size:9px;letter-spacing:.15em;font-weight:800;color:#0b4c91}.service-foot p{font-size:11px;color:#697d93;flex:1;margin:0}.service-foot .btn{min-height:41px}
.about-strip{background:#f3f8fd}.aboutgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-visual{height:390px;position:relative;background:#e1eef9;display:grid;place-items:center;overflow:hidden}.about-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#0b4c9110 1px,transparent 1px),linear-gradient(90deg,#0b4c9110 1px,transparent 1px);background-size:32px 32px}.about-visual-big{font:800 112px Manrope;letter-spacing:-.1em;color:#0b4c91;position:relative;z-index:1}.about-visual-big span{color:#f28a18}.about-visual-note{position:absolute;z-index:2;bottom:20px;left:20px;right:20px;background:white;padding:15px 18px;display:flex;flex-direction:column;box-shadow:0 10px 25px #0b4c9112}.about-visual-note b{font-size:12px;color:#0a2e55}.about-visual-note small{font-size:10px;color:#7b8da1}.about-orbit{position:absolute;width:310px;height:310px;border:1px solid #f28a1877;border-radius:50%;right:-100px;top:-110px}.about-copy>p:not(.eyebrow){font-size:12px;line-height:1.95;color:#687b90;margin:20px 0}.principles{border-top:1px solid #dce7f1;margin-top:25px}.principles>div{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #dce7f1}.principles>div>b{font-size:10px;color:#f28a18}.principles span{display:flex;flex-direction:column}.principles strong{font-size:11px;color:#0a2e55}.principles small{font-size:10px;color:#7b8da1}.underlink{display:inline-block;margin-top:22px;color:#0b4c91;font-size:11px;font-weight:800;border-bottom:1px solid #b9cee2;padding-bottom:5px}.underlink span{color:#f28a18;margin-left:10px}
.work-section{background:white}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-tile{border:1px solid #e0e9f1;background:#fff;transition:transform .2s,box-shadow .2s}.work-tile:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0b4c9110}.mock-browser,.mock-shop,.mock-dash{height:225px;margin:14px;background:#e8f1fa;overflow:hidden;position:relative}.mockbar{height:24px;background:#d6e5f4;padding:4px 9px;font-size:8px;color:#0b4c91}.mockbar span{margin-left:10px;color:#72869c}.mocksite{padding:25px 20px;position:relative}.mocksite b{display:block;font:800 26px/1.05 Manrope;color:#0b4c91;letter-spacing:-.06em}.mocksite i{display:block;width:70%;height:5px;background:#c5d9eb;margin-top:10px}.mocksite i:nth-of-type(2){width:47%}.mocksite span{display:block;background:#f28a18;width:70px;height:20px;margin-top:18px}.mock-shop{background:#f4e8dc}.shop-top,.preview-nav{height:28px;background:#fff;padding:7px 10px;font-size:7px;letter-spacing:.1em;color:#5c7186}.shop-top span,.preview-nav span{float:right}.shop-art{height:130px;background:linear-gradient(130deg,#f2d6bd,#dba77f);margin:8px;display:flex;align-items:center;justify-content:space-between;padding:14px}.shop-art i{width:65px;height:90px;background:#f7f0e8;border-radius:35px 35px 6px 6px;box-shadow:inset -8px 0 #d1b39b}.shop-art b{font:800 17px/1.1 Manrope;color:#653e2b}.shop-products{display:flex;gap:8px;padding:0 10px}.shop-products i{height:22px;background:#ddc0a7;flex:1}.mock-dash{background:#f0f4f8;display:flex}.dash-side{width:35px;background:#0b4c91;color:#fff;padding:10px 8px;font-weight:800}.dash-content{padding:17px;flex:1}.dash-content small{font-size:7px;color:#71879e;letter-spacing:.12em}.dash-content b{display:block;font:800 23px/1.1 Manrope;color:#0b4c91;margin:8px 0 18px}.dash-stats{display:flex;gap:7px}.dash-stats i{height:36px;flex:1;background:white;border:1px solid #dce7f0}.dash-line{height:44px;background:linear-gradient(160deg,transparent 44%,#f28a18 45%,#f28a18 47%,transparent 48%),white;margin-top:9px;border:1px solid #dce7f0}.work-meta{padding:6px 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.work-meta small{font-size:8px;letter-spacing:.12em;color:#f28a18;font-weight:800}.work-meta h3{font:700 14px Manrope;color:#0a2e55;margin:6px 0 0}.work-meta>span{font-size:20px;color:#0b4c91}
.cta{background:#0b4c91;color:#fff;padding:68px 0;position:relative;overflow:hidden}.ctainner{display:grid;grid-template-columns:1fr .7fr;gap:75px;align-items:center;position:relative}.cta h2{font:700 clamp(36px,4vw,51px)/1.1 Manrope;letter-spacing:-.06em;margin:0}.cta h2 em{color:#b9dcfa}.ctainner>div:nth-child(2)>p{max-width:390px;color:#d0e3f5;font-size:12px;line-height:1.9;margin-bottom:22px}.mail{display:block;color:#d2e4f5;font-size:10px;margin-top:15px}.mail b{color:white;margin-left:6px}.cta-shape{position:absolute;right:-110px;bottom:-145px;border:1px solid #ffffff20;width:310px;height:310px;border-radius:50%;display:grid;place-items:center;color:#ffffff10;font:800 90px Manrope}
.footer{background:#071f3b;color:#dbe7f3;padding:49px 0 0}.footgrid{display:grid;grid-template-columns:1.35fr .7fr .9fr .9fr;gap:38px;padding-bottom:42px}.footbrand{color:white}.footbrand .brandmark{color:white;border-color:#7eb8e8}.footbrand .brandmark>span{color:#ffb24b}.footgrid>div:first-child>p{font-size:11px;color:#9bb0c7;max-width:250px;line-height:1.8;margin:18px 0}.footmail{font-size:11px;color:#ffb24b}.footgrid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:10px}.footgrid>div>b{font-size:9px;letter-spacing:.16em;color:#8fa8c3;margin-bottom:10px}.footgrid a:hover,.footbutton:hover{color:#ffb24b}.footgrid p{font-size:10px;color:#9bb0c7;line-height:1.8;margin:0}.footbutton{border:0;background:none;color:#ffb24b;padding:0;font-size:10px;font-weight:800}.footbottom{border-top:1px solid #ffffff1b;padding:16px 0;display:flex;justify-content:space-between;gap:15px;color:#8299b2;font-size:8px;letter-spacing:.04em}.pagehero{background:#f3f8fd;padding:70px 0;position:relative;overflow:hidden}.pageheroinner{display:flex;align-items:center;justify-content:space-between;gap:45px;position:relative;z-index:1}.pagehero h1{font-size:clamp(42px,5vw,62px);margin-bottom:18px}.pageheroinner>div:first-child>p:not(.eyebrow){color:#62758b;font-size:13px;line-height:1.9;max-width:540px;margin:0}.pagehero-art{width:255px;height:220px;background:#e2effb;border:1px solid #d2e4f4;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;flex-shrink:0}.pagehero-art>span{font:800 58px Manrope;letter-spacing:-.09em;color:#0b4c91;z-index:1}.pagehero-art>span span{color:#f28a18}.pagehero-art small{font-size:8px;letter-spacing:.15em;color:#627c96;z-index:1}.pagehero-art i{position:absolute;width:230px;height:230px;border:1px solid #f28a1880;border-radius:50%;right:-90px;top:-100px}.pagehero-art.servicehero>span{font-size:46px}.pagehero-art.portfoliohero>span{font-size:30px;line-height:1.1}.pagehero-art.contactart>span{font-size:43px;line-height:1}.story{display:grid;grid-template-columns:.55fr 1.45fr;gap:85px}.story aside{border-top:2px solid #f28a18;padding-top:16px;font-size:11px;color:#72869b}.story aside hr{border:0;border-top:1px solid #dce7f1;margin-top:24px}.story h2{margin-bottom:24px}.story>div>p{font-size:12px;color:#687b90;line-height:1.95}.story .btn{margin-top:12px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.values article{background:white;padding:26px;border-top:2px solid #f28a18}.values b{font-size:10px;color:#f28a18;letter-spacing:.12em}.values h3{font:700 17px Manrope;color:#0a2e55;margin:15px 0 8px}.values p{font-size:11px;line-height:1.85;color:#6d7d91;margin:0}.service-list{border-top:1px solid #dce7f1}.service-row{display:grid;grid-template-columns:38px 50px 1fr auto;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid #dce7f1}.service-row-no{font-size:10px;font-weight:800;color:#f28a18}.row-icon{height:45px;width:45px;display:grid;place-items:center;background:#e6f2fd;color:#0b4c91;font:700 20px Manrope}.service-row-copy h3{font:700 16px Manrope;color:#0a2e55;margin:0 0 5px}.service-row-copy p{font-size:11px;line-height:1.8;color:#6b7e93;max-width:650px;margin:0}.rowbtn{background:white;border-color:#cbdbe9;color:#0b4c91;white-space:nowrap}.rowbtn span{color:#f28a18}.rowbtn:hover{border-color:#f28a18}.service-bottom{margin-top:35px;background:#0b4c91;color:white;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.service-bottom .eyebrow{margin-bottom:8px}.service-bottom h3{font:700 23px Manrope;margin:0 0 5px}.service-bottom p:not(.eyebrow){font-size:11px;color:#d0e3f5;margin:0}.portfolio-note{background:#fff5e8;border-left:3px solid #f28a18;padding:16px 20px;margin-bottom:25px}.portfolio-note b{font-size:12px;color:#6c471e}.portfolio-note p{font-size:11px;color:#7b6b59;line-height:1.8;margin:4px 0 0}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.portfolio-card{background:white;border:1px solid #e1eaf2}.portfolio-preview{height:275px;position:relative;overflow:hidden;padding:15px}.preview-business{background:#e3eff9}.preview-business .preview-copy{padding:40px 18px}.preview-copy small{display:block;font-size:8px;letter-spacing:.14em;color:#f28a18;font-weight:800}.preview-copy b{display:block;font:800 35px/1.02 Manrope;letter-spacing:-.06em;color:#0b4c91;margin:12px 0}.preview-copy i{display:block;height:5px;background:#c4d9ec;width:65%;margin:7px 0}.preview-copy i:nth-of-type(2){width:45%}.preview-copy span{display:inline-block;background:#0b4c91;color:white;font-size:7px;padding:7px 10px;margin-top:14px}.preview-store{background:#f2e4d8}.store-objects{display:flex;align-items:end;justify-content:center;gap:22px;height:170px}.store-objects i{width:60px;height:120px;border-radius:35px 35px 5px 5px;background:linear-gradient(90deg,#d1ad8d,#f7e9dc,#c79b75);box-shadow:10px 10px 0 #a77b5a1a}.store-objects i:nth-child(2){height:150px;width:75px;background:linear-gradient(90deg,#a5b2a2,#f0f1e9,#869b8b)}.store-objects i:nth-child(3){height:92px;width:55px;background:linear-gradient(90deg,#c4b4d4,#f3eaf7,#a99abb)}.preview-store-caption{font:800 18px/1.1 Manrope;color:#704d3a;margin:8px 15px}.preview-service{background:#e5f4ee}.service-preview-content{padding:42px 25px}.service-preview-content small{font-size:8px;letter-spacing:.14em;color:#277b59}.service-preview-content b{display:block;font:800 32px/1.05 Manrope;color:#195f47;margin:12px 0 20px}.service-preview-content>div{display:flex;gap:8px}.service-preview-content i{display:block;height:50px;background:#c1e3d4;flex:1}.service-preview-content i:nth-child(2){background:#9dcfb9}.service-preview-content i:nth-child(3){background:#e0f0e8}.preview-dashboard{background:#edf2f8}.dash-nav{font-size:8px;letter-spacing:.1em;color:#61768d}.dash-nav span{float:right}.dashboard-layout{display:flex;gap:20px;margin-top:24px}.dashboard-layout>i{width:42px;background:#0b4c91;height:170px}.dashboard-layout>div{flex:1}.dashboard-layout small{font-size:8px;color:#71859b;letter-spacing:.12em}.dashboard-layout b{display:block;font:800 27px/1.1 Manrope;color:#0b4c91;margin:10px 0 22px}.dashbars{display:flex;gap:8px}.dashbars span{height:45px;background:white;border:1px solid #d8e4ef;flex:1}.portfolio-meta{padding:17px 20px 20px}.portfolio-meta small{font-size:8px;letter-spacing:.13em;color:#f28a18;font-weight:800}.portfolio-meta h3{font:700 15px Manrope;color:#0a2e55;margin:6px 0 12px}.portfolio-cta{margin-top:40px;padding:28px;background:#0b4c91;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white}.portfolio-cta h2{font:700 28px Manrope;margin:0}.portfolio-cta h2 em{color:#b9dcfa}.contactgrid{display:grid;grid-template-columns:1fr .8fr;gap:85px}.contactgrid h2{margin-bottom:20px}.muted{color:#687b90;font-size:12px;line-height:1.9}.contactitem{border-top:1px solid #dce7f1;padding:17px 0;display:grid;grid-template-columns:90px 1fr;gap:18px}.contactitem small{font-size:9px;letter-spacing:.15em;color:#7e8c9d;font-weight:800}.contactitem a,.contactitem p{font-size:12px;font-weight:700;color:#0b4c91;margin:0}.contactitem p{font-weight:500;line-height:1.8}.contactcard{background:white;padding:32px;border:1px solid #e0eaf3;align-self:center;box-shadow:0 15px 45px #0b4c9108}.contactcard>span{display:inline-block;background:#fff0df;color:#b96a10;padding:6px 8px;font-size:9px;letter-spacing:.15em;font-weight:800}.contactcard h3{font:700 26px Manrope;margin:17px 0 8px;color:#0a2e55}.contactcard p{font-size:11px;line-height:1.85;color:#6d7d91}.contactcard hr{border:0;border-top:1px solid #dce7f1;margin:25px 0 14px}.contactcard>small{font-size:8px;letter-spacing:.13em;color:#8493a4}
.backdrop{display:none;position:fixed;inset:0;z-index:100;background:#041327c9;backdrop-filter:blur(6px);padding:18px;align-items:center;justify-content:center;overflow:auto}.backdrop.open{display:flex;animation:fade .2s}.modal{width:min(720px,100%);max-height:calc(100vh - 36px);overflow-y:auto;background:white;padding:34px 40px;position:relative;box-shadow:0 30px 90px #0004;animation:rise .25s}.close{position:absolute;right:18px;top:14px;width:34px;height:34px;border:1px solid #dce3ea;background:white;color:#0b4c91;font-size:25px;line-height:1}.modal h2{font:700 32px/1.15 Manrope;letter-spacing:-.055em;margin:0 0 9px;color:#0a2e55}.modal h2 em{color:#0b69bd}.modal .muted{font-size:11px;margin-bottom:22px}.modal label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:800;color:#263b52;margin-bottom:13px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal input:not([type=file]),.modal select,.modal textarea{width:100%;border:1px solid #d8e0e8;background:#fbfcfd;padding:11px 12px;outline:none;color:#132942;font-size:11px;font-weight:500;border-radius:0}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#0b69bd;box-shadow:0 0 0 3px #0b69bd12}.modal textarea{resize:vertical;min-height:95px}.modal input[type=file]{width:100%;border:1px dashed #bfcbd7;padding:11px;background:#f8fafb;font-size:10px}.modal label small{font-size:9px;color:#8491a0;font-weight:500}.submitrow{display:flex;align-items:center;gap:16px}.submitrow small{font-size:9px;color:#8995a4;max-width:210px}.trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.feedback{font-size:11px;color:#a43d1e}.thanks{min-height:65vh;background:#f3f8fd;display:grid;place-items:center;padding:45px 18px}.thanks>div{background:white;border:1px solid #e0eaf3;max-width:650px;padding:50px;text-align:center}.check{display:grid;place-items:center;margin:0 auto 20px;width:54px;height:54px;border-radius:50%;background:#e4f5eb;color:#187a49;font-size:26px}.thanks h1{font:700 44px/1.1 Manrope;letter-spacing:-.06em;margin:0 0 17px;color:#0a2e55}.thanks h1 em{color:#0b69bd}.thanks>div>p:not(.eyebrow){font-size:12px;color:#6d7d91;line-height:1.9;margin:0 auto 25px;max-width:430px}.thanks>div>small{display:block;font-size:10px;color:#8390a0;margin-top:25px}.thanks>div>small a,.legal a{color:#0b69bd;font-weight:700}.legal{max-width:800px}.legal h2{font:700 21px Manrope;margin:25px 0 8px;color:#0a2e55}.legal p{font-size:12px;line-height:1.9;color:#6d7d91}.notice{background:#fff4e7;padding:14px;border-left:3px solid #f28a18}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s,transform .55s}.reveal.shown{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #f28a1800}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1000px){.container{width:calc(100% - 40px)}.header nav{gap:16px}.herogrid{gap:25px}.hero h1{font-size:52px}.service-grid{grid-template-columns:repeat(2,1fr)}.aboutgrid{gap:45px}.footgrid{grid-template-columns:1.2fr .7fr .8fr;gap:28px}.footgrid>div:last-child{grid-column:2/4}.contactgrid{gap:45px}}
@media(max-width:700px){.container{width:calc(100% - 34px)}.header{height:72px}.brandmark{width:42px;height:42px}.brandname{font-size:13px}.menu{display:block}.header nav{display:none;position:fixed;inset:72px 0 auto;background:white;padding:14px 22px 25px;box-shadow:0 15px 30px #071f3b18;align-items:stretch;flex-direction:column;gap:0}.header nav.navopen{display:flex}.header nav>a{height:45px;border-bottom:1px solid #edf0f3}.header nav>a:after{display:none}.navbtn{margin-top:14px;min-height:44px}.hero{padding:47px 0 20px}.herogrid{grid-template-columns:1fr;gap:26px}.hero h1{font-size:clamp(42px,11vw,55px)}.lead{font-size:13px}.actions{flex-direction:column}.actions .btn{justify-content:space-between}.hero-art{min-height:325px}.browser-back{top:32px;left:0;width:70%;height:225px}.browser-front{top:58px;right:0;width:72%;height:245px}.browser-content{padding:20px 16px}.browser-content strong{font-size:23px}.float-one{right:-2%;top:5px}.float-two{left:-1%;bottom:12px}.orbit{width:250px;height:250px;right:3%;top:30px}.herobottom{margin-top:29px;gap:10px;font-size:7px}.section{padding:63px 0}.sectionhead{display:block}.sectionhead h2,.about-copy h2,.story h2,.contactgrid h2{font-size:35px}.sectionhead>p{margin-top:15px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:23px}.service-card p{min-height:0}.service-icon{margin-bottom:18px}.service-foot{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.aboutgrid{grid-template-columns:1fr;gap:32px}.about-visual{height:300px}.about-visual-big{font-size:95px}.work-grid{grid-template-columns:1fr}.mock-browser,.mock-shop,.mock-dash{height:215px}.cta{padding:52px 0}.ctainner{grid-template-columns:1fr;gap:25px}.cta h2{font-size:42px}.footgrid{grid-template-columns:1fr 1fr;gap:27px 18px}.footgrid>div:first-child{grid-column:1/3}.footgrid>div:last-child{grid-column:auto}.footbottom{flex-wrap:wrap;justify-content:flex-start;gap:9px 16px}.footbottom span:nth-child(2){display:none}.pagehero{padding:54px 0}.pageheroinner{align-items:flex-start;flex-direction:column;gap:27px}.pagehero h1{font-size:clamp(42px,10vw,54px)}.pagehero-art{width:100%;height:170px}.story{grid-template-columns:1fr;gap:27px}.values{grid-template-columns:1fr;gap:12px}.service-row{grid-template-columns:26px 42px 1fr;gap:12px;padding:20px 0}.row-icon{width:40px;height:40px}.service-row-copy h3{font-size:14px}.service-row-copy p{font-size:10px}.rowbtn{grid-column:3;justify-self:start;min-height:38px;padding:0 12px;margin-top:5px}.service-bottom{align-items:flex-start;flex-direction:column;padding:23px}.portfolio-grid{grid-template-columns:1fr}.portfolio-preview{height:245px}.portfolio-cta{align-items:flex-start;flex-direction:column;padding:23px}.portfolio-cta h2{font-size:25px}.contactgrid{grid-template-columns:1fr;gap:30px}.contactitem{grid-template-columns:78px 1fr;gap:12px}.contactcard{padding:24px}.modal{padding:30px 19px 24px;max-height:calc(100vh - 24px)}.backdrop{padding:12px}.modal h2{font-size:28px}.formrow{grid-template-columns:1fr;gap:0}.submitrow{align-items:flex-start;flex-direction:column;gap:8px}.thanks>div{padding:35px 20px}.thanks h1{font-size:37px}}
/* Uploaded ClickWebSky logo */
.brand{display:flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:150px;height:64px;object-fit:contain;object-position:left center}.brand:hover{opacity:.92}
@media(max-width:700px){.brand-logo{width:128px;height:56px}}
/* Real portfolio screenshots from the supplied portfolio ZIP */
.portfolio-real-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.portfolio-real-image{display:block;overflow:hidden;background:#edf4fa;aspect-ratio:16/10}
.portfolio-real-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.portfolio-real-image:hover img{transform:scale(1.035)}
.portfolio-real-grid .portfolio-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.portfolio-real-grid .portfolio-meta h3{margin:5px 0;font-size:18px}
.portfolio-real-grid .portfolio-meta p{margin:0;color:#65778a;font-size:13px}
.portfolio-real-grid .textlink{flex-shrink:0;border:0;background:none;font-weight:800;color:#0b69bd;font-size:12px;padding:4px 0}
@media(max-width:900px){.portfolio-real-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.portfolio-real-grid{grid-template-columns:1fr}.portfolio-real-grid .portfolio-meta{flex-direction:column}}
/* Homepage uses actual selected portfolio projects */
.work-real-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.work-real-tile{display:block;overflow:hidden;background:#fff;border:1px solid #dce7f2}
.work-real-tile>img{display:block;width:100%;height:210px;object-fit:cover;background:#edf4fa;transition:transform .35s}
.work-real-tile:hover>img{transform:scale(1.025)}
.work-real-tile .work-meta{padding:16px 18px}
@media(max-width:760px){.work-real-grid{grid-template-columns:1fr}.work-real-tile>img{height:auto;aspect-ratio:16/10}}
/* Portfolio image sizing + homepage slider fixes (2026-10) */
.portfolio-real-image{display:block;height:190px;overflow:hidden;background:#edf3f9}
.portfolio-real-image img{display:block;width:100%;height:100%;max-height:190px;object-fit:cover;object-position:top center}
.portfolio-real-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portfolio-real-grid .portfolio-card{min-width:0;overflow:hidden}
.home-work-slider{width:100%;min-width:0}
.work-slider-viewport{overflow:hidden;width:100%}
.work-slider-track{display:flex;gap:18px;transition:transform .45s ease;will-change:transform}
.work-slider-track .work-tile{display:block;flex:0 0 calc((100% - 36px)/3);min-width:0;overflow:hidden}
.work-slider-track .work-tile img{display:block;width:100%;height:180px;max-height:180px;object-fit:cover;object-position:top center}
.work-slider-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px 0 28px}
.work-slider-controls button{border:1px solid #cbdbea;background:#fff;color:#0b4c91;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}
.work-slider-dots{display:flex;gap:7px;align-items:center}
.work-slider-dots button{width:8px;height:8px;padding:0;border:0;background:#cbdbea;border-radius:50%}
.work-slider-dots button.active{background:#0b4c91;width:22px;border-radius:8px}
@media(max-width:900px){.portfolio-real-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-slider-track .work-tile{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:600px){.portfolio-real-grid{grid-template-columns:1fr}.portfolio-real-image{height:165px}.portfolio-real-image img{max-height:165px}.work-slider-track{gap:12px}.work-slider-track .work-tile{flex-basis:100%}.work-slider-track .work-tile img{height:165px;max-height:165px}}
/* Portfolio-specific enquiry buttons */
.portfolio-enquiry-btn,.home-work-enquiry{display:inline-flex;align-items:center;justify-content:center;margin:0 18px 18px;padding:11px 14px;font-size:11px;line-height:1.35;white-space:normal;text-align:center;cursor:pointer;border:0;background:#0b4c91;color:#fff;font-weight:800;}
.portfolio-enquiry-btn:hover,.home-work-enquiry:hover{background:#f28a18;color:#fff;}
.work-slider-track .work-tile{display:flex;flex-direction:column;align-self:stretch;}
.work-project-link{display:block;color:inherit;text-decoration:none;min-width:0;}
.work-project-link img{display:block;width:100%;height:180px;max-height:180px;object-fit:cover;object-position:top center;}
.work-project-link .work-meta{flex:1;}
.home-work-enquiry{align-self:flex-start;margin-top:auto;margin-bottom:14px;}
@media(max-width:600px){.work-project-link img{height:165px;max-height:165px}.home-work-enquiry{margin-left:14px}}
/* Final portfolio image sizing fix: fill the entire card width without stretching */
.portfolio-real-grid .portfolio-real-image{display:block!important;width:100%!important;max-width:100%!important;height:190px!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;box-sizing:border-box!important;}
.portfolio-real-grid .portfolio-real-image img{display:block!important;width:100%!important;max-width:100%!important;height:190px!important;max-height:none!important;padding:0!important;margin:0!important;object-fit:cover!important;box-sizing:border-box!important;}
.home-work-slider .work-slider-track .work-tile,.home-work-slider .work-project-link{width:100%;min-width:0;box-sizing:border-box;}
.home-work-slider .work-project-link img{display:block!important;width:100%!important;max-width:100%!important;height:180px!important;max-height:none!important;padding:0!important;margin:0!important;object-fit:cover!important;box-sizing:border-box!important;}
@media(max-width:600px){.portfolio-real-grid .portfolio-real-image,.portfolio-real-grid .portfolio-real-image img{height:165px!important}.home-work-slider .work-project-link img{height:165px!important}}
/* Portfolio cards aligned with the homepage project slider */
.portfolio-real-grid .portfolio-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;padding:0!important;gap:0!important;}
.portfolio-real-grid .portfolio-card > a.portfolio-real-image{display:block!important;position:relative!important;flex:0 0 auto!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/8.8!important;overflow:hidden!important;padding:0!important;margin:0!important;line-height:0!important;}
.portfolio-real-grid .portfolio-card > a.portfolio-real-image > img{display:block!important;position:static!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:16/8.8!important;object-fit:cover!important;object-position:top center!important;padding:0!important;margin:0!important;border:0!important;transform:none;}
.portfolio-real-grid .portfolio-card > .portfolio-meta{display:flex!important;flex:1 0 auto!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:14px 16px 12px!important;}
.portfolio-real-grid .portfolio-card > .portfolio-meta > div{min-width:0!important;flex:1 1 auto!important;}
.portfolio-real-grid .portfolio-card > .portfolio-meta .textlink{white-space:nowrap!important;flex:0 0 auto!important;}
.portfolio-real-grid .portfolio-card > .portfolio-enquiry-btn{align-self:flex-start!important;margin:0 16px 14px!important;}
@media(max-width:560px){.portfolio-real-grid .portfolio-card > a.portfolio-real-image{aspect-ratio:16/9!important}.portfolio-real-grid .portfolio-card > a.portfolio-real-image > img{aspect-ratio:16/9!important}.portfolio-real-grid .portfolio-card > .portfolio-meta{flex-direction:column!important;gap:6px!important}}
/* ClickWebSky visual refresh: real brand logo and web-development imagery */
.hero-art.hero-workflow{
display:block;
min-height:0;
width:100%;
max-width:650px;
justify-self:end;
border-radius:18px;
overflow:hidden;
border:1px solid #d7e5f2;
background:#eaf3fb;
box-shadow:0 24px 70px rgba(11,76,145,.14);
aspect-ratio:760/500;
}
.hero-development-gif{
display:block;
width:100%;
height:100%;
aspect-ratio:760/500;
object-fit:cover;
object-position:center;
}
.workflow-caption{
position:absolute;
left:14px;
right:14px;
bottom:14px;
display:flex;
align-items:center;
gap:9px;
width:max-content;
max-width:calc(100% - 28px);
padding:10px 13px;
border:1px solid rgba(255,255,255,.8);
border-radius:6px;
background:rgba(255,255,255,.94);
box-shadow:0 8px 24px rgba(7,31,59,.12);
color:#0b4c91;
font:800 9px/1.3 "DM Sans",sans-serif;
letter-spacing:.09em;
}
.workflow-live{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#f28a18;box-shadow:0 0 0 4px rgba(242,138,24,.14);animation:pulse 1.5s infinite}
.about-visual{isolation:isolate}
.about-visual:before{z-index:1;pointer-events:none;opacity:.35}
.about-workstation-image{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.about-visual-note{z-index:3}
.about-orbit{z-index:2;pointer-events:none}
.footer-brand-logo{
width:160px;
height:auto;
max-height:72px;
object-fit:contain;
object-position:left center;
background:#fff;
padding:3px 7px;
border-radius:2px;
}
@media(max-width:700px){
.hero-art.hero-workflow{width:100%;min-height:0;aspect-ratio:4/3;border-radius:12px}
.hero-development-gif{height:100%;object-fit:cover}
.workflow-caption{left:9px;bottom:9px;padding:8px 10px;font-size:8px}
.about-visual{height:300px}
.footer-brand-logo{width:145px;max-height:64px}
}