/* ===================================================================
   PAATHEYA — "Living Toy-World Diorama" design system
   Bespoke, built from scratch. Cobalt + warm orange clay on cream.
   Used by the public marketing site only (CRM/customer portal untouched).
   =================================================================== */

/* ---------- Tokens ---------- */
:root{
  --cream:        #FBF3E6;
  --cream-2:      #F5E8D3;
  --cream-deep:   #EFDCC0;
  --paper:        #FFFFFF;

  --cobalt:       #02379B;
  --cobalt-700:   #062C77;
  --cobalt-900:   #07204F;
  --cobalt-tint:  #E7EDFB;
  --cobalt-soft:  #C9D8F6;

  --orange:       #EE7533;
  --orange-deep:  #D65A19;
  --orange-tint:  #FCE6D6;

  --sun:          #F6B43C;
  --teal:         #29A89E;
  --rose:         #E8607A;

  --ink:          #16203F;
  --ink-2:        #46527A;
  --ink-3:        #7C86A6;

  --shadow-cobalt: 0 34px 70px -28px rgba(6,33,79,.42);
  --shadow-soft:   0 18px 40px -22px rgba(6,33,79,.30);
  --shadow-chip:   0 16px 34px -16px rgba(6,33,79,.30);

  --r-sm: 14px;
  --r-md: 22px;
  --r-lg: 32px;
  --r-xl: 44px;
  --r-pill: 999px;

  --maxw: 1240px;
  --ease-spring: cubic-bezier(.22,1.18,.36,1);
  --ease-out: cubic-bezier(.16,.84,.44,1);

  --font-display: "Fredoka", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--cream);
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
::selection{ background:var(--orange); color:#fff; }

/* Ambient living background: drifting soft color blobs + faint dot grid */
.pt-ambient{ position:fixed; inset:0; z-index:-2; overflow:hidden; pointer-events:none; }
.pt-ambient .blob{ position:absolute; border-radius:50%; filter:blur(60px); opacity:.5; }
.pt-ambient .b1{ width:520px;height:520px; background:var(--cobalt-soft); top:-140px; left:-120px; animation:drift 26s var(--ease-out) infinite alternate; }
.pt-ambient .b2{ width:460px;height:460px; background:var(--orange-tint); top:38%; right:-160px; animation:drift 32s var(--ease-out) infinite alternate-reverse; }
.pt-ambient .b3{ width:400px;height:400px; background:#FBE6B8; bottom:-160px; left:30%; animation:drift 30s var(--ease-out) infinite alternate; }
.pt-dotgrid{
  position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:radial-gradient(rgba(6,33,79,.06) 1.4px, transparent 1.4px);
  background-size:30px 30px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);
}
@keyframes drift{ from{ transform:translate(0,0) scale(1);} to{ transform:translate(60px,40px) scale(1.12);} }

/* ---------- Shell ---------- */
.wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(20px,5vw,48px); }
section{ position:relative; }

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; gap:.55em;
  font-family:var(--font-display); font-weight:600; font-size:1.02rem;
  padding:.85em 1.5em; border-radius:var(--r-pill); border:0;
  transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-out), background .25s;
  will-change:transform;
}
.btn .arr{ transition:transform .3s var(--ease-spring); }
.btn:hover .arr{ transform:translateX(4px); }
.btn:active{ transform:scale(.95); }
.btn-primary{ background:var(--orange); color:#fff; box-shadow:0 14px 26px -12px rgba(214,90,25,.75); }
.btn-primary:hover{ transform:translateY(-3px); box-shadow:0 22px 36px -14px rgba(214,90,25,.8); }
.btn-cobalt{ background:var(--cobalt); color:#fff; box-shadow:0 14px 26px -12px rgba(2,55,155,.6); }
.btn-cobalt:hover{ transform:translateY(-3px); box-shadow:0 22px 38px -14px rgba(2,55,155,.7); }
.btn-ghost{ background:transparent; color:var(--cobalt); box-shadow:inset 0 0 0 2px rgba(2,55,155,.22); }
.btn-ghost:hover{ background:#fff; transform:translateY(-3px); box-shadow:inset 0 0 0 2px rgba(2,55,155,.0), var(--shadow-soft); }

/* ---------- Eyebrow / headings ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--font-display); font-weight:600; letter-spacing:.04em;
  font-size:.82rem; text-transform:uppercase;
  color:var(--orange-deep); background:var(--orange-tint);
  padding:.45em 1em; border-radius:var(--r-pill);
}
.eyebrow.blue{ color:var(--cobalt); background:var(--cobalt-tint); }
.eyebrow .dot{ width:8px;height:8px;border-radius:50%; background:currentColor; animation:pulse 2s infinite; }
@keyframes pulse{ 0%,100%{ transform:scale(1); opacity:1;} 50%{ transform:scale(1.5); opacity:.5;} }

h1,h2,h3{ font-family:var(--font-display); font-weight:600; line-height:1.06; margin:0; color:var(--ink); }
.h-display{ font-size:clamp(2.5rem,6vw,4.6rem); letter-spacing:-.015em; line-height:1.16; }
.h-section{ font-size:clamp(2rem,4.4vw,3.1rem); letter-spacing:-.01em; }
.lede{ font-size:clamp(1.05rem,1.6vw,1.28rem); color:var(--ink-2); max-width:60ch; }
.tint-orange{ color:var(--orange); }
.tint-cobalt{ color:var(--cobalt); }
.handscribble{ position:relative; white-space:nowrap; }
.handscribble svg{ position:absolute; left:0; right:0; bottom:-.24em; width:100%; height:.3em; overflow:visible; }
.handscribble svg path{ stroke:var(--orange); stroke-width:7; fill:none; stroke-linecap:round;
  stroke-dasharray:600; stroke-dashoffset:600; transition:stroke-dashoffset 1.1s var(--ease-out) .3s; }
.reveal.in .handscribble svg path,.in .handscribble svg path{ stroke-dashoffset:0; }

.sec-head{ text-align:center; max-width:760px; margin:0 auto clamp(2.4rem,5vw,4rem); }
.sec-head .lede{ margin:1rem auto 0; }

/* ---------- NAV ---------- */
.pt-nav{
  position:fixed; inset:0 0 auto 0; z-index:90;
  display:flex; align-items:center; justify-content:space-between;
  gap:1.5rem; padding:1.1rem clamp(20px,5vw,48px);
  transition:padding .3s var(--ease-out), background .3s, box-shadow .3s, backdrop-filter .3s;
}
.pt-nav.scrolled{
  padding:.6rem clamp(20px,5vw,48px);
  background:rgba(251,243,230,.82); backdrop-filter:blur(14px) saturate(1.2);
  box-shadow:0 10px 30px -22px rgba(6,33,79,.5);
}
.pt-logo{ display:flex; align-items:center; gap:.6rem; font-family:var(--font-display); font-weight:700; font-size:1.5rem; color:var(--cobalt); letter-spacing:-.01em; }
.pt-logo img{ width:40px; height:40px; transition:transform .5s var(--ease-spring); }
.pt-logo:hover img{ transform:rotate(-12deg) scale(1.08); }

.pt-navlinks{ display:flex; align-items:center; gap:.3rem; }
.pt-navlinks > li{ position:relative; list-style:none; }
.pt-navlinks > li > a,.pt-navlinks > li > button{
  display:inline-flex; align-items:center; gap:.35em;
  font-weight:500; font-size:.98rem; color:var(--ink);
  padding:.55em .85em; border-radius:var(--r-pill); border:0; background:transparent;
  transition:color .2s, background .2s;
}
.pt-navlinks > li > a:hover,.pt-navlinks > li > button:hover{ color:var(--cobalt); background:rgba(2,55,155,.07); }
.pt-navlinks .caret{ transition:transform .3s var(--ease-spring); font-size:.7em; }
.pt-navlinks li:hover .caret{ transform:rotate(180deg); }

/* Dropdown mega-ish */
.pt-drop{
  position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(10px);
  min-width:300px; background:var(--paper); border-radius:var(--r-md);
  box-shadow:var(--shadow-cobalt); padding:.6rem; opacity:0; visibility:hidden;
  transition:opacity .25s, transform .3s var(--ease-spring); display:grid; gap:.15rem;
}
.pt-navlinks li:hover .pt-drop{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.pt-drop.wide{ min-width:380px; }
.pt-drop a{ display:flex; gap:.75rem; align-items:flex-start; padding:.6rem .7rem; border-radius:var(--r-sm); transition:background .2s, transform .2s; }
.pt-drop a:hover{ background:var(--cream); transform:translateX(4px); }
.pt-drop .di{ flex:0 0 38px; height:38px; border-radius:11px; display:grid; place-items:center; background:var(--cobalt-tint); color:var(--cobalt); font-size:1.05rem; }
.pt-drop a:nth-child(even) .di{ background:var(--orange-tint); color:var(--orange-deep); }
.pt-drop .dt{ font-family:var(--font-display); font-weight:600; font-size:.98rem; color:var(--ink); line-height:1.2; }
.pt-drop .dd{ font-size:.82rem; color:var(--ink-3); line-height:1.3; }

.pt-burger{ display:none; width:46px;height:46px; border-radius:14px; border:0; background:var(--cobalt); color:#fff; place-items:center; }
.pt-burger i{ font-size:1.5rem; }

/* Mobile menu */
.pt-mobile{ position:fixed; inset:0; z-index:120; background:var(--cream); padding:1.4rem; display:flex; flex-direction:column; transform:translateY(-100%); transition:transform .5s var(--ease-spring); overflow-y:auto; }
.pt-mobile.open{ transform:translateY(0); }
.pt-mobile-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem; }
.pt-mobile a,.pt-mobile .mlabel{ display:block; padding:.7rem .4rem; font-family:var(--font-display); font-weight:600; font-size:1.25rem; color:var(--ink); border-bottom:1px solid rgba(6,33,79,.08); }
.pt-mobile .msub a{ font-size:1rem; font-weight:500; color:var(--ink-2); padding-left:1rem; border:0; }

/* ---------- HERO ---------- */
.pt-hero{ padding:clamp(8rem,16vh,11rem) 0 clamp(3rem,6vw,5rem); }
.pt-hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,4vw,4rem); align-items:center; }
.pt-hero h1{ margin:1.2rem 0; }
.pt-hero .lede{ margin-bottom:2rem; }
.pt-hero-actions{ display:flex; flex-wrap:wrap; gap:1rem; align-items:center; }
.pt-trustline{ margin-top:2.4rem; display:flex; align-items:center; gap:1rem; color:var(--ink-2); font-size:.92rem; }
.pt-trustline .avs{ display:flex; }
.pt-trustline .avs span{ width:34px;height:34px;border-radius:50%; margin-left:-10px; border:3px solid var(--cream);
  background:var(--cobalt); color:#fff; display:grid; place-items:center; font-weight:600; font-size:.78rem; font-family:var(--font-display); }
.pt-trustline .avs span:nth-child(2){ background:var(--orange); }
.pt-trustline .avs span:nth-child(3){ background:var(--teal); }
.pt-trustline .avs span:nth-child(4){ background:var(--sun); color:var(--cobalt-900); }

/* Hero stage: free-floating clay illustration + glass prop chips */
.pt-stage{ position:relative; min-height:clamp(360px,42vw,560px); display:grid; place-items:center; }
.pt-stage .hero-art{
  width:min(100%,560px);
  filter:drop-shadow(0 40px 36px rgba(6,33,79,.28));
  animation:bob 6s var(--ease-out) infinite;
  transform:translate(calc(var(--px,0)*-14px), calc(var(--py,0)*-14px));
  transition:transform .4s var(--ease-out);
}
@keyframes bob{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-16px);} }
.pt-stage .ground{
  position:absolute; bottom:6%; left:50%; transform:translateX(-50%);
  width:58%; height:30px; border-radius:50%;
  background:radial-gradient(ellipse,rgba(6,33,79,.22),transparent 70%);
  filter:blur(7px); animation:groundpulse 6s var(--ease-out) infinite;
}
@keyframes groundpulse{ 0%,100%{ transform:translateX(-50%) scale(1); opacity:.9;} 50%{ transform:translateX(-50%) scale(.86); opacity:.6;} }

.chip{
  position:absolute; z-index:3; background:rgba(255,255,255,.78);
  backdrop-filter:blur(10px); border-radius:var(--r-md); padding:.7rem .9rem;
  box-shadow:var(--shadow-chip); display:flex; align-items:center; gap:.7rem;
  animation:floaty 7s var(--ease-out) infinite;
  transform:translate(calc(var(--px,0)*var(--depth,8px)), calc(var(--py,0)*var(--depth,8px)));
  transition:transform .5s var(--ease-out);
}
.chip .ci{ width:40px;height:40px;border-radius:12px; display:grid; place-items:center; font-size:1.2rem; color:#fff; flex:0 0 auto; }
.chip .cv{ font-family:var(--font-display); font-weight:600; font-size:1.05rem; line-height:1; color:var(--ink); }
.chip .cl{ font-size:.72rem; color:var(--ink-3); }
.chip-1{ top:4%; left:-4%; --depth:16px; animation-delay:0s; }
.chip-1 .ci{ background:var(--cobalt); }
.chip-2{ top:30%; right:-6%; --depth:24px; animation-delay:1.1s; }
.chip-2 .ci{ background:var(--orange); }
.chip-3{ bottom:14%; left:-6%; --depth:20px; animation-delay:.6s; }
.chip-3 .ci{ background:var(--teal); }
.chip-4{ bottom:2%; right:2%; --depth:12px; animation-delay:1.7s; }
.chip-4 .ci{ background:var(--sun); color:var(--cobalt-900); }
@keyframes floaty{ 0%,100%{ translate:0 0;} 50%{ translate:0 -14px;} }

/* live dot */
.livedot{ width:8px;height:8px;border-radius:50%; background:var(--teal); box-shadow:0 0 0 0 rgba(41,168,158,.6); animation:ring 1.8s infinite; }
@keyframes ring{ 0%{ box-shadow:0 0 0 0 rgba(41,168,158,.55);} 100%{ box-shadow:0 0 0 12px rgba(41,168,158,0);} }

/* ---------- STATS BAND ---------- */
.pt-stats{ margin:clamp(3rem,7vw,6rem) 0; }
.pt-stats-inner{ background:var(--cobalt); color:#fff; border-radius:var(--r-xl); padding:clamp(2rem,4vw,3.2rem) clamp(1.5rem,4vw,3rem);
  display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; box-shadow:var(--shadow-cobalt); position:relative; overflow:hidden; }
.pt-stats-inner::before{ content:""; position:absolute; width:300px;height:300px; border-radius:50%; background:rgba(238,117,51,.25); filter:blur(40px); top:-120px; right:-60px; }
.pt-stat{ text-align:center; position:relative; }
.pt-stat .num{ font-family:var(--font-display); font-weight:700; font-size:clamp(2.2rem,4vw,3.2rem); line-height:1; color:#fff; }
.pt-stat .num .suf{ color:var(--sun); }
.pt-stat .lab{ margin-top:.4rem; font-size:.92rem; color:var(--cobalt-soft); }
.pt-stat:not(:last-child)::after{ content:""; position:absolute; right:-.75rem; top:50%; transform:translateY(-50%); width:1px; height:54px; background:rgba(255,255,255,.16); }

/* ---------- SECTION scaffolding ---------- */
.pt-sec{ padding:clamp(3.5rem,8vw,7rem) 0; }

/* ---------- MODULES ---------- */
.pt-modules-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.2rem,2.4vw,2.2rem); }
.module{
  position:relative; padding:2.4rem 1.7rem 1.7rem; border-radius:var(--r-lg);
  background:var(--paper); box-shadow:var(--shadow-soft);
  transition:transform .4s var(--ease-spring), box-shadow .4s var(--ease-out);
  overflow:hidden;
}
.module::after{ content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(160deg,var(--cobalt-tint),transparent 60%); opacity:0; transition:opacity .4s; }
.module:hover{ transform:translateY(-12px) rotate(-.6deg); box-shadow:var(--shadow-cobalt); }
.module:hover::after{ opacity:.5; }
.module .m-art{ width:118px; height:118px; object-fit:contain; margin-bottom:1rem;
  filter:drop-shadow(0 16px 14px rgba(6,33,79,.22)); transition:transform .5s var(--ease-spring); position:relative; z-index:2; }
.module:hover .m-art{ transform:translateY(-6px) scale(1.07) rotate(3deg); }
.module h3{ font-size:1.32rem; margin-bottom:.5rem; position:relative; z-index:2; }
.module p{ color:var(--ink-2); font-size:.97rem; margin:0 0 1.1rem; position:relative; z-index:2; }
.module .m-link{ font-family:var(--font-display); font-weight:600; color:var(--orange-deep); display:inline-flex; align-items:center; gap:.4em; position:relative; z-index:2; }
.module .m-link .arr{ transition:transform .3s var(--ease-spring); }
.module:hover .m-link .arr{ transform:translateX(5px); }
.module .m-no{ position:absolute; top:1.2rem; right:1.4rem; font-family:var(--font-display); font-weight:700; font-size:2.4rem; color:rgba(6,33,79,.07); z-index:2; }

/* ---------- HOW IT WORKS ---------- */
.pt-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; position:relative; }
.pt-steps::before{ content:""; position:absolute; top:74px; left:12%; right:12%; height:3px;
  background:repeating-linear-gradient(90deg,var(--cobalt-soft) 0 14px,transparent 14px 26px); z-index:0; }
