/* ==========================================================
   Ariventa: shared styles
   ========================================================== */
:root{
  --white:#FFFFFF;
  --paper:#FDFCFA;
  --mist:#F6F1EA;
  --mist-2:#F0E9DF;
  --line:#E9E0D3;
  --ink:#201A16;
  --ink-soft:#5B5049;
  --orange:#FF5A1F;      /* decorative only */
  --cta:#C63A0E;         /* 5.2:1 with white text */
  --cta-hover:#A5300A;
  --brand-text:#B8360B;  /* 5.7:1 on paper */
  --amber:#FFB020;
  --ember:#D42E12;
  --night:#1A1512;
  --ok:#276B41;
  --ok-bg:#EAF4EC;
  --maxw:1240px;
  --head:'Sora','Segoe UI',system-ui,sans-serif;
  --body:'Instrument Sans','Segoe UI',system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:90px;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3,h4,h5{font-family:var(--head);margin:0;font-weight:600;letter-spacing:-0.02em;line-height:1.18;}
p{margin:0;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;margin:0;padding:0;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}
:focus-visible{outline:2px solid var(--cta);outline-offset:3px;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;z-index:300;border-radius:6px;}
.skip:focus{top:12px;}
.visually-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* placeholders the owner must replace before launch */
.ph{background:#FFF3E6;box-shadow:inset 0 0 0 1px #F2B98D;border-radius:3px;padding:0 4px;color:#7A2A08;}
.on-dark .ph,footer.site .ph,.case .ph{background:rgba(255,176,32,.12);box-shadow:inset 0 0 0 1px rgba(255,176,32,.45);color:#FFD89A;}

/* ---------- icons ---------- */
.ic{width:1em;height:1em;display:inline-block;vertical-align:middle;flex-shrink:0;}
.tile{
  --s:48px;width:var(--s);height:var(--s);flex-shrink:0;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--cta);font-size:calc(var(--s) * .5);
  background:linear-gradient(150deg,#FFF6EE 0%,#FFE6D3 100%);
  box-shadow:inset 0 0 0 1px rgba(198,58,14,.14), inset 0 1px 0 #fff, 0 6px 16px -10px rgba(198,58,14,.55);
}
.tile.sm{--s:32px;border-radius:9px;}
.tile.xs{--s:26px;border-radius:7px;}
.tile.dark{color:var(--amber);background:linear-gradient(150deg,#3A2E26,#241C17);box-shadow:inset 0 0 0 1px rgba(255,176,32,.22), inset 0 1px 0 rgba(255,255,255,.06);}

/* ---------- section label ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--brand-text);margin-bottom:16px;}
.eyebrow .tile{--s:30px;border-radius:8px;}
.on-dark .eyebrow{color:var(--amber);}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:15px;padding:14px 26px;border:1.5px solid transparent;line-height:1.2;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);}
.btn .ic{font-size:18px;}
.btn-primary{background:var(--cta);color:#fff;}
.btn-primary:hover{background:var(--cta-hover);transform:translateY(-1px);}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:var(--cta);}
.btn-line{border-color:var(--ink);color:var(--ink);clip-path:none;background:transparent;}
.btn-line:hover{border-color:var(--cta);color:var(--cta);}
.btn-amber{background:var(--amber);color:var(--ink);}
.btn-amber:hover{background:#FFC24D;}
.btn-line-light{border-color:rgba(255,255,255,.4);color:#fff;clip-path:none;}
.btn-line-light:hover{border-color:var(--amber);color:var(--amber);}
.text-link{font-weight:600;color:var(--brand-text);border-bottom:1.5px solid rgba(184,54,11,.3);padding-bottom:2px;transition:border-color .2s ease;}
.text-link:hover{border-color:var(--brand-text);}

/* ---------- header ---------- */
header.site{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(253,252,250,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease;}
header.site.scrolled{border-color:var(--line);box-shadow:0 8px 30px -20px rgba(32,26,22,.25);}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px;}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.brand img{height:1.15em;width:auto;max-width:none;object-fit:contain;display:block;font-size:20px;}
.brand span{font-family:var(--head);font-weight:700;font-size:20px;letter-spacing:-0.03em;}
.nav-links{display:flex;align-items:center;gap:30px;}
.nav-links a{font-size:15px;font-weight:500;color:var(--ink-soft);position:relative;padding:6px 0;transition:color .2s ease;}
.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--cta);transition:width .25s ease;}
.nav-links a:hover{color:var(--ink);}
.nav-links a:hover::after{width:100%;}
.nav-drop{position:relative;}
.nav-drop-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none;line-height:1.6;padding:6px 0;margin:0;font:inherit;font-size:15px;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:color .2s ease;}
.nav-drop-btn:hover,.nav-drop-btn[aria-expanded="true"]{color:var(--ink);}
.nav-drop-btn .chev{width:12px;height:12px;flex-shrink:0;transition:transform .2s ease;}
.nav-drop-btn[aria-expanded="true"] .chev{transform:rotate(180deg);}
.nav-drop-menu{position:absolute;top:calc(100% + 18px);border-radius:16px;left:50%;transform:translate(-50%,-6px);width:380px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 48px -20px rgba(32,26,22,.35);padding:10px;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:110;}
.nav-drop.open .nav-drop-menu{opacity:1;visibility:visible;transform:translate(-50%,0);}
.nav-drop-menu::before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px;}
.nav-drop-label{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-text);padding:6px 12px 8px;}
.nav-links .nav-drop-item{display:flex;align-items:center;gap:14px;padding:12px;color:var(--ink);font-size:15px;line-height:1.3;border-radius:12px;border:1px solid var(--line);background:linear-gradient(150deg,#FFFBF7,#FFF3EA);transition:border-color .2s ease,background .2s ease,transform .2s ease;}
.nav-links .nav-drop-item:hover{border-color:rgba(198,58,14,.35);background:linear-gradient(150deg,#FFF6EE,#FFE9DA);transform:translateY(-1px);}
.nav-drop-item .tile{--s:44px;}
.nav-drop-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
.nav-drop-text small{font-size:13px;font-weight:400;color:var(--ink-soft);line-height:1.45;}
.nav-drop-go{width:16px;height:16px;flex-shrink:0;color:var(--brand-text);transition:transform .2s ease;}
.nav-drop-item:hover .nav-drop-go{transform:translate(2px,-2px);}
.nav-links .nav-drop-item::after{display:none;}
.nav-drop-item strong{font-weight:600;}
.mobile-menu .mm-label{display:block;font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-text);margin-bottom:2px;}
.nav-right{display:flex;align-items:center;gap:12px;}
.nav-right .btn{padding:11px 18px;font-size:14px;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);}
.burger{display:none;background:none;border:none;padding:10px;margin-right:-10px;}
.burger span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;transition:transform .25s ease,opacity .25s ease;}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{position:fixed;inset:0;background:var(--paper);z-index:99;padding:100px 24px 40px;display:none;overflow:auto;}
.mobile-menu.open{display:block;}
.mobile-menu ul{display:flex;flex-direction:column;}
.mobile-menu li a{display:flex;align-items:center;gap:14px;font-family:var(--head);font-size:22px;font-weight:600;padding:14px 0;border-bottom:1px solid var(--line);}
.mobile-menu .btn{width:100%;margin-top:28px;}

/* ---------- sections ---------- */
main section{padding:96px 0;position:relative;}
main .hero + section{padding-top:24px;}
.alt{background:var(--mist);}
.section-head{max-width:680px;margin-bottom:48px;}
.section-head h2{font-size:clamp(28px,3.4vw,42px);}
.section-head p{margin-top:16px;font-size:17.5px;color:var(--ink-soft);line-height:1.65;}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto;}
.on-dark{background:var(--night);color:#fff;}
.on-dark .section-head p{color:#C9BFB4;}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* ---------- hero (home) ---------- */
.hero{padding:140px 0 24px;overflow:hidden;
  background:radial-gradient(ellipse 900px 520px at 85% -5%,rgba(255,176,32,.13),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 40%,rgba(212,46,18,.07),transparent 55%);}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;}
.hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.08;letter-spacing:-0.035em;max-width:620px;}
.hero .lede{margin-top:22px;font-size:18.5px;color:var(--ink-soft);line-height:1.65;max-width:560px;}
.hero-actions{display:flex;align-items:center;gap:14px;margin-top:32px;flex-wrap:wrap;}
.hero-proof{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 36px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line);max-width:560px;}
.hero-proof strong{display:block;font-family:var(--head);font-size:26px;font-weight:600;letter-spacing:-0.02em;}
.hero-proof span{font-size:14px;color:var(--ink-soft);}

