/*
Design philosophy for QP.SG: Premium Architectural Monograph with Engineering-Tech overlays.
Deep navy and graphite surfaces, disciplined cyan engineering accents, cinematic structural visuals,
technical content panels, calm motion, and editorial spacing must reinforce the authority-platform identity.
*/
:root{--navy:#071526;--navy-2:#0b2037;--graphite:#141a20;--steel:#33414f;--cyan:#30d9ff;--cyan-2:#8eeaff;--white:#f7fbff;--muted:#a9b8c6;--paper:#ffffff;--paper-2:#f3f7fa;--line:rgba(48,217,255,.22);--shadow:0 24px 70px rgba(1,12,24,.26);--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#17212b;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.68;font-size:16px}img{max-width:100%;height:auto}a{color:inherit}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--cyan);color:#00111d;padding:.7rem 1rem;z-index:2000}.skip-link:focus{left:1rem}.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,21,38,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(142,234,255,.18)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1240px;margin:0 auto;padding:.9rem 1.25rem}.brand{display:flex;flex-direction:column;text-decoration:none;color:var(--white);letter-spacing:.02em}.brand strong{font-family:'Space Grotesk',sans-serif;font-size:1.45rem;line-height:1}.brand span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.main-nav{display:flex;align-items:center;gap:.35rem}.main-nav>a,.dropbtn{color:#d9e7f4;text-decoration:none;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;padding:.76rem .72rem;border:1px solid transparent;background:transparent;font-family:inherit}.main-nav>a:hover,.dropbtn:hover,.main-nav>a.active{border-color:rgba(48,217,255,.42);color:var(--cyan-2)}.dropdown{position:relative}.dropdown-content{position:absolute;right:0;top:100%;width:330px;background:#071526;border:1px solid rgba(48,217,255,.22);box-shadow:var(--shadow);padding:.6rem;display:none;grid-template-columns:1fr;gap:.12rem}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:grid}.dropdown-content a{padding:.68rem .75rem;color:#d9e7f4;text-decoration:none;font-size:.84rem;border-left:2px solid transparent}.dropdown-content a:hover{background:rgba(48,217,255,.08);border-left-color:var(--cyan)}.nav-cta{background:var(--cyan);color:#00111d!important;text-decoration:none;padding:.78rem 1rem;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:700}.mobile-toggle{display:none;background:transparent;border:1px solid rgba(48,217,255,.4);color:var(--white);padding:.55rem .7rem}.hero{position:relative;min-height:760px;background:linear-gradient(90deg,rgba(3,13,25,.96) 0%,rgba(5,18,33,.88) 42%,rgba(3,13,25,.28) 78%),var(--hero-img);background-size:cover;background-position:center;display:flex;align-items:center;color:var(--white);overflow:hidden}.hero:before,.dark-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(48,217,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(48,217,255,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 72%);pointer-events:none}.hero-inner{position:relative;max-width:1240px;margin:0 auto;padding:7rem 1.25rem;width:100%;display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:2rem}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;color:var(--cyan-2);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700}.eyebrow:before{content:'';width:42px;height:1px;background:var(--cyan)}h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,6vw,6.35rem);margin:.9rem 0 1.15rem}h2{font-size:clamp(2rem,4vw,3.75rem);margin:0 0 1rem}h3{font-size:1.35rem;margin:0 0 .75rem}.hero p.lede{font-size:clamp(1.05rem,1.8vw,1.42rem);max-width:780px;color:#d4e2ef}.cta-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.15rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.82rem;border:1px solid transparent;transition:transform .25s ease,border-color .25s ease,background .25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--cyan);color:#00111d}.btn-outline{border-color:rgba(142,234,255,.55);color:var(--white);background:rgba(255,255,255,.03)}.btn-dark{background:var(--navy);color:var(--white)}.trust-strip{position:relative;max-width:1240px;margin:-66px auto 0;padding:0 1.25rem;z-index:4}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,21,38,.96);border:1px solid rgba(48,217,255,.2);box-shadow:var(--shadow)}.trust-item{padding:1.2rem 1rem;border-right:1px solid rgba(48,217,255,.16);color:#dbe9f5}.trust-item:last-child{border-right:0}.trust-item strong{display:block;color:var(--cyan-2);font-family:'Space Grotesk';font-size:1.4rem}.section{padding:7rem 1.25rem}.container{max-width:1240px;margin:0 auto}.split-head{display:grid;grid-template-columns:minmax(0, .9fr) minmax(280px,.55fr);gap:3rem;align-items:end;margin-bottom:2.5rem}.section-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#167b93;font-weight:800}.muted{color:#5d6f7e}.service-anchor{background:#f5f8fb}.feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.feature-card{min-height:560px;position:relative;overflow:hidden;color:var(--white);display:flex;align-items:flex-end;background:#061526;box-shadow:var(--shadow)}.feature-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,14,25,.96) 0%,rgba(4,14,25,.72) 45%,rgba(4,14,25,.28) 100%);z-index:1}.feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.feature-card:hover img{transform:scale(1.035)}.feature-content{position:relative;z-index:2;padding:2rem}.feature-content ul{columns:2;margin:1.1rem 0 1.3rem;padding-left:1.1rem;color:#dbe8f5}.feature-content li{break-inside:avoid;margin:.28rem 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-card{position:relative;padding:1.35rem;background:var(--paper);border:1px solid #dbe4ec;border-top:3px solid var(--navy);min-height:250px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(8,28,48,.13);border-top-color:var(--cyan)}.service-card .num{font-family:'Space Grotesk';color:#159dc0;font-size:.85rem;letter-spacing:.14em}.dark-section{position:relative;background:linear-gradient(135deg,#06111e,#0b2037 58%,#101820);color:var(--white);overflow:hidden}.dark-section .container{position:relative}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(48,217,255,.22);border:1px solid rgba(48,217,255,.2)}.process-step{background:rgba(7,21,38,.84);padding:1.4rem}.process-step span{color:var(--cyan-2);font-family:'Space Grotesk';font-size:2rem}.content-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center}.content-band img{box-shadow:var(--shadow)}.faq-list details{border:1px solid #dbe4ec;margin:.75rem 0;background:#fff}.faq-list summary{font-weight:800;padding:1rem 1.1rem;cursor:pointer;color:#071526}.faq-list details p{padding:0 1.1rem 1rem;margin:0}.page-hero{background:linear-gradient(90deg,rgba(3,13,25,.96),rgba(3,13,25,.72)),url('../images/authority-submission-system.webp');background-size:cover;background-position:center;color:var(--white);padding:7rem 1.25rem 4.5rem;position:relative}.page-hero .container{display:grid;grid-template-columns:minmax(0,820px) minmax(280px,360px);gap:2rem;align-items:end}.fact-panel{background:rgba(255,255,255,.08);border:1px solid rgba(48,217,255,.25);padding:1.25rem;backdrop-filter:blur(14px)}.breadcrumbs{font-size:.82rem;color:#9db0c2;margin-bottom:1rem}.breadcrumbs a{color:#cfefff}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem}.article-main h2{margin-top:2.8rem;color:#071526}.article-main h2:first-child{margin-top:0}.article-main p{font-size:1.02rem}.side-panel{position:sticky;top:98px;align-self:start;background:#f4f8fb;border-left:3px solid var(--cyan);padding:1.25rem}.side-panel a{display:block;text-decoration:none;border-bottom:1px solid #d7e1e9;padding:.6rem 0;color:#243746}.check-list{list-style:none;padding:0;margin:1rem 0}.check-list li{position:relative;padding-left:1.4rem;margin:.5rem 0}.check-list li:before{content:'—';position:absolute;left:0;color:#159dc0;font-weight:900}.table-wrap{overflow-x:auto}.seo-table{width:100%;border-collapse:collapse;background:#fff}.seo-table th,.seo-table td{border:1px solid #dae4ec;padding:.8rem;text-align:left;vertical-align:top}.seo-table th{background:#071526;color:#fff}.footer{background:#06111e;color:#d8e7f4;padding:4rem 1.25rem 2rem}.footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.3fr .8fr .8fr .9fr;gap:2rem}.footer a{display:block;color:#d8e7f4;text-decoration:none;margin:.35rem 0}.footer small{display:block;max-width:1240px;margin:2rem auto 0;color:#9eb0c0;border-top:1px solid rgba(255,255,255,.12);padding-top:1.2rem}.wa-float{position:fixed;right:1rem;bottom:1rem;z-index:999;background:#18c464;color:#03130a;text-decoration:none;padding:.95rem 1rem;border-radius:999px;box-shadow:0 16px 40px rgba(0,0,0,.25);font-weight:900}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.blog-card{border:1px solid #dce5ec;background:#fff;padding:1.25rem;text-decoration:none;min-height:230px}.blog-card span{color:#167b93;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.13em}@media(max-width:980px){.mobile-toggle{display:inline-flex}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#071526;padding:1rem;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.dropdown-content{position:static;width:auto;display:grid;background:rgba(255,255,255,.04);box-shadow:none}.hero{min-height:auto}.hero-inner,.split-head,.content-band,.article-layout,.page-hero .container{grid-template-columns:1fr}.trust-grid,.feature-cards,.service-grid,.process,.footer-grid,.blog-grid{grid-template-columns:1fr 1fr}.side-panel{position:static}.feature-card{min-height:470px}}@media(max-width:640px){h1{font-size:2.55rem}.section{padding:4.5rem 1rem}.trust-grid,.feature-cards,.service-grid,.process,.footer-grid,.blog-grid{grid-template-columns:1fr}.trust-strip{margin-top:0;padding:0}.trust-grid{border-left:0;border-right:0}.feature-content ul{columns:1}.nav-shell{padding:.8rem 1rem}.wa-float{left:1rem;right:1rem;text-align:center;justify-content:center}.page-hero{padding-top:5rem}}