:root {
  --ivory:#f6f9fd;
  --ivory-deep:#e8eef7;
  --paper:#ffffff;
  --ink:#081a33;
  --ink-soft:#15345d;
  --gold:#2d64a8;
  --gold-light:#8eb8e8;
  --gold-pale:#dceaf8;
  --olive:#0b2447;
  --muted:#66758b;
  --line:rgba(8,26,51,.12);
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Poppins", Arial, sans-serif;
  --shadow:0 30px 80px rgba(8,26,51,.14);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:14px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit}
.container{width:min(calc(100% - 80px),1240px);margin-inline:auto}
.section{padding:132px 0}

.page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:linear-gradient(145deg,#061326,#0b2d59);transition:opacity .65s ease,visibility .65s ease}
.page-loader.hidden{opacity:0;visibility:hidden}
.loader-mark{position:relative;color:var(--gold-light);font:500 62px/1 var(--serif);animation:loaderPulse 1.4s ease-in-out infinite}
.loader-mark:after{content:"";position:absolute;inset:-18px;border:1px solid rgba(216,189,131,.34);transform:rotate(45deg)}
@keyframes loaderPulse{50%{opacity:.45;transform:scale(.94)}}

.cursor-glow{position:fixed;z-index:0;pointer-events:none;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(45,100,168,.11),transparent 68%);transform:translate(-50%,-50%)}

.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 0;transition:.4s ease}
.site-header.scrolled{padding:14px 0;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:14px}
.brand-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);transform:rotate(45deg);color:var(--gold);font:600 24px/1 var(--serif)}
.brand-icon::first-letter{transform:rotate(-45deg)}
.brand-text{font:600 27px/1 var(--serif);letter-spacing:.4px}
.main-nav{display:flex;gap:34px}
.main-nav a,.nav-cta{position:relative;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.3s ease}
.main-nav a:hover:after{right:0}
.nav-cta{padding:15px 20px;border:1px solid var(--ink);transition:.3s ease}
.nav-cta:hover{background:var(--ink);color:var(--paper)}
.menu-toggle{display:none;border:0;background:none;padding:8px}
.menu-toggle span{display:block;width:25px;height:1px;margin:6px 0;background:var(--ink);transition:.3s ease}

