/* IntellyMind product pages — product-led layout (centered heroes, framed product shots,
   bento feature grids, UI mock cards). Loads after inner.css on /products/ pages. */
:root{--pm:#5a43c9;--pm-2:#7b61f0;--pm-soft:#efecfd;--pm-ink:#1b1745;--lav:#eef1fb;--lav-2:#e6e9f8}

/* ---------- hero ---------- */
.pd-hero{position:relative;overflow:hidden;isolation:isolate;padding:70px 0 0;background:linear-gradient(180deg,var(--lav) 0%,#f5f6fc 70%,#f8f9fc 100%)}
.pd-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle,#5a43c91f 1.6px,transparent 2px) 0 0/26px 26px;-webkit-mask:radial-gradient(ellipse 70% 60% at 50% 20%,#000 20%,transparent 75%);mask:radial-gradient(ellipse 70% 60% at 50% 20%,#000 20%,transparent 75%)}
.pd-hero-copy{text-align:center;max-width:880px;margin:0 auto}
.pd-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe2f4;border-radius:40px;padding:6px 16px 6px 6px;font-size:12px;font-weight:500;color:#3d3a6b;box-shadow:0 6px 18px #3b2f8a12}
.pd-pill b{background:var(--pm);color:#fff;border-radius:30px;padding:4px 10px;font-size:10px;letter-spacing:1px;font-weight:600}
.pd-hero h1{font-size:clamp(42px,5.4vw,78px);line-height:1.04;letter-spacing:-3px;font-weight:600;color:#132541;margin:26px 0 0}
.pd-hero h1 em{font-weight:500;background:linear-gradient(90deg,#137da9,var(--pm) 60%,#a24fb8);-webkit-background-clip:text;background-clip:text;color:transparent}
.pd-hero .pd-lede{font-size:17px;line-height:1.8;color:#56637a;max-width:640px;margin:22px auto 0}
.pd-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:32px}
.pd-btn{display:inline-flex;align-items:center;gap:22px;background:var(--pm);color:#fff;border-radius:6px;padding:15px 24px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}
.pd-btn:hover{background:#4a34b5;transform:translateY(-1px)}
.pd-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#132541;border-bottom:1px solid #b9c2dc;padding:6px 0;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font-family:inherit}
.pd-link:hover{color:var(--pm);border-color:var(--pm)}
.pd-link .pd-play{width:30px;height:30px;border-radius:50%;background:var(--pm);color:#fff;display:grid;place-items:center;font-size:10px;padding-left:2px}
.pd-stage{position:relative;max-width:1080px;margin:56px auto 0;padding-bottom:0}
.pd-shot{position:relative;border-radius:18px 18px 0 0;overflow:hidden;background:#fff;border:1px solid #dfe3f3;border-bottom:0;box-shadow:0 -10px 60px #3b2f8a1f}
.pd-shot img{display:block;width:100%;height:auto;    border-radius: 20px;}
.pd-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3e6f4;border-radius:12px;padding:12px 16px;box-shadow:0 16px 40px #2a2a7a24;font-size:12.5px;line-height:1.35;color:#132541;max-width:260px}
.pd-chip b{display:block;font-weight:600;font-size:13px}
.pd-chip small{display:block;color:#69758a;font-size:11.5px}
.pd-chip .ix-ico{width:38px;height:38px;flex:none;border-radius:10px;background:var(--pm-soft);color:var(--pm)}
.pd-chip .ix-ico svg{width:19px;height:19px}
.pd-chip.c1{left:-60px;top:22%}
.pd-chip.c2{right:-60px;top:12%}
.pd-chip.c3{right:-40px;bottom:16%}

/* dark (voice) hero */
.pd-hero.dark .pd-chip.c1{left:-180px;top:auto;bottom:14%}.pd-hero.dark .pd-chip.c2{right:-180px;top:10%}.pd-hero.dark .pd-chip.c3{right:-180px;bottom:auto;top:52%}
.pd-hero.dark{background:radial-gradient(ellipse at 70% 0%,#3b2a9a 0%,#160f3f 55%,#0b0a24 100%);color:#fff}
.pd-hero.dark:before{background:radial-gradient(circle,#ffffff14 1.4px,transparent 1.8px) 0 0/26px 26px}
.pd-hero.dark h1{color:#fff}
.pd-hero.dark h1 em{background:linear-gradient(90deg,#5fd6cb,#9b8cff 55%,#e07ad6);-webkit-background-clip:text;background-clip:text;color:transparent}
.pd-hero.dark .pd-lede{color:#c3c0e6}
.pd-hero.dark .pd-pill{background:#ffffff14;border-color:#ffffff26;color:#e4e1ff;box-shadow:none}
.pd-hero.dark .pd-link{color:#fff;border-color:#ffffff59}
.pd-hero.dark .pd-link:hover{color:#5fd6cb;border-color:#5fd6cb}
.pd-hero.dark .pd-stage{max-width:900px}.pd-hero.dark .pd-shot{border-color:#ffffff26;background:#120d35;box-shadow:0 -10px 80px #7b61f055}
.pd-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:56px;margin:30px auto 0}
.pd-wave i{display:block;width:5px;border-radius:5px;background:linear-gradient(180deg,#5fd6cb,#9b8cff);animation:pdwave 1.2s ease-in-out infinite;height:30%}
.pd-wave i:nth-child(3n){animation-delay:-.2s}.pd-wave i:nth-child(3n+1){animation-delay:-.5s}.pd-wave i:nth-child(4n){animation-delay:-.8s}.pd-wave i:nth-child(5n){animation-delay:-.35s}
@keyframes pdwave{0%,100%{height:22%}50%{height:100%}}

/* ---------- channel strip ---------- */
.pd-strip{background:#fff;border-top:1px solid var(--ix-line,#e0e5ef);border-bottom:1px solid var(--ix-line,#e0e5ef);padding:26px 0}
.pd-strip .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px}
.pd-strip p{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;color:#7a8299}
.pd-strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pd-strip li{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#2c3a55;background:var(--lav);border:1px solid #e1e5f5;border-radius:30px;padding:8px 14px}
.pd-strip li svg{width:16px;height:16px;fill:none;stroke:var(--pm);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- duo product cards (overview) ---------- */
.pd-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.pd-product{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e1e5f3;transition:transform .25s,box-shadow .25s}
.pd-product:hover{transform:translateY(-4px);box-shadow:0 26px 60px #2a2a7a1f}
.pd-product figure{margin:0;background:#e9edf8;padding:0;overflow:hidden}
.pd-product figure img{display:block;width:100%;height:auto;transition:transform .5s}.pd-product:hover figure img{transform:scale(1.03)}

.pd-product>div{padding:32px 34px 36px;display:flex;flex-direction:column;flex:1}
.pd-tag{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;color:var(--pm);background:var(--pm-soft);border-radius:20px;padding:5px 11px}
.pd-product h3{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:600;margin:18px 0 12px;color:#132541}
.pd-product p{font-size:14.5px;line-height:1.8;color:#5b6780}
.pd-product .ix-checks{margin:20px 0 26px}
.pd-product .pd-more{margin-top:auto;display:inline-flex;gap:10px;align-items:center;font-size:13.5px;font-weight:600;color:var(--pm)}

/* ---------- bento ---------- */
.pd-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:18px}
.pd-tile{position:relative;overflow:hidden;background:#fff;border:1px solid #e1e5f3;border-radius:18px;padding:26px;display:flex;flex-direction:column}
.pd-tile h3{font-size:17px;font-weight:600;letter-spacing:-.3px;margin:18px 0 8px;color:#132541;line-height:1.3}
.pd-tile p{font-size:13px;line-height:1.7;color:#5f6b80}
.pd-tile .ix-ico{background:var(--pm-soft);color:var(--pm)}
.pd-tile.big{grid-column:span 2;grid-row:span 2;background:linear-gradient(160deg,#f3f1fe,#e8ecfa);padding:32px}
.pd-tile.big h3{font-size:24px;letter-spacing:-.7px}
.pd-tile.big img{display:block;width:100%;height:auto;margin-top:auto;border-radius:12px;box-shadow:0 18px 40px #2a2a7a24;transform:translateY(12px)}
.pd-tile.wide{grid-column:span 2}
.pd-tile.dark{background:#16123f;border-color:#16123f}
.pd-tile.dark h3{color:#fff}.pd-tile.dark p{color:#bdb8e8}
.pd-tile.dark .ix-ico{background:#ffffff14;color:#9b8cff}

/* ---------- UI mocks ---------- */
.pd-mock{background:#fff;border:1px solid #e1e5f3;border-radius:16px;box-shadow:0 22px 50px #2a2a7a1c;padding:20px;font-size:13px;color:#132541}
.pd-mock-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf0f7;font-weight:600;font-size:13px}
.pd-mock-head small{font-weight:500;color:#7a8299;font-size:11px}
.pd-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#18b89a;margin-right:6px}
.pd-src{display:grid;gap:10px}
.pd-src div{display:flex;align-items:center;gap:12px;background:#f7f8fd;border:1px solid #eceff8;border-radius:10px;padding:11px 12px}
.pd-src span.ext{flex:none;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;background:var(--pm)}
.pd-src span.ext.url{background:#137da9}.pd-src span.ext.faq{background:#0fa89c}.pd-src span.ext.doc{background:#e48a0c}
.pd-src b{display:block;font-size:12.5px;font-weight:600}
.pd-src small{display:block;color:#7a8299;font-size:11px}
.pd-src em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:600;color:#0d8f74;background:#e2f6ef;border-radius:20px;padding:3px 9px;white-space:nowrap}
.pd-chat{display:flex;flex-direction:column;gap:10px}
.pd-msg{max-width:82%;padding:10px 14px;border-radius:14px;line-height:1.5;font-size:12.5px}
.pd-msg.user{align-self:flex-end;background:var(--pm);color:#fff;border-bottom-right-radius:4px}
.pd-msg.bot{align-self:flex-start;background:#f1f2fa;color:#22264a;border-bottom-left-radius:4px}
.pd-msg.sys{align-self:center;background:#fff6e5;color:#8a5a00;font-size:11.5px;border-radius:20px;padding:6px 12px}
.pd-msg.agent{align-self:flex-start;background:#e2f6ef;color:#14463b;border-bottom-left-radius:4px}
.pd-msg small{display:block;font-size:10px;opacity:.7;margin-bottom:3px;font-weight:600}
.pd-flowmock{display:grid;gap:10px}
.pd-flowmock div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#f7f8fd;border:1px solid #eceff8;position:relative}
.pd-flowmock div+div:before{content:"";position:absolute;left:30px;top:-11px;height:10px;border-left:2px dashed #c8cdea}
.pd-flowmock span:first-child{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--pm-soft);color:var(--pm)}
.pd-flowmock span:first-child svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pd-flowmock b{font-size:12.5px;font-weight:600}.pd-flowmock small{display:block;font-size:11px;color:#7a8299}
.pd-flowmock .done{margin-left:auto;font-size:10.5px;font-weight:600;color:#0d8f74}
.pd-bars{display:grid;gap:12px}
.pd-bars div{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;font-size:12px;color:#3d4a63}
.pd-bars i{display:block;height:10px;border-radius:10px;background:linear-gradient(90deg,var(--pm),#9b8cff)}
.pd-note{display:block;margin-top:14px;font-size:10.5px;color:#9aa2b8;text-align:right}

/* ---------- feature rows ---------- */
.pd-portrait{max-width:360px;margin:0 auto}.pd-portrait img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 22px 50px #0006}
.pd-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.pd-feature+.pd-feature{margin-top:110px}
.pd-feature.rev>.pd-visual{order:2}
.pd-visual{position:relative;padding:34px;border-radius:26px;background:linear-gradient(150deg,var(--lav),#f6f3ff)}
.pd-visual>img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 22px 50px #2a2a7a24}
.pd-feature .pd-tag{margin-bottom:18px}
.pd-feature h2{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 18px;font-weight:600;color:#132541}
.pd-feature h2 em{color:var(--pm);font-weight:500}
.pd-feature p{font-size:15px;line-height:1.9;color:#5b6780}
.pd-feature p+p{margin-top:12px}
.pd-feature .ix-checks li:before{background-color:var(--pm-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a43c9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}

/* ---------- how it works ---------- */
.pd-steps{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:22px;counter-reset:pds}
.pd-step{counter-increment:pds;position:relative;background:#fff;border:1px solid #e1e5f3;border-radius:18px;padding:30px 28px 32px;overflow:hidden}
.pd-step:before{content:counter(pds,decimal-leading-zero);position:absolute;right:18px;top:6px;font-size:76px;font-weight:700;letter-spacing:-3px;color:#5a43c912;line-height:1}
.pd-step .ix-ico{background:var(--pm);color:#fff}
.pd-step h3{font-size:19px;font-weight:600;margin:20px 0 8px;letter-spacing:-.4px;color:#132541}
.pd-step p{font-size:13.5px;line-height:1.75;color:#5f6b80}

/* ---------- use cases ---------- */
.pd-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pd-case{border-radius:16px;padding:26px;background:#fff;border:1px solid #e1e5f3;position:relative}
.pd-case small{font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600;color:var(--pm)}
.pd-case h3{font-size:17px;font-weight:600;margin:10px 0 8px;color:#132541;letter-spacing:-.3px}
.pd-case p{font-size:13px;line-height:1.7;color:#5f6b80}
.pd-case q{display:block;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--lav);font-size:12.5px;color:#2c2a5a;font-style:italic;quotes:"“" "”"}

/* ---------- video ---------- */
.pd-video{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.pd-video.portrait{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.pd-player{border-radius:22px;padding:8px;background:#fff;box-shadow:0 30px 70px #1b145040}
.pd-player video{display:block;width:100%;height:auto;border-radius:12px;background:#0e0b2b}
.pd-video.portrait .pd-player{max-width:380px;justify-self:center}
.pd-video.portrait .pd-player video{max-height:560px;object-fit:contain}
.pd-video h2{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 18px;font-weight:600;color:#132541}
.pd-video h2 em{color:var(--pm);font-weight:500}
.pd-video p{font-size:15px;line-height:1.9;color:#5b6780}

/* ---------- section accents ---------- */
.pd-section-lav{background:linear-gradient(180deg,#f3f4fc,#eef1fb)}
.pd-head-center{text-align:center;max-width:760px;margin:0 auto 52px}
.pd-head-center .eyebrow{justify-content:center}
.pd-head-center h2{font-size:clamp(32px,3.6vw,52px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:0;color:#132541}
.pd-head-center h2 em{color:var(--pm);font-weight:500}
.pd-head-center p{font-size:15.5px;line-height:1.85;color:#5b6780;margin-top:16px}
.pd-disclaimer{font-size:12px;color:#8590a6;text-align:center;margin-top:26px}

/* ---------- responsive ---------- */
@media(max-width:1200px){.pd-chip.c1,.pd-hero.dark .pd-chip.c1{left:-12px}.pd-chip.c2,.pd-hero.dark .pd-chip.c2{right:-12px}.pd-chip.c3,.pd-hero.dark .pd-chip.c3{right:-12px}}
@media(max-width:1100px){.pd-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-feature{gap:48px}.pd-video{gap:40px}}
@media(max-width:950px){
 .pd-hero{padding-top:44px}
 .pd-chip{display:none}
 .pd-duo{grid-template-columns:1fr}
 .pd-feature,.pd-feature.rev{grid-template-columns:1fr;gap:36px}
 .pd-feature.rev>.pd-visual{order:0}
 .pd-feature+.pd-feature{margin-top:76px}
 .pd-steps{grid-template-columns:1fr}
 .pd-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pd-video,.pd-video.portrait{grid-template-columns:1fr;gap:34px}
}
@media(max-width:760px){
 .pd-hero h1{font-size:40px;letter-spacing:-1.6px}
 .pd-hero .pd-lede{font-size:15px}
 .pd-stage{margin-top:40px}
 .pd-bento{grid-template-columns:1fr}
 .pd-tile.big,.pd-tile.wide{grid-column:auto;grid-row:auto}
 .pd-cases{grid-template-columns:1fr}
 .pd-visual{padding:18px}
 .pd-product>div{padding:26px 22px 28px}
 .pd-product h3{font-size:25px}
 .pd-strip .container{justify-content:center;text-align:center}
 .pd-bars div{grid-template-columns:90px 1fr}
}
@media(prefers-reduced-motion:reduce){.pd-wave i{animation:none;height:60%}.pd-product,.pd-btn{transition:none}}

/* ================= AI Forward Deployed Engineering page (fd-) ================= */
.fd-hero{position:relative;overflow:hidden;isolation:isolate;padding:64px 0 90px;background:linear-gradient(180deg,var(--lav) 0%,#f8f9fc 100%)}
.fd-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle,#5a43c91c 1.6px,transparent 2px) 0 0/26px 26px;-webkit-mask:radial-gradient(ellipse 60% 70% at 85% 30%,#000 15%,transparent 70%);mask:radial-gradient(ellipse 60% 70% at 85% 30%,#000 15%,transparent 70%)}
.fd-hero .container{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:64px;align-items:center}
.fd-hero h1{font-size:clamp(40px,4.6vw,68px);line-height:1.04;letter-spacing:-2.6px;font-weight:600;color:#132541;margin:24px 0 0}
.fd-hero h1 em{display:block;font-weight:500;background:linear-gradient(90deg,#137da9,var(--pm) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fd-hero .pd-lede{font-size:16.5px;line-height:1.85;color:#56637a;max-width:560px;margin-top:22px}
.fd-hero .pd-actions{justify-content:flex-start}
.fd-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:38px;max-width:580px}
.fd-proof div{border-left:2px solid var(--pm);padding:2px 0 2px 14px}
.fd-proof b{display:block;font-size:14px;font-weight:600;color:#132541;line-height:1.35}
.fd-proof small{display:block;font-size:12px;color:#69758a;line-height:1.5;margin-top:3px}
.fd-media{position:relative;margin:0}
.fd-media>img{display:block;width:100%;height:auto;aspect-ratio:4/4.2;object-fit:cover;object-position:62% center;border-radius:22px;box-shadow:0 26px 60px #2a2a7a24}
.fd-board{position:absolute;left:-46px;bottom:-34px;width:min(330px,80%);background:#fff;border:1px solid #e3e6f4;border-radius:16px;padding:18px 18px 14px;box-shadow:0 22px 50px #2a2a7a2e}
.fd-board-head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;color:#132541;margin-bottom:12px}
.fd-board-head small{font-size:10.5px;font-weight:600;color:var(--pm);background:var(--pm-soft);border-radius:20px;padding:3px 9px}
.fd-board ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.fd-board li{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;font-size:12.5px;color:#2c3a55}
.fd-board li:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #cfd5ea;background:#fff}
.fd-board li.done:before{background:#0fa89c;border-color:#0fa89c}
.fd-board li.now:before{background:var(--pm);border-color:var(--pm);box-shadow:0 0 0 4px var(--pm-soft)}
.fd-board li small{font-size:10.5px;color:#8a93a9;white-space:nowrap}
.fd-board .pd-note{margin-top:10px}
/* gap visual */
.fd-gap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;margin-top:10px}
.fd-node{background:#fff;border:1px solid #e1e5f3;border-radius:16px;padding:20px 22px;min-width:200px;box-shadow:0 12px 30px #2a2a7a12}
.fd-node small{display:block;font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600;color:#8a93a9}
.fd-node b{display:block;font-size:18px;font-weight:600;color:#132541;margin-top:6px}
.fd-node.end{background:var(--pm);border-color:var(--pm)}.fd-node.end small{color:#d6cffc}.fd-node.end b{color:#fff}
.fd-bridge{position:relative;text-align:center;padding:30px 0}
.fd-bridge:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed #c3c8e6}
.fd-bridge span{position:relative;display:inline-block;background:#f8f9fc;padding:8px 16px;border-radius:30px;border:1px solid #dfe3f3;font-size:13px;font-weight:600;color:var(--pm)}
.fd-blockers{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.fd-blockers span{font-size:12.5px;font-weight:500;color:#7a3b16;background:#fdf1e6;border:1px solid #f6dcc4;border-radius:30px;padding:7px 14px}
/* compare */
.fd-compare{border:1px solid #e1e5f3;border-radius:20px;overflow:hidden;background:#fff}
.fd-compare table{width:100%;border-collapse:collapse;font-size:14px}
.fd-compare th,.fd-compare td{padding:18px 22px;text-align:left;border-bottom:1px solid #edf0f7;vertical-align:top}
.fd-compare thead th{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:600;color:#69758a;background:#f7f8fd}
.fd-compare thead th.us{background:var(--pm);color:#fff}
.fd-compare tbody th{font-weight:600;color:#132541;width:24%}
.fd-compare td{color:#5b6780;line-height:1.6}
.fd-compare td.us{background:#f5f3ff;color:#2c2a5a;font-weight:500}
.fd-compare tr:last-child th,.fd-compare tr:last-child td{border-bottom:0}
.fd-compare td.us:before{content:"✓ ";color:var(--pm);font-weight:700}
/* timeline */
.fd-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.fd-phase{position:relative;padding:0 22px 0 0}
.fd-phase .fd-bar{height:10px;border-radius:10px;background:linear-gradient(90deg,var(--pm),#9b8cff);margin:18px 0 22px}
.fd-phase:nth-child(2) .fd-bar{background:linear-gradient(90deg,#137da9,#5fb6d6)}.fd-phase:nth-child(3) .fd-bar{background:linear-gradient(90deg,#0fa89c,#5fd6cb)}.fd-phase:nth-child(4) .fd-bar{background:linear-gradient(90deg,#e48a0c,#f6b85b)}
.fd-phase small{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;color:#8a93a9}
.fd-phase h3{font-size:19px;font-weight:600;color:#132541;margin:0 0 8px;letter-spacing:-.4px}
.fd-phase p{font-size:13.5px;line-height:1.7;color:#5f6b80}
.fd-phase ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:7px}
.fd-phase li{font-size:12.5px;color:#3d4a63;padding-left:16px;position:relative}
.fd-phase li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--pm)}
/* pod */
.fd-pod{display:grid;grid-template-columns:1fr minmax(0,300px) 1fr;grid-template-rows:auto auto;gap:18px;align-items:center}
.fd-core{grid-column:2;grid-row:1/span 2;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 30% 30%,#7b61f0,#3b2a9a);color:#fff;padding:40px;box-shadow:0 0 0 14px #5a43c91a,0 0 0 28px #5a43c90d}
.fd-core b{display:block;font-size:22px;font-weight:600;line-height:1.25}
.fd-core small{display:block;font-size:12.5px;color:#d9d3ff;margin-top:8px;line-height:1.5}
.fd-role{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e1e5f3;border-radius:16px;padding:20px}
.fd-role .ix-ico{background:var(--pm-soft);color:var(--pm);flex:none}
.fd-role b{display:block;font-size:15px;font-weight:600;color:#132541}
.fd-role p{font-size:12.5px;line-height:1.65;color:#5f6b80;margin-top:4px}
@media(max-width:1100px){.fd-hero .container{gap:44px}.fd-timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}}
@media(max-width:950px){.fd-hero .container{grid-template-columns:1fr}.fd-media{max-width:620px}.fd-media>img{aspect-ratio:4/3}.fd-board{left:16px}.fd-gap{grid-template-columns:1fr;text-align:center}.fd-bridge{padding:6px 0}.fd-bridge:before{left:50%;right:auto;top:0;bottom:0;border-top:0;border-left:2px dashed #c3c8e6}.fd-pod{grid-template-columns:1fr 1fr}.fd-core{grid-column:1/-1;grid-row:auto;max-width:280px;justify-self:center}}
@media(max-width:760px){.fd-hero{padding:40px 0 70px}.fd-hero h1{font-size:40px;letter-spacing:-1.6px}.fd-proof{grid-template-columns:1fr}.fd-board{position:relative;left:auto;bottom:auto;width:auto;margin:-40px 14px 0}.fd-compare table,.fd-compare tbody,.fd-compare tr,.fd-compare th,.fd-compare td{display:block;width:auto}.fd-compare thead{display:none}.fd-compare tr{padding:18px 18px 8px;border-bottom:1px solid #edf0f7}.fd-compare tbody th{padding:0 0 10px;border:0;font-size:15px;width:auto}.fd-compare td{padding:8px 12px;border:0;border-radius:10px;margin-bottom:8px;background:#f7f8fd}.fd-compare td:before,.fd-compare td.us:before{content:attr(data-label);display:block;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;font-weight:600;color:#8a93a9;margin-bottom:2px}.fd-compare td.us:before{color:var(--pm)}.fd-timeline{grid-template-columns:1fr}.fd-pod{grid-template-columns:1fr}}