/* v23: brand rhythm, homepage About, About page */
.kicker:before{content:"";display:inline-block;width:26px;height:3px;background:#ff7a1a;margin-right:10px;vertical-align:middle;border-radius:2px}
.navlinks a[aria-current=page]{color:#b8480a;box-shadow:inset 0 -3px 0 #ff7a1a}
/* trades strip: slogan + chips on warm cream */
.trades{background:#fbf4e8;border-top:4px solid #ff7a1a;border-bottom:1px solid #eadfcb}
.trades .slogan{flex:0 0 100%;margin:0 0 6px;text-align:center;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(21px,2.5vw,30px);letter-spacing:-.5px;color:#10284a}
.trades span{background:#fff;border:1px solid #eadfcb;border-radius:999px;padding:7px 14px}
.trades i{display:none}
.trades .wrap{gap:10px 12px}
/* samples */
.portfolio{background:linear-gradient(180deg,#dde7f4,#eef3fa);border-top:4px solid #ff7a1a}
.demo{box-shadow:0 16px 36px #10284a26;border-color:#c9d6e8}
.disclosure{color:#34475e}
/* pricing */
#pricing{background:#fbf4e8}
#pricing .lead,#pricing .fine{color:#3a4c63}
.price{border:1px solid #e0d2b8;border-top:5px solid #10284a;box-shadow:0 12px 26px #10284a18}
.price .amount{font-family:'Fraunces',Georgia,serif;color:#10284a}
.price p{color:#3a4c63}
.price ul{color:#2e4158}
.price.featured{background:linear-gradient(160deg,#10284a,#0b213d);color:#fff;border:2px solid #ff7a1a;border-top:7px solid #ff7a1a;box-shadow:0 22px 44px #10284a55}
.price.featured h3,.price.featured .amount{color:#fff}
.price.featured .amount small{color:#b8cddd}
.price.featured p,.price.featured ul{color:#dbe6f3}
.price.featured .pill{background:#ff7a1a;color:#10284a;font-size:12px}
@media(min-width:901px){.price.featured{transform:translateY(-12px)}}
/* homepage About */
.about-home{background:#17325c;color:#fff}
.about-home .kicker{color:#ff9a4d}
.about-home h2{color:#fff}
.about-home-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.about-home-copy{border-left:4px solid #ff7a1a;padding-left:28px}
.about-home-copy p{color:#dbe6f3;font-size:17px;margin:0 0 16px}
.about-home-copy p.em{color:#fff;font-weight:650}
.about-home-copy .button{margin-top:8px;font-size:15px;padding:13px 20px}
.about-facts{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.about-facts li{display:flex;gap:14px;align-items:center;background:#ffffff10;border:1px solid #ffffff2b;border-radius:12px;padding:12px 16px;font-weight:650;color:#fff;font-size:15px}
.about-facts b{color:#ff9a4d;font-family:'Fraunces',Georgia,serif;font-size:21px;min-width:84px}
/* FAQ */
.about-faq{background:#eaf0f8}
.about-faq .lead{color:#34475e}
.faq-list details{background:#fff;border:1px solid #d3deed;border-radius:12px;margin-bottom:10px;padding:0 20px}
.faq-list details:first-of-type{border-top:1px solid #d3deed}
.faq-list details p{color:#34475e}
.faq-title{color:#10284a}
/* contact */
.quote-section{background:radial-gradient(circle at 10% 8%,#ff7a1a2b,transparent 42%),linear-gradient(150deg,#0b213d,#10284a);color:#fff}
.quote-section .kicker{color:#ff9a4d}
.quote-section .quote-copy h2{color:#fff}
.quote-section .quote-copy p{color:#dbe6f3}
.quote-section .quote-copy .slogan-line{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:21px;color:#ff9a4d;margin:-2px 0 18px}
.quote-section .quote-points{color:#fff}
.quote-section .quote-copy .button.secondary{background:transparent;color:#fff;border:1px solid #ffffff77}
.quote-section .quote-email a{color:#ffb27a;text-decoration:underline}
.quote-section .quote-form{color:#10284a;box-shadow:0 24px 54px #00000055}
footer a{text-decoration:underline}
@media(max-width:900px){.about-home-grid{grid-template-columns:1fr;gap:28px}.about-home-copy{padding-left:20px}}
@media(max-width:600px){.trades .slogan{text-align:left}.navlinks a:not(.button){padding:10px 6px;font-size:13.5px}}
/* ---------- About page ---------- */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#0a1f3d 0%,#10284a 55%,#17356a 100%);color:#fff;padding:78px 0 72px}
.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 20%,#ff7a1a30,transparent 40%),radial-gradient(circle at 10% 100%,#2b5fa550,transparent 45%);pointer-events:none}
.page-hero .wrap{position:relative}
.page-hero h1{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(36px,5.2vw,64px);line-height:1.08;letter-spacing:-1.4px;margin:22px 0 16px;max-width:780px}
.page-hero h1 em{color:#ff9a4d;font-style:normal}
.page-hero p{font-size:20px;color:#dbe6f3;max-width:640px;margin:0}
.about-body{background:#fbf4e8;padding:80px 0}
.about-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:start}
.about-text h2{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(25px,2.6vw,33px);letter-spacing:-.6px;line-height:1.15;margin:40px 0 12px;color:#10284a}
.about-text h2:first-child{margin-top:0}
.about-text p{font-size:18px;line-height:1.7;color:#27394f;margin:0 0 18px}
.about-text p.big{font-size:21px;color:#10284a;font-weight:600}
.about-side{position:sticky;top:24px}
.about-card{background:#10284a;color:#fff;border-radius:20px;padding:30px;border-top:6px solid #ff7a1a;box-shadow:0 22px 44px #10284a40}
.about-card h3{margin:0 0 18px;font-size:13px;letter-spacing:1.8px;text-transform:uppercase;color:#ff9a4d}
.about-card ul{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.about-card li{display:flex;gap:16px;align-items:flex-start}
.about-card svg{flex:none;width:34px;height:34px;stroke:#ff9a4d;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.about-card strong{display:block;font-family:'Fraunces',Georgia,serif;font-size:22px;line-height:1.15;color:#fff}
.about-card li span{display:block;color:#dbe6f3;font-size:15px;margin-top:3px}
.about-photo{display:block;width:100%;height:auto;border-radius:14px;margin:0 0 22px}
.about-quote{background:#0b213d;color:#fff;padding:76px 0;text-align:center}
.about-quote blockquote{margin:0 auto;max-width:820px;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(26px,3.6vw,42px);line-height:1.2;letter-spacing:-.8px}
.about-quote blockquote em{color:#ff9a4d;font-style:normal}
.about-quote:before{content:"";display:block;width:56px;height:4px;background:#ff7a1a;border-radius:2px;margin:0 auto 28px}
.expect{background:#e4ebf5;padding:80px 0}
.expect h2{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(28px,3.4vw,42px);letter-spacing:-1px;margin:10px 0 28px;color:#10284a}
.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.expect-card{background:#fff;border:1px solid #c9d6e8;border-top:5px solid #ff7a1a;border-radius:16px;padding:28px;box-shadow:0 12px 28px #10284a1a}
.expect-card h3{margin:0 0 10px;font-size:20px;color:#10284a}
.expect-card p{margin:0;color:#34475e;font-size:16px;line-height:1.6}
.about-cta{background:linear-gradient(135deg,#ff8a2f,#ff7a1a);color:#10284a;padding:76px 0;text-align:center}
.about-cta h2{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(30px,4.2vw,50px);letter-spacing:-1.2px;line-height:1.1;margin:0 0 14px;color:#10284a}
.about-cta p{margin:0 auto 26px;max-width:560px;font-size:18px;color:#10284a}
.about-cta .button{background:#10284a;color:#fff;box-shadow:0 12px 26px #10284a40;margin:0 6px 10px;font-size:16px;padding:15px 24px}
.about-cta .button.secondary{background:transparent;color:#10284a;border:2px solid #10284a;box-shadow:none}
.about-cta p.small{font-size:15px;margin:6px auto 0;max-width:none}
.about-cta .small a{text-decoration:underline;font-weight:650}
@media(max-width:900px){.about-layout{grid-template-columns:1fr;gap:36px}.about-side{position:static}.expect-grid{grid-template-columns:1fr}.about-body,.expect{padding:56px 0}.page-hero{padding:52px 0 48px}.about-quote,.about-cta{padding:56px 0}}
.price .amount small{font-family:Segoe UI,Arial,sans-serif}
.about-facts b{min-width:104px;white-space:nowrap}
@media(max-width:600px){.navlinks{gap:0}.navlinks a:not(.button){padding:10px 5px;font-size:13px}.about-facts b{min-width:96px;font-size:19px}}
@media(max-width:600px){.navlinks a[href="#home"],.navlinks a[href="index.html"]{display:none}}
@media(max-width:340px){.navlinks a:not(.button){padding:10px 3px;font-size:12px}}