:root{--navy:#09264f;--blue:#146ce5;--green:#16a35a;--gold:#d59a1d;--line:#d7e4f2;--bg:#f5faff;--text:#0b2850}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none}.dt-wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.dt-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.dt-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.dt-brand img{width:174px;height:54px;object-fit:contain;object-position:left center}.dt-nav nav{display:flex;gap:28px;align-items:center}.dt-nav nav a{font-weight:800;color:var(--navy)}.dt-outline{border:1px solid #a9c8ef;padding:11px 18px;border-radius:12px}
.dt-hero{background:radial-gradient(circle at 80% 20%,#dff8ed,transparent 24%),linear-gradient(135deg,#f7fbff,#eaf6ff);padding:72px 0}.dt-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.eyebrow{color:var(--blue);font-size:13px;letter-spacing:.15em;font-weight:900}.dt-hero h1{font-size:clamp(48px,6vw,72px);line-height:.98;letter-spacing:-.045em;margin:14px 0 24px}.dt-hero h1 span{color:var(--blue)}.lead{font-size:20px;color:#435f7d;max-width:680px}.steps{margin-top:28px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:800}.steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:white}.steps i{font-style:normal;color:#8aa1b9}
.sealbox{position:relative;background:white;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 20px 60px rgba(9,38,79,.08)}.sealbox img{display:block;width:100%;height:auto}.sealbox .sample{display:inline-block;margin-bottom:16px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#7b5a11;background:#fff6d9;border:1px solid #ebcd72;padding:7px 10px;border-radius:999px}.sealbox p{margin-bottom:0;color:#526a83}
.dt-section{padding:58px 0}.dt-assessment{display:grid;grid-template-columns:1fr 300px;gap:40px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 15px 45px rgba(9,38,79,.06)}h2{font-size:38px;line-height:1.1;margin:8px 0 15px}.dt-assessment ul,.price-grid ul{padding-left:0;list-style:none}.dt-assessment li,.price-grid li{margin:8px 0}.dt-assessment li:before,.price-grid li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}.legal{font-size:14px;color:#60758d}.assessment-price{background:var(--navy);color:#fff;border-radius:18px;padding:26px;display:flex;flex-direction:column;justify-content:center}.assessment-price small{font-weight:900;letter-spacing:.1em;color:#c7d8ec}.assessment-price strong{font-size:58px;line-height:1.1;margin:8px 0 20px}.dt-primary{background:var(--blue);color:white!important;padding:14px 18px;border-radius:11px;text-align:center;font-weight:900;display:inline-block}
.dt-pricing{background:var(--bg);padding:68px 0}.pricing-intro{font-size:18px;color:#526b85;max-width:800px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.price-grid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}.price-grid article.featured{border:2px solid var(--gold);transform:translateY(-8px)}.popular{position:absolute;right:18px;top:18px;background:#fff3c8;color:#775300;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.price-grid small{font-weight:900;letter-spacing:.12em;color:var(--blue)}.price-grid h3{font-size:48px;margin:8px 0 0}.price-grid p{color:#61758b}.locked{display:block;margin-top:24px;border:1px solid #cad8e8;background:#f6f9fc;color:#51667c;text-align:center;padding:12px;border-radius:11px;font-weight:800}.notice{margin-top:26px;background:#eaf4ff;border-left:4px solid var(--blue);padding:18px 20px;border-radius:12px}
.dt-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dt-features article{border:1px solid var(--line);border-radius:18px;padding:25px}.dt-features b{color:var(--green);font-size:24px}.dt-content{padding:50px 0;min-height:60vh}.dt-content article{background:#fff;border:1px solid var(--line);padding:30px;border-radius:18px}
footer{background:var(--navy);color:#e5effa;padding:42px 0}.dt-footer{display:flex;justify-content:space-between;gap:30px;align-items:center}.dt-footer-brand{display:flex;align-items:center;gap:18px}.dt-footer-brand img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.22))}.dt-footer-brand strong,.dt-footer-statement strong{color:#fff;font-size:18px}.dt-footer p{margin:6px 0 0;color:#c7d6e8}.dt-footer-statement{text-align:right}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button{background:var(--blue)!important;color:#fff!important;border:0!important;border-radius:11px!important;font-weight:800!important}.button.disabled{opacity:.55!important;pointer-events:none!important}.dt-portal-afterpay{background:#eef7ff;border:1px solid #cfe2f8;border-radius:14px;padding:18px;margin-top:24px}
@media(max-width:800px){.dt-nav nav a:not(.dt-outline){display:none}.dt-hero-grid,.dt-assessment,.price-grid,.dt-features{grid-template-columns:1fr}.dt-hero{padding:46px 0}.price-grid article.featured{transform:none}.dt-footer{flex-direction:column;align-items:flex-start}.dt-footer-statement{text-align:left}.dt-wrap{width:min(100% - 24px,1180px)}}


/* DigiTrustly Pay v2.2 — premium presentation polish */
.dt-hero{padding:82px 0 76px}
.dt-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:64px}
.dt-hero h1{max-width:720px}
.dt-hero .lead{max-width:760px}
.steps{
  margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;align-items:stretch
}
.steps .dt-step{
  position:relative;display:flex;align-items:center;gap:11px;
  min-height:74px;padding:14px 15px;background:rgba(255,255,255,.88);
  border:1px solid #cfdeed;border-radius:15px;box-shadow:0 8px 22px rgba(9,38,79,.045);
  font-weight:850
}
.steps .dt-step:not(:last-child):after{
  content:"›";position:absolute;right:-12px;top:50%;transform:translate(50%,-50%);
  color:#8da6bf;font-size:27px;font-weight:900;z-index:2
}
.steps .dt-step b{flex:0 0 32px;width:32px;height:32px}
.steps .dt-step span{line-height:1.25}
.sealbox{padding:30px;border-radius:24px}
.sealbox img{width:100%;max-width:520px;margin:5px auto 16px}
.sealbox p{font-size:16px}
.dt-section{padding:64px 0}
.dt-assessment{grid-template-columns:minmax(0,1fr) 320px;padding:42px 38px;gap:52px;align-items:stretch}
.dt-assessment h2{font-size:40px}
.assessment-price{padding:31px;border-radius:20px;text-align:center;box-shadow:0 15px 34px rgba(9,38,79,.12)}
.assessment-price small{font-size:12px}
.assessment-price strong{font-size:62px}
.assessment-price .dt-primary{padding:15px 20px}
.dt-pricing{padding:76px 0}
.price-grid{gap:24px}
.price-grid article{padding:32px;border-radius:22px;box-shadow:0 10px 30px rgba(9,38,79,.045)}
.dt-features{padding-top:64px;padding-bottom:64px}
.dt-features article{padding:30px;border-radius:20px;background:#fff}
@media(max-width:900px){
  .dt-hero-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .steps .dt-step:after{display:none}
}
@media(max-width:560px){
  .steps{grid-template-columns:1fr}
  .dt-assessment{padding:26px 20px}
  .sealbox{padding:20px}
}

/* v2.3 — final process-card spacing */
.steps{gap:16px}
.steps .dt-step{
  min-height:108px;
  padding:18px 12px;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  gap:9px;
}
.steps .dt-step b{
  flex:0 0 34px;
  width:34px;height:34px;
}
.steps .dt-step span{
  display:block;
  width:100%;
  font-size:16px;
  line-height:1.28;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.sealbox .sample{
  display:table;
  margin:0 auto 18px;
  text-align:center;
}
@media(max-width:900px){
  .steps .dt-step{min-height:96px}
}

/* v2.4 — process layout matched to approved mockup */
.dt-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)}
.dt-steps-wide{
  grid-column:1 / -1;
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:48px;
  margin-top:6px;
}
.dt-steps-wide .dt-step{
  min-height:118px;
  padding:18px 22px;
  flex-direction:row;
  justify-content:flex-start;
  text-align:left;
  gap:16px;
  border-radius:18px;
}
.dt-steps-wide .dt-step b{
  flex:0 0 42px;
  width:42px;height:42px;
  font-size:18px;
}
.dt-steps-wide .dt-step span{
  width:auto;
  font-size:17px;
  line-height:1.25;
}
.dt-steps-wide .dt-step:not(:last-child):after{
  content:"›";
  right:-25px;
  font-size:34px;
}
.sealbox .sample{
  display:table;
  margin:0 auto 20px;
  text-align:center;
}
@media(max-width:900px){
  .dt-steps-wide{grid-template-columns:1fr 1fr;gap:16px}
  .dt-steps-wide .dt-step{min-height:104px}
  .dt-steps-wide .dt-step:not(:last-child):after{display:none}
}
@media(max-width:560px){
  .dt-steps-wide{grid-template-columns:1fr}
}