/* Digital Zones website services — #489c6d + #ffc107 */
:root{--bg:#0a100d;--panel:#111a14;--panel2:#17231a;--line:rgba(224,241,226,.12);--text:#f3f6f1;--muted:#9aa69b;--green:#489c6d;--green-bright:#65bd89;--yellow:#ffc107;--font:"Manrope","DM Sans",sans-serif;--ease:cubic-bezier(.2,.75,.25,1);--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--container),calc(100% - 64px));margin:auto}.section-pad{padding:112px 0}.green-text{color:var(--green-bright)}.muted{color:var(--muted)}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:.3s var(--ease)}.site-header.scrolled{background:rgba(9,15,11,.88);backdrop-filter:blur(18px);border-color:var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.06em;font-size:20px}.brand-light{font-weight:500;color:#a2afa3}.brand-mark{width:31px;height:31px;border-radius:9px;background:var(--green);color:#07130b;display:grid;place-items:center;font-size:15px;font-weight:900;position:relative}.brand-mark span{position:absolute;font-size:8px;right:3px;top:0}.nav-links{display:flex;gap:28px;align-items:center;margin-left:auto;margin-right:36px}.nav-links a{font-size:13px;color:#b8c2b8;transition:color .2s}.nav-links a:hover,.footer a:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 19px;border-radius:9px;font-size:13px;font-weight:800;transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s}.button span{font-size:17px;transition:transform .25s}.button:hover{transform:translateY(-3px)}.button:hover span{transform:translate(3px,-2px)}.button-green{background:var(--green);color:#06130b;box-shadow:0 7px 28px #489c6d20}.button-green:hover{background:#61b984;box-shadow:0 9px 35px #489c6d35}.button-yellow{background:var(--yellow);color:#1a1606;box-shadow:0 7px 28px #ffc10718}.button-yellow:hover{background:#ffd34e}.button-small{padding:12px 16px;font-size:12px}.button-outline{border:1px solid #536357;background:transparent}.button-outline:hover{border-color:var(--green-bright);background:#489c6d12}.menu-toggle,.mobile-cta{display:none}
.hero{padding-top:72px;padding-bottom:30px;position:relative;overflow:hidden;min-height:690px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(210,235,215,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(210,235,215,.026) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.glow-a{width:430px;height:430px;background:#489c6d20;right:5%;top:5%}.glow-b{width:300px;height:300px;background:#ffc1070c;left:-180px;bottom:0}.hero-grid{position:relative;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:55px;min-height:550px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#aab7aa;display:flex;align-items:center;gap:10px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #ffc10718;display:inline-block}.hero h1{font-size:clamp(51px,6vw,78px);line-height:1.04;letter-spacing:-.075em;margin:27px 0 22px;font-weight:800}.hero-lead{max-width:490px;color:#adb9ad;font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:700;color:#e0e8df}.text-link span{color:var(--yellow);margin-left:7px;font-size:17px}.hero-points{display:flex;gap:15px;flex-wrap:wrap;margin-top:42px;color:#8f9e91;font-size:10px}.hero-points i{font-style:normal;color:var(--green-bright);margin-right:5px}.hero-visual{position:relative;padding:32px 0 36px 12px}.browser-window{position:relative;z-index:2;border:1px solid #465b4a;border-radius:17px;background:#121a14;overflow:hidden;box-shadow:0 35px 90px #0009;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.browser-bar{height:39px;background:#1a251c;border-bottom:1px solid #ffffff12;display:flex;align-items:center;padding:0 14px;gap:15px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#627262}.browser-dots i:first-child{background:#e58c69}.browser-dots i:nth-child(2){background:#e6c15c}.browser-dots i:nth-child(3){background:#68ae7d}.browser-address{margin:auto;background:#0c130e;border:1px solid #ffffff0b;border-radius:5px;color:#7e8d80;text-align:center;width:52%;font-size:8px;padding:3px}.browser-menu{font-size:12px;letter-spacing:2px;color:#7e8d80}.mock-site{height:380px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dce9dd,#b7d0bd 58%,#8fb99b);color:#112018;padding:22px 25px}.mock-nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.mock-nav>b{font-size:11px;letter-spacing:.08em}.mock-nav>b span{color:var(--green)}.mock-nav>div{display:flex;align-items:center;gap:14px}.mock-nav i{width:24px;height:2px;background:#617d68;display:block}.mock-nav em{font-size:7px;font-style:normal;font-weight:800;background:#173a25;color:#e8f4e8;padding:8px 10px;border-radius:4px}.mock-content{position:relative;z-index:2;margin:68px 0 0 22px}.mock-kicker{font-size:7px;letter-spacing:.17em;font-weight:800;color:#587461}.mock-content h2{font-size:53px;line-height:.95;letter-spacing:-.08em;margin:14px 0}.mock-content h2 span{color:#347d50}.mock-content p{font-size:9px;line-height:1.7;color:#49634f}.mock-button{margin-top:18px;background:#183c27;color:#eff8ed;display:inline-flex;gap:25px;padding:10px 12px;font-size:7px;font-weight:800;letter-spacing:.08em;border-radius:4px}.mock-button b{color:var(--yellow)}.mock-orb{position:absolute;width:270px;height:270px;border:1px solid #ffffff8c;border-radius:50%;right:-30px;top:75px;box-shadow:0 0 0 28px #ffffff16,0 0 0 58px #ffffff0c}.mock-bottom{position:absolute;bottom:14px;left:25px;right:25px;display:flex;justify-content:space-between;color:#54705a;font-size:7px;letter-spacing:.1em}.float-chip{position:absolute;z-index:3;background:#1a261c;border:1px solid #526c55;border-radius:11px;box-shadow:0 15px 45px #0008;display:flex;align-items:center;gap:10px;padding:11px 13px;animation:float 5s ease-in-out infinite}.float-chip b{display:block;font-size:11px}.float-chip small{display:block;color:#9eae9e;font-size:8px}.chip-icon{width:27px;height:27px;border-radius:8px;background:var(--green);color:#07130b;display:grid;place-items:center}.chip-icon.yellow{background:var(--yellow)}.chip-one{top:4%;right:-3%}.chip-two{bottom:11%;left:-4%;animation-delay:-2s}.hero-visual-caption{font-size:8px;letter-spacing:.15em;color:#68796b;margin:14px 4px}.hero-bottom{display:flex;align-items:center;gap:15px;color:#728074;font-size:8px;letter-spacing:.14em}.scroll-line{height:1px;width:65px;background:linear-gradient(90deg,var(--green-bright),transparent)}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#839184;font-size:9px;letter-spacing:.14em}.trust-inner>div{display:flex;align-items:center;gap:24px;color:#d1ddd0;font-size:12px;letter-spacing:.08em}.trust-inner i{font-style:normal;color:var(--yellow)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:48px}.section-heading h2,.platform h2,.faq h2{font-size:clamp(39px,4.8vw,59px);line-height:1.08;letter-spacing:-.07em;margin:16px 0 0;font-weight:800}.section-heading>p{max-width:390px;color:#9ba89b;font-size:13px;line-height:1.85;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:250px;padding:25px 26px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .35s,transform .35s var(--ease)}.service-card:hover{background:linear-gradient(140deg,#489c6d16,transparent 75%);transform:translateY(-5px);z-index:1}.service-top{display:flex;justify-content:space-between;align-items:center}.service-icon{width:36px;height:36px;border:1px solid #536a56;border-radius:10px;display:grid;place-items:center;color:var(--yellow);font-size:18px;font-weight:800}.card-index{font-size:8px;color:#78877a;letter-spacing:.12em}.service-card h3{font-size:23px;line-height:1.16;letter-spacing:-.055em;margin:25px 0 9px}.service-card p{font-size:11px;color:#9ba89b;max-width:290px;line-height:1.75;margin:0}.service-card>a{position:absolute;right:25px;bottom:20px;color:var(--yellow);font-size:19px;transition:transform .2s}.service-card:hover>a{transform:translate(4px,-4px)}
.platform{background:#101912}.platform-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:75px}.platform-copy>p{color:#a0ada1;font-size:13px;line-height:1.9;max-width:420px;margin:24px 0}.platform-copy .text-link{display:inline-block;margin-top:9px}.compare-panel{border:1px solid var(--line);border-radius:13px;background:#0d150f;padding:18px 21px}.compare-row{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:12px;align-items:center;padding:13px 3px;border-bottom:1px solid #ffffff0d;font-size:10px;color:#c5d0c5}.compare-head{font-size:8px;letter-spacing:.13em;color:#829082}.compare-head b{color:var(--yellow)}.compare-row b{font-size:10px}.yes{color:#76c692}.good{color:#c3d58a}.maybe{color:#a0a99e}.compare-note{padding:18px 3px 2px}.compare-note span{font-size:8px;letter-spacing:.13em;color:var(--yellow);font-weight:800}.compare-note p{font-size:10px;color:#9ca99d;line-height:1.8;margin:7px 0 0}
.packages{background:#0a100d}.package-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:25px}.tab-button{border:0;border-bottom:2px solid transparent;background:transparent;color:#95a295;padding:13px 18px;font-size:12px;font-weight:700;cursor:pointer}.tab-button.active{color:var(--text);border-bottom-color:var(--yellow)}.package-panel[hidden]{display:none}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:13px;padding:23px;background:#111a14;position:relative;display:flex;flex-direction:column}.price-card.featured{border-color:#57996d;background:linear-gradient(160deg,#1b2b1e,#111a14 65%);box-shadow:0 20px 60px #0004}.popular-tag{z-index:3;position:absolute;right:18px;top:-11px;background:var(--yellow);color:#201a07;border-radius:20px;padding:5px 11px;font-size:7px;font-weight:900;letter-spacing:.1em}.price-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;font-weight:800;color:#b9c5b8}.price-mark{color:#748575}.price-card h3{font-size:26px;letter-spacing:-.06em;margin:22px 0 6px}.package-for{font-size:12px;line-height:1.7;color:#9ba89b;min-height:54px;margin:0}.price{display:flex;align-items:center;gap:10px;margin:20px 0 14px;border-bottom:1px solid var(--line);padding-bottom:17px}.price b{font-size:34px;letter-spacing:-.07em}.price span{font-size:9px;line-height:1.4;color:#91a092}.price-card ul{list-style:none;padding:0;margin:0 0 17px;flex:1}.price-card li{font-size:11.5px;color:#c1ccc0;padding:7px 0;border-bottom:1px solid #ffffff09;line-height:1.5}.price-card li:before{content:"✓";color:var(--green-bright);margin-right:9px;font-weight:900}.delivery{border-top:1px solid var(--line);padding:13px 0;margin-top:auto;display:flex;flex-direction:column;gap:3px;font-size:9px;letter-spacing:.1em;color:#879687}.delivery b{font-size:11px;color:#e0e9df;letter-spacing:0}.card-actions{display:flex;flex-direction:column;gap:10px}.card-actions .button{width:100%;justify-content:space-between;padding:12px 13px;font-size:10px}.shop-link{font-size:10px;color:var(--yellow);font-weight:700;text-align:center;padding:4px}.shop-link span{font-size:14px;margin-left:5px}.package-footnote{margin-top:23px;padding:17px 20px;border:1px solid #ffffff12;border-radius:9px;background:#111711}.package-footnote span{font-size:8px;letter-spacing:.13em;color:var(--yellow);font-weight:800}.package-footnote p{font-size:10px;line-height:1.8;color:#9aa699;margin:7px 0 0}
.addons{background:#101912}.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.addon{display:flex;align-items:center;gap:14px;padding:19px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.addon>span{width:34px;height:34px;border:1px solid #4f6853;border-radius:9px;display:grid;place-items:center;color:var(--yellow);font-size:17px}.addon b,.addon small{display:block}.addon b{font-size:12px}.addon small{font-size:9px;color:#93a092;margin-top:3px}
.process{background:#edf2eb;color:#142017}.process .eyebrow{color:#57735c}.process .section-heading>p{color:#627263}.process .green-text{color:#347b4d}.process-list{border-top:1px solid #cbd7cb}.process-item{display:grid;grid-template-columns:55px 1fr 190px;align-items:center;gap:24px;padding:21px 0;border-bottom:1px solid #cbd7cb;transition:padding .25s}.process-item:hover{padding-left:9px}.process-num{font-size:13px;color:#438b5b;font-weight:900}.process-item h3{font-size:18px;letter-spacing:-.04em;margin:0}.process-item p{font-size:11px;color:#647367;line-height:1.75;max-width:800px;margin:4px 0 0}.process-meta{text-align:right;font-size:8px;letter-spacing:.12em;color:#819080}
.choice{background:#0b120d}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-card{border:1px solid var(--line);border-radius:14px;padding:29px;background:#111a14}.choice-highlight{background:linear-gradient(145deg,#1b2b1e,#111a14 75%);border-color:#587c59}.choice-icon{width:43px;height:43px;border-radius:12px;background:#489c6d22;color:var(--green-bright);display:grid;place-items:center;font-size:21px}.yellow-icon{background:#ffc1071a;color:var(--yellow)}.choice-kicker{font-size:8px;letter-spacing:.15em;color:#8fa08e;font-weight:800;margin-top:24px}.choice-card h3{font-size:31px;line-height:1.08;letter-spacing:-.065em;margin:10px 0}.choice-card>p{font-size:11px;line-height:1.8;color:#9eab9e;max-width:450px;min-height:60px}.choice-card ul{list-style:none;padding:0;margin:20px 0 25px}.choice-card li{font-size:11px;color:#c2cec1;padding:7px 0;border-bottom:1px solid #ffffff0b}.choice-card li:before{content:"✓";color:var(--green-bright);margin-right:10px}.choice-card .button{width:100%;justify-content:space-between}.availability-note{display:block;text-align:center;font-size:9px;color:#788879;margin-top:12px}
.faq{background:#101912}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-intro>p{color:#9eab9e;font-size:13px;line-height:1.9;max-width:300px;margin:23px 0}.faq-intro .text-link{display:inline-block}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--yellow);font-size:19px;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:10px;color:#9eab9e;line-height:1.85;max-width:650px;margin:0;padding:0 35px 18px 0;animation:faqIn .3s var(--ease)}
.final-cta{position:relative;text-align:center;overflow:hidden;background:#132018;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}.cta-glow{position:absolute;width:700px;height:420px;border-radius:50%;background:#489c6d20;filter:blur(100px);left:50%;top:35%;transform:translate(-50%,-50%)}.cta-inner{position:relative}.cta-inner h2{font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.075em;margin:24px 0 17px}.cta-inner>p{color:#a7b4a7;font-size:13px;margin:0 auto 25px}.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button-large{padding:17px 21px}.cta-inner>small{display:block;color:#839284;font-size:9px;margin-top:16px}
.footer{background:#080e0a;padding:60px 0 22px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-bottom:48px}.footer-brand p{color:#929f92;font-size:11px;line-height:1.7;margin:18px 0}.footer-email{font-size:11px;color:var(--yellow)}.footer-col{display:flex;flex-direction:column;gap:11px}.footer-col>b{font-size:8px;letter-spacing:.15em;color:#829082;margin-bottom:6px}.footer-col>a{font-size:10px;color:#aab6aa}.footer-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;color:#748174;font-size:8px;letter-spacing:.1em}.footer-bottom i{font-style:normal;color:var(--yellow);margin-left:5px}.footer-bottom a{color:#a6b1a5}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.14s}.shop-placeholder-anchor{height:0;scroll-margin-top:100px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes faqIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.nav-links{gap:17px;margin-right:18px}.hero-grid{gap:25px}.hero h1{font-size:62px}.platform-grid,.faq-grid{gap:40px}.price-card{padding:18px}.price-card li{font-size:9px}}
@media(max-width:800px){.container{width:min(100% - 42px,var(--container))}.section-pad{padding:85px 0}.nav{height:72px}.nav-cta{display:none}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#111a14;align-items:center;justify-content:center;flex-direction:column;gap:5px;z-index:22}.menu-toggle span{height:1px;width:17px;background:#e8eee5;transition:.25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-links{position:absolute;top:71px;left:0;right:0;margin:0;padding:0 22px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#0d150f;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .35s var(--ease),padding .35s}.nav-links.open{max-height:420px;padding:10px 22px 24px}.nav-links a{padding:13px 0;border-bottom:1px solid #ffffff0b;font-size:14px}.nav-links .mobile-cta{display:flex;justify-content:space-between;color:var(--yellow);border:0}.hero{padding-top:52px;min-height:unset}.hero-grid{grid-template-columns:1fr;gap:22px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(52px,9vw,73px)}.hero-lead{font-size:14px}.hero-visual{max-width:650px;width:100%;margin:auto;padding:25px 8px}.browser-window{transform:none}.section-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:36px}.section-heading>p{max-width:550px}.service-grid{grid-template-columns:repeat(2,1fr)}.platform-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.package-grid{grid-template-columns:1fr;max-width:580px;margin:auto;gap:18px}.price-card{padding:24px}.price-card li{font-size:11px}.package-for{min-height:unset}.addon-grid{grid-template-columns:repeat(2,1fr)}.process-item{grid-template-columns:42px 1fr 130px;gap:14px}.choice-grid{grid-template-columns:1fr}.choice-card>p{min-height:unset}.footer-main{grid-template-columns:1.5fr 1fr 1fr;row-gap:30px}.footer-brand{grid-column:span 3}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.section-pad{padding:70px 0}.brand{font-size:18px}.hero{padding-top:42px}.hero h1{font-size:49px}.hero-lead{font-size:13px}.hero-actions{gap:15px}.hero-points{gap:9px 13px;font-size:9px;margin-top:30px}.hero-visual{padding:25px 0 15px}.mock-site{height:310px;padding:16px}.mock-content{margin:56px 0 0 10px}.mock-content h2{font-size:44px}.mock-orb{width:220px;height:220px;right:-80px}.float-chip{padding:8px 9px}.float-chip b{font-size:9px}.float-chip small{font-size:7px}.chip-one{right:-3px;top:0}.chip-two{left:-3px;bottom:8%}.hero-visual-caption{font-size:7px}.hero-bottom{font-size:7px}.trust-inner{align-items:flex-start;flex-direction:column}.trust-inner>div{gap:12px;font-size:10px;flex-wrap:wrap}.section-heading h2,.platform h2,.faq h2{font-size:42px}.section-heading>p{font-size:12px}.service-grid{grid-template-columns:1fr}.service-card{min-height:215px}.service-card h3{font-size:22px;margin-top:20px}.service-card p{font-size:11px}.compare-panel{padding:13px 10px}.compare-row{grid-template-columns:1.25fr .75fr .85fr;gap:6px;font-size:8px}.compare-row b{font-size:8px}.compare-head{font-size:7px}.compare-note p{font-size:9px}.package-tabs{gap:0}.tab-button{font-size:10px;padding:12px 10px;flex:1}.price-card{padding:21px}.price-card h3{font-size:25px}.price-card li{font-size:10px}.package-footnote{padding:14px}.package-footnote p{font-size:9px}.addon-grid{grid-template-columns:1fr}.addon{padding:15px}.process-item{grid-template-columns:30px 1fr;gap:10px;padding:17px 0}.process-item h3{font-size:15px}.process-item p{font-size:10px}.process-meta{display:none}.choice-card{padding:22px}.choice-card h3{font-size:28px}.choice-card>p{font-size:10px}.faq-list summary{font-size:11px}.faq-list details p{font-size:9px}.cta-inner h2{font-size:43px}.cta-inner>p{font-size:11px}.cta-actions{flex-direction:column;max-width:300px;margin:auto}.footer{padding-top:45px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:span 2}.footer-col>a{font-size:9px}.footer-bottom{flex-wrap:wrap;gap:11px}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* Clear WordPress package exclusions */
.wordpress-hosting-note{display:flex;align-items:flex-start;gap:13px;margin:22px 0 0;padding:17px 19px;border:1px solid #ffc10755;border-radius:10px;background:#ffc1070b}
.wordpress-hosting-note .note-icon{flex:0 0 25px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#ffc107;color:#201a07;font-weight:900;font-size:13px}
.wordpress-hosting-note b{display:block;color:#f4d36b;font-size:12px;margin:1px 0 4px}
.wordpress-hosting-note p{font-size:10px;line-height:1.8;color:#b2bba9;margin:0}
@media(max-width:520px){.wordpress-hosting-note{padding:14px}.wordpress-hosting-note p{font-size:9px}}

/* Reliable package tab visibility */
.package-panel[hidden] { display: none !important; }
.package-panel:not([hidden]) { display: block; }
.tab-button { cursor: pointer; transition: color .2s ease, border-color .2s ease; }
.tab-button:focus-visible { outline: 2px solid var(--green-bright); outline-offset: 4px; border-radius: 4px; }


/* Global reach map — integrated into the Digital Zones dark visual system */
.global-reach{position:relative;overflow:hidden;background:linear-gradient(180deg,#0d1711 0%,#0a100d 100%);padding-top:100px;padding-bottom:110px}
.global-reach:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 52%,rgba(72,156,109,.105),transparent 56%)}
.global-reach .container{position:relative;z-index:1}
.global-reach-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}
.global-reach-heading h2{font-size:clamp(38px,4.7vw,58px);line-height:1.08;letter-spacing:-.07em;margin:16px 0 0;font-weight:800}
.global-reach-heading>p{max-width:390px;color:#a0ada1;font-size:13px;line-height:1.9;margin:0 0 5px}
.global-map-shell{border:1px solid rgba(224,241,226,.13);border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(55,82,117,.16),transparent 62%),#0b120e;box-shadow:0 25px 80px rgba(0,0,0,.24)}
.global-map-topline,.global-map-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;color:#819184;font-size:8px;font-weight:800;letter-spacing:.15em}
.global-map-topline{border-bottom:1px solid rgba(224,241,226,.09)}
.global-map-topline span:first-child{display:flex;align-items:center;gap:9px}
.global-map-topline i,.map-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65bd89;box-shadow:0 0 0 5px rgba(101,189,137,.1)}
.global-map-topline b{color:#ffc107;font-size:13px;margin-left:5px}
.global-map-canvas{width:100%;aspect-ratio:2/1;min-height:260px;max-height:600px;position:relative;background:radial-gradient(ellipse at 50% 52%,rgba(137,147,245,.08),transparent 48%)}
.global-map-canvas svg{display:block;width:100%;height:100%;overflow:hidden}
.global-map-canvas .land-dot{fill:#aeb2d1;opacity:.77}
.global-map-canvas .route{fill:none;stroke:#8b93f5;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:1 6;opacity:0}
.global-map-canvas .traveller{fill:#ff5a36;filter:url(#redGlow);opacity:0}
.global-map-canvas .destination-marker{fill:#ff5a36;filter:url(#redGlow);opacity:0}
.global-map-canvas .arrival-ripple{fill:none;stroke:#ff7657;stroke-width:1.5;opacity:0}
.global-map-canvas .origin-halo{fill:none;stroke:#22c55e;stroke-width:2;opacity:0}
.global-map-canvas .origin-core{fill:#22c55e;stroke:#f4fff5;stroke-width:4;filter:url(#greenGlow)}
.global-map-foot{border-top:1px solid rgba(224,241,226,.09);color:#738276}
.global-map-foot>span:first-child{display:flex;align-items:center;gap:9px}
@media(max-width:760px){
 .global-reach{padding-top:76px;padding-bottom:78px}
 .global-reach-heading{display:block;margin-bottom:24px}
 .global-reach-heading>p{margin-top:17px;max-width:520px}
 .global-map-shell{border-radius:13px}
 .global-map-topline,.global-map-foot{padding:12px 13px;font-size:7px;letter-spacing:.1em}
 .global-map-canvas{aspect-ratio:1.45/1;min-height:220px}
}
@media(max-width:430px){
 .global-map-topline,.global-map-foot{font-size:6px;letter-spacing:.07em}
 .global-map-canvas{aspect-ratio:1.15/1;min-height:205px}
}
@media(prefers-reduced-motion:reduce){
 .global-map-canvas .origin-halo{opacity:.3}
}

/* Refined dot-matrix global map */
.global-map-canvas{isolation:isolate;background:
 radial-gradient(ellipse at 50% 48%,rgba(72,156,109,.075),transparent 54%),
 radial-gradient(ellipse at 50% 52%,rgba(139,147,245,.075),transparent 70%)}
.global-map-canvas .land-dot{fill:#c9cae0;opacity:.84}
.global-map-canvas .route{stroke:#9aa2ff;stroke-width:1.35;stroke-dasharray:1 6;filter:drop-shadow(0 0 2px rgba(139,147,245,.3))}
.global-map-canvas .traveller{r:3.6}
.global-map-canvas .destination-marker{r:3.2}
.global-map-canvas .origin-core{r:9}
.global-map-canvas .origin-halo{stroke:#22c55e;stroke-width:2.2}
.global-map-canvas .arrival-ripple{stroke-width:1.7}
@media(max-width:760px){
 .global-map-canvas{aspect-ratio:1.35/1;min-height:230px}
}
@media(max-width:430px){
 .global-map-canvas{aspect-ratio:1.08/1;min-height:205px}
}

/* Emphasized route to Sydney, Australia */
.global-map-canvas .route-australia{
  stroke:#aeb5ff;
  stroke-width:1.8;
  opacity:0;
  filter:drop-shadow(0 0 3px rgba(139,147,245,.55));
}
.global-map-canvas .route-australia + .traveller{r:4}
.global-map-canvas .destination-marker{filter:drop-shadow(0 0 4px rgba(255,90,54,.8))}


/* Soft, continuous hero headline motion */
.hero-title-animated{
  perspective:900px;
}
.hero-title-line{
  display:block;
  width:fit-content;
  max-width:100%;
  opacity:0;
  transform:translate3d(0,13px,0);
  animation:heroLineSettle 1.05s cubic-bezier(.2,.72,.22,1) forwards,
            heroLineFloat 7.5s ease-in-out 1.1s infinite;
}
.hero-title-line.line-one{animation-delay:0s,1.1s}
.hero-title-line.line-two{animation-delay:.16s,1.26s}
.hero-title-line.line-three{animation-delay:.32s,1.42s}
.hero-title-highlight{
  position:relative;
  display:inline-block;
  color:var(--green, #489c6d);
  text-shadow:0 0 0 rgba(72,156,109,0);
  background:linear-gradient(100deg,#489c6d 0%,#489c6d 35%,#b2e3c4 50%,#489c6d 66%,#489c6d 100%);
  background-size:220% 100%;
  background-position:100% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:heroHighlightSweep 8s ease-in-out 1.8s infinite;
}
.hero-title-highlight:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-.08em;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,rgba(72,156,109,0),rgba(72,156,109,.58),rgba(255,193,7,.42),rgba(72,156,109,0));
  transform:scaleX(.72);
  transform-origin:left center;
  opacity:.5;
  animation:heroUnderline 8s ease-in-out 1.8s infinite;
}
@keyframes heroLineSettle{
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes heroLineFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-2px,0)}
}
@keyframes heroHighlightSweep{
  0%,72%,100%{background-position:100% 50%;filter:brightness(1)}
  84%{background-position:0% 50%;filter:brightness(1.08)}
}
@keyframes heroUnderline{
  0%,72%,100%{transform:scaleX(.72);opacity:.42}
  84%{transform:scaleX(1);opacity:.72}
}
@media(prefers-reduced-motion:reduce){
  .hero-title-line,.hero-title-highlight,.hero-title-highlight:after{
    animation:none!important;opacity:1;transform:none;filter:none;
    background-position:100% 50%;
  }
}

@media(max-width:600px){
  .hero-title-line{white-space:normal}
  .hero-title-highlight:after{height:1.5px}
}


/* CONTACT FORM — responsive project inquiry */
.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(35px,6vw,82px);align-items:start}
.contact-intro h2{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.075em;margin:18px 0 20px;font-weight:800}
.contact-intro>p{max-width:420px;color:#a0ada1;font-size:13px;line-height:1.9}
.contact-points{display:grid;gap:18px;margin:35px 0}
.contact-points>div{display:flex;align-items:center;gap:13px}
.contact-point-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid #48614d;border-radius:10px;color:var(--yellow);font-size:17px}
.contact-points b,.contact-points small{display:block}
.contact-points b{font-size:11px;color:#e5eee4}
.contact-points small{font-size:9px;color:#849285;margin-top:4px}
.contact-direct-link{display:inline-flex;gap:8px;align-items:center;color:#c9d8ca;font-size:10px;font-weight:700;border-bottom:1px solid #4b7456;padding-bottom:7px}
.contact-direct-link span{color:var(--yellow)}
.contact-form{padding:clamp(22px,3vw,34px);border:1px solid #35483a;border-radius:16px;background:linear-gradient(145deg,#152219,#101811 70%);box-shadow:0 25px 75px #0004}
.form-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #ffffff12}
.form-heading>span{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--yellow)}
.form-heading small{font-size:9px;color:#89978a}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.form-field{display:grid;gap:8px;min-width:0}
.form-field>span{font-size:10px;font-weight:700;color:#d9e4d9}
.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;border:1px solid #3a4b3d;border-radius:7px;background:#0b130e;color:#edf4ed;padding:13px 13px;font:inherit;font-size:11px;outline:none;transition:border-color .2s,box-shadow .2s}
.form-field input,.form-field select{height:44px}
.form-field textarea{resize:vertical;min-height:125px;line-height:1.65}
.form-field input::placeholder,.form-field textarea::placeholder{color:#667568}
.form-field select{color:#cbd7cc}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#65b984;box-shadow:0 0 0 3px #489c6d20}
.form-field-full{grid-column:1/-1}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-submit-row{display:flex;align-items:center;gap:17px;margin-top:20px;flex-wrap:wrap}
.form-submit-row button{border:0;cursor:pointer}
.form-submit-row button:disabled{opacity:.65;cursor:wait}
.form-submit-row>small{max-width:220px;color:#829084;font-size:9px;line-height:1.6}
.form-feedback{min-height:18px;margin:13px 0 0;font-size:10px;line-height:1.6;color:#9ed6ad}
.form-feedback.error{color:#ff9c8c}
.form-feedback:empty{display:none}

/* Floating WhatsApp action */
.whatsapp-float{position:fixed;right:25px;bottom:24px;z-index:9999;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 8px 28px #0007,0 0 0 0 #25d36655;transition:transform .25s,box-shadow .25s;animation:whatsappBreathe 3.4s ease-in-out infinite}
.whatsapp-float svg{width:31px;height:31px;fill:currentColor}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 32px #0008,0 0 0 7px #25d36620}
.whatsapp-tooltip{position:absolute;right:70px;white-space:nowrap;padding:9px 12px;border:1px solid #344b39;border-radius:7px;background:#142018;color:#eaf4eb;font-size:10px;font-weight:700;opacity:0;transform:translateX(5px);pointer-events:none;transition:.2s}
.whatsapp-float:hover .whatsapp-tooltip{opacity:1;transform:translateX(0)}
@keyframes whatsappBreathe{0%,100%{box-shadow:0 8px 28px #0007,0 0 0 0 #25d36645;transform:translateY(0)}50%{box-shadow:0 9px 30px #0007,0 0 0 8px #25d36600;transform:translateY(-2px)}}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:35px}.contact-intro>p{max-width:620px}.contact-points{grid-template-columns:repeat(3,1fr);gap:12px}.contact-points>div{align-items:flex-start}.contact-points small{max-width:150px}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.form-field-full{grid-column:auto}.form-heading{align-items:flex-start;flex-direction:column;gap:6px}.contact-points{grid-template-columns:1fr;gap:15px}.contact-points>div{align-items:center}.contact-form{padding:20px 16px}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}.whatsapp-float svg{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{animation:none!important}}


/* Subtle package & pricing illumination */
.price-card{
  isolation:isolate;
  overflow:visible;
  transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease;
  animation:packageAmbientGlow 6.8s ease-in-out infinite;
}
.price-card:nth-child(2){animation-delay:1.7s}
.price-card:nth-child(3){animation-delay:3.4s}
.price-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(72,156,109,.18),transparent 62%);
  transition:opacity .5s ease;
}
.price-card:hover{
  transform:translateY(-4px);
  border-color:rgba(112,194,139,.72);
  box-shadow:0 18px 48px rgba(30,111,61,.18),0 0 24px rgba(72,156,109,.09);
}
.price-card:hover::before{opacity:1}
.price-card .price b{
  transition:color .35s ease,text-shadow .35s ease;
  animation:priceTextGlow 6.8s ease-in-out infinite;
}
.price-card:nth-child(2) .price b{animation-delay:1.7s}
.price-card:nth-child(3) .price b{animation-delay:3.4s}
.price-card.featured::before{opacity:.45}
@keyframes packageAmbientGlow{
  0%,100%{box-shadow:0 12px 38px rgba(0,0,0,.16),0 0 0 rgba(72,156,109,0)}
  50%{box-shadow:0 14px 42px rgba(0,0,0,.18),0 0 22px rgba(72,156,109,.11)}
}
@keyframes priceTextGlow{
  0%,100%{text-shadow:0 0 0 rgba(104,210,137,0);color:inherit}
  50%{text-shadow:0 0 15px rgba(104,210,137,.23);color:#dff8e5}
}
@media(hover:hover){
  .price-card:hover .price b{text-shadow:0 0 18px rgba(104,210,137,.32);color:#e6ffeb}
}
@media(prefers-reduced-motion:reduce){
  .price-card,.price-card .price b{animation:none!important;transition:none!important}
}


/* Readability refinement: slightly larger supporting text, unchanged headings */
.package-for{font-size:12px;line-height:1.75}
.price-card li{font-size:11.5px;line-height:1.6}
.price span{font-size:9px}
.delivery{font-size:9px;line-height:1.5}


/* Readability update: larger supporting/body text; headings remain unchanged */
.hero-lead{font-size:18px;line-height:1.8}
.hero-points{font-size:12px;line-height:1.7}
.section-heading>p{font-size:15px;line-height:1.8}
.service-card p{font-size:14px;line-height:1.75}
.platform-copy>p{font-size:15px;line-height:1.85}
.compare-row{font-size:12px;line-height:1.6}
.compare-row b{font-size:12px}
.compare-note p{font-size:13px;line-height:1.8}
.package-for{font-size:14px;line-height:1.7}
.price-card li{font-size:13px;line-height:1.65}
.delivery{font-size:11px;line-height:1.6}
.delivery b{font-size:12px}
.package-footnote p{font-size:13px;line-height:1.8}
.addon small{font-size:11px;line-height:1.5}
.process-item p{font-size:13px;line-height:1.8}
.choice-card>p{font-size:13px;line-height:1.8}
.choice-card li{font-size:13px;line-height:1.6}
.faq-intro>p{font-size:15px;line-height:1.85}
.faq-list details p{font-size:13px;line-height:1.85}
.cta-inner>p{font-size:15px;line-height:1.7}
.footer-brand p{font-size:13px;line-height:1.8}
.footer-col>a{font-size:12px;line-height:1.6}
.footer-email{font-size:13px}
@media(max-width:700px){
  .hero-lead{font-size:16px}
  .section-heading>p,.platform-copy>p,.faq-intro>p{font-size:14px}
  .service-card p,.package-for,.price-card li,.process-item p,.choice-card>p,.choice-card li,.faq-list details p{font-size:13px}
}


/* =========================================================
   DIGITAL ZONES — Ambient cursor light & refined motion
   Adjust these values to customize the experience.
   ========================================================= */
:root{
  --dz-glow-rgb:72,156,109;          /* Main glow: #489c6d */
  --dz-glow-strength:.20;            /* Global cursor light intensity */
  --dz-glow-size:340px;              /* Global cursor light diameter */
  --dz-glow-speed:.115;              /* Cursor easing is configured in JS */
  --dz-button-glow:.34;              /* Button spotlight intensity */
  --dz-motion-duration:.72s;
  --dz-ease:cubic-bezier(.22,1,.36,1);
}

/* A fixed, low-contrast light layer; pointer-events never block the UI. */
.dz-cursor-glow{
  position:fixed; inset:0 auto auto 0;
  width:var(--dz-glow-size); height:var(--dz-glow-size);
  border-radius:50%; pointer-events:none; z-index:999;
  transform:translate3d(-50%,-50%,0);
  background:radial-gradient(circle,
    rgba(var(--dz-glow-rgb),var(--dz-glow-strength)) 0%,
    rgba(var(--dz-glow-rgb),calc(var(--dz-glow-strength)*.42)) 30%,
    rgba(var(--dz-glow-rgb),0) 72%);
  opacity:0; will-change:transform,width,height,opacity;
  mix-blend-mode:screen;
  transition:width .65s var(--dz-ease),height .65s var(--dz-ease),opacity .5s ease;
}
.dz-cursor-glow.is-active{opacity:1}
.dz-cursor-glow.is-near{
  width:480px;height:480px;
}
.dz-cursor-glow.is-near-strong{width:560px;height:560px}

/* Local spotlight follows the pointer inside every interactive control. */
@media (hover:hover) and (pointer:fine){
  a,button,[role="button"],.button{
    position:relative;
    isolation:isolate;
    --mouse-x:50%;
    --mouse-y:50%;
    transition:
      transform .45s var(--dz-ease),
      box-shadow .45s var(--dz-ease),
      border-color .45s var(--dz-ease),
      background-color .45s var(--dz-ease);
  }
  a::after,button::after,[role="button"]::after,.button::after{
    content:"";position:absolute;inset:0;border-radius:inherit;
    pointer-events:none;z-index:0;opacity:0;
    background:radial-gradient(170px circle at var(--mouse-x) var(--mouse-y),
      rgba(var(--dz-glow-rgb),var(--dz-button-glow)),transparent 68%);
    transition:opacity .4s ease;
  }
  a:hover::after,button:hover::after,[role="button"]:hover::after,.button:hover::after{opacity:1}
  .button:hover,button:hover,[role="button"]:hover{
    box-shadow:0 8px 30px rgba(var(--dz-glow-rgb),.13),0 0 0 1px rgba(var(--dz-glow-rgb),.22);
  }
  .button>* ,button>*{position:relative;z-index:1}
  .service-card,.price-card,.process-item,.choice-card,.addon,.global-map-shell{
    transition:transform .65s var(--dz-ease),box-shadow .65s var(--dz-ease),border-color .65s var(--dz-ease);
  }
  .service-card:hover,.price-card:hover,.process-item:hover,.choice-card:hover,.addon:hover{
    transform:translateY(-4px) scale(1.012);
    box-shadow:0 22px 54px rgba(0,0,0,.25),0 0 28px rgba(var(--dz-glow-rgb),.09);
  }
}

/* Keep the reveal motion soft and consistent with the existing page. */
.reveal{
  opacity:0;transform:translate3d(0,26px,0);
  filter:blur(4px);
  transition:opacity var(--dz-motion-duration) var(--dz-ease),
    transform var(--dz-motion-duration) var(--dz-ease),
    filter var(--dz-motion-duration) var(--dz-ease);
}
.reveal.visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.reveal-stagger>*{
  opacity:0;transform:translate3d(0,18px,0);
  transition:opacity .68s var(--dz-ease),transform .68s var(--dz-ease);
}
.reveal-stagger.visible>*{opacity:1;transform:translate3d(0,0,0)}
.reveal-stagger.visible>*:nth-child(1){transition-delay:0ms}
.reveal-stagger.visible>*:nth-child(2){transition-delay:90ms}
.reveal-stagger.visible>*:nth-child(3){transition-delay:180ms}
.reveal-stagger.visible>*:nth-child(4){transition-delay:270ms}
.reveal-stagger.visible>*:nth-child(5){transition-delay:360ms}
.reveal-stagger.visible>*:nth-child(6){transition-delay:450ms}

/* Accessible keyboard focus is always visible, even with the glow enabled. */
:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:2px solid #a7e7bd!important;
  outline-offset:4px;
  box-shadow:0 0 0 5px rgba(var(--dz-glow-rgb),.18);
}
@media (hover:none),(pointer:coarse){
  .dz-cursor-glow{display:none!important}
  a::after,button::after,[role="button"]::after,.button::after{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  :root{--dz-motion-duration:0s}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .reveal,.reveal-stagger>*{opacity:1!important;transform:none!important;filter:none!important}
  .dz-cursor-glow{display:none!important}
}


/* Theme switch — always available in the main navigation */
.theme-switch{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:39px;padding:0 13px;border-radius:999px;
  border:1px solid rgba(224,241,226,.22);
  background:rgba(255,255,255,.045);color:#edf5ee;
  font:700 11px/1.2 var(--font);letter-spacing:.01em;
  cursor:pointer;white-space:nowrap;
  transition:background .3s var(--dz-ease),border-color .3s var(--dz-ease),color .3s var(--dz-ease),transform .3s var(--dz-ease);
}
.theme-switch:hover{background:rgba(72,156,109,.16);border-color:rgba(101,189,137,.65);transform:translateY(-1px)}
.theme-switch:focus-visible{outline:2px solid #a7e7bd;outline-offset:4px}
.theme-switch-icon{font-size:16px;line-height:1}
@media(max-width:900px){
  .theme-switch{margin-left:auto;margin-right:12px;min-height:36px;padding:0 10px}
  .theme-switch-label{display:none}
}
@media(max-width:560px){
  .theme-switch{margin-right:8px;width:37px;height:37px;padding:0}
  .theme-switch-icon{font-size:18px}
}

/* Compact ambient cursor glow in both themes */
.dz-cursor-glow,.dz-cursor-glow.is-near,.dz-cursor-glow.is-near-strong{
  width:145px!important;height:145px!important;opacity:.42!important;
  background:radial-gradient(circle,rgba(var(--dz-glow-rgb),.065) 0%,rgba(var(--dz-glow-rgb),.02) 40%,rgba(var(--dz-glow-rgb),0) 74%)!important;
  mix-blend-mode:normal!important;
}

/* =========================================================
   DIGITAL ZONES — Complete light theme
   Brand accents remain green #489C6D and yellow #FFC107.
   ========================================================= */
body.theme-light{
  --bg:#f7faf7;
  --panel:#ffffff;
  --panel2:#eef5ef;
  --line:rgba(24,59,45,.13);
  --text:#183b2d;
  --muted:#64766b;
  --green:#489c6d;
  --green-bright:#347f55;
  --dz-glow-rgb:72,156,109;
  --dz-glow-strength:.16;
  --dz-button-glow:.22;
}
html:has(body.theme-light), body.theme-light{background:#f7faf7!important;color:#183b2d!important}
body.theme-light{background-image:linear-gradient(180deg,#fbfdfb 0%,#f3f8f4 100%)}
body.theme-light .site-header.scrolled{background:rgba(250,253,250,.91)!important;border-color:rgba(24,59,45,.12)!important;box-shadow:0 8px 28px rgba(24,59,45,.06)}
body.theme-light .brand-light{color:#65776b!important}
body.theme-light .nav-links a{color:#52665a!important}
body.theme-light .nav-links a:hover, body.theme-light .footer a:hover{color:#347f55!important}
body.theme-light .hero:before{background-image:linear-gradient(rgba(24,59,45,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(24,59,45,.045) 1px,transparent 1px)!important}
body.theme-light .eyebrow{color:#607468!important}
body.theme-light .hero-lead, body.theme-light .muted, body.theme-light .hero-points{color:#64766b!important}
body.theme-light .text-link{color:#284b38!important}
body.theme-light .browser-window{background:#fff!important;border-color:rgba(24,59,45,.16)!important;box-shadow:0 30px 80px rgba(24,59,45,.13)!important}
body.theme-light .browser-bar{background:#edf4ee!important;border-color:rgba(24,59,45,.1)!important}
body.theme-light .browser-dots i{background:#9aafa0!important}
body.theme-light .service-card, body.theme-light .price-card, body.theme-light .process-item, body.theme-light .choice-card, body.theme-light .addon, body.theme-light .global-map-shell, body.theme-light .card, body.theme-light .glass, body.theme-light .panel, body.theme-light .feature-card, body.theme-light .testimonial-card, body.theme-light .faq-item{
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(24,59,45,.12)!important;
  box-shadow:0 12px 36px rgba(24,59,45,.055);
}
body.theme-light .service-card p, body.theme-light .price-card p, body.theme-light .process-item p, body.theme-light .choice-card p, body.theme-light .addon p, body.theme-light .card p, body.theme-light .feature-card p, body.theme-light .testimonial-card p{color:#64766b!important}
body.theme-light .service-card h3, body.theme-light .price-card h3, body.theme-light .process-item h3, body.theme-light .choice-card h3, body.theme-light .addon h3, body.theme-light .card h3, body.theme-light .feature-card h3{color:#183b2d!important}
body.theme-light section{color:#183b2d}
body.theme-light .section-heading p, body.theme-light .section-subtitle, body.theme-light .section-lead{color:#64766b!important}
body.theme-light .button-outline{border-color:rgba(24,59,45,.25)!important;color:#244a35!important}
body.theme-light .button-outline:hover{border-color:#489c6d!important;background:rgba(72,156,109,.08)!important}
body.theme-light footer, body.theme-light .footer{background:#eaf2eb!important;color:#183b2d!important;border-color:rgba(24,59,45,.12)!important}
body.theme-light footer p, body.theme-light .footer p, body.theme-light .footer small{color:#64766b!important}
body.theme-light input, body.theme-light textarea, body.theme-light select{background:#fff!important;color:#183b2d!important;border-color:rgba(24,59,45,.2)!important}
body.theme-light input::placeholder, body.theme-light textarea::placeholder{color:#829187!important}
body.theme-light hr{border-color:rgba(24,59,45,.12)!important}
body.theme-light .noise{opacity:.012!important}
/* =========================================================
   FINAL LIGHT-THEME CONTRAST PASS
   High-contrast text for pricing cards and all light sections.
   ========================================================= */
body.theme-light .packages{
  background:#f1f7f2!important;
  color:#183b2d!important;
}
body.theme-light .packages .price-card, body.theme-light .packages .price-card.featured{
  background:#ffffff!important;
  color:#183b2d!important;
  border:1px solid rgba(24,59,45,.17)!important;
  box-shadow:0 14px 38px rgba(24,59,45,.09)!important;
}
body.theme-light .packages .price-card.featured{
  background:linear-gradient(155deg,#f0f8f1 0%,#ffffff 70%)!important;
  border:1.5px solid rgba(72,156,109,.55)!important;
}
body.theme-light .packages .price-top, body.theme-light .packages .price-mark, body.theme-light .packages .package-for, body.theme-light .packages .price span, body.theme-light .packages .price-card li, body.theme-light .packages .package-footnote p{
  color:#52685a!important;
}
body.theme-light .packages .price-card h3, body.theme-light .packages .price b, body.theme-light .packages .price-card strong, body.theme-light .packages .price-card li, body.theme-light .packages .package-for, body.theme-light .packages .price-top{
  text-shadow:none!important;
}
body.theme-light .packages .price-card h3, body.theme-light .packages .price b{color:#183b2d!important}
body.theme-light .packages .price-card li{border-bottom:1px solid rgba(24,59,45,.09)!important}
body.theme-light .packages .price-card li:before{color:#347f55!important}
body.theme-light .packages .price{border-bottom-color:rgba(24,59,45,.14)!important}
body.theme-light .packages .package-footnote{
  background:#e7f1e9!important;
  border:1px solid rgba(24,59,45,.13)!important;
}
body.theme-light .packages .package-footnote span{color:#8a6500!important}
body.theme-light .packages .package-tabs{border-bottom-color:rgba(24,59,45,.14)!important}
body.theme-light .packages .package-tabs button, body.theme-light .packages .package-tabs a{color:#52685a!important}
body.theme-light .packages .package-tabs .active, body.theme-light .packages .package-tabs [aria-selected="true"]{
  color:#183b2d!important;
}
body.theme-light .packages .button-green{color:#fff!important}
body.theme-light .packages .price-card:hover{
  border-color:rgba(52,127,85,.55)!important;
  box-shadow:0 20px 48px rgba(24,59,45,.13),0 0 22px rgba(72,156,109,.09)!important;
}
body.theme-light .packages .price-card:hover .price b{
  color:#183b2d!important;text-shadow:none!important;
}
/* Improve legibility across the entire light site, not only pricing. */
body.theme-light{color:#183b2d!important}
body.theme-light main, body.theme-light section, body.theme-light article, body.theme-light aside{color:#183b2d}
body.theme-light h1, body.theme-light h2, body.theme-light h3, body.theme-light h4, body.theme-light h5, body.theme-light h6{color:#183b2d}
body.theme-light p, body.theme-light li, body.theme-light label, body.theme-light small{ text-shadow:none }
body.theme-light .hero-lead, body.theme-light .section-heading p, body.theme-light .section-subtitle, body.theme-light .section-lead, body.theme-light .service-card p, body.theme-light .process-item p, body.theme-light .choice-card p, body.theme-light .addon p, body.theme-light .faq-list details p, body.theme-light .footer p, body.theme-light .footer small{
  color:#52685a!important;
}
body.theme-light .eyebrow, body.theme-light .hero-points{color:#52685a!important}
body.theme-light .text-link{color:#244a35!important}
body.theme-light .nav-links a{color:#40594a!important}
/* =========================================================
   CONTRAST FIX — "One project. Two ways to begin."
   Light section background and strong, readable text throughout.
   ========================================================= */
body.theme-light .choice{
  background:#f1f7f2!important;
  color:#183b2d!important;
}
body.theme-light .choice .section-heading h2, body.theme-light .choice .section-heading h2 span{
  color:#183b2d!important;
}
body.theme-light .choice .section-heading h2 .green-text{color:#347f55!important}
body.theme-light .choice .section-heading>p{
  color:#40594a!important;
  opacity:1!important;
  font-size:15px!important;
  line-height:1.85!important;
}
body.theme-light .choice .eyebrow{color:#52685a!important}
body.theme-light .choice-grid .choice-card, body.theme-light .choice-grid .choice-card.choice-highlight{
  background:#fff!important;
  color:#183b2d!important;
  border:1px solid rgba(24,59,45,.16)!important;
  box-shadow:0 14px 38px rgba(24,59,45,.075)!important;
}
body.theme-light .choice-grid .choice-card.choice-highlight{
  background:linear-gradient(145deg,#f0f8f1,#fff 78%)!important;
  border-color:rgba(72,156,109,.48)!important;
}
body.theme-light .choice .choice-kicker{color:#52685a!important}
body.theme-light .choice .choice-card h3{color:#183b2d!important}
body.theme-light .choice .choice-card>p{
  color:#40594a!important;
  opacity:1!important;
  font-size:14px!important;
  line-height:1.85!important;
}
body.theme-light .choice .choice-card li{
  color:#40594a!important;
  border-bottom:1px solid rgba(24,59,45,.10)!important;
  font-size:13px!important;
  line-height:1.7!important;
}
body.theme-light .choice .choice-card li:before{color:#347f55!important}
body.theme-light .choice .choice-icon{background:#e5f2e8!important;color:#347f55!important}
body.theme-light .choice .choice-card .availability-note{color:#52685a!important}
body.theme-light .choice .choice-card .button-green{color:#fff!important}
body.theme-light .choice .choice-card .button-yellow{color:#183b2d!important}
/* FAQ readability on the light background */
body.theme-light .faq{
  background:#f7faf7!important;
  color:#183b2d!important;
}
body.theme-light .faq .faq-intro h2, body.theme-light .faq .faq-intro h2 span{color:#183b2d!important}
body.theme-light .faq .faq-intro h2 .green-text{color:#347f55!important}
body.theme-light .faq .faq-intro>p{color:#40594a!important;font-size:15px!important;line-height:1.85!important}
body.theme-light .faq .faq-intro .eyebrow{color:#52685a!important}
body.theme-light .faq .faq-list details{
  background:#fff!important;
  border:1px solid rgba(24,59,45,.14)!important;
  border-radius:10px;
  margin-bottom:11px;
  box-shadow:0 8px 24px rgba(24,59,45,.045);
}
body.theme-light .faq .faq-list summary{
  color:#183b2d!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.55!important;
  padding:19px 21px!important;
}
body.theme-light .faq .faq-list summary span{color:#347f55!important}
body.theme-light .faq .faq-list details p{
  color:#40594a!important;
  opacity:1!important;
  font-size:14px!important;
  line-height:1.85!important;
  padding:0 21px 20px!important;
  margin:0!important;
}
body.theme-light .faq .faq-list details[open]{
  border-color:rgba(72,156,109,.45)!important;
  box-shadow:0 12px 30px rgba(24,59,45,.075);
}
body.theme-light .faq .faq-list summary:focus-visible{
  outline:2px solid #347f55!important;
  outline-offset:3px;
  border-radius:8px;
}
/* Keep the mouse light very small and understated. */
body.theme-light .dz-cursor-glow, body.theme-light .dz-cursor-glow.is-near, body.theme-light .dz-cursor-glow.is-near-strong{
  width:150px!important;
  height:150px!important;
  opacity:.48!important;
  mix-blend-mode:normal!important;
  background:radial-gradient(circle,
    rgba(var(--dz-glow-rgb),.075) 0%,
    rgba(var(--dz-glow-rgb),.025) 38%,
    rgba(var(--dz-glow-rgb),0) 72%)!important;
}

body.theme-light .theme-switch{
  color:#244a35;background:rgba(255,255,255,.8);
  border-color:rgba(24,59,45,.2);
}
body.theme-light .theme-switch:hover{
  color:#183b2d;background:#e7f2e9;border-color:rgba(52,127,85,.55);
}


/* Minimal icon-only theme toggle */
.theme-switch{
  width:40px!important;height:40px!important;min-height:40px!important;
  min-width:40px!important;padding:0!important;
  border-radius:50%!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  margin-left:0!important;margin-right:0!important;
}
.theme-switch-label{display:none!important}
.theme-switch-icon{display:flex;align-items:center;justify-content:center}
.theme-switch-icon svg{display:block;width:19px;height:19px}
.theme-switch:hover .theme-switch-icon{transform:rotate(18deg);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.theme-switch:focus-visible{outline:2px solid #a7e7bd!important;outline-offset:4px}
body.theme-light .theme-switch{color:#347f55!important}
@media(max-width:900px){
  .theme-switch{margin-left:auto!important;margin-right:12px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
}
@media(max-width:560px){
  .theme-switch{margin-left:auto!important;margin-right:8px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
}


/* Package action buttons: larger labels and a stronger shop CTA */
.packages .card-actions .button{
  font-size:13px!important;
  line-height:1.35;
  padding:15px 16px!important;
  min-height:48px;
}
.packages .card-actions .shop-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:11px 15px!important;
  border:1px solid #ffc107!important;
  border-radius:8px;
  background:#ffc107!important;
  color:#172015!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35;
  text-decoration:none!important;
  box-shadow:0 5px 16px rgba(255,193,7,.16);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.packages .card-actions .shop-link span{
  color:#172015!important;
  font-size:16px!important;
  margin:0!important;
}
.packages .card-actions .shop-link:hover{
  background:#ffd54f!important;
  border-color:#ffd54f!important;
  color:#172015!important;
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(255,193,7,.25);
}
@media(max-width:520px){
  .packages .card-actions .button,
  .packages .card-actions .shop-link{font-size:13px!important;min-height:48px}
}


/* Improve contrast and readability of the Estimated days label in package cards */
.packages .estimated-days,
.packages .estimated,
.packages [class*="estimated"],
.packages [class*="duration"],
.packages .package-meta,
.packages .package-details{
  color:var(--text,#f1f3f4)!important;
  opacity:1!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.5!important;
}
body.theme-light .packages .estimated-days,
body.theme-light .packages .estimated,
body.theme-light .packages [class*="estimated"],
body.theme-light .packages [class*="duration"],
body.theme-light .packages .package-meta,
body.theme-light .packages .package-details{
  color:#26352d!important;
  opacity:1!important;
  font-size:14px!important;
  font-weight:600!important;
}


/* Stronger dark text for Estimated days in the light theme */
body.theme-light .packages .estimated-days,
body.theme-light .packages .estimated,
body.theme-light .packages [class*="estimated"],
body.theme-light .packages [class*="duration"],
body.theme-light .packages .package-meta,
body.theme-light .packages .package-details{
  color:#17251d!important;
  opacity:1!important;
  font-weight:700!important;
  text-shadow:none!important;
}


/* Correct target: ESTIMATED DELIVERY + business days inside package cards */
.packages .delivery{
  color:#aebcaf!important;
  opacity:1!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}
.packages .delivery b{
  color:#f1f5f1!important;
  opacity:1!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
body.theme-light .packages .delivery{
  color:#34483b!important;
  opacity:1!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.theme-light .packages .delivery b{
  color:#17251d!important;
  opacity:1!important;
  font-size:13px!important;
  font-weight:800!important;
}


/* Add-on services: clearer titles, prices and icons in both themes */
.addons .addon{
  gap:16px;
  padding:21px 22px;
}
.addons .addon>span{
  flex:0 0 38px;
  width:38px;
  height:38px;
  font-size:19px!important;
  border-color:#71866f!important;
  color:#ffd367!important;
  background:rgba(255,211,103,.08);
}
.addons .addon b{
  color:#f1f5f1!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:750!important;
}
.addons .addon small{
  color:#c0cdbf!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:600!important;
  margin-top:5px!important;
  opacity:1!important;
}
body.theme-light .addons .addon{
  background:#f7faf6!important;
  border-color:#cbd8cc!important;
}
body.theme-light .addons .addon>span{
  color:#946900!important;
  border-color:#b8c8b8!important;
  background:#fff5d6!important;
}
body.theme-light .addons .addon b{
  color:#172b20!important;
  font-size:14px!important;
  font-weight:800!important;
}
body.theme-light .addons .addon small{
  color:#354d3e!important;
  font-size:12px!important;
  font-weight:700!important;
}
@media(max-width:700px){
  .addons .addon{padding:17px 15px;gap:12px}
  .addons .addon b{font-size:13px!important}
  .addons .addon small{font-size:11px!important}
}


/* Give headings a little more breathing room between words */
h1, h2, h3, .hero-title, .section-heading h2{
  word-spacing:.065em;
}
.hero h1, .hero-title{
  word-spacing:.085em;
}
@media(max-width:700px){
  h1, h2, h3, .hero-title, .section-heading h2{
    word-spacing:.045em;
  }
}


/* High-contrast domain & hosting information note */
.wordpress-hosting-note{
  border:1px solid rgba(255,193,7,.72)!important;
  background:rgba(255,193,7,.10)!important;
  padding:20px 22px!important;
}
.wordpress-hosting-note b{
  color:#ffd65a!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.45!important;
  margin-bottom:7px!important;
}
.wordpress-hosting-note p{
  color:#e1e9e2!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.75!important;
  opacity:1!important;
}
body.theme-light .wordpress-hosting-note{
  background:#fff8df!important;
  border-color:#d7a900!important;
}
body.theme-light .wordpress-hosting-note b{
  color:#624800!important;
}
body.theme-light .wordpress-hosting-note p{
  color:#26372c!important;
  font-size:13px!important;
  font-weight:600!important;
}
@media(max-width:520px){
  .wordpress-hosting-note{padding:16px!important}
  .wordpress-hosting-note b{font-size:13px!important}
  .wordpress-hosting-note p{font-size:12px!important;line-height:1.7!important}
}


/* Mobile-only typography boost: keep desktop typography unchanged */
@media (max-width: 700px){
  body{font-size:17px}
  p, li, .lead, .section-heading p, .hero-copy,
  .process-item p, .faq-item p, .choice p,
  .package-card p, .package-card li{
    font-size:16px!important;
    line-height:1.75!important;
  }
  .packages .delivery,
  .packages .package-meta,
  .packages .package-details,
  .addons .addon small{
    font-size:13px!important;
    line-height:1.65!important;
  }
  .addons .addon b,
  .process-item h3,
  .faq-item h3,
  .choice h3{
    font-size:15px!important;
    line-height:1.5!important;
  }
  .button, button, .btn, .shop-link{
    font-size:14px!important;
    line-height:1.5!important;
  }
  .eyebrow, .process-meta{
    font-size:11px!important;
    line-height:1.5!important;
  }
}


/* Extra +2px readability boost on mobile: project inquiry and contact benefits */
@media (max-width:700px){
  .contact-form .form-field>span{font-size:12px!important}
  .contact-form .form-field input,
  .contact-form .form-field select,
  .contact-form .form-field textarea{
    font-size:13px!important;
  }
  .contact-form .form-heading>span{font-size:12px!important}
  .contact-form .form-heading small{font-size:11px!important}
  .contact-points b{font-size:13px!important;line-height:1.5!important}
  .contact-points small{font-size:11px!important;line-height:1.65!important}
  .contact-direct-link{font-size:12px!important;line-height:1.6!important}
}