/* hero: the project line, one station per service, ending at "Business, live" */
.hero-visual{position:relative;width:100%;max-width:580px;justify-self:end;}
.hero-visual svg.hl{width:100%;height:auto;display:block;overflow:visible;}
.hl-track{fill:none;stroke:#E8DCCD;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;}
.hl-prog{fill:none;stroke:var(--orange);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;}
.hl-stn circle.o{fill:#fff;stroke:#D9C8B5;stroke-width:3;transition:stroke .3s ease;}
.hl-stn circle.i{fill:#D9C8B5;transition:fill .3s ease;}
.hl-stn.on circle.o{stroke:var(--cta);}
.hl-stn.on circle.i{fill:var(--cta);}
.hl-card{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;}
.hl-stn.on .hl-card{opacity:1;transform:none;}
.hl-card rect.c{fill:#fff;stroke:var(--line);filter:drop-shadow(0 10px 14px rgba(32,26,22,.06));}
.hl-card rect.t{fill:#FFF1E6;}
.hl-card use{color:var(--cta);}
.hl-name{font-family:var(--head);font-size:12.5px;font-weight:600;fill:var(--ink);}
.hl-sub{font-family:var(--body);font-size:11px;fill:#7A6E66;}
.hl-term{font-family:var(--head);font-size:12px;font-weight:600;fill:#7A6E66;}
.hl-train{fill:var(--night);}
.hl-end rect{fill:var(--night);transition:fill .4s ease;}
.hl-end text{font-family:var(--head);font-size:12.5px;font-weight:600;fill:#fff;}
.hl-end.on rect{fill:var(--cta);}

/* ---------- trust bar ---------- */
.trust{padding:36px 0 40px !important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.trust-inner{display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:space-between;}
.trust p{font-size:14.5px;color:var(--ink-soft);max-width:240px;}
.logo-row{display:flex;gap:14px;flex-wrap:wrap;flex:1;justify-content:flex-end;}
.logo-slot{width:128px;height:48px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9A8B7E;border:1px dashed #E0CDB8;border-radius:6px;background:#FFFBF6;}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;width:100%;}
.badge{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:8px 14px 8px 8px;border:1px solid var(--line);background:#fff;border-radius:999px;}
.badge .tile{--s:28px;border-radius:50%;}

/* ---------- services ---------- */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.service-card{background:var(--paper);padding:34px 30px;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:background .3s ease;}
.service-card:hover{background:#fff;}
.service-card::before{content:'';position:absolute;top:-1px;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--amber),var(--orange),var(--ember));transition:width .35s ease;}
.service-card:hover::before{width:100%;}
.service-card .tile{margin-bottom:22px;}
.service-card h3{font-size:20px;margin-bottom:10px;}
.service-card p{font-size:15.5px;color:var(--ink-soft);line-height:1.6;}
.service-card .chips{margin-top:18px;}
.service-card .tile-pair{display:flex;gap:10px;margin-bottom:22px;}
.service-card .tile-pair .tile{margin-bottom:0;}
.service-card .card-links{margin-top:auto;padding-top:22px;display:flex;flex-wrap:wrap;gap:10px 24px;}
.service-card .card-links .text-link{margin-top:0;padding-top:0;}
.service-card .text-link{margin-top:auto;padding-top:22px;border-bottom:none;}
.service-card .text-link span{border-bottom:1.5px solid rgba(184,54,11,.3);padding-bottom:2px;}
.service-card.dark{background:var(--ink);color:#fff;justify-content:center;}
@supports (grid-template-rows:subgrid){
  .service-card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start;justify-items:start;}
  .service-card > .text-link,.service-card > .card-links{align-self:end;}
  .service-card .chips{align-self:start;}
  .service-card.dark{display:flex;}
}
.service-card.dark .dark-inner{display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:100%;}
.service-card.dark .dark-inner > div{flex:0 0 auto;}
.service-card.dark .dark-inner .tile{margin-bottom:0;}
.service-card.dark .dark-inner .btn{margin-top:6px;flex-shrink:0;}
@media (max-width:760px){ .service-card.dark .dark-inner{flex-direction:column;align-items:flex-start;gap:18px;} }
.plan .price.quote{font-size:24px;}
.service-card.dark p{color:#C9BFB4;}
.service-card.dark .btn{margin-top:22px;}
.chips{display:flex;flex-wrap:wrap;gap:7px;}
.chip{font-size:13px;font-weight:500;padding:5px 11px;border:1px solid var(--line);background:var(--mist);color:var(--ink);border-radius:999px;}
.on-dark .chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#E8DFD6;}

/* ---------- case studies ---------- */
.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.case{background:linear-gradient(170deg,#261F1A,#1E1814);border:1px solid rgba(255,255,255,.08);padding:30px;display:flex;flex-direction:column;border-radius:4px;}
.case.featured{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:40px;}
.case-top{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:14px;color:#C9BFB4;}
.case h3{font-size:21px;line-height:1.3;color:#fff;}
.case.featured h3{font-size:clamp(24px,2.6vw,32px);}
.case dl{margin:20px 0 0;display:grid;gap:14px;}
.case:not(.featured) .results{margin-top:auto;}
.case:not(.featured) dl{margin-bottom:24px;}
.case dt{font-size:13px;font-weight:600;color:var(--amber);margin-bottom:3px;}
.case dd{margin:0;font-size:15px;color:#D8CFC5;line-height:1.6;}
.case .chips{margin-top:22px;}
.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);margin-top:22px;align-self:start;}
.case.featured .results{margin-top:0;}
.result{background:#221B16;padding:18px 18px 20px;}
.result strong{display:block;font-family:var(--head);font-size:30px;font-weight:600;letter-spacing:-0.02em;color:#fff;}
.result span{font-size:13.5px;color:#B7ADA3;line-height:1.45;display:block;margin-top:4px;}
.case .case-cta{padding-top:22px;}
.case .case-cta a{color:var(--amber);font-weight:600;font-size:15px;border-bottom:1.5px solid rgba(255,176,32,.35);padding-bottom:2px;}
.cases-note{margin-top:26px;font-size:14px;color:#9E948B;}

/* ---------- about + team ---------- */
.about-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;}
.about-visual{position:relative;aspect-ratio:4/5;background:linear-gradient(155deg,#241d18,#1a1512);clip-path:polygon(0 0,100% 0,100% 100%,12% 100%,0 90%);}
.build-anim{width:100%;height:100%;display:block;}
.about-copy h2{font-size:clamp(28px,3.2vw,40px);margin-bottom:22px;}
.about-copy p{font-size:17px;color:var(--ink-soft);line-height:1.75;margin-bottom:16px;}
.check-list{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;}
.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;font-weight:500;}
.check-list .ic{font-size:21px;color:var(--cta);margin-top:1px;}
.team{margin-top:80px;}
.team-head{margin-bottom:28px;}
.team-head h3{font-size:clamp(22px,2.4vw,28px);}
.team-head p{color:var(--ink-soft);margin-top:8px;}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.person{background:#fff;border:1px solid var(--line);padding:22px;display:flex;gap:16px;align-items:center;}
.avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0;overflow:hidden;background:linear-gradient(150deg,#FFE9D6,#F6C9A6);display:flex;align-items:center;justify-content:center;color:var(--cta);font-family:var(--head);font-weight:600;font-size:20px;}
.avatar img{width:100%;height:100%;object-fit:cover;}
.person h4{font-size:16.5px;}
.person p{font-size:14px;color:var(--ink-soft);}
.person a{margin-left:auto;color:#6F635B;font-size:20px;padding:6px;}
.person a:hover{color:#0A66C2;}

/* ---------- process ---------- */
.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:step;position:relative;}
.process-list::before{content:'';position:absolute;top:23px;left:24px;right:calc((100% - 84px) / 4);height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px);}
.process-item{position:relative;}
.process-item .tile{position:relative;background:linear-gradient(150deg,#FFF6EE,#FFE6D3);}
.process-step{display:block;font-size:13.5px;font-weight:600;color:var(--brand-text);margin:18px 0 6px;}
.process-item h3{font-size:19px;margin-bottom:8px;}
.process-item p{font-size:15px;color:var(--ink-soft);line-height:1.6;}

/* ---------- engagement models ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;}
.plan{background:#fff;border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;}
.plan.pop{border-color:var(--ink);box-shadow:0 30px 60px -40px rgba(32,26,22,.45);}
.plan-top{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.plan h3{font-size:19px;}
.plan .price{font-family:var(--head);font-size:28px;font-weight:600;letter-spacing:-0.02em;}
.plan .price small{font-family:var(--body);font-size:14px;font-weight:500;color:var(--ink-soft);letter-spacing:0;}
.plan .plan-desc{color:var(--ink-soft);font-size:15px;margin-top:8px;}
.plan ul{margin:22px 0 26px;display:grid;gap:10px;}
.plan li{display:flex;gap:10px;font-size:15px;align-items:flex-start;}
.plan li .ic{font-size:19px;color:var(--cta);margin-top:2px;}
.plan .btn{margin-top:auto;width:100%;}
.plans-note{margin-top:22px;font-size:14px;color:var(--ink-soft);text-align:center;}

/* ---------- stack ---------- */
.stack-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.stack-card{background:#fff;border:1px solid var(--line);padding:22px 24px;}
.stack-card summary{list-style:none;display:flex;align-items:center;gap:12px;font-family:var(--head);font-weight:600;font-size:16px;cursor:default;}
.stack-card summary::-webkit-details-marker{display:none;}
.stack-card .chips{margin-top:16px;}

/* ---------- testimonials ---------- */
.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.quote-card{margin:0;background:#fff;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;}
.quote-card .tile{margin-bottom:18px;}
.quote-card blockquote{margin:0 0 24px;font-size:16.5px;line-height:1.65;}
.quote-person{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);}
.quote-person .avatar{width:44px;height:44px;font-size:15px;}
.quote-person strong{display:block;font-size:15px;}
.quote-person span{font-size:13.5px;color:var(--ink-soft);}

/* ---------- lead magnet ---------- */
.magnet{background:linear-gradient(120deg,#241d18,#1a1512 60%);color:#fff;overflow:hidden;}
.magnet-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center;position:relative;}
.magnet h2{font-size:clamp(28px,3.4vw,40px);}
.magnet p.lead{color:#C9BFB4;margin-top:16px;font-size:17px;max-width:540px;}
.magnet .hero-actions{margin-top:28px;}
.magnet-list{display:grid;gap:12px;}
.magnet-list li{display:flex;gap:14px;align-items:center;padding:16px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);font-size:15.5px;color:#E8DFD6;}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start;}
.contact-info h2{font-size:clamp(28px,3.2vw,38px);margin-bottom:18px;}
.contact-info > p{color:var(--ink-soft);font-size:17px;line-height:1.7;margin-bottom:28px;}
.info-row{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line);align-items:center;}
.info-row:last-of-type{border-bottom:1px solid var(--line);}
.info-row h3{font-size:14px;font-family:var(--body);font-weight:600;color:var(--ink-soft);letter-spacing:0;margin-bottom:2px;}
.info-row p,.info-row a{font-size:16px;color:var(--ink);font-weight:500;}
.info-row a:hover{color:var(--cta);}
.quick-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;}
.quick-actions .btn{padding:12px 18px;font-size:14.5px;}
form.contact-form{background:#fff;border:1px solid var(--line);padding:36px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
.field{display:flex;flex-direction:column;gap:7px;min-width:0;}
.field.full{grid-column:1/-1;}
.field label{font-size:14px;font-weight:600;color:var(--ink);}
.field label .opt{font-weight:400;color:var(--ink-soft);}
.field input,.field select,.field textarea{width:100%;border:1px solid #DCD0C1;background:var(--paper);padding:12px 14px;font-family:inherit;font-size:15.5px;color:var(--ink);border-radius:0;transition:border-color .2s ease,box-shadow .2s ease;}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%235B5049' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--cta);box-shadow:0 0 0 3px rgba(198,58,14,.12);}
.field textarea{resize:vertical;min-height:110px;}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-soft);margin:4px 0 20px;}
.consent input{margin-top:4px;width:17px;height:17px;accent-color:var(--cta);flex-shrink:0;}
.consent a{color:var(--brand-text);text-decoration:underline;}
.hp{position:absolute;left:-9999px;}
.contact-form .btn{width:100%;padding:16px;}
.form-note{font-size:14px;color:var(--ink-soft);margin-top:12px;min-height:22px;}
.form-note.ok{color:var(--ok);font-weight:500;}
.form-note.err{color:#A1260B;font-weight:500;}

/* ---------- footer ---------- */
footer.site{background:var(--night);color:#D8CFC5;padding:72px 0 30px;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.footer-brand img{height:1.15em;width:auto;max-width:none;object-fit:contain;display:block;font-size:19px;}
.footer-brand span{font-family:var(--head);font-weight:700;font-size:19px;color:#fff;letter-spacing:-0.03em;}
.footer-col p{font-size:14.5px;color:#B7ADA3;line-height:1.7;max-width:300px;}
.footer-col h2{font-family:var(--body);font-size:15px;color:#fff;font-weight:600;letter-spacing:0;margin-bottom:16px;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:14.5px;color:#B7ADA3;transition:color .2s ease;}
.footer-col a:hover{color:var(--amber);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;flex-wrap:wrap;}
.footer-bottom p{font-size:13.5px;color:#9E948B;}
.social-row{display:flex;gap:10px;}
.social-row a{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#D8CFC5;font-size:17px;border-radius:50%;transition:border-color .2s ease,color .2s ease;}
.social-row a:hover{border-color:var(--amber);color:var(--amber);}

/* ---------- floating WhatsApp, booking dialog, cookie bar ---------- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:90;width:56px;height:56px;border-radius:50%;background:#1F8F4E;color:#fff;display:none;align-items:center;justify-content:center;font-size:30px;box-shadow:0 12px 30px -10px rgba(0,0,0,.4);transition:transform .2s ease;}
.wa-float.show{display:flex;}
.wa-float:hover{transform:scale(1.06);}
dialog.booking{border:none;padding:0;width:min(960px,94vw);height:min(760px,90vh);background:#fff;}
dialog.booking::backdrop{background:rgba(26,21,18,.6);}
dialog.booking iframe{width:100%;height:calc(100% - 52px);border:0;display:block;}
.booking-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 18px;border-bottom:1px solid var(--line);font-weight:600;}
.booking-bar button{background:none;border:none;font-size:26px;line-height:1;padding:8px 12px;color:var(--ink);}
.cookie{position:fixed;left:20px;bottom:20px;z-index:95;max-width:420px;background:#fff;border:1px solid var(--line);padding:18px 20px;box-shadow:0 20px 50px -25px rgba(32,26,22,.45);display:none;}
.cookie.show{display:block;}
.cookie p{font-size:14px;color:var(--ink-soft);}
.cookie p a{color:var(--brand-text);text-decoration:underline;}
.cookie div{display:flex;gap:10px;margin-top:14px;}
.cookie .btn{padding:10px 16px;font-size:14px;}

/* ---------- inner pages ---------- */
.page-hero{padding:150px 0 64px;background:radial-gradient(ellipse 900px 460px at 90% -10%,rgba(255,176,32,.12),transparent 60%);border-bottom:1px solid var(--line);}
.crumbs{display:flex;gap:8px;font-size:14px;color:var(--ink-soft);margin-bottom:22px;flex-wrap:wrap;}
.crumbs a{color:var(--brand-text);}
.page-hero h1{font-size:clamp(34px,4.4vw,54px);letter-spacing:-0.035em;max-width:820px;line-height:1.1;}
.page-hero .lede{margin-top:20px;font-size:18.5px;color:var(--ink-soft);max-width:680px;}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;}
.page-hero .big-tile{--s:120px;border-radius:28px;font-size:60px;}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.feature{background:#fff;border:1px solid var(--line);padding:28px;}
.feature .tile{margin-bottom:18px;}
.feature h3{font-size:18px;margin-bottom:8px;}
.feature p{color:var(--ink-soft);font-size:15.5px;}
.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.problem{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;}
.problem > div{padding:22px 24px;}
.problem .p-top{display:flex;align-items:center;gap:10px;font-weight:600;border-bottom:1px solid var(--line);}
.problem .label{font-size:13px;font-weight:600;display:block;margin-bottom:4px;}
.problem .bad .label{color:var(--brand-text);}
.problem .good{background:#FBF8F3;border-top:1px solid var(--line);flex:1;}
.problem .good .label{color:var(--ok);}
.faq{max-width:820px;}
.faq details{border-top:1px solid var(--line);padding:4px 0;}
.faq details:last-child{border-bottom:1px solid var(--line);}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-family:var(--head);font-weight:600;font-size:18px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'';width:12px;height:12px;flex-shrink:0;border-right:2px solid var(--cta);border-bottom:2px solid var(--cta);transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s ease;}
.faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px);}
.faq details p{padding:0 0 20px;color:var(--ink-soft);font-size:16px;max-width:720px;}
.cta-simple{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;}
.cta-simple h2{font-size:clamp(26px,3vw,36px);max-width:620px;}
.cta-simple p{color:#C9BFB4;margin-top:12px;}
.legal{max-width:780px;}
.legal h2{font-size:24px;margin:44px 0 14px;}
.legal h3{font-size:18px;margin:26px 0 10px;}
.legal p,.legal li{color:#3E3530;font-size:16.5px;line-height:1.75;margin-bottom:12px;}
.legal ul{list-style:disc;padding-left:22px;}
.legal .notice{background:#FFF6EE;border:1px solid #F2C9A8;padding:16px 18px;font-size:15px;margin-bottom:28px;}
.link-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.link-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:16px;font-weight:600;transition:border-color .2s ease;}
.link-card:hover{border-color:var(--cta);}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .nav-links{gap:22px;}
  .nav-links a{font-size:14.5px;}
  .hero-grid{gap:36px;}
  .case.featured{grid-template-columns:1fr;gap:28px;}
}
@media (max-width:980px){
  .nav-links{display:none;}
  .burger{display:block;}
  .hero-grid,.about-grid,.contact-grid,.magnet-grid{grid-template-columns:1fr;gap:44px;}
  .hero-visual{justify-self:center;max-width:560px;}
  .service-grid,.cases,.quote-grid,.plans,.team-grid,.feature-grid,.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cases .case:last-child:nth-child(odd){grid-column:1/-1;}
  .stack-groups{grid-template-columns:repeat(2,minmax(0,1fr));}
  .process-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px;}
  .process-list::before{display:none;}
  .about-visual{max-width:380px;width:100%;margin:0 auto;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .trust-inner{flex-direction:column;align-items:flex-start;gap:20px;}
  .trust p{max-width:none;}
  .logo-row{justify-content:flex-start;}
  .page-hero-grid{grid-template-columns:1fr;}
  .page-hero .big-tile{display:none;}
  .link-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .wrap{padding:0 22px;}
  main section{padding:68px 0;}
  .hero{padding:112px 0 8px;}
  .nav{height:66px;}
  .nav-right .btn{display:none;}
  .service-grid,.cases,.quote-grid,.plans,.team-grid,.feature-grid,.problem-grid,.stack-groups,.process-list,.link-cards{grid-template-columns:1fr;}
  .case.featured{padding:28px;}
  .form-row{grid-template-columns:1fr;gap:18px;}
  form.contact-form{padding:26px 20px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .footer-grid .footer-col:first-child{grid-column:1/-1;}
  .check-list{grid-template-columns:1fr;}
  .stack-card summary{cursor:pointer;}
  .stack-card summary::after{content:'';margin-left:auto;width:9px;height:9px;border-right:2px solid var(--cta);border-bottom:2px solid var(--cta);transform:rotate(45deg);transition:transform .25s ease;}
  .stack-card[open] summary::after{transform:rotate(225deg);}
  .stack-card{padding:16px 18px;}
  .team{margin-top:56px;}
  .page-hero{padding:120px 0 48px;}
}
@media (max-width:480px){
  .wrap{padding:0 18px;}
  .hero h1{font-size:clamp(32px,9vw,40px);}
  .hero .lede{font-size:17px;}
  .hero-actions .btn{width:100%;}
  .hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  .hero-proof strong{font-size:22px;}
  .hero-proof span{font-size:13px;line-height:1.35;display:block;}
  .results{grid-template-columns:1fr 1fr;}
  .result strong{font-size:24px;}
  .person{padding:18px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .logo-slot{width:calc(50% - 7px);}
  .wa-float{right:14px;bottom:14px;width:52px;height:52px;}
  .cookie{left:12px;right:12px;bottom:12px;max-width:none;}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}

/* ---------- about: delivery animation ---------- */
.build-anim .mono{font-family:var(--mono);}
.ba-head{font-size:10.5px;fill:rgba(255,255,255,.55);}
.ba-rule{stroke:rgba(255,255,255,.08);stroke-width:1;}
.ba-ln{font-family:var(--mono);font-size:9px;fill:rgba(255,255,255,.22);text-anchor:end;}
.ba-bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .16s steps(6,end);}
.ba-bar.on{transform:scaleX(1);}
#baCode{transition:opacity .6s ease;}
#baCode.fade{opacity:0;}
.ba-cursor{fill:#FFB020;animation:baBlink 1s steps(1) infinite;}
@keyframes baBlink{50%{opacity:0;}}
.ba-pill rect{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.14);transition:fill .4s ease,stroke .4s ease;}
.ba-pill text{font-family:var(--mono);font-size:9.5px;fill:rgba(255,255,255,.7);text-anchor:middle;dominant-baseline:middle;}
.ba-pill .dot{fill:rgba(255,255,255,.4);transition:fill .4s ease;}
.ba-pill.busy .dot{fill:#FFB020;animation:baPulse 1.1s ease-in-out infinite;}
.ba-pill.live rect{fill:rgba(255,90,31,.14);stroke:rgba(255,90,31,.5);}
.ba-pill.live .dot{fill:#FF5A1F;}
@keyframes baPulse{50%{opacity:.25;}}
.ba-track{stroke:rgba(255,255,255,.12);stroke-width:2;}
.ba-progress{stroke:url(#baGrad);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.6,0,.2,1);}
.ba-stage circle{fill:#1f1914;stroke:rgba(255,255,255,.22);stroke-width:1.5;transition:fill .35s ease,stroke .35s ease;}
.ba-stage path{fill:none;stroke:#1f1914;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s ease .15s;}
.ba-stage text{font-family:var(--body);font-size:11px;fill:rgba(255,255,255,.5);text-anchor:middle;transition:fill .35s ease;}
.ba-stage.now circle{stroke:#FFB020;}
.ba-stage.now text{fill:#fff;}
.ba-stage.done circle{fill:#FF7A3D;stroke:#FF7A3D;}
.ba-stage.done path{opacity:1;}
.ba-stage.done text{fill:rgba(255,255,255,.85);}
.ba-status{font-family:var(--body);font-size:12.5px;fill:rgba(255,255,255,.8);transition:opacity .3s ease;}

/* mobile: swipeable case studies and quotes keep the page shorter */
@media (max-width:760px){
  .cases,.quote-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -22px;padding:0 22px 8px;scrollbar-width:none;}
  .cases::-webkit-scrollbar,.quote-grid::-webkit-scrollbar{display:none;}
  .cases .case,.quote-card{flex:0 0 86%;scroll-snap-align:start;}
  .cases .case.featured{flex-basis:92%;}
  .swipe-hint{display:block !important;}
  .section-head.center{text-align:left;}
  .form-row.pair{grid-template-columns:1fr 1fr;gap:12px;}
}
@media (max-width:480px){ .form-row.pair{grid-template-columns:1fr;} }
.swipe-hint{display:none;font-size:14px;color:inherit;opacity:.7;margin-top:14px;}
@media (max-width:480px){ .cases,.quote-grid{margin:0 -18px;padding:0 18px 8px;} }

/* ---------- footer partners ---------- */
.footer-partners{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.footer-partners h2{font-family:var(--body);font-size:15px;font-weight:600;color:#fff;letter-spacing:0;}
.partner-list{display:flex;flex-wrap:wrap;gap:12px;}
.partner{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:14px;color:#E8DFD6;}
.partner img{height:30px;width:auto;max-width:70px;object-fit:contain;background:#fff;border-radius:999px;padding:3px 8px;}
.partner .tile{--s:30px;border-radius:50%;}

/* ---------- about: smaller animation panel ---------- */
.about-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:72px;}
.about-visual{width:100%;max-width:340px;justify-self:center;}
@media (max-width:980px){ .about-grid{grid-template-columns:1fr;} .about-visual{max-width:300px;} }

@media (max-width:1200px){
  .footer-partners{flex-direction:column;align-items:flex-start;gap:16px;}
}
@media (max-width:480px){
  .partner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;}
  .partner{border-radius:22px;font-size:13px;padding-right:12px;width:100%;min-height:44px;}
}

/* ---------- service sections: deep-link targets ---------- */
.service-card{scroll-margin-top:10px;}
.svc-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none;scroll-margin-top:10px;}
.service-card:target,.service-card:has(> .svc-anchor:target){background:#fff;box-shadow:inset 0 0 0 2px rgba(198,58,14,.35);animation:svcFlash 1.6s ease 1;}
.service-card:target::before,.service-card:has(> .svc-anchor:target)::before{width:100%;}
@keyframes svcFlash{0%,30%{background:#FFF1E6;}100%{background:#fff;}}

/* ---------- footer: company identification ---------- */
.footer-col p.footer-cin{margin-top:14px;font-size:13.5px;color:#C9BFB4;letter-spacing:.01em;overflow-wrap:anywhere;}
.footer-cin span{display:inline-block;font-weight:600;color:#fff;margin-right:6px;}

/* ---------- legal pages ---------- */
.legal a{color:var(--brand-text);text-decoration:underline;text-underline-offset:2px;}
.legal strong{color:var(--ink);}
.legal .toc{background:#fff;border:1px solid var(--line);padding:20px 24px;margin:0 0 8px;}
.legal .toc p{font-weight:600;color:var(--ink);margin-bottom:8px;}
.legal .toc ol{list-style:decimal;padding-left:22px;columns:2;column-gap:32px;}
.legal .toc li{font-size:15px;margin-bottom:6px;break-inside:avoid;}
.legal h2{scroll-margin-top:10px;}
.legal .table-wrap{overflow-x:auto;margin:8px 0 18px;border:1px solid var(--line);background:#fff;-webkit-overflow-scrolling:touch;}
.legal table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px;}
.legal th,.legal td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line);line-height:1.55;color:#3E3530;}
.legal th{background:var(--mist);font-family:var(--body);font-weight:600;color:var(--ink);font-size:14px;}
.legal tr:last-child td{border-bottom:0;}
.legal code{font-family:var(--mono);font-size:13.5px;background:var(--mist);padding:1px 6px;border-radius:4px;overflow-wrap:anywhere;}
.legal .company-card{background:#fff;border:1px solid var(--line);padding:18px 22px;margin:8px 0 18px;}
.legal .company-card dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 20px;margin:0;font-size:15.5px;}
.legal .company-card dt{font-weight:600;color:var(--ink);}
.legal .company-card dd{margin:0;color:#3E3530;overflow-wrap:anywhere;}
@media (max-width:560px){
  .legal .toc ol{columns:1;}
  .legal .company-card dl{grid-template-columns:1fr;gap:2px;}
  .legal .company-card dd{margin-bottom:10px;}
  .legal p,.legal li{font-size:16px;}
}

/* mobile footer: Legal sits under Company instead of on its own row */
@media (max-width:760px){
  .footer-grid{grid-template-areas:"brand brand" "svc comp" "svc legal";row-gap:28px;}
  .footer-grid .footer-col:nth-child(1){grid-area:brand;}
  .footer-grid .footer-col:nth-child(2){grid-area:svc;}
  .footer-grid .footer-col:nth-child(3){grid-area:comp;}
  .footer-grid .footer-col:nth-child(4){grid-area:legal;}
}

/* legal tables stack into labelled cards on phones */
@media (max-width:600px){
  .legal .table-wrap{overflow:visible;border:0;background:none;}
  .legal table{min-width:0;}
  .legal thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .legal table,.legal tbody,.legal tr,.legal td{display:block;width:100%;}
  .legal tr{background:#fff;border:1px solid var(--line);margin-bottom:12px;padding:6px 0;}
  .legal td{border:0;padding:8px 16px;}
  .legal td::before{content:attr(data-label);display:block;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-text);margin-bottom:2px;}
  .legal td:first-child{font-weight:600;color:var(--ink);}
}