@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800&display=swap');

.quote-page { --gold:#dba80a; --gold-bright:#f1bd18; --ink:#101013; --paper:#f6f1e7; --line:rgba(207,157,20,.3); min-height:100vh; background:var(--paper); color:#17171a; font-family:Cairo,Arial,sans-serif; overflow-x:hidden; }
.quote-page *, .quote-page *::before, .quote-page *::after { box-sizing:border-box; }
.quote-shell { width:min(1180px,calc(100% - clamp(36px,8vw,160px))); margin-inline:auto; }
.quote-header { position:fixed; inset:0 0 auto; z-index:1000; height:84px; background:rgba(9,9,12,.92); border-bottom:1px solid rgba(218,169,15,.2); backdrop-filter:blur(18px); transition:background .28s,border-color .28s,box-shadow .28s; }
.quote-header.is-scrolled { box-shadow:0 10px 26px rgba(0,0,0,.18); }
.quote-header-inner { min-height:84px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; position:relative; }
.quote-brand { justify-self:end; color:#fff; text-decoration:none; font:700 1.17rem Montserrat,Cairo,sans-serif; letter-spacing:-.045em; white-space:nowrap; }
.brand-mha { color:var(--gold-bright); margin-left:.28rem; letter-spacing:.04em; }
.quote-nav { display:flex; align-items:center; justify-content:center; gap:clamp(16px,2vw,31px); }
.quote-nav a { color:#eee9de; text-decoration:none; font-size:.77rem; font-weight:700; white-space:nowrap; opacity:.86; transition:color .2s,opacity .2s; }
.quote-nav a:hover, .quote-nav .is-active { color:var(--gold-bright); opacity:1; }
.quote-theme-toggle { position:static; justify-self:start; width:38px; height:38px; display:grid; place-items:center; color:var(--gold-bright); background:transparent; border:1px solid rgba(223,172,13,.5); border-radius:50%; cursor:pointer; font-size:1.08rem; transition:background .2s,color .2s; }
.quote-theme-toggle:hover { background:var(--gold); color:#111; }
.quote-hero { position:relative; min-height:440px; display:grid; place-items:center; overflow:hidden; isolation:isolate; padding:150px 0 80px; color:#fff; background:radial-gradient(circle at 50% 90%,rgba(170,117,0,.3),transparent 47%),#0d0d10; }
.quote-hero::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(118deg,rgba(8,8,10,.94),rgba(8,8,10,.58)),url('../../assets/images/hero-network.png') center/cover no-repeat; opacity:.78; }
.quote-hero::after { content:""; position:absolute; z-index:-1; width:780px; height:780px; left:50%; top:145px; transform:translateX(-50%); border:1px solid rgba(220,166,12,.32); border-radius:50%; box-shadow:0 0 0 100px rgba(215,160,10,.025),0 0 0 200px rgba(215,160,10,.018); }
.quote-hero-grid { position:absolute; inset:auto 8% 0; height:48%; opacity:.34; background-image:radial-gradient(rgba(230,177,15,.75) 1px,transparent 1px); background-size:13px 13px; mask-image:linear-gradient(to bottom,transparent,black); }
.quote-hero-content { position:relative; text-align:center; max-width:800px; }
.section-kicker { margin:0 0 13px; color:var(--gold); font-size:.75rem; font-weight:800; }
.section-kicker::before, .section-kicker::after { content:""; display:inline-block; width:32px; height:1px; margin:0 10px; vertical-align:middle; background:currentColor; opacity:.72; }
.quote-hero h1, .quote-content h2 { margin:0; font-size:clamp(2.5rem,5vw,4.75rem); line-height:1.1; font-weight:800; letter-spacing:-.055em; }
.quote-hero h1 span, .quote-content h2 span { color:var(--gold-bright); }
.quote-hero-content > p:not(.section-kicker) { max-width:640px; margin:21px auto 26px; color:#e5dfd5; line-height:2; font-size:1rem; }
.quote-hero-points { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.quote-hero-points span { padding:8px 16px; border:1px solid rgba(231,178,20,.4); border-radius:30px; color:#f8e8bb; background:rgba(10,10,12,.42); font-size:.73rem; font-weight:700; }
.quote-content { padding:clamp(70px,9vw,126px) 0; background:var(--paper); }
.quote-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(35px,7vw,100px); align-items:start; }
.quote-details { padding:24px 0; }
.quote-details h2 { font-size:clamp(2.15rem,3.6vw,3.35rem); color:#151519; }
.quote-lead { max-width:440px; color:#6f685e; font-size:.91rem; line-height:2.05; margin:22px 0 30px; }
.detail-list { display:grid; gap:12px; }
.detail-card { display:flex; align-items:center; gap:14px; padding:16px 17px; border:1px solid rgba(37,32,24,.09); border-right:3px solid var(--gold); background:#fffdf9; box-shadow:0 10px 24px rgba(27,22,11,.035); }
.detail-icon { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; color:#151519; background:#f2e0a2; border-radius:50%; font:700 1.1rem Arial,sans-serif; }
.detail-card small { display:block; color:#9b750d; font-size:.68rem; font-weight:800; margin-bottom:3px; }
.detail-card p, .detail-card a { margin:0; color:#332e27; text-decoration:none; font-size:.78rem; font-weight:600; }
.detail-card a:hover { color:#ae7c00; }
.quote-form { padding:clamp(26px,4vw,52px); background:#fffdf9; border-top:4px solid var(--gold); box-shadow:0 20px 55px rgba(30,22,9,.09); }
.form-heading h2 { font-size:clamp(1.9rem,3.2vw,3rem); color:#17171a; }
.form-heading > p:last-child { margin:12px 0 31px; color:#766f64; font-size:.82rem; line-height:1.9; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.form-grid label { display:grid; gap:8px; color:#28231b; font-size:.74rem; font-weight:800; }
.form-grid input, .form-grid select, .form-grid textarea { width:100%; min-height:47px; padding:11px 13px; color:#181715; background:#faf7f0; border:1px solid #ded7c9; border-radius:2px; outline:none; font:500 .81rem Cairo,Arial,sans-serif; transition:border-color .2s,box-shadow .2s; }
.form-grid textarea { min-height:128px; resize:vertical; }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(220,169,11,.12); }
.form-grid input::placeholder, .form-grid textarea::placeholder { color:#a39b8f; }
.form-wide { grid-column:1/-1; }
.form-action { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:25px; }
.form-success { display:none; margin:0; color:#58753b; font-size:.75rem; font-weight:700; }
.form-success.is-visible { display:block; }
.form-action button { border:0; padding:13px 25px; color:#16130d; background:linear-gradient(135deg,#f1c33d,#c98b00); font:800 .79rem Cairo,Arial,sans-serif; cursor:pointer; transition:transform .2s,box-shadow .2s; }
.form-action button:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(173,118,0,.24); }
.form-action button span { margin-right:9px; font-size:1rem; }
.quote-footer { padding:50px 0 0; color:#ece7da; background:#0b0b0e; border-top:1px solid rgba(226,171,10,.24); }
.quote-footer-top { display:grid; grid-template-columns:1.8fr 1fr 1fr; gap:40px; padding-bottom:37px; }
.footer-brand { display:inline-flex; margin-bottom:10px; }
.quote-footer p { margin:0; color:#b5afa4; font-size:.78rem; }
.quote-footer h3 { margin:0 0 12px; color:var(--gold-bright); font-size:.78rem; }
.quote-footer a:not(.footer-brand) { display:block; width:max-content; max-width:100%; margin:7px 0; color:#cfc8b9; text-decoration:none; font-size:.75rem; transition:color .2s; }
.quote-footer a:hover { color:var(--gold-bright); }
.quote-copyright { padding:17px 0; border-top:1px solid rgba(255,255,255,.09); color:#9e988d; font-size:.68rem; }

.quote-page[data-theme="dark"] { --paper:#101013; color:#f4efe5; }
.quote-page[data-theme="dark"] .quote-content { background:#101013; }
.quote-page[data-theme="dark"] .quote-details h2, .quote-page[data-theme="dark"] .form-heading h2 { color:#f5f0e5; }
.quote-page[data-theme="dark"] .quote-lead { color:#b9b2a5; }
.quote-page[data-theme="dark"] .detail-card, .quote-page[data-theme="dark"] .quote-form { background:#18181c; box-shadow:0 20px 55px rgba(0,0,0,.24); border-color:rgba(255,255,255,.09); }
.quote-page[data-theme="dark"] .detail-card p, .quote-page[data-theme="dark"] .detail-card a, .quote-page[data-theme="dark"] .form-grid label { color:#e9e2d6; }
.quote-page[data-theme="dark"] .form-grid input, .quote-page[data-theme="dark"] .form-grid select, .quote-page[data-theme="dark"] .form-grid textarea { color:#eee6d9; background:#111114; border-color:#39362f; }
.quote-page[data-theme="dark"] .quote-header { background:rgba(9,9,12,.95); }

@media (max-width:850px) { .quote-header-inner{grid-template-columns:auto 1fr auto;gap:14px}.quote-nav{gap:13px;justify-content:end;overflow-x:auto;padding:4px 0}.quote-nav a{font-size:.68rem}.quote-layout{grid-template-columns:1fr;gap:28px}.quote-details{padding-top:0}.quote-footer-top{grid-template-columns:1fr 1fr}.quote-footer-top>div:first-child{grid-column:1/-1} }
@media (max-width:580px) { .quote-shell{width:min(100% - 30px,1180px)}.quote-header{height:71px}.quote-header-inner{min-height:71px}.quote-brand{font-size:.96rem}.quote-nav{display:none}.quote-theme-toggle{width:35px;height:35px}.quote-hero{min-height:410px;padding:120px 0 60px}.quote-hero h1{font-size:2.55rem}.quote-hero-content>p:not(.section-kicker){font-size:.85rem}.quote-hero-points span{font-size:.64rem;padding:7px 10px}.quote-content{padding:58px 0}.quote-form{padding:25px 19px}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.form-action{align-items:flex-start;flex-direction:column}.quote-footer-top{grid-template-columns:1fr;gap:24px}.quote-footer-top>div:first-child{grid-column:auto}.quote-copyright{font-size:.6rem;line-height:1.8}.section-kicker::before,.section-kicker::after{width:19px;margin:0 6px} }