:root{--bg:#101b16;--bg2:#17251d;--panel:#1d3025;--olive:#87966a;--olive2:#a7b58a;--cream:#f1f1e9;--ink:#1b271f;--muted:#aab4a8;--line:rgba(235,239,224,.14);--font:"IBM Plex Sans Arabic",sans-serif;--latin:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f4f3e9;font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 64px));margin:auto}.header{height:82px;position:sticky;top:0;z-index:50;background:rgba(16,27,22,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;direction:ltr}.brand-mark{font:800 27px var(--latin);letter-spacing:-2px}.brand-mark span{color:var(--olive2)}.brand-name{font:600 12px var(--latin);letter-spacing:2px;color:#b7c0b4}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a,.footer-links a{font-size:12px;color:#b6c0b4;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--olive2)}.nav-cta{border:1px solid rgba(167,181,138,.55);padding:11px 16px;color:var(--olive2);font-size:11px;display:flex;gap:17px;align-items:center;transition:.25s}.nav-cta:hover{background:var(--olive2);color:var(--bg)}.menu-btn,.mobile-nav{display:none}.hero{min-height:690px;position:relative;overflow:hidden;padding:88px 0 30px;background:radial-gradient(ellipse at 75% 44%,rgba(119,139,92,.17),transparent 40%),linear-gradient(120deg,#101b16,#14231a)}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;direction:ltr}.hero-copy{direction:rtl}.eyebrow,.kicker{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--olive2);letter-spacing:.3px}.eyebrow b{width:7px;height:7px;background:var(--olive2);border-radius:50%;box-shadow:0 0 0 5px rgba(167,181,138,.12);animation:pulse 2s infinite}.hero h1{font-size:clamp(48px,5.5vw,72px);line-height:1.35;letter-spacing:-2px;margin:25px 0 17px;font-weight:600}.hero h1 em,.intro h2 em,.section-heading h2 em,.statement h2 em,.page-hero h1 em{font-style:normal;color:var(--olive2)}.hero-copy>p{max-width:490px;color:#b0bbb0;font-size:14px;line-height:2.2}.hero-actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}.btn{min-height:49px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;transition:transform .25s,background .25s,color .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--olive2);color:#142018}.btn-outline{border:1px solid rgba(255,255,255,.25);color:#e9eee5}.btn-outline:hover{border-color:var(--olive2);color:var(--olive2)}.hero-meta{display:flex;gap:22px;margin-top:42px;color:#9eaa9d;font-size:10px}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta i{width:5px;height:5px;background:var(--olive2);border-radius:50%}.hero-visual{height:470px;position:relative;display:grid;place-items:center;direction:ltr}.visual-glow{position:absolute;width:370px;height:370px;border-radius:50%;background:rgba(132,151,101,.16);filter:blur(65px);animation:breathe 6s infinite}.visual-orbit{position:absolute;border:1px solid rgba(167,181,138,.18);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:520px;height:230px;animation:orbit 22s linear infinite}.orbit-two{width:460px;height:300px;transform:rotate(35deg);animation:orbit 28s linear infinite reverse}.dashboard{position:relative;width:min(440px,90%);min-height:340px;background:linear-gradient(145deg,#f1f1e9,#dfe4d8);color:#26342a;padding:18px 20px 14px;box-shadow:0 35px 90px #080e0a88;transform:perspective(900px) rotateY(-7deg) rotateX(3deg);animation:float 7s ease-in-out infinite}.dash-top,.dash-foot{display:flex;justify-content:space-between;align-items:center;font:9px var(--latin);letter-spacing:1px;color:#657262}.dash-brand{font-weight:800}.live{display:flex;align-items:center;gap:6px}.live i{width:6px;height:6px;border-radius:50%;background:#6b8a4f}.dash-main{padding:27px 10px 18px}.dash-label{font:8px var(--latin);letter-spacing:2px;color:#84907e}.dash-title{font-size:28px;line-height:1.55;margin-top:13px}.dash-title strong{color:#758b57}.dash-lines{display:flex;flex-direction:column;gap:6px;margin-top:15px}.dash-lines i{height:4px;background:#c6cec0;width:70%}.dash-lines i:nth-child(2){width:54%}.dash-lines i:nth-child(3){width:38%}.dash-button{width:95px;height:23px;background:#263d2d;margin-top:19px}.dash-visual{height:74px;display:flex;gap:8px;margin-top:23px}.dash-visual div{flex:1;background:linear-gradient(140deg,#a6b393,#d0d7c7)}.dash-visual div:nth-child(2){background:linear-gradient(140deg,#738967,#c0cbb5)}.dash-foot{border-top:1px solid #cbd2c6;padding-top:12px;font-size:7px}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#203328;border:1px solid rgba(183,198,158,.23);box-shadow:0 14px 40px #07110b66;animation:float 5s ease-in-out infinite}.float-a{top:65px;right:0}.float-b{bottom:65px;left:0;animation-delay:-2s}.float-icon{width:30px;height:30px;display:grid;place-items:center;background:#87966a;color:#122017;font:700 11px var(--latin)}.float-card b,.float-card small{display:block}.float-card b{font-size:10px}.float-card small{font-size:8px;color:#aab7a7;margin-top:3px}.visual-caption{position:absolute;bottom:3px;right:8px;font:8px var(--latin);letter-spacing:1.5px;color:#80907c}.hero-bottom{position:relative;display:flex;justify-content:space-between;margin-top:65px;color:#839182;font:8px var(--latin);letter-spacing:1.5px}.hero-bottom a{font:10px var(--font);letter-spacing:0;color:#b6c0b4}.hero-bottom b{color:var(--olive2);padding-right:8px}.section{padding:110px 0}.intro{background:var(--cream);color:var(--ink)}.section-top{display:flex;align-items:center;justify-content:space-between}.intro .kicker{color:#74835c}.side-note{font:9px var(--latin);letter-spacing:1.5px;color:#899384}.intro-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:12%;align-items:end;margin-top:48px}.intro h2,.section-heading h2{font-size:clamp(35px,4.4vw,58px);line-height:1.5;margin:0;font-weight:600;letter-spacing:-1.5px}.intro h2 em{color:#78885e}.intro-text p{font-size:13px;line-height:2.2;color:#647063;margin:0 0 20px}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:11px;color:#687a50}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(-5px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #cbd2c6}.stat{padding:24px 15px;border-left:1px solid #cbd2c6;display:flex;gap:18px;align-items:center}.stat:last-child{border:0}.stat b{font:600 24px var(--latin);color:#82916a}.stat span{font-size:11px;color:#536052}.services-preview{background:#17251d}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:40px 0 45px}.section-heading h2{font-size:49px}.section-heading h2 em{color:var(--olive2)}.section-heading p{max-width:330px;color:#aab6a8;font-size:12px;line-height:2.2}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{position:relative;min-height:260px;padding:25px 25px 30px;border-left:1px solid var(--line);transition:background .35s,transform .35s}.service-card:last-child{border:0}.service-card:hover{background:#203328;transform:translateY(-5px)}.card-no{font:10px var(--latin);color:#819078}.line-icon{display:block;margin:30px 0 15px;color:var(--olive2);font-size:25px}.service-card h3{font-size:16px;margin:0 0 9px}.service-card p{font-size:11px;line-height:2;color:#9eac9e;max-width:250px}.card-arrow{position:absolute;bottom:26px;left:25px;color:var(--olive2);font:20px var(--latin)}.statement{padding:105px 0;background:linear-gradient(115deg,#77875b,#9aa77b);color:#172219;position:relative;overflow:hidden}.statement:after{content:"TH";position:absolute;left:2%;top:-100px;font:800 380px var(--latin);color:#fff;opacity:.055;pointer-events:none}.statement-inner{position:relative;z-index:1}.statement .kicker{color:#e6ebdc}.statement h2{font-size:clamp(42px,5vw,66px);line-height:1.4;margin:25px 0 30px}.statement h2 em{color:#e7eadb}.btn-light{background:#17251d;color:#f3f1e7}.footer{background:#0b130e;padding:40px 0 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.footer-main p{font-size:10px;color:#9aa696}.footer-links{display:flex;gap:22px}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#788675;font:8px var(--latin);letter-spacing:1px}.wa-float{position:fixed;z-index:40;bottom:22px;left:22px;background:#829469;color:#101b16;padding:11px 15px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 28px #0004;font-size:11px;transition:transform .2s}.wa-float:hover{transform:translateY(-4px)}.wa-float b{font:16px var(--latin)}.page-hero{padding:105px 0 80px;background:radial-gradient(ellipse at 78% 25%,rgba(129,148,98,.18),transparent 38%),#142119}.page-hero .kicker{margin-bottom:25px}.page-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.4;margin:0 0 18px}.page-hero p{max-width:650px;color:#b2bcae;line-height:2.2;font-size:13px}.content-section{padding:75px 0 110px}.content-section.light{background:var(--cream);color:var(--ink)}.service-detail{display:grid;grid-template-columns:100px 1fr .8fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.service-detail .number{font:13px var(--latin);color:var(--olive2)}.service-detail h2{font-size:23px;margin:0 0 12px}.service-detail p,.service-detail li{font-size:12px;line-height:2.1;color:#aeb9ad}.service-detail ul{margin:0;padding-right:18px}.light .service-detail{border-color:#cbd2c6}.light .service-detail p,.light .service-detail li{color:#657164}.light .service-detail .number{color:#77885d}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.package{background:#1b2a20;border:1px solid rgba(226,235,215,.14);padding:25px;position:relative;transition:transform .3s,border-color .3s}.package:hover{transform:translateY(-6px);border-color:#9aa97d}.package.featured{background:#263729;border-color:#9aa97d}.package-label{font-size:10px;color:var(--olive2)}.package h2{font-size:21px;margin:12px 0}.package-desc{min-height:48px;font-size:11px;color:#aeb9ad;line-height:1.9}.old-price{font-size:12px;color:#8c9888;text-decoration:line-through;margin-top:22px}.price{font:800 34px var(--latin);margin:2px 0;color:#f2f1e7}.price small{font:11px var(--font);color:#b5c0ae}.discount{display:inline-block;padding:5px 8px;background:#84936a;color:#142017;font-size:10px;margin:8px 0 17px}.package ul{padding:18px 0 18px;margin:0;list-style:none;border-top:1px solid var(--line)}.package li{font-size:11px;color:#c2cbbd;padding:7px 0;display:flex;gap:9px}.package li:before{content:"";color:var(--olive2)}.details{border-top:1px solid var(--line);padding-top:15px}.details summary{cursor:pointer;color:var(--olive2);font-size:11px;list-style:none;display:flex;justify-content:space-between}.details summary:after{content:"+";font:18px var(--latin)}.details[open] summary:after{content:"−"}.details p{font-size:11px;line-height:2;color:#aeb9ad}.package .btn{width:100%;margin-top:18px}.pricing-note{font-size:11px;color:#9ca999;line-height:2;margin-top:28px}.faq{max-width:800px;margin:55px auto 0}.faq h2{font-size:24px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:13px}.faq details p{color:#aab6a8;font-size:11px;line-height:2}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-panel{padding:35px;background:#1d3025;border:1px solid var(--line)}.contact-panel h2{font-size:25px;margin-top:0}.contact-panel p{font-size:12px;line-height:2;color:#aeb9ad}.contact-number{font:600 22px var(--latin);direction:ltr;text-align:right;color:var(--olive2);margin:22px 0}.contact-list{display:grid;gap:15px}.contact-list a{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value{padding:25px;border:1px solid #d0d7cb;min-height:190px}.value b{font:14px var(--latin);color:#78885e}.value h3{font-size:17px}.value p{font-size:11px;color:#697568;line-height:2}.reveal{opacity:0;transform:translateY(22px);filter:blur(3px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1),filter .75s}.reveal.visible{opacity:1;transform:none;filter:none}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}@keyframes pulse{50%{box-shadow:0 0 0 9px #a7b58a08}}@keyframes breathe{50%{transform:scale(1.16);opacity:.7}}@keyframes orbit{to{transform:rotate(338deg)}}@keyframes float{50%{translate:0 -10px}}@media(max-width:900px){.nav-links{gap:16px}.hero-layout{gap:25px}.hero-visual{transform:scale(.9)}.container{width:min(100% - 44px,1160px)}}@media(max-width:700px){html{scroll-padding-top:72px}.header{height:72px}.container{width:calc(100% - 40px)}.nav{gap:10px}.brand-mark{font-size:24px}.brand-name{font-size:10px}.nav-links,.nav-cta{display:none}.menu-btn{display:flex;width:42px;height:42px;border:1px solid var(--line);background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-btn i{width:17px;height:1px;background:#e9eee5;transition:.2s}.menu-btn[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-btn[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#142119;max-height:0;overflow:hidden;padding:0 22px;transition:max-height .3s,padding .3s;border-bottom:1px solid transparent}.mobile-nav.open{max-height:360px;padding-top:10px;padding-bottom:14px;border-color:var(--line)}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;color:#d6ddcf}.mobile-nav a:last-child{border:0}.hero{padding:55px 0 25px;min-height:unset}.hero-layout{grid-template-columns:1fr;gap:10px}.hero h1{font-size:clamp(43px,11vw,58px);line-height:1.42;margin:20px 0 12px;letter-spacing:-1px}.hero-copy>p{font-size:12px;line-height:2}.hero-actions{margin-top:22px}.btn{min-height:47px;padding:0 15px;font-size:11px;gap:14px}.hero-meta{margin-top:25px;gap:14px;font-size:9px}.hero-visual{height:345px;width:100%;transform:none;margin-top:0}.visual-glow{width:260px;height:260px}.orbit-one{width:330px;height:160px}.orbit-two{width:300px;height:210px}.dashboard{width:85%;min-height:260px;padding:13px 14px 10px}.dash-main{padding:18px 7px 12px}.dash-title{font-size:21px}.dash-visual{height:48px;margin-top:15px}.dash-foot{font-size:6px}.float-card{padding:8px 10px;gap:7px}.float-a{top:25px;right:-3px}.float-b{bottom:35px;left:-3px}.float-icon{width:25px;height:25px;font-size:9px}.float-card b{font-size:8px}.float-card small{font-size:7px}.visual-caption{font-size:6px;bottom:0}.hero-bottom{margin-top:25px;font-size:6px}.hero-bottom a{font-size:9px}.section{padding:72px 0}.side-note{font-size:6px}.intro-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.intro h2,.section-heading h2{font-size:36px;line-height:1.5}.intro-text p{font-size:12px}.stats{margin-top:42px;grid-template-columns:1fr}.stat{padding:14px 4px;border-left:0;border-bottom:1px solid #cbd2c6}.stat b{font-size:19px}.services-preview{padding:72px 0}.section-heading{display:block;margin:28px 0}.section-heading h2{font-size:39px}.section-heading p{font-size:11px}.service-cards{grid-template-columns:1fr}.service-card{min-height:190px;padding:19px 16px;border-left:0;border-bottom:1px solid var(--line)}.line-icon{margin:17px 0 10px}.service-card h3{font-size:14px}.service-card p{font-size:10px}.card-arrow{bottom:20px;left:17px}.statement{padding:70px 0}.statement h2{font-size:42px}.footer-main{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:24px}.footer-links{gap:20px}.footer-bottom{font-size:6px;gap:12px}.wa-float{bottom:14px;left:14px;padding:10px 12px;font-size:10px}.page-hero{padding:70px 0 55px}.page-hero h1{font-size:42px}.page-hero p{font-size:11px}.content-section{padding:50px 0 75px}.service-detail{grid-template-columns:38px 1fr;gap:12px;padding:23px 0}.service-detail>div:last-child{grid-column:2}.service-detail h2{font-size:18px}.service-detail p,.service-detail li{font-size:10px}.package-grid{grid-template-columns:1fr;gap:14px}.package{padding:22px}.package-desc{min-height:0}.price{font-size:32px}.contact-grid{grid-template-columns:1fr;gap:18px}.contact-panel{padding:24px}.about-values{grid-template-columns:1fr}.value{min-height:unset}.faq{margin-top:35px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none}}

/* TH for tech - stronger olive identity and platform-independent iconography */
:root{--bg:#0d1710;--bg2:#152319;--panel:#1c2d1d;--olive:#607d25;--olive2:#a1b74a;--cream:#f2f1e8;--ink:#18251a;--muted:#b5c1b0;--line:rgba(234,241,220,.16)}
.header{background:rgba(13,23,16,.93);border-bottom-color:rgba(192,223,77,.18)}
.hero{background:radial-gradient(ellipse at 76% 43%,rgba(137,171,46,.25),transparent 42%),linear-gradient(120deg,#0d1710,#17291a)}
.hero-grid{opacity:.17}
.eyebrow,.kicker{color:#aebf58}
.eyebrow b{background:#aebf58;box-shadow:0 0 0 5px rgba(194,227,90,.16)}
.hero h1 em,.intro h2 em,.section-heading h2 em,.statement h2 em,.page-hero h1 em{color:#aebf58}
.btn-primary{background:#899f3e;color:#101a10;font-weight:700}
.btn-primary:hover{background:#aebf58;color:#101a10}
.nav-cta{border-color:rgba(194,227,90,.72);color:#aebf58}
.nav-cta:hover{background:#92a943;border-color:#92a943;color:#101a10}
.intro .kicker{color:#617c2a}
.intro h2 em{color:#607a27}
.stat b{color:#5e7928}
.text-link{color:#59752a}
.services-preview{background:#152319}
.service-card:hover{background:#213723}
.line-icon{font:800 10px var(--latin);letter-spacing:2px;color:#d0ec65;border:1px solid rgba(194,227,90,.45);width:52px;height:37px;display:grid;place-items:center;margin:28px 0 15px;background:rgba(152,185,54,.08)}
.card-arrow{width:25px;height:25px;display:grid;place-items:center}
.statement{background:linear-gradient(118deg,#40571b 0%,#617d27 55%,#789631 100%);color:#f4f4e9}
.statement:after{color:#e6f2c7;opacity:.08}
.statement .kicker{color:#d8e9a3}
.statement h2 em{color:#e3f3a7}
.btn-light{background:#111d13;color:#f3f5e9}
.page-hero{background:radial-gradient(ellipse at 78% 25%,rgba(142,178,47,.24),transparent 40%),#142318}
.page-hero .kicker{color:#aebf58}
.package-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.package{background:#17271a;border-color:rgba(194,223,118,.22);padding:22px}
.package:hover{border-color:#9eb44c;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.package.featured{background:#20351e;border-color:#92a943}
.package-label{color:#b3c765;font-weight:600}
.package h2{font-size:19px;line-height:1.55;min-height:58px}
.package-desc{min-height:76px;font-size:11px;line-height:2;color:#c0cbbb}
.package .price{font:800 31px var(--latin);margin:18px 0 14px;color:#e8f2d3;white-space:nowrap}
.package .price small{font-size:11px;color:#c2d0b4}
.price-prefix{display:block;font:500 10px var(--font);color:#b7c7a2;margin-bottom:3px}
.package ul{border-color:rgba(235,242,225,.17);min-height:210px}
.package li{color:#e0e7d9;line-height:1.8;align-items:flex-start}
.package li:before{content:"";width:6px;height:6px;min-width:6px;border-radius:50%;background:#c3e15b;margin-top:8px}
.details{border-color:rgba(235,242,225,.17)}
.details summary{color:#b5c96b;font-weight:600}
.details summary:after{content:"";width:12px;height:12px;background:linear-gradient(#aebf58,#aebf58) center/12px 1px no-repeat,linear-gradient(#aebf58,#aebf58) center/1px 12px no-repeat}
.details[open] summary:after{background:linear-gradient(#aebf58,#aebf58) center/12px 1px no-repeat}
.details p{color:#c1cdb9;line-height:2.15}
.pricing-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;margin-bottom:25px;background:rgba(161,193,61,.1);border:1px solid rgba(192,223,77,.28)}
.pricing-intro strong{font-size:16px;color:#c0d47a}
.pricing-intro span{font-size:11px;color:#bdc9b6}
.pricing-note{color:#bac7b3;line-height:2.1}
.pricing-bottom-cta{margin-top:65px;padding:35px;background:linear-gradient(115deg,#1d321e,#263d20);border:1px solid rgba(194,223,77,.25)}
.pricing-bottom-cta h2{font-size:23px;margin:0 0 8px}
.pricing-bottom-cta p{font-size:12px;color:#bfccb8;margin:0 0 22px}
.faq details{border-color:rgba(235,242,225,.16)}
.faq summary{color:#eef2e7}
.faq details p{color:#bdc8b7}
.contact-hero{padding-bottom:65px}
.contact-page-section{background:linear-gradient(180deg,#142318,#0d1710)}
.contact-page-grid{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:stretch}
.contact-whatsapp-panel{background:linear-gradient(145deg,#213821,#17291a);border-color:rgba(194,223,77,.28);padding:38px}
.contact-overline{font:9px var(--latin);letter-spacing:2px;color:#c5e45d}
.contact-whatsapp-panel h2{font-size:30px;margin:18px 0 12px}
.contact-whatsapp-panel p{font-size:13px;line-height:2.2;color:#c0cdb9}
.contact-number{font:700 25px var(--latin);color:#d1ed70;margin:25px 0 18px;text-align:right}
.whatsapp-main{min-width:210px}
.contact-small-note{display:block;font-size:10px;color:#aebca7;margin-top:14px}
.contact-steps{padding:30px 8px}
.contact-steps h2{font-size:21px;margin:0 0 25px}
.contact-step{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}
.contact-step>b{font:700 12px var(--latin);color:#aebf58;padding-top:3px}
.contact-step strong{font-size:13px}
.contact-step p{font-size:11px;line-height:1.9;color:#b8c5b2;margin:6px 0 0}
.contact-back-link{display:inline-block;margin-top:25px;font-size:11px;color:#b5c96b;border-bottom:1px solid rgba(209,233,120,.5);padding-bottom:5px}
.wa-float{background:#92a943;color:#101a10;font-weight:600}
.wa-float:hover{background:#aebf58}
.wa-indicator{width:9px;height:9px;background:#162718;border:2px solid #d6ef91;border-radius:50%;box-shadow:0 0 0 4px rgba(16,26,16,.12)}
.arrow-mark{display:inline-block;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);vertical-align:middle;flex:none;margin-inline-start:3px}
.arrow-mark.arrow-left{transform:rotate(-135deg)}
a:hover .arrow-mark{transform:translate(2px,-2px) rotate(45deg)}
a:hover .arrow-mark.arrow-left{transform:translate(-2px,2px) rotate(-135deg)}
@media(max-width:1050px){.package-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.package ul{min-height:0}}
@media(max-width:700px){.package-grid-four{grid-template-columns:1fr;gap:15px}.package{padding:23px}.package h2{min-height:0;font-size:20px}.package-desc{min-height:0;font-size:11px}.package ul{min-height:0}.pricing-intro{align-items:flex-start;flex-direction:column;padding:15px}.pricing-intro strong{font-size:15px}.pricing-intro span{font-size:10px}.pricing-bottom-cta{padding:24px;margin-top:45px}.contact-page-grid{grid-template-columns:1fr;gap:12px}.contact-whatsapp-panel{padding:25px}.contact-whatsapp-panel h2{font-size:25px}.contact-number{font-size:22px}.contact-steps{padding:22px 5px}.wa-float{bottom:14px;left:14px;padding:10px 13px;font-size:10px}}

/* Draw arrows with CSS strokes rather than system font glyphs. */
.arrow-mark{position:relative;width:15px;height:15px;display:inline-block;flex:none;border:0;transform:none;margin-inline-start:4px;vertical-align:middle}
.arrow-mark:before{content:"";position:absolute;left:1px;bottom:3px;width:12px;height:2px;background:currentColor;transform:rotate(-45deg);transform-origin:left center}
.arrow-mark:after{content:"";position:absolute;right:0;top:0;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.arrow-mark.arrow-left{transform:scaleX(-1)}
a:hover .arrow-mark{transform:translate(2px,-2px)}
a:hover .arrow-mark.arrow-left{transform:translate(-2px,-2px) scaleX(-1)}


/* Typography refinement: compact Latin lettering, clearer editorial homepage */
.brand-name,.dash-top,.dash-foot,.dash-label,.visual-caption,.hero-bottom,.side-note,.footer-bottom,.contact-overline{letter-spacing:0!important}
.brand-mark{letter-spacing:-1px!important}
.dash-top,.dash-foot,.dash-label,.visual-caption,.hero-bottom,.side-note,.footer-bottom{font-family:var(--latin);letter-spacing:0!important}
.kicker{letter-spacing:0!important}
.card-no{display:none!important}
.stat b{font:600 13px var(--font)!important;letter-spacing:0!important}
.float-icon{font:700 9px var(--latin)!important;letter-spacing:0!important}
.hero .dash-foot span:last-child{font-size:7px}
.price-block{margin:16px 0 18px}
.price-block .old-price{margin:0 0 3px;font:500 12px var(--font);color:#a6b09e;text-decoration:line-through;text-decoration-thickness:1px}
.price-block .price{margin:0!important}
.price-block .price-prefix{color:#c4d19f}
.price-block .discount{margin:8px 0 0;background:rgba(164,190,76,.16);border:1px solid rgba(164,190,76,.4);color:#c9dc82;padding:6px 10px;font-size:10px}
@media(max-width:700px){.stat b{font-size:12px!important}.price-block{margin:14px 0 16px}}


/* Homepage now reads as one continuous editorial experience, not stacked slides */
body:has(>main .hero) .intro{background:linear-gradient(180deg,#0f1b13 0%,#111e15 100%);color:#f1f2e8}
body:has(>main .hero) .intro .kicker{color:#b4c86a}
body:has(>main .hero) .intro .side-note{color:#9ba891}
body:has(>main .hero) .intro h2{color:#f1f2e8}
body:has(>main .hero) .intro h2 em{color:#b4c86a}
body:has(>main .hero) .intro .intro-text p{color:#b8c2b3}
body:has(>main .hero) .intro .text-link{color:#c2d77a}
body:has(>main .hero) .intro .stats{border-color:rgba(235,239,224,.16)}
body:has(>main .hero) .intro .stat{border-color:rgba(235,239,224,.13)}
body:has(>main .hero) .intro .stat b{color:#c0d477}
body:has(>main .hero) .intro .stat span{color:#c1cbbb}
body:has(>main .hero) .services-preview{background:#111e15}
body:has(>main .hero) .statement{background:linear-gradient(115deg,#1b2b1b,#243821);color:#f1f2e8;border-top:1px solid rgba(235,239,224,.08)}
body:has(>main .hero) .statement .kicker{color:#c1d77c}
body:has(>main .hero) .statement h2 em{color:#c1d77c}
body:has(>main .hero) .statement:after{opacity:.025}


/* Homepage art direction: distinct color chapters, larger section titles, visible motion */
body:has(>main .hero) .intro{
 background:
 radial-gradient(ellipse at 8% 10%,rgba(169,184,126,.18),transparent 35%),
 linear-gradient(135deg,#e8eadf 0%,#f5f2e8 48%,#dce3d2 100%);
 color:#17251b;
 position:relative;
 overflow:hidden;
}
body:has(>main .hero) .intro:after{
 content:"TH";position:absolute;left:-.04em;bottom:-.38em;
 font:800 clamp(180px,28vw,390px)/1 var(--latin);
 letter-spacing:-.1em;color:rgba(60,83,47,.055);pointer-events:none;
}
body:has(>main .hero) .intro .container{position:relative;z-index:1}
body:has(>main .hero) .intro .section-top .kicker{
 color:#3e572b;font-size:17px;font-weight:700;letter-spacing:0;
 border-right:4px solid #8a9d4a;padding-right:14px;min-height:32px;
}
body:has(>main .hero) .intro .side-note{color:#71806a}
body:has(>main .hero) .intro h2{
 color:#1b2a1d;font-size:clamp(46px,5.3vw,72px);line-height:1.42;
 font-weight:700;letter-spacing:-1.7px;
}
body:has(>main .hero) .intro h2 em{color:#657d37}
body:has(>main .hero) .intro .intro-text p{color:#53614f;font-size:14px;line-height:2.25}
body:has(>main .hero) .intro .text-link{color:#536d31;font-weight:700}
body:has(>main .hero) .intro .stats{border-color:rgba(50,70,43,.22)}
body:has(>main .hero) .intro .stat{border-color:rgba(50,70,43,.18)}
body:has(>main .hero) .intro .stat b{color:#627b37;font:700 18px var(--font)!important}
body:has(>main .hero) .intro .stat span{color:#4c5b49;font-size:12px}
body:has(>main .hero) .services-preview{
 background:
 radial-gradient(ellipse at 92% 8%,rgba(135,163,76,.18),transparent 32%),
 linear-gradient(145deg,#18291d 0%,#203a27 55%,#14251b 100%);
 position:relative;overflow:hidden;
}
body:has(>main .hero) .services-preview:before{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;
 background-image:radial-gradient(rgba(219,232,192,.65) .7px,transparent .7px);
 background-size:19px 19px;mask-image:linear-gradient(135deg,#000,transparent 65%);
}
body:has(>main .hero) .services-preview .container{position:relative;z-index:1}
body:has(>main .hero) .services-preview .section-top .kicker{
 color:#c2d78a;font-size:17px;font-weight:700;border-right:4px solid #a4bb60;padding-right:14px;min-height:32px;
}
body:has(>main .hero) .services-preview .section-heading h2{
 font-size:clamp(46px,5.2vw,70px);line-height:1.35;font-weight:700;
}
body:has(>main .hero) .services-preview .section-heading p{font-size:13px;color:#c2cdbb}
body:has(>main .hero) .services-preview .service-cards{border-color:rgba(223,235,211,.24)}
body:has(>main .hero) .services-preview .service-card{border-color:rgba(223,235,211,.2);background:rgba(10,24,15,.12)}
body:has(>main .hero) .services-preview .service-card:hover{background:rgba(177,199,111,.13)}
body:has(>main .hero) .statement{
 background:linear-gradient(115deg,#71863e 0%,#899c50 48%,#a7ad70 100%);
 color:#111e14;border-top:0;
}
body:has(>main .hero) .statement .kicker{color:#f1f2e6}
body:has(>main .hero) .statement h2{font-size:clamp(48px,5.8vw,78px);font-weight:700}
body:has(>main .hero) .statement h2 em{color:#f3f0d9}
body:has(>main .hero) .statement:after{font-size:460px;opacity:.09;color:#f4f1df}

/* Stronger, unmistakable entrance and scroll animations */
.hero-copy.reveal{transform:translate3d(0,42px,0);filter:blur(8px);transition:opacity .95s ease,transform 1.05s cubic-bezier(.16,1,.3,1),filter .95s ease}
.hero-visual.reveal{transform:translate3d(0,28px,0) scale(.88);filter:blur(9px);transition:opacity 1.1s ease .12s,transform 1.25s cubic-bezier(.16,1,.3,1) .12s,filter 1.1s ease .12s}
.hero-copy.reveal.visible{transform:translate3d(0,0,0);filter:blur(0)}
.hero-visual.reveal.visible{transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.hero h1{animation:heroTextIn 1s cubic-bezier(.16,1,.3,1) both}
.hero-copy>p{animation:heroTextIn 1s .18s cubic-bezier(.16,1,.3,1) both}
.hero-actions{animation:heroTextIn 1s .3s cubic-bezier(.16,1,.3,1) both}
.dashboard{animation:dashboardFloat 5s ease-in-out infinite, dashboardGlow 4s ease-in-out infinite;transform-origin:center}
.visual-glow{animation:breathe 4s ease-in-out infinite,glowPulse 5s ease-in-out infinite}
.orbit-one{animation:orbit 15s linear infinite}
.orbit-two{animation:orbit 20s linear infinite reverse}
.float-card{animation:floatCard 4s ease-in-out infinite}
.float-b{animation-delay:-1.8s}
.eyebrow b{animation:pulse 1.5s ease-in-out infinite}
body:has(>main .hero) .intro .section-top .kicker,
body:has(>main .hero) .services-preview .section-top .kicker{
 transition:transform .65s cubic-bezier(.16,1,.3,1),color .4s;
}
.reveal.visible{animation:revealSnap .75s cubic-bezier(.16,1,.3,1) both}
.service-card.reveal.visible:nth-child(1){animation-delay:.05s}
.service-card.reveal.visible:nth-child(2){animation-delay:.2s}
.service-card.reveal.visible:nth-child(3){animation-delay:.35s}
@keyframes heroTextIn{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes dashboardFloat{0%,100%{translate:0 0;rotate:-.3deg}50%{translate:0 -13px;rotate:.3deg}}
@keyframes dashboardGlow{0%,100%{box-shadow:0 35px 90px #080e0a88}50%{box-shadow:0 42px 100px rgba(116,150,72,.25)}}
@keyframes glowPulse{0%,100%{opacity:.55;scale:.92}50%{opacity:1;scale:1.12}}
@keyframes floatCard{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -12px;rotate:1deg}}
@keyframes revealSnap{0%{opacity:0}100%{opacity:1}}
@media(max-width:700px){
 body:has(>main .hero) .intro{background:linear-gradient(150deg,#e8eadf,#f4f0e4 55%,#dce3d2)}
 body:has(>main .hero) .intro .section-top .kicker,body:has(>main .hero) .services-preview .section-top .kicker{font-size:15px}
 body:has(>main .hero) .intro h2{font-size:clamp(39px,10vw,51px);line-height:1.48}
 body:has(>main .hero) .services-preview .section-heading h2{font-size:clamp(42px,10vw,54px)}
 body:has(>main .hero) .statement h2{font-size:clamp(43px,11vw,56px)}
 .hero-visual.reveal.visible{transform:scale(1)}
}
@media(prefers-reduced-motion:reduce){
 .hero-copy.reveal,.hero-visual.reveal,.hero h1,.hero-copy>p,.hero-actions,.dashboard,.visual-glow,.orbit-one,.orbit-two,.float-card{animation:none!important;transition:none!important;transform:none!important;filter:none!important}
}


/* Motion system refinement: remove noisy global animation, reserve motion for the homepage hero */
.reveal{opacity:1;transform:none;filter:none;transition:none}
.reveal.visible{animation:none}
body:has(.hero) .hero-copy.reveal,body:has(.hero) .hero-visual.reveal,
body:has(.hero) .intro .reveal,body:has(.hero) .origin-story .reveal,
body:has(.hero) .services-preview .reveal,body:has(.hero) .statement-inner.reveal{
 opacity:0;transform:translate3d(0,26px,0);filter:none;
 transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.25,1);
}
body:has(.hero) .hero-visual.reveal{transform:translate3d(0,18px,0) scale(.96)}
body:has(.hero) .reveal.visible{opacity:1;transform:none;filter:none;animation:none}
body:has(.hero) .hero-visual.reveal.visible{transform:scale(1)}
/* Keep continuous motion confined to the hero artwork; no pulsing or floating across inner pages. */
body:not(:has(.hero)) .visual-glow,body:not(:has(.hero)) .visual-orbit,
body:not(:has(.hero)) .dashboard,body:not(:has(.hero)) .float-card,
body:not(:has(.hero)) .eyebrow b{animation:none!important}
body:not(:has(.hero)) .reveal,body:not(:has(.hero)) .reveal.visible{opacity:1;transform:none;filter:none;transition:none;animation:none}
body:has(.hero) .dashboard{animation:dashboardFloat 7s ease-in-out infinite}
body:has(.hero) .float-card{animation:floatCard 6s ease-in-out infinite}
body:has(.hero) .float-b{animation-delay:-3s}
body:has(.hero) .visual-glow{animation:glowPulse 7s ease-in-out infinite}
body:has(.hero) .orbit-one{animation:orbit 32s linear infinite}
body:has(.hero) .orbit-two{animation:orbit 40s linear infinite reverse}
body:has(.hero) .eyebrow b{animation:pulse 2.5s ease-in-out infinite}
body:has(.hero) .hero h1,body:has(.hero) .hero-copy>p,body:has(.hero) .hero-actions{animation:none}
body:has(.hero) .intro .reveal:nth-child(2),body:has(.hero) .origin-story .reveal:nth-child(2),body:has(.hero) .services-preview .reveal:nth-child(2){transition-delay:.08s}
body:has(.hero) .service-card.reveal.visible:nth-child(1){transition-delay:.05s}
body:has(.hero) .service-card.reveal.visible:nth-child(2){transition-delay:.16s}
body:has(.hero) .service-card.reveal.visible:nth-child(3){transition-delay:.27s}
.origin-story{position:relative;overflow:hidden;background:linear-gradient(115deg,#1a2a20 0%,#243a2b 56%,#34472c 100%);color:#f2f1e8;padding:112px 0}
.origin-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;align-items:center}
.origin-year{position:relative;min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 34px;border:1px solid rgba(223,235,211,.23);background:linear-gradient(145deg,rgba(230,238,215,.1),rgba(10,20,13,.12));overflow:hidden}
.origin-year:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(207,222,169,.24);border-radius:50%;left:-70px;bottom:-115px;box-shadow:0 0 0 24px rgba(207,222,169,.035),0 0 0 50px rgba(207,222,169,.025)}
.origin-label{font-size:12px;color:#c3d29e}
.origin-year strong{font:800 clamp(88px,12vw,154px)/1 var(--latin);letter-spacing:-10px;color:#d0df9b;margin:16px 0}
.origin-rule{width:70px;height:3px;background:#a8bd70}
.origin-caption{font:9px var(--latin);letter-spacing:1px;color:#aebca2;margin-top:22px}
.origin-copy .kicker{color:#d0df9b;font-size:14px;font-weight:700}
.origin-copy h2{font-size:clamp(36px,4.6vw,60px);line-height:1.45;margin:24px 0}
.origin-copy h2 em{font-style:normal;color:#c3d58c}
.origin-copy>p{max-width:670px;color:#d0d9c9;font-size:14px;line-height:2.25}
.origin-copy .origin-note{color:#d5e2aa;font-weight:700;margin:24px 0}
.origin-copy .text-link{color:#e0edb8}
.hero-offer{display:flex;flex-direction:column;gap:5px;width:min(100%,430px);margin-top:28px;padding:16px 19px;border:1px solid rgba(190,211,130,.36);background:linear-gradient(110deg,rgba(151,177,83,.18),rgba(255,255,255,.035));position:relative;overflow:hidden;transition:background .3s,border-color .3s}
.hero-offer:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#c0d58a}
.hero-offer:hover{background:rgba(151,177,83,.25);border-color:#c0d58a}
.offer-kicker{font-size:10px;color:#c4d79a}
.hero-offer>strong{font-size:16px;color:#f4f4e9}
.hero-offer>strong b{color:#d0e29a;font:800 25px var(--latin);margin-inline-start:4px}
.hero-offer small{font-size:10px;color:#b7c3b0}
.offer-arrow{display:flex;align-items:center;gap:9px;color:#d2e3a0;font-size:10px;margin-top:7px}
.offer-arrow .arrow-mark{width:12px;height:12px}
.starter-service{background:linear-gradient(100deg,rgba(144,171,79,.13),transparent 75%);border:1px solid rgba(155,181,94,.35);padding:25px;margin-bottom:28px}
.starter-service .number{font:800 22px var(--latin);color:#d1e39a}
.starter-tag{display:inline-block;color:#657d35;background:#e4ebd4;padding:5px 9px;font-size:10px;margin-bottom:10px}
.starter-price{display:inline-block;color:#d2e49d;font:800 24px var(--latin);margin-top:10px}
.starter-service li{color:#d5ddcd}
@media(max-width:700px){
 .origin-story{padding:70px 0}
 .origin-layout{grid-template-columns:1fr;gap:25px}
 .origin-year{min-height:185px;padding:20px 24px}
 .origin-year strong{font-size:90px;letter-spacing:-6px}
 .origin-copy h2{font-size:39px}
 .origin-copy>p{font-size:12px}
 .hero-offer{margin-top:22px;padding:14px}
 .hero-offer>strong{font-size:14px}
 .hero-offer>strong b{font-size:23px}
 .starter-service{padding:17px;grid-template-columns:44px 1fr;gap:12px}
}


/* Compact editorial price promotion for the homepage */
.hero-price-promo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;width:min(100%,520px);margin-top:28px;padding:15px 18px;background:linear-gradient(105deg,#293d25,#1b2b20);border:1px solid rgba(195,218,132,.38);border-radius:4px;position:relative;overflow:hidden}
.hero-price-promo:before{content:"";position:absolute;inset:0 0 0 auto;width:4px;background:#c4d982}
.promo-price{display:flex;flex-direction:column;gap:3px;padding-left:15px;border-left:1px solid rgba(226,238,207,.2);white-space:nowrap}
.promo-price>span{font-size:9px;color:#c5d49e}
.promo-price strong{font:800 29px/1 var(--latin);color:#e1efb8}
.promo-price small{font:500 10px var(--font);color:#d0ddbd}
.promo-copy{display:flex;flex-direction:column;gap:5px}
.promo-copy b{font-size:13px;color:#f3f3e9}
.promo-copy small{font-size:10px;line-height:1.8;color:#c2cdb8}
.promo-link{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;font-weight:700;color:#d8e9a4}
.promo-link .arrow-mark{width:12px;height:12px}
.package .old-price{display:flex;align-items:center;gap:8px;margin:13px 0 1px;color:#aebba5;font-size:10px}
.package .old-price s{font:500 13px var(--latin);color:#aebba5;text-decoration-thickness:1px}
.package .price-block .price{margin:0!important;font-size:32px}
.package .discount{display:inline-flex;margin-top:7px;padding:5px 9px;background:rgba(177,199,111,.13);border:1px solid rgba(177,199,111,.28);color:#d0e29a;font-size:10px}
.statement .btn-light{min-width:210px}
@media(max-width:700px){
 .hero-price-promo{grid-template-columns:auto 1fr;gap:12px;margin-top:21px;padding:13px 14px}
 .promo-price{padding-left:11px}
 .promo-price strong{font-size:25px}
 .promo-copy b{font-size:11px}
 .promo-copy small{font-size:9px}
 .promo-link{grid-column:1/-1;justify-content:flex-start;padding-top:9px;border-top:1px solid rgba(226,238,207,.14)}
}

/* A clear invitation to continue beyond the hero */
.hero-bottom{align-items:center;margin-top:42px}
.scroll-cue{display:inline-flex;align-items:center;gap:12px;color:#d5e2bd!important;font:600 11px var(--font)!important;letter-spacing:0!important}
.scroll-cue i{width:22px;height:22px;border:1px solid rgba(207,226,168,.55);border-radius:50%;position:relative;display:inline-block;animation:scrollCue 1.8s ease-in-out infinite}
.scroll-cue i:after{content:"";position:absolute;width:6px;height:6px;border-right:1.5px solid #d5e2bd;border-bottom:1.5px solid #d5e2bd;transform:rotate(45deg);left:7px;top:5px}
.scroll-cue:hover{color:#fff!important}
@keyframes scrollCue{0%,100%{transform:translateY(-2px);opacity:.75}50%{transform:translateY(4px);opacity:1}}
@media(max-width:700px){.hero-bottom{margin-top:28px;justify-content:center}.hero-bottom>span{display:none}.scroll-cue{font-size:11px!important}.hero{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.scroll-cue i{animation:none}}

/* Hero scroll cue: anchored in the visual field, not below the fold */
.hero{position:relative}
.scroll-cue-floating{position:absolute;z-index:5;bottom:28px;right:max(32px,calc((100vw - 1160px)/2));padding:10px 14px;border:1px solid rgba(208,225,177,.38);background:rgba(19,35,24,.78);backdrop-filter:blur(12px);border-radius:2px}
.hero-bottom{display:none!important}
@media(max-width:700px){.scroll-cue-floating{right:22px;bottom:14px;padding:8px 11px;font-size:10px!important}.hero{padding-bottom:68px}}
/* Service discovery is a guided choice, not a wall of service descriptions */
.service-chooser{padding:76px 0 88px;background:linear-gradient(145deg,#e9ecdf,#f3f1e7 55%,#dfe6d5);color:#1b2a1d;position:relative;overflow:hidden}
.service-chooser:after{content:"TH";position:absolute;left:-.04em;bottom:-.36em;font:800 clamp(190px,30vw,390px)/1 var(--latin);letter-spacing:-.1em;color:rgba(60,83,47,.045);pointer-events:none}
.service-chooser .container{position:relative;z-index:1}
.chooser-heading{max-width:680px;margin-bottom:36px}
.chooser-heading .kicker{color:#657d37;font-weight:700}
.chooser-heading h2{font-size:clamp(38px,5vw,60px);line-height:1.35;margin:18px 0 10px}
.chooser-heading h2 em,.service-next-step h2 em{font-style:normal;color:#718744}
.chooser-heading p{font-size:13px;color:#5e6c59;line-height:2}
.chooser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.chooser-card{min-height:220px;padding:25px 26px;background:rgba(225,222,208,.55);border:1px solid rgba(67,88,54,.19);display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,background .25s,border-color .25s;position:relative}
.chooser-card:hover{transform:translateY(-5px);background:#e4e1d5;border-color:#91a46a}
.chooser-featured{background:#1b3021;color:#f4f2e8;border-color:#1b3021}
.chooser-featured:hover{background:#243c29;border-color:#829a59}
.chooser-index{font:10px var(--latin);letter-spacing:.5px;color:#758b4c}
.chooser-featured .chooser-index{color:#c4d78d}
.chooser-card h3{font-size:20px;margin:21px 0 8px;line-height:1.5}
.chooser-card p{font-size:12px;line-height:2;color:#657260;margin:0 0 20px;max-width:470px}
.chooser-featured p{color:#c1cdb8}
.chooser-action{margin-top:auto;font-size:11px;font-weight:700;color:#617b36;display:flex;gap:12px;align-items:center}
.chooser-featured .chooser-action{color:#d6e8a5}
.chooser-action b,.chooser-bottom b{font:18px var(--latin);transition:transform .2s}
.chooser-card:hover .chooser-action b{transform:translateX(-4px)}
.chooser-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(67,88,54,.2);font-size:12px;color:#64715d}
.chooser-bottom a{color:#5b7432;font-weight:700}
.service-next-step{margin-top:65px;padding:35px 38px;background:linear-gradient(120deg,#e8ecdc,#f5f2e7);color:#1b2a1d;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(113,135,68,.3)}
.service-next-step .kicker{color:#718744;font-weight:700}
.service-next-step h2{font-size:clamp(24px,3vw,36px);line-height:1.5;margin:12px 0}
.service-next-step p{font-size:12px;color:#62705c;line-height:2;margin:0}
.service-next-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex:none}
.service-next-actions .text-link{color:#5d7538}
@media(max-width:700px){.service-chooser{padding:55px 0 62px}.chooser-heading{margin-bottom:24px}.chooser-grid{grid-template-columns:1fr;gap:10px}.chooser-card{min-height:190px;padding:20px}.chooser-card h3{font-size:18px;margin:15px 0 6px}.chooser-card p{font-size:11px}.chooser-bottom{align-items:flex-start;flex-direction:column;gap:10px}.service-next-step{padding:24px 20px;display:block;margin-top:42px}.service-next-actions{margin-top:22px}.service-next-actions .btn{width:100%}}


/* Mobile-first refinement: keep the discovery cue beside the primary actions */
.scroll-cue-floating{display:none!important}
.scroll-cue-inline{display:inline-flex;min-height:46px;padding:0 13px;border:1px solid rgba(208,225,177,.34);background:rgba(225,222,208,.035);gap:9px;white-space:nowrap;border-radius:2px}
.scroll-cue-inline i{width:19px;height:19px;flex:none}
.hero-actions{flex-wrap:wrap;align-items:center}
@media(max-width:700px){
 .hero{padding-bottom:42px}
 .hero-actions{display:flex;gap:9px;align-items:stretch}
 .hero-actions .btn{min-height:48px;padding:0 13px;font-size:11px;flex:1}
 .scroll-cue-inline{order:3;width:100%;justify-content:center;min-height:39px;margin-top:2px;background:rgba(225,222,208,.045)}
}

/* Services page: calmer editorial art direction, fewer competing surfaces */
.service-chooser{padding:64px 0 72px;background:linear-gradient(145deg,#14231a 0%,#192b20 55%,#111e17 100%);color:#f1f1e8}
.service-chooser:after{color:rgba(211,226,176,.025);left:-.02em;bottom:-.4em}
.chooser-heading{max-width:760px;margin:0 auto 34px;text-align:center}
.chooser-heading .kicker{color:#c3d58c;letter-spacing:.02em}
.chooser-heading h2{font-size:clamp(32px,4.4vw,50px);line-height:1.45;margin:13px 0 8px;color:#f3f2e8}
.chooser-heading h2 em{color:#c3d58c}
.chooser-heading p{font-size:13px;color:#b8c4b5;line-height:2;margin:0}
.chooser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(226,236,216,.17);border-right:1px solid rgba(226,236,216,.17)}
.chooser-card,.chooser-featured{min-height:190px;padding:24px 27px;background:transparent;color:#f2f1e8;border:0;border-left:1px solid rgba(226,236,216,.17);border-bottom:1px solid rgba(226,236,216,.17);transition:background .3s ease}
.chooser-card:hover,.chooser-featured:hover{transform:none;background:rgba(191,211,139,.075);border-color:rgba(226,236,216,.17)}
.chooser-index,.chooser-featured .chooser-index{color:#c3d58c;font-size:9px;letter-spacing:1px}
.chooser-card h3{font-size:18px;font-weight:600;margin:16px 0 7px;line-height:1.55}
.chooser-card p,.chooser-featured p{font-size:11px;line-height:2;color:#b7c2b2;margin:0 0 17px;max-width:460px}
.chooser-action,.chooser-featured .chooser-action{color:#d6e5ad;font-size:11px}
.chooser-action b{font-size:16px}
.chooser-bottom{justify-content:center;gap:18px;margin-top:23px;padding-top:18px;border-color:rgba(226,236,216,.15);color:#b9c4b4;font-size:11px}
.chooser-bottom a{color:#d5e5a6}
.page-hero{padding:78px 0 60px;background:radial-gradient(ellipse at 85% 20%,rgba(140,164,94,.13),transparent 40%),linear-gradient(115deg,#111e17,#192b20)}
.page-hero .container{max-width:900px}
.page-hero .kicker{color:#c3d58c}
.page-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.45;letter-spacing:-.7px;margin:18px 0}
.page-hero h1 em{color:#c3d58c;font-style:normal}
.page-hero p{max-width:650px;color:#c0cabc;font-size:13px;line-height:2.2}
.content-section{padding-top:66px}
.service-detail{padding:34px 0;border-bottom:1px solid rgba(235,239,224,.15);background:transparent}
.service-detail h2{font-size:clamp(21px,2.5vw,29px);margin:0 0 10px;color:#f1f1e8}
.service-detail p{font-size:12px;line-height:2.1;color:#b9c5b5}
.service-detail ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}
.service-detail li{font-size:11px;line-height:1.9;color:#c7d0c1}
.service-detail li:before{content:"—";color:#c3d58c;margin-left:8px}
.service-next-step{background:linear-gradient(120deg,#1b3021,#243a29);color:#f2f1e8;border:1px solid rgba(195,213,140,.2)}
.service-next-step h2{color:#f1f1e8}
.service-next-step h2 em{color:#c3d58c}
.service-next-step p{color:#c0cabc}
.service-next-actions .text-link{color:#d4e5a4}
@media(max-width:700px){
 .page-hero{padding:52px 0 38px}
 .page-hero h1{font-size:34px;line-height:1.55;margin:13px 0}
 .page-hero p{font-size:12px;line-height:2.1}
 .service-chooser{padding:43px 0 48px}
 .chooser-heading{text-align:right;margin-bottom:22px}
 .chooser-heading h2{font-size:30px}
 .chooser-heading p{font-size:11px}
 .chooser-grid{grid-template-columns:1fr;border-right:0}
 .chooser-card,.chooser-featured{min-height:0;padding:19px 17px;border-left:0}
 .chooser-card h3{font-size:16px;margin:10px 0 5px}
 .chooser-card p,.chooser-featured p{font-size:10px;margin-bottom:11px}
 .chooser-action{font-size:10px}
 .chooser-bottom{align-items:center;flex-direction:row;justify-content:space-between;gap:10px;font-size:10px}
 .content-section{padding-top:40px}
 .service-detail{padding:24px 0;grid-template-columns:38px 1fr;gap:10px}
 .service-detail h2{font-size:19px}
 .service-detail p{font-size:11px}
 .service-detail ul{grid-column:2;grid-template-columns:1fr;gap:5px}
 .service-next-step{padding:22px 18px;margin-top:34px}
}


/* Service detail cards: match the warm olive tone of the "next step" panel */
body:has(.service-chooser) .content-section{padding:54px 0 88px}
body:has(.service-chooser) .service-detail{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);
 gap:18px 30px;align-items:center;margin:0 0 16px;padding:28px 30px;
 border:1px solid rgba(195,213,140,.2);border-radius:3px;
 background:linear-gradient(120deg,#1b3021 0%,#243a29 100%);
 box-shadow:0 12px 30px rgba(0,0,0,.08);scroll-margin-top:110px
}
body:has(.service-chooser) .service-detail>div:first-of-type{grid-column:1}
body:has(.service-chooser) .service-detail>div:last-child{grid-column:2;grid-row:1}
body:has(.service-chooser) .service-detail h2{font-family:"Tajawal",sans-serif;font-size:25px;font-weight:700;letter-spacing:0;margin:0 0 9px;color:#f3f2e8}
body:has(.service-chooser) .service-detail p{font-family:"Tajawal",sans-serif;font-size:14px;line-height:1.9;color:#c5d0bf;margin:0}
body:has(.service-chooser) .service-detail ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr;gap:8px}
body:has(.service-chooser) .service-detail li{font-family:"Tajawal",sans-serif;font-size:13px;line-height:1.8;color:#e0e7d8}
body:has(.service-chooser) .service-detail li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#c3d58c;margin-left:10px;vertical-align:middle}
body:has(.service-chooser) .service-detail .number{display:none}
body:has(.service-chooser) .service-detail.starter-service{background:linear-gradient(120deg,#1b3021 0%,#243a29 100%);border-color:rgba(195,213,140,.2)}
body:has(.service-chooser) .service-detail .starter-tag{font-family:"Tajawal",sans-serif;background:rgba(195,213,140,.14);color:#d7e6ac;border:1px solid rgba(195,213,140,.24)}
body:has(.service-chooser) .service-detail .starter-price{font-family:"Tajawal",sans-serif;color:#d6e5a5}
body:has(.service-chooser) .service-detail .starter-tag+h2{margin-top:8px}
body:has(.service-chooser) .chooser-card{border-radius:3px}
body:has(.service-chooser) .chooser-index{font-family:"Tajawal",sans-serif;font-size:12px;letter-spacing:0}
body:has(.service-chooser) .chooser-card h3,body:has(.service-chooser) .chooser-card p,body:has(.service-chooser) .chooser-action{font-family:"Tajawal",sans-serif}
@media(max-width:700px){
 body:has(.service-chooser) .content-section{padding:32px 0 58px}
 body:has(.service-chooser) .service-detail{grid-template-columns:1fr;gap:16px;padding:21px 18px;margin-bottom:12px}
 body:has(.service-chooser) .service-detail>div:first-of-type,body:has(.service-chooser) .service-detail>div:last-child{grid-column:1;grid-row:auto}
 body:has(.service-chooser) .service-detail h2{font-size:22px}
 body:has(.service-chooser) .service-detail p{font-size:13px}
 body:has(.service-chooser) .service-detail li{font-size:12px}
}


/* Put the service-page introduction and its chooser footer inside the same olive panels */
body:has(.service-chooser) .chooser-heading{
 max-width:none;text-align:right;margin:0 0 16px;padding:27px 30px;
 background:linear-gradient(120deg,#1b3021 0%,#243a29 100%);
 border:1px solid rgba(195,213,140,.2);border-radius:3px;
 box-shadow:0 12px 30px rgba(0,0,0,.08)
}
body:has(.service-chooser) .chooser-heading h2{margin:10px 0 7px}
body:has(.service-chooser) .chooser-heading p{margin:0;color:#c5d0bf}
body:has(.service-chooser) .chooser-bottom{
 justify-content:space-between;margin-top:16px;padding:17px 22px;
 background:linear-gradient(120deg,#1b3021 0%,#243a29 100%);
 border:1px solid rgba(195,213,140,.2);border-radius:3px
}
/* Keep the homepage scroll action in the first action row, never at the bottom of the hero */
.hero-actions .scroll-cue-inline{
 order:0;flex:0 0 auto;width:auto;min-height:49px;padding:0 14px;
 margin:0;border:1px solid rgba(208,225,177,.42);
 background:rgba(195,213,140,.09);border-radius:2px;
 color:#dce9c5!important;font-size:11px!important
}
.hero-actions .scroll-cue-inline i{width:19px;height:19px}
@media(max-width:700px){
 body:has(.service-chooser) .chooser-heading{padding:20px 18px;text-align:right;margin-bottom:12px}
 body:has(.service-chooser) .chooser-heading h2{font-size:27px}
 body:has(.service-chooser) .chooser-heading p{font-size:11px}
 body:has(.service-chooser) .chooser-bottom{padding:15px 14px;align-items:center}
 .hero{padding-bottom:22px}
 .hero-actions{display:flex;flex-wrap:nowrap;gap:7px;align-items:stretch}
 .hero-actions .btn{min-height:46px;padding:0 10px;font-size:10px;flex:1 1 0;white-space:nowrap}
 .hero-actions .scroll-cue-inline{flex:0 0 42px;width:42px;min-width:42px;min-height:46px;padding:0;justify-content:center;gap:0}
 .hero-actions .scroll-cue-inline span{display:none}
 .hero-actions .scroll-cue-inline i{width:19px;height:19px}
}


/* Final service-page visual system: unified Arabic type + distinct olive panels */
body:has(.service-chooser){font-family:"IBM Plex Sans Arabic",sans-serif}
body:has(.service-chooser) .page-hero .container,
body:has(.service-chooser) .chooser-heading,
body:has(.service-chooser) .chooser-bottom,
body:has(.service-chooser) .chooser-card,
body:has(.service-chooser) .service-detail,
body:has(.service-chooser) .service-next-step{
 font-family:"IBM Plex Sans Arabic",sans-serif
}
body:has(.service-chooser) .page-hero{padding:48px 0 42px}
body:has(.service-chooser) .page-hero .container{
 max-width:1160px;padding:27px 30px;border:1px solid rgba(195,213,140,.22);
 border-radius:8px;background:linear-gradient(120deg,#1b3021 0%,#263d2a 100%);
 box-shadow:0 16px 36px rgba(0,0,0,.12)
}
body:has(.service-chooser) .page-hero h1{font-family:var(--font);font-size:clamp(34px,4.6vw,52px);line-height:1.45;margin:12px 0}
body:has(.service-chooser) .page-hero p{font-family:var(--font);font-size:14px;line-height:2;color:#d0dac8;margin:0}
body:has(.service-chooser) .chooser-heading h2,
body:has(.service-chooser) .chooser-heading p,
body:has(.service-chooser) .chooser-card h3,
body:has(.service-chooser) .chooser-card p,
body:has(.service-chooser) .chooser-index,
body:has(.service-chooser) .chooser-action,
body:has(.service-chooser) .chooser-bottom,
body:has(.service-chooser) .chooser-bottom a,
body:has(.service-chooser) .service-detail h2,
body:has(.service-chooser) .service-detail p,
body:has(.service-chooser) .service-detail li,
body:has(.service-chooser) .service-detail .starter-tag,
body:has(.service-chooser) .service-detail .starter-price,
body:has(.service-chooser) .service-next-step h2,
body:has(.service-chooser) .service-next-step p{
 font-family:var(--font)!important;letter-spacing:0
}
body:has(.service-chooser) .service-chooser{padding:46px 0 58px}
body:has(.service-chooser) .chooser-heading{padding:24px 28px;margin-bottom:18px;border-radius:8px}
body:has(.service-chooser) .chooser-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
 border:0;background:transparent
}
body:has(.service-chooser) .chooser-card,
body:has(.service-chooser) .chooser-featured{
 min-height:205px;padding:23px 25px;border:1px solid rgba(195,213,140,.24);
 border-radius:8px;background:linear-gradient(135deg,#1b3021 0%,#263d2a 100%);
 box-shadow:0 12px 28px rgba(0,0,0,.13);color:#f3f2e8
}
body:has(.service-chooser) .chooser-card:hover,
body:has(.service-chooser) .chooser-featured:hover{
 transform:translateY(-3px);background:linear-gradient(135deg,#243b28,#30472e);
 border-color:rgba(205,225,155,.55)
}
body:has(.service-chooser) .chooser-card h3{font-size:20px;line-height:1.55;font-weight:700}
body:has(.service-chooser) .chooser-card p{font-size:13px;line-height:2;color:#c7d2c0}
body:has(.service-chooser) .chooser-action,
body:has(.service-chooser) .chooser-featured .chooser-action{color:#d9e9a9;font-size:12px}
body:has(.service-chooser) .chooser-bottom{margin-top:16px;padding:17px 22px;border-radius:8px}
body:has(.service-chooser) .service-detail{border-radius:8px;padding:28px 30px}
body:has(.service-chooser) .service-next-step{border-radius:8px}
@media(max-width:700px){
 body:has(.service-chooser) .page-hero{padding:28px 0 24px}
 body:has(.service-chooser) .page-hero .container{padding:21px 18px;border-radius:8px}
 body:has(.service-chooser) .page-hero h1{font-size:29px;line-height:1.55}
 body:has(.service-chooser) .page-hero p{font-size:12px;line-height:2}
 body:has(.service-chooser) .service-chooser{padding:28px 0 38px}
 body:has(.service-chooser) .chooser-heading{padding:20px 17px;border-radius:8px}
 body:has(.service-chooser) .chooser-grid{grid-template-columns:1fr;gap:10px}
 body:has(.service-chooser) .chooser-card,
 body:has(.service-chooser) .chooser-featured{min-height:0;padding:19px 17px;border:1px solid rgba(195,213,140,.24);border-radius:8px}
 body:has(.service-chooser) .chooser-card h3{font-size:18px;margin:10px 0 6px}
 body:has(.service-chooser) .chooser-card p{font-size:12px;line-height:1.9;margin-bottom:12px}
 body:has(.service-chooser) .chooser-bottom{padding:15px 14px;border-radius:8px}
 body:has(.service-chooser) .service-detail{border-radius:8px;padding:20px 17px}
}
/* The scroll invitation is a visible labeled action directly below the hero copy */
.hero-copy>.scroll-cue-inline{
 display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;
 gap:13px;min-height:43px;margin:19px 0 17px;padding:0 17px;
 border:1px solid rgba(205,225,155,.48);border-radius:5px;
 background:linear-gradient(110deg,rgba(145,169,91,.2),rgba(255,255,255,.055));
 color:#e4edcf!important;font-family:var(--font)!important;font-size:12px!important;
 font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.12)
}
.hero-copy>.scroll-cue-inline span{display:inline!important}
.hero-copy>.scroll-cue-inline i{width:21px;height:21px;border-color:rgba(220,236,185,.8)}
.hero-copy>.scroll-cue-inline i:after{border-color:#e4edcf}
@media(max-width:700px){
 .hero-copy>.scroll-cue-inline{width:100%;min-height:44px;margin:16px 0 14px;font-size:12px!important}
 .hero-copy>.scroll-cue-inline span{display:inline!important}
 .hero-actions .scroll-cue-inline{display:none!important}
}

/* Services page — rebuilt from the ground up */
.services-page{background:#101b16;color:#f4f3e9}
.services-hero{position:relative;overflow:hidden;padding:74px 0 78px;background:radial-gradient(ellipse at 76% 45%,rgba(157,180,111,.19),transparent 36%),linear-gradient(125deg,#111e17,#1c3023 62%,#142219)}
.services-hero:after{content:"TH";position:absolute;left:-.06em;bottom:-.48em;font:800 330px/1 var(--latin);letter-spacing:-.12em;color:rgba(221,235,190,.035);pointer-events:none}
.services-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
.services-eyebrow,.services-overline{display:inline-flex;align-items:center;gap:10px;color:#c7d99a;font-size:11px;font-weight:700;letter-spacing:.04em}
.services-eyebrow i{width:7px;height:7px;border-radius:50%;background:#c7d99a;box-shadow:0 0 0 5px rgba(199,217,154,.12)}
.services-hero h1{font-size:clamp(43px,6vw,72px);line-height:1.35;letter-spacing:-1.5px;margin:22px 0 14px}
.services-hero h1 em,.services-final-cta h2 em{font-style:normal;color:#c5d993}
.services-hero-copy>p{max-width:590px;color:#c1cbbb;font-size:14px;line-height:2.2;margin:0}
.services-hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px}
.services-primary-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;padding:0 19px;background:#c5d993;color:#17251b;font-size:12px;font-weight:800;transition:.25s}
.services-primary-link:hover{background:#e0e9c6;transform:translateY(-2px)}
.services-primary-link span{font:20px var(--latin)}
.services-secondary-link{font-size:12px;color:#d6dfcb;border-bottom:1px solid rgba(214,223,203,.35);padding:8px 0}
.services-hero-art{height:330px;position:relative;display:grid;place-items:center}
.services-art-orbit{position:absolute;width:280px;height:280px;border:1px solid rgba(197,217,147,.23);border-radius:50%;box-shadow:0 0 0 28px rgba(197,217,147,.025),0 0 0 58px rgba(197,217,147,.02)}
.services-art-core{width:164px;height:164px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#d5e3ad,#899b62);color:#17251b;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.services-art-core b{font:800 54px/1 var(--latin);letter-spacing:-5px}
.services-art-core span{font:700 9px var(--latin);letter-spacing:3px;margin-top:9px}
.services-art-tag{position:absolute;padding:10px 14px;border:1px solid rgba(212,228,179,.25);background:rgba(19,37,25,.88);color:#e0e9d0;font-size:11px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.tag-one{top:35px;right:3%}.tag-two{bottom:50px;right:0}.tag-three{left:1%;top:47%}
.services-paths{padding:76px 0 86px;background:#e9eddf;color:#1a2b1e}
.services-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.services-overline{color:#72884a;font-size:10px}
.services-section-heading h2{font-size:clamp(27px,3.6vw,40px);margin:9px 0 0;line-height:1.45}
.services-section-heading>p{max-width:390px;color:#697461;font-size:12px;line-height:2;margin:0 0 4px}
.services-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.services-path-card{position:relative;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;padding:25px 27px;background:linear-gradient(130deg,#1b3021,#263d2a);border:1px solid rgba(117,143,76,.28);color:#f3f3e9;box-shadow:0 10px 26px rgba(31,48,27,.08);transition:transform .25s,box-shadow .25s,background .25s}
.services-path-card:hover{transform:translateY(-4px);background:linear-gradient(130deg,#263d2a,#344b31);box-shadow:0 17px 32px rgba(31,48,27,.16)}
.services-path-number{position:absolute;left:23px;top:20px;color:rgba(221,234,194,.48);font:12px var(--latin)}
.services-path-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(204,222,158,.35);color:#d6e5ad;font:700 10px var(--latin);letter-spacing:.5px}
.services-path-card h3{font-size:20px;line-height:1.5;margin:17px 0 7px}
.services-path-card p{font-size:12px;line-height:2;color:#c6d1bd;margin:0 0 18px;max-width:500px}
.services-path-go{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-top:auto;padding-top:13px;border-top:1px solid rgba(224,236,207,.15);color:#d6e5ad;font-size:11px;font-weight:700}
.services-path-go b,.services-detail-link b,.services-starter-card>a b{font:18px var(--latin);transition:transform .2s}
.services-path-card:hover .services-path-go b{transform:translateX(-4px)}
.services-details{padding:78px 0 86px;background:#111e17}
.details-heading{margin-bottom:30px}.details-heading h2{color:#f3f3e9}.details-heading>p{color:#b6c2b3}
.services-detail-card{display:grid;grid-template-columns:1.05fr .95fr;gap:20px 38px;align-items:center;margin-bottom:13px;padding:27px 30px;background:linear-gradient(115deg,#1b3021,#243a29);border:1px solid rgba(195,213,140,.2);box-shadow:0 12px 28px rgba(0,0,0,.12);scroll-margin-top:105px}
.services-detail-label{display:block;color:#c8d99b;font:700 9px var(--latin);letter-spacing:1.3px;margin-bottom:12px}
.services-detail-main h3,.services-starter-card h3{font-size:23px;line-height:1.5;margin:0 0 8px}
.services-detail-main p,.services-starter-card p{font-size:12px;line-height:2.1;color:#c2cdbd;margin:0;max-width:560px}
.services-detail-card ul,.services-starter-card ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}
.services-detail-card li,.services-starter-card li{font-size:11px;line-height:1.8;color:#e0e7d7}
.services-detail-card li:before,.services-starter-card li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#c5d993;margin-left:9px;vertical-align:middle}
.services-detail-link{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(225,236,210,.14);color:#d4e3a7;font-size:11px;font-weight:700}
.services-starter-card{display:grid;grid-template-columns:1fr 1fr;gap:18px 38px;align-items:center;margin-top:18px;padding:30px;background:linear-gradient(125deg,#dce6c4,#c5d5a3);color:#1a2b1e;border:1px solid rgba(215,231,179,.35);scroll-margin-top:105px}
.services-starter-card .services-detail-label{color:#63783e}
.services-starter-card h3{font-size:22px}
.services-starter-card p{color:#536248}
.services-starter-card strong{display:block;margin-top:14px;font:800 32px var(--latin);color:#40582d}
.services-starter-card strong small{font:600 13px var(--font)}
.services-starter-card li{color:#34442f}
.services-starter-card li:before{background:#718a45}
.services-starter-card>a{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid rgba(61,83,43,.2);color:#40582d;font-size:11px;font-weight:800}
.services-final-cta{padding:74px 0;background:radial-gradient(ellipse at 75% 50%,rgba(159,181,112,.16),transparent 40%),#192a20}
.services-final-cta h2{font-size:clamp(32px,4.5vw,50px);line-height:1.45;margin:14px 0 8px}
.services-final-cta p{font-size:12px;line-height:2;color:#c2cdbd;margin:0 0 22px}
@media(max-width:700px){
 .services-hero{padding:43px 0 32px}
 .services-hero-inner{grid-template-columns:1fr;gap:5px}
 .services-hero h1{font-size:42px;line-height:1.4;margin:17px 0 10px}
 .services-hero-copy>p{font-size:12px;line-height:2.1}
 .services-hero-actions{gap:16px;flex-wrap:wrap;margin-top:21px}
 .services-primary-link{min-height:47px;padding:0 15px;font-size:11px}
 .services-secondary-link{font-size:11px}
 .services-hero-art{height:205px;margin-top:6px}
 .services-art-orbit{width:170px;height:170px;box-shadow:0 0 0 17px rgba(197,217,147,.025),0 0 0 35px rgba(197,217,147,.02)}
 .services-art-core{width:108px;height:108px}
 .services-art-core b{font-size:38px}
 .services-art-core span{font-size:7px;letter-spacing:2px}
 .services-art-tag{padding:8px 10px;font-size:9px}
 .tag-one{top:10px;right:4%}.tag-two{bottom:15px;right:1%}.tag-three{left:0;top:46%}
 .services-paths{padding:45px 0 50px}
 .services-section-heading{display:block;margin-bottom:20px}
 .services-section-heading h2{font-size:28px}
 .services-section-heading>p{font-size:11px;margin-top:8px}
 .services-path-grid{grid-template-columns:1fr;gap:10px}
 .services-path-card{min-height:0;padding:19px 17px}
 .services-path-number{left:16px;top:16px}
 .services-path-icon{width:38px;height:38px}
 .services-path-card h3{font-size:17px;margin:13px 0 5px}
 .services-path-card p{font-size:11px;line-height:1.9;margin-bottom:13px}
 .services-path-go{font-size:10px;padding-top:11px}
 .services-details{padding:46px 0 52px}
 .services-detail-card{grid-template-columns:1fr;gap:16px;padding:20px 17px;margin-bottom:10px}
 .services-detail-main h3{font-size:20px}
 .services-detail-main p{font-size:11px}
 .services-detail-card ul,.services-starter-card ul{grid-template-columns:1fr;gap:7px}
 .services-detail-card li,.services-starter-card li{font-size:11px}
 .services-starter-card{grid-template-columns:1fr;gap:17px;padding:21px 17px;margin-top:13px}
 .services-starter-card h3{font-size:20px}
 .services-starter-card p{font-size:11px}
 .services-starter-card>a{grid-column:1}
 .services-final-cta{padding:48px 0}
 .services-final-cta h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.services-path-card,.services-primary-link{transition:none}}
/* Center the down-chevron precisely inside its circular marker */
.scroll-cue i{display:inline-grid;place-items:center;flex:none;position:relative;overflow:hidden}
.scroll-cue i:after{left:50%;top:50%;transform:translate(-50%,-60%) rotate(45deg)}
@media(max-width:700px){.hero-actions .scroll-cue-inline{display:none!important}.hero-copy>.scroll-cue-inline{display:flex!important}}


/* ===== TH for tech: contemporary services page ===== */
.services-redesign{background:#f0f1e8;color:#18251a}
.svc-hero{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 82px;background:radial-gradient(ellipse at 15% 20%,rgba(162,190,83,.16),transparent 38%),linear-gradient(125deg,#101b14 0%,#18271b 55%,#1e3020 100%);color:#f4f4eb}
.svc-hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(228,239,207,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(228,239,207,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(110deg,transparent 0%,#000 55%,transparent 100%)}
.svc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;direction:rtl}
.svc-kicker,.svc-section-label{display:flex;align-items:center;gap:10px;color:#c4d98a;font:700 10px var(--font);letter-spacing:.5px}
.svc-kicker>span{width:7px;height:7px;border-radius:50%;background:#c4d98a;box-shadow:0 0 0 5px rgba(196,217,138,.12)}
.svc-kicker b{margin-right:auto;color:#829273;font:600 9px var(--latin);letter-spacing:1.5px}
.svc-hero h1{font-size:clamp(48px,6vw,76px);line-height:1.32;letter-spacing:-2px;margin:24px 0 16px;font-weight:700}
.svc-hero h1 em{font-style:normal;color:#c4d98a}
.svc-hero-copy>p{max-width:520px;color:#c1cbbb;font-size:14px;line-height:2.25;margin:0}
.svc-hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}
.svc-main-btn{min-height:52px;padding:0 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#c4d98a;color:#172318;font-size:12px;font-weight:700;transition:transform .25s,background .25s}
.svc-main-btn:hover{transform:translateY(-3px);background:#d8e7ad}
.svc-main-btn span{font:20px var(--latin)}
.svc-quiet-link{display:inline-flex;align-items:center;gap:12px;color:#e0e8d2;font-size:11px}
.svc-quiet-link span{font:17px var(--latin);transition:transform .2s}
.svc-quiet-link:hover span{transform:translateX(-4px)}
.svc-trust-line{display:flex;align-items:center;gap:12px;margin-top:35px;color:#9eae9b;font-size:10px}
.svc-trust-line i{width:3px;height:3px;border-radius:50%;background:#c4d98a}
.svc-hero-visual{height:410px;position:relative;display:grid;place-items:center;direction:ltr}
.svc-visual-caption{position:absolute;top:0;left:3%;font:9px var(--latin);letter-spacing:2px;color:#8f9d82}
.svc-visual-caption span{color:#c4d98a;margin:0 8px}
.svc-window{position:relative;z-index:2;width:min(430px,94%);padding:0 22px;background:linear-gradient(145deg,#f6f7ef,#e2e9d9);color:#1b2a1d;box-shadow:0 35px 90px rgba(0,0,0,.32);transform:rotate(-2deg);animation:svcFloat 7s ease-in-out infinite}
.svc-window-top,.svc-window-bottom{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4dccb;color:#7b8974;font:8px var(--latin);letter-spacing:1px}
.svc-window-top>b{color:#899b61}
.svc-window-dots{display:flex;gap:5px}
.svc-window-dots i{width:6px;height:6px;border-radius:50%;background:#a4b18c}
.svc-window-content{padding:26px 5px 19px}
.svc-window-eyebrow{color:#758765;font:8px var(--latin);letter-spacing:1.8px}
.svc-window-title{font:500 27px/1.4 var(--font);margin:12px 0 15px}
.svc-window-title strong{color:#758b48}
.svc-window-rule{height:1px;background:#d6ddcd;margin-bottom:7px}
.svc-window-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #dbe1d4;direction:rtl}
.svc-window-icon{width:29px;height:29px;display:grid;place-items:center;background:#e5ebd8;color:#637747;font:9px var(--latin)}
.svc-window-row>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}
.svc-window-row b{font-size:10px}
.svc-window-row small{font-size:8px;color:#7e8978}
.svc-window-row em{font:15px var(--latin);font-style:normal;color:#809452}
.svc-window-bottom{height:39px;border:0;border-top:1px solid #d4dccb;font-size:7px}
.svc-float-chip{position:absolute;z-index:3;right:-5px;bottom:45px;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#263b29;border:1px solid rgba(198,220,151,.28);box-shadow:0 15px 35px rgba(0,0,0,.2);direction:rtl}
.svc-float-chip>i{width:8px;height:8px;border-radius:50%;background:#c4d98a;box-shadow:0 0 0 5px rgba(196,217,138,.1)}
.svc-float-chip b,.svc-float-chip small{display:block}
.svc-float-chip b{font-size:10px;color:#f3f4e9}
.svc-float-chip small{font-size:8px;color:#b8c5ae;margin-top:3px}
.svc-visual-stamp{position:absolute;left:-2%;bottom:-9px;color:rgba(219,235,185,.11);font:800 100px/.9 var(--latin);letter-spacing:-9px}
.svc-visual-stamp span{color:rgba(196,217,138,.34)}
.svc-catalog{padding:88px 0 96px;background:#f0f1e8}
.svc-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
.svc-section-label{color:#71864a;font:800 9px var(--latin);letter-spacing:1.6px}
.svc-section-head h2,.pkg-intro-row h2{font-size:clamp(30px,4vw,43px);line-height:1.45;margin:12px 0 0;color:#1b2a1d}
.svc-section-head>p{max-width:360px;color:#6c7767;font-size:12px;line-height:2;margin:0 0 5px}
.svc-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.svc-card{position:relative;min-height:310px;padding:26px 28px 23px;background:#fbfcf7;border:1px solid #dce2d3;box-shadow:0 10px 28px rgba(34,50,29,.035);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;scroll-margin-top:110px}
.svc-card:hover{transform:translateY(-4px);box-shadow:0 19px 38px rgba(34,50,29,.09);border-color:#b1c28b}
.svc-card-infra{background:#e5ead9}
.svc-card-flow{background:#e8ece2}
.svc-card-top{display:flex;align-items:center;justify-content:space-between;color:#82916e;font:700 9px var(--latin);letter-spacing:1.2px}
.svc-card-symbol{font:19px var(--latin);color:#7e9250}
.svc-card-icon{width:50px;height:45px;display:flex;align-items:center;justify-content:space-between;margin:25px 0 14px;padding:0 9px;border:1px solid rgba(103,128,61,.34);color:#617941;font:800 10px var(--latin);letter-spacing:1px}
.svc-card-icon span{font:14px var(--latin);color:#9aaf67}
.svc-card h3{font-size:22px;line-height:1.5;margin:0 0 8px;color:#1d2c1f}
.svc-card>p{max-width:540px;color:#687565;font-size:12px;line-height:2.1;margin:0}
.svc-tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 21px}
.svc-tags span{padding:6px 9px;background:rgba(100,126,63,.08);border:1px solid rgba(100,126,63,.15);color:#63734f;font-size:9px}
.svc-card>a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(77,96,60,.17);color:#5c7435;font-size:10px;font-weight:700}
.svc-card>a b{font:18px var(--latin);transition:transform .2s}
.svc-card>a:hover b{transform:translateX(-4px)}
.svc-starter{padding:0 0 88px;background:#f0f1e8}
.svc-starter-inner{display:grid;grid-template-columns:1fr 260px;gap:35px;align-items:center;padding:35px 40px;background:linear-gradient(115deg,#dfe8cc,#cbd9ad);border:1px solid #c6d4aa;color:#1c2a1d}
.svc-starter-copy h2{font-size:27px;margin:11px 0 8px}
.svc-starter-copy>p{font-size:12px;color:#5c6c4d;line-height:2;margin:0;max-width:650px}
.svc-starter-includes{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:17px}
.svc-starter-includes span{font-size:9px;color:#45593a}
.svc-starter-includes span:before{content:"";margin-left:6px;color:#617d36;font-weight:800}
.svc-starter-price{display:flex;flex-direction:column;align-items:flex-start;padding-right:28px;border-right:1px solid rgba(76,99,47,.22)}
.svc-starter-price>span{font-size:9px;color:#61724e}
.svc-starter-price>strong{font:800 39px var(--latin);color:#344a27;margin:4px 0 12px}
.svc-starter-price>strong small{font:600 12px var(--font)}
.svc-starter-price>a{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(76,99,47,.22);color:#435c2c;font-size:10px;font-weight:800}
.svc-starter-price>a b{font:18px var(--latin)}
.svc-end{padding:70px 0;background:#17251a;color:#f3f3e8;position:relative;overflow:hidden}
.svc-end:after{content:"TH";position:absolute;left:0;bottom:-.55em;color:rgba(223,236,190,.035);font:800 300px/1 var(--latin);letter-spacing:-.12em;pointer-events:none}
.svc-end-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:25px}
.svc-end h2{font-size:clamp(32px,4.4vw,49px);line-height:1.45;margin:13px 0 8px}
.svc-end h2 em{font-style:normal;color:#c4d98a}
.svc-end p{margin:0;color:#b9c5b5;font-size:12px;line-height:2}
.svc-main-btn-light{background:#f0f1e8;color:#243222;flex:none}
.svc-main-btn-light:hover{background:#dce7c6}
@keyframes svcFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(max-width:900px){
 .svc-hero-grid{gap:28px}
 .svc-hero h1{font-size:58px}
 .svc-card{padding:23px}
}
@media(max-width:700px){
 .svc-hero{padding:51px 0 38px}
 .svc-hero-grid{grid-template-columns:1fr;gap:25px}
 .svc-kicker{font-size:9px}
 .svc-kicker b{font-size:8px}
 .svc-hero h1{font-size:clamp(43px,12vw,57px);line-height:1.38;margin:17px 0 11px}
 .svc-hero-copy>p{font-size:12px;line-height:2.1}
 .svc-hero-actions{gap:17px;flex-wrap:wrap;margin-top:23px}
 .svc-main-btn{min-height:48px;padding:0 15px;font-size:11px;gap:22px}
 .svc-quiet-link{font-size:10px}
 .svc-trust-line{gap:8px;font-size:8px;margin-top:23px}
 .svc-hero-visual{height:300px;margin-top:0}
 .svc-window{width:88%;padding:0 15px}
 .svc-window-top{height:39px;font-size:7px}
 .svc-window-content{padding:18px 3px 12px}
 .svc-window-title{font-size:23px}
 .svc-window-row{padding:8px 0}
 .svc-float-chip{right:-4px;bottom:20px;padding:9px 11px}
 .svc-visual-stamp{font-size:75px;left:0}
 .svc-visual-caption{left:2%;font-size:7px}
 .svc-catalog{padding:51px 0 56px}
 .svc-section-head{display:block;margin-bottom:20px}
 .svc-section-head h2{font-size:29px}
 .svc-section-head>p{font-size:11px;margin-top:8px}
 .svc-card-grid{grid-template-columns:1fr;gap:10px}
 .svc-card{min-height:0;padding:20px 18px}
 .svc-card-icon{margin:18px 0 12px;width:43px;height:39px}
 .svc-card h3{font-size:19px}
 .svc-card>p{font-size:11px}
 .svc-tags{gap:6px;margin:14px 0 17px}
 .svc-tags span{font-size:8px;padding:5px 7px}
 .svc-starter{padding:0 0 55px}
 .svc-starter-inner{grid-template-columns:1fr;gap:20px;padding:23px 18px}
 .svc-starter-copy h2{font-size:22px}
 .svc-starter-copy>p{font-size:11px}
 .svc-starter-includes{gap:8px 12px}
 .svc-starter-includes span{font-size:8px}
 .svc-starter-price{padding:15px 0 0;border-right:0;border-top:1px solid rgba(76,99,47,.22);width:100%}
 .svc-starter-price>strong{font-size:34px}
 .svc-end{padding:47px 0}
 .svc-end-inner{display:block}
 .svc-end h2{font-size:34px}
 .svc-end p{font-size:11px}
 .svc-end-inner>.svc-main-btn{margin-top:22px;width:100%}
}
@media(prefers-reduced-motion:reduce){.svc-window{animation:none}.svc-card,.svc-main-btn{transition:none}}

/* ===== TH for tech: redesigned packages and pricing experience ===== */
.packages-redesign{background:#f0f1e8;color:#1b2a1d}
.packages-redesign .header{background:rgba(16,27,20,.95)}
.pkg-page{background:#f0f1e8}
.pkg-hero{position:relative;overflow:hidden;padding:75px 0 68px;background:radial-gradient(ellipse at 14% 35%,rgba(163,190,92,.17),transparent 36%),linear-gradient(120deg,#e7ebdc,#f1f2e9 58%,#dce5cf);color:#1b2a1d}
.pkg-hero:after{content:"TH";position:absolute;left:-.02em;bottom:-.54em;color:rgba(80,103,49,.055);font:800 330px/1 var(--latin);letter-spacing:-.13em;pointer-events:none}
.pkg-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}
.pkg-eyebrow{display:flex;align-items:center;gap:9px;color:#6b803f;font-size:11px;font-weight:800}
.pkg-eyebrow i{width:7px;height:7px;border-radius:50%;background:#80964b;box-shadow:0 0 0 5px rgba(128,150,75,.12)}
.pkg-hero h1{font-size:clamp(46px,6vw,70px);line-height:1.35;letter-spacing:-1.5px;margin:19px 0 13px}
.pkg-hero h1 em{font-style:normal;color:#748b43}
.pkg-hero-copy>p{max-width:550px;color:#667260;font-size:13px;line-height:2.2;margin:0}
.pkg-hero-note{display:flex;align-items:center;gap:11px;margin-top:28px;color:#66745e}
.pkg-hero-note>b{font:800 25px var(--latin);color:#536c31}
.pkg-hero-note>span{font-size:9px;line-height:1.7}
.pkg-hero-note>i{width:1px;height:30px;background:#c8d1bd;margin:0 8px}
.pkg-hero-art{position:relative;height:320px;display:grid;place-items:center;direction:ltr}
.pkg-art-back{position:absolute;top:15px;left:8%;font:9px var(--latin);letter-spacing:2px;color:#8b987d}
.pkg-art-card{position:relative;z-index:1;width:min(345px,86%);padding:27px 28px 20px;background:#192a1d;color:#f0f1e8;box-shadow:0 30px 65px rgba(44,61,35,.2);transform:rotate(3deg)}
.pkg-art-card>span{font:8px var(--latin);letter-spacing:2px;color:#c4d98a}
.pkg-art-card>strong{display:block;margin:24px 0 34px;font:700 28px/1.35 var(--latin);letter-spacing:-1px}
.pkg-art-card>strong em{color:#c4d98a;font-style:normal}
.pkg-art-line{width:100%;height:1px;background:rgba(231,238,219,.2)}
.pkg-art-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px}
.pkg-art-foot>b{font:800 19px var(--latin);color:#d4e4a7}
.pkg-art-foot>small{font:7px var(--latin);letter-spacing:1px;color:#9ba992}
.pkg-art-orbit{position:absolute;width:275px;height:275px;border:1px solid rgba(106,132,62,.24);border-radius:50%;box-shadow:0 0 0 22px rgba(106,132,62,.035),0 0 0 46px rgba(106,132,62,.025)}
.pkg-art-sticker{position:absolute;z-index:2;left:3%;bottom:32px;padding:10px 13px;background:#c4d98a;color:#26351f;font:800 9px/1.4 var(--latin);letter-spacing:1px;transform:rotate(-7deg);box-shadow:0 12px 23px rgba(0,0,0,.1)}
.pkg-content{padding:70px 0 90px;background:#f0f1e8}
.pkg-intro-row{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.pkg-intro-row h2{font-size:34px}
.pkg-intro-row>p{max-width:400px;color:#6e7969;font-size:11px;line-height:2.1;margin:0 0 5px}
.pkg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:stretch}
.pkg-card{position:relative;display:flex;flex-direction:column;padding:25px 27px 23px;background:#fbfcf7;border:1px solid #dce2d3;box-shadow:0 12px 30px rgba(35,51,30,.045);transition:transform .25s,box-shadow .25s,border-color .25s;min-width:0}
.pkg-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(35,51,30,.09);border-color:#b3c58c}
.pkg-card-featured{background:#1c2e20;color:#f1f3e8;border-color:#718c47;box-shadow:0 16px 36px rgba(31,48,27,.11)}
.pkg-card-featured:hover{border-color:#a8c16d}
.pkg-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:25px}
.pkg-audience{font-size:9px;color:#748264;line-height:1.8}
.pkg-card-index{font:800 11px var(--latin);color:#82945d;letter-spacing:1px}
.pkg-card-featured .pkg-audience{color:#c0d193}
.pkg-card-featured .pkg-card-index{color:#c4d98a}
.pkg-featured-flag{align-self:flex-start;margin-top:15px;padding:5px 9px;background:rgba(196,217,138,.13);border:1px solid rgba(196,217,138,.3);color:#d4e4a7;font-size:9px}
.pkg-card h3{font-size:24px;line-height:1.45;margin:15px 0 7px;color:#1c2a1d}
.pkg-card-featured h3{color:#f2f4e9}
.pkg-description{font-size:11px;line-height:2.05;color:#687566;margin:0;min-height:47px}
.pkg-card-featured .pkg-description{color:#c0cbb8}
.pkg-price-box{margin:20px 0 17px;padding:15px 16px;background:#edf1e6;border:1px solid #e0e7d6}
.pkg-card-featured .pkg-price-box{background:rgba(238,245,223,.075);border-color:rgba(215,230,187,.16)}
.pkg-old-price{display:flex;align-items:center;gap:9px;color:#84907c;font-size:9px}
.pkg-old-price s{font:500 12px var(--latin);text-decoration-thickness:1px}
.pkg-price-line{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:4px}
.pkg-price-line>span{font-size:10px;color:#728064}
.pkg-price-line>strong{font:800 37px/1 var(--latin);color:#435c2d;white-space:nowrap}
.pkg-price-line>strong small{font:600 11px var(--font)}
.pkg-card-featured .pkg-old-price{color:#a9b59c}
.pkg-card-featured .pkg-price-line>span{color:#c1cdb6}
.pkg-card-featured .pkg-price-line>strong{color:#d8e9a7}
.pkg-offer{display:inline-block;margin-top:10px;padding:5px 8px;background:rgba(125,151,73,.12);border:1px solid rgba(125,151,73,.2);color:#627941;font-size:8px}
.pkg-card-featured .pkg-offer{background:rgba(196,217,138,.1);border-color:rgba(196,217,138,.2);color:#d3e3a4}
.pkg-features{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;list-style:none;padding:0;margin:0 0 17px}
.pkg-features li{position:relative;padding-right:15px;color:#4f5d4a;font-size:10px;line-height:1.9}
.pkg-features li:before{content:"";position:absolute;right:0;top:.72em;width:5px;height:5px;border-radius:50%;background:#82984f}
.pkg-card-featured .pkg-features li{color:#d1dacb}
.pkg-card-featured .pkg-features li:before{background:#c4d98a}
.pkg-details{margin-top:auto;padding:13px 0;border-top:1px solid #e0e5d9;border-bottom:1px solid #e0e5d9}
.pkg-card-featured .pkg-details{border-color:rgba(228,237,214,.17)}
.pkg-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;color:#607640;font-size:10px;font-weight:700}
.pkg-details summary::-webkit-details-marker{display:none}
.pkg-details summary:after{content:"+";font:18px var(--latin);color:#80964c}
.pkg-details[open] summary:after{content:"−"}
.pkg-card-featured .pkg-details summary{color:#d6e5ad}
.pkg-card-featured .pkg-details summary:after{color:#c4d98a}
.pkg-details p{font-size:10px;line-height:2;color:#6c7867;margin:12px 0 2px}
.pkg-card-featured .pkg-details p{color:#c0cbb8}
.pkg-order{display:flex;align-items:center;justify-content:space-between;min-height:47px;margin-top:16px;padding:0 15px;background:#83994e;color:#142016;font-size:10px;font-weight:800;transition:background .2s,transform .2s}
.pkg-order:hover{background:#c4d98a;transform:translateY(-2px)}
.pkg-order b{font:18px var(--latin)}
.pkg-card-featured .pkg-order{background:#c4d98a}
.pkg-card-featured .pkg-order:hover{background:#e1edc1}
.pkg-terms{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:23px 0;border-bottom:1px solid #d9e0d1;margin-top:28px}
.pkg-terms p{font-size:10px;line-height:2.1;color:#707b6b;margin:0}
.pkg-faq{display:grid;grid-template-columns:220px 1fr;gap:34px;margin:63px 0 0}
.pkg-faq-heading h2{font-size:25px;margin:12px 0}
.pkg-faq details{padding:16px 0;border-bottom:1px solid #d9e0d1}
.pkg-faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;color:#253323;font-size:11px;font-weight:700}
.pkg-faq summary::-webkit-details-marker{display:none}
.pkg-faq summary:after{content:"+";font:18px var(--latin);color:#81964c}
.pkg-faq details[open] summary:after{content:"−"}
.pkg-faq details p{margin:11px 0 0;color:#707b6b;font-size:10px;line-height:2}
.pkg-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:65px;padding:29px 32px;background:#dfe7d0;border:1px solid #cdd9b8}
.pkg-bottom-cta h2{font-size:24px;margin:9px 0 4px;color:#1e2d1e}
.pkg-bottom-cta p{margin:0;color:#68755f;font-size:10px;line-height:2}
.pkg-bottom-cta>a{display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:200px;padding:15px 17px;background:#203423;color:#eef2e5;font-size:10px;font-weight:700}
.pkg-bottom-cta>a b{font:18px var(--latin)}
@media(max-width:900px){
 .pkg-hero-inner{gap:25px}
 .pkg-hero h1{font-size:55px}
 .pkg-card{padding:22px}
 .pkg-features{grid-template-columns:1fr}
}
@media(max-width:700px){
 .pkg-hero{padding:48px 0 36px}
 .pkg-hero-inner{grid-template-columns:1fr;gap:17px}
 .pkg-hero h1{font-size:clamp(42px,12vw,55px);line-height:1.4;margin:16px 0 9px}
 .pkg-hero-copy>p{font-size:11px;line-height:2.1}
 .pkg-hero-note{gap:8px;margin-top:20px}
 .pkg-hero-note>b{font-size:22px}
 .pkg-hero-note>span{font-size:8px}
 .pkg-hero-art{height:220px}
 .pkg-art-card{width:260px;padding:19px 20px 15px}
 .pkg-art-card>strong{font-size:22px;margin:16px 0 21px}
 .pkg-art-orbit{width:190px;height:190px}
 .pkg-art-sticker{left:4%;bottom:13px;font-size:8px}
 .pkg-content{padding:43px 0 58px}
 .pkg-intro-row{display:block;margin-bottom:20px}
 .pkg-intro-row h2{font-size:27px}
 .pkg-intro-row>p{font-size:10px;margin-top:8px}
 .pkg-grid{grid-template-columns:1fr;gap:11px}
 .pkg-card{padding:20px 17px}
 .pkg-card h3{font-size:21px;margin-top:12px}
 .pkg-description{font-size:10px;min-height:0}
 .pkg-price-box{margin:16px 0 14px;padding:13px}
 .pkg-price-line>strong{font-size:34px}
 .pkg-features{grid-template-columns:1fr;gap:7px}
 .pkg-features li{font-size:10px}
 .pkg-terms{grid-template-columns:1fr;gap:8px;padding:18px 0;margin-top:20px}
 .pkg-terms p{font-size:9px}
 .pkg-faq{grid-template-columns:1fr;gap:8px;margin-top:40px}
 .pkg-faq-heading h2{font-size:23px}
 .pkg-faq summary{font-size:10px}
 .pkg-faq details p{font-size:9px}
 .pkg-bottom-cta{display:block;margin-top:42px;padding:22px 18px}
 .pkg-bottom-cta h2{font-size:21px}
 .pkg-bottom-cta>a{margin-top:18px;width:100%}
}
@media(prefers-reduced-motion:reduce){.pkg-card,.pkg-order{transition:none}}


/* ===== TH for tech: intentional motion + warm neutral surfaces ===== */
:root{--cream:#eeeade}
.services-redesign,.packages-redesign,.pkg-page{background:#e9e7dc;color:#20291f}
.svc-catalog,.svc-starter,.pkg-content{background:#e9e7dc}
.svc-card{background:#f0eee4;border-color:#d5d4c7;box-shadow:0 12px 30px rgba(34,45,30,.055)}
.svc-card-infra{background:#e2e4d8}
.svc-card-flow{background:#e6e7dd}
.svc-card-care{background:#eeece2}
.svc-card:hover{box-shadow:0 22px 42px rgba(34,45,30,.12);border-color:#9eae77}
.svc-card-icon{width:48px;height:48px;padding:0;display:grid;place-items:center;background:#e4e7d9;border-color:#cbd2bc}
.svc-card-icon svg{width:24px;height:24px;fill:none;stroke:#627943;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.svc-starter-inner{background:linear-gradient(115deg,#e1e5d5,#d4ddc4);border-color:#c7d0b7}
.svc-hero{isolation:isolate}
.svc-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 77% 42%,rgba(184,207,126,.13),transparent 34%),linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.018) 58% 58.2%,transparent 58.2%);pointer-events:none}
.svc-window{transform-style:preserve-3d;will-change:transform;animation:svcWindowDrift 8s ease-in-out infinite,svcWindowSheen 9s ease-in-out infinite}
.svc-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.12) 48%,transparent 66%);transform:translateX(-120%);animation:svcSheen 8s ease-in-out infinite}
.svc-visual-stamp{animation:svcStampDrift 11s ease-in-out infinite}
.svc-float-chip{animation:svcChipFloat 5.5s ease-in-out infinite}
.svc-hero-visual:before,.svc-hero-visual:after{content:"";position:absolute;border:1px solid rgba(196,217,138,.15);border-radius:50%;width:350px;height:350px;animation:svcOrbit 28s linear infinite}
.svc-hero-visual:after{width:420px;height:270px;transform:rotate(-24deg);animation-duration:36s;animation-direction:reverse}
.svc-card{overflow:hidden;isolation:isolate}
.svc-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.27) 48%,transparent 72%);transform:translateX(120%);transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.svc-card:hover:before{transform:translateX(-120%)}
.svc-card-symbol{transition:transform .35s cubic-bezier(.2,.8,.2,1),color .3s}
.svc-card:hover .svc-card-symbol{transform:translate(-4px,-4px);color:#526b31}
.svc-card>a{transition:color .25s,border-color .25s}
.svc-card>a b{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.svc-card>a:hover b{transform:translateX(-6px)}
.services-redesign .reveal{opacity:0;transform:translate3d(0,28px,0);filter:blur(4px);transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .8s ease}
.services-redesign .reveal.visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0);animation:none}
.services-redesign .svc-hero-visual.reveal{transform:translate3d(0,22px,0) scale(.96)}
.services-redesign .svc-hero-visual.reveal.visible{transform:translate3d(0,0,0) scale(1)}
.services-redesign .svc-card-grid .svc-card.reveal.visible:nth-child(1){transition-delay:.04s}
.services-redesign .svc-card-grid .svc-card.reveal.visible:nth-child(2){transition-delay:.13s}
.services-redesign .svc-card-grid .svc-card.reveal.visible:nth-child(3){transition-delay:.22s}
.services-redesign .svc-card-grid .svc-card.reveal.visible:nth-child(4){transition-delay:.31s}
.packages-redesign .pkg-card{background:#f0eee4;border-color:#d5d4c7;box-shadow:0 13px 32px rgba(34,45,30,.055)}
.packages-redesign .pkg-card-featured{background:#1c2e20;border-color:#718c47}
.packages-redesign .pkg-price-box{background:#e5e7db;border-color:#d6dccb}
.packages-redesign .pkg-card-featured .pkg-price-box{background:rgba(238,245,223,.075);border-color:rgba(215,230,187,.16)}
.packages-redesign .pkg-hero{background:radial-gradient(ellipse at 14% 35%,rgba(163,190,92,.15),transparent 36%),linear-gradient(120deg,#e5e4d8,#eeece2 58%,#dce2d2)}
.pkg-art-card{animation:pkgCardFloat 7s ease-in-out infinite}
.pkg-art-orbit{animation:pkgOrbit 32s linear infinite}
.pkg-art-sticker{animation:pkgStickerFloat 5.2s ease-in-out infinite}
.packages-redesign .pkg-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}
.packages-redesign .pkg-card:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(35,51,30,.12)}
.packages-redesign .pkg-order{transition:background .25s,transform .3s,box-shadow .3s}
.packages-redesign .pkg-order:hover{box-shadow:0 10px 20px rgba(70,92,43,.18);transform:translateY(-3px)}
.packages-redesign .reveal{opacity:0;transform:translate3d(0,25px,0);filter:blur(4px);transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .8s ease}
.packages-redesign .reveal.visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0);animation:none}
.packages-redesign .pkg-card.reveal.visible:nth-child(1){transition-delay:.03s}
.packages-redesign .pkg-card.reveal.visible:nth-child(2){transition-delay:.12s}
.packages-redesign .pkg-card.reveal.visible:nth-child(3){transition-delay:.21s}
.packages-redesign .pkg-card.reveal.visible:nth-child(4){transition-delay:.30s}
@keyframes svcWindowDrift{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -10px;rotate:-.7deg}}
@keyframes svcWindowSheen{0%,100%{filter:drop-shadow(0 25px 35px rgba(0,0,0,.13))}50%{filter:drop-shadow(0 32px 42px rgba(150,184,93,.18))}}
@keyframes svcSheen{0%,60%,100%{transform:translateX(-120%)}78%{transform:translateX(120%)}}
@keyframes svcStampDrift{0%,100%{transform:translateY(0);opacity:.78}50%{transform:translateY(-9px);opacity:1}}
@keyframes svcChipFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes svcOrbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes pkgCardFloat{0%,100%{translate:0 0;rotate:3deg}50%{translate:0 -10px;rotate:1.5deg}}
@keyframes pkgOrbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes pkgStickerFloat{0%,100%{translate:0 0;rotate:-7deg}50%{translate:0 -7px;rotate:-4deg}}
@media(max-width:700px){
 .svc-hero-visual:before{width:270px;height:270px}
 .svc-hero-visual:after{width:310px;height:210px}
 .svc-window{width:88%}
 .services-redesign .reveal,.packages-redesign .reveal{filter:none}
 .services-redesign .svc-card{box-shadow:0 8px 20px rgba(34,45,30,.045)}
 .packages-redesign .pkg-card:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
 .services-redesign .reveal,.packages-redesign .reveal{opacity:1;transform:none;filter:none;transition:none}
 .svc-window,.svc-window:after,.svc-visual-stamp,.svc-float-chip,.svc-hero-visual:before,.svc-hero-visual:after,.pkg-art-card,.pkg-art-orbit,.pkg-art-sticker{animation:none!important}
 .svc-card,.pkg-card,.pkg-order{transition:none!important}
}

/* Final tone correction: keep light panels warm, never stark white */
.services-redesign .svc-window{background:linear-gradient(145deg,#e9e6d9,#d9e0cf);color:#1b2a1d}
.svc-packages-float{background:#203625;color:#e8eddc;border:1px solid rgba(196,217,138,.32);box-shadow:0 14px 35px rgba(0,0,0,.23)}
.svc-packages-float .wa-indicator{display:none}
.svc-packages-float:after{content:none}
@media(prefers-reduced-motion:reduce){.svc-packages-float{transition:none}}


/* ===== Calm visual language: warm stone, muted sage, restrained detail ===== */
:root{
 --cream:#e8e5d9;
 --paper:#e8e5d9;
 --paper-panel:#eeece2;
 --paper-muted:#e1dfd3;
 --ink:#20291f;
 --olive:#71805b;
 --olive2:#a7b28a;
}
.intro,.content-section.light{background:#e8e5d9;color:#20291f}
.intro .stats{border-color:#d0cec1}
.intro .stat{border-color:#d0cec1}
.about-values .value{background:#eeece2;border-color:#d3d0c3}
.content-section.light .btn-primary{background:#7c8967;color:#171f18}
.page-hero{background:radial-gradient(ellipse at 78% 25%,rgba(150,164,119,.11),transparent 42%),linear-gradient(120deg,#17231a,#202d22)}
.hero{background:radial-gradient(ellipse at 76% 43%,rgba(128,146,102,.14),transparent 42%),linear-gradient(120deg,#111b14,#19271d)}
.hero-grid{opacity:.08;background-image:linear-gradient(rgba(228,225,210,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(228,225,210,.045) 1px,transparent 1px)}
.dashboard{background:linear-gradient(145deg,#e5e2d6,#d7ddcf);color:#293329;box-shadow:0 28px 72px rgba(0,0,0,.24)}
.dash-lines i{background:#c3c9bb}
.dash-visual div{background:linear-gradient(140deg,#9ca88d,#c5cbb9)}
.dash-visual div:nth-child(2){background:linear-gradient(140deg,#7d8b70,#b5beaa)}
.float-card{background:#213126;border-color:rgba(176,190,150,.16);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.float-icon{background:#7b8965;color:#182019}
.services-preview{background:#19271e}
.statement{background:linear-gradient(118deg,#536448 0%,#667558 55%,#778269 100%);color:#efeee5}
.statement:after{color:#e6e1d2;opacity:.035}
.statement .kicker{color:#d8ddc9}
.statement h2 em{color:#e0e5d4}
.btn-light{background:#202b22;color:#e8e6da}
.btn-light:hover{background:#2a392c}
.svc-catalog,.svc-starter,.pkg-content{background:#e8e5d9}
.svc-card,.packages-redesign .pkg-card{background:#eeece2;border-color:#d4d1c5;box-shadow:0 10px 25px rgba(37,45,34,.045)}
.svc-card-infra{background:#e5e5da}
.svc-card-flow{background:#e8e8de}
.svc-card-care{background:#eceae0}
.svc-card:hover,.packages-redesign .pkg-card:hover{border-color:#aeb69a;box-shadow:0 16px 32px rgba(37,45,34,.075)}
.svc-card-featured,.packages-redesign .pkg-card-featured{background:#253629;border-color:#667959}
.svc-card-icon{background:#e2e4d8;border-color:#cbd0c2}
.svc-card-icon svg{stroke:#64745b}
.svc-window{background:linear-gradient(145deg,#e6e2d5,#d9dfd0);color:#273127;box-shadow:0 24px 62px rgba(0,0,0,.22)}
.svc-window-top,.svc-window-bottom{border-color:#cbd0c2;color:#74806e}
.svc-window-row{border-color:#d2d5c8}
.svc-window-icon{background:#dce1d3;color:#64745b}
.svc-window-rule{background:#cdd2c5}
.svc-window:after{background:linear-gradient(115deg,transparent 25%,rgba(246,244,232,.045) 48%,transparent 66%)}
.svc-card:before{background:linear-gradient(115deg,transparent 20%,rgba(245,242,230,.08) 48%,transparent 72%)}
.svc-hero-visual:before,.svc-hero-visual:after{border-color:rgba(190,205,155,.08);box-shadow:none;opacity:.42}
.svc-visual-stamp{opacity:.035!important}
.svc-float-chip{background:#293a2c;border-color:rgba(192,207,158,.16);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.svc-starter-inner{background:linear-gradient(115deg,#e0e3d5,#d6ddca);border-color:#c9d0be;box-shadow:0 12px 28px rgba(48,59,40,.035)}
.svc-starter-price>strong{color:#59694b}
.svc-end{background:linear-gradient(110deg,#1c2a20,#26372a);color:#e9e8dc}
.svc-end:after{color:rgba(223,230,208,.022)}
.packages-redesign .pkg-hero{background:radial-gradient(ellipse at 14% 35%,rgba(142,160,104,.1),transparent 36%),linear-gradient(120deg,#e3e1d5,#eae7dc 58%,#dce0d2)}
.packages-redesign .pkg-card-featured{background:#253629;border-color:#667959}
.packages-redesign .pkg-price-box{background:#e3e4d8;border-color:#d3d8cb}
.packages-redesign .pkg-card-featured .pkg-price-box{background:rgba(235,239,221,.07);border-color:rgba(215,230,187,.12)}
.packages-redesign .pkg-bottom-cta{background:#dce1d2;border-color:#cbd1c0}
.packages-redesign .pkg-art-orbit{border-color:rgba(100,119,75,.13);box-shadow:none}
.packages-redesign .pkg-art-sticker{background:#7b8964;color:#20291f;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.pkg-art-card{background:#223327;color:#e8e7dc;box-shadow:0 22px 50px rgba(34,47,34,.16)}
.pkg-art-card>span{color:#bac7a4}
.pkg-art-card>strong em{color:#bac89b}
.pkg-art-foot>b{color:#c4cfaa}
.pkg-art-line{background:rgba(224,229,211,.14)}
.wa-float{background:#71805e;color:#171f18;box-shadow:0 8px 25px rgba(0,0,0,.2)}
.wa-float:hover{background:#849171}
.wa-indicator{background:#b2bd98;box-shadow:0 0 0 4px rgba(178,189,152,.12)}
.scroll-cue-inline{border-color:rgba(198,211,169,.22);background:rgba(220,226,206,.035);color:#d9dfca!important}
.scroll-cue:hover{color:#e2e0d4!important}
.chooser-card:hover{background:#e4e1d5}
.chooser-featured:hover{background:#29382b}
.ui-arrow{display:inline-block;width:8px;height:8px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:rotate(-45deg);vertical-align:middle;font-size:0!important;line-height:0}
.ui-arrow-down{transform:rotate(-135deg)}
.svc-main-btn .ui-arrow{width:9px;height:9px;border-width:1.6px}
.svc-quiet-link .ui-arrow{margin-inline-start:2px}
.svc-window-row .ui-arrow{width:7px;height:7px}
.svc-card>a .ui-arrow,.svc-starter-price>a .ui-arrow,.pkg-order .ui-arrow,.pkg-bottom-cta>a .ui-arrow{width:7px;height:7px}
.svc-card-symbol.ui-arrow{border-color:#87966e;width:8px;height:8px;transform:rotate(-45deg)}
@media(max-width:700px){
 .dashboard{background:linear-gradient(145deg,#e1ded1,#d3dacb)}
 .svc-card,.packages-redesign .pkg-card{background:#ebe9df}
 .svc-card-infra{background:#e3e3d8}
 .svc-card-flow{background:#e6e6dc}
 .svc-card-care{background:#e9e7dd}
 .svc-window{background:linear-gradient(145deg,#e2dfd2,#d6ddcd)}
 .svc-hero-visual:before,.svc-hero-visual:after{opacity:.28}
}
@media(prefers-reduced-motion:reduce){
 .svc-hero-visual:before,.svc-hero-visual:after,.svc-visual-stamp,.svc-float-chip,.pkg-art-card,.pkg-art-sticker{animation:none!important}
}

.ui-arrow-forward{transform:rotate(135deg)}
.svc-visual-caption .ui-arrow{border-color:#aab891;margin:0 6px}
.statement:after{color:#e7e2d3}
@media(prefers-reduced-motion:reduce){.ui-arrow{transition:none}}


/* ===== Unified warm palette, centered icon system and real page transitions ===== */
:root{
 --bg:#17231b;
 --bg2:#1e2c22;
 --panel:#26372b;
 --olive:#7d896b;
 --olive2:#aeb99a;
 --cream:#e7e3d8;
 --paper:#e7e3d8;
 --paper-panel:#eeebe1;
 --paper-muted:#dedbcf;
 --ink:#252e26;
 --muted:#687266;
}
body{background:var(--bg);color:#e9e8de}
.header{background:rgba(23,35,27,.96);border-bottom-color:rgba(222,226,210,.12)}
.nav-links a,.footer-links a{color:#c0c7b9}
.nav-links a:hover,.nav-links a.active{color:#c4cfad}
.nav-cta{border-color:rgba(174,185,154,.46);color:#c4cfad}
.nav-cta:hover{background:#aab596;color:#202a22}
.btn-primary,.svc-main-btn{background:#aab596;color:#202a22}
.btn-primary:hover,.svc-main-btn:hover{background:#bac4a7;color:#202a22}
.btn-outline{border-color:rgba(226,228,215,.25);color:#e6e5dc}
.hero{background:radial-gradient(ellipse at 76% 43%,rgba(135,151,117,.13),transparent 42%),linear-gradient(120deg,#17231b,#1d2b21)}
.hero-grid{opacity:.055;background-image:linear-gradient(rgba(225,228,215,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(225,228,215,.04) 1px,transparent 1px)}
.hero h1 em,.section-heading h2 em,.page-hero h1 em{color:#b4c09b}
.dashboard{background:linear-gradient(145deg,#e1ded2,#d4d9cd);color:#293329;box-shadow:0 26px 65px rgba(0,0,0,.2)}
.float-card{background:#29392d;border-color:rgba(205,215,190,.15);box-shadow:0 11px 28px rgba(0,0,0,.18)}
.float-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:7px;background:#dfe3d5;color:#52624e;border:1px solid #cbd2c3}
.float-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
body:has(>main .hero) .intro{
 background:linear-gradient(135deg,#e7e3d8 0%,#e3e0d5 52%,#dedfd3 100%)!important;
 color:#252e26!important;
}
body:has(>main .hero) .intro:after{color:rgba(55,69,51,.025)!important}
body:has(>main .hero) .intro .kicker{color:#69785d!important}
body:has(>main .hero) .intro .side-note{color:#818779!important}
body:has(>main .hero) .intro h2{color:#252e26!important}
body:has(>main .hero) .intro h2 em{color:#748365!important}
body:has(>main .hero) .intro .intro-text p{color:#5f695e!important}
body:has(>main .hero) .intro .text-link{color:#657653!important}
body:has(>main .hero) .intro .stats{border-color:#c9c8bc!important}
body:has(>main .hero) .intro .stat{border-color:#c9c8bc!important}
body:has(>main .hero) .intro .stat b{color:#758466!important}
body:has(>main .hero) .intro .stat span{color:#586257!important}
.services-preview{background:#1c2a21;color:#e7e7dc}
.services-preview .line-icon{background:#e3e4d8;border-color:#cbd1c2;color:#5d6d56}
.services-preview .service-card:hover{background:#26382a}
.statement{background:linear-gradient(115deg,#66745b,#758168 60%,#818b72);color:#f0efe5}
.statement:after{color:#e3e2d8;opacity:.035}
.statement .kicker{color:#e3e6d8}
.statement h2 em{color:#e1e6d6}
.btn-light{background:#253329;color:#e8e8de}
.footer{background:#101a13}
.page-hero{background:radial-gradient(ellipse at 78% 25%,rgba(141,157,119,.1),transparent 42%),linear-gradient(120deg,#19271e,#223126)}
.content-section.light,.intro{background:var(--cream);color:var(--ink)}
.about-values .value{background:var(--paper-panel);border-color:#d1cfc3}
.contact-page-section{background:#e7e3d8;color:#252e26}
.contact-page-grid .contact-steps{color:#2b352c}
.contact-page-grid .contact-step{border-color:#d0cec2}
.services-redesign .svc-hero{background:radial-gradient(ellipse at 76% 40%,rgba(142,157,117,.12),transparent 42%),linear-gradient(118deg,#17231b,#202e23)}
.svc-catalog,.svc-starter,.pkg-content,.pkg-page{background:#e7e3d8!important;color:#252e26}
.svc-card,.packages-redesign .pkg-card{
 background:#eeebe1!important;
 color:#252e26;
 border-color:#d3d0c4;
 box-shadow:0 10px 25px rgba(37,45,34,.045);
}
.svc-card-infra{background:#e8e6dc!important}
.svc-card-flow{background:#eae8de!important}
.svc-card-care{background:#eeece3!important}
.svc-card h3,.packages-redesign .pkg-card h3{color:#283229}
.svc-card>p,.packages-redesign .pkg-description{color:#626d61}
.svc-tags span{background:#e5e4d9;border-color:#d7d6ca;color:#64705e}
.svc-card-icon{
 display:grid!important;
 place-items:center!important;
 align-items:center!important;
 justify-content:center!important;
 width:48px;height:48px;
 padding:0!important;
 margin:22px 0 14px;
 border:1px solid #ccd2c3;
 border-radius:13px;
 background:#e2e4d8!important;
 color:#5c6e56;
}
.svc-card-icon svg{display:block!important;width:23px;height:23px;margin:0;fill:none;stroke:#5c6e56;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.svc-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.svc-card-top .svc-card-symbol.ui-arrow{
 display:grid!important;
 place-items:center!important;
 flex:0 0 28px;
 width:28px;height:28px;
 padding:0;
 border:1px solid #d0d3c7;
 border-radius:50%;
 background:#e7e6dc;
 transform:none!important;
}
.svc-card-top .svc-card-symbol.ui-arrow:before,
.svc-window-row em.ui-arrow:before,
.svc-card>a b.ui-arrow:before,
.svc-starter-price>a b.ui-arrow:before,
.pkg-order b.ui-arrow:before,
.pkg-bottom-cta>a b.ui-arrow:before{
 content:"";
 display:block;
 width:7px;height:7px;
 border-top:1.5px solid currentColor;
 border-left:1.5px solid currentColor;
 transform:rotate(-45deg);
}
.svc-card-top .svc-card-symbol.ui-arrow{color:#61705a}
.svc-window{background:linear-gradient(145deg,#e1ded2,#d5dccd)!important;color:#293329;box-shadow:0 24px 54px rgba(0,0,0,.2)}
.svc-window-top,.svc-window-bottom{border-color:#c8cdbf;color:#707b6d}
.svc-window-row{display:flex;align-items:center;gap:12px;border-color:#cfd3c7}
.svc-window-row>span:nth-child(2){flex:1;min-width:0}
.svc-window-row em.ui-arrow{
 display:grid!important;
 place-items:center!important;
 flex:0 0 24px;
 width:24px;height:24px;
 border:1px solid #cbd1c3;
 border-radius:50%;
 color:#67745e;
 transform:none!important;
 font-size:0!important;
}
.svc-window-row em.ui-arrow:before{transform:rotate(-45deg)}
.svc-window-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;background:#d9dfd1;color:#62705a;border-radius:8px}
.svc-visual-stamp{opacity:.025!important}
.svc-float-chip{background:#2a392d;border-color:rgba(207,216,193,.14);box-shadow:0 10px 25px rgba(0,0,0,.16)}
.svc-starter-inner{background:linear-gradient(120deg,#e0e2d5,#d7ddcf)!important;border-color:#cbd0c1}
.svc-starter-price>strong{color:#5d6d50}
.svc-end{background:linear-gradient(110deg,#1b2920,#26372a)!important;color:#e8e7dc}
.packages-redesign .pkg-hero{background:linear-gradient(120deg,#e2dfd4,#e9e6dc 58%,#dcdfd2)!important;color:#252e26}
.packages-redesign .pkg-hero-copy>p,.pkg-intro-row>p{color:#626d61}
.packages-redesign .pkg-card-featured{background:#28392d!important;border-color:#75836a}
.packages-redesign .pkg-price-box{background:#e3e3d8;border-color:#d2d4c7}
.packages-redesign .pkg-card-featured .pkg-price-box{background:rgba(229,233,218,.07);border-color:rgba(215,223,200,.13)}
.packages-redesign .pkg-bottom-cta{background:#dce0d3;border-color:#c9cfc0}
.pkg-art-card{background:#26372b;color:#e8e7dc;box-shadow:0 22px 48px rgba(34,47,34,.15)}
.pkg-art-orbit{border-color:rgba(100,119,75,.11);box-shadow:none}
.pkg-art-sticker{background:#aab596;color:#283328;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.wa-float{background:#7f8d6d;color:#19231b;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ui-arrow{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;padding:0;border:0;vertical-align:middle;transform:none!important;font-size:0!important;line-height:0}
.svc-card>a b.ui-arrow,.svc-starter-price>a b.ui-arrow,.pkg-order b.ui-arrow,.pkg-bottom-cta>a b.ui-arrow{
 display:grid!important;place-items:center!important;flex:0 0 20px;width:20px;height:20px;border:1px solid #d0d4c7;border-radius:50%;color:#64715b;
}
.svc-card>a b.ui-arrow:before,.svc-starter-price>a b.ui-arrow:before,.pkg-order b.ui-arrow:before,.pkg-bottom-cta>a b.ui-arrow:before{width:6px;height:6px}
.svc-main-btn .ui-arrow,.svc-quiet-link .ui-arrow{display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border:1px solid currentColor;border-radius:50%}
.svc-main-btn .ui-arrow:before,.svc-quiet-link .ui-arrow:before{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:rotate(-45deg)}
.ui-arrow-down:before{transform:rotate(-135deg)!important}
.ui-arrow-forward:before{transform:rotate(135deg)!important}
.line-icon{
 display:grid!important;
 place-items:center!important;
 width:54px;height:54px;
 margin:0 0 20px!important;
 border-radius:15px;
 border:1px solid #cbd2c2;
 background:#e2e4d8!important;
 color:#61705a!important;
}
.line-icon svg{display:block;width:24px;height:24px;margin:0;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.service-card{padding-top:27px}
.float-icon svg{overflow:visible}
.svc-card-icon,.svc-card-top .svc-card-symbol.ui-arrow,.svc-window-row em.ui-arrow,.svc-card>a b.ui-arrow,.pkg-order b.ui-arrow{box-sizing:border-box}
@keyframes servicePageTextIn{
 from{opacity:0;transform:translate3d(0,32px,0);filter:blur(5px)}
 to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes servicePageVisualIn{
 0%{opacity:0;transform:translate3d(-28px,18px,0) scale(.94);filter:blur(7px)}
 100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
.services-redesign .svc-hero-copy.service-enter-copy,
.services-redesign .svc-hero-copy.service-enter-copy.visible{
 opacity:1;transform:none;filter:none;
 animation:servicePageTextIn .95s cubic-bezier(.16,1,.3,1) both!important;
}
.services-redesign .svc-hero-visual.service-enter-visual,
.services-redesign .svc-hero-visual.service-enter-visual.visible{
 opacity:1;transform:none;filter:none;
 animation:servicePageVisualIn 1.15s .12s cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes mainPageArrive{
 from{opacity:.3;transform:translateY(13px)}
 to{opacity:1;transform:translateY(0)}
}
body.page-arriving main{animation:mainPageArrive .58s cubic-bezier(.2,.75,.25,1) both}
.site-transition-veil{
 position:fixed;z-index:99999;inset:0;pointer-events:none;
 background:#1c2a20;
 transform:scaleY(0);transform-origin:bottom;
}
body.is-navigating .site-transition-veil{animation:sitePageLeave .34s cubic-bezier(.76,0,.24,1) forwards}
@keyframes sitePageLeave{to{transform:scaleY(1);transform-origin:bottom}}
@media(max-width:700px){
 .line-icon{width:48px;height:48px;margin-bottom:14px!important}
 .svc-card-icon{width:46px;height:46px}
 .svc-window-row em.ui-arrow{width:22px;height:22px;flex-basis:22px}
 .dashboard{background:linear-gradient(145deg,#dfdcd0,#d2d8cb)}
}
@media(prefers-reduced-motion:reduce){
 body.page-arriving main,.services-redesign .svc-hero-copy.service-enter-copy,.services-redesign .svc-hero-visual.service-enter-visual{animation:none!important}
 .site-transition-veil{display:none}
}


/* ===== Final polish: packages contrast, logo visibility and true icon centering ===== */
.packages-redesign{
  --pkg-ink:#293329;
  --pkg-muted:#667164;
  --pkg-sage:#758565;
  --pkg-paper:#eeece2;
  --pkg-border:#d4d1c5;
  --pkg-dark:#26372b;
  background:#e7e4d9!important;
  color:var(--pkg-ink)!important;
}
.packages-redesign .header{
  background:rgba(23,35,27,.97)!important;
  border-bottom:1px solid rgba(224,229,215,.13);
}
.packages-redesign .brand,
.packages-redesign .brand-mark{
  color:#eeeade!important;
}
.packages-redesign .brand-mark span{color:#afbd94!important}
.packages-redesign .brand-name{color:#c3cbbb!important}
.packages-redesign .nav-links a{color:#c5cdbf}
.packages-redesign .nav-links a:hover,
.packages-redesign .nav-links a.active{color:#b7c69c}
.packages-redesign .nav-cta{color:#c5d0ad;border-color:rgba(181,196,155,.48)}
.packages-redesign .menu-btn{border-color:rgba(205,215,196,.3)}
.packages-redesign .menu-btn i{background:#e9e7dc}
.packages-redesign .mobile-nav{background:#17251c}
.packages-redesign .mobile-nav a{color:#e2e4d8}
.packages-redesign .pkg-hero{
  color:#293329!important;
  background:linear-gradient(120deg,#e3e0d5 0%,#ebe8de 56%,#dfe1d5 100%)!important;
}
.packages-redesign .pkg-hero h1{color:#293329}
.packages-redesign .pkg-hero h1 em{color:#71805b}
.packages-redesign .pkg-eyebrow{color:#68785a}
.packages-redesign .pkg-hero-copy>p{color:#626e61}
.packages-redesign .pkg-hero-note{color:#687365}
.packages-redesign .pkg-hero-note>b{color:#596d49}
.packages-redesign .pkg-hero-art .pkg-art-back{color:#77826f}
.packages-redesign .pkg-content{background:#e7e4d9!important;color:#293329}
.packages-redesign .pkg-intro-row h2,
.packages-redesign .pkg-faq-heading h2{color:#293329}
.packages-redesign .pkg-intro-row>p{color:#626e61}
.packages-redesign .pkg-section-label{color:#71805b}
.packages-redesign .pkg-card:not(.pkg-card-featured){
  background:#efede3!important;
  color:#293329!important;
  border-color:#d5d2c6!important;
}
.packages-redesign .pkg-card:not(.pkg-card-featured) h3{color:#293329!important}
.packages-redesign .pkg-card:not(.pkg-card-featured) .pkg-description{color:#626e61!important}
.packages-redesign .pkg-card:not(.pkg-card-featured) .pkg-audience{color:#71805f}
.packages-redesign .pkg-card:not(.pkg-card-featured) .pkg-card-index{color:#71805b}
.packages-redesign .pkg-card:not(.pkg-card-featured) .pkg-price-box{
  background:#e4e2d7!important;
  border-color:#d3d1c5!important;
}
.packages-redesign .pkg-card:not(.pkg-card-featured) .pkg-price-line>span{color:#667260}
.packages-redesign .pkg-card:not(.pkg-card-featured) .pkg-price-line>strong{color:#536948}
.packages-redesign .pkg-card-featured{
  background:#26372b!important;
  color:#e9e8de!important;
  border-color:#71816b!important;
}
.packages-redesign .pkg-card-featured h3{color:#f0eee4!important}
.packages-redesign .pkg-card-featured .pkg-description{color:#c8d1c2!important}
.packages-redesign .pkg-card-featured .pkg-audience{color:#c5d1af!important}
.packages-redesign .pkg-card-featured .pkg-card-index{color:#d0dcb7!important}
.packages-redesign .pkg-card-featured .pkg-price-box{
  background:rgba(234,238,221,.075)!important;
  border-color:rgba(218,228,202,.18)!important;
}
.packages-redesign .pkg-card-featured .pkg-old-price{color:#c1cbb8!important}
.packages-redesign .pkg-card-featured .pkg-price-line>span{color:#cbd4c3!important}
.packages-redesign .pkg-card-featured .pkg-price-line>strong{color:#dbe7b9!important}
.packages-redesign .pkg-card-featured .pkg-features li{color:#d6ddcf!important}
.packages-redesign .pkg-card-featured .pkg-details{border-color:rgba(224,232,214,.19)!important}
.packages-redesign .pkg-card-featured .pkg-details summary{color:#d7e2be!important}
.packages-redesign .pkg-card-featured .pkg-details p{color:#c4ceba!important}
.packages-redesign .pkg-card-index{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border:1px solid #d4d8ca;
  border-radius:50%;
  line-height:1;
  text-align:center;
}
.packages-redesign .pkg-card-featured .pkg-card-index{border-color:rgba(211,224,190,.28)}
.packages-redesign .pkg-features li{padding-right:17px;color:#596556}
.packages-redesign .pkg-features li:before{
  top:.68em;
  width:6px;
  height:6px;
  transform:none;
  background:#82916d;
}
.packages-redesign .pkg-card-featured .pkg-features li:before{background:#c8d9a7}
.packages-redesign .pkg-details summary,
.packages-redesign .pkg-faq summary{min-height:28px}
.packages-redesign .pkg-details summary:after,
.packages-redesign .pkg-faq summary:after{
  display:grid;
  place-items:center;
  flex:0 0 26px;
  width:26px;
  height:26px;
  box-sizing:border-box;
  border:1px solid #d2d7c8;
  border-radius:50%;
  line-height:1;
  font:600 16px/1 var(--latin);
  text-align:center;
  padding:0;
  color:#6e8059;
}
.packages-redesign .pkg-card-featured .pkg-details summary:after{
  border-color:rgba(220,231,202,.28);
  color:#d6e4b8;
}
.packages-redesign .pkg-order,
.packages-redesign .pkg-bottom-cta>a{gap:14px}
.packages-redesign .pkg-order b.ui-arrow,
.packages-redesign .pkg-bottom-cta>a b.ui-arrow{
  display:grid!important;
  place-items:center!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  box-sizing:border-box;
  border:1px solid rgba(39,54,40,.22);
  border-radius:50%;
  margin:0;
  padding:0;
  color:#273629;
}
.packages-redesign .pkg-order b.ui-arrow:before,
.packages-redesign .pkg-bottom-cta>a b.ui-arrow:before{
  content:"";
  display:block;
  width:6px;
  height:6px;
  border-top:1.5px solid currentColor;
  border-left:1.5px solid currentColor;
  transform:rotate(-45deg);
}
.packages-redesign .pkg-card-featured .pkg-order b.ui-arrow{
  border-color:rgba(38,54,39,.25);
  color:#26372b;
}
.packages-redesign .pkg-terms{border-color:#d0cec1}
.packages-redesign .pkg-terms p,
.packages-redesign .pkg-faq details p{color:#687365}
.packages-redesign .pkg-faq details{border-color:#d0cec1}
.packages-redesign .pkg-faq summary{color:#303b30}
.packages-redesign .pkg-bottom-cta{
  background:#dedfd3!important;
  border-color:#cbd0c2!important;
}
.packages-redesign .pkg-bottom-cta h2{color:#293329}
.packages-redesign .pkg-bottom-cta p{color:#626e61}
.packages-redesign .pkg-bottom-cta>a{background:#26372b;color:#eeece2}
.packages-redesign .footer{background:#101a13!important;color:#e9e7dc}
.packages-redesign .footer .brand,
.packages-redesign .footer .brand-mark{color:#eeeade!important}
.packages-redesign .footer .brand-name{color:#c3cbbb!important}
@media(max-width:700px){
  .packages-redesign .pkg-card-index{flex-basis:28px;width:28px;height:28px}
  .packages-redesign .pkg-order{min-height:48px}
  .packages-redesign .pkg-details summary:after,
  .packages-redesign .pkg-faq summary:after{flex-basis:25px;width:25px;height:25px}
}

/* Main packages action now follows the service cards, not the hero. */
.svc-catalog-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:25px;
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid #d0cec1;
}
.svc-catalog-cta .svc-main-btn{min-width:235px}
.svc-catalog-cta .svc-quiet-link{color:#586c43}
@media(max-width:700px){
  .svc-catalog-cta{
    flex-direction:column;
    align-items:stretch;
    gap:17px;
    margin-top:23px;
    padding-top:20px;
  }
  .svc-catalog-cta .svc-main-btn{width:100%;min-width:0}
  .svc-catalog-cta .svc-quiet-link{justify-content:center;padding:8px 0}
}