/* /var/www/manyulogics/css/pinaakini.css */

/* ── Hero ── */
.pin-hero { position:relative;padding:148px 36px 96px;min-height:92vh;display:flex;align-items:center;background:linear-gradient(155deg,#FFFDF9 0%,#FFF8F0 40%,#F0FAF4 72%,#EEF2FF 100%);overflow:hidden; }
.pin-hero-bg { position:absolute;inset:0;pointer-events:none;z-index:0; }
.pin-glow { position:absolute;border-radius:50%;pointer-events:none; }
.pin-glow.saf { top:-120px;right:-100px;width:660px;height:660px;background:radial-gradient(circle,rgba(255,153,51,.2),transparent 60%); }
.pin-glow.grn { bottom:-140px;left:-80px;width:540px;height:540px;background:radial-gradient(circle,rgba(19,136,8,.14),transparent 65%); }
.pin-grid { position:absolute;inset:0;background-image:linear-gradient(rgba(26,46,82,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,46,82,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 25%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 25%,transparent 80%); }
.pin-hero-inner { max-width:1180px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:1; }
.pin-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(27,122,120,.08);color:var(--teal);border:1px solid rgba(27,122,120,.18);border-radius:100px;padding:6px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px; }
.pin-h1 { font-family:var(--font-display);font-weight:800;font-size:clamp(36px,4.5vw,58px);line-height:1.04;letter-spacing:-.03em;color:var(--navy);margin-bottom:20px; }
.pin-h1 .l2 { color:var(--teal);display:block; }
.pin-sub { font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--muted);max-width:480px;margin-bottom:32px; }
.pin-cta { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px; }
.pin-trust-list { display:flex;flex-direction:column;gap:10px; }
.pt-i { display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:13.5px;color:var(--navy); }
.pt-ic { width:20px;height:20px;border-radius:50%;background:rgba(27,122,120,.1);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0; }

/* ── Chat mockup ── */
.pin-chat-wrap { position:relative; }
.ftp { position:absolute;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px rgba(26,46,82,.12);animation:float 5s ease-in-out infinite;z-index:2; }
.ftp-1 { top:-18px;right:-24px; }
.ftp-2 { bottom:-18px;left:-28px;animation-delay:1.8s; }
.ftp-e { font-size:18px; }
.ftp-v { font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--navy);letter-spacing:-.01em; }
.ftp-l { font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px; }
.pin-chat { background:#fff;border:1.5px solid var(--border);border-radius:20px;box-shadow:0 24px 60px rgba(26,46,82,.13),0 8px 18px rgba(26,46,82,.06);overflow:hidden; }
.pin-chrome { display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(180deg,#FFFDF9,#FFF8F0);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--muted); }
.cd { width:10px;height:10px;border-radius:50%; }
.cd.r{background:#FF6058;}.cd.y{background:#FFBD2E;}.cd.g{background:#28C940;}
.chat-url-bar { flex:1;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.chat-shield-badge { font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;background:rgba(19,136,8,.1);color:var(--green);padding:3px 9px;border-radius:5px; }
.pin-body { padding:20px;display:flex;flex-direction:column;gap:14px;background:#FFFDF9; }
.pm { background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:12px 14px; }
.pm.user { border-left:3px solid var(--saffron); }
.pm.ai   { border-left:3px solid var(--green);background:var(--green-soft); }
.pm-lbl { font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:500; }
.pm-txt { font-family:var(--font-body);font-size:13px;line-height:1.55;color:var(--navy); }
.pm-pii { background:rgba(220,38,38,.1);color:var(--danger);padding:1px 5px;border-radius:4px;font-weight:600;font-family:var(--font-mono);font-size:12px; }
.pm-intercept { display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:var(--navy);color:#fff;border-radius:100px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;font-weight:500;align-self:center; }
.pm-dot { width:6px;height:6px;border-radius:50%;background:var(--saffron);animation:pulse 1.4s infinite ease-in-out; }

/* ── Trust strip ── */
.pin-strip { background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 36px; }
.pin-strip-inner { max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap; }
.psi { display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:14px;color:var(--navy);font-weight:400; }
.psi-sep { width:1px;height:22px;background:var(--border); }

/* ── Steps ── */
.pin-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative; }
.pin-steps::before { content:'';position:absolute;top:56px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,rgba(26,46,82,.15) 0 8px,transparent 8px 14px);z-index:0; }
.pstep { background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 6px 20px rgba(26,46,82,.05);display:flex;flex-direction:column;gap:14px;transition:all 280ms var(--ease-out); }
.pstep:hover { transform:translateY(-4px);box-shadow:0 18px 44px rgba(26,46,82,.1); }
.pstep.s1:hover{border-color:rgba(255,153,51,.32);}.pstep.s2:hover{border-color:rgba(27,122,120,.32);}.pstep.s3:hover{border-color:rgba(19,136,8,.32);}
.pstep-num { width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:18px;color:#fff;letter-spacing:-.02em; }
.pstep.s1 .pstep-num { background:linear-gradient(140deg,var(--saffron),var(--saffron-d));box-shadow:0 8px 20px rgba(255,153,51,.36); }
.pstep.s2 .pstep-num { background:linear-gradient(140deg,var(--teal-l),var(--teal-d));box-shadow:0 8px 20px rgba(27,122,120,.32); }
.pstep.s3 .pstep-num { background:linear-gradient(140deg,var(--green-l),var(--green));box-shadow:0 8px 20px rgba(19,136,8,.32); }
.pstep-title { font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--navy);letter-spacing:-.015em;line-height:1.25; }
.pstep-body  { font-family:var(--font-body);font-size:14.5px;line-height:1.65;color:var(--muted); }
.pstep-tokens { display:flex;flex-wrap:wrap;gap:6px;padding-top:6px; }
.pt { font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;padding:3px 9px;border-radius:5px;font-weight:500; }
.pt.s1{background:rgba(255,153,51,.1);color:var(--saffron-d);}
.pt.s2{background:rgba(27,122,120,.1);color:var(--teal);}
.pt.s3{background:rgba(19,136,8,.1);color:var(--green);}

/* ── Protect grid ── */
.protect-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px; }
.pcard { background:var(--cream);border:1.5px solid var(--border);border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;transition:all 260ms var(--ease-out);position:relative;overflow:hidden; }
.pcard:hover { transform:translateY(-4px);box-shadow:0 16px 36px rgba(26,46,82,.08);background:#fff; }
.pcard-stripe { position:absolute;top:0;left:0;right:0;height:3px; }
.pcard.p1 .pcard-stripe{background:linear-gradient(90deg,var(--saffron),var(--green));}
.pcard.p2 .pcard-stripe{background:linear-gradient(90deg,var(--teal),var(--saffron));}
.pcard.p3 .pcard-stripe{background:linear-gradient(90deg,var(--green),var(--teal));}
.pcard.p4 .pcard-stripe{background:linear-gradient(90deg,var(--navy),var(--teal));}
.pcard-head { display:flex;align-items:flex-start;justify-content:space-between;gap:10px; }
.pcard-status { font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:5px;align-self:flex-start;flex-shrink:0; }
.pcard-status.always{background:var(--navy);color:#fff;}
.pcard-status.default{background:rgba(19,136,8,.1);color:var(--green);}
.pcard-status.univ{background:rgba(27,122,120,.1);color:var(--teal);}
.pcard-title { font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--navy);letter-spacing:-.015em;line-height:1.25; }
.pcard-list { list-style:none;padding:0;display:flex;flex-direction:column;gap:9px; }
.pcard-list li { display:flex;align-items:center;gap:9px;font-family:var(--font-body);font-size:13.5px;color:var(--navy);line-height:1.4; }
.pcard-list li::before { content:'';width:5px;height:5px;border-radius:50%;background:var(--saffron);flex-shrink:0; }
.pcard.p2 .pcard-list li::before{background:var(--teal);}
.pcard.p3 .pcard-list li::before{background:var(--green);}
.pcard.p4 .pcard-list li::before{background:var(--navy);}
.protect-foot { margin-top:36px;padding:18px 24px;background:var(--cream);border:1px solid var(--border);border-left:3px solid var(--saffron);border-radius:10px;font-family:var(--font-body);font-size:13.5px;line-height:1.65;color:var(--muted); }
.protect-foot strong { color:var(--navy);font-weight:600; }

/* ── Embed band ── */
.embed-band { background:linear-gradient(155deg,#1A2E52,#1E3566 55%,#122444);padding:96px 36px;position:relative;overflow:hidden; }
.embed-band::before { content:'';position:absolute;inset:0;background:radial-gradient(circle 500px at 80% 10%,rgba(255,153,51,.14),transparent 65%),radial-gradient(circle 400px at 5% 90%,rgba(19,136,8,.12),transparent 65%);pointer-events:none; }
.embed-inner { max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 480px;gap:72px;align-items:center;position:relative;z-index:1; }
.embed-left h2 { font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.025em;color:#fff;margin:12px 0 14px; }
.embed-left p { font-family:var(--font-body);font-size:16px;line-height:1.65;color:rgba(255,255,255,.66);margin-bottom:28px; }
.embed-trust { display:flex;flex-direction:column;gap:9px; }
.et { display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:13.5px;color:rgba(255,255,255,.8); }
.et-t { width:20px;height:20px;border-radius:50%;background:rgba(19,136,8,.2);color:#4ade80;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700; }
.embed-frame-wrap { background:#06040E;border-radius:20px;overflow:hidden;height:520px;box-shadow:0 24px 60px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08); }
.embed-frame-wrap iframe { width:100%;height:100%;border:none;display:block; }

/* ── Pricing tiers (Pinaakini-specific) ── */
.tier-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px; }
.tier { background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:all var(--dur-base); }
.tier:hover { transform:translateY(-3px);box-shadow:0 12px 36px rgba(26,46,82,.1); }
.tier.rec { border-color:rgba(255,153,51,.4);box-shadow:0 8px 32px rgba(255,153,51,.18);transform:scale(1.02); }
.tier.rec:hover { transform:scale(1.02) translateY(-3px); }
.tier-rec { position:absolute;top:-12px;left:24px;background:var(--saffron);color:#fff;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;font-weight:600;padding:4px 11px;border-radius:100px;box-shadow:0 4px 14px rgba(255,153,51,.36); }
.tier-stripe { position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0; }
.tier.free .tier-stripe{background:linear-gradient(90deg,var(--green),#22C55E);}
.tier.savvy .tier-stripe{background:linear-gradient(90deg,var(--saffron),var(--teal));}
.tier.pro .tier-stripe{background:linear-gradient(90deg,var(--navy),var(--teal));}
.tier-name { font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--navy);letter-spacing:-.02em;margin-top:4px; }
.tier-sub  { font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-weight:500; }
.tier-price-row { display:flex;align-items:baseline;gap:4px;padding:14px 0;border-bottom:1px dashed var(--border); }
.tier-price { font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--navy);letter-spacing:-.025em; }
.tier-per   { font-family:var(--font-body);font-size:13px;color:var(--muted); }
.tier-credits { font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--navy);letter-spacing:-.01em; }
.tier-models-label { font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px; }
.tier-models { font-family:var(--font-body);font-size:13px;color:var(--muted);line-height:1.5; }
.tier-highlight { font-family:var(--font-body);font-size:13.5px;color:var(--navy);font-weight:500;padding:10px 0;border-top:1px solid var(--border);margin-top:auto; }
.tier-addons { display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);padding:16px 24px;background:var(--cream);border-radius:12px;border:1px solid var(--border); }
.tier-addons a { color:var(--teal);font-weight:600; }

@media(max-width:980px){
  .pin-hero-inner{grid-template-columns:1fr;gap:48px;}
  .pin-hero{padding-top:120px;min-height:auto;}
  .ftp-1,.ftp-2{display:none;}
  .pin-steps{grid-template-columns:1fr;}
  .pin-steps::before{display:none;}
  .protect-grid{grid-template-columns:1fr 1fr;}
  .embed-inner{grid-template-columns:1fr;}
  .embed-frame-wrap{height:440px;}
  .tier-grid{grid-template-columns:1fr;}
  .tier.rec{transform:none;}
}
@media(max-width:640px){
  .protect-grid{grid-template-columns:1fr;}
  .pin-strip-inner{flex-direction:column;gap:12px;}
  .psi-sep{display:none;}
}