:root{--navy:#061a42;--ink:#082356;--blue:#1d5dff;--bright:#5a82ff;--orange:#ff6b38;--lime:#b9fd54;--muted:#aab8d1;--line:rgba(153,184,255,.17);--panel:rgba(12,35,78,.72)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#050f25;color:#f4f7ff;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.about-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.about-hero{min-height:650px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 78% 28%,rgba(29,93,255,.24),transparent 38%),linear-gradient(135deg,#061a42,#07132c 68%,#091c42);border-bottom:1px solid var(--line)}.about-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(123,160,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(123,160,255,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.about-hero .about-wrap{position:relative;z-index:1;padding:100px 0 70px}.eyebrow,.section-label,.mini-kicker{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#8daeff}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}.hero-index{font:12px "Space Grotesk";letter-spacing:3px;color:#7893c4;margin:58px 0 12px}.about-hero h1{font:700 clamp(58px,10vw,112px)/.98 "Space Grotesk";letter-spacing:-6px;margin:0;max-width:850px}.about-hero h1 em,.section-heading em,.intro-grid h2 em,.project-heading h2 em,.expect-grid h2 em,.final-cta h2 em{font-style:normal;color:#8ba9ff}.hero-lead{max-width:680px;font-size:clamp(17px,2.1vw,21px);line-height:1.75;color:#c2cde2;margin:28px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.about-btn{min-height:52px;padding:0 22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-weight:800;font-size:14px;transition:.2s transform,.2s background,.2s border}.about-btn:hover{transform:translateY(-3px)}.about-btn.primary{background:var(--blue);box-shadow:0 12px 32px rgba(29,93,255,.25)}.about-btn.primary:hover{background:#477aff}.about-btn.secondary{border:1px solid rgba(180,202,255,.3);background:rgba(255,255,255,.04)}.hero-foot{display:flex;justify-content:space-between;max-width:680px;margin-top:76px;padding-top:18px;border-top:1px solid var(--line);font:10px "Space Grotesk";letter-spacing:1.7px;color:#8196bd}.about-orb{position:absolute;border:1px solid rgba(107,150,255,.2);border-radius:50%;pointer-events:none}.orb-one{width:470px;height:470px;right:8%;top:12%;box-shadow:inset 0 0 80px rgba(29,93,255,.08),0 0 100px rgba(29,93,255,.1)}.orb-two{width:320px;height:320px;right:14%;top:23%;border-color:rgba(185,253,84,.12)}.intro-section{padding-top:115px;padding-bottom:120px}.section-label{margin-bottom:38px}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.intro-grid h2,.project-heading h2,.expect-grid h2{font:700 clamp(38px,5.3vw,64px)/1.08 "Space Grotesk";letter-spacing:-2.8px;margin:0}.intro-copy{color:#b6c3da;font-size:16px;line-height:1.9}.intro-copy p:first-child{margin-top:0}.intro-copy strong{color:white}.pillars-section,.packages-section{padding:105px 0;background:linear-gradient(180deg,rgba(12,34,76,.66),rgba(7,19,42,.9));border-block:1px solid var(--line)}.section-heading{font:700 clamp(38px,5.5vw,64px)/1.08 "Space Grotesk";letter-spacing:-2.8px;margin:0 0 48px}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pillar-card,.package-card{background:linear-gradient(145deg,rgba(20,48,98,.78),rgba(8,22,49,.8));border:1px solid var(--line);border-radius:15px;padding:25px;min-width:0}.pillar-card>span,.package-card>span{font:10px "Space Grotesk";letter-spacing:1.5px;color:#8ca9e4}.pillar-icon{font-size:32px;color:#8eaeff;margin:28px 0 18px}.pillar-card h3,.package-card h3{font:600 22px "Space Grotesk";margin:0 0 12px}.pillar-card p,.package-card p{font-size:14px;line-height:1.75;color:#aebdd5;margin:0}.project-section{padding-top:115px;padding-bottom:120px}.project-heading{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end}.mini-kicker{margin:0 0 17px}.project-heading>p{font-size:16px;line-height:1.85;color:#afbed7;margin:0 0 6px}.project-explainer{display:grid;grid-template-columns:1fr .9fr;gap:55px;margin-top:58px;padding:34px;border:1px solid var(--line);border-radius:18px;background:rgba(13,34,73,.56)}.project-main-copy h3,.project-types h3{font:600 25px "Space Grotesk";margin:0 0 18px}.project-main-copy p{font-size:15px;line-height:1.9;color:#b4c2d9}.project-facts{display:grid;gap:13px}.project-facts>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding:14px;border-bottom:1px solid var(--line)}.project-facts span{grid-row:span 2;color:var(--lime);font:12px "Space Grotesk"}.project-facts strong{font-size:15px}.project-facts small{font-size:13px;line-height:1.6;color:#9eafcc;margin-top:5px}.project-types{margin-top:58px}.type-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.type-list>div{padding:19px 20px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.type-list b{display:block;margin-bottom:7px}.type-list span{font-size:13px;line-height:1.7;color:#9fb0cd}.packages-section .section-heading{margin-bottom:20px}.section-intro-copy{max-width:760px;color:#aebdd5;line-height:1.8;margin-bottom:38px}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.package-card{padding:23px 20px;display:flex;flex-direction:column}.package-card.featured{border-color:rgba(90,130,255,.7);box-shadow:0 0 35px rgba(29,93,255,.13)}.package-card h3{margin:20px 0 12px}.price{font:700 25px "Space Grotesk";color:#fff;margin-bottom:14px}.price small{display:block;font:11px "DM Sans";color:#91a6ce;margin-top:3px}.price.quote{font-size:20px;color:#a9c0ff;min-height:55px;display:flex;align-items:center}.package-card ul{padding-left:18px;margin:18px 0 22px;color:#b4c2d9;font-size:13px;line-height:1.85}.best-for{display:block;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:10px;line-height:1.6;letter-spacing:.7px;color:#9ab0df}.price-note{font-size:12px;line-height:1.8;color:#91a3c3;margin:25px 0 0}.expect-section{padding-top:115px;padding-bottom:115px}.expect-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.expect-grid>div:first-child>p{color:#aebdd5;line-height:1.85;max-width:430px}.expect-list>div{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.expect-list b{font:600 18px "Space Grotesk"}.expect-list p{font-size:14px;line-height:1.8;color:#aebdd5;margin:8px 0 0}.support-section{padding:105px 0;background:linear-gradient(135deg,#071b42,#0a1530);border-block:1px solid var(--line)}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.support-grid article{padding:28px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}.support-number{font:700 54px "Space Grotesk";color:#91aaff}.support-symbol{font-size:45px;color:var(--lime)}.support-grid h3{font:600 20px "Space Grotesk";line-height:1.3}.support-grid p{font-size:14px;line-height:1.8;color:#aebdd5}.ecosystem-section{padding-top:115px;padding-bottom:115px}.ecosystem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ecosystem-grid a{position:relative;display:grid;grid-template-columns:40px 1fr 25px;gap:4px 12px;padding:22px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);transition:.2s}.ecosystem-grid a:hover{border-color:rgba(108,149,255,.65);transform:translateY(-2px)}.ecosystem-grid a>span{grid-row:span 2;color:var(--lime);font:12px "Space Grotesk"}.ecosystem-grid b{font:600 17px "Space Grotesk"}.ecosystem-grid small{grid-column:2;color:#9eafcc;font-size:13px;line-height:1.6}.ecosystem-grid i{grid-column:3;grid-row:1/3;align-self:center;color:#9ab4ff;font-style:normal}.sinhala-section{padding:110px 0;background:linear-gradient(145deg,#0b2452,#07152e 75%);border-block:1px solid rgba(125,164,255,.22)}.sinhala-section .section-label{color:#b2c6ff}.sinhala-section h2{font:700 clamp(38px,5.5vw,65px)/1.2 "DM Sans";letter-spacing:-1.8px;margin:0 0 25px}.sinhala-section h2 em{font-style:normal;color:#9ab5ff}.si-lead{font-size:clamp(18px,2.3vw,22px);line-height:1.9;color:#e0e8fa;max-width:920px;padding:22px 25px;border-left:3px solid var(--lime);background:rgba(255,255,255,.035);border-radius:0 10px 10px 0}.si-copy{max-width:950px;margin-top:48px;color:#c1cde2;font-size:16px;line-height:2.05}.si-copy h3{font-size:22px;line-height:1.5;color:white;margin:40px 0 12px}.si-copy p{margin:0 0 17px}.si-copy strong{color:white}.si-copy ul,.si-copy ol{padding-left:25px}.si-copy li{padding-left:5px;margin-bottom:10px}.si-note{padding:18px 20px;background:rgba(185,253,84,.06);border:1px solid rgba(185,253,84,.18);border-radius:10px;color:#d2dded}.si-cta{margin-top:28px}.final-cta{text-align:center;padding-top:115px;padding-bottom:125px}.final-cta .eyebrow{justify-content:center}.final-cta h2{font:700 clamp(42px,6vw,72px)/1.08 "Space Grotesk";letter-spacing:-3px;margin:25px 0}.final-cta>p{color:#aebdd5;line-height:1.8;max-width:550px;margin:0 auto 27px}.mct-footer{margin-top:0}
@media(max-width:980px){.pillar-grid{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:repeat(2,1fr)}.intro-grid,.expect-grid{gap:40px}.project-heading{gap:35px}.project-explainer{gap:25px}.orb-one{right:-12%}.orb-two{right:-5%}}
@media(max-width:700px){.about-wrap{width:min(100% - 34px,560px)}.about-hero{min-height:610px}.about-hero .about-wrap{padding:85px 0 45px}.about-hero h1{letter-spacing:-3.5px;font-size:clamp(54px,15vw,82px)}.hero-index{margin-top:45px}.hero-lead{font-size:16px;line-height:1.75}.hero-foot{margin-top:55px;font-size:9px;gap:15px}.orb-one{width:300px;height:300px;right:-150px;top:18%}.orb-two{width:210px;height:210px;right:-100px;top:25%}.intro-section,.project-section,.expect-section,.ecosystem-section{padding-top:78px;padding-bottom:78px}.intro-grid,.project-heading,.project-explainer,.expect-grid{grid-template-columns:1fr;gap:24px}.intro-grid h2,.project-heading h2,.expect-grid h2,.section-heading{font-size:42px;letter-spacing:-1.8px}.intro-copy{font-size:15px}.pillars-section,.packages-section,.support-section,.sinhala-section{padding:78px 0}.pillar-grid,.package-grid{grid-template-columns:1fr}.pillar-card,.package-card{padding:23px}.project-explainer{padding:22px}.project-facts{gap:5px}.type-list,.ecosystem-grid,.support-grid{grid-template-columns:1fr}.project-types{margin-top:38px}.sinhala-section h2{font-size:38px;letter-spacing:-1px}.si-copy{font-size:15px;line-height:2}.si-copy h3{font-size:20px}.si-lead{font-size:17px;padding:18px}.final-cta{padding-top:80px;padding-bottom:90px}.final-cta h2{font-size:48px;letter-spacing:-2px}.about-btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* MCT CORPORATION — shared homepage visual system */
:root{
  --navy:#061a42;--ink:#082356;--blue:#1d5dff;--bright:#5a82ff;
  --orange:#ff6b38;--lime:#b9fd54;--muted:#9eb0d5;
  --line:rgba(180,204,255,.20);
}
html{scroll-padding-top:100px}
body{
  background:#03070f;
  color:#fff;
  font-family:Manrope,Arial,sans-serif;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-10;pointer-events:none;
  background-image:linear-gradient(rgba(70,130,255,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(70,130,255,.20) 1px,transparent 1px);
  background-size:45px 45px;background-position:center;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-9;pointer-events:none;
  background:radial-gradient(circle at 15% 10%,rgba(39,102,255,.22),transparent 30%),radial-gradient(circle at 85% 20%,rgba(29,93,255,.15),transparent 32%),radial-gradient(circle at 50% 90%,rgba(29,93,255,.10),transparent 36%);
}
.about-hero{
  background:radial-gradient(ellipse at 78% 28%,rgba(29,93,255,.22),transparent 38%),linear-gradient(135deg,rgba(6,26,66,.72),rgba(3,7,15,.72) 68%,rgba(8,28,66,.65));
}
.about-hero:after{background-image:linear-gradient(rgba(123,160,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(123,160,255,.055) 1px,transparent 1px);background-size:45px 45px}
.eyebrow,.section-label,.mini-kicker,.hero-index,.hero-foot,
.pillar-card>span,.package-card>span,.best-for,.card-number{
  font-family:"DM Mono",monospace;
}
.about-hero h1,.intro-grid h2,.section-heading,.project-heading h2,
.expect-grid h2,.final-cta h2,.pillar-card h3,.package-card h3,
.project-main-copy h3,.project-types h3,.expect-list b,
.support-grid h3,.ecosystem-grid b{
  font-family:Manrope,Arial,sans-serif;
}
.about-hero h1,.intro-grid h2,.section-heading,.project-heading h2,
.expect-grid h2,.final-cta h2{
  font-weight:800;letter-spacing:-3px;
}
.about-hero h1 em,.section-heading em,.intro-grid h2 em,
.project-heading h2 em,.expect-grid h2 em,.final-cta h2 em,
.sinhala-section h2 em{
  color:#96b3ff;font-family:Georgia,serif;font-weight:400;font-style:normal;
}
.about-btn{border-radius:5px;font-family:Manrope,Arial,sans-serif}
.about-btn.primary{background:var(--orange);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.about-btn.primary:hover{background:#ff8058}
.about-btn.secondary{border-radius:5px}
.pillar-card,.package-card,.project-explainer,.support-grid article,
.ecosystem-grid a{border-radius:0;background:rgba(22,53,112,.28);border-color:rgba(181,204,255,.18)}
.pillar-card:hover,.package-card:hover,.support-grid article:hover{
  transform:translateY(-5px);border-color:rgba(127,168,255,.5);
  background:rgba(16,52,116,.58);transition:transform .3s,border-color .3s,background .3s;
}
.pillar-card,.package-card,.support-grid article{transition:transform .3s,border-color .3s,background .3s}
.pillar-icon{color:#96b3ff}
.package-card.featured{border-color:rgba(255,107,56,.75);box-shadow:0 0 35px rgba(255,107,56,.10)}
.price{font-family:Manrope,Arial,sans-serif}
.sinhala-section{
  background:linear-gradient(135deg,rgba(6,26,66,.88),rgba(3,7,15,.94) 75%);
  border-color:rgba(180,204,255,.20)
}
.sinhala-section h2{font-family:Manrope,Arial,sans-serif;font-weight:800}
.si-copy{font-family:Manrope,Arial,sans-serif}
.si-copy h3{font-family:Manrope,Arial,sans-serif;font-weight:800}
.si-note{border-radius:0;border-color:rgba(255,107,56,.25);background:rgba(255,107,56,.055)}
.final-cta{position:relative}
.final-cta .about-btn{margin-top:4px}
@media(max-width:700px){
  .about-hero h1,.intro-grid h2,.project-heading h2,.expect-grid h2,.section-heading{letter-spacing:-1.8px}
  .about-wrap{width:min(100% - 34px,560px)}
}
@media(prefers-reduced-motion:reduce){
  .pillar-card,.package-card,.support-grid article{transition:none}
}
