@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

:root{
  --font-heading:'Manrope', sans-serif;
  --font-body:'Manrope', sans-serif;

  --color-bg:#FBF6EC;
  --color-bg-soft:#F2E9D8;
  --color-surface:#FFFCF6;
  --color-surface-alt:#F6EFE1;
  --color-ink:#332B22;
  --color-ink-soft:#6B6153;
  --color-ink-faint:#9C9284;

  --color-primary:#E2704F;
  --color-primary-dark:#C25A3B;
  --color-secondary:#6F8F6A;
  --color-secondary-dark:#4F6B4B;
  --color-accent:#E7B34E;
  --color-accent-dark:#C7952E;

  --color-line:#E7DAC4;

  --radius-xs:12px;
  --radius-sm:18px;
  --radius-md:28px;
  --radius-lg:40px;
  --radius-xl:56px;
  --radius-pill:999px;

  --shadow-clay-out-sm:4px 4px 12px rgba(60,40,20,.10), -4px -4px 10px rgba(255,255,255,.8);
  --shadow-clay-out:10px 12px 28px rgba(60,40,20,.13), -8px -8px 20px rgba(255,255,255,.85);
  --shadow-clay-out-lg:18px 22px 44px rgba(60,40,20,.16), -12px -12px 28px rgba(255,255,255,.8);
  --shadow-clay-in:inset 5px 5px 12px rgba(60,40,20,.10), inset -5px -5px 10px rgba(255,255,255,.75);

  --space-section:clamp(4rem, 9vw, 7.5rem);
  --space-card:clamp(1.25rem, 3vw, 2rem);

  --ease-clay:cubic-bezier(.22,1,.36,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  background:var(--color-bg);
  color:var(--color-ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%; display:block; height:auto;}
a{color:inherit; text-decoration:none;}
ul{margin:0; padding:0;}
button{font-family:inherit; cursor:pointer;}
.body-menu-open{overflow:hidden;}

.text-display{
  font-family:var(--font-heading);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-0.02em;
  color:var(--color-ink);
  margin:0;
}
.text-body{font-size:clamp(1rem,1.1vw,1.08rem); color:var(--color-ink-soft); margin:0 0 1rem;}
.text-body:last-child{margin-bottom:0;}
.text-caption{font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; color:var(--color-ink-faint); font-weight:700; margin:0;}

.space-section{padding-block:var(--space-section); position:relative;}
.space-card{padding:var(--space-card);}

.surface{background:var(--color-bg);}
.surface-bg-soft{background:var(--color-bg-soft);}
.surface-raised{
  background:var(--color-surface);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-clay-out);
  transition:transform .45s var(--ease-clay), box-shadow .45s var(--ease-clay);
}
.surface-raised:hover{transform:translateY(-4px); box-shadow:var(--shadow-clay-out-lg);}
.surface-inset{
  background:var(--color-surface-alt);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-clay-in);
  padding:var(--space-card);
}

.action-primary{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  background:linear-gradient(155deg, var(--color-primary), var(--color-primary-dark));
  color:#fff8f2;
  font-weight:700;
  font-size:.98rem;
  padding:.9rem 1.8rem;
  border-radius:var(--radius-pill);
  border:none;
  box-shadow:0 10px 24px color-mix(in srgb, var(--color-primary) 45%, transparent), var(--shadow-clay-out-sm);
  transition:transform .35s var(--ease-clay), box-shadow .35s var(--ease-clay), filter .35s var(--ease-clay);
  min-height:44px;
  white-space:nowrap;
}
.action-primary:hover{transform:translateY(-3px) scale(1.02); box-shadow:0 16px 32px color-mix(in srgb, var(--color-primary) 55%, transparent), var(--shadow-clay-out-sm); filter:brightness(1.04);}
.action-ghost{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  background:var(--color-surface);
  color:var(--color-ink);
  font-weight:700;
  font-size:.98rem;
  padding:.85rem 1.7rem;
  border-radius:var(--radius-pill);
  border:1.5px solid var(--color-line);
  box-shadow:var(--shadow-clay-out-sm);
  transition:transform .35s var(--ease-clay), box-shadow .35s var(--ease-clay), border-color .35s var(--ease-clay);
  min-height:44px;
}
.action-ghost:hover{transform:translateY(-3px); border-color:var(--color-primary); box-shadow:var(--shadow-clay-out);}