.step{ text-align:center; position:relative; z-index:1; }
.step .s-art{ width:150px; height:150px; object-fit:contain; margin:0 auto .6rem;
  filter:drop-shadow(0 20px 18px rgba(6,33,79,.22)); animation:bob 7s var(--ease-out) infinite; }
.step:nth-child(2) .s-art{ animation-delay:.6s; }
.step:nth-child(3) .s-art{ animation-delay:1.2s; }
.step:nth-child(4) .s-art{ animation-delay:1.8s; }
.step .s-no{ display:inline-block; font-family:var(--font-display); font-weight:700; font-size:.78rem; letter-spacing:.08em;
  color:var(--orange-deep); background:var(--orange-tint); padding:.3em 1em; border-radius:var(--r-pill); margin-bottom:.6rem; text-transform:uppercase; }
.step h3{ font-size:1.25rem; margin-bottom:.35rem; }
.step p{ color:var(--ink-2); font-size:.95rem; margin:0; }

/* ---------- SPLIT feature (generic, reused on inner pages) ---------- */
.pt-split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.pt-split.rev .pt-split-art{ order:2; }
.pt-split-art img{ width:min(100%,520px); margin-inline:auto; filter:drop-shadow(0 34px 30px rgba(6,33,79,.26)); animation:bob 7s var(--ease-out) infinite; }
.pt-split h2{ margin-bottom:1rem; }
.pt-split p{ color:var(--ink-2); }
.tick-list{ list-style:none; padding:0; margin:1.4rem 0 0; display:grid; gap:.8rem; }
.tick-list li{ display:flex; gap:.7rem; align-items:flex-start; font-size:1rem; }
.tick-list .tk{ flex:0 0 26px; height:26px; border-radius:50%; background:var(--teal); color:#fff; display:grid; place-items:center; font-size:.85rem; }

/* ---------- FAQ ---------- */
.pt-faq{ max-width:840px; margin-inline:auto; display:grid; gap:1rem; }
.faq{ background:var(--paper); border-radius:var(--r-md); box-shadow:var(--shadow-soft); overflow:hidden; transition:box-shadow .3s; }
.faq.open{ box-shadow:var(--shadow-cobalt); }
.faq-q{ width:100%; text-align:left; background:transparent; border:0; padding:1.3rem 1.6rem;
  font-family:var(--font-display); font-weight:600; font-size:1.1rem; color:var(--ink);
  display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.faq-q .pm{ flex:0 0 32px; height:32px; border-radius:50%; background:var(--cobalt-tint); color:var(--cobalt);
  display:grid; place-items:center; font-size:1.2rem; transition:transform .35s var(--ease-spring), background .3s, color .3s; }
.faq.open .faq-q .pm{ transform:rotate(135deg); background:var(--orange); color:#fff; }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .45s var(--ease-out); }
.faq-a .inner{ padding:0 1.6rem 1.4rem; color:var(--ink-2); }

/* ---------- CTA BAND ---------- */
.pt-cta{ padding:clamp(3rem,7vw,6rem) 0; }
.pt-cta-inner{ position:relative; background:var(--cobalt); border-radius:var(--r-xl); padding:clamp(2.6rem,6vw,5rem) clamp(1.6rem,5vw,4rem);
  text-align:center; overflow:hidden; box-shadow:var(--shadow-cobalt); }
.pt-cta-inner h2{ color:#fff; max-width:18ch; margin:0 auto 1rem; }
.pt-cta-inner p{ color:var(--cobalt-soft); max-width:54ch; margin:0 auto 2rem; }
.pt-cta-inner::before,.pt-cta-inner::after{ content:""; position:absolute; border-radius:50%; filter:blur(50px); }
.pt-cta-inner::before{ width:340px;height:340px; background:rgba(238,117,51,.35); top:-140px; left:-80px; }
.pt-cta-inner::after{ width:300px;height:300px; background:rgba(246,180,60,.3); bottom:-150px; right:-60px; }
.pt-cta-inner .inner-z{ position:relative; z-index:2; }

/* ---------- FOOTER ---------- */
.pt-footer{ background:var(--cobalt-900); color:#fff; padding:clamp(3rem,6vw,5rem) 0 2rem; margin-top:clamp(3rem,7vw,6rem); position:relative; overflow:hidden; }
.pt-footer::before{ content:""; position:absolute; width:480px;height:480px; border-radius:50%; background:rgba(2,55,155,.4); filter:blur(60px); top:-200px; left:-120px; }
.pt-foot-grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:2.5rem; position:relative; z-index:2; }
.pt-foot-brand .pt-logo{ color:#fff; margin-bottom:1rem; }
.pt-foot-brand p{ color:#AFBEE4; font-size:.95rem; max-width:34ch; }
.pt-foot h4{ font-family:var(--font-display); font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; color:var(--sun); margin:0 0 1.1rem; }
.pt-foot ul{ list-style:none; padding:0; margin:0; display:grid; gap:.65rem; }
.pt-foot a{ color:#C6D2EE; font-size:.96rem; transition:color .2s, transform .2s; display:inline-block; }
.pt-foot a:hover{ color:#fff; transform:translateX(4px); }
.pt-foot .contact-row{ display:flex; gap:.6rem; align-items:flex-start; color:#C6D2EE; font-size:.94rem; margin-bottom:.7rem; }
.pt-foot .contact-row i{ color:var(--orange); margin-top:.15rem; }
.pt-socials{ display:flex; gap:.6rem; margin-top:1.2rem; }
.pt-socials a{ width:42px;height:42px;border-radius:13px; background:rgba(255,255,255,.08); display:grid; place-items:center; transition:transform .3s var(--ease-spring), background .3s; }
.pt-socials a:hover{ transform:translateY(-4px) rotate(-6deg); background:var(--orange); }
.pt-socials img{ width:24px;height:24px; }
.pt-foot-bottom{ margin-top:2.6rem; padding-top:1.6rem; border-top:1px solid rgba(255,255,255,.12);
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; color:#9FB0D8; font-size:.88rem; position:relative; z-index:2; }
.pt-foot-bottom a{ color:#C6D2EE; }
.pt-foot-bottom a:hover{ color:#fff; }

/* ---------- Scroll reveal ---------- */
.reveal{ opacity:0; transform:translateY(34px); transition:opacity .7s var(--ease-out), transform .7s var(--ease-spring); }
.reveal.in{ opacity:1; transform:none; }
.reveal.d1{ transition-delay:.08s; } .reveal.d2{ transition-delay:.16s; }
.reveal.d3{ transition-delay:.24s; } .reveal.d4{ transition-delay:.32s; } .reveal.d5{ transition-delay:.4s; }

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .pt-foot-grid{ grid-template-columns:1fr 1fr; gap:2rem; }
  .pt-modules-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:860px){
  .pt-navlinks{ display:none; }
  .pt-burger{ display:grid; }
  .pt-hero-grid{ grid-template-columns:1fr; text-align:center; }
  .pt-hero .lede{ margin-inline:auto; }
  .pt-hero-actions,.pt-trustline{ justify-content:center; }
  .pt-stage{ order:-1; }
  .pt-stats-inner{ grid-template-columns:repeat(2,1fr); gap:2rem; }
  .pt-stat:nth-child(2)::after{ display:none; }
  .pt-stat::after{ display:none; }
  .pt-steps{ grid-template-columns:repeat(2,1fr); gap:2.5rem 1.5rem; }
  .pt-steps::before{ display:none; }
  .pt-split{ grid-template-columns:1fr; text-align:center; }
  .pt-split.rev .pt-split-art{ order:0; }
  .tick-list{ text-align:left; max-width:420px; margin-inline:auto; }
}
@media (max-width:560px){
  .pt-modules-grid{ grid-template-columns:1fr; }
  .pt-steps{ grid-template-columns:1fr; }
  .pt-stats-inner{ grid-template-columns:1fr; }
  .pt-foot-grid{ grid-template-columns:1fr; }
  .chip-1,.chip-4{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition-duration:.01ms !important; }
  .reveal{ opacity:1; transform:none; }
}

/* ===================================================================
   INNER-PAGE COMPONENTS
   =================================================================== */

/* Inner page hero */
.pt-phero{ padding:clamp(8rem,15vh,10.5rem) 0 clamp(2rem,5vw,4rem); }
.pt-phero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,4vw,3.5rem); align-items:center; }
.pt-phero.solo .pt-phero-grid{ grid-template-columns:1fr; text-align:center; max-width:820px; margin-inline:auto; }
.pt-phero h1{ margin:1rem 0; font-size:clamp(2.2rem,5vw,3.7rem); line-height:1.16; }
.pt-phero .lede{ margin-bottom:1.8rem; }
.pt-phero.solo .lede{ margin-inline:auto; }
.pt-breadcrumb{ font-size:.86rem; color:var(--ink-3); margin-bottom:.4rem; }
.pt-breadcrumb a{ color:var(--orange-deep); }
.pt-phero-art img{ width:min(100%,520px); margin-inline:auto; filter:drop-shadow(0 36px 32px rgba(6,33,79,.26));
  animation:bob 7s var(--ease-out) infinite;
  transform:translate(calc(var(--px,0)*-12px), calc(var(--py,0)*-12px)); transition:transform .4s var(--ease-out); }

/* Feature grid (icon tiles) */
.feat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1rem,2.2vw,1.8rem); }
.feat{ background:var(--paper); border-radius:var(--r-lg); padding:1.9rem 1.6rem; box-shadow:var(--shadow-soft);
  transition:transform .4s var(--ease-spring), box-shadow .4s; }
.feat:hover{ transform:translateY(-8px); box-shadow:var(--shadow-cobalt); }
.feat .fi{ width:58px;height:58px; border-radius:17px; display:grid; place-items:center; margin-bottom:1rem;
  background:var(--cobalt-tint); color:var(--cobalt); transition:transform .4s var(--ease-spring); }
.feat:nth-child(3n+2) .fi{ background:var(--orange-tint); color:var(--orange-deep); }
.feat:nth-child(3n+3) .fi{ background:#DDF3F1; color:var(--teal); }
.feat:hover .fi{ transform:rotate(-8deg) scale(1.08); }
.feat h3{ font-size:1.18rem; margin-bottom:.5rem; }
.feat p{ color:var(--ink-2); font-size:.95rem; margin:0; }

/* Compact "why" grid */
.why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; }
.why{ background:rgba(255,255,255,.6); border-radius:var(--r-md); padding:1.4rem; transition:background .3s, transform .3s var(--ease-spring); }
.why:hover{ background:#fff; transform:translateY(-6px); box-shadow:var(--shadow-soft); }
.why .wi{ width:44px;height:44px;border-radius:13px; display:grid; place-items:center; margin-bottom:.8rem; background:var(--cobalt); color:#fff; }
.why:nth-child(even) .wi{ background:var(--orange); }
.why h4{ font-family:var(--font-display); font-weight:600; font-size:1.02rem; margin:0 0 .35rem; color:var(--ink); }
.why p{ color:var(--ink-2); font-size:.88rem; margin:0; line-height:1.5; }

/* Comparison table (frameless, no harsh borders) */
.cmp{ background:var(--paper); border-radius:var(--r-lg); box-shadow:var(--shadow-soft); overflow:hidden; }
.cmp table{ width:100%; border-collapse:collapse; }
.cmp th,.cmp td{ padding:1.05rem 1.4rem; text-align:left; font-size:.95rem; vertical-align:top; }
.cmp thead th{ font-family:var(--font-display); font-weight:600; font-size:1rem; }
.cmp thead th:nth-child(1){ background:var(--cream-2); color:var(--ink); }
.cmp thead th:nth-child(2){ background:var(--cream-deep); color:var(--ink-2); }
.cmp thead th:nth-child(3){ background:var(--cobalt); color:#fff; }
.cmp tbody tr:nth-child(even){ background:rgba(245,232,211,.4); }
.cmp tbody td:first-child{ font-weight:600; color:var(--ink); }
.cmp tbody td:nth-child(2){ color:var(--ink-3); }
.cmp tbody td:nth-child(3){ color:var(--cobalt-700); font-weight:500; background:rgba(2,55,155,.05); }
.cmp tbody td:nth-child(3)::before{ content:"✓ "; color:var(--teal); font-weight:700; }

/* Split alternating sections handled by .pt-split (base). Extra spacing util */
.pt-split + .pt-split{ margin-top:clamp(2.5rem,6vw,5rem); }

/* Values grid (about) */
.val-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }
.val{ text-align:left; }
.val .vi{ width:64px;height:64px;border-radius:19px; display:grid; place-items:center; margin-bottom:1rem; color:#fff; background:var(--cobalt); box-shadow:var(--shadow-soft); }
.val:nth-child(2) .vi{ background:var(--orange); } .val:nth-child(3) .vi{ background:var(--teal); } .val:nth-child(4) .vi{ background:var(--sun); color:var(--cobalt-900); }
.val h3{ font-size:1.18rem; margin-bottom:.45rem; } .val p{ color:var(--ink-2); font-size:.94rem; margin:0; }

/* Timeline (about) */
.timeline{ position:relative; max-width:780px; margin-inline:auto; padding-left:0; }
.timeline::before{ content:""; position:absolute; left:31px; top:10px; bottom:10px; width:3px; background:repeating-linear-gradient(var(--cobalt-soft) 0 12px,transparent 12px 22px); }
.tline{ position:relative; display:grid; grid-template-columns:64px 1fr; gap:1.4rem; padding:1rem 0; }
.tline .tnode{ width:64px;height:64px;border-radius:20px; display:grid; place-items:center; background:#fff; box-shadow:var(--shadow-soft); color:var(--cobalt); font-size:1.6rem; z-index:1; }
.tline:nth-child(even) .tnode{ color:var(--orange-deep); }
.tline .tyear{ font-family:var(--font-display); font-weight:700; color:var(--orange-deep); font-size:.85rem; letter-spacing:.05em; }
.tline h3{ font-size:1.25rem; margin:.2rem 0 .4rem; } .tline p{ color:var(--ink-2); margin:0; }

/* Segments (clients) */
.seg-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.2rem,2.5vw,2rem); }
.seg{ background:var(--paper); border-radius:var(--r-lg); padding:2.2rem 1.8rem; box-shadow:var(--shadow-soft); text-align:center;
  transition:transform .4s var(--ease-spring), box-shadow .4s; }
.seg:hover{ transform:translateY(-10px); box-shadow:var(--shadow-cobalt); }
.seg img{ width:120px;height:120px;object-fit:contain; margin:0 auto 1rem; filter:drop-shadow(0 16px 14px rgba(6,33,79,.2)); transition:transform .5s var(--ease-spring); }
.seg:hover img{ transform:translateY(-6px) scale(1.07); }
.seg h3{ font-size:1.3rem; margin-bottom:.5rem; } .seg p{ color:var(--ink-2); font-size:.95rem; margin:0; }

/* Metric grid (clients/testimonials) */
.metric-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }
.metric{ background:var(--paper); border-radius:var(--r-lg); padding:1.8rem 1.4rem; box-shadow:var(--shadow-soft); text-align:center; }
.metric .mv{ font-family:var(--font-display); font-weight:700; font-size:clamp(2rem,3.5vw,2.8rem); color:var(--cobalt); line-height:1; }
.metric:nth-child(even) .mv{ color:var(--orange); }
.metric .mk{ font-family:var(--font-display); font-weight:600; margin:.5rem 0 .3rem; color:var(--ink); }
.metric .md{ font-size:.85rem; color:var(--ink-3); margin:0; }

/* Quote cards (testimonials) */
.quote-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
.quote{ position:relative; background:var(--paper); border-radius:var(--r-lg); padding:2.4rem 1.8rem 1.8rem; box-shadow:var(--shadow-soft);
  transition:transform .4s var(--ease-spring); }
.quote:hover{ transform:translateY(-8px); box-shadow:var(--shadow-cobalt); }
.quote .qm{ position:absolute; top:-.2rem; left:1.4rem; font-family:var(--font-display); font-weight:700; font-size:5rem; color:var(--cobalt-soft); line-height:1; }
.quote p{ position:relative; color:var(--ink); font-size:1.02rem; line-height:1.6; margin:1.4rem 0 1.4rem; }
.quote .qby{ display:flex; align-items:center; gap:.8rem; }
.quote .qav{ width:46px;height:46px;border-radius:50%; background:var(--cobalt); color:#fff; display:grid; place-items:center; font-family:var(--font-display); font-weight:600; }
.quote:nth-child(2) .qav{ background:var(--orange); } .quote:nth-child(3) .qav{ background:var(--teal); }
.quote .qn{ font-family:var(--font-display); font-weight:600; color:var(--ink); line-height:1.2; }
.quote .qr{ font-size:.84rem; color:var(--ink-3); }

/* Case study band */
.casestudy{ background:var(--paper); border-radius:var(--r-xl); padding:clamp(2rem,4vw,3.2rem); box-shadow:var(--shadow-soft);
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,4vw,3.5rem); align-items:center; }
.casestudy img{ width:min(100%,460px); margin-inline:auto; filter:drop-shadow(0 30px 26px rgba(6,33,79,.24)); }

/* Forms */
.clay-input,.clay-textarea,input.clay-input,textarea.clay-textarea{
  width:100%; font-family:var(--font-body); font-size:1rem; color:var(--ink);
  background:var(--cream); border:2px solid transparent; border-radius:var(--r-md);
  padding:.9rem 1.1rem; transition:border-color .25s, background .25s, box-shadow .25s; outline:none; }
.clay-textarea{ min-height:130px; resize:vertical; }
.clay-input:focus,.clay-textarea:focus{ background:#fff; border-color:var(--cobalt-soft); box-shadow:0 0 0 4px rgba(2,55,155,.08); }
.field-label{ display:block; font-family:var(--font-display); font-weight:500; font-size:.92rem; color:var(--ink); margin-bottom:.45rem; }
.contact-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,4vw,3.5rem); align-items:start; }
.contact-card{ background:var(--paper); border-radius:var(--r-xl); padding:clamp(1.8rem,3.5vw,2.6rem); box-shadow:var(--shadow-soft); }
.info-block{ display:flex; gap:1rem; align-items:flex-start; padding:1.1rem 0; border-bottom:1px solid rgba(6,33,79,.08); }
.info-block:last-child{ border-bottom:0; }
.info-block .ii{ flex:0 0 48px;height:48px;border-radius:14px; background:var(--cobalt-tint); color:var(--cobalt); display:grid; place-items:center; }
.info-block:nth-child(even) .ii{ background:var(--orange-tint); color:var(--orange-deep); }
.info-block h4{ font-family:var(--font-display); font-weight:600; margin:0 0 .2rem; color:var(--ink); }
.info-block p,.info-block a{ color:var(--ink-2); font-size:.95rem; margin:0; }
.form-note{ font-size:.85rem; color:var(--ink-3); }
.form-success{ background:#DDF3F1; color:var(--teal); border-radius:var(--r-md); padding:1rem 1.2rem; font-weight:500; margin-top:1rem; display:none; }
.form-success.show{ display:block; animation:popin .4s var(--ease-spring); }
@keyframes popin{ from{ opacity:0; transform:scale(.92);} to{ opacity:1; transform:none; } }

/* Join wizard */
.wizard{ max-width:760px; margin-inline:auto; background:var(--paper); border-radius:var(--r-xl); box-shadow:var(--shadow-cobalt); padding:clamp(1.8rem,4vw,2.8rem); }
.wizard-steps{ display:flex; align-items:center; justify-content:center; gap:0; margin-bottom:2rem; }
.form-step-indicator{ display:flex; align-items:center; gap:.6rem; color:var(--ink-3); font-family:var(--font-display); font-weight:600; }
.form-step-indicator .sdot{ width:38px;height:38px;border-radius:50%; display:grid; place-items:center; background:var(--cream-2); color:var(--ink-3); transition:all .3s var(--ease-spring); }
.form-step-indicator.active .sdot{ background:var(--cobalt); color:#fff; transform:scale(1.1); }
.form-step-indicator.completed .sdot{ background:var(--teal); color:#fff; }
.wizard-steps .sline{ width:60px; height:3px; background:var(--cream-2); margin:0 .8rem; border-radius:2px; }
.wizard-panel{ display:none; }
.wizard-panel.active{ display:block; animation:popin .4s var(--ease-out); }
.wizard-panel h3{ font-size:1.4rem; margin-bottom:.4rem; }
.wizard-panel .ph{ color:var(--ink-2); margin-bottom:1.4rem; }
.field-row{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; margin-bottom:1.1rem; }
.field-row.one{ grid-template-columns:1fr; }
.mod-pick{ display:grid; gap:.8rem; }
.mod-opt{ display:flex; gap:.9rem; align-items:flex-start; padding:1rem 1.2rem; border-radius:var(--r-md); background:var(--cream); cursor:pointer; transition:background .25s, box-shadow .25s; }
.mod-opt:hover{ background:#fff; box-shadow:var(--shadow-soft); }
.mod-opt input{ margin-top:.25rem; width:20px;height:20px; accent-color:var(--cobalt); flex:0 0 auto; }
.mod-opt .mo-t{ font-family:var(--font-display); font-weight:600; color:var(--ink); }
.mod-opt .mo-d{ font-size:.85rem; color:var(--ink-3); }
.wizard-actions{ display:flex; justify-content:space-between; margin-top:1.8rem; }
.success-panel{ text-align:center; padding:1.5rem 0; }
.success-panel .se{ width:90px;height:90px;border-radius:50%; background:#DDF3F1; color:var(--teal); display:grid; place-items:center; margin:0 auto 1.2rem; font-size:2.6rem; }

/* Blog */
.blog-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(1.4rem,3vw,2.2rem); }
.post{ background:var(--paper); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-soft);
  transition:transform .4s var(--ease-spring), box-shadow .4s; display:flex; flex-direction:column; }
.post:hover{ transform:translateY(-10px); box-shadow:var(--shadow-cobalt); }
.post-img{ height:200px; overflow:hidden; display:grid; place-items:center; background:var(--cream-2); }
.post-img img{ width:75%; filter:drop-shadow(0 18px 16px rgba(6,33,79,.22)); transition:transform .5s var(--ease-spring); }
.post:hover .post-img img{ transform:scale(1.08) rotate(2deg); }
.post-body{ padding:1.6rem 1.7rem 1.8rem; flex:1; display:flex; flex-direction:column; }
.post .tag{ align-self:flex-start; font-family:var(--font-display); font-weight:600; font-size:.74rem; letter-spacing:.04em; text-transform:uppercase;
  color:var(--cobalt); background:var(--cobalt-tint); padding:.35em .9em; border-radius:var(--r-pill); margin-bottom:.8rem; }
.post:nth-child(even) .tag{ color:var(--orange-deep); background:var(--orange-tint); }
.post h3{ font-size:1.3rem; margin-bottom:.5rem; line-height:1.2; }
.post p{ color:var(--ink-2); font-size:.95rem; margin:0 0 1.1rem; flex:1; }
.post .plink{ font-family:var(--font-display); font-weight:600; color:var(--orange-deep); display:inline-flex; gap:.4em; }
.post .plink.soon{ color:var(--ink-3); }

/* Article (blog post + legal prose) */
.prose{ max-width:760px; margin-inline:auto; }
.prose .meta{ color:var(--ink-3); font-size:.92rem; margin-bottom:2rem; }
.prose p{ color:var(--ink-2); font-size:1.06rem; line-height:1.8; margin:0 0 1.3rem; }
.prose h2{ font-size:1.7rem; margin:2.4rem 0 1rem; }
.prose h3{ font-size:1.25rem; margin:1.8rem 0 .6rem; color:var(--cobalt); }
.prose strong{ color:var(--ink); font-weight:600; }
.prose .lead-in{ font-family:var(--font-display); font-weight:600; color:var(--ink); }
.prose ol,.prose ul{ color:var(--ink-2); font-size:1.04rem; line-height:1.8; padding-left:1.2rem; margin:0 0 1.3rem; }
.prose li{ margin-bottom:.6rem; }
.prose .art-hero{ width:min(100%,360px); margin:0 auto 2rem; filter:drop-shadow(0 30px 26px rgba(6,33,79,.24)); animation:bob 7s var(--ease-out) infinite; }
.legal-toc{ background:var(--paper); border-radius:var(--r-md); padding:1.2rem 1.5rem; box-shadow:var(--shadow-soft); margin-bottom:2rem; }

/* Login */
.pt-login{ min-height:100vh; display:grid; grid-template-columns:1.05fr .95fr; }
.pt-login-art{ background:var(--cobalt); position:relative; overflow:hidden; display:grid; place-items:center; padding:3rem; }
.pt-login-art::before{ content:""; position:absolute; width:420px;height:420px;border-radius:50%; background:rgba(238,117,51,.3); filter:blur(60px); top:-120px; left:-80px; }
.pt-login-art img{ width:min(80%,420px); position:relative; z-index:1; filter:drop-shadow(0 40px 34px rgba(0,0,0,.3)); animation:bob 7s var(--ease-out) infinite; }
.pt-login-art .lcopy{ position:absolute; bottom:3rem; left:3rem; right:3rem; z-index:2; color:#fff; }
.pt-login-art .lcopy h2{ color:#fff; font-size:1.8rem; } .pt-login-art .lcopy p{ color:var(--cobalt-soft); margin-top:.5rem; }
.pt-login-form{ display:grid; place-items:center; padding:2rem; }
.login-card{ width:min(100%,400px); }
.login-card .pt-logo{ margin-bottom:2rem; }
@media (max-width:880px){ .pt-login{ grid-template-columns:1fr; } .pt-login-art{ display:none; } }

/* Inner responsive */
@media (max-width:1024px){
  .feat-grid{ grid-template-columns:repeat(2,1fr); }
  .why-grid,.val-grid,.metric-grid{ grid-template-columns:repeat(2,1fr); }
  .seg-grid,.quote-grid{ grid-template-columns:1fr; }
  .blog-grid{ grid-template-columns:1fr; }
}
@media (max-width:860px){
  .pt-phero-grid{ grid-template-columns:1fr; text-align:center; }
  .pt-phero .lede{ margin-inline:auto; }
  .pt-phero-art{ order:-1; }
  .contact-grid,.casestudy{ grid-template-columns:1fr; }
  .cmp{ overflow-x:auto; }
  .field-row{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .feat-grid,.why-grid,.val-grid,.metric-grid{ grid-template-columns:1fr; }
}

/* Login error + shake (preserves auth script hooks) */
#login-error{ display:none; background:#FCEBEB; color:#A32D2D; border-radius:var(--r-md); padding:.7rem 1rem; font-size:.9rem; font-weight:500; margin-bottom:1rem; }
.shake{ animation:shake .5s var(--ease-out); }
@keyframes shake{ 10%,90%{transform:translateX(-1px)} 20%,80%{transform:translateX(2px)} 30%,50%,70%{transform:translateX(-5px)} 40%,60%{transform:translateX(5px)} }
.login-back{ position:fixed; top:1.4rem; left:1.6rem; z-index:5; display:inline-flex; align-items:center; gap:.4rem; color:#fff; font-family:var(--font-display); font-weight:500; }
@media (max-width:880px){ .login-back{ color:var(--cobalt); } }
/* end paatheya.css */

/* =================================================================
   FEEDBACK FIXES (round 2)
   ================================================================= */

/* (6) Bigger logo */
.pt-logo{ font-size:1.72rem; gap:.7rem; }
.pt-logo img{ width:54px; height:54px; }
.pt-nav.scrolled .pt-logo img{ width:46px; height:46px; transition:width .3s var(--ease-out), height .3s var(--ease-out); }

/* (3) Dropdown hover bridge — submenu stays open while moving to it */
.pt-drop{ top:100%; transform:translateX(-50%) translateY(14px); }
.pt-navlinks li:hover .pt-drop{ transform:translateX(-50%) translateY(10px); }
.pt-drop::before{ content:""; position:absolute; left:0; right:0; top:-18px; height:20px; background:transparent; }

/* (4) Dropdown title on line 1, description on line 2 */
.pt-drop a > span:last-child{ display:flex; flex-direction:column; }
.pt-drop .dt{ display:block; margin-bottom:2px; }
.pt-drop .dd{ display:block; line-height:1.35; }

/* (5) Bigger, recognisable social icons */
.pt-socials{ gap:.7rem; }
.pt-socials a{ width:56px; height:56px; border-radius:16px; }
.pt-socials img{ width:36px; height:36px; }

/* (1) Login buttons in nav */
.pt-login-links{ display:flex; align-items:center; gap:.4rem; }
.nav-login{ display:inline-flex; align-items:center; gap:.4em; font-family:var(--font-display); font-weight:600;
  font-size:.92rem; padding:.55em 1em; border-radius:var(--r-pill); transition:transform .25s var(--ease-spring), background .25s, box-shadow .25s; }
.nav-login.operator{ color:var(--cobalt); box-shadow:inset 0 0 0 2px rgba(2,55,155,.22); }
.nav-login.operator:hover{ background:#fff; transform:translateY(-2px); box-shadow:inset 0 0 0 2px rgba(2,55,155,0), var(--shadow-soft); }
.nav-login svg{ width:16px; height:16px; }

/* (7) Blog list alignment — force consistent left alignment + equal bottom */
.blog-grid .post,.blog-grid .post .post-body{ text-align:left; }
.blog-grid .post .post-body{ align-items:flex-start; }
.blog-grid .post h3,.blog-grid .post p,.blog-grid .post .tag,.blog-grid .post .plink{ width:100%; }
.blog-grid .post .plink{ margin-top:auto; }

/* (2 & 8) Service feature cards now lead with the HIGHLIGHT illustration (frameless) */
.feat{ text-align:left; padding-top:1.7rem; }
.feat-art{ width:122px; height:122px; object-fit:contain; margin-bottom:1rem;
  filter:drop-shadow(0 16px 14px rgba(6,33,79,.22)); transition:transform .5s var(--ease-spring); display:block; }
.feat:hover .feat-art{ transform:translateY(-6px) scale(1.06) rotate(2deg); }

/* WHY cards now lead with the WHY illustration / 3D clay icon (centered) */
.why{ text-align:center; padding:1.6rem 1.3rem; }
.why-art{ width:96px; height:96px; object-fit:contain; margin:0 auto .8rem;
  filter:drop-shadow(0 13px 12px rgba(6,33,79,.2)); transition:transform .45s var(--ease-spring); display:block; }
.why:hover .why-art{ transform:translateY(-5px) scale(1.07); }

/* (8) 3D clay icons for About values + Services phases (replace flat icon tiles) */
.val-art{ width:92px; height:92px; object-fit:contain; margin-bottom:1rem;
  filter:drop-shadow(0 16px 13px rgba(6,33,79,.22)); transition:transform .5s var(--ease-spring); }
.val:hover .val-art{ transform:translateY(-5px) scale(1.06); }
.phase-art{ width:104px; height:104px; object-fit:contain; margin:0 auto .7rem;
  filter:drop-shadow(0 16px 13px rgba(6,33,79,.22)); }
/* end feedback fixes */

/* Login portal chooser (login-select.html) */
.access-wrap{ max-width:920px; margin-inline:auto; }
.access-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.8rem; }
.access-card{ background:var(--paper); border-radius:var(--r-xl); padding:2.6rem 2rem; box-shadow:var(--shadow-soft); text-align:center; display:flex; flex-direction:column; align-items:center; transition:transform .4s var(--ease-spring), box-shadow .4s; }
.access-card:hover{ transform:translateY(-12px); box-shadow:var(--shadow-cobalt); }
.access-card img{ width:190px; height:190px; object-fit:contain; margin-bottom:1.2rem; filter:drop-shadow(0 24px 22px rgba(6,33,79,.24)); transition:transform .5s var(--ease-spring); }
.access-card:hover img{ transform:translateY(-8px) scale(1.06) rotate(2deg); }
.access-tag{ font-family:var(--font-display); font-weight:600; font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; color:var(--cobalt); background:var(--cobalt-tint); padding:.35em 1em; border-radius:var(--r-pill); margin-bottom:.7rem; }
.access-card:nth-child(2) .access-tag{ color:var(--orange-deep); background:var(--orange-tint); }
.access-card h3{ font-size:1.5rem; margin-bottom:.5rem; }
.access-card p{ color:var(--ink-2); margin-bottom:1.6rem; flex:1; }
.access-card .btn{ pointer-events:none; }
@media (max-width:760px){ .access-grid{ grid-template-columns:1fr; } }
/* end chooser */

/* Hero chip fix: value on line 1, label on line 2 (was rendering inline/jammed) */
.chip > span:last-child{ display:flex; flex-direction:column; justify-content:center; }
.chip .cv{ display:block; }
.chip .cl{ display:block; margin-top:1px; }
/* end chip fix */