*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:#132746;background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.topbar{background:#061733;color:#b8c7dc;font-size:11px}.topinner{height:34px;display:flex;justify-content:space-between;align-items:center}.topinner a{color:#fff}.topinner b{color:#ee3038;margin-left:8px}.header{height:82px;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 5px 25px #0617330d}.navrow{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px}.monogram{width:49px;height:49px;border:2px solid #e32b34;display:grid;place-items:center;color:#071d42;font:800 20px Manrope;letter-spacing:-3px}.monogram span{color:#e32b34}.logotext b,.logotext small{display:block}.logotext b{font:800 15px Manrope;letter-spacing:.04em;color:#09234c}.logotext small{font-size:10px;color:#74839a;margin-top:4px}.navrow nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700;color:#34445c}.navrow nav a:hover{color:#e32b34}.navrow nav .navbutton{background:#e32b34;color:#fff;padding:13px 21px;border-radius:4px}.menu{display:none;border:0;background:none}.hero{background:linear-gradient(115deg,#f4f7fc,#e7f0fb 65%,#dce9f8);position:relative;overflow:hidden}.hero-pattern{position:absolute;inset:0;background-image:linear-gradient(#fff8 1px,transparent 1px),linear-gradient(90deg,#fff8 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-layout{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:570px;padding:55px 0}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:#e32b34;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:25px;height:2px;background:#e32b34}.hero h1{font:800 clamp(48px,5.6vw,72px)/1.05 Manrope,sans-serif;letter-spacing:-.06em;color:#09234c;margin:22px 0}.hero h1 em,h2 em{font-style:normal;color:#236bb6}.hero-copy>p{font-size:15px;line-height:1.9;color:#5d6e84;max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{padding:15px 19px;border-radius:4px;font-size:12px;font-weight:800;display:inline-flex;gap:18px;align-items:center}.btn.red{background:#e32b34;color:white;box-shadow:0 8px 20px #e32b3430}.btn.glass{border:1px solid #b9c8dc;background:#ffffff80;color:#19385e}.since{display:flex;align-items:center;gap:13px;color:#77869b;font-size:10px;line-height:1.5}.since>b{font:800 30px Manrope;color:#09234c}.since i{height:30px;width:1px;background:#c6d2e2;margin:0 8px}.hero-art{height:430px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#b7d5f2,#d8e8f8 60%,transparent 72%)}.orb{position:absolute;border:1px solid #7da4ce66;border-radius:50%}.orb-a{width:450px;height:210px;transform:rotate(-28deg)}.orb-b{width:390px;height:310px;transform:rotate(32deg)}.glass-card{z-index:2;width:260px;height:300px;background:#ffffffc9;border:1px solid #fff;border-radius:16px;box-shadow:0 30px 65px #183a6225;backdrop-filter:blur(8px);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg)}.glass-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.14em;font-weight:800;color:#647893}.glass-top b{font:800 22px Manrope;color:#e32b34}.bars{height:150px;display:flex;align-items:end;gap:13px;padding:0 12px}.bars i{display:block;flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#5b9bd4,#174e8d)}.bars i:nth-child(1){height:45%}.bars i:nth-child(2){height:75%}.bars i:nth-child(3){height:60%}.bars i:nth-child(4){height:95%}.bars i:nth-child(5){height:68%}.glass-foot b,.glass-foot small{display:block}.glass-foot b{font:800 16px Manrope;color:#09234c}.glass-foot small{font-size:10px;color:#74839a;margin-top:5px}.floating{position:absolute;z-index:3;background:#fff;border:1px solid #e7edf5;border-radius:7px;padding:12px 16px;box-shadow:0 12px 35px #17365a16;min-width:150px}.floating span{display:block;color:#e32b34;font-size:9px;font-weight:800}.floating b,.floating small{display:block}.floating b{font:800 12px Manrope;margin:4px 0}.floating small{font-size:9px;color:#8290a3}.f-one{top:42px;left:0}.f-two{right:-8px;top:160px}.f-three{bottom:38px;left:20px}.hero-ribbon{background:#09234c;color:#fff}.ribboninner{display:flex;justify-content:space-between;padding:18px 0;font-size:10px;font-weight:700;letter-spacing:.04em}.ribboninner span+span{border-left:1px solid #ffffff35;padding-left:40px}.section{padding:95px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2{font:800 clamp(34px,4vw,47px)/1.14 Manrope;color:#09234c;letter-spacing:-.045em;margin:15px 0}.intro-copy{padding-top:15px}.intro-copy p{font-size:13px;line-height:1.9;color:#6b7a90}.intro-copy .lead{font-size:17px;color:#213a5c;font-weight:700}.underlink{display:inline-block;color:#e32b34;font-size:12px;font-weight:800;margin-top:10px}.underlink b{margin-left:10px}.business{background:#f4f7fb}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.sectionhead>p{max-width:350px;color:#718097;font-size:13px;line-height:1.8;margin:0 0 4px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.business-card{background:#fff;border:1px solid #e4eaf2;border-radius:9px;overflow:hidden;box-shadow:0 10px 28px #102a4b0c}.cardvisual{height:185px;position:relative;display:grid;place-items:center;overflow:hidden}.cardvisual:before,.cardvisual:after{content:"";position:absolute;border:1px solid #ffffff80;border-radius:50%;width:230px;height:230px}.cardvisual:after{width:165px;height:165px}.scientific .cardvisual{background:linear-gradient(135deg,#d7eaff,#a9cbed)}.stationery .cardvisual{background:linear-gradient(135deg,#e5e1ff,#c5c4f3)}.technical .cardvisual{background:linear-gradient(135deg,#d9eee9,#a6d4c7)}.cardvisual>small{position:absolute;top:16px;left:18px;font-size:8px;letter-spacing:.16em;font-weight:800;color:#31587e}.visual-symbol{position:relative;z-index:1;width:105px;height:105px}.microscope:before{content:"";position:absolute;left:50px;top:0;width:22px;height:62px;background:#1b4778;border-radius:7px;transform:rotate(-35deg)}.microscope:after{content:"";position:absolute;left:25px;top:45px;width:68px;height:13px;background:#2d70ad;border-radius:6px;transform:rotate(-35deg)}.microscope span{position:absolute;left:34px;top:49px;width:18px;height:47px;border:8px solid #1b4778;border-top:0;border-radius:0 0 8px 8px}.microscope i{position:absolute;left:20px;bottom:3px;width:75px;height:13px;background:#1b4778;border-radius:9px}.microscope b{position:absolute;left:49px;top:64px;width:12px;height:18px;background:#77b7e8}.stationery-art:before{content:"";position:absolute;width:72px;height:90px;background:#fff;border-radius:5px;box-shadow:8px 7px 0 #7772;transform:rotate(-8deg)}.stationery-art:after{content:"";position:absolute;width:65px;height:80px;border-radius:4px;background:linear-gradient(135deg,#6b62c5,#b5a9f4);transform:rotate(10deg);border:4px solid #fff}.stationery-art span{position:absolute;z-index:2;width:8px;height:100px;background:#ed9c34;transform:rotate(38deg);right:0;top:4px;border-radius:4px}.technical-art:before{content:"";position:absolute;width:92px;height:23px;border-radius:12px;background:#1c625c;transform:rotate(-35deg);top:35px;left:5px}.technical-art:after{content:"";position:absolute;width:45px;height:45px;border:11px solid #1c625c;border-radius:50%;right:0;bottom:6px}.technical-art span{position:absolute;z-index:2;width:16px;height:62px;background:#7eaaa0;left:42px;top:40px;transform:rotate(45deg);border-radius:4px}.cardbody{padding:23px}.tag{font-size:8px;font-weight:800;letter-spacing:.14em;color:#e32b34}.cardbody h3{font:800 21px Manrope;color:#09234c;margin:9px 0}.cardbody p{font-size:12px;line-height:1.8;color:#738197;min-height:65px}.cardbody ul{list-style:none;padding:0;margin:17px 0 22px}.cardbody li{font-size:11px;color:#40536e;padding:7px 0 7px 17px;border-bottom:1px solid #eef2f6;position:relative}.cardbody li:before{content:"✓";position:absolute;left:0;color:#1c986d;font-weight:900}.cardbody>a{font-size:10px;font-weight:800;color:#1d65a9}.cardbody>a b{margin-left:7px}.scientific-detail{background:#08234c;color:#fff}.detail-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.kicker.light{color:#ff777d}.scientific-detail h2,.contact h2{color:#fff}.scientific-detail h2 em,.contact h2 em{color:#91c5f4}.detail-layout>div:first-child>p{font-size:13px;line-height:1.9;color:#bdcce0;max-width:380px;margin:20px 0 28px}.btn.white{background:#fff;color:#09234c}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category{min-height:145px;border:1px solid #ffffff2c;background:#ffffff0a;border-radius:7px;padding:20px}.category span{display:block;font-size:9px;color:#8fc4f2;font-weight:800}.category b,.category small{display:block}.category b{font:700 14px Manrope;margin:14px 0 7px}.category small{font-size:10px;line-height:1.6;color:#b7c9df}.values{background:#fff}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-grid>div{border-top:2px solid #e32b34;padding:22px 15px 0 0}.value-grid span{font:800 11px Manrope;color:#e32b34}.value-grid h3{font:800 16px Manrope;color:#09234c;margin:14px 0 8px}.value-grid p{font-size:11px;line-height:1.8;color:#77869a}.contact{background:#0a1d3c;color:white}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.contact-main,.contact-side{background:#fff;color:#132746;border-radius:8px;padding:28px}.division-label{font-size:9px;letter-spacing:.15em;font-weight:800;color:#e32b34}.contact-main h3{font:800 22px Manrope;color:#09234c;margin:10px 0 22px}.branch{display:flex;gap:14px;padding:15px 0;border-top:1px solid #edf1f6}.branch>span{width:37px;height:37px;flex:none;background:#eaf2fc;color:#1b5e9e;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:800}.branch b{font:800 13px Manrope;color:#102b50}.branch p{font-size:11px;line-height:1.7;color:#728198;margin:5px 0 0}.contact-side>a{display:block;padding:18px 0;border-bottom:1px solid #edf1f6;position:relative}.contact-side>a small,.contact-side>a b{display:block}.contact-side>a small{font-size:8px;letter-spacing:.14em;color:#8290a4;font-weight:800}.contact-side>a b{font-size:12px;color:#112d54;margin-top:6px;overflow-wrap:anywhere}.contact-side>a span{position:absolute;right:0;top:27px;color:#e32b34}.contact-note{font-size:10px;line-height:1.7;color:#7c899d;margin:18px 0 0}footer{background:#06152e;color:#fff}.foot-top{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid #ffffff20}.footlogo .logotext b{color:#fff}.footlogo .logotext small{color:#9fb1c9}.footnav{display:flex;gap:25px;font-size:10px;color:#b7c7dc}.footbottom{display:flex;justify-content:space-between;padding:17px 0;color:#8fa2bd;font-size:9px}.whatsapp{position:fixed;right:20px;bottom:20px;width:49px;height:49px;background:#15a568;color:#fff;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:23px;box-shadow:0 7px 25px #0003;z-index:20}
@media(max-width:900px){.navrow nav{gap:15px}.hero-layout{grid-template-columns:1fr .85fr}.hero-art{transform:scale(.86)}.detail-layout{gap:35px}.business-grid{gap:12px}.cardbody{padding:18px}.cardbody h3{font-size:18px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.topinner{justify-content:center}.topinner>span{display:none}.header{height:70px}.monogram{width:43px;height:43px}.logotext b{font-size:13px}.menu{display:block}.menu i{display:block;width:24px;height:2px;background:#09234c;margin:5px}.navrow nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:15px 24px 22px;box-shadow:0 15px 20px #0002;flex-direction:column;align-items:stretch}.navrow nav.open{display:flex}.navrow nav a{padding:12px 0;border-bottom:1px solid #edf1f6}.navrow nav .navbutton{text-align:center;margin-top:8px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;padding:50px 0 20px}.hero h1{font-size:46px}.hero-copy>p{font-size:13px}.hero-art{width:100%;height:330px;transform:scale(.8);transform-origin:top center;margin-bottom:-55px}.f-two{right:-15px}.ribboninner{gap:10px;flex-wrap:wrap;font-size:8px}.ribboninner span+span{padding-left:12px}.section{padding:68px 0}.intro-grid,.detail-layout{grid-template-columns:1fr;gap:12px}.sectionhead{display:block}.sectionhead>p{margin-top:12px}.business-grid{grid-template-columns:1fr}.cardvisual{height:175px}.cardbody p{min-height:0}.scientific-detail .detail-layout{gap:30px}.category{min-height:125px;padding:15px}.category b{font-size:12px}.value-grid{grid-template-columns:1fr;gap:20px}.value-grid>div{padding-top:15px}.contact-grid{grid-template-columns:1fr}.contact-main,.contact-side{padding:22px}.foot-top{align-items:flex-start;gap:20px;flex-direction:column}.footnav{flex-wrap:wrap;gap:17px}.footbottom{gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.coming-soon{display:inline-flex;align-items:center;gap:8px;margin-top:17px;padding:10px 12px;border:1px solid #dce6f1;border-radius:4px;background:#f5f8fc;color:#58708d;font-size:9px;font-weight:800;letter-spacing:.1em}
.coming-soon:before{content:"";width:7px;height:7px;border-radius:50%;background:#e32b34}

/* Branch-specific contacts and enquiry form */
.branch-phone{display:inline-block;margin-top:8px;color:#174f8d;font-size:12px;font-weight:800}
.contact-side h3{font:800 21px Manrope;color:#09234c;margin:10px 0 8px}
.form-intro{font-size:11px;line-height:1.7;color:#748198;margin:0 0 16px}
#enquiry-form{display:grid;gap:7px}
#enquiry-form label{font-size:10px;font-weight:800;color:#344b68;margin-top:5px}
#enquiry-form input,#enquiry-form select,#enquiry-form textarea{width:100%;border:1px solid #dce4ef;border-radius:5px;padding:11px 12px;font:12px "DM Sans",Arial,sans-serif;color:#183252;background:#fbfcfe;outline:none}
#enquiry-form input:focus,#enquiry-form select:focus,#enquiry-form textarea:focus{border-color:#3477bb;box-shadow:0 0 0 3px #3477bb18}
#enquiry-form textarea{resize:vertical;min-height:90px}
.submit-enquiry{border:0;border-radius:5px;background:#e32b34;color:#fff;padding:13px 16px;font:700 12px "DM Sans",Arial,sans-serif;cursor:pointer;margin-top:8px;display:flex;justify-content:space-between;align-items:center}
.submit-enquiry:hover{background:#c91f29}
.contact-side{align-self:start}
@media(max-width:700px){.contact-side{padding:22px}.branch-phone{font-size:12px}}