.nav-shell{
  position:fixed; inset-inline:0; inset-block-start:0; z-index:1000;
  padding-block:1.4rem;
  transition:background-color .5s var(--ease-clay), box-shadow .5s var(--ease-clay), padding-block .4s var(--ease-clay);
}
.nav-shell--solid{
  background:color-mix(in srgb, var(--color-bg) 94%, white);
  box-shadow:0 12px 30px rgba(60,40,20,.10);
  padding-block:.8rem;
}
.nav-inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  max-width:1320px;
  margin-inline:auto;
  padding-inline:clamp(1.25rem,4vw,3rem);
}
.nav-side{display:flex; align-items:center; gap:2rem;}
.nav-side-left{justify-self:start;}
.nav-side-right{justify-self:end;}
.nav-link{
  font-weight:600; font-size:.96rem; color:var(--color-ink);
  position:relative; padding-block:.3rem;
  transition:color .3s var(--ease-clay);
}
.nav-link::after{
  content:''; position:absolute; inset-block-end:0; inset-inline-start:0; height:2px; width:0;
  background:var(--color-primary); transition:width .35s var(--ease-clay);
}
.nav-link:hover{color:var(--color-primary-dark);}
.nav-link:hover::after, .nav-link.is-active::after{width:100%;}
.nav-cta{padding:.7rem 1.4rem; font-size:.92rem;}
.nav-logo{justify-self:center; display:flex; align-items:center; gap:.6rem;}
.nav-logo-text{font-family:var(--font-heading); font-weight:800; font-size:1.15rem; letter-spacing:-0.01em; color:var(--color-ink);}
.nav-burger{display:none; flex-direction:column; gap:5px; background:none; border:none; padding:.5rem; min-width:44px; min-height:44px; justify-content:center; align-items:center;}
.nav-burger span{display:block; width:24px; height:2.5px; border-radius:2px; background:var(--color-ink); transition:transform .35s var(--ease-clay), opacity .35s var(--ease-clay);}

