/*
Theme Name: Eagle Production Digital
Author: Eagle Production
Description: White multicolor web and Android/iOS development theme with illustrated services and app-like mobile navigation.
Version: 2.17.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: eagle-studio
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#171a18;--panel:#202421;--line:#363b35;--text:#f3f4ed;--muted:#a4aaa0;--lime:#cefa69}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{height:104px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:25px;font-weight:700;letter-spacing:-1.2px;display:flex;align-items:center}.brandmark{font-size:32px;margin-right:12px;position:relative;color:var(--lime)}.brandmark span{font-size:19px;position:absolute;top:-6px;right:-8px}.muted{color:var(--muted)}header nav{display:flex;gap:32px;font-size:13px}header nav a:hover,.textlink:hover{color:var(--lime)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #51574d;border-radius:8px;padding:17px 23px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s;background:transparent;color:var(--text)}.button:hover{transform:translateY(-3px);border-color:var(--lime)}.button.lime{background:var(--lime);color:#182015;border-color:var(--lime)}.button.small{padding:12px 19px}.hero{max-width:1440px;margin:auto;padding:76px 6% 48px;display:grid;grid-template-columns:1.08fr 1fr;min-height:700px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:9px}.eyebrow i{height:7px;width:7px;border-radius:50%;background:var(--lime)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(46px,4.8vw,73px);line-height:1.1;letter-spacing:-3.5px;font-weight:600;margin:27px 0}em{color:var(--lime);font-style:normal}.hero p{font-size:14px;line-height:1.85;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.textlink{font-size:12px}.textlink span{margin-left:10px}.hero-meta{display:flex;gap:30px;margin-top:54px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.hero-art{position:relative;min-height:510px}.browser{position:absolute;top:45px;left:15px;width:390px;height:382px;background:#e9e9de;color:#1a211d;border-radius:11px;transform:rotate(-7deg);box-shadow:0 28px 60px #0008;overflow:hidden;border:5px solid #4a5045}.browser-top{background:#30372f;color:#939c8f;display:flex;justify-content:space-between;padding:10px;font-size:7px}.sample-nav{font-size:20px;font-weight:bold;padding:15px 20px;display:flex;justify-content:space-between}.sample-nav span{font-size:7px;font-weight:400;align-self:center}.sample-body{padding:14px 23px;position:relative}.sample-body>span{font-size:6px;letter-spacing:1px}.sample-body h2{font-size:47px;line-height:1.03;letter-spacing:-2.6px;margin-top:15px;position:relative;z-index:2}.sample-body em{color:#435d30}.shape{position:absolute;right:0;top:18px;width:173px;height:205px;background:linear-gradient(135deg,#b7e15d,#667b42);border-radius:50% 50% 10% 50%;transform:rotate(-25deg);box-shadow:inset -20px -14px 20px #3e522f88}.shape:after{content:'';position:absolute;inset:20px;border:1px solid #e7ffc99c;border-radius:50%}.sample-footer{margin-top:22px;font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between}.sample-footer b{font-size:20px}.phone{position:absolute;right:0;top:150px;width:172px;height:337px;transform:rotate(10deg);background:#e9eddf;border:6px solid #343b32;border-radius:28px;color:#222c20;box-shadow:0 25px 45px #0009;overflow:hidden}.notch{position:absolute;top:0;left:47px;width:63px;height:13px;background:#343b32;border-radius:0 0 10px 10px}.phone-top{padding:10px 11px;font-size:7px;display:flex;justify-content:space-between}.phone-content{padding:17px 11px}.phone-content>span{font-size:8px}.phone-content h3{font-size:20px;letter-spacing:-1px;line-height:1.15;margin-top:10px}.phone-globe{font-size:98px;line-height:1.2;text-align:center;color:#8aaf4a;text-shadow:2px 5px #526833}.phone-label{font-size:6px;letter-spacing:1px}.phone-card{background:#ccf972;margin-top:9px;padding:11px;font-size:10px;border-radius:8px;position:relative}.phone-card span{position:absolute;right:9px;top:15px;font-size:20px}.phone-tabs{text-align:center;font-size:14px;margin-top:15px}.spark{position:absolute;right:23px;top:0;font-size:98px;line-height:1;color:var(--lime);transform:rotate(12deg)}.orbit{position:absolute;border:1px solid #3e4937;border-radius:50%;width:450px;height:450px;left:20px;top:20px}.orbit.two{transform:rotate(-30deg);width:570px;height:280px;left:-45px;top:113px}.floating-tag{position:absolute;bottom:0;left:50px;background:#2c322b;border:1px solid #495141;border-radius:10px;padding:15px 22px 15px 55px;font-size:10px;line-height:1.6;transform:rotate(-4deg);box-shadow:0 8px 25px #0004}.floating-tag span{position:absolute;left:18px;font-size:26px;color:var(--lime)}.floating-tag b{font-weight:400;color:var(--muted)}.ticker{display:flex;align-items:center;justify-content:space-around;gap:25px;padding:24px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1.5px}.ticker b{font-size:25px;color:var(--lime)}.section{max-width:1440px;margin:auto;padding:95px 6%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}h2{font-size:44px;letter-spacing:-1.8px;line-height:1.16;font-weight:500}.section-heading h2{margin-top:22px}.section-heading p,.approach p,.contact p{color:var(--muted);font-size:13px;line-height:1.8}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:29px;transition:.2s}.service:hover{border-color:var(--lime);transform:translateY(-5px)}.service-top{display:flex;align-items:center;gap:15px;font-size:9px;color:var(--muted);letter-spacing:1px}.service-top b{margin-left:auto;font-size:21px;color:var(--text)}.service-icon{font-family:serif;font-size:26px;color:var(--lime);border:1px solid #525b45;border-radius:8px;width:42px;height:42px;display:grid;place-items:center}.service h3{font-size:25px;letter-spacing:-.7px;line-height:1.25;margin:29px 0 17px;font-weight:500}.service p{font-size:12px;line-height:1.85;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px}.chips span{font-size:9px;padding:6px 9px;border:1px solid #3d4438;border-radius:20px;color:#c1c8b9}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach h2{margin:23px 0}.approach p{max-width:370px}.approach .textlink{display:inline-block;margin-top:25px}.steps>div{position:relative;border-bottom:1px solid var(--line);padding:19px 0 26px 50px}.steps>div:first-child{padding-top:0}.steps span{position:absolute;left:0;color:var(--lime);font-size:12px}.steps h3{font-size:18px;font-weight:500;margin-bottom:9px}.steps p{font-size:12px}.billing{display:flex;background:#262b24;border:1px solid var(--line);border-radius:9px;padding:4px;margin-top:16px}.billing button{border:0;background:transparent;color:var(--muted);padding:10px 15px;border-radius:6px;font-size:11px;cursor:pointer}.billing button.active{background:var(--text);color:#1c2319}.billing button span{font-size:9px;color:#92ba51;margin-left:7px}.demo-note{font-size:10px;color:var(--muted);margin-bottom:28px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{border:1px solid var(--line);border-radius:13px;padding:30px;background:var(--panel);position:relative}.plan-number{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.price-card h3{font-size:29px;margin-top:22px;font-weight:500}.price-card>p{color:var(--muted);font-size:12px;margin:10px 0 25px}.price{display:flex;align-items:baseline;gap:9px;margin:25px 0}.price b{font-family:Manrope,sans-serif;font-size:39px;letter-spacing:-1.5px;font-weight:500}.price>span{font-size:10px;color:var(--muted)}.price-card .button{width:100%;font-size:11px;padding:15px}.price-card ul{list-style:none;margin:25px 0 0;padding:20px 0 0;border-top:1px solid var(--line);font-size:12px;color:#c6ccbf;line-height:2.6}.price-card li:before{content:'✓';color:var(--lime);margin-right:12px}.featured{border-color:var(--lime)}.recommended{position:absolute;top:-13px;right:22px;background:var(--lime);border-radius:5px;color:#26331c;padding:7px 12px;font-size:8px;font-weight:700;letter-spacing:1px}.custom-note{text-align:center;font-size:12px;color:var(--muted);margin-top:30px}.custom-note a{color:var(--text);border-bottom:1px solid var(--lime);margin-left:8px}.contact{background:#22291e;border-top:1px solid #414c35;border-bottom:1px solid #414c35;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-radius:15px}.contact h2{margin:24px 0}.contact-phone{display:inline-block;color:var(--lime);font-size:22px;margin-top:30px}form{display:flex;flex-direction:column;gap:17px}label{font-size:11px;display:flex;flex-direction:column;gap:8px}input,select,textarea{width:100%;background:#1a2018;border:1px solid #46513c;border-radius:7px;padding:13px;color:var(--text);font-size:12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:1px solid var(--lime)}form small{font-size:10px;color:var(--muted)}footer{max-width:1440px;margin:auto;padding:42px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}.mobile-nav{display:none}@media(min-width:1440px){.contact{max-width:1267px}}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr;padding-top:60px}.browser{width:320px;height:370px;left:0}.phone{right:-10px;top:160px;width:155px}.hero-art{min-height:500px}h1{font-size:55px}.actions{gap:16px;flex-wrap:wrap}.service{padding:22px}.price-card{padding:24px}.approach{gap:50px}.ticker{font-size:9px}.contact{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:25px}header{height:80px;padding:0 6%}header nav{display:none}.logo{font-size:22px}.brandmark{font-size:28px}header .button{font-size:11px;padding:10px 13px;gap:15px}.hero{display:flex;flex-direction:column;padding-top:40px;padding-bottom:35px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:clamp(43px,10.4vw,66px);letter-spacing:-2.5px;line-height:1.09;margin:24px 0}.hero p{font-size:13px}.actions{gap:19px;margin-top:25px}.actions .button{padding:15px 17px;font-size:12px;gap:17px}.textlink{font-size:11px}.hero-meta{margin-top:31px;font-size:7px;gap:22px}.hero-art{height:440px;min-height:0;margin-top:30px;width:100%;max-width:440px;align-self:center}.browser{top:40px;left:4%;width:76%;height:335px}.sample-body h2{font-size:41px}.sample-nav{font-size:17px}.shape{width:135px;height:180px}.phone{width:145px;height:295px;top:110px;right:3%}.phone-content{padding:15px 9px}.phone-content h3{font-size:18px}.phone-globe{font-size:77px}.phone-card{font-size:9px}.phone-tabs{font-size:12px}.notch{left:41px;width:53px}.spark{right:9%;font-size:70px;top:0}.orbit{width:330px;height:330px;left:3%;top:30px}.orbit.two{width:390px;height:230px;top:100px;left:0}.floating-tag{bottom:0;left:7%;font-size:9px;padding:12px 18px 12px 49px}.ticker{padding:19px 6%;gap:18px;overflow:hidden;justify-content:flex-start;white-space:nowrap;font-size:9px}.ticker b{font-size:20px}.section{padding:55px 6%}h2{font-size:33px;letter-spacing:-1.4px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{margin:18px 0}.section-heading p{font-size:12px}.services,.pricing{grid-template-columns:1fr}.service{padding:26px}.service h3{margin:23px 0 14px;font-size:27px}.service p{max-width:330px}.chips{margin-top:20px}.approach{grid-template-columns:1fr;gap:25px}.approach .steps{margin-top:12px}.billing{width:max-content}.plans .section-heading{display:flex;align-items:start;flex-direction:column;gap:0}.pricing{gap:25px}.price-card{padding:28px}.price-card h3{margin-top:18px}.price{margin:20px 0}.price-card ul{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;font-size:11px}.custom-note{font-size:11px;line-height:2}.custom-note a{display:block;margin-left:0}.contact{border-radius:0;grid-template-columns:1fr;gap:35px}.contact-phone{font-size:21px;margin-top:20px}footer{display:grid;grid-template-columns:1fr 1fr;padding-bottom:112px;row-gap:22px}footer .logo{font-size:21px}footer>span{font-size:9px}.mobile-nav{display:flex;position:fixed;z-index:50;bottom:12px;left:4%;right:4%;justify-content:space-around;background:#292f26f5;border:1px solid #4e5945;border-radius:19px;padding:10px 5px max(10px,env(safe-area-inset-bottom));box-shadow:0 10px 45px #0009;backdrop-filter:blur(16px)}.mobile-nav a{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:9px;color:#a9b09f;min-width:58px}.mobile-nav a span{font-size:22px;line-height:1.2}.mobile-nav a.active{color:var(--lime)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Vibrant multicolor edition */
:root{--bg:#100e23;--panel:#211936;--line:#493a65;--text:#fff8ff;--muted:#beb4d2;--lime:#83f9e3}
body{background:radial-gradient(ellipse at 5% 8%,#522b8b66,transparent 30%),radial-gradient(ellipse at 95% 15%,#0f777b4d,transparent 27%),#100e23}
header{background:#130f27b3;border-color:#7350a544}.brandmark{color:#ff98d8}header .button{background:linear-gradient(120deg,#7844d5,#cf3f9f);border-color:#e3a2ff66}.hero{background:radial-gradient(ellipse at 85% 40%,#c1459740,transparent 55%)}h1 em,.approach em,.contact em{background:linear-gradient(95deg,#ff9ccf 0%,#be9cff 38%,#82e9ff 75%,#83f9ce 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow i{background:#ffae78;box-shadow:0 0 18px #ff9c7c}.button.lime{background:linear-gradient(110deg,#ffad7b,#ff83b9 48%,#b89bff);border-color:#ffb8df;color:#281339;box-shadow:0 8px 25px #c54b9e26}.button:hover{border-color:#ffa4e0;box-shadow:0 8px 24px #9f4fe32e}.hero-meta{color:#c4b2df}.spark{color:#ffb66e;text-shadow:0 0 45px #ee6db449}.orbit{border-color:#9655d563}.orbit.two{border-color:#4adbe660}.browser{border-color:#6252a0;background:#f4ecff}.browser-top{background:#332654;color:#c8b5e4}.sample-body em{color:#8746c2}.shape{background:linear-gradient(135deg,#ffab7f,#e778bd 45%,#8b66dc);box-shadow:inset -20px -14px 20px #5b2b8666}.shape:after{border-color:#fff4fb9c}.phone{background:#f5eaff;border-color:#5d437e;color:#382247}.notch{background:#5d437e}.phone-globe{color:#b567d9;text-shadow:3px 4px #eaa780}.phone-card{background:linear-gradient(120deg,#ffd297,#ffa9d3,#c2a4fa)}.floating-tag{background:linear-gradient(115deg,#48306a,#283b57);border-color:#ad7dd19c}.floating-tag span{color:#ffc78a}.ticker{background:linear-gradient(100deg,#6236a4,#a1357e 45%,#285c8f 80%,#1b7473);border-color:#b678da5c;color:white}.ticker b:nth-of-type(1){color:#ffd390}.ticker b:nth-of-type(2){color:#ffabe4}.ticker b:nth-of-type(3){color:#85edff}.ticker b:nth-of-type(4){color:#a5ffbd}.service{border-color:#785b955e;box-shadow:0 15px 45px #0704142b}.service:nth-child(1){background:radial-gradient(ellipse at top right,#b76bff30,transparent 70%),#2a1c43}.service:nth-child(2){background:radial-gradient(ellipse at top right,#4ae8e530,transparent 70%),#142f3c;border-color:#38889877}.service:nth-child(3){background:radial-gradient(ellipse at top right,#ff906a33,transparent 70%),#3c223b;border-color:#a9567f77}.service:nth-child(1) .service-icon{color:#d8b5ff;background:#a764e51c;border-color:#ad73e5}.service:nth-child(2) .service-icon{color:#80f1f0;background:#4edbdc1c;border-color:#4aa9b7}.service:nth-child(3) .service-icon{color:#ffbc93;background:#f491681c;border-color:#dc8ba6}.service-top{color:#d0bedf}.service p{color:#d0c2db}.chips span{color:#e6dbef;border-color:#ffffff26;background:#ffffff08}.service:hover{border-color:#e1afff}.service:nth-child(2):hover{border-color:#8efaf0}.service:nth-child(3):hover{border-color:#ffb39d}.approach{background:linear-gradient(120deg,#23163860,#162b3e50);border-color:#6e4c874d}.steps>div:nth-child(1) span{color:#d7acff}.steps>div:nth-child(2) span{color:#89f2ed}.steps>div:nth-child(3) span{color:#ffc092}.billing{background:#28203e;border-color:#5f4977}.billing button.active{background:linear-gradient(120deg,#d0abff,#ffb7da);color:#2e1b3e}.billing button span{color:#9ef7dc}.billing button.active span{color:#325e56}.price-card:nth-child(1){background:linear-gradient(145deg,#35204e,#211831);border-color:#9160b780}.price-card:nth-child(2){background:linear-gradient(145deg,#173e49,#20253e);border-color:#76e7de;box-shadow:0 0 35px #4bb6d21a}.price-card:nth-child(3){background:linear-gradient(145deg,#492340,#281a31);border-color:#c46b9e80}.price-card:nth-child(1) .price b{color:#d9b5ff}.price-card:nth-child(2) .price b{color:#8ff4ea}.price-card:nth-child(3) .price b{color:#ffb7ce}.price-card:nth-child(1) li:before{color:#d9b5ff}.price-card:nth-child(3) li:before{color:#ffbc9a}.price-card ul{color:#e0d2eb;border-color:#ffffff21}.price-card .button{border-color:#ffffff40}.recommended{background:linear-gradient(110deg,#83f9df,#8bcfff);color:#173c44}.featured .button.lime{background:linear-gradient(110deg,#88f7d7,#8ed7ff);border-color:#a0f2ed;color:#1d3346}.custom-note a{border-color:#f1a4db}.contact{background:radial-gradient(ellipse at 0 80%,#a3428c36,transparent 55%),linear-gradient(115deg,#31204a,#172f48);border-color:#8557a0}.contact-phone{color:#a6eaff}input,select,textarea{background:#181328;border-color:#6d527f}input:focus,select:focus,textarea:focus{outline-color:#ffafdc}.contact form .button{background:linear-gradient(110deg,#b39aff,#fa99cb,#ffbd96)}.mobile-nav{background:linear-gradient(110deg,#352146f5,#252444f5,#173848f5);border-color:#b785d96e}.mobile-nav a{color:#d1c6e2}.mobile-nav a.active{color:#ffd194}.mobile-nav a:nth-child(2).active{color:#d6b5ff}.mobile-nav a:nth-child(3).active{color:#8ef4e9}.mobile-nav a:nth-child(4).active{color:#ffb8dd}

/* White foundation with bright multicolor accents */
:root{--bg:#fff;--panel:#fff;--line:#e6e5ef;--text:#22223b;--muted:#686b80;--lime:#7051dd}
body{background:#fff;color:var(--text)}header{background:#fff;border-color:#eceaf4}.brandmark{color:#7950df}header .button{background:linear-gradient(110deg,#7152e9,#b947ae);color:white;border:0}.hero{background:radial-gradient(ellipse at 95% 30%,#e7faff 0,transparent 48%),radial-gradient(ellipse at 60% 65%,#f7e6ff 0,transparent 45%),#fff}.hero-copy{position:relative;z-index:1}h1 em,.approach em,.contact em{background:linear-gradient(95deg,#7446cc,#b5388e 45%,#2279c6 78%,#087d79);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow i{background:#e86b3e;box-shadow:0 0 15px #f8b797}.eyebrow{color:#61547a}.hero p,.section-heading p,.approach p,.contact p{color:#62677b}.hero-meta{color:#76768a}.button{color:#383453;border-color:#cbc5df;background:white}.button.lime,.contact form .button{background:linear-gradient(105deg,#7453e4,#b349b1 60%,#d64c80);color:#fff;border:0;box-shadow:0 10px 24px #9863c32b}.textlink:hover,header nav a:hover{color:#8153d5}.spark{color:#ffa448;text-shadow:0 0 45px #ffdaa2}.orbit{border-color:#cdb8ee}.orbit.two{border-color:#9be0ed}.floating-tag{background:linear-gradient(115deg,#fff0fa,#ecf6ff);color:#4b365d;border-color:#ddc9ef;box-shadow:0 8px 25px #80709926}.floating-tag span{color:#a852bb}.floating-tag b{color:#746580}.ticker{background:linear-gradient(100deg,#efe7ff,#ffe7f1 40%,#e4f4ff 75%,#ddf9f3);border-color:#ece2f4;color:#4b3d66}.ticker b:nth-of-type(1){color:#a264d2}.ticker b:nth-of-type(2){color:#d75192}.ticker b:nth-of-type(3){color:#248ebb}.ticker b:nth-of-type(4){color:#1c9c89}.service{box-shadow:0 12px 35px #5d48780c}.service:nth-child(1){background:linear-gradient(145deg,#f4edff,#fff);border-color:#e0cff8}.service:nth-child(2){background:linear-gradient(145deg,#e6f9fc,#fff);border-color:#bfe9ef}.service:nth-child(3){background:linear-gradient(145deg,#fff0e9,#fff5fb);border-color:#f4d1db}.service-top{color:#766789}.service-top b{color:#655173}.service:nth-child(1) .service-icon{color:#8150bd;background:#eaddfa;border-color:#c8a5eb}.service:nth-child(2) .service-icon{color:#177f94;background:#d6f2f5;border-color:#8acbd5}.service:nth-child(3) .service-icon{color:#b84f70;background:#ffe2e7;border-color:#edb0bd}.service p{color:#68677a}.chips span{color:#74627f;border-color:#ddcee7;background:#ffffffb3}.approach{background:linear-gradient(110deg,#faf5ff,#f1faff);border-color:#e9e1f1}.steps>div{border-color:#dddbea}.steps>div:nth-child(1) span{color:#8c53c5}.steps>div:nth-child(2) span{color:#148d99}.steps>div:nth-child(3) span{color:#d26e45}.billing{background:#f2eef9;border-color:#e1d8ee}.billing button{color:#6c617e}.billing button.active{background:linear-gradient(120deg,#8056dc,#b34bba);color:white}.billing button span{color:#18786d}.billing button.active span{color:#c4ffed}.price-card:nth-child(1){background:linear-gradient(160deg,#f3edff,#fff 70%);border-color:#ded0f2}.price-card:nth-child(2){background:linear-gradient(160deg,#e6faf8,#f3fbff 65%,#fff);border-color:#39b5af;box-shadow:0 14px 45px #48acb51c}.price-card:nth-child(3){background:linear-gradient(160deg,#fff0f4,#fff8f2 65%,#fff);border-color:#efcfda}.price-card:nth-child(1) .price b{color:#8053be}.price-card:nth-child(2) .price b{color:#127f87}.price-card:nth-child(3) .price b{color:#bf517f}.price-card:nth-child(1) li:before{color:#8853c5}.price-card:nth-child(2) li:before{color:#128d88}.price-card:nth-child(3) li:before{color:#cc6580}.price-card ul{color:#656379;border-color:#e8e0ec}.price-card .button{border-color:#d4c6e2}.featured .button.lime{background:linear-gradient(110deg,#148f95,#3975c9);color:#fff;border:0}.recommended{background:linear-gradient(110deg,#138d91,#347fbd);color:white}.custom-note a{color:#7650a4;border-color:#c4a4e4}.contact{background:radial-gradient(ellipse at 0 80%,#ffdce74d,transparent 55%),linear-gradient(115deg,#f5ecff,#eaf8ff);border-color:#dfcfeb}.contact-phone{color:#7951b7}input,select,textarea{background:#ffffffed;border-color:#d8cde6;color:#353247}input::placeholder,textarea::placeholder{color:#858095}input:focus,select:focus,textarea:focus{outline-color:#9e71d4}.mobile-nav{background:#fffffff5;border-color:#e1d4ed;box-shadow:0 8px 35px #76618c30}.mobile-nav a{color:#777184}.mobile-nav a.active{color:#b15c25}.mobile-nav a:nth-child(2).active{color:#8450c2}.mobile-nav a:nth-child(3).active{color:#13838d}.mobile-nav a:nth-child(4).active{color:#bf4c8a}footer{background:#fff}
/* Illustrated web and mobile services */
.picture-hero{display:flex;align-items:center;justify-content:center;isolation:isolate}.picture-hero>img{width:122%;height:auto;max-width:none;object-fit:contain;mix-blend-mode:multiply;border-radius:35px;transform:rotate(-3deg)}.visual-pill,.platform-pill{position:absolute;background:#ffffffed;border:1px solid #e8def5;border-radius:30px;box-shadow:0 10px 40px #7053971a;padding:15px 22px;font-size:12px;color:#514466}.visual-pill{top:45px;right:10px;transform:rotate(5deg)}.visual-pill span{color:#d17f36;margin-right:7px}.platform-pill{bottom:48px;left:20px}.platform-pill b{color:#b59ad4;padding:0 8px}.solution{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.solution-picture{position:relative;background:linear-gradient(130deg,#e6edff,#fae9fb);padding:22px;border-radius:28px;transform:rotate(-2deg)}.solution-picture img{display:block;width:100%;height:440px;object-fit:cover;border-radius:17px}.picture-caption{display:block;font-size:8px;letter-spacing:1.5px;text-align:center;margin-top:18px;color:#75647e}.solution-copy h2{margin:22px 0;font-size:45px}.solution-copy>p{font-size:13px;color:#6b687e;line-height:1.85}.solution-copy em{color:#8151bc}.feature-list{margin:24px 0}.feature-list>div{display:flex;gap:17px;border-bottom:1px solid #eee6f2;padding:15px 0}.feature-list b{font-size:11px;color:#9a65c6;padding-top:2px}.feature-list span{font-size:12px;color:#746c80;line-height:1.7}.feature-list strong{display:block;font-weight:600;font-size:14px;color:#42344f;margin-bottom:4px}.solution-copy .button{margin-top:25px}.app-solution{background:linear-gradient(120deg,#faf7ff,#f0faff);border-radius:30px}.app-showcase{background:linear-gradient(145deg,#f7eaff,#dff7ff);padding:25px;border-radius:30px;border:1px solid #ece1f6}.app-showcase img{width:100%;height:auto;mix-blend-mode:multiply}.app-platforms{display:flex;gap:12px;margin-top:15px}.app-platforms>span{background:#ffffffcf;flex:1;border-radius:14px;padding:18px;font-size:10px;color:#7d6b8e}.app-platforms b{display:block;font-size:21px;color:#4e3464;margin-bottom:5px}.app-showcase>p{font-size:9px;text-align:center;margin-top:20px;color:#7d6f88}.quote-label{font-size:17px;color:#8b51af;min-height:70px;padding-top:12px}.price-card:nth-child(2) .quote-label{color:#17848b}.price-card:nth-child(3) .quote-label{color:#ba587d}.development-plans li{font-size:12px}.approach .eyebrow{font-size:9px}
@media(min-width:1440px){.app-solution{max-width:1267px}}@media(max-width:1100px){.solution{gap:35px}.solution-copy h2{font-size:36px}.solution-picture img{height:380px}}@media(max-width:760px){.picture-hero{height:340px;margin-top:15px}.picture-hero>img{width:110%;border-radius:20px}.visual-pill{top:10px;right:0;font-size:10px;padding:11px 15px}.platform-pill{bottom:4px;left:10%;font-size:10px;padding:12px 16px}.solution{grid-template-columns:1fr;gap:35px}.solution-picture{margin:0 5px}.solution-picture img{height:300px}.solution-copy h2{font-size:34px}.app-solution{border-radius:0}.app-showcase{padding:16px}.app-showcase>p{font-size:8px}.app-solution .solution-copy{order:2}.app-solution .app-showcase{order:1}.quote-label{min-height:60px}.development-plans ul{grid-template-columns:1fr 1fr}}
/* Full-bleed photographic carousel, aligned to page content */
.hero.hero-slider{display:block;max-width:none;width:100%;padding:0;overflow:hidden;position:relative;background:#faf8ff;min-height:0}.hero-stage{position:relative;height:660px}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;pointer-events:none;overflow:hidden}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff 0%,#fffffff5 26%,#ffffffe6 40%,#ffffff8a 53%,#ffffff05 75%)}.slide-inner{max-width:1440px;height:100%;padding:65px 6% 55px;margin:auto;position:relative;display:flex;align-items:center}.hero-slider .hero-copy{width:59%;max-width:690px}.hero-slider h1{font-size:clamp(43px,4.25vw,65px);letter-spacing:-2.8px;line-height:1.12}.hero-slider p{max-width:460px;min-height:76px;font-size:14px;line-height:1.85}.hero-slider .hero-meta{margin-top:35px}.hero-slide[data-slide="2"] .slide-shade,.hero-slide[data-slide="3"] .slide-shade{background:linear-gradient(90deg,#fff 0%,#fffffff5 25%,#ffffffe6 39%,#ffffff7a 53%,#ffffff00 75%)}.slider-controls{position:relative;z-index:2;max-width:1440px;padding:20px 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.slider-tabs{display:flex;gap:26px}.slider-tab{border:0;border-bottom:2px solid transparent;background:none;padding:9px 0 13px;color:#777086;cursor:pointer;font-size:12px;white-space:nowrap}.slider-tab span{font-size:9px;color:#9b88b3;margin-right:9px}.slider-tab.is-active{color:#784cc1;border-color:#a465d2}.slider-tab:nth-child(2).is-active{color:#157d96;border-color:#2e9fbc}.slider-tab:nth-child(3).is-active{color:#c0538d;border-color:#d878ab}.slider-tab:nth-child(4).is-active{color:#b66d28;border-color:#db9f48}.slider-arrows{display:flex;gap:8px}.slider-arrows button{width:36px;height:36px;background:#fff;border:1px solid #e0d6eb;border-radius:50%;font-size:16px;color:#74538e;cursor:pointer}.slider-arrows button:hover{background:#eee6fa}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-slider:focus-within .slider-controls{outline-offset:-3px}
@media(min-width:1440px){.slide-inner{padding-left:86.4px;padding-right:86.4px}.slider-controls{padding-left:86.4px;padding-right:86.4px}}
@media(max-width:1000px){.hero-stage{height:610px}.hero-slider .hero-copy{width:65%}.hero-slider h1{font-size:48px}.slider-tabs{gap:17px}.slider-tab{font-size:10px}.slide-shade{background:linear-gradient(90deg,#fff 0%,#fffffff5 28%,#ffffffd9 48%,#ffffff40 78%)}}
@media(max-width:760px){.hero-stage{height:710px}.slide-image{height:340px;top:auto;bottom:0;object-position:center}.slide-shade,.hero-slide[data-slide="2"] .slide-shade,.hero-slide[data-slide="3"] .slide-shade{background:linear-gradient(180deg,#fff 0%,#fff 49%,#ffffffd9 57%,#ffffff00 74%)}.slide-inner{padding:32px 6% 0;align-items:flex-start}.hero-slider .hero-copy{width:100%;max-width:none}.hero-slider h1{font-size:clamp(36px,8.6vw,52px);letter-spacing:-1.8px;margin:19px 0}.hero-slider p{font-size:12px;line-height:1.75;min-height:64px;max-width:440px}.hero-slider .actions{margin-top:18px;gap:14px}.hero-slider .hero-meta{margin-top:20px;font-size:7px}.hero-slider .eyebrow{font-size:8px}.slider-controls{padding:14px 6% 20px;flex-wrap:wrap;gap:10px}.slider-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:4px 20px}.slider-tab{text-align:left;font-size:11px;padding:9px 0}.slider-arrows{margin-left:auto}.slider-arrows button{width:32px;height:32px}.hero-slider .button{font-size:11px}.hero-slider .textlink{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
/* Feather the full-width photography into the white page. */
.hero.hero-slider{background:#fff}.hero-slide:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#fff 0%,#ffffff00 13%,#ffffff00 76%,#ffffffc7 92%,#fff 100%)}.slide-inner{z-index:1}.slider-controls{background:#fff}.slide-image{filter:saturate(.92)}.hero-slide .slide-shade{background:linear-gradient(90deg,#fff 0%,#fffffff7 25%,#ffffffe8 38%,#ffffffb3 48%,#ffffff54 59%,#ffffff08 77%,#ffffff26 100%)}.hero-slider .hero-copy{max-width:650px}.hero-stage{border:0;border-radius:0;box-shadow:none}
@media(max-width:760px){.hero-slide .slide-shade,.hero-slide[data-slide="2"] .slide-shade,.hero-slide[data-slide="3"] .slide-shade{background:linear-gradient(180deg,#fff 0%,#fff 49%,#fffffff2 54%,#ffffff9c 62%,#ffffff00 77%)}.hero-slide:after{background:linear-gradient(180deg,#ffffff00 0%,#ffffff00 83%,#ffffff9c 94%,#fff 100%)}.slide-image{mask-image:linear-gradient(180deg,transparent,#000 24%,#000 78%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 78%,transparent)}}
/* Keep hero banners within the same page container as all content. */
.hero.hero-slider{max-width:1440px;width:100%;margin-left:auto;margin-right:auto;padding:0 6%;box-sizing:border-box}.hero-stage{width:100%}.slide-inner{max-width:none;padding:55px 0;margin:0}.slider-controls{max-width:none;padding:20px 0}.slide-image{width:100%;inset:0}.hero-slider .hero-copy{width:58%}
@media(min-width:1440px){.hero.hero-slider{padding-left:86.4px;padding-right:86.4px}.slide-inner{padding-left:0;padding-right:0}.slider-controls{padding-left:0;padding-right:0}}
@media(max-width:1000px){.hero-slider .hero-copy{width:65%}}
@media(max-width:760px){.hero.hero-slider{padding:0 6%}.slide-inner{padding:30px 0 0}.hero-slider .hero-copy{width:100%}.slider-controls{padding:14px 0 20px}.slide-image{top:auto;bottom:0;height:340px}.hero-stage{height:710px}}
/* Restore clear side-by-side banners; no feathering or image overlays. */
.hero-slide{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:#fff}.hero-slide:after,.hero-slide .slide-shade{display:none;background:none}.hero-slide .slide-image{position:static;grid-column:2;grid-row:1;width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center;border-radius:22px;mask-image:none;-webkit-mask-image:none;filter:none;opacity:1}.hero-slide .slide-inner{grid-column:1;grid-row:1;padding:45px 0;width:100%;height:auto;position:static;display:block}.hero-slider .hero-copy{width:100%;max-width:none}.hero-slider h1{font-size:clamp(38px,3.7vw,57px)}.hero-stage{height:650px}.hero-slider .hero-copy p{max-width:460px}.hero-slider .hero-meta{gap:20px}
@media(max-width:1000px){.hero-slide{gap:24px}.hero-slider h1{font-size:42px}.hero-stage{height:610px}.hero-slider .hero-copy{width:100%}}
@media(max-width:760px){.hero-slide{grid-template-columns:1fr;grid-template-rows:auto auto;gap:15px;align-content:start}.hero-slide .slide-inner{grid-column:1;grid-row:1;padding:30px 0 0}.hero-slide .slide-image{grid-column:1;grid-row:2;width:100%;height:auto;max-height:300px;border-radius:16px;object-fit:contain;mask-image:none;-webkit-mask-image:none}.hero-slider h1{font-size:clamp(34px,8.3vw,48px)}.hero-stage{height:760px}.hero-slider p{min-height:0}.hero-slider .hero-meta{margin-top:18px}.hero-slider .actions{margin-top:17px}}
/* Reference composition: original device artwork, large headline and floating labels. */
.hero.hero-slider{background:radial-gradient(ellipse at 90% 25%,#e7faff 0,transparent 48%),radial-gradient(ellipse at 57% 80%,#f7e6ff 0,transparent 45%),#fff;padding-top:38px}.hero-stage{height:700px}.hero-slide{grid-template-columns:1.08fr 1fr;gap:0;background:transparent;overflow:visible}.hero-slide .slide-inner{padding:35px 0}.hero-slider h1{font-size:clamp(46px,4.8vw,73px);letter-spacing:-3.5px;line-height:1.1;margin:27px 0}.hero-slider p{font-size:14px;line-height:1.85;min-height:76px}.hero-slider .actions{margin-top:32px}.hero-slider .hero-meta{margin-top:54px;gap:30px}.slide-visual{grid-column:2;grid-row:1;position:relative;min-width:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-slide .slide-visual .slide-image{display:block;width:110%;max-width:none;height:auto;max-height:590px;object-fit:contain;border-radius:30px;transform:rotate(-3deg);grid-column:auto;grid-row:auto;mix-blend-mode:multiply}.slide-visual .visual-pill{top:0;right:0;z-index:2;transform:rotate(5deg)}.slide-visual .platform-pill{bottom:-12px;left:12%;z-index:2}.hero-slider .slider-controls{background:transparent;padding-top:14px}.hero-slider .hero-copy{position:relative;z-index:3}.hero-slide:after,.slide-shade{display:none!important}.hero-slide .slide-image{mask-image:none!important;-webkit-mask-image:none!important;filter:none}
@media(max-width:1100px){.hero-slider h1{font-size:55px}.hero-stage{height:650px}.slide-visual .visual-pill{font-size:10px;padding:11px 15px}.slide-visual .platform-pill{font-size:10px;padding:12px 15px}.hero-slider .actions{gap:16px}}
@media(max-width:760px){.hero.hero-slider{padding-top:0}.hero-stage{height:850px}.hero-slide{grid-template-columns:1fr;gap:35px;align-content:start}.hero-slide .slide-inner{padding:38px 0 0}.hero-slider h1{font-size:clamp(43px,10.4vw,66px);letter-spacing:-2.5px;margin:24px 0}.hero-slider p{font-size:13px;min-height:0}.hero-slider .hero-meta{margin-top:31px;font-size:7px;gap:22px}.hero-slider .actions{margin-top:25px;gap:19px}.hero-slider .button{font-size:12px}.slide-visual{grid-column:1;grid-row:2;margin-top:15px}.hero-slide .slide-visual .slide-image{width:100%;max-height:310px;border-radius:20px}.slide-visual .visual-pill{top:-15px;right:0;font-size:9px;padding:10px 13px}.slide-visual .platform-pill{bottom:-14px;left:8%;font-size:9px;padding:11px 14px}.hero-slider .slider-controls{padding-top:10px}.hero-slider .hero-copy{width:100%}}
/* Spacious full-width multicolor hero with lightly feathered artwork. */
.hero.hero-slider{max-width:none;width:100%;padding:50px max(5vw,calc((100vw - 1560px)/2)) 10px;background:radial-gradient(ellipse at 6% 10%,#e8d9ff 0,transparent 43%),radial-gradient(ellipse at 90% 15%,#c6f3ff 0,transparent 48%),radial-gradient(ellipse at 84% 90%,#ffe1c8 0,transparent 48%),radial-gradient(ellipse at 35% 95%,#ffd9ed 0,transparent 47%),linear-gradient(115deg,#f5efff,#effaff 50%,#fff0f7);overflow:hidden}.hero-stage{height:800px;max-width:1560px;margin:auto}.hero-slide{grid-template-columns:1fr 1.12fr;gap:24px;background:transparent;overflow:visible}.hero-slide .slide-inner{padding:50px 0}.hero-slider h1{font-size:clamp(48px,4.6vw,77px)}.slide-visual{width:100%;min-width:0}.hero-slide .slide-visual .slide-image{width:110%;max-width:none;max-height:670px;height:auto;object-fit:contain;mix-blend-mode:normal;border-radius:0;transform:rotate(-2deg);mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 96%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 96%,transparent 100%);-webkit-mask-composite:source-in;opacity:1;filter:none}.hero-slide .slide-image{mask-image:unset!important;-webkit-mask-image:unset!important}.hero-slide .slide-visual .slide-image{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)!important}.slide-visual .visual-pill{top:12px;right:0}.slide-visual .platform-pill{bottom:4px}.hero-slider .slider-controls{max-width:1560px;padding:20px 0 24px;background:transparent}.hero-slide:after,.hero-slide .slide-shade{display:none!important}
@media(max-width:1100px){.hero-stage{height:730px}.hero-slider h1{font-size:55px}.hero-slide{gap:18px}.hero.hero-slider{padding-left:5%;padding-right:5%}.hero-slide .slide-visual .slide-image{width:108%}}
@media(max-width:760px){.hero.hero-slider{padding:15px 6% 8px}.hero-stage{height:960px}.hero-slide{grid-template-columns:1fr;gap:30px;align-content:start}.hero-slide .slide-inner{padding:30px 0 0}.hero-slider h1{font-size:clamp(43px,10.4vw,66px)}.hero-slide .slide-visual .slide-image{width:110%;max-height:380px;height:auto}.slide-visual{margin-top:25px}.slide-visual .visual-pill{top:-10px}.slide-visual .platform-pill{bottom:-5px}.hero-slider .slider-controls{padding:15px 0 22px}}
/* Oversized artwork blending into the copy, without a rectangular frame. */
.hero-slide{grid-template-columns:1fr 1.12fr;gap:0;isolation:isolate}.hero-slide .slide-inner{position:relative;z-index:3;pointer-events:none}.hero-slide .slide-inner a{pointer-events:auto}.slide-visual{position:relative;z-index:1;width:135%;margin-left:-22%;min-height:660px;display:flex;align-items:center;justify-content:center}.hero-slide .slide-visual .slide-image{width:118%;height:730px;max-height:none;object-fit:cover;object-position:center;transform:none;border-radius:0;box-shadow:none;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%)!important;mask-composite:intersect;-webkit-mask-composite:source-in}.slide-visual .visual-pill{right:10%;top:55px}.slide-visual .platform-pill{left:30%;bottom:45px}.hero-slider .hero-copy{position:relative;z-index:4}.hero-slider .hero-copy p{text-shadow:0 1px 9px #fff}.hero-slider h1{position:relative;z-index:4}
@media(max-width:1100px){.slide-visual{width:132%;margin-left:-20%;min-height:580px}.hero-slide .slide-visual .slide-image{height:650px;width:118%}.hero-slider h1{font-size:52px}}
@media(max-width:760px){.hero-stage{height:1010px}.hero-slide .slide-inner{z-index:3}.slide-visual{width:125%;margin-left:-12.5%;margin-top:-35px;min-height:440px}.hero-slide .slide-visual .slide-image{width:100%;height:480px;max-height:none;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 87%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 87%,transparent)!important}.slide-visual .visual-pill{top:55px;right:12%}.slide-visual .platform-pill{left:20%;bottom:25px}.hero-slider h1{font-size:clamp(43px,10.4vw,66px)}}
/* Consistent full-width page sections and shared roomy content alignment. */
:root{--page-gutter:max(5vw,calc((100vw - 1560px)/2))}header,footer,.section,.app-solution,.contact,.approach{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:var(--page-gutter);padding-right:var(--page-gutter);box-sizing:border-box}.section,.app-solution,.contact{border-radius:0}.section{padding-top:105px;padding-bottom:105px}header{background:#ffffffed}#services{background:radial-gradient(ellipse at 0% 5%,#f0e8ff,transparent 50%),radial-gradient(ellipse at 100% 100%,#e9fbff,transparent 50%),#fff}#websites{background:linear-gradient(115deg,#fff7fc,#f1f7ff)}.app-solution{background:radial-gradient(ellipse at 95% 20%,#d8f5ff,transparent 60%),linear-gradient(115deg,#f3edff,#f3fcff)}.approach{background:linear-gradient(105deg,#f1e8ff,#fceaf3 50%,#e9f7ff)}.plans{background:radial-gradient(ellipse at 0 85%,#f6eaff,transparent 45%),radial-gradient(ellipse at 100% 10%,#e7f9f7,transparent 45%),#fff}.contact{background:linear-gradient(115deg,#eee2ff,#fce6f1 48%,#dff5ff)}.ticker{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}footer{padding-top:42px;padding-bottom:42px;background:#fff}.services,.pricing{gap:24px}.solution{gap:80px}
@media(max-width:1100px){.solution{gap:40px}.services,.pricing{gap:18px}}
@media(max-width:760px){:root{--page-gutter:6vw}.section{padding-top:60px;padding-bottom:60px}.solution{gap:35px}.contact{gap:35px}.services,.pricing{gap:20px}footer{padding-bottom:112px}.hero.hero-slider{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}}
/* Larger secondary slide images with softer left/right blending. */
.hero-slide:not([data-slide="0"]) .slide-visual{width:150%;margin-left:-30%;min-height:710px}.hero-slide:not([data-slide="0"]) .slide-visual .slide-image{width:125%;height:800px;max-height:none;object-fit:cover;mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 77%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 13%,#000 84%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 77%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 13%,#000 84%,transparent 100%)!important;mask-composite:intersect;-webkit-mask-composite:source-in}.hero-slide:not([data-slide="0"]) .slide-visual .visual-pill{right:16%;top:72px}.hero-slide:not([data-slide="0"]) .slide-visual .platform-pill{left:34%;bottom:50px}
@media(max-width:1100px){.hero-slide:not([data-slide="0"]) .slide-visual{width:145%;margin-left:-27%;min-height:630px}.hero-slide:not([data-slide="0"]) .slide-visual .slide-image{height:720px}}
@media(max-width:760px){.hero-slide:not([data-slide="0"]) .slide-visual{width:145%;margin-left:-22.5%;min-height:460px;margin-top:-35px}.hero-slide:not([data-slide="0"]) .slide-visual .slide-image{width:100%;height:530px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent),linear-gradient(180deg,transparent,#000 22%,#000 82%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent),linear-gradient(180deg,transparent,#000 22%,#000 82%,transparent)!important}.hero-slide:not([data-slide="0"]) .slide-visual .visual-pill{right:20%;top:65px}.hero-slide:not([data-slide="0"]) .slide-visual .platform-pill{left:28%;bottom:35px}}
/* Fill secondary hero slides with larger artwork and four-edge feathering. */
.hero-slide:not([data-slide="0"]) .slide-visual{width:160%;margin-left:-35%;height:800px;min-height:800px}.hero-slide:not([data-slide="0"]) .slide-visual .slide-image{width:130%;height:900px;max-height:none;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 77%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 24%,#000 74%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 77%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 24%,#000 74%,transparent 100%)!important;mask-composite:intersect;-webkit-mask-composite:source-in}.hero-slide:not([data-slide="0"]) .slide-visual .visual-pill{top:105px}.hero-slide:not([data-slide="0"]) .slide-visual .platform-pill{bottom:65px}
@media(max-width:1100px){.hero-slide:not([data-slide="0"]) .slide-visual{width:155%;margin-left:-32%;height:730px;min-height:730px}.hero-slide:not([data-slide="0"]) .slide-visual .slide-image{height:830px}}
@media(max-width:760px){.hero-slide:not([data-slide="0"]) .slide-visual{width:155%;margin-left:-27.5%;height:480px;min-height:480px;margin-top:-45px}.hero-slide:not([data-slide="0"]) .slide-visual .slide-image{width:100%;height:590px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent),linear-gradient(180deg,transparent,#000 27%,#000 74%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent),linear-gradient(180deg,transparent,#000 27%,#000 74%,transparent)!important}.hero-slide:not([data-slide="0"]) .slide-visual .visual-pill{top:70px}.hero-slide:not([data-slide="0"]) .slide-visual .platform-pill{bottom:25px}}
/* Targeted slide refinements: larger app photo, softer outer music edge. */
.hero-slide[data-slide="1"] .slide-visual{width:175%;margin-left:-40%}.hero-slide[data-slide="1"] .slide-visual .slide-image{width:135%;height:1000px}
.hero-slide[data-slide="3"] .slide-visual .slide-image{mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 61%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 24%,#000 74%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 61%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 24%,#000 74%,transparent 100%)!important}
@media(max-width:1100px){.hero-slide[data-slide="1"] .slide-visual{width:170%;margin-left:-38%}.hero-slide[data-slide="1"] .slide-visual .slide-image{height:930px}}
@media(max-width:760px){.hero-slide[data-slide="1"] .slide-visual{width:175%;margin-left:-37.5%}.hero-slide[data-slide="1"] .slide-visual .slide-image{width:105%;height:650px}.hero-slide[data-slide="3"] .slide-visual .slide-image{mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 58%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 27%,#000 74%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 58%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 27%,#000 74%,transparent 100%)!important}}
/* Six service selections, responsive without horizontal clipping. */
.slider-tabs{gap:22px;flex-wrap:wrap}.slider-controls{flex-wrap:wrap}.hero-slide[data-slide="5"] h1{font-size:clamp(42px,4vw,65px)}.slider-tab:nth-child(5).is-active{color:#376ec1;border-color:#6c92df}.slider-tab:nth-child(6).is-active{color:#bd4a9c;border-color:#de83bf}
@media(max-width:1100px){.slider-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 24px;flex:1}.slider-tab{text-align:left}.hero-slide[data-slide="5"] h1{font-size:47px}}
@media(max-width:760px){.slider-tabs{grid-template-columns:1fr 1fr;width:100%;flex:auto;gap:4px 20px}.hero-slide[data-slide="5"] h1{font-size:clamp(34px,8.5vw,52px)}}
/* Extra-soft four-sided blending for Programming and Graphic Designing. */
.hero-slide[data-slide="4"] .slide-visual .slide-image,.hero-slide[data-slide="5"] .slide-visual .slide-image{mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 64%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 32%,#000 68%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 64%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 32%,#000 68%,transparent 100%)!important;mask-composite:intersect;-webkit-mask-composite:source-in}
@media(max-width:760px){.hero-slide[data-slide="4"] .slide-visual .slide-image,.hero-slide[data-slide="5"] .slide-visual .slide-image{mask-image:linear-gradient(90deg,transparent,#000 32%,#000 68%,transparent),linear-gradient(180deg,transparent,#000 34%,#000 66%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%,#000 68%,transparent),linear-gradient(180deg,transparent,#000 34%,#000 66%,transparent)!important}}
/* Uploaded Eagle Production brand mark. */
.logo .company-logo{display:block;width:250px;height:auto;max-height:78px;object-fit:contain}footer .logo .company-logo{width:220px;max-height:68px}header .logo{flex-shrink:0}header nav{gap:26px}
@media(max-width:1000px){.logo .company-logo{width:210px}header nav{gap:18px}}
@media(max-width:760px){.logo .company-logo{width:180px;max-height:56px}footer .logo .company-logo{width:155px;max-height:48px}header .button{padding:10px 12px;gap:12px}}
@media(max-width:360px){.logo .company-logo{width:155px}header .button{font-size:10px;gap:8px}}
/* Mobile reference layout: photo above copy, fading into a shared card. */
@media(max-width:760px){
.hero.hero-slider{padding:16px 4.5% 12px;background:linear-gradient(125deg,#f0e8fc,#e8f8f7 55%,#fdf1f6)}
.hero.hero-slider .hero-stage{height:760px;min-height:0;width:100%;max-width:none}
.hero.hero-slider .hero-stage .hero-slide{inset:0 0 auto;display:flex;flex-direction:column;gap:0;align-items:stretch;align-content:normal;overflow:hidden;background:linear-gradient(125deg,#edf5ff,#f0eafa 65%,#fbeef3);border:1px solid #dfd9ed;border-radius:22px;box-shadow:0 9px 24px #79628f0d;padding:0}
.hero.hero-slider .hero-stage .hero-slide .slide-visual{order:0;display:block;grid-column:auto;grid-row:auto;width:100%;height:245px;min-height:0;margin:0;position:relative;flex:none}
.hero.hero-slider .hero-stage .hero-slide .slide-visual .slide-image{display:block;position:static;width:100%;max-width:100%;height:270px;max-height:none;margin:0;border:0;border-radius:0;transform:none;object-fit:cover;object-position:center 40%;mix-blend-mode:normal;mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)!important;mask-composite:add;-webkit-mask-composite:source-over;filter:none;opacity:1}
.hero.hero-slider .hero-stage .hero-slide .slide-visual .visual-pill,.hero.hero-slider .hero-stage .hero-slide .slide-visual .platform-pill{display:none}
.hero.hero-slider .hero-stage .hero-slide .slide-inner{order:1;display:block;position:relative;width:100%;height:auto;max-width:none;margin:0;padding:0 21px 25px;z-index:3;pointer-events:auto}
.hero.hero-slider .hero-stage .hero-slide .hero-copy{width:100%;max-width:none}
.hero.hero-slider .hero-stage .hero-slide .eyebrow{font-size:8px;line-height:1.5;letter-spacing:1.2px;margin-bottom:10px}
.hero.hero-slider .hero-stage .hero-slide h1{font-size:clamp(28px,7.4vw,39px);line-height:1.13;letter-spacing:-1.1px;margin:0 0 16px;font-weight:700;overflow-wrap:normal}
.hero.hero-slider .hero-stage .hero-slide p{font-size:12px;line-height:1.7;min-height:0;max-width:none;margin:0;color:#656b7c;text-shadow:none}
.hero.hero-slider .hero-stage .hero-slide .actions{display:grid;grid-template-columns:1fr;gap:11px;align-items:center;margin-top:20px}
.hero.hero-slider .hero-stage .hero-slide .actions .button{font-size:12px;padding:15px 16px;justify-content:space-between;border-radius:11px}
.hero.hero-slider .hero-stage .hero-slide .textlink{display:block;text-align:center;font-size:11px;padding:12px;border:1px solid #d3cfe3;border-radius:11px;background:#ffffff66;color:#5b4b75}
.hero.hero-slider .hero-stage .hero-slide .hero-meta{font-size:6.5px;letter-spacing:.9px;gap:13px;flex-wrap:wrap;margin-top:19px}
.hero.hero-slider .slider-controls{padding:15px 2px 6px;gap:12px}.hero.hero-slider .slider-tabs{gap:4px 15px}.hero.hero-slider .slider-tab{font-size:10px}.hero.hero-slider .slider-arrows{margin-left:auto}
}
/* Mobile banners rotate automatically without navigation controls. */
@media(max-width:760px){.hero.hero-slider .slider-controls{display:none}.hero.hero-slider{padding-bottom:20px}}