.tw-hero{background:linear-gradient(160deg,#f0f3ff 0%,#fff8f0 60%,#fff 100%);padding:72px 40px 60px;text-align:center;color:#535355;position:relative;overflow:hidden;}
.tw-kicker{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#6a6e83;margin-bottom:18px;position:relative;z-index:1;}
.tw-hero h1{font-family:'Nunito',sans-serif;font-size:clamp(1.95rem,5vw,3rem);font-weight:900;line-height:1.12;max-width:780px;margin:0 auto 18px;letter-spacing:-.6px;color:#535355;position:relative;z-index:1;}
.tw-hero h1 em{font-style:normal;color:#4361ee;}
.tw-hero h1 span{color:#3451d1;}
.tw-lede{font-size:1rem;color:#4b5066;max-width:640px;margin:0 auto 32px;line-height:1.7;position:relative;z-index:1;}
.tw-cta{display:inline-flex;align-items:center;gap:10px;background:#4361ee;color:#fff;font-family:'Nunito',sans-serif;font-size:.98rem;font-weight:800;padding:14px 30px;border-radius:999px;text-decoration:none;transition:all .25s;position:relative;z-index:1;box-shadow:0 4px 16px rgba(67,97,238,.3);}
.tw-cta:hover{background:#3451d1;transform:translateY(-2px);box-shadow:0 8px 24px rgba(67,97,238,.4);}
.tw-cta i{font-size:.9rem;}

.tw-trust{background:#f9f9fc;padding:22px 40px;display:flex;flex-wrap:wrap;justify-content:center;gap:18px 32px;border-top:1px solid #e4e6f0;border-bottom:1px solid #e4e6f0;}
.tw-trust-item{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:#4b5066;}
.tw-trust-item i{color:#4361ee;font-size:.9rem;}

.tw-body{padding:56px 40px;background:#fff;}
.tw-section{margin-bottom:64px;}
.tw-section:last-child{margin-bottom:0;}
.tw-h2{font-size:clamp(1.4rem,2.8vw,1.85rem);font-weight:900;color:#535355;letter-spacing:-.4px;line-height:1.2;margin-bottom:12px;}
.tw-intro{font-size:.94rem;color:#4b5066;line-height:1.75;max-width:680px;margin-bottom:28px;}
.tw-section p{font-size:.94rem;color:#4b5066;line-height:1.75;margin-bottom:14px;}
.tw-section p strong{font-weight:700;}
.tw-section p a{color:#4361ee;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;font-weight:700;}
.tw-section p a:hover{color:#3451d1;}

.tw-illus{margin:0 0 56px;display:flex;justify-content:center;}
.tw-illus img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.06);}

.tw-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.tw-feat{background:#fff;border:1px solid #e4e6f0;border-radius:14px;padding:24px 22px;transition:all .2s;}
.tw-feat:hover{border-color:#4361ee;box-shadow:0 4px 16px rgba(67,97,238,.08);}
.tw-feat-hdr{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.tw-feat-ico{width:42px;height:42px;border-radius:12px;background:#eaedfd;color:#4361ee;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;}
.tw-feat-ttl{font-size:1rem;font-weight:800;color:#535355;}
.tw-feat ul{list-style:none;padding:0;margin:0;}
.tw-feat ul li{font-size:.86rem;color:#4b5066;padding:6px 0 6px 18px;position:relative;line-height:1.55;}
.tw-feat ul li::before{content:'+';position:absolute;left:0;top:6px;color:#4361ee;font-weight:900;font-size:.95rem;}

.tw-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.tw-tmpl{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e4e6f0;border-radius:14px;overflow:hidden;transition:all .25s;}
.tw-tmpl:hover{transform:translateY(-3px);border-color:#4361ee;box-shadow:0 6px 20px rgba(67,97,238,.10);}
.tw-tmpl-vis{height:140px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;position:relative;}
.tw-tmpl-meta{padding:16px 18px 18px;}
.tw-tmpl-n{font-size:.95rem;font-weight:800;color:#535355;margin-bottom:4px;}
.tw-tmpl-d{font-size:.78rem;color:#6a6e83;line-height:1.55;}
.tw-tmpl-badge{display:inline-block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;background:#eaedfd;color:#4361ee;padding:3px 8px;border-radius:999px;margin-bottom:6px;}
.tw-vis-1{background:#eaedfd;color:#4361ee;}
.tw-vis-2{background:#fde8f0;color:#f72585;}
.tw-vis-3{background:#e0faf2;color:#06d6a0;}
.tw-vis-4{background:#fff0e0;color:#fb8500;}
.tw-vis-5{background:#f3e8fd;color:#7209b7;}
.tw-vis-6{background:#e0f3ff;color:#118ab2;}

.tw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:twstep;}
.tw-step{background:#f9f9fc;border:1px solid #e4e6f0;border-radius:14px;padding:24px 22px;position:relative;}
.tw-step::before{counter-increment:twstep;content:counter(twstep,decimal-leading-zero);font-family:'Nunito',sans-serif;font-size:2.6rem;font-weight:900;color:#4361ee;line-height:1;letter-spacing:-1.5px;display:block;margin-bottom:12px;}
.tw-step h3{font-size:1.02rem;font-weight:800;color:#535355;margin-bottom:8px;line-height:1.35;}
.tw-step p{font-size:.88rem;color:#4b5066;line-height:1.7;margin:0;}

.tw-uses{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;}
.tw-use{background:#fff;border:1px solid #e4e6f0;border-radius:12px;padding:18px 16px;text-align:center;transition:all .2s;text-decoration:none;color:inherit;}
.tw-use:hover{border-color:#4361ee;transform:translateY(-3px);box-shadow:0 6px 18px rgba(67,97,238,.08);}
.tw-use-ico{font-size:1.7rem;margin-bottom:8px;}
.tw-use-n{font-size:.88rem;font-weight:800;color:#535355;margin-bottom:2px;}
.tw-use-d{font-size:.74rem;color:#6a6e83;line-height:1.4;}

.tw-faq{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
.tw-faq-item{background:#f9f9fc;border:1px solid #e4e6f0;border-radius:12px;padding:20px 24px;transition:border-color .2s;}
.tw-faq-item:hover{border-color:#4361ee;}
.tw-faq-item h3{font-size:1rem;font-weight:800;color:#535355;margin-bottom:8px;line-height:1.45;}
.tw-faq-item p{font-size:.9rem;color:#4b5066;line-height:1.75;margin:0;}
.tw-faq-item p strong{font-weight:700;}

.tw-close{margin-top:48px;padding:48px 40px;background:linear-gradient(160deg,#f0f3ff 0%,#fff8f0 100%);border:1px solid #e4e6f0;border-radius:20px;text-align:center;color:#535355;}
.tw-close h3{font-size:1.6rem;font-weight:900;color:#535355;margin-bottom:10px;letter-spacing:-.3px;}
.tw-close p{font-size:.92rem;color:#4b5066;margin-bottom:24px;}

@media(max-width:900px){
  .tw-feats,.tw-steps{grid-template-columns:1fr;}
  .tw-gallery{grid-template-columns:repeat(2,1fr);}
  .tw-uses{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .tw-hero{padding:56px 22px 48px;}
  .tw-body{padding:40px 22px;}
  .tw-trust{padding:18px 22px;gap:14px 22px;}
  .tw-gallery{grid-template-columns:1fr;}
  .tw-close{padding:36px 22px;}
}