.mobile-overlay{
  position:fixed; inset:0; z-index:2000;
  background:linear-gradient(160deg, var(--color-primary-dark), var(--color-secondary-dark));
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .45s var(--ease-clay), visibility .45s var(--ease-clay);
  display:flex; flex-direction:column;
}
.mobile-overlay.is-open{opacity:1; visibility:visible; pointer-events:auto;}
.mobile-overlay-top{display:flex; align-items:center; justify-content:space-between; padding:1.5rem clamp(1.25rem,5vw,3rem);}
.mobile-logo-text{color:#fff8f2;}
#mobileClose{background:rgba(255,255,255,.15); border:none; color:#fff8f2; width:44px; height:44px; border-radius:50%; font-size:1.1rem; display:flex; align-items:center; justify-content:center; transition:background .3s var(--ease-clay), transform .3s var(--ease-clay);}
#mobileClose:hover{background:rgba(255,255,255,.28); transform:rotate(90deg);}
.mobile-grid{
  flex:1; display:grid; grid-template-columns:1fr 1fr; gap:1.1rem;
  padding:1rem clamp(1.25rem,6vw,4rem) 3rem;
  align-content:center;
}
.mobile-item{
  background:rgba(255,255,255,.1);
  border-radius:var(--radius-md);
  padding:1.6rem 1rem;
  display:flex; flex-direction:column; align-items:center; gap:.7rem;
  color:#fff8f2; text-align:center; font-weight:700; font-size:.95rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);
  transition:background .35s var(--ease-clay), transform .35s var(--ease-clay);
}
.mobile-item i{font-size:1.5rem;}
.mobile-item:hover{background:rgba(255,255,255,.2); transform:translateY(-3px);}


.hero{position:relative; padding-block:clamp(7rem,14vw,10rem) clamp(4rem,8vw,6rem); overflow:hidden;}
.hero-blob{position:absolute; border-radius:50%; filter:blur(2px); opacity:.55; z-index:0;}
.hero-blob-1{width:420px; height:420px; background:color-mix(in srgb, var(--color-accent) 45%, var(--color-bg)); inset-inline-start:-140px; inset-block-start:-100px;}
.hero-blob-2{width:340px; height:340px; background:color-mix(in srgb, var(--color-secondary) 35%, var(--color-bg)); inset-inline-end:-100px; inset-block-end:-80px;}
.hero-inner{
  position:relative; z-index:1;
  max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4rem); align-items:center;
}
.hero-tag{
  display:inline-flex; align-items:center; gap:.5rem;
  background:var(--color-surface); padding:.5rem 1rem; border-radius:var(--radius-pill);
  font-size:.82rem; font-weight:700; color:var(--color-primary-dark);
  box-shadow:var(--shadow-clay-out-sm); margin-bottom:1.5rem;
}
.hero-title{font-size:clamp(2.6rem, 5.6vw, 4.4rem); margin-bottom:1.3rem;}
.hero-title-accent{color:var(--color-primary);}
.hero-lead{font-size:clamp(1.05rem,1.3vw,1.2rem); max-width:560px; margin-bottom:2rem;}
.hero-actions{display:flex; gap:1rem; flex-wrap:wrap;}
.hero-visual{position:relative;}
.hero-image-frame{padding:.7rem; border-radius:var(--radius-lg); overflow:hidden;}
.hero-image{border-radius:calc(var(--radius-lg) - .5rem); aspect-ratio:4/3.4; object-fit:cover; width:100%;}
.hero-float-card{
  position:absolute; display:flex; align-items:center; gap:.6rem;
  padding:.9rem 1.2rem; border-radius:var(--radius-md); font-weight:700; font-size:.88rem;
  background:var(--color-surface);
}
.hero-float-card i{color:var(--color-primary); font-size:1.1rem;}
.hero-float-card-1{inset-inline-start:-2rem; inset-block-end:1.5rem; box-shadow:0 12px 24px color-mix(in srgb, var(--color-primary) 25%, transparent), var(--shadow-clay-out-sm);}
.hero-float-card-2{inset-inline-end:-1.5rem; inset-block-start:1.5rem; box-shadow:0 12px 24px color-mix(in srgb, var(--color-secondary) 25%, transparent), var(--shadow-clay-out-sm);}

.page-hero{padding-block:clamp(7.5rem,14vw,10rem) clamp(3rem,6vw,4.5rem); background:linear-gradient(180deg, var(--color-bg-soft), var(--color-bg));}
.page-hero-inner{max-width:820px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); text-align:center;}
.page-hero-title{font-size:clamp(2.3rem,5vw,3.6rem); margin-block:1.2rem;}
.page-hero-lead{font-size:clamp(1.02rem,1.2vw,1.15rem); max-width:640px; margin-inline:auto;}


.wave-divider{display:block; line-height:0; margin-block:-1px;}
.wave-divider svg{width:100%; height:90px; display:block;}
.wave-divider-alt svg{height:70px;}


.intro-strip-inner{max-width:900px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); text-align:center;}
.intro-eyebrow{margin-bottom:.8rem;}
.intro-heading{font-size:clamp(1.9rem,4vw,2.7rem); margin-bottom:1.4rem;}
.intro-body{max-width:700px; margin-inline:auto; margin-bottom:1.1rem;}
.intro-closing{font-weight:700; color:var(--color-primary-dark); margin-block-start:1.5rem;}


.section-head{max-width:760px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); text-align:center; margin-bottom:clamp(2.5rem,5vw,4rem);}
.section-eyebrow{margin-bottom:.7rem;}
.section-heading{font-size:clamp(1.9rem,4vw,2.7rem);}
.section-closing{font-weight:700; color:var(--color-secondary-dark); margin-block-start:1rem;}


