*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#172b36;}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,90%);margin:auto}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e7e7;background:#fff;position:sticky;top:0;z-index:10}.brand{}.brand:first-letter{color:#00816e}.brand small{display:block;margin-top:8px}.brand span{}nav{display:flex;align-items:center;gap:32px;}.button{display:inline-flex;gap:35px;align-items:center;background:#007d68;color:white;padding:15px 24px;border-radius:3px;}.button:hover{background:#005e4f}.button.small{padding:11px 18px}.eyebrow{color:#00816e;margin-bottom:24px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:25px}h2{margin-bottom:30px}h3{}em{color:#00816e}p{color:#63747c}section{padding:96px 0}.hero{background:#f4f7f5;padding:76px 0}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px}.hero p{max-width:545px;}.actions{display:flex;gap:28px;align-items:center;margin:34px 0}.text-link{}.hero-note{color:#657b76;margin-top:40px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00816e;margin-right:8px}.data-art{position:relative;height:440px;overflow:hidden;background:radial-gradient(ellipse at center,#194f46,#102e2d 70%);border-radius:5px;color:#a0d8c4}.orbit{position:absolute;border:1px solid #478273;border-radius:50%;width:400px;height:210px;top:110px;left:20px;transform:rotate(-35deg)}.o2{transform:rotate(40deg);height:290px;top:65px}.core{position:absolute;inset:100px 60px 95px;background:#153e37ed;border:1px solid #598f7c;padding:26px;box-shadow:0 25px 60px #071f23}.core small{}.core strong{display:block;color:#fff;}.core strong span{float:right;color:#ade3a4}.core p{color:#96c4b3}.bars{display:flex;align-items:end;gap:13px;height:48px}.bars i{background:#8dd8aa;flex:1;height:45%}.bars i:nth-child(2n){height:65%}.bars i:nth-child(3n){height:85%}.bars i:last-child{height:100%}.node{position:absolute;background:#254f45;border:1px solid #588575;padding:10px;z-index:2}.n1{top:48px;left:28px}.n2{right:15px;top:185px}.n3{bottom:42px;left:36px}.art-caption{position:absolute;bottom:15px;width:100%;text-align:center;}.strip{display:flex;justify-content:space-between;gap:20px;padding:28px 5%;border-bottom:1px solid #e1e7e5;}.strip span{color:#74817f;}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.lead{color:#263e45}.values{display:flex;justify-content:space-between;border-top:1px solid #dde5e1;padding-top:25px;color:#00816e}.values b{color:#283d41;}.light{background:#f4f7f5}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:40px}.section-heading p{max-width:400px;}.product-feature{display:grid;grid-template-columns:1fr 1fr;background:#153d35;color:white;padding:45px;gap:80px}.tag{color:#b6dfb9}.product-feature h3{margin:15px 0}.product-feature h3 span{float:right;color:#b6dfb9}.product-feature p{color:#bdd0c8;max-width:350px}.product-words{padding-top:25px}.product-words em{color:#b6dfb9}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.product-grid article{border-top:2px solid #cddbd4;padding:25px 0}.product-grid span{color:#00816e}.product-grid h3{margin:12px 0}.product-grid p,.pillars p{}.intro{max-width:850px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin:45px 0;gap:26px}.pillars article{border-top:1px solid #cbdcd3;padding-top:22px}.pillars span{color:#00816e;}.pillars h3{margin:20px 0 12px}.deployment{background:#f4f7f5;padding:40px;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.deployment h3{}.deployment .eyebrow{}details{border-bottom:1px solid #ccdad3;padding:16px 0}summary{cursor:pointer;}details p{margin:15px 0 0}.source-note{color:#74817c;margin:25px 0}.service-list article{display:grid;grid-template-columns:45px 1fr 1.5fr 25px;gap:25px;border-top:1px solid #d5dfd9;padding:28px 0;align-items:start}.service-list h3,.service-list p{margin:0;}.service-list p{}.service-list span{color:#00816e}#contact{background:#133b33;color:#fff}#contact em{color:#b6dfb9}#contact .eyebrow{color:#b6dfb9}#contact p{color:#bdcec6}#contact .button{background:#c0e4b8;color:#153d35}.contact-info{padding-top:10px}.contact-info span{display:block;color:#aac3b8}.contact-info a{display:block;margin:8px 0 27px;overflow-wrap:anywhere}.contact-info p{margin-top:10px;}footer{padding:25px 0;}footer .wrap{display:flex;justify-content:space-between;gap:20px}#menu{display:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e9ad33;outline-offset:5px}@media(max-width:800px){header{height:76px}#menu{display:block;background:none;border:0;}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:25px;box-shadow:0 10px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:start;gap:20px}.hero-grid,.split,.product-feature,.deployment{grid-template-columns:1fr;gap:35px}h1{}.hero{padding:50px 0}.data-art{height:370px;max-width:460px;width:100%;margin:auto}.core{inset:75px 50px 75px}.orbit{left:0;width:100%}.n2{top:160px}.strip{flex-wrap:wrap;justify-content:center;}.strip span{width:100%;text-align:center}section{padding:60px 0}.section-heading{display:block}.product-grid{grid-template-columns:1fr}.product-feature{padding:28px}.product-words{padding-top:0}.pillars{grid-template-columns:1fr 1fr}.deployment{padding:25px}.service-list article{grid-template-columns:25px 1fr 20px;gap:12px}.service-list p{grid-column:2;grid-row:2}.service-list b{grid-column:3;grid-row:1}footer .wrap{flex-direction:column}.actions{gap:18px}.contact-info a{}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Official Master Solutions logo */
.brand{display:inline-flex;align-items:center;flex-shrink:0;}.brand img{display:block;width:190px;height:auto;max-width:100%}@media(max-width:800px){.brand img{width:158px}}

