/* ISOFT Implementation Page V2 - native HTML/CSS visual design */
:root{--dp-navy:#07367f;--dp-blue:#0d66dc;--dp-cyan:#27a9ff;--dp-text:#173e67;--dp-muted:#617c9b;--dp-line:#d9e9f6;--dp-soft:#f6fbff;--dp-red:#ef2b2d;--dp-green:#13a878;--dp-orange:#ff7b2e;--dp-violet:#7357e8}
.dp-wrap{width:min(1280px,calc(100% - 48px));margin:0 auto}.dp-kicker{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--dp-blue);text-transform:uppercase}.dp-hero{position:relative;overflow:hidden;padding:76px 0 72px;background:linear-gradient(135deg,#f9fcff 0%,#eef8ff 58%,#e9f3ff 100%);border-bottom:1px solid #e4eef7}.dp-hero:after{content:"";position:absolute;width:620px;height:620px;right:-180px;top:-230px;border-radius:50%;background:radial-gradient(circle,rgba(44,156,255,.16),rgba(44,156,255,0) 70%)}.dp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);gap:64px;align-items:center}.dp-hero-copy h1{font-size:clamp(46px,5.2vw,78px);line-height:.98;margin:18px 0 26px;color:var(--dp-navy);letter-spacing:-.045em}.dp-hero-copy h1 span{color:var(--dp-blue);font-weight:500}.dp-hero-copy>p{font-size:20px;line-height:1.7;color:#466789;max-width:760px}.dp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.dp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid #b8d5ec;color:var(--dp-navy);font-weight:800;text-decoration:none;background:#fff}.dp-btn.dp-primary{background:var(--dp-blue);border-color:var(--dp-blue);color:#fff;box-shadow:0 12px 30px rgba(13,102,220,.18)}.dp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:620px}.dp-metrics div{padding:14px 16px;border-left:2px solid #d2e7f7}.dp-metrics strong{display:block;color:var(--dp-navy);font-size:24px}.dp-metrics span{display:block;margin-top:2px;color:var(--dp-muted);font-size:13px}.dp-hero-board{background:rgba(255,255,255,.92);border:1px solid #cfe2f1;border-radius:28px;padding:30px;box-shadow:0 25px 70px rgba(24,77,128,.12);backdrop-filter:blur(8px)}.dp-board-title{font-size:21px;font-weight:800;color:var(--dp-navy);margin-bottom:22px}.dp-board-flow{display:flex;align-items:center;gap:8px;font-size:12px;color:#557394;font-weight:800}.dp-board-flow span{padding:7px 9px;border-radius:9px;background:#eff7ff;white-space:nowrap}.dp-board-flow i{flex:1;height:2px;background:linear-gradient(90deg,#afd9f8,var(--dp-blue));position:relative}.dp-board-flow i:after{content:"";position:absolute;right:-1px;top:-3px;border-left:5px solid var(--dp-blue);border-top:4px solid transparent;border-bottom:4px solid transparent}.dp-board-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.dp-board-stack>div{position:relative;padding:18px 18px 18px 60px;border:1px solid #dcebf7;border-radius:16px;background:linear-gradient(135deg,#fff,#f6fbff)}.dp-board-stack>div span{position:absolute;left:16px;top:18px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#e9f5ff;color:var(--dp-blue);font-weight:900}.dp-board-stack b{display:block;color:var(--dp-navy);font-size:16px}.dp-board-stack small{color:var(--dp-muted)}.dp-board-footer{display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,var(--dp-navy),#0b62ca);padding:16px 18px;border-radius:16px;color:#fff}.dp-board-footer b{font-size:18px}.dp-board-footer span{font-size:13px;opacity:.9}.dp-section{padding:88px 0}.dp-soft{background:#f7fbff}.dp-section-head{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:end;margin-bottom:34px}.dp-section-head h2,.dp-panel h2,.dp-support h2{font-size:clamp(34px,3.6vw,52px);line-height:1.03;letter-spacing:-.03em;color:var(--dp-navy);margin:12px 0 0}.dp-section-head h2 span,.dp-panel h2 span{color:var(--dp-blue);font-weight:500}.dp-section-head>p{font-size:16px;line-height:1.7;color:var(--dp-muted);margin:0}.dp-process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative}.dp-process-grid:before{content:"";position:absolute;left:4%;right:4%;top:37px;height:2px;background:linear-gradient(90deg,#65bff8,#0872ed);z-index:0}.dp-step{position:relative;z-index:1;min-height:376px;background:#fff;border:1px solid var(--dp-line);border-radius:20px;padding:18px 16px 16px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(23,73,119,.045);transition:.22s ease}.dp-step:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(23,73,119,.1);border-color:#abd2ef}.dp-step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dp-num{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--dp-blue);color:#fff;font-weight:900;font-size:18px;box-shadow:0 0 0 7px #e9f5ff}.dp-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf7ff;color:var(--dp-blue)}.dp-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dp-step-3 .dp-num{background:var(--dp-green)}.dp-step-3 .dp-icon{color:var(--dp-green);background:#ecfaf4}.dp-step-4 .dp-num{background:var(--dp-orange)}.dp-step-4 .dp-icon{color:var(--dp-orange);background:#fff4ed}.dp-step-5 .dp-num{background:var(--dp-violet)}.dp-step-5 .dp-icon{color:var(--dp-violet);background:#f4f1ff}.dp-step h3{font-size:18px;line-height:1.2;color:var(--dp-navy);margin:0 0 12px}.dp-step ul{list-style:none;margin:0;padding:0}.dp-step li{position:relative;padding:6px 0 6px 15px;color:#4d6c8b;font-size:14px;line-height:1.4}.dp-step li:before{content:"";position:absolute;left:0;top:13px;width:5px;height:5px;border-radius:50%;background:var(--dp-blue)}.dp-outcome{margin-top:auto;padding:11px 12px;border-radius:12px;background:#f1f8fe;color:var(--dp-navy);font-size:12px;font-weight:800}.dp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dp-panel{background:#fff;border:1px solid var(--dp-line);border-radius:24px;padding:30px;box-shadow:0 10px 30px rgba(17,62,105,.04)}.dp-panel h2{font-size:38px;margin-bottom:26px}.dp-success-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dp-success-item,.dp-team-item{display:flex;gap:13px;align-items:flex-start;padding:14px;border-radius:15px;background:#f8fbfe;border:1px solid #e5eff7}.dp-success-item .dp-icon,.dp-team-item .dp-icon{flex:0 0 40px;width:40px;height:40px}.dp-success-item b,.dp-team-item b{display:block;color:var(--dp-navy);font-size:14px;margin-bottom:4px}.dp-success-item span,.dp-team-item span{display:block;color:var(--dp-muted);font-size:12.5px;line-height:1.45}.dp-team-list{display:grid;gap:10px}.dp-team-item{padding:15px}.dp-team-item .dp-icon{background:#eef4ff}.dp-support{padding:66px 0;background:linear-gradient(135deg,#07367f,#0a60ba);color:#fff}.dp-support .dp-kicker{color:#90cfff}.dp-support h2{color:#fff;font-size:36px;max-width:760px}.dp-tool-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:28px}.dp-tool{min-height:150px;padding:18px 14px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.dp-tool .dp-icon{background:rgba(255,255,255,.12);color:#fff;margin-bottom:auto}.dp-tool b{font-size:14px}.dp-tool span{font-size:12px;opacity:.72;margin-top:4px}.dp-journey-section{background:#fff}.dp-journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.dp-journey-card{position:relative;min-height:360px;border:1px solid #dcebf6;border-radius:20px;padding:22px 18px 18px;background:linear-gradient(180deg,#f8fcff,#fff);display:flex;flex-direction:column}.dp-journey-no{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--dp-blue);color:#fff;font-weight:900;margin-bottom:18px;box-shadow:0 0 0 7px #e9f5ff}.dp-journey-card:nth-child(3) .dp-journey-no{background:var(--dp-green)}.dp-journey-card:nth-child(4) .dp-journey-no{background:var(--dp-orange)}.dp-journey-card:nth-child(5) .dp-journey-no{background:var(--dp-violet)}.dp-journey-card h3{font-size:20px;color:var(--dp-navy);margin:0 0 13px;line-height:1.2}.dp-journey-card ul{list-style:none;padding:0;margin:0}.dp-journey-card li{position:relative;padding:7px 0 7px 18px;color:#557492;font-size:13.5px;line-height:1.45}.dp-journey-card li:before{content:"✓";position:absolute;left:0;color:var(--dp-blue);font-weight:900}.dp-journey-result{margin-top:auto;background:var(--dp-navy);color:#fff;border-radius:12px;padding:12px;font-size:12px;line-height:1.35;text-transform:uppercase;font-weight:800;text-align:center;letter-spacing:.02em}.dp-value-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:20px;background:#d8e9f7;border:1px solid #d8e9f7;border-radius:18px;overflow:hidden}.dp-value-strip>div{background:#f8fcff;padding:18px}.dp-value-strip b{display:block;color:var(--dp-navy);font-size:14px}.dp-value-strip span{display:block;color:var(--dp-muted);font-size:12px;margin-top:5px;line-height:1.4}
@media(max-width:1180px){.dp-hero-grid{grid-template-columns:1fr;gap:34px}.dp-process-grid{grid-template-columns:repeat(3,1fr)}.dp-process-grid:before{display:none}.dp-tool-grid{grid-template-columns:repeat(3,1fr)}.dp-journey-grid{grid-template-columns:repeat(2,1fr)}.dp-journey-card:last-child{grid-column:span 2}.dp-value-strip{grid-template-columns:repeat(2,1fr)}.dp-value-strip>div:last-child{grid-column:span 2}}
@media(max-width:820px){.dp-wrap{width:min(100% - 28px,1280px)}.dp-hero{padding:50px 0}.dp-hero-copy h1{font-size:48px}.dp-section{padding:64px 0}.dp-section-head{grid-template-columns:1fr;gap:16px}.dp-process-grid{grid-template-columns:repeat(2,1fr)}.dp-two-col{grid-template-columns:1fr}.dp-success-grid{grid-template-columns:1fr}.dp-tool-grid{grid-template-columns:repeat(2,1fr)}.dp-journey-grid{grid-template-columns:1fr}.dp-journey-card:last-child{grid-column:auto}.dp-value-strip{grid-template-columns:1fr}.dp-value-strip>div:last-child{grid-column:auto}.dp-metrics{grid-template-columns:1fr 1fr 1fr}.dp-board-flow{overflow:auto}.dp-board-flow i{min-width:24px}}
@media(max-width:560px){.dp-hero-copy h1{font-size:39px}.dp-hero-copy>p{font-size:17px}.dp-hero-board{padding:20px;border-radius:20px}.dp-board-stack{grid-template-columns:1fr}.dp-metrics{grid-template-columns:1fr}.dp-process-grid{grid-template-columns:1fr}.dp-step{min-height:0}.dp-tool-grid{grid-template-columns:1fr 1fr}.dp-panel{padding:22px}.dp-section-head h2,.dp-panel h2,.dp-support h2{font-size:32px}}
/* V1.9 — richer interactive visual treatment */
:root{--dp-teal:#0ba3a5;--dp-gold:#f0a51b;--dp-pink:#e34c87}
.dp-step,.dp-panel,.dp-tool,.dp-journey-card,.dp-success-item,.dp-team-item{will-change:transform,box-shadow}
.dp-step{overflow:hidden}
.dp-step:after{content:"";position:absolute;inset:auto -35% -45% auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(13,102,220,.10),rgba(13,102,220,0) 70%);pointer-events:none;transition:.3s ease}
.dp-step:hover:after{transform:scale(1.2)}
.dp-step h3{transition:.2s ease}
.dp-step:hover h3{color:var(--dp-blue)}
.dp-step-1{border-top:3px solid #1584ef}.dp-step-2{border-top:3px solid #3f70dd}.dp-step-3{border-top:3px solid var(--dp-green)}.dp-step-4{border-top:3px solid var(--dp-orange)}.dp-step-5{border-top:3px solid var(--dp-violet)}.dp-step-6{border-top:3px solid #1557c8}
.dp-step-1 .dp-icon{color:#1584ef;background:linear-gradient(135deg,#e8f6ff,#f7fbff)}
.dp-step-2 .dp-icon{color:#3f70dd;background:linear-gradient(135deg,#edf0ff,#fafbff)}
.dp-step-3 .dp-icon{color:var(--dp-green);background:linear-gradient(135deg,#e8fbf3,#f8fffc)}
.dp-step-4 .dp-icon{color:var(--dp-orange);background:linear-gradient(135deg,#fff0e6,#fffaf7)}
.dp-step-5 .dp-icon{color:var(--dp-violet);background:linear-gradient(135deg,#f0ecff,#fbfaff)}
.dp-step-6 .dp-icon{color:#1557c8;background:linear-gradient(135deg,#e8f0ff,#f8fbff)}
.dp-step-1 .dp-num{background:linear-gradient(135deg,#2bb3ff,#0871e4)}
.dp-step-2 .dp-num{background:linear-gradient(135deg,#6a8ef8,#3d68dc)}
.dp-step-3 .dp-num{background:linear-gradient(135deg,#33cf9c,#0f9b6e)}
.dp-step-4 .dp-num{background:linear-gradient(135deg,#ff9d50,#f46a20)}
.dp-step-5 .dp-num{background:linear-gradient(135deg,#9b7dff,#6b4ddd)}
.dp-step-6 .dp-num{background:linear-gradient(135deg,#3180ff,#0b4ab7)}
.dp-outcome{border:1px solid #dcecf8;background:linear-gradient(135deg,#f7fbff,#eef7ff)}
.dp-panel{transition:.28s ease;position:relative;overflow:hidden}
.dp-panel:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--dp-blue),var(--dp-cyan),var(--dp-green))}
.dp-panel:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(17,62,105,.10)}
.dp-panel h2 span{background:linear-gradient(90deg,var(--dp-blue),#28a5ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.dp-success-item,.dp-team-item{transition:.22s ease;background:linear-gradient(135deg,#fbfdff,#f5faff)}
.dp-success-item:hover,.dp-team-item:hover{transform:translateX(4px);border-color:#bcdcf4;box-shadow:0 10px 24px rgba(16,75,128,.08)}
.dp-success-item:nth-child(1) .dp-icon,.dp-team-item:nth-child(1) .dp-icon{color:#136ee8;background:#eaf3ff}
.dp-success-item:nth-child(2) .dp-icon,.dp-team-item:nth-child(2) .dp-icon{color:var(--dp-teal);background:#e9fbfb}
.dp-success-item:nth-child(3) .dp-icon,.dp-team-item:nth-child(3) .dp-icon{color:var(--dp-violet);background:#f1efff}
.dp-success-item:nth-child(4) .dp-icon,.dp-team-item:nth-child(4) .dp-icon{color:var(--dp-orange);background:#fff1e8}
.dp-success-item:nth-child(5) .dp-icon{color:var(--dp-gold);background:#fff8e5}
.dp-success-item:nth-child(6) .dp-icon{color:var(--dp-green);background:#eafaf4}
.dp-success-item b,.dp-team-item b{font-size:14.5px}
.dp-success-item:hover b,.dp-team-item:hover b{color:var(--dp-blue)}
.dp-tool{position:relative;overflow:hidden;transition:.26s ease;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055))}
.dp-tool:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 45%);transform:translateX(-110%);transition:.4s ease}
.dp-tool:hover{transform:translateY(-5px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3);box-shadow:0 18px 30px rgba(1,28,74,.22)}
.dp-tool:hover:before{transform:translateX(110%)}
.dp-tool:nth-child(1) .dp-icon{color:#78d4ff;background:rgba(45,178,255,.18)}
.dp-tool:nth-child(2) .dp-icon{color:#9bb7ff;background:rgba(102,132,255,.18)}
.dp-tool:nth-child(3) .dp-icon{color:#64e6c0;background:rgba(51,207,156,.16)}
.dp-tool:nth-child(4) .dp-icon{color:#ffd07e;background:rgba(255,174,53,.16)}
.dp-tool:nth-child(5) .dp-icon{color:#c4aaff;background:rgba(151,109,255,.18)}
.dp-tool:nth-child(6) .dp-icon{color:#8cd8ff;background:rgba(45,168,255,.16)}
.dp-journey-card{transition:.28s ease;overflow:hidden}
.dp-journey-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(14,68,120,.10);border-color:#b9d9ef}
.dp-journey-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#1683ee}
.dp-journey-card:nth-child(2):before{background:#5579e7}.dp-journey-card:nth-child(3):before{background:var(--dp-green)}.dp-journey-card:nth-child(4):before{background:var(--dp-orange)}.dp-journey-card:nth-child(5):before{background:var(--dp-violet)}
.dp-journey-card:nth-child(2) .dp-journey-no{background:linear-gradient(135deg,#7599ff,#4e69d7)}
.dp-journey-result{transition:.2s ease;background:linear-gradient(110deg,var(--dp-navy),#0b5fbd)}
.dp-journey-card:hover .dp-journey-result{background:linear-gradient(110deg,#0c57b6,#1287e8)}
.dp-value-strip>div{position:relative;transition:.22s ease}
.dp-value-strip>div:hover{background:#eef8ff;transform:translateY(-2px)}
.dp-value-strip>div:before{content:"";display:block;width:32px;height:3px;border-radius:99px;background:var(--dp-blue);margin-bottom:10px}
.dp-value-strip>div:nth-child(2):before{background:var(--dp-teal)}.dp-value-strip>div:nth-child(3):before{background:var(--dp-green)}.dp-value-strip>div:nth-child(4):before{background:var(--dp-orange)}.dp-value-strip>div:nth-child(5):before{background:var(--dp-violet)}
.dp-hero-board{transition:.35s ease}
.dp-hero-board:hover{transform:translateY(-4px);box-shadow:0 32px 85px rgba(24,77,128,.16)}
.dp-board-stack>div{transition:.2s ease}
.dp-board-stack>div:hover{transform:translateY(-3px);border-color:#b8d8ef;box-shadow:0 10px 24px rgba(20,83,136,.08)}
.dp-board-stack>div:nth-child(1) span{background:#eaf4ff;color:#1478ea}.dp-board-stack>div:nth-child(2) span{background:#eafaf4;color:var(--dp-green)}.dp-board-stack>div:nth-child(3) span{background:#fff0e6;color:var(--dp-orange)}.dp-board-stack>div:nth-child(4) span{background:#f2efff;color:var(--dp-violet)}
@media (prefers-reduced-motion:no-preference){
.dp-hero-copy,.dp-hero-board{animation:dpFadeUp .65s ease both}
.dp-hero-board{animation-delay:.08s}
.dp-step{animation:dpFadeUp .55s ease both}
.dp-step:nth-child(2){animation-delay:.04s}.dp-step:nth-child(3){animation-delay:.08s}.dp-step:nth-child(4){animation-delay:.12s}.dp-step:nth-child(5){animation-delay:.16s}.dp-step:nth-child(6){animation-delay:.20s}
}
@keyframes dpFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}