.steps-track{
  max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);
  display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;
}
.step-item{padding:var(--space-card); position:relative; text-align:start;}
.step-number{font-family:var(--font-heading); font-weight:800; font-size:2rem; color:color-mix(in srgb, var(--color-primary) 35%, var(--color-bg)); display:block; margin-bottom:.5rem;}
.step-icon{color:var(--color-primary); font-size:1.4rem; margin-bottom:.8rem; display:block;}
.step-title{font-weight:700; font-size:1.08rem; margin-bottom:.6rem;}
.step-text{font-size:.95rem;}
.steps-closing{text-align:center; max-width:1320px; margin:2.5rem auto 0; padding-inline:clamp(1.25rem,4vw,3rem); font-weight:600; color:var(--color-ink-soft);}


.info-section, .relocation-paperwork, .ecommerce-scenarios{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.info-grid{
  container-type:inline-size;
  display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;
}
@container (max-width: 780px){
  .info-grid{grid-template-columns:repeat(2,1fr);}
}
.info-block{padding:var(--space-card); text-align:start;}
.info-block-icon{
  width:56px; height:56px; border-radius:var(--radius-sm);
  display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:1rem;
  box-shadow:var(--shadow-clay-in);
}
.icon-primary{background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface)); color:var(--color-primary-dark);}
.icon-secondary{background:color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface)); color:var(--color-secondary-dark);}
.icon-accent{background:color-mix(in srgb, var(--color-accent) 22%, var(--color-surface)); color:var(--color-accent-dark);}
.info-block-title{font-weight:700; font-size:1.05rem; margin-bottom:.5rem;}
.info-block-text{font-size:.95rem;}
.info-closing, .paperwork-closing, .ecommerce-closing{text-align:center; max-width:1320px; margin:2.5rem auto 0; padding-inline:clamp(1.25rem,4vw,3rem); font-weight:600; color:var(--color-ink-soft);}


.tabs-section{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.tab-list{display:flex; gap:.9rem; flex-wrap:wrap; justify-content:center; margin-bottom:2.5rem;}
.tab-btn{
  display:flex; align-items:center; gap:.6rem;
  background:var(--color-surface); border:none; padding:.85rem 1.4rem;
  border-radius:var(--radius-pill); font-weight:700; font-size:.92rem; color:var(--color-ink-soft);
  box-shadow:var(--shadow-clay-out-sm); transition:all .35s var(--ease-clay); min-height:44px;
}
.tab-btn i{color:var(--color-primary);}
.tab-btn.is-active{background:linear-gradient(155deg, var(--color-primary), var(--color-primary-dark)); color:#fff8f2; box-shadow:0 10px 22px color-mix(in srgb, var(--color-primary) 40%, transparent);}
.tab-btn.is-active i{color:#fff8f2;}
.tab-btn:hover:not(.is-active){transform:translateY(-2px);}
.tab-panels{position:relative;}
.tab-panel{display:none; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,4vw,3.5rem); align-items:center; animation:fadeInPanel .5s var(--ease-clay);}
.tab-panel.is-active{display:grid;}
@keyframes fadeInPanel{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);}}
.tab-panel-media{padding:.6rem; border-radius:var(--radius-lg); overflow:hidden;}
.tab-panel-image{border-radius:calc(var(--radius-lg) - .4rem); aspect-ratio:4/3; object-fit:cover; width:100%;}
.tab-panel-title{font-weight:700; font-size:1.3rem; margin-bottom:.7rem;}
.tab-panel-text{margin-bottom:1rem;}
.tab-panel-list{list-style:none; display:flex; flex-direction:column; gap:.5rem; margin-bottom:1rem;}
.tab-panel-list li{position:relative; padding-inline-start:1.5rem; font-size:.96rem; color:var(--color-ink-soft);}
.tab-panel-list li::before{content:'\f00c'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; inset-inline-start:0; color:var(--color-secondary);}
.tab-panel-closing{font-weight:600; color:var(--color-ink-soft); font-size:.92rem;}


