@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--primary:#FF5B04;--secondary:#1B2721;--green:var(--secondary);--dark:var(--secondary);--gold:var(--primary);--ink:var(--secondary);--muted:#59625C;--bg:#FAFBFA;--surface:#F0F2F0;--surface-green:#E1E7E3;--primary-soft:#FFE4D5;--secondary-soft:#A9B9AF;--on-dark-muted:#CDD6D0;--link:#B83E00;--line:#DDE3DF;--primary-hover:#FF762D}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,.carousel:focus-visible{outline:3px solid var(--link);outline-offset:5px}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 96px));margin:auto}.header{position:sticky;top:0;z-index:20;background:#fafbfaeb;border-bottom:1px solid #e5e8e17a;backdrop-filter:blur(18px)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;width:76px;height:76px;align-items:center}.brand img{object-fit:contain}.nav-links{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:500}.nav-links>a:hover{color:var(--green)}.nav-cta{background:var(--green);color:white!important;padding:10px 20px;border-radius:30px}.nav-cta span{margin-left:18px}.menu-toggle{display:none}.hero{padding-top:66px;overflow:hidden}.hero-copy{text-align:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green);margin:0 0 24px;display:flex;align-items:center;gap:9px}.hero .eyebrow{justify-content:center}.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #0083620b;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1{font-size:clamp(46px,5.7vw,78px);font-weight:650;line-height:1.08;letter-spacing:-4px;margin-bottom:24px}h1>span{color:var(--green)}.hero-description{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:28px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;background:var(--green);color:#fff;padding:14px 24px;border-radius:30px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--link);transform:translateY(-2px)}.text-link{font-size:12px;font-weight:600;color:var(--green)}.text-link span{margin-left:10px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-top:62px;margin-bottom:18px;font-size:12px}.gallery-heading p{margin:0}.mini-label{font-size:9px;font-weight:700;letter-spacing:1.5px}.gallery-heading .mini-label{margin-right:18px;color:var(--muted)}.gallery-hint{color:var(--muted);font-size:11px}.gallery-hint span{margin-left:10px}.carousel{overflow-x:auto;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}.carousel::-webkit-scrollbar{display:none}.carousel.dragging{cursor:grabbing;user-select:none}.carousel-track{display:flex;gap:20px;padding:0 max(48px,calc((100vw - 1160px)/2));width:max-content}.process-card{width:370px;height:388px;border-radius:18px;overflow:hidden;flex-shrink:0;padding:27px 28px 0;position:relative;background:var(--surface)}.process-card .card-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:1.4px;opacity:.75}.step-badge{border:1px solid currentColor;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:10px;letter-spacing:0}.process-card h3{font-size:27px;font-weight:650;letter-spacing:-1px;line-height:1.2;margin:18px 0 10px;max-width:280px}.process-card>p{font-size:11px;max-width:265px;line-height:1.7;opacity:.8}.process-card.dark{background:var(--secondary);color:white}.process-card.cream{background:var(--primary-soft)}.process-card.mint{background:var(--surface-green)}.process-card.slate{background:var(--surface)}.process-card.gold{background:var(--primary-soft)}.art{height:190px;position:absolute;left:28px;right:28px;bottom:0;pointer-events:none}.window{background:#ffffffed;border:1px solid #ffffffa6;border-radius:13px;padding:18px;box-shadow:0 14px 35px #173f2c14;color:var(--ink);font-size:10px;transform:rotate(-5deg);margin:10px 12px 0}.window-head{display:flex;justify-content:space-between;font-size:9px;border-bottom:1px solid var(--line);padding-bottom:13px;font-weight:600}.window-head i{font-style:normal;color:var(--link)}.chat{font-size:10px;display:block;padding:10px 13px;border-radius:10px;background:var(--surface);margin-top:12px;width:85%}.chat.reply{margin-left:auto;background:var(--green);color:white}.tiny-pills{display:flex;gap:6px;margin-top:12px}.tiny-pills span{border:1px solid var(--line);border-radius:20px;padding:4px 7px;font-size:8px}.chart-window{transform:rotate(5deg);margin-left:18px}.chart{height:97px;display:flex;gap:13px;align-items:end;padding:20px 8px 0;border-bottom:1px solid var(--line)}.chart span{width:34px;border-radius:5px 5px 0 0;background:var(--secondary-soft)}.chart span:nth-child(even){background:var(--secondary)}.chart span:last-child{background:var(--primary)}.chart-caption{display:flex;justify-content:space-between;font-size:8px;margin-top:8px;color:var(--muted)}.plan-window{transform:rotate(-4deg);background:var(--bg)}.plan-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}.check{display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--green);width:20px;height:20px}.plan-row small{margin-left:auto;font-size:8px;color:var(--muted)}.phone{width:126px;height:205px;border:5px solid var(--secondary);border-radius:24px;background:linear-gradient(160deg,var(--surface-green),var(--surface-green));margin:0 auto;transform:rotate(9deg);position:relative;box-shadow:0 16px 35px #163c3b25;padding:19px 10px;color:var(--dark)}.phone:before{content:'';position:absolute;top:5px;left:36px;width:46px;height:8px;border-radius:20px;background:var(--secondary)}.live-label{background:#b7443f;color:white;padding:3px 7px;border-radius:4px;font-size:7px;letter-spacing:1px}.product{height:75px;width:48px;background:linear-gradient(90deg,#eee9d6,#fffdf3,#d5cfb7);border-radius:5px 5px 12px 12px;position:absolute;left:34px;top:63px;box-shadow:5px 9px 10px #1f573121}.product:before{content:'';position:absolute;top:-12px;left:5px;right:5px;height:13px;background:var(--primary);border-radius:4px 4px 0 0}.product:after{content:'YOUR BRAND';font-size:5px;position:absolute;top:35px;text-align:center;width:100%;letter-spacing:1px}.live-caption{position:absolute;bottom:15px;font-size:7px}.float-tag{position:absolute;background:white;padding:9px 12px;border-radius:9px;box-shadow:0 5px 15px #0001;color:var(--green);font-size:9px;bottom:35px;right:2px;transform:rotate(-5deg)}.orbit{position:relative;width:180px;height:180px;border:1px solid var(--secondary-soft);border-radius:50%;margin:0 auto;display:grid;place-items:center}.orbit:before{content:'';position:absolute;inset:25px;border:1px solid var(--secondary-soft);border-radius:50%}.orbit-core{background:var(--green);color:white;border-radius:50%;height:75px;width:75px;display:grid;place-items:center;font-size:30px;box-shadow:0 0 0 12px #ffffff70}.orbit-label{position:absolute;padding:7px 13px;border-radius:30px;background:#fff;font-size:9px;box-shadow:0 6px 20px #0001}.orbit-label:nth-child(2){left:-15px;top:20px}.orbit-label:nth-child(3){right:-35px;top:80px}.orbit-label:nth-child(4){bottom:5px;left:-8px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.gallery-controls>p{font-size:10px;color:var(--muted);margin:0}.control-buttons{display:flex;gap:8px}.circle-button{width:32px;height:32px;border:0;border-radius:50%;background:var(--surface);color:var(--dark);display:grid;place-items:center;font-size:16px}.circle-button:hover{background:var(--surface-green)}.pause-button{margin-left:6px;font-size:12px}.platforms{display:flex;gap:50px;align-items:center;padding-top:45px;padding-bottom:45px;border-bottom:1px solid var(--line)}.platforms>p{font-size:11px;color:var(--muted);margin:0;flex-shrink:0}.platforms strong{color:var(--ink);font-weight:500}.platform-names{display:flex;justify-content:space-between;align-items:center;gap:28px;flex:1;font-family:'Manrope',sans-serif;font-size:21px;font-weight:750;letter-spacing:-.7px}.platform-names .secondary-platform{font-size:17px;color:var(--muted)}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:44px}.section-heading>p{color:var(--muted);font-size:14px;max-width:355px;margin:0 0 4px}.section .eyebrow{margin-bottom:18px}h2{font-size:46px;line-height:1.15;letter-spacing:-2.2px;font-weight:600;margin:0}h3{letter-spacing:-.8px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-card{background:var(--surface);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column}.service-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;font-size:32px;color:var(--green);margin-bottom:35px;background:var(--surface)}.creators-icon{background:var(--primary-soft);border-color:var(--primary-soft);color:var(--link)}.solution-card .mini-label{color:var(--green);font-size:9px;margin-bottom:12px}.solution-card h3{font-size:25px;line-height:1.3;font-weight:600;margin-bottom:16px}.solution-card>p:not(.mini-label){font-size:12px;color:var(--muted);margin-bottom:22px}.solution-card ul{list-style:none;padding:0;margin:0 0 28px;font-size:10px;line-height:2.5}.solution-card li:before{content:'+';color:var(--green);margin-right:9px}.service-link{font-size:11px;color:var(--green);font-weight:600;margin-top:auto;display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line)}.availability{font-size:8px;color:var(--muted);margin-top:10px}.approach-section{background:var(--secondary);color:#fff;padding:90px 0}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.approach-section .eyebrow{color:var(--on-dark-muted)}.approach-section h2{font-size:53px}.approach-section h2 span{color:var(--primary)}.approach-intro{color:var(--on-dark-muted);font-size:13px;max-width:350px;margin-top:28px}.light-link{font-size:11px;color:var(--on-dark-muted);display:inline-block;margin-top:15px;border-bottom:1px solid var(--secondary-soft);padding-bottom:7px}.light-link span{margin-left:20px}.principles article{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #ffffff20}.principles article:first-child{padding-top:0}.principles article>span{font-size:10px;color:var(--primary);padding-top:5px}.principles h3{font-size:18px;letter-spacing:-.3px;font-weight:500;margin-bottom:8px}.principles p{color:var(--on-dark-muted);font-size:12px;line-height:1.8;margin:0}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.audience-number{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);display:block;padding-bottom:12px;margin-bottom:22px}.audience-grid h3{font-size:19px;font-weight:600;letter-spacing:-.5px;margin-bottom:13px}.audience-grid p{color:var(--muted);font-size:12px}.category-strip{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:40px}.category-strip span{padding:6px 14px;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:30px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-top:75px}.faqs details{border-bottom:1px solid var(--line);padding:20px 0}.faqs details:first-child{padding-top:0}.faqs summary{cursor:pointer;font-weight:500;font-size:13px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';font-size:20px;color:var(--green);font-weight:400}.faqs details[open] summary:after{content:'−'}.faqs details p{font-size:12px;color:var(--muted);margin:16px 20px 0 0;line-height:1.85}.contact-section{background:var(--surface);padding:90px 0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact-copy h2{font-size:52px}.contact-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:330px;margin-top:25px}.contact-email{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:7px;display:inline-block;margin-top:12px;color:var(--green)}.contact-email span{margin-left:20px}.contact-note{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--muted);margin-top:42px}.contact-copy .small-note{font-size:10px!important;max-width:275px!important}form{background:#fff;border-radius:18px;padding:32px;box-shadow:0 8px 28px #244a2510}.form-heading h3{font-size:20px;margin:0 0 5px;letter-spacing:-.5px;font-weight:600}.form-heading p{font-size:10px;color:var(--muted);margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:500;min-width:0}.full{grid-column:1/-1}input,select,textarea{border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:11px 12px;font-size:11px;color:var(--ink);width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--secondary-soft);outline-offset:1px}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical}.consent{display:flex;align-items:start;gap:9px;font-size:9px;line-height:1.7;color:var(--muted);margin:20px 0}.consent input{width:14px;height:14px;flex-shrink:0;margin:2px 0;accent-color:var(--green)}.consent a{text-decoration:underline}.submit-button{width:100%;justify-content:space-between}.submit-button:disabled{opacity:.65;cursor:wait}.error{color:#a12a22!important}#form-status{font-size:11px;margin:12px 0 0}#form-status:empty{display:none}.footer{display:flex;justify-content:space-between;align-items:center;padding-top:40px;padding-bottom:40px;font-size:9px;color:var(--muted)}.footer-wordmark{font-weight:700;font-size:17px;letter-spacing:2px;color:var(--secondary)}.footer-wordmark span{font-weight:400}.footer p{margin:7px 0 0}.footer-right{text-align:right}.footer-right>div{display:flex;gap:22px;margin-top:12px}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.legal{max-width:760px;padding:70px 0 100px}.legal h1{font-size:46px;letter-spacing:-2px}.legal h2{font-size:22px;margin:32px 0 10px;letter-spacing:-.5px}.legal p{color:var(--muted);font-size:14px}.legal a{text-decoration:underline;color:var(--green)}
@media(min-width:1600px){.hero{padding-top:85px}.hero h1{font-size:84px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.nav-links{gap:26px}.carousel-track{padding:0 32px}.process-card{width:340px}.platforms{gap:30px}.platform-names{gap:20px;flex-wrap:wrap;font-size:19px}.platform-names .secondary-platform{font-size:15px}.solution-card{padding:25px 20px}.solution-card h3{font-size:22px}.solution-card ul{font-size:9px}.section-heading{gap:35px}h2{font-size:39px}.approach-grid{gap:60px}.approach-section h2,.contact-copy h2{font-size:45px}.contact-grid{gap:40px;grid-template-columns:.8fr 1.2fr}.faq-section{gap:50px}.contact-section form{padding:25px}.audience-grid{gap:25px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:68px}.brand,.brand img{width:65px;height:65px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:12px}.menu-toggle span{width:22px;height:1.5px;background:var(--green)}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:20px;align-items:stretch;gap:0;box-shadow:0 15px 20px #0000000a}.nav-links.open{display:flex;flex-direction:column}.nav-links a{padding:13px 15px}.nav-links .nav-cta{margin-top:8px;text-align:center}.hero{padding-top:45px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:47px;letter-spacing:-2.5px;line-height:1.12}.hero-description{font-size:13px;line-height:1.8;max-width:360px;margin:0 auto 26px}.desktop-break{display:none}.hero-actions{flex-direction:column;gap:18px}.button{font-size:11px;padding:14px 22px}.gallery-heading{margin-top:45px;margin-bottom:15px}.gallery-heading p{font-size:11px}.gallery-heading .mini-label{display:block;font-size:8px;margin-bottom:5px}.gallery-hint{font-size:9px;white-space:nowrap}.carousel-track{padding:0 20px;gap:14px}.process-card{width:300px;height:365px;padding:24px 24px 0}.process-card h3{font-size:25px}.art{left:24px;right:24px;height:175px}.gallery-controls>p{font-size:8px;max-width:160px}.platforms{padding:30px 0;align-items:start;flex-direction:column;gap:20px}.platforms>p br{display:none}.platforms>p strong{margin-left:4px}.platform-names{width:100%;justify-content:flex-start;gap:18px 25px;font-size:19px}.platform-names .secondary-platform{font-size:14px}.section{padding:65px 0}.section-heading{flex-direction:column;align-items:start;gap:22px;margin-bottom:30px}h2{font-size:37px;letter-spacing:-1.8px}.section .eyebrow,.contact-copy .eyebrow,.approach-section .eyebrow{font-size:8px;letter-spacing:1.5px}.section-heading>p{font-size:13px;max-width:460px}.solution-grid{grid-template-columns:1fr;gap:16px}.solution-card{padding:28px}.service-icon{margin-bottom:25px}.solution-card h3{font-size:28px}.solution-card>p:not(.mini-label){font-size:13px}.solution-card ul{font-size:11px;margin-bottom:20px}.service-link{font-size:12px}.availability{font-size:9px}.approach-section{padding:60px 0}.approach-grid{grid-template-columns:1fr;gap:45px}.approach-section h2{font-size:45px}.approach-intro{max-width:100%}.principles h3{font-size:18px}.principles p{font-size:12px}.audience-grid{grid-template-columns:1fr;gap:20px;margin-top:35px}.audience-number{margin-bottom:15px}.audience-grid h3{font-size:21px}.audience-grid p{font-size:13px}.category-strip{justify-content:flex-start;gap:8px;margin-top:25px}.category-strip span{font-size:9px;padding:5px 10px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2 br{display:none}.faqs summary{font-size:13px}.contact-section{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-copy h2{font-size:44px}.contact-copy>p:not(.eyebrow){max-width:100%}.contact-note{margin-top:25px}.contact-copy .small-note{max-width:100%!important}.contact-section form{padding:24px 20px}.form-grid{gap:16px 12px}.form-grid label{font-size:11px}input,select,textarea{font-size:16px;padding:10px;width:100%}.form-grid label:has(input[name="country"]),.form-grid label:has(input[name="target-market"]),.form-grid label:has(select){grid-column:1/-1}.consent{font-size:10px}.form-heading h3{font-size:19px}.footer{flex-direction:column;align-items:start;gap:22px;padding-top:30px;padding-bottom:30px}.footer-right{text-align:left}.legal{padding-top:45px}.legal h1{font-size:38px}.legal h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:701px) and (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy>p:not(.eyebrow){max-width:520px}.contact-copy h2 br{display:none}.contact-copy h2{font-size:42px}.contact-note{margin-top:22px}.contact-section form{padding:32px}input,select,textarea{font-size:16px}.solution-grid{gap:12px}.solution-card{padding:24px 17px}.solution-card h3{font-size:21px}}

/* Floating process gallery and responsive refinements. */
.brand { width:84px; height:60px; flex-shrink:0; }
.brand img { display:block; width:84px; height:60px; object-fit:contain; }
.carousel-track { padding-top:22px; padding-bottom:52px; }
.process-card {
  box-shadow:0 24px 26px -20px rgb(27 39 33 / 34%), 0 9px 18px -12px rgb(27 39 33 / 18%);
  animation:gallery-float 6s ease-in-out infinite;
  animation-delay:var(--float-delay,0s);
}
@keyframes gallery-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }
.carousel:hover .process-card,
.carousel:focus-within .process-card,
.carousel.dragging .process-card,
.carousel.motion-paused .process-card { animation-play-state:paused; }
.gallery-heading { margin-bottom:0; }
.gallery-controls { margin-top:-14px; }
.circle-button { width:44px; height:44px; }
.menu-toggle { min-width:44px; min-height:44px; justify-content:center; }
.section-heading > div, .approach-grid > div, .contact-grid > div, .contact-grid form { min-width:0; }
.contact-email { overflow-wrap:anywhere; }
@media (min-width:701px) and (max-width:1000px) {
  .solution-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .solution-card:last-child { grid-column:1/-1; }
  .solution-card:last-child h3 br { display:none; }
  .solution-card:last-child > p { max-width:540px; }
  .solution-card ul { font-size:11px; }
  .audience-grid { gap:24px; }
}
@media (max-width:700px) {
  .brand, .brand img { width:68px; height:49px; }
  .hero h1 { font-size:clamp(28px,8.7vw,58px); letter-spacing:-.045em; }
  .hero-description { font-size:15px; }
  .process-card { width:min(320px,calc(100vw - 56px)); height:380px; }
  .carousel-track { padding-top:20px; padding-bottom:46px; }
  .process-card h3 { font-size:24px; }
  .process-card > p { font-size:12px; }
  .gallery-controls { gap:10px; }
  .gallery-controls > p { font-size:10px; max-width:150px; }
  .control-buttons { gap:6px; flex-shrink:0; }
  .pause-button { margin-left:0; }
  .form-grid { grid-template-columns:1fr; }
  .form-grid label { grid-column:1/-1; }
  .footer-right > div { flex-wrap:wrap; gap:10px 18px; }
}
@media (max-width:360px) {
  .wrap { width:calc(100% - 32px); }
  .carousel-track { padding-left:16px; padding-right:16px; }
  .process-card { padding-left:20px; padding-right:20px; }
  .process-card .card-top { font-size:8px; letter-spacing:1px; }
  .gallery-hint { display:none; }
  .gallery-controls > p { max-width:125px; }
  h2 { font-size:32px; }
}
@media (prefers-reduced-motion:reduce) {
  .process-card { animation:none; transform:none; }
}
h1 { letter-spacing:-.045em; }

/* Quiet interaction for the approach and about sections. */
#approach .principles article { transition:transform .3s ease; }
#approach .principles article > span { transition:color .3s ease; }
#about .audience-grid article { transition:transform .3s ease; }
#about .audience-grid h3 { transition:color .3s ease; }
@media (hover:hover) and (pointer:fine) {
  #approach .principles article:hover { transform:translateX(6px); }
  #approach .principles article:hover > span { color:var(--primary); }
  #about .audience-grid article:hover { transform:translateY(-5px); }
  #about .audience-grid article:hover h3 { color:var(--green); }
}
@media (prefers-reduced-motion:reduce) {
  #approach .principles article, #about .audience-grid article { transform:none!important; transition:none; }
}

/* Give the desktop and tablet header a little more horizontal space. */
@media (min-width:701px) {
  .nav.wrap { width:min(1208px,calc(100% - 48px)); }
}

/* Whole-pixel bars keep the mobile menu icon evenly weighted. */
.menu-toggle { align-items:center; gap:5px; }
.menu-toggle span { display:block; width:22px; height:2px; flex:0 0 2px; background:var(--green); }

/* Perspective orbit: cards travel behind the centre, then return to the front. */
.carousel { position:relative; overflow:hidden; height:520px; touch-action:pan-y; perspective:1100px; }
.carousel-track { position:relative; display:block; width:100%; height:100%; padding:0; transform-style:preserve-3d; }
.carousel .process-card { position:absolute; top:55%; left:50%; width:340px; height:388px; margin:0; animation:none!important; will-change:transform; box-shadow:0 30px 32px -22px rgb(27 39 33 / 40%),0 12px 20px -15px rgb(27 39 33 / 22%); }
.gallery-controls { margin-top:0; }
@media(max-width:700px){
 .carousel { height:465px; perspective:850px; }
 .carousel .process-card { width:min(280px,calc(100vw - 72px)); height:370px; top:56%; padding:24px 20px 0; }
 .carousel .process-card h3 { font-size:23px; }
 .carousel .process-card .card-top { font-size:8px; letter-spacing:1px; }
}

/* Language control stays available even when the mobile menu is closed. */
.nav { gap:24px; }
.brand { order:1; margin-right:auto; }
.nav-links { order:2; }
.language-selector { order:3; width:auto; max-width:150px; min-height:44px; background:transparent; border-color:var(--line); font-size:12px; padding:8px; cursor:pointer; }
.menu-toggle { order:4; }
.nav > a:not(.brand) { order:2; }
html[lang="zh-Hans"] body { font-family:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif; }
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3 { font-family:'Manrope','PingFang SC','Microsoft YaHei',sans-serif; letter-spacing:0; }
html[lang="zh-Hans"] .eyebrow,html[lang="zh-Hans"] .mini-label { letter-spacing:1px; }
html[lang="ms"] .hero h1 { font-size:clamp(38px,5.1vw,72px); letter-spacing:-.04em; }
html[lang="ms"] .process-card h3 { font-size:23px; }
html[lang="ms"] .process-card .card-top { font-size:8px; letter-spacing:.6px; gap:8px; }
html[lang="ms"] .process-card .step-badge { flex-shrink:0; }
html[lang="ms"] .carousel .process-card { height:420px; }
html[lang="ms"] .gallery-heading .mini-label { display:block; }
html[lang="ms"] .gallery-heading { gap:20px; }
html[lang="ms"] .solution-card ul { line-height:1.8; }
html[lang="ms"] .solution-card li { margin-bottom:8px; }
html[lang="ms"] .art .window-head { font-size:8px; }
html[lang="ms"] .art .plan-row { font-size:8px; gap:6px; }
html[lang="ms"] .art .plan-row small { font-size:7px; }
html[lang="ms"] .art .check { flex-shrink:0; }
@media(max-width:1000px){
 .nav { gap:12px; }
 .menu-toggle { display:flex; flex-direction:column; border:0; background:none; padding:12px; }
 .nav-links { display:none; position:absolute; top:80px; left:0; right:0; padding:20px; background:var(--bg); border-bottom:1px solid var(--line); box-shadow:0 15px 20px #0000000a; }
 .nav-links.open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
 .nav-links a { padding:13px 15px; }
 .nav-links .nav-cta { margin-top:8px; text-align:center; }
 .language-selector { margin-left:auto; font-size:13px; }
}
@media(max-width:700px){
 .nav { gap:8px; }
 .nav-links { top:68px; }
 .language-selector { max-width:140px; font-size:13px; }
 html[lang="ms"] .hero h1 { font-size:clamp(26px,7.7vw,49px); }
 html[lang="ms"] h2 { font-size:32px; }
 html[lang="ms"] .approach-section h2,html[lang="ms"] .contact-copy h2 { font-size:36px; }
 html[lang="ms"] .carousel { height:510px; }
 html[lang="ms"] .process-card h3 { font-size:21px; }
 html[lang="ms"] .process-card > p { font-size:11px; }
 html[lang="ms"] .gallery-hint { display:none; }
 html[lang="ms"] .gallery-controls > p { font-size:9px; }
 .legal h1 { overflow-wrap:anywhere; }
}
html[lang="zh-Hans"] .product:after { content:'您的品牌'; }
html[lang="ms"] .product:after { content:'JENAMA ANDA'; }
@media(max-width:700px){
 body:has(.legal) .nav { height:auto; min-height:68px; flex-wrap:wrap; padding-top:8px; padding-bottom:12px; }
 body:has(.legal) .nav > a:not(.brand) { order:4; flex-basis:100%; font-size:12px; }
}

/* Lift independently of the orbit's transform so the ring keeps its shape. */
.carousel .process-card { translate:0 0; transition:translate .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease; }
@media(any-hover:hover){
 .carousel:not(.dragging) .process-card:hover { translate:0 -16px; box-shadow:0 40px 35px -22px rgb(27 39 33 / 42%),0 16px 24px -15px rgb(27 39 33 / 24%); }
}
@media(prefers-reduced-motion:reduce){
 .carousel .process-card,.carousel:not(.dragging) .process-card:hover { translate:none; transition:none; }
}
/* Pointer-based hit testing also supports mixed mouse/touch devices. */
.carousel:not(.dragging) .process-card.is-hovered {
 translate:0 -16px;
 box-shadow:0 40px 35px -22px rgb(27 39 33 / 42%),0 16px 24px -15px rgb(27 39 33 / 24%);
}
@media(prefers-reduced-motion:reduce){
 .carousel:not(.dragging) .process-card.is-hovered { translate:none; transition:none; }
}

/* Expandable service collage; supplied photographs go in .service-image. */
.service-collage { display:flex; gap:12px; align-items:stretch; }
.service-collage .service-panel { position:relative; isolation:isolate; flex:1 1 0; min-width:0; min-height:570px; padding:0; overflow:hidden; border-radius:18px; background:var(--secondary); color:white; transition:flex-grow .65s cubic-bezier(.2,.7,.2,1); }
.service-collage .service-panel:nth-child(2) { background:var(--secondary); }
.service-collage .service-panel:nth-child(3) { background:var(--secondary); }
.service-image { position:absolute; inset:0; z-index:-2; background-size:cover; background-position:center; transition:transform .8s ease; }
.service-image img { width:100%; height:100%; object-fit:cover; display:block; }
.service-panel::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(18,18,18,.05) 15%,rgba(18,18,18,.8) 100%); }
.service-content { margin-top:auto; padding:32px; }
.service-collage .mini-label { color:var(--primary); margin-bottom:14px; }
.service-collage h3 { margin:0; font-size:27px; line-height:1.25; }
.service-toggle { width:100%; padding:0; border:0; background:none; color:inherit; font:inherit; font-weight:600; text-align:left; position:relative; padding-right:25px; }
.expand-symbol { position:absolute; right:0; top:0; font-family:'DM Sans',sans-serif; font-weight:400; transition:transform .3s; }
.service-details { max-width:540px; padding-top:18px; }
.service-details > p { font-size:14px; color:var(--on-dark-muted); line-height:1.7; margin-bottom:20px; }
.service-collage .service-details ul { font-size:12px; line-height:1.9; margin-bottom:22px; }
.service-collage .service-details li::before { color:var(--primary); }
.service-collage .service-link { color:white; border-color:#ffffff45; font-size:12px; }
.service-collage .availability { display:block; color:var(--on-dark-muted); font-size:10px; }
.service-collage.is-interactive .service-details { display:grid; grid-template-rows:0fr; max-height:0; opacity:0; padding-top:0; overflow:hidden; visibility:hidden; transition:opacity .25s ease,max-height .55s ease,padding .55s ease; }
.service-collage.is-interactive .is-expanded { flex-grow:2.8; }
.service-collage.is-interactive .is-expanded .service-details { display:block; max-height:550px; opacity:1; padding-top:18px; visibility:visible; transition:opacity .4s .15s ease,max-height .55s ease,padding .55s ease; }
.service-collage .is-expanded .service-image { transform:scale(1.035); }
.service-collage .is-expanded .expand-symbol { transform:rotate(45deg); }
.service-collage.has-expanded .service-panel:not(.is-expanded) .service-content { padding:24px 18px; }
.service-collage.has-expanded .service-panel:not(.is-expanded) h3 { font-size:21px; }
.service-collage .service-panel:last-child h3 br { display:initial; }
html[lang="ms"] .service-collage h3 { font-size:24px; }
html[lang="ms"] .service-collage.has-expanded .service-panel:not(.is-expanded) h3 { font-size:19px; }
@media(max-width:1000px){
 .service-content { padding:24px; }
 .service-collage .service-panel { min-height:610px; }
 .service-collage h3 { font-size:23px; }
 .service-collage.is-interactive .is-expanded { flex-grow:3.5; }
 .service-collage.has-expanded .service-panel:not(.is-expanded) h3 { font-size:18px; }
}
@media(max-width:700px){
 .service-collage { flex-direction:column; gap:12px; }
 .service-collage .service-panel { flex:none; min-height:200px; transition:min-height .5s ease; }
 .service-collage .service-content { padding:24px; }
 .service-collage.has-expanded .service-panel:not(.is-expanded) .service-content { padding:24px; }
 .service-collage h3,.service-collage.has-expanded .service-panel:not(.is-expanded) h3 { font-size:25px; }
 .service-collage.is-interactive .is-expanded { flex-grow:0; min-height:490px; }
 .service-collage .service-toggle { min-height:44px; }
 html[lang="ms"] .service-collage .service-panel.is-expanded { min-height:570px; }
 html[lang="ms"] .service-collage.has-expanded .service-panel:not(.is-expanded) h3 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce){
 .service-collage .service-panel,.service-image,.service-details,.expand-symbol { transition:none!important; }
 .service-collage .is-expanded .service-image { transform:none; }
}

/* Photo crops keep faces visible; the lower scrim protects service copy. */
.service-image img { object-position:50% 30%; }
.service-panel::after { background:linear-gradient(180deg,rgba(18,18,18,.02) 10%,rgba(18,18,18,.24) 38%,rgba(18,18,18,.93) 100%); }
.service-panel.is-expanded::after { background:linear-gradient(180deg,rgba(18,18,18,.04) 5%,rgba(18,18,18,.68) 44%,rgba(18,18,18,.96) 100%); }
@media(max-width:700px){ .service-image img { object-position:50% 27%; } }

@media(min-width:701px) and (max-width:1000px){ .service-collage.is-interactive .is-expanded { flex-grow:2; } }

/* Antree's orange and forest-green identity. Dark text on orange stays readable. */
.button, .nav-cta { background:var(--primary); color:var(--secondary)!important; }
.button:hover, .nav-cta:hover { background:var(--primary-hover); }
.hero h1 > span { color:var(--primary); }
.green-dot { background:var(--primary); box-shadow:none; }
.approach-section { background:var(--secondary); }
.approach-section h2 span, .principles article > span { color:var(--primary); }
.chat.reply, .orbit-core { background:var(--primary); color:var(--secondary); }
.chart span:nth-child(even) { background:var(--secondary); }
.chart span:last-child { background:var(--primary); }
.footer-wordmark span { color:var(--link); }
:focus-visible { outline:2px solid var(--link); outline-offset:4px; }
input:focus, select:focus, textarea:focus { outline-color:var(--link); }
.brand, .brand img { width:76px; height:64px; }
.platform-names { gap:22px; flex-wrap:wrap; }
.platform-names > span { display:inline-flex; align-items:center; gap:9px; white-space:nowrap; font-size:18px; color:var(--secondary); }
.platform-names > .secondary-platform { font-size:16px; color:var(--secondary); }
.platform-logo { width:26px; height:26px; object-fit:contain; flex-shrink:0; }
.platform-logo-rednote { width:38px; }
@media(max-width:1000px) {
  .platforms { flex-direction:column; align-items:flex-start; gap:22px; }
  .platform-names { width:100%; justify-content:flex-start; gap:20px 30px; }
}
@media(max-width:700px) {
  .brand, .brand img { width:62px; height:52px; }
  .platform-names { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 14px; }
  .platform-names > span, .platform-names > .secondary-platform { font-size:15px; gap:8px; }
  .platform-logo { width:24px; height:24px; }
  .platform-logo-rednote { width:34px; }
}