/* Softer surfaces and comfortable interaction targets */
:root{--radius-card:22px;--radius-large:30px;--radius-button:999px}
.button{border-radius:var(--radius-button);min-height:50px;padding:14px 26px;justify-content:center;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.button.small{min-height:44px;padding:11px 22px}
.button:active{transform:translateY(1px)}
.data-art{border-radius:var(--radius-large);box-shadow:0 18px 45px #133b3314}
.core{border-radius:20px}.node{border-radius:var(--radius-button)}.bars i{border-radius:4px 4px 0 0}
.product-feature{border-radius:var(--radius-large);box-shadow:0 12px 30px #133b330d;transition:box-shadow .2s ease,background .2s ease}
.tag{display:inline-block;padding:7px 13px;border:1px solid #b6dfb938;border-radius:var(--radius-button);background:#ffffff08}
.product-grid article{border:1px solid #dce7e0;border-radius:var(--radius-card);padding:28px;background:#fff}
.pillars article{border:1px solid #dce7e0;border-radius:var(--radius-card);padding:26px;background:#fff}
.pillars article>span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#eaf4ee;}
.deployment{border-radius:var(--radius-large)}
.deployment details{border:1px solid #dce7e0;border-radius:16px;background:#fff;padding:0;margin-bottom:12px;overflow:hidden}
.deployment summary{padding:17px 20px;min-height:54px;transition:background .2s ease}
.deployment details p{padding:0 20px 20px;margin:0}
.service-list{display:grid;gap:14px}
.service-list article{border:1px solid #dce7e0;border-radius:var(--radius-card);padding:26px;background:#fff}
.contact-info{padding:30px;border:1px solid #ffffff20;border-radius:var(--radius-card);background:#ffffff05}
#menu{width:44px;height:44px;border-radius:14px;cursor:pointer}
.actions{flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;min-height:44px}
@media(hover:hover){.button:hover{box-shadow:0 6px 18px #005e4f25;transform:translateY(-2px)}.product-feature:hover{background:#1a493f;box-shadow:0 18px 36px #133b3320}.deployment summary:hover{background:#edf5ef}#contact .button:hover{background:#d0efc9}#menu:hover{background:#edf5ef}}
@media(max-width:800px){nav{left:4%;right:4%;top:82px;border:1px solid #dce7e0;border-radius:22px}nav>a{min-height:44px;display:flex;align-items:center}.product-grid article,.pillars article{padding:22px}.service-list article{padding:22px;gap:12px}.contact-info{padding:24px}.product-feature,.data-art,.deployment{border-radius:24px}}
@media(max-width:480px){.pillars{grid-template-columns:1fr}.button{gap:20px}.actions{gap:12px}.core{inset:75px 32px}.values{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.button,.product-feature,.deployment summary{transition:none}.button:hover,.button:active{transform:none}}


/* Section headings: stacked title and supporting copy */
.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:30px}
.section-heading>div{width:100%}
.section-heading .eyebrow{margin-bottom:20px}
.section-heading h2{margin-bottom:10px}
.section-heading>p{max-width:none;margin:0;color:#263238}
@media(max-width:800px){.section-heading{display:flex;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2{margin-bottom:10px}}

/* iTitan pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.price-card{background:#fff;border:1px solid #dce7e0;border-radius:24px;padding:30px;display:flex;flex-direction:column;align-items:start}.price-card:first-child{border:2px solid #00816e}.price-card .eyebrow{margin-bottom:14px}.price-card h3{}.price{color:#007d68;overflow-wrap:anywhere}.price small{display:block;margin-top:8px;color:#63747c}.price-card p{margin-top:20px;}.setup{border-top:1px solid #e0e9e3;padding:18px 0 25px;}.price-card .button{margin-top:auto;gap:10px}.pricing-heading{margin-top:48px}.price-table{overflow:auto;border:1px solid #dce7e0;border-radius:22px;background:#fff}.price-table table{width:100%;border-collapse:collapse;min-width:700px;text-align:left;}.price-table caption{text-align:left;padding:16px 24px;color:#63747c;}.price-table th,.price-table td{padding:20px 24px;border-top:1px solid #e0e9e3;white-space:nowrap}.price-table thead{background:#eaf3ed}.price-table tbody th{}.pricing-notes{background:#fff;border:1px solid #dce7e0;border-radius:22px;padding:28px;margin-top:28px}.pricing-notes ul{padding-left:20px;color:#63747c;}.pricing-notes li{margin:8px 0}@media(max-width:1000px){header nav{gap:16px}}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.price-card{padding:25px}}

/* Complete source pricing, scoped to avoid changing other sections. */
#pricing .hidden{display:none!important}#pricing .tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}#pricing .tab{border:1px solid #d4e4db;border-radius:999px;padding:11px 21px;background:#fff;color:#526b61;cursor:pointer;min-height:44px}#pricing .tab.active{background:#007d68;color:#fff;border-color:#007d68}#pricing .tab:hover{border-color:#007d68}#pricing .grid{display:grid;gap:22px}#pricing .g3{grid-template-columns:repeat(3,minmax(0,1fr))}#pricing .g4{grid-template-columns:repeat(4,minmax(0,1fr))}#pricing .g2{grid-template-columns:repeat(2,minmax(0,1fr))}#pricing .card{padding:27px;background:white;border:1px solid #dce7e0;border-radius:24px;min-width:0}#pricing .featured{border:2px solid #00816e}#pricing .price-h{margin:40px 0 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}#pricing .pill{padding:4px 12px;border-radius:999px;background:#e7f3ed;color:#007d68}#pricing .pill-req{background:#ffebe5;color:#a33c24}#pricing .muted{color:#63747c}#pricing .callout{padding:23px 27px;background:#e5f0e9;border-left:4px solid #00816e;border-radius:0 20px 20px 0;margin:24px 0}#pricing .plan .eyebrow{display:block;margin-bottom:15px}#pricing .plan h3{}#pricing .plan .price{margin:14px 0;}#pricing .price b{}#pricing .price small{}#pricing ul{padding-left:20px;color:#63747c;}#pricing li{margin:8px 0}#pricing .tbl-wrap{overflow:auto;border:1px solid #dce7e0;border-radius:20px;background:#fff;margin:16px 0}#pricing table{width:100%;border-collapse:collapse;text-align:left;}#pricing th,#pricing td{padding:17px 20px;border-bottom:1px solid #e0e9e3}#pricing th{background:#eaf3ed}#pricing td:not(:first-child){white-space:nowrap}#pricing tr:last-child td{border-bottom:0}#pricing h4{margin:20px 0 12px}#pricing h4 small{color:#63747c}@media(max-width:1100px){#pricing .g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){#pricing .g3,#pricing .g4,#pricing .g2{grid-template-columns:1fr}#pricing .tab{padding:10px 16px}#pricing .card{padding:24px}#pricing table{min-width:580px}}

/* Typography standard: pt values follow the supplied brand specification. */
:root{--font-main:'Be Vietnam Pro',Arial,sans-serif;--type-h1:28pt;--type-h2:20pt;--type-h3:16pt;--type-body:12pt;--type-caption:10pt}
body{}
button,input,select,textarea{}
h1{}
h2{}
h3,.product-feature h3,.product-grid h3,.pillars h3,.deployment h3,.service-list h3,.price-card h3,#pricing .price-h,#pricing .plan h3{}
p,.hero p,.lead,.section-heading>p,.section-heading p,.product-grid p,.pillars p,.intro,.deployment details p,.service-list p,.contact-info p,.price-card p,#pricing .lead,#pricing .muted,#pricing ul,#pricing table,#pricing .callout,.pricing-notes ul{}
figcaption,caption,.source-note,.hero-note,.art-caption,.price-table caption,#pricing caption{}
.art-caption{padding:0 12px;}
.hero-note{}
.product-words{}
#pricing .price small,.price small{}
@media(max-width:800px){:root{--type-h1:24pt;--type-h2:18pt;--type-h3:14pt;--type-body:11pt;--type-caption:9pt}h1{}.section-heading>p{}.hero-grid{gap:32px}}

/* iTitan overview: a compact visual explanation alongside the copy. */
.ititan-overview{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;margin-bottom:34px}.ititan-copy .section-heading{margin-bottom:20px}.ititan-copy .intro{margin-bottom:22px}.ititan-tags{display:flex;gap:8px;flex-wrap:wrap}.ititan-tags span{color:#007d68;background:#eaf4ee;padding:7px 12px;border-radius:999px}.data-flow{padding:28px;background:linear-gradient(145deg,#f0f7f2,#e6f1ec);border:1px solid #d8e7dd;border-radius:26px;text-align:center}.flow-caption{color:#427364;margin-bottom:22px}.flow-sources,.flow-outputs{display:flex;gap:8px;justify-content:center}.flow-sources span,.flow-outputs span{background:#fff;border:1px solid #d4e4da;padding:10px 12px;border-radius:12px;color:#2d5145}.flow-arrow{color:#5b9581;}.flow-hub{background:#163f35;border-radius:20px;padding:20px 12px;color:#fff;box-shadow:0 10px 22px #153d3518}.flow-hub>span{color:#b6dfb9}.flow-hub strong{display:block;}.flow-hub p{color:#d1e6d8;margin:5px 0 0}.flow-note{color:#63796e;margin:18px 0 0}#ititan .pillars{margin:30px 0;gap:18px}#ititan .pillars article{padding:24px}#ititan .pillars h3{margin-top:16px}#ititan .pillars p{margin-bottom:0}.network-sketch{display:flex;align-items:center;gap:8px;margin-top:25px;flex-wrap:wrap}.network-sketch span{padding:9px 12px;background:white;border:1px solid #d5e5db;border-radius:12px;}.network-sketch b{padding:13px 17px;background:#007d68;color:white;border-radius:14px}.network-sketch i{color:#4c8974}.deployment-note{margin:16px 0 0;max-width:320px}@media(max-width:900px){.ititan-overview{grid-template-columns:1fr;gap:28px}.data-flow{width:100%;max-width:580px;justify-self:center}}@media(max-width:480px){.data-flow{padding:22px 14px}.flow-sources{flex-wrap:wrap}.flow-sources span,.flow-outputs span{padding:9px;}#ititan .pillars{gap:14px}}

/* Keep logo and navigation inside the same centered content width. */
header{padding:0;display:block}
.header-inner{width:min(1180px,90%);height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative}
.header-inner nav{gap:24px}
@media(min-width:801px) and (max-width:1150px){.header-inner{gap:16px}.header-inner .brand img{width:158px}.header-inner nav{gap:14px;}.header-inner .button.small{padding:11px 16px;}}
@media(max-width:800px){.header-inner{gap:16px}.header-inner nav{left:0;right:0;top:82px;gap:20px}}

/* Align the audience strip with the centered header and page content. */
.strip{display:block;padding:28px 0}
.strip-inner{width:min(1180px,90%);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
@media(max-width:800px){.strip-inner{flex-wrap:wrap;justify-content:center;gap:16px 24px}.strip-inner>span{width:100%;text-align:center}}

.ititan-official-name{color:#007d68;margin:0 0 28px}.ititan-official-name span{color:#63747c}

/* Featured product: balanced columns with a vertically centered arrow. */
.product-feature{grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr);align-items:center;gap:32px;padding:40px 44px}
.product-feature>div:first-child{align-self:center}
.product-feature h3{margin:16px 0 12px}
.product-feature p{margin-bottom:18px;max-width:430px}
.product-words{padding:0;align-self:center}
.product-arrow{display:flex;align-items:center;justify-content:center;align-self:center;width:52px;height:52px;border:1px solid #b6dfb94d;border-radius:50%;color:#b6dfb9}
@media(max-width:800px){.product-feature{grid-template-columns:minmax(0,1fr);gap:22px;padding:28px}.product-arrow{display:none}.product-words{padding-top:20px;border-top:1px solid #ffffff26;width:100%}}

/* Make product ownership and separate commercial scopes explicit. */
.master-solutions-heading{margin-top:48px;padding-top:30px;border-top:1px solid #d4e2d9;max-width:860px}.master-solutions-heading .eyebrow{display:block;margin-bottom:12px}.master-solutions-heading h3{margin-bottom:12px}.master-solutions-heading p{margin-bottom:0}.solution-role{color:#007d68;background:#edf6f0;border-radius:10px;padding:8px 10px;margin:0 0 16px}.product-feature .product-role{color:#c8e4d4;margin-bottom:16px}.pricing-scope{padding:22px 26px;border:1px solid #cbded1;border-radius:20px;background:#eaf3ed;margin:24px 0}.pricing-scope strong{color:#006b59;}.pricing-scope p{margin:8px 0 0;}.header-inner nav{gap:18px}@media(min-width:801px) and (max-width:1150px){.header-inner nav{gap:10px;}.header-inner .button.small{padding:11px 12px}}

/* iTitan product documentation and original certificates. */
.ititan-credentials{background:#f5f8f6}.credentials-context{max-width:900px;margin-bottom:28px}.ititan-credentials .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ititan-credentials .legal{background:#fff;border:1px solid #dce7e0;border-radius:24px;padding:28px}.ititan-credentials ul{padding-left:20px;color:#63747c;}.ititan-credentials li{margin:14px 0}.ititan-credentials .certs{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.ititan-credentials .figure{margin:0;padding:20px;background:#fff;border:1px solid #dce7e0;border-radius:24px;overflow:hidden}.ititan-credentials .figure a{display:block;border-radius:12px;overflow:hidden}.ititan-credentials img{display:block;width:100%;height:auto}.ititan-credentials figcaption{text-align:center;margin-top:16px;color:#63747c}@media(max-width:800px){.ititan-credentials .grid,.ititan-credentials .certs{grid-template-columns:1fr}.ititan-credentials .legal{padding:24px}.ititan-credentials .figure{padding:16px}}

/* SINGLE TYPOGRAPHY SYSTEM — all text sizes are defined here. */
:root{--font-main:'Be Vietnam Pro',Arial,sans-serif;--type-h1:28pt;--type-h2:20pt;--type-h3:16pt;--type-body:12pt;--type-caption:10pt}
body{font-family:var(--font-main);font-size:var(--type-body);font-weight:400;line-height:1.5}
button,input,select,textarea{font:inherit}
h1{font-size:var(--type-h1);font-weight:800;line-height:1.3;text-transform:uppercase}
h2{font-size:var(--type-h2);font-weight:700;line-height:1.35}
h3,h4{font-size:var(--type-h3);font-weight:600;line-height:1.4}
p,li,td,th,summary,nav,.button,.text-link,.contact-info a{font-size:var(--type-body);line-height:1.5}
p{font-weight:400}b,strong,th{font-weight:600}
.eyebrow,.tag,.product-grid article>span,.strip-inner>span,.contact-info>span,.node,.core small,.core p,.flow-caption,.flow-hub>span,#pricing .pill,.ititan-tags span,.flow-sources span,.flow-outputs span,.network-sketch span,.solution-role{font-size:var(--type-caption);line-height:1.4;font-weight:400}
.eyebrow,.tag{letter-spacing:.08em;font-weight:600}
figcaption,caption,.source-note,.hero-note,.art-caption,.flow-note,.deployment-note,.product-feature .product-role,#pricing .price small,#pricing h4 small,footer{font-size:var(--type-caption);font-weight:400;font-style:italic;line-height:1.4}
.product-words,.core strong,.flow-hub strong,.price,#pricing .price b{font-size:var(--type-h2);font-weight:700;line-height:1.4}
summary,.button{font-weight:600}
.ititan-official-name{font-weight:600}
.ititan-official-name span{font-weight:400}
/* Arrow and menu glyphs are icons rather than text hierarchy. */
.product-arrow,.flow-arrow{font-size:24px;line-height:1}#menu{font-size:25px;line-height:1}
@media(max-width:800px){:root{--type-h1:24pt;--type-h2:18pt;--type-h3:14pt;--type-body:11pt;--type-caption:9pt}.core{inset:65px 32px 65px}.core small{letter-spacing:0}}
@media(min-width:801px) and (max-width:1250px){.header-inner{width:94%;gap:12px}.header-inner .brand img{width:140px}.header-inner nav{gap:10px}.header-inner .button.small{padding:10px 12px}}