/* Public marketing content only; existing hero, form, tour and admin styles remain unchanged. */
.feature-links{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:24px 0;border-bottom:1px solid #dce5ec;font-size:12px;line-height:1.6}
.feature-links>span{color:#61798b;margin-inline-end:10px}
.feature-links a{display:inline-flex;align-items:center;min-height:44px;color:#19669a;text-underline-offset:5px}
.feature-links a:hover{text-decoration:underline}
.guide-page{background:#f5f7f9}
.guide-header{display:flex;gap:22px;align-items:center;justify-content:space-between;padding-block:22px}
.guide-header nav{display:flex;gap:24px;align-items:center;font-size:13px;flex-wrap:wrap}
.guide-header nav a{min-height:44px;display:inline-flex;align-items:center}
.guide-demo{border:1px solid #cbdce7;border-radius:24px;padding:10px 18px}
.guide-hero{padding:32px 0 72px;background:radial-gradient(ellipse at 85% 15%,#224a63 0,transparent 60%),#071f31;color:white}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#b4ccdc;margin-bottom:50px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.guide-hero .eyebrow{color:#91c7e8}
.guide-hero h1{font-size:clamp(32px,4.8vw,62px);line-height:1.14;letter-spacing:-2px;max-width:950px;font-weight:650;overflow-wrap:break-word}
.guide-tagline{font-size:22px;color:#9bcfe8;margin-top:22px}
.guide-lead{font-size:17px;max-width:800px;color:#c1d3df;margin-top:18px}
.guide-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;padding-block:70px;align-items:start}
.guide-copy h2,.guide-questions h2{font-size:30px;letter-spacing:-1px;line-height:1.3;margin-bottom:22px}
.guide-copy>p{font-size:16px;color:#506c7e;margin-bottom:22px}
.guide-copy>h2:not(:first-child){margin-top:42px}
.guide-steps{padding-inline-start:24px;line-height:1.8}
.guide-steps li{padding-inline-start:8px;margin-block:22px}
.guide-steps li::marker{color:#1679bd;font-weight:bold}
.guide-steps h3{font-size:18px;margin-bottom:7px}
.guide-steps p{color:#506c7e;font-size:15px}
.guide-aside{min-width:0}
.guide-aside figure,.fa-capture{margin:0;padding:14px;background:white;border:1px solid #d5e0e8;border-radius:16px;box-shadow:0 20px 60px #173f5b0a}
.guide-aside img,.fa-capture img{width:100%;height:auto;border-radius:8px}
.guide-aside figcaption,.fa-capture figcaption{font-size:12px;line-height:1.8;color:#526f82;padding:18px 6px 3px}
.guide-questions{max-width:900px;padding-bottom:65px}
.guide-questions details{border-bottom:1px solid #d5e0e8}
.guide-questions summary{padding:20px 0;font-size:16px;cursor:pointer;line-height:1.8}
.guide-questions details p{padding:0 0 22px;color:#506c7e;font-size:15px}
.guide-cta{background:#0b293d;color:white;padding:55px 0}
.guide-cta>.wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}
.guide-cta h2{font-size:32px}
.guide-cta p{font-size:15px;color:#b4ccdc;max-width:700px;margin-top:18px}
.guide-cta .button{flex-shrink:0;border-radius:28px}
.guide-footer{padding-block:20px 30px}
.guide-footer .feature-links{border:0;margin-bottom:15px}
.fa-overview .guide-hero{position:relative;background:linear-gradient(90deg,#071f31e8,#071f31d9),url('assets/ocean-vessel.png') center/cover}
.fa-overview .guide-hero h1{max-width:920px}
.fa-overview .guide-hero .button{margin-top:28px;border-radius:28px}
.fa-overview-section{padding-block:64px}
.fa-overview-section>h2{font-size:34px;line-height:1.5;margin-bottom:18px}
.fa-overview-section>p{max-width:850px;margin-bottom:32px;color:#506c7e;font-size:16px}
.fa-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.fa-module{background:white;padding:30px;border:1px solid #d5e0e8;border-radius:16px}
.fa-module h3{font-size:23px}
.fa-module p{color:#506c7e;margin-top:16px}
.fa-module a{display:inline-flex;min-height:44px;align-items:center;margin-top:15px;color:#176a9f;text-decoration:underline;text-underline-offset:5px}
.guide-page[dir=rtl]{font-family:Tahoma,'Segoe UI',Arial,sans-serif}
.guide-page[dir=rtl] h1,.guide-page[dir=rtl] h2,.guide-page[dir=rtl] h3{font-family:inherit;letter-spacing:0;line-height:1.65}
.guide-page[dir=rtl] p{line-height:2.05}
.guide-page[dir=rtl] .eyebrow{letter-spacing:0}
.guide-page[dir=rtl] .brand{direction:ltr}
.guide-page[dir=rtl] .guide-hero h1{font-size:clamp(30px,4vw,48px)}
@media(max-width:1000px){.guide-layout{gap:35px}.guide-header{flex-wrap:wrap}.guide-header nav{gap:18px}}
@media(max-width:700px){
 .feature-links{gap:4px 16px;font-size:12px}.feature-links>span{flex-basis:100%}
 .guide-header{padding-block:14px;gap:12px}.guide-header nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.guide-demo{padding:7px 12px}
 .guide-hero{padding:25px 0 45px}.breadcrumbs{margin-bottom:30px}
 .guide-hero h1{font-size:36px;letter-spacing:-1px}.guide-tagline{font-size:20px}.guide-lead{font-size:16px}
 .guide-layout{grid-template-columns:minmax(0,1fr);padding-block:45px;gap:32px}
 .guide-copy h2,.guide-questions h2{font-size:26px}.guide-copy>p{font-size:15px}
 .guide-questions{padding-bottom:45px}.guide-questions summary{font-size:15px}
 .guide-cta>.wrap{flex-direction:column;align-items:flex-start;gap:25px}.guide-cta h2{font-size:28px}
 .fa-overview-section{padding-block:44px}.fa-overview-section>h2{font-size:28px}
 .fa-modules{grid-template-columns:minmax(0,1fr);gap:16px}.fa-module{padding:23px}
}