.areas-section{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.areas-lead{max-width:640px; margin-inline:auto;}
.areas-swiper{padding-bottom:3rem; position:relative;}
.area-card{padding:2rem 1.2rem; text-align:center;}
.area-card i{font-size:1.6rem; color:var(--color-primary); margin-bottom:.8rem; display:block;}
.area-card h3{font-weight:700; margin-bottom:.3rem;}
.swiper-pagination-bullet{background:var(--color-primary); opacity:.4;}
.swiper-pagination-bullet-active{opacity:1;}
.swiper-button-next, .swiper-button-prev{
  color:var(--color-primary); background:var(--color-surface); width:44px; height:44px;
  border-radius:50%; box-shadow:var(--shadow-clay-out-sm);
}
.swiper-button-next::after, .swiper-button-prev::after{font-size:1rem;}


.disclaimer-section{background:linear-gradient(180deg, var(--color-secondary-dark), color-mix(in srgb, var(--color-secondary-dark) 85%, black));}
.disclaimer-inner{max-width:1100px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); text-align:center;}
.disclaimer-eyebrow{color:color-mix(in srgb, var(--color-accent) 70%, white);}
.disclaimer-heading{color:#fff8f2; font-size:clamp(1.9rem,4vw,2.7rem); margin-block:1.2rem 2.5rem;}
.disclaimer-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.3rem; margin-bottom:2.5rem;}
.disclaimer-card{background:rgba(255,255,255,.08); box-shadow:none; text-align:start;}
.disclaimer-card i{font-size:1.4rem; color:var(--color-accent); margin-bottom:.8rem; display:block;}
.disclaimer-card p{color:rgba(255,248,242,.88); margin:0;}
.disclaimer-image{border-radius:var(--radius-lg); max-height:340px; width:100%; object-fit:cover; margin-bottom:1.5rem;}
.disclaimer-closing{color:rgba(255,248,242,.75); font-weight:600;}


.cta-banner{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.cta-banner-inner{
  display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap;
  padding:clamp(2rem,4vw,3rem); background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 25%, var(--color-surface)), var(--color-surface));
}
.cta-heading{font-size:clamp(1.6rem,3vw,2.2rem); margin-bottom:.7rem;}
.cta-text{margin:0; max-width:480px;}
.cta-action{flex-shrink:0;}


.site-footer{background:var(--color-ink); color:rgba(255,248,242,.85); margin-block-start:auto;}
.footer-inner{
  max-width:1320px; margin-inline:auto; padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem) 2.5rem;
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:2.5rem;
}
.footer-brand-text{color:rgba(255,248,242,.65); max-width:320px;}
.footer-col{display:flex; flex-direction:column; gap:.7rem;}
.footer-heading{color:rgba(255,248,242,.5); margin-bottom:.4rem;}
.footer-col a{color:rgba(255,248,242,.85); font-size:.95rem; transition:color .3s var(--ease-clay);}
.footer-col a:hover{color:var(--color-accent);}
.footer-col p{margin:0; font-size:.95rem; color:rgba(255,248,242,.85);}
.footer-col p a{color:rgba(255,248,242,.85);}
.footer-col p i{margin-inline-end:.4rem; color:var(--color-accent);}
.footer-bottom{border-top:1px solid rgba(255,248,242,.12); padding:1.3rem clamp(1.25rem,4vw,3rem); text-align:center;}
.footer-bottom p{color:rgba(255,248,242,.5);}

html, body{min-height:100%;}
body{display:flex; flex-direction:column; min-height:100vh;}
main{flex:1;}


