@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
/* Theme Name: Ewyde Modern
Version: 1.0.0
*/
:root{--blue:#154bff;--ink:#0c192c;--paper:#faf9f5;--lime:#c1ef36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}.wrap{max-width:1240px;margin:auto;padding:0 32px}.nav{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:24px}.logo{width:135px}.links{display:flex;gap:30px;font-size:14px}.btn{display:inline-flex;align-items:center;gap:18px;border-radius:30px;padding:14px 25px;background:var(--blue);color:white;font-weight:700;font-size:14px;border:1px solid var(--blue);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #154bff28}.outline{background:transparent;color:var(--ink);border-color:#a9b1bc}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;min-height:630px;padding:65px 0 95px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);font-weight:700}.hero h1{font-size:clamp(48px,6.4vw,88px);line-height:1.02;letter-spacing:-.065em;margin:25px 0}.blue{color:var(--blue)}.lead{font-size:20px;color:#677386;max-width:480px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.art{position:relative;min-height:420px}.orb{position:absolute;width:330px;height:330px;background:var(--blue);border-radius:50%;right:0;top:5px;animation:float 8s ease-in-out infinite}.window{position:absolute;background:white;border-radius:12px;box-shadow:0 25px 60px #0c192c25;padding:17px;width:88%;transform:rotate(-7deg);top:120px;left:0}.window.dark{background:var(--ink);color:white;top:25px;left:70px;transform:rotate(8deg);width:80%}.dots{color:#89919e;font-size:15px;letter-spacing:4px}.window h3{font-size:32px;line-height:1.1;letter-spacing:-.04em;max-width:250px;margin:25px 0}.visual{height:70px;background:linear-gradient(120deg,#c1ef36,#e5f5c0);border-radius:8px;margin-top:25px}.dark .visual{background:linear-gradient(120deg,#154bff,#536cce)}.float-label{position:absolute;right:0;bottom:0;transform:rotate(-8deg);font-size:18px;color:var(--blue);border-bottom:4px solid var(--lime)}section{padding:65px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.section-title h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.05em;line-height:1.12;margin:10px 0}.small{font-size:12px;color:#647084}.clients{border-block:1px solid #dce0e6;padding:34px 0;overflow:hidden}.client-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pause{border:1px solid #d4dbe5;border-radius:20px;background:none;padding:7px 16px;font-size:12px}.client-view{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.client-track{display:flex;width:max-content;gap:18px;animation:marquee 75s linear infinite}.client-track:hover,.client-track:focus-within,.client-track.paused{animation-play-state:paused}.client{width:185px;height:80px;flex-shrink:0;background:white;border:1px solid #e3e6ec;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:17px;font-weight:700;color:#576378}.client-mark{color:var(--blue);font-size:24px}.work-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.project{transition:transform .3s}.project:hover{transform:translateY(-7px)}.project-art{height:350px;background:#e8e4dc;border-radius:16px;padding:30px;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop{background:white;box-shadow:0 20px 40px #0c192c20;width:100%;padding:24px;transform:rotate(-5deg)}.shop h3{font-family:Georgia,serif;font-size:35px;line-height:1.15}.product-shapes{display:flex;gap:12px}.product-shapes i{display:block;height:85px;flex:1;border-radius:45px 45px 10px 10px;background:#d7c5ae}.product-shapes i:nth-child(2){background:#798572}.campaign{background:var(--blue);color:white;align-items:flex-start;flex-direction:column}.campaign strong{font-size:52px;line-height:1.05;letter-spacing:-.05em}.campaign span{color:var(--lime);font-size:40px}.caption{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.caption h3{margin:3px 0;font-size:17px}.solutions{display:grid;grid-template-columns:1fr 1fr;gap:70px}.service{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #dce0e6}.service b{font-size:48px;color:var(--blue);line-height:1.1}.service h3{font-size:22px;margin:0}.service p{color:#677386;margin:8px 0;font-size:14px}.solution-art{background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:center;padding:50px;border-radius:20px;position:relative;overflow:hidden}.solution-art h3{font-size:48px;line-height:1.05;letter-spacing:-.04em;z-index:1}.solution-art:before{content:'';position:absolute;width:260px;height:260px;background:var(--blue);border-radius:50%;right:-100px;top:-80px}.lime{color:var(--lime)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:2px solid #d4dae6;padding-top:20px}.step b{font-size:36px;color:var(--blue)}.step p{font-size:14px;color:#677386}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about h2{font-size:50px;line-height:1.08;letter-spacing:-.04em}.about p{color:#677386}.about-art{background:#e9edf6;border-radius:20px;padding:50px;min-height:320px;display:flex;align-items:center;justify-content:center}.about-art strong{font-size:55px;line-height:1.15;letter-spacing:-.05em}.cta{background:var(--blue);color:white;padding:70px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:52px;line-height:1.05;letter-spacing:-.04em;margin:0}.cta .btn{background:white;color:var(--ink);border-color:white}footer{background:var(--ink);color:#ccd3df;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:40px}.footer-logo{background:white;padding:8px;border-radius:8px;width:150px}.footer-grid h4{color:white;margin-top:0}.footer-grid a{display:block;margin:9px 0;font-size:14px}.footer-grid p{font-size:14px}.legal{border-top:1px solid #344052;margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.hero-copy{animation:enter .9s both}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;padding:15px;z-index:100}a:focus-visible,button:focus-visible{outline:3px solid #7994ff;outline-offset:4px}@keyframes float{50%{transform:translateY(-18px)}}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:800px){.wrap{padding:0 22px}.links{gap:15px}.hero{grid-template-columns:1fr;padding-top:35px;gap:25px}.art{min-height:360px;max-width:500px;width:100%;margin:auto}.hero h1{font-size:65px}.work-grid,.solutions,.about{grid-template-columns:1fr;gap:30px}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start}.client{width:160px}.cta h2,.about h2{font-size:40px}.section-title{align-items:flex-start}}@media(max-width:500px){.links{display:none}.logo{width:110px}.nav .btn{padding:10px 16px}.hero h1{font-size:54px}.hero{min-height:auto}.hero .lead{font-size:18px}.window h3{font-size:27px}.window.dark{left:45px}.orb{width:260px;height:260px}.footer-grid{grid-template-columns:1fr}.project-art{height:280px}.campaign strong{font-size:43px}.legal{gap:20px;flex-direction:column}.solution-art{padding:30px}.solution-art h3{font-size:40px}.client-top{gap:10px}.client{width:145px}section{padding:45px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.client-view{overflow-x:auto}.client-track{width:max-content}}

/* Approved reference artwork and layout */
:root{--paper:#fcfaf6;--blue:#0649ff}.wrap{max-width:1240px;padding:0 28px}.nav{padding:22px 0}.logo{width:145px}.hero{grid-template-columns:1.06fr 1fr;gap:0;min-height:700px;padding:20px 0 45px}.hero h1{font-size:clamp(54px,7.5vw,100px);font-weight:800;letter-spacing:-.07em;margin:22px 0;line-height:1.02}.hero .eyebrow{display:none}.hero .lead{font-size:24px;max-width:510px;line-height:1.3}.exact-hero{min-height:0;width:110%;margin-left:-3%;animation:enter 1.2s .15s both}.artwork-crop{position:relative;overflow:hidden;aspect-ratio:var(--cw)/var(--ch);width:100%}.artwork-crop img{position:absolute;width:calc(744 / var(--cw) * 100%);max-width:none;height:auto;left:calc(-1 * var(--cx) / var(--cw) * 100%);top:calc(-1 * var(--cy) / var(--ch) * 100%)}.project>.artwork-crop{border-radius:0}.work-grid{grid-template-columns:386fr 313fr;gap:24px;align-items:start}.work-grid>.project:nth-child(2)>.artwork-crop{aspect-ratio:313/274}.caption{padding:13px 0}.section-title{margin-bottom:22px}.section-title .small{font-size:11px}.eyebrow{color:#172b4a;letter-spacing:.045em;font-size:12px}#solutions{padding-top:40px}.solutions{gap:35px;align-items:start;grid-template-columns:1fr 1.05fr}.service{padding:23px 0;gap:24px}.service b{font-size:64px;font-weight:500}.service h3{font-size:25px;line-height:1.15}.service p{font-size:16px;line-height:1.25}.process{gap:30px}.step{position:relative;padding-top:0;border:0}.step b{font-size:36px;font-weight:400;color:#9b9fc9}.step h3{border-top:2px solid #cbd1de;padding-top:22px;font-size:17px;position:relative}.step h3:before{content:'';position:absolute;width:11px;height:11px;top:-7px;left:0;border-radius:50%;background:var(--blue)}.step p{font-size:14px}.about{gap:45px}.about h2{font-size:51px;font-weight:800;letter-spacing:-.055em}.about .artwork-crop{width:100%}.cta{padding:45px 0;background:linear-gradient(120deg,#0649ff,#0646df)}.cta h2{font-size:51px}.cta-inner>div p{font-size:13px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1.5fr}.footer-logo{background:transparent;padding:0;width:150px}.legal{font-size:11px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:20px;min-height:0}.hero h1{font-size:65px}.hero .lead{font-size:20px}.exact-hero{width:100%;max-width:560px;margin:20px auto 0}.solutions,.about{grid-template-columns:1fr}.work-grid{gap:20px}.service h3{font-size:22px}.about h2{font-size:42px}.cta h2{font-size:42px}}@media(max-width:500px){.hero h1{font-size:57px}.wrap{padding:0 20px}.work-grid{grid-template-columns:1fr}.hero .lead{font-size:20px}.exact-hero{margin-top:10px}.service b{font-size:54px}.footer-logo{background:white;border-radius:8px;padding:6px}.about h2,.cta h2{font-size:38px}}

.exact-hero .artwork-crop{animation:artfloat 7s ease-in-out infinite}.project{transition:transform .35s}.project:hover{transform:translateY(-5px)}@keyframes artfloat{50%{transform:translateY(-9px)}}@media(max-width:500px){.nav{flex-wrap:wrap;gap:14px}.links{display:flex;order:3;width:100%;justify-content:space-between;font-size:13px}.nav>.btn{margin-left:auto}}
.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(52px,6.9vw,91px)}.hero h1 .blue{white-space:nowrap}.exact-hero .artwork-crop{clip-path:polygon(22% 0,100% 0,100% 100%,0 100%,0 43%,22% 43%)}@media(max-width:800px){.hero h1{font-size:clamp(40px,9vw,65px)}}
.exact-hero{width:100%;margin-left:0}.hero{overflow:hidden}
.footer-logo{background:#fff;border-radius:8px;padding:8px}
/* Typography and background refinement */
body{font-family:'Plus Jakarta Sans',Arial,sans-serif;background-color:#fdfcf9;background-image:radial-gradient(ellipse 54% 26% at 97% 5%,rgba(52,104,255,.065),transparent 75%),radial-gradient(ellipse 45% 20% at 0 40%,rgba(96,134,255,.035),transparent 75%);font-size:15px;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23999999' opacity='.1' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}h1,h2,h3,p{text-wrap:pretty}.hero h1{font-weight:800;letter-spacing:-.065em;font-size:clamp(50px,6.5vw,86px);line-height:1.06}.hero{min-height:630px;padding:20px 0 38px}.hero .lead{font-size:clamp(17px,1.85vw,22px);font-weight:400;line-height:1.55;letter-spacing:-.025em;max-width:440px;color:#59657b}.nav{padding:24px 0}.links{font-weight:600;font-size:13px;gap:32px}.btn{font-weight:600;font-size:12px;letter-spacing:-.01em;padding:13px 23px}.outline{border-color:#b9c2d0;background:rgba(255,255,255,.35)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:18px}.eyebrow:after{content:'';width:65px;height:1px;background:#99a9bf}.service h3{font-size:22px;font-weight:700;letter-spacing:-.045em;line-height:1.25}.service p{font-size:14px;line-height:1.55;color:#61708a}.service b{font-weight:500;letter-spacing:-.07em}.caption h3{font-weight:700;font-size:16px;letter-spacing:-.035em}.step h3{font-size:16px;font-weight:700;letter-spacing:-.03em}.step p{font-size:13px;line-height:1.6}.about h2{font-size:clamp(35px,4.2vw,50px);line-height:1.12;letter-spacing:-.055em}.about p{font-size:14px;line-height:1.7;max-width:450px}.cta h2{font-size:clamp(34px,4.3vw,50px);font-weight:700;letter-spacing:-.05em}.cta{background-image:radial-gradient(ellipse at 0 100%,#496eff70,transparent 50%),linear-gradient(110deg,#0749ff,#0739d0)}footer{background:linear-gradient(115deg,#0c1b2d,#091526)}.footer-grid h4{font-size:13px;font-weight:600}.footer-grid a,.footer-grid p{font-size:12px;line-height:1.8}.legal{font-size:10px}@media(max-width:800px){.hero{padding-top:25px;min-height:0}.hero h1{font-size:clamp(38px,8.8vw,64px)}.hero .lead{font-size:18px}.service h3{font-size:21px}}@media(max-width:500px){.hero h1{font-size:clamp(33px,9vw,44px)}.links{gap:12px}.hero .lead{font-size:16px}.nav{padding:20px 0}.about h2{font-size:32px}.footer-grid{gap:24px}}