.hero{position:relative;min-height:100vh;padding:150px 0 70px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(115deg,#071a34 0%,#0a2952 54%,#123f73 100%);color:#fff}
.hero:before{content:"";position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 82%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.eyebrow{margin:0 0 23px;color:var(--gold-light);font-size:10px;font-weight:600;letter-spacing:3.4px;text-transform:uppercase}
h1{max-width:750px;margin:0;font:500 clamp(62px,7.2vw,106px)/.86 var(--serif);letter-spacing:-2.7px}
h1 em{display:block;margin-top:11px;color:#ffffff;font-weight:400;text-shadow:0 8px 35px rgba(0,0,0,.18)}
.hero-text{max-width:660px;margin:34px 0 0;color:rgba(255,255,255,.74);font-size:14px;line-height:1.95}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;transition:.3s ease}
.btn-primary{background:#fff;color:var(--ink);border:1px solid #fff}
.btn-primary:hover{transform:translateY(-3px);background:var(--gold-light);border-color:var(--gold-light);color:var(--ink)}
.btn-secondary{border:1px solid rgba(255,255,255,.48);color:#fff}
.btn-secondary:hover{transform:translateY(-3px);border-color:#fff;background:#fff;color:var(--ink)}
.hero-stats{display:flex;gap:48px;margin-top:50px;padding-top:25px;border-top:1px solid rgba(255,255,255,.16)}
.hero-stats div{display:flex;flex-direction:column;gap:6px}
.hero-stats strong{font:500 28px/1 var(--serif)}
.hero-stats span{color:rgba(255,255,255,.56);font-size:8px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}

.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}
.hero-visual:before{content:"";position:absolute;width:82%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
.hero-visual:after{content:"";position:absolute;width:67%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.10)}
.visual-frame{position:relative;z-index:2;width:min(440px,90%);aspect-ratio:.78}
.visual-card{position:absolute;border:1px solid rgba(142,184,232,.36);box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.card-main{inset:7% 12%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(232,238,247,.96));color:var(--ink)}
.card-main:before,.card-main:after{content:"";position:absolute;width:26px;height:26px;border-color:var(--gold);opacity:.7}
.card-main:before{left:18px;top:18px;border-left:1px solid;border-top:1px solid}
.card-main:after{right:18px;bottom:18px;border-right:1px solid;border-bottom:1px solid}
.monogram{display:grid;place-items:center;width:118px;height:118px;border:1px solid var(--gold);transform:rotate(45deg);color:var(--gold);font:500 76px/1 var(--serif)}
.monogram::first-letter{transform:rotate(-45deg)}
.card-main p{margin:50px 0 5px;font:600 40px/1 var(--serif)}
.card-main small{color:var(--muted);font-size:8px;font-weight:600;letter-spacing:3px;text-transform:uppercase}
.card-back,.card-front{width:44%;height:27%;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.card-back{left:0;top:4%;transform:rotate(-7deg);background:rgba(6,25,52,.96)}
.card-front{right:-2%;bottom:4%;z-index:4;transform:rotate(6deg);background:rgba(45,100,168,.96)}
.visual-card span{font-size:8px;letter-spacing:2px;text-transform:uppercase;opacity:.72}
.visual-card strong{font:500 27px/1.1 var(--serif)}
.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(178,138,76,.16)}
.orbit-one{width:440px;height:440px;left:-250px;top:18%}
.orbit-two{width:620px;height:620px;right:-360px;bottom:-230px}
.scroll-indicator{position:absolute;z-index:3;bottom:24px;left:50%;width:23px;height:39px;border:1px solid rgba(255,255,255,.38);border-radius:20px}
.scroll-indicator span{position:absolute;top:8px;left:50%;width:2px;height:7px;background:var(--gold);transform:translateX(-50%);animation:scrollDot 1.8s infinite}
@keyframes scrollDot{70%{transform:translate(-50%,14px);opacity:0}}

.split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:start}
.section-heading h2,.section-title h2,.contact h2{margin:0;font:500 clamp(46px,5.5vw,78px)/.98 var(--serif);letter-spacing:-1.3px}
.intro-content{padding-top:20px}
.intro-content p{margin:0 0 24px;color:var(--muted);font-size:15px;line-height:2}
.text-link{display:inline-flex;gap:12px;align-items:center;margin-top:8px;font-size:10px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}
.text-link span{color:var(--gold);font-size:18px;transition:.3s ease}
.text-link:hover span{transform:translate(4px,-4px)}

.services{position:relative;background:linear-gradient(180deg,#f7faff 0%,#eef4fb 100%)}
.services:before{content:"W";position:absolute;right:3%;top:0;color:rgba(45,100,168,.045);font:500 420px/1 var(--serif)}
.section-title{position:relative;z-index:1;max-width:810px;margin-bottom:68px}
.section-title.centered{margin-inline:auto;text-align:center}
.section-title>p:last-child{max-width:620px;margin:22px auto 0;color:var(--muted);line-height:1.9}
.services-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.service-card{position:relative;min-height:430px;padding:44px;border:1px solid rgba(45,100,168,.17);background:rgba(255,255,255,.78);overflow:hidden;transition:.45s cubic-bezier(.2,.8,.2,1)}
.service-card:before{content:"";position:absolute;inset:10px;border:1px solid transparent;transition:.4s ease}
.service-card:after{content:"";position:absolute;right:-130px;bottom:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(45,100,168,.17),transparent 67%);transition:.5s ease}
.service-card:hover{transform:translateY(-10px);background:#fff;box-shadow:var(--shadow)}
.service-card:hover:before{border-color:rgba(45,100,168,.28)}
.service-card:hover:after{transform:translate(-35px,-40px) scale(1.15)}
.service-number{color:var(--gold);font:500 14px/1 var(--serif)}
.service-icon{width:56px;margin:55px 0 32px}
.service-icon svg{fill:none;stroke:var(--gold);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{margin:0 0 16px;font:600 38px/1 var(--serif)}
.service-card p{max-width:500px;margin:0;color:var(--muted);line-height:1.85}
.card-link{position:absolute;left:44px;bottom:40px;font-size:9px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}
.card-link b{margin-left:8px;color:var(--gold);font-size:16px}

.statement{position:relative;background:linear-gradient(135deg,#061a35,#0b2d59);color:#fff;text-align:center;overflow:hidden}
.statement:before,.statement:after{content:"";position:absolute;border:1px solid rgba(142,184,232,.14);border-radius:50%}
.statement:before{width:540px;height:540px;left:-250px;top:-280px}.statement:after{width:640px;height:640px;right:-320px;bottom:-360px}
.statement-inner{position:relative;z-index:1;max-width:940px}
.statement-mark{color:var(--gold-light);font:500 100px/.5 var(--serif)}
.statement blockquote{margin:25px 0;font:500 clamp(44px,6vw,76px)/1.02 var(--serif);letter-spacing:-1.2px}
.statement p{color:rgba(255,255,255,.55);font-size:10px;letter-spacing:2px;text-transform:uppercase}

.process-list{border-top:1px solid var(--line)}
.process-item{display:grid;grid-template-columns:80px 1fr 1.4fr;gap:30px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line);transition:.35s ease}
.process-item:hover{padding-left:16px;background:linear-gradient(90deg,rgba(45,100,168,.07),transparent 70%)}
.process-item span{color:var(--gold);font:500 15px/1 var(--serif)}
.process-item h3{margin:0;font:600 36px/1 var(--serif)}
.process-item p{margin:0;color:var(--muted);line-height:1.75}

.contact{padding-top:70px}
.contact-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding:84px;background:linear-gradient(135deg,#061a35,#0b2d59);color:#fff;box-shadow:var(--shadow)}
.contact-card:before{content:"";position:absolute;inset:14px;border:1px solid rgba(142,184,232,.22)}
.contact-card:after{content:"W";position:absolute;right:2%;bottom:-30%;color:rgba(255,255,255,.025);font:600 390px/1 var(--serif)}
.contact-copy,.contact-actions{position:relative;z-index:1}
.contact-copy p:last-child{max-width:540px;margin-top:22px;color:rgba(255,255,255,.58);line-height:1.85}
.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:21px}
.btn-light{background:#fff;color:var(--ink);border:1px solid #fff}
.btn-light:hover{transform:translateY(-3px);background:transparent;color:#fff}
.contact-email{font:500 29px/1 var(--serif);border-bottom:1px solid rgba(255,255,255,.28)}
.contact-actions small{max-width:390px;color:rgba(255,255,255,.32);line-height:1.6}

.site-footer{padding:58px 0;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px;align-items:end}
.footer-brand{margin-bottom:18px}.footer-grid p{max-width:380px;color:var(--muted);line-height:1.7}
.footer-links{display:grid;gap:13px;font-size:10px;letter-spacing:1.7px;text-transform:uppercase}
.footer-links a:hover{color:var(--gold)}
.footer-meta{display:flex;flex-direction:column;gap:10px;align-items:flex-end;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1.5px}

.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform .9s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}

@media(max-width:960px){
 .main-nav,.nav-cta{display:none}.menu-toggle{display:block;z-index:3}.main-nav.open{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;background:#fff}
 .main-nav.open a{font:500 38px/1 var(--serif);text-transform:none;letter-spacing:0}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .hero-grid,.split-grid,.contact-card{grid-template-columns:1fr}.hero{padding-top:130px}.hero-grid{gap:20px}.hero-visual{min-height:480px}.visual-frame{width:360px}.split-grid{gap:36px}.process-item{grid-template-columns:60px 1fr}.process-item p{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
}
@media(max-width:700px){
 .container{width:min(calc(100% - 28px),1240px)}.section{padding:88px 0}.site-header{padding:18px 0}.brand-text{font-size:23px}.brand-icon{width:37px;height:37px;font-size:21px}
 h1{font-size:clamp(54px,15.5vw,72px);letter-spacing:-1.6px}.hero-text{font-size:13px}.hero-actions{display:grid}.btn{width:100%}.hero-stats{gap:16px;justify-content:space-between}.hero-stats strong{font-size:22px}.hero-stats span{font-size:7px}.hero-visual{min-height:400px}.visual-frame{width:300px}.monogram{width:86px;height:86px;font-size:55px}.card-main p{font-size:30px;margin-top:39px}.card-back,.card-front{padding:15px}.visual-card strong{font-size:20px}
 .services-grid{grid-template-columns:1fr}.service-card{min-height:395px;padding:32px}.card-link{left:32px;bottom:30px}.service-icon{margin-top:43px}.contact-card{padding:52px 30px;gap:35px}.contact-card:before{inset:8px}.contact-email{font-size:23px}.footer-grid{grid-template-columns:1fr}.footer-meta{grid-column:auto;align-items:flex-start;flex-direction:column}.cursor-glow{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* Navy and white luxury refinement */
.hero .brand, .hero .main-nav { color:#fff; }
.site-header:not(.scrolled) .brand, .site-header:not(.scrolled) .main-nav a, .site-header:not(.scrolled) .nav-cta {color:#fff}
.site-header:not(.scrolled) .brand-icon{border-color:rgba(255,255,255,.7);color:#fff}
.site-header:not(.scrolled) .nav-cta{border-color:rgba(255,255,255,.55)}
.site-header:not(.scrolled) .nav-cta:hover{background:#fff;color:var(--ink)}
.site-header:not(.scrolled) .menu-toggle span{background:#fff}
.site-header.scrolled .brand-icon{border-color:var(--gold);color:var(--gold)}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 42%,rgba(142,184,232,.2),transparent 26%),radial-gradient(circle at 14% 12%,rgba(255,255,255,.08),transparent 26%);pointer-events:none}
.hero h1{color:#fff}
.hero-stats{border-top-color:rgba(255,255,255,.16)}
.hero-stats strong{color:#fff}
.card-main{box-shadow:0 35px 100px rgba(2,15,34,.34)}
.service-card:hover{border-color:rgba(45,100,168,.35);box-shadow:0 28px 80px rgba(8,26,51,.13)}
.statement-mark{color:var(--gold-light)}
.contact .eyebrow{color:var(--gold-light)}
.footer-brand .brand-icon{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:960px){.main-nav.open{background:linear-gradient(145deg,#061326,#0b2d59);color:#fff}.main-nav.open a{color:#fff}.menu-toggle.active span{background:#fff}.site-header.scrolled .menu-toggle.active span{background:#fff}}

/* Website design page */
.design-hero{min-height:100vh}
.website-showcase{min-height:570px}
.browser-window{position:absolute;border:1px solid rgba(142,184,232,.4);background:#fff;box-shadow:0 35px 100px rgba(2,15,34,.38);overflow:hidden}
.browser-main{z-index:3;width:88%;height:65%;left:2%;top:14%;transform:rotate(-2deg)}
.browser-bar{height:35px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#edf3fa;border-bottom:1px solid #d8e3f0;color:#7e8da2;font-size:7px;letter-spacing:1px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#9aabc0}.browser-bar span{margin-left:10px}
.browser-content{height:calc(100% - 35px);padding:20px;background:linear-gradient(130deg,#f9fbfe,#eaf2fb)}.mock-nav{height:24px;display:flex;align-items:center;gap:13px}.mock-nav b{display:grid;place-items:center;width:24px;height:24px;background:#0b2447;color:#fff;font:500 14px var(--serif)}.mock-nav span{width:36px;height:3px;background:#bccbdd}.mock-nav span:first-of-type{margin-left:auto}
.mock-hero{margin-top:23px;padding:31px;background:linear-gradient(135deg,#081a33,#164a82);color:#fff}.mock-hero small{font-size:5px;letter-spacing:2px;color:#8eb8e8}.mock-hero h3{max-width:260px;margin:12px 0;font:500 26px/1 var(--serif)}.mock-button{width:70px;height:14px;background:#fff}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mock-cards i{height:52px;background:#fff;border:1px solid #d9e3ef}
.phone-window{position:absolute;z-index:5;right:0;bottom:3%;width:145px;height:285px;padding:28px 17px 18px;border:6px solid #071a34;border-radius:24px;background:linear-gradient(155deg,#fff,#eaf2fb);box-shadow:0 25px 60px rgba(2,15,34,.4);color:#081a33}.phone-notch{position:absolute;top:5px;left:50%;width:45px;height:7px;border-radius:8px;background:#071a34;transform:translateX(-50%)}.phone-logo{display:grid;place-items:center;width:35px;height:35px;margin:15px auto 25px;background:#0b2447;color:#fff;font:500 23px var(--serif);transform:rotate(45deg)}.phone-window h4{margin:0 0 21px;text-align:center;font:600 20px/1.05 var(--serif)}.phone-window>span{display:block;height:4px;margin:8px;background:#cad7e7}.phone-button{width:72px;height:20px;margin:24px auto;background:#0b2447}
.platform-chip{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);background:rgba(4,20,42,.88);box-shadow:0 12px 35px rgba(0,0,0,.2);backdrop-filter:blur(10px);font-size:8px;letter-spacing:1px;text-transform:uppercase}.platform-chip b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#173a67;font:600 15px var(--serif)}.chip-wordpress{left:0;bottom:10%}.chip-shopify{right:4%;top:4%}.chip-shopify b{background:#95bf47;color:#fff}.chip-php{left:30%;top:3%}.chip-php b{width:35px;border-radius:20px;background:#777bb4;color:#fff;font:600 11px Arial}

.website-solutions{padding-bottom:90px}.solution-gallery{display:grid;gap:26px}.solution-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:550px;border:1px solid rgba(45,100,168,.17);background:#fff;box-shadow:0 22px 70px rgba(8,26,51,.08);overflow:hidden}.solution-feature.reverse{grid-template-columns:.92fr 1.08fr}.solution-feature.reverse .solution-image{order:2}.solution-copy{position:relative;padding:72px 65px;display:flex;flex-direction:column;justify-content:center}.solution-index{position:absolute;top:35px;right:40px;color:rgba(45,100,168,.16);font:500 72px/1 var(--serif)}.solution-copy h3{max-width:500px;margin:0 0 22px;font:600 clamp(39px,4.5vw,62px)/.95 var(--serif)}.solution-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.solution-copy ul{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none;color:var(--ink-soft);font-size:11px;letter-spacing:.3px}.solution-copy li:before{content:"✓";margin-right:11px;color:var(--gold);font-weight:600}
.solution-image{position:relative;min-height:550px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#071a34,#174f89);isolation:isolate}.solution-image:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px}.solution-image:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.scene-logo{position:absolute;z-index:5;display:grid;place-items:center;box-shadow:0 20px 60px rgba(0,0,0,.26)}.scene-label{position:absolute;z-index:4;left:35px;bottom:30px;color:rgba(255,255,255,.62);font-size:8px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase}
.wordpress-logo{top:40px;left:42px;width:78px;height:78px;border:2px solid #fff;border-radius:50%;color:#fff;font:500 54px var(--serif)}.scene-browser{z-index:3;width:73%;height:58%;padding:20px;background:#fff;transform:rotate(-4deg);box-shadow:0 30px 70px rgba(0,0,0,.3)}.mini-top{height:23%;background:linear-gradient(135deg,#dfe9f5,#c2d5ea)}.mini-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.mini-layout div{height:110px;background:linear-gradient(155deg,#edf3f9,#d9e5f1)}
.woocommerce-scene{background:linear-gradient(145deg,#160f2c,#4d267b)}.woo-logo{top:38px;right:35px;width:94px;height:60px;border-radius:18px;background:#96588a;color:#fff;font:600 27px Arial}.product-phone{z-index:4;width:190px;height:350px;padding:22px;border:7px solid #140d27;border-radius:27px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:rotate(3deg)}.product-phone>div{height:185px;background:linear-gradient(145deg,#ede4f1,#cbb3d1)}.product-phone strong,.product-phone span{display:block;margin-top:13px;color:#26152f}.product-phone button{width:100%;margin-top:17px;padding:10px;border:0;background:#96588a;color:#fff;font-size:9px}.product-card{position:absolute;z-index:2;width:160px;height:210px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.25)}.p-one{left:9%;top:24%;transform:rotate(-10deg)}.p-two{right:8%;bottom:14%;transform:rotate(11deg)}
.portfolio-scene{background:linear-gradient(145deg,#141a24,#425265)}.portfolio-logo{right:38px;top:38px;width:70px;height:70px;border:1px solid #fff;color:#fff;font:500 45px var(--serif)}.portfolio-grid{z-index:3;width:78%;height:68%;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:12px;transform:rotate(2deg)}.portfolio-grid div{background:linear-gradient(145deg,#d9c8b6,#816c5a);box-shadow:0 12px 30px rgba(0,0,0,.25)}.portfolio-grid .tall{grid-row:span 2;background:linear-gradient(145deg,#91a5b8,#2c4256)}.portfolio-grid .wide{background:linear-gradient(145deg,#d7d7cf,#81847c)}
.shopify-scene{background:linear-gradient(145deg,#0d271f,#39775e)}.shopify-logo{top:37px;left:38px;width:75px;height:88px;border-radius:9px 9px 17px 17px;background:#95bf47;color:#fff;font:600 48px var(--serif);transform:rotate(-5deg)}.shop-screen{z-index:3;width:76%;height:62%;padding:22px;background:#fff;box-shadow:0 30px 75px rgba(0,0,0,.3);transform:rotate(-3deg)}.shop-head{height:29%;background:linear-gradient(135deg,#dcebd0,#8dbb6c)}.shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px}.shop-products i{height:120px;background:linear-gradient(145deg,#edf3e7,#d0dfc5)}
.php-scene{background:linear-gradient(145deg,#151a39,#474f82)}.php-logo{right:35px;top:35px;width:110px;height:64px;border-radius:50%;background:#777bb4;color:#fff;font:600 30px Arial;font-style:italic}.code-window{z-index:3;width:75%;height:55%;padding:34px;background:#10152d;border:1px solid rgba(255,255,255,.17);box-shadow:0 30px 70px rgba(0,0,0,.35);transform:rotate(-2deg);color:#c6d3ff;font:12px/1.7 monospace}.code-window b{color:#79dbb6}.code-window span{display:block;height:7px;margin-top:17px;background:linear-gradient(90deg,#777bb4 0 45%,transparent 45%)}.code-window span:nth-child(3){width:82%}.code-window span:nth-child(4){width:64%}.code-window span:nth-child(5){width:73%}.dashboard-widget{position:absolute;z-index:4;right:7%;bottom:12%;display:flex;align-items:end;gap:9px;width:130px;height:100px;padding:18px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.28)}.dashboard-widget i{flex:1;background:#777bb4}.dashboard-widget i:nth-child(1){height:35%}.dashboard-widget i:nth-child(2){height:80%}.dashboard-widget i:nth-child(3){height:57%}

.logo-cloud{background:#fff}.tech-logos{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.tech-logos>div{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s ease}.tech-logos>div:hover{background:#f3f7fc;transform:translateY(-5px)}.tech-logos b{display:grid;place-items:center;height:54px;color:#173a67;font:600 27px var(--serif)}.tech-logos span{color:var(--muted);font-size:8px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase}.round-logo{width:54px;border:2px solid #21759b;border-radius:50%;color:#21759b!important}.woo-mini{padding:0 13px;border-radius:10px;background:#96588a;color:#fff!important;font:600 17px Arial!important}.bag-logo{width:47px;border-radius:5px 5px 12px 12px;background:#95bf47;color:#fff!important}.php-mini{width:78px;border-radius:50%;background:#777bb4;color:#fff!important;font:600 20px Arial!important;font-style:italic}.html-mini{width:47px;clip-path:polygon(0 0,100% 0,90% 87%,50% 100%,10% 87%);background:#e44d26;color:#fff!important}.css-mini{width:47px;clip-path:polygon(0 0,100% 0,90% 87%,50% 100%,10% 87%);background:#264de4;color:#fff!important}.js-mini{width:54px;background:#f7df1e;color:#111!important;font:600 18px Arial!important}.meta-mini{color:#0866ff!important;font:600 54px Arial!important}
.whatsapp-float{position:fixed;right:28px;bottom:28px;z-index:999;width:61px;height:61px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 15px 40px rgba(37,211,102,.36);transition:.3s ease;animation:waPulse 3s infinite}.whatsapp-float:hover{transform:translateY(-6px) scale(1.06)}.whatsapp-float svg{width:29px;fill:currentColor}.wa-tooltip{position:absolute;right:74px;padding:9px 14px;border-radius:25px;background:#081a33;color:#fff;white-space:nowrap;font-size:10px;opacity:0;transform:translateX(8px);transition:.3s;pointer-events:none}.whatsapp-float:hover .wa-tooltip{opacity:1;transform:none}@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:960px){.website-showcase{min-height:500px}.solution-feature,.solution-feature.reverse{grid-template-columns:1fr}.solution-feature.reverse .solution-image{order:0}.solution-image{min-height:500px}.tech-logos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.website-showcase{min-height:400px}.browser-main{width:92%;height:60%;top:16%}.phone-window{width:110px;height:225px;padding:20px 12px;border-width:5px}.phone-window h4{font-size:15px}.platform-chip{padding:7px 9px}.platform-chip span{display:none}.chip-php{left:20%}.solution-image{min-height:400px}.solution-copy{padding:58px 30px}.solution-index{font-size:54px;top:25px;right:24px}.scene-browser,.shop-screen,.code-window{width:82%}.product-card{width:120px;height:165px}.product-phone{width:155px;height:295px}.portfolio-grid{width:84%}.tech-logos>div{min-height:135px}.whatsapp-float{right:17px;bottom:17px;width:56px;height:56px}.wa-tooltip{display:none}}