.team-story-grid{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,4vw,3.5rem); align-items:center;}
.team-story-media{padding:.6rem; border-radius:var(--radius-lg); overflow:hidden;}
.team-story-image{border-radius:calc(var(--radius-lg) - .4rem); aspect-ratio:4/3.2; object-fit:cover; width:100%;}
.team-roles{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.team-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;}
.team-card{padding:1.6rem; text-align:center;}
.team-card-image{width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:var(--radius-md); margin-bottom:1rem;}
.team-card-icon{width:72px; height:72px; border-radius:50%; background:color-mix(in srgb, var(--color-primary) 15%, var(--color-surface)); color:var(--color-primary-dark); display:flex; align-items:center; justify-content:center; font-size:1.6rem; margin:0 auto 1rem;}
.team-card-name{font-weight:700; margin-bottom:.4rem;}
.team-card-role{font-size:.88rem;}
.team-roles-closing{text-align:center; max-width:1320px; margin:2.5rem auto 0; padding-inline:clamp(1.25rem,4vw,3rem); font-weight:600; color:var(--color-ink-soft);}
.team-values{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.team-values-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem;}
.team-values-card i{font-size:1.5rem; color:var(--color-primary); margin-bottom:.8rem; display:block;}
.team-values-card h3{font-weight:700; margin-bottom:.5rem;}
.values-closing{text-align:center; max-width:1320px; margin:2rem auto 0; padding-inline:clamp(1.25rem,4vw,3rem); font-weight:600; color:var(--color-ink-soft);}


.relocation-scenario-grid{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,4vw,3.5rem); align-items:center;}
.relocation-scenario-media{padding:.6rem; border-radius:var(--radius-lg); overflow:hidden;}
.relocation-scenario-image{border-radius:calc(var(--radius-lg) - .4rem); aspect-ratio:4/3.4; object-fit:cover; width:100%;}
.relocation-timeline{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.timeline-list{display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;}
.timeline-item{padding:var(--space-card);}
.timeline-tag{display:inline-block; background:color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface)); color:var(--color-secondary-dark); font-weight:700; font-size:.8rem; padding:.35rem .8rem; border-radius:var(--radius-pill); margin-bottom:.9rem;}
.timeline-closing{text-align:center; max-width:1320px; margin:2.5rem auto 0; padding-inline:clamp(1.25rem,4vw,3rem); font-weight:600; color:var(--color-ink-soft);}
.relocation-paperwork-lead{max-width:760px; margin-inline:auto;}


.ecommerce-context-grid{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,4vw,3.5rem); align-items:center;}
.ecommerce-context-media{padding:.6rem; border-radius:var(--radius-lg); overflow:hidden;}
.ecommerce-context-image{border-radius:calc(var(--radius-lg) - .4rem); aspect-ratio:4/3.2; object-fit:cover; width:100%;}
.ecommerce-invoicing{max-width:900px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem); text-align:center;}
.ecommerce-invoicing-lead{max-width:760px; margin-inline:auto;}
.ecommerce-invoicing-closing{font-weight:600; color:var(--color-ink-soft); margin-block-start:1rem;}


.contact-section{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.contact-grid{display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem,4vw,3rem); align-items:start;}
.contact-info-col{display:flex; flex-direction:column; gap:1.2rem;}
.contact-info-card{padding:1.4rem; display:flex; flex-direction:column; gap:.4rem;}
.contact-info-card i{color:var(--color-primary); font-size:1.2rem;}
.contact-info-card h3{font-weight:700; margin:0;}
.contact-street-image{border-radius:var(--radius-lg); aspect-ratio:4/3; object-fit:cover; width:100%; padding:.5rem;}
.contact-street-image img, .contact-street-image{object-fit:cover;}

