/* Thinking Web Technology - About page design v2 (active only when body has .twa-on) */
body.twa-on{--tw-navy:#1e3a8a;--tw-ink:#0f172a;--tw-text:#55607a;--tw-purple:#6d28d9;--tw-purple2:#8b5cf6;--tw-orange:#f7931e;--tw-yellow:#facc15;--tw-soft:#f6f5fb;--tw-line:#ebe8f5}

/* ---------- WHO WE ARE ---------- */
body.twa-on .about-container{max-width:1140px;margin:56px auto;padding:56px 48px;border-radius:28px;background:radial-gradient(circle at 92% 8%,#ede9fe 0,transparent 42%),radial-gradient(circle at 5% 95%,#fff1dc 0,transparent 40%),#fff;border:1px solid var(--tw-line);box-shadow:0 30px 60px -30px rgba(76,29,149,.25);display:grid !important;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
body.twa-on .about-container>div:first-child{max-width:none !important;width:auto !important;padding:0 !important;text-align:left}
body.twa-on .about-heading-label{display:inline-block;margin:0 0 14px;padding:7px 14px;border-radius:999px;background:#f3efff;color:var(--tw-purple) !important;font-size:12px !important;font-weight:800;letter-spacing:2px;text-transform:uppercase}
body.twa-on .about-title{color:var(--tw-navy) !important;font-weight:900 !important;font-size:clamp(30px,4vw,46px) !important;line-height:1.12 !important;margin:0 0 18px !important}
body.twa-on .about-title .tw-grad{background:linear-gradient(90deg,var(--tw-purple),var(--tw-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
body.twa-on .about-paragraph{color:var(--tw-text) !important;font-size:17px !important;line-height:1.75 !important;margin:0 0 22px !important;max-width:600px}
body.twa-on .about-paragraph b{color:var(--tw-ink)}
body.twa-on .tw-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 28px;max-width:520px}
body.twa-on .tw-chips span{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--tw-ink);font-size:14.5px}
body.twa-on .tw-chips span:before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/12px no-repeat,linear-gradient(135deg,#6d28d9,#8b5cf6)}
body.twa-on .about-button{border:0 !important;border-radius:10px !important;padding:14px 26px !important;font-weight:800 !important;color:#1b1203 !important;background:linear-gradient(90deg,var(--tw-orange),var(--tw-yellow)) !important;box-shadow:0 12px 26px -8px rgba(247,147,30,.55) !important;transition:transform .2s,box-shadow .2s;cursor:pointer}
body.twa-on .about-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px -8px rgba(247,147,30,.65) !important}
body.twa-on .about-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:auto !important;max-width:none !important}
body.twa-on .about-image-wrapper:before{content:"";position:absolute;width:86%;aspect-ratio:1/1;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;background:linear-gradient(135deg,#ede9fe,#fff1dc);z-index:0}
body.twa-on .about-image{position:relative;z-index:1;width:100% !important;max-width:420px !important;height:auto !important;filter:drop-shadow(0 24px 30px rgba(76,29,149,.18))}

/* ---------- JOURNEY & VISION ---------- */
body.twa-on #tw-journey{max-width:1140px;margin:0 auto 24px;padding:24px 24px 40px;text-align:center;scroll-margin-top:90px;font-family:inherit}
body.twa-on #tw-journey *{box-sizing:border-box}
body.twa-on .tw-eyebrow{display:inline-block;padding:7px 14px;border-radius:999px;background:#f3efff;color:var(--tw-purple);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin:0 0 12px}
body.twa-on .tw-h2{color:var(--tw-navy);font-weight:900;font-size:clamp(28px,3.8vw,42px);line-height:1.15;margin:0 0 14px}
body.twa-on .tw-lead{color:var(--tw-text);font-size:17px;line-height:1.7;max-width:680px;margin:0 auto}
body.twa-on .tw-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:48px 0 0;text-align:left}
body.twa-on .tw-timeline:before{content:"";position:absolute;left:4%;right:4%;top:22px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--tw-purple),var(--tw-purple2),var(--tw-orange))}
body.twa-on .tw-milestone{position:relative;padding-top:64px}
body.twa-on .tw-dot{position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--tw-purple),var(--tw-purple2));box-shadow:0 0 0 6px #fff,0 10px 20px -6px rgba(109,40,217,.5)}
body.twa-on .tw-milestone:last-child .tw-dot{background:linear-gradient(135deg,var(--tw-orange),var(--tw-yellow));color:#3a2200;box-shadow:0 0 0 6px #fff,0 10px 20px -6px rgba(247,147,30,.55)}
body.twa-on .tw-milestone h3{color:var(--tw-ink);font-size:18px;font-weight:800;margin:0 0 6px}
body.twa-on .tw-milestone p{color:var(--tw-text);font-size:15px;line-height:1.65;margin:0}
body.twa-on .tw-mv{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px;text-align:left}
body.twa-on .tw-card{position:relative;overflow:hidden;border-radius:22px;padding:32px;border:1px solid var(--tw-line);background:#fff}
body.twa-on .tw-card.tw-dark{background:linear-gradient(135deg,#4c1d95,#6d28d9 60%,#8b5cf6);border:0;color:#ede9fe}
body.twa-on .tw-card h3{font-size:21px;font-weight:800;margin:0 0 10px;color:var(--tw-ink)}
body.twa-on .tw-card.tw-dark h3{color:#fff}
body.twa-on .tw-card p{margin:0;font-size:16px;line-height:1.7;color:var(--tw-text)}
body.twa-on .tw-card.tw-dark p{color:#e9e3ff}
body.twa-on .tw-ico{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:linear-gradient(135deg,var(--tw-orange),var(--tw-yellow));color:#3a2200}
body.twa-on .tw-card.tw-dark .tw-ico{background:rgba(255,255,255,.16);color:#fff}
body.twa-on .tw-ico svg{width:24px;height:24px}

/* ---------- TECHNOLOGIES ---------- */
body.twa-on .tech-section{max-width:1140px;margin:40px auto 72px !important;padding:56px 32px !important;border-radius:28px;background:var(--tw-soft);display:block !important;text-align:center}
body.twa-on .tech-left{width:auto !important;max-width:700px;margin:0 auto 36px !important;padding:0 !important;text-align:center;position:static !important}
body.twa-on .tech-subheading{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;color:var(--tw-purple) !important;font-size:12px !important;font-weight:800 !important;letter-spacing:2px;text-transform:uppercase;margin:0 0 12px !important}
body.twa-on .tech-heading{color:var(--tw-navy) !important;font-weight:900 !important;font-size:clamp(28px,3.8vw,42px) !important;line-height:1.15 !important;margin:0 0 12px !important;text-align:center !important}
body.twa-on .tech-heading br{display:none}
body.twa-on .tw-tech-lead{color:var(--tw-text);font-size:17px;line-height:1.7;margin:0}
body.twa-on .tech-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:18px !important;width:auto !important;max-width:none !important;margin:0 !important}
body.twa-on .tech-box{width:auto !important;height:auto !important;min-height:120px;margin:0 !important;padding:22px !important;display:flex !important;align-items:center;justify-content:center;background:#fff !important;border:1px solid var(--tw-line) !important;border-radius:18px !important;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .2s,box-shadow .2s,border-color .2s}
body.twa-on .tech-box:hover{transform:translateY(-4px);border-color:#d9cff7 !important;box-shadow:0 18px 34px -16px rgba(109,40,217,.35)}
body.twa-on .tech-box img{max-width:min(130px,100%) !important;max-height:62px !important;width:auto !important;height:auto !important;object-fit:contain}

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
 body.twa-on .about-container{grid-template-columns:minmax(0,1fr);margin:24px 0;padding:32px 20px;gap:24px}
 body.twa-on .about-image-wrapper{order:-1}
 body.twa-on .about-image{max-width:300px !important}
 body.twa-on .tw-timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
 body.twa-on .tw-timeline:before{display:none}
 body.twa-on .tw-mv{grid-template-columns:minmax(0,1fr)}
 body.twa-on .tech-section{margin:24px 0 56px !important;padding:36px 16px !important}
 body.twa-on .tech-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:560px){
 body.twa-on .tw-chips{grid-template-columns:1fr}
 body.twa-on .tw-timeline{grid-template-columns:1fr;row-gap:28px}
 body.twa-on .tw-milestone{padding:0 0 0 64px;min-height:46px}
 body.twa-on .tech-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
 body.twa-on .tech-box{min-height:92px;padding:16px !important}
 body.twa-on .tech-box img{max-width:100% !important;max-height:46px !important}
 body.twa-on #tw-journey{padding:8px 16px 32px}
}

/* ---------- LOWER SECTIONS (services, why, process, CTA) ---------- */
.twa{--twa-navy:#1e3a8a;--twa-ink:#0f172a;--twa-text:#55607a;--twa-purple:#6d28d9;--twa-purple2:#8b5cf6;--twa-orange:#f7931e;--twa-yellow:#facc15;--twa-soft:#f6f5fb;--twa-line:#ebe8f5;color:var(--twa-text);line-height:1.7;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:left}
.twa *{box-sizing:border-box}
.twa .twa-wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.twa .twa-sec{padding:72px 0}
.twa .twa-center{text-align:center}
.twa .twa-center .twa-lead{max-width:700px;margin:0 auto}
.twa .twa-eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--twa-purple);margin:0}
.twa h2.twa-h2{font-weight:900;color:var(--twa-navy);font-size:clamp(28px,4.2vw,44px);line-height:1.15;margin:10px 0 18px}
.twa h3.twa-h3{color:var(--twa-ink);font-size:19px;font-weight:800;margin:0 0 8px;line-height:1.3}
.twa p{margin:0;font-size:16px}
.twa .twa-lead{font-size:17px}
.twa .twa-card{background:#fff;border:1px solid var(--twa-line);border-radius:18px;padding:28px}
.twa .twa-ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:linear-gradient(135deg,var(--twa-purple),var(--twa-purple2));color:#fff}
.twa .twa-ico svg{width:24px;height:24px}
.twa .twa-ico.twa-o{background:linear-gradient(135deg,var(--twa-orange),var(--twa-yellow));color:#3a2200}
.twa .twa-mv{background:var(--twa-soft)}
.twa .twa-mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.twa .twa-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.twa .twa-svc .twa-card{transition:transform .2s,box-shadow .2s}
.twa .twa-svc .twa-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(109,40,217,.10)}
.twa .twa-why{background:linear-gradient(180deg,#fff,var(--twa-soft))}
.twa .twa-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.twa .twa-stat{font-size:28px;font-weight:900;color:var(--twa-purple);margin-bottom:4px;line-height:1.3}
.twa .twa-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;counter-reset:twas}
.twa .twa-step{position:relative;padding:30px 22px 24px;border-radius:18px;border:1px dashed #d8d0f3;background:#fff}
.twa .twa-step:before{counter-increment:twas;content:counter(twas,decimal-leading-zero);position:absolute;top:-15px;left:22px;background:var(--twa-navy);color:#fff;font-weight:800;font-size:13px;padding:5px 11px;border-radius:999px;line-height:1.4}
.twa .twa-ind{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}
.twa .twa-ind span{padding:9px 16px;border-radius:999px;background:#fff;border:1px solid var(--twa-line);font-weight:600;color:var(--twa-ink);font-size:14px}
.twa .twa-cta{margin:0 20px 72px;border-radius:24px;background:linear-gradient(120deg,#4c1d95,var(--twa-purple) 55%,var(--twa-purple2));color:#ede9fe;padding:52px 28px;text-align:center}
.twa .twa-cta h2.twa-h2{color:#fff}
.twa .twa-cta .twa-eyebrow{color:#ddd6fe}
.twa .twa-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.twa .twa-btn{display:inline-block;padding:13px 26px;border-radius:8px;font-weight:700;color:#111;text-decoration:none;border:0;cursor:pointer;font-size:16px;background:linear-gradient(90deg,var(--twa-orange),var(--twa-yellow));box-shadow:0 8px 20px rgba(247,147,30,.25)}
.twa .twa-btn.twa-wa{background:#16a34a;color:#fff;box-shadow:none}
@media (max-width:900px){.twa .twa-mv-grid{grid-template-columns:1fr}.twa .twa-svc{grid-template-columns:1fr 1fr}.twa .twa-why-grid,.twa .twa-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.twa .twa-sec{padding:52px 0}.twa .twa-svc,.twa .twa-why-grid,.twa .twa-steps{grid-template-columns:1fr}.twa .twa-steps{gap:30px}.twa .twa-cta{margin:0 16px 56px;padding:40px 20px}}