.form-wizard{padding:clamp(1.8rem,4vw,2.6rem);}
.step-indicator{display:flex; align-items:center; justify-content:center; gap:1rem; margin-bottom:2.2rem;}
.step-dot{
  width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:var(--color-bg-soft); color:var(--color-ink-faint); font-weight:700;
  box-shadow:var(--shadow-clay-in); transition:all .35s var(--ease-clay);
}
.step-dot.is-active{background:linear-gradient(155deg, var(--color-primary), var(--color-primary-dark)); color:#fff8f2; box-shadow:0 8px 18px color-mix(in srgb, var(--color-primary) 40%, transparent);}
.step-dot.is-done{background:var(--color-secondary); color:#fff8f2;}
.form-step{display:none; animation:fadeInPanel .5s var(--ease-clay);}
.form-step.is-active{display:block;}
.form-step-title{font-weight:700; font-size:1.15rem; margin-bottom:1.4rem;}
.form-field{margin-bottom:1.3rem; display:flex; flex-direction:column; gap:.5rem;}
.form-field label{font-weight:600; font-size:.92rem; color:var(--color-ink);}
.form-field input, .form-field select, .form-field textarea{
  padding:.85rem 1.1rem; border-radius:var(--radius-sm); border:1.5px solid var(--color-line);
  background:var(--color-bg); font-family:inherit; font-size:.98rem; color:var(--color-ink);
  box-shadow:var(--shadow-clay-in); transition:border-color .3s var(--ease-clay), box-shadow .3s var(--ease-clay);
  min-height:44px;
}
.form-field textarea{min-height:120px; resize:vertical;}
.form-field input:focus, .form-field select:focus, .form-field textarea:focus{outline:none; border-color:var(--color-primary);}
.form-field:has(input:invalid:not(:placeholder-shown)) input,
.form-field:has(textarea:invalid:not(:placeholder-shown)) textarea{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-line));}
.form-field-checkbox{flex-direction:row; align-items:flex-start; gap:.8rem;}
.form-field-checkbox input{width:22px; height:22px; flex-shrink:0; min-height:auto; box-shadow:none;}
.form-field-checkbox label{font-weight:400; font-size:.92rem; color:var(--color-ink-soft);}
.form-actions{display:flex; justify-content:flex-end; gap:1rem; margin-top:1rem;}

.contact-map-section{max-width:1320px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.contact-map-frame{overflow:hidden; padding:.6rem; margin-bottom:2rem;}
.contact-map-frame iframe{border-radius:calc(var(--radius-lg) - .4rem); display:block;}
.accessibility-note{display:flex; gap:1.2rem; align-items:flex-start;}
.accessibility-note i{font-size:1.6rem; color:var(--color-secondary-dark); flex-shrink:0; margin-top:.2rem;}
.accessibility-note h3{font-weight:700; margin-bottom:.5rem;}


.thanks-section{display:flex; align-items:center; justify-content:center; padding-block:clamp(7rem,14vw,9rem) clamp(4rem,8vw,6rem);}
.thanks-card{max-width:560px; text-align:center; padding:clamp(2.5rem,5vw,3.5rem); margin-inline:1.25rem;}
.thanks-icon{font-size:3rem; color:var(--color-secondary); margin-bottom:1.2rem;}
.thanks-heading{font-size:clamp(1.8rem,4vw,2.4rem); margin-bottom:1rem;}
.thanks-countdown{font-weight:700; color:var(--color-primary-dark); margin-bottom:1.6rem;}


.legal-section{padding-block:clamp(7.5rem,12vw,9.5rem) var(--space-section);}
.legal-inner{max-width:780px; margin-inline:auto; padding-inline:clamp(1.25rem,4vw,3rem);}
.legal-updated{margin-bottom:.8rem;}
.legal-title{font-size:clamp(2.2rem,4.5vw,3.2rem); margin-bottom:1.8rem;}
.legal-heading{font-size:clamp(1.35rem,2.5vw,1.7rem); margin-block:2.2rem 1rem;}
.definition-aside{
  background:var(--color-bg-soft); border-radius:var(--radius-md); padding:1.3rem 1.5rem;
  margin-block:1.2rem 1.5rem; box-shadow:var(--shadow-clay-in);
  border-inline-start:4px solid var(--color-accent);
}
.definition-label{display:block; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--color-accent-dark); font-weight:700; margin-bottom:.4rem;}
.definition-aside strong{display:block; font-family:var(--font-heading); font-size:1.02rem; margin-bottom:.4rem;}
.definition-aside p{margin:0; font-size:.92rem; color:var(--color-ink-soft);}


.cookie-bell{position:fixed; inset-block-end:1.5rem; inset-inline-end:1.5rem; z-index:3000;}
.cookie-bell-btn{
  width:58px; height:58px; border-radius:50%; border:none;
  background:var(--color-surface); color:var(--color-ink); font-size:1.3rem;
  display:flex; align-items:center; justify-content:center; position:relative;
  box-shadow:var(--shadow-clay-out); transition:transform .35s var(--ease-clay), box-shadow .35s var(--ease-clay);
}
.cookie-bell-btn:hover{transform:scale(1.08); box-shadow:var(--shadow-clay-out-lg);}
.cookie-badge{
  position:absolute; inset-block-start:6px; inset-inline-end:6px; width:12px; height:12px;
  background:var(--color-primary); border-radius:50%; box-shadow:0 0 0 3px var(--color-surface);
}
.cookie-panel{
  position:fixed; inset-inline-end:1.5rem; inset-block-end:6rem; z-index:3000;
  width:min(340px, calc(100vw - 3rem));
  background:var(--color-surface); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-clay-out-lg); padding:1.6rem;
  transform:translateY(20px) scale(.96); opacity:0; visibility:hidden;
  transition:transform .4s var(--ease-clay), opacity .4s var(--ease-clay), visibility .4s var(--ease-clay);
}
.cookie-panel.is-open{transform:translateY(0) scale(1); opacity:1; visibility:visible;}
.cookie-panel-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:.8rem;}
.cookie-panel-head button{background:none; border:none; font-size:1.1rem; color:var(--color-ink-faint); min-width:32px; min-height:32px;}
.cookie-panel-text{margin-bottom:1rem; line-height:1.5;}
.cookie-panel-text a{color:var(--color-primary-dark); font-weight:700;}
.cookie-toggle-row{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:.7rem; border-top:1px solid var(--color-line);}
.cookie-toggle-label{display:flex; flex-direction:column; gap:.15rem;}
.cookie-toggle-label strong{font-size:.9rem;}
.cookie-toggle-label span{font-size:.78rem; color:var(--color-ink-faint);}
.cookie-toggle-row input{width:20px; height:20px; accent-color:var(--color-primary);}
.cookie-panel-actions{display:flex; gap:.8rem; margin-top:1.2rem;}
.cookie-panel-actions button{flex:1; padding:.7rem 1rem; font-size:.86rem;}


.reveal{opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease-clay), transform .8s var(--ease-clay);}
.reveal.is-visible{opacity:1; transform:translateY(0);}
.reveal-delay-1.is-visible{transition-delay:.08s;}
.reveal-delay-2.is-visible{transition-delay:.16s;}
.reveal-delay-3.is-visible{transition-delay:.24s;}
.reveal-delay-4.is-visible{transition-delay:.32s;}


@media (max-width:1080px){
  .hero-inner{grid-template-columns:1fr; text-align:center;}
  .hero-lead{margin-inline:auto;}
  .hero-actions{justify-content:center;}
  .hero-visual{max-width:520px; margin-inline:auto;}
  .steps-track{grid-template-columns:repeat(2,1fr);}
  .info-grid{grid-template-columns:repeat(2,1fr);}
  .disclaimer-grid{grid-template-columns:repeat(2,1fr);}
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .timeline-list{grid-template-columns:repeat(2,1fr);}
  .team-story-grid, .relocation-scenario-grid, .ecommerce-context-grid{grid-template-columns:1fr;}
  .tab-panel{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;}
}
@media (max-width:900px){
  .nav-side{display:none;}
  .nav-burger{display:flex;}
  .nav-inner{grid-template-columns:auto 1fr auto;}
}
@media (max-width:680px){
  .steps-track, .info-grid, .disclaimer-grid, .team-grid, .timeline-list, .team-values-grid{grid-template-columns:1fr;}
  .cta-banner-inner{flex-direction:column; text-align:center;}
  .footer-inner{grid-template-columns:1fr;}
  .hero-float-card{position:static; margin-block-start:1rem; display:inline-flex;}
  .hero-visual{display:flex; flex-direction:column; gap:.8rem;}
  .mobile-grid{grid-template-columns:1fr 1fr; gap:.9rem;}
}
@media (max-width:480px){
  .hero-title{font-size:clamp(2.1rem,9vw,2.6rem);}
  .cookie-panel{inset-inline-end:.75rem; inset-inline-start:.75rem; width:auto;}
  .cookie-bell{inset-inline-end:1rem;}
}