.guide-page{background:#f2f4f4}
.guide-hero{
  position:relative;overflow:hidden;
  min-height:475px;display:flex;align-items:center;
  background:
    radial-gradient(circle at 75% 30%,rgba(115,153,174,.18),transparent 24%),
    radial-gradient(circle at 70% 68%,rgba(124,88,154,.14),transparent 28%),
    linear-gradient(115deg,rgba(13,23,28,.98),rgba(26,42,50,.94) 47%,rgba(42,49,68,.82));
}
.guide-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.08));
}
.guide-hero-inner{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:46px;align-items:center;
}
.guide-kicker{
  margin:0 0 12px!important;color:#a8d8e6!important;
  font:800 12px/1.2 Arial,sans-serif!important;letter-spacing:.18em;text-transform:uppercase!important;
}
.guide-hero-copy h1{
  margin:0!important;color:#f8fbfc!important;
  font:400 clamp(44px,7vw,78px)/1.02 Georgia,"Times New Roman",serif!important;
}
.guide-lead{
  max-width:700px;margin:18px 0 0!important;color:#dbe7ea!important;
  font-size:18px!important;line-height:1.7!important;
}
.guide-symbol{position:relative;width:300px;height:300px;margin:auto}
.guide-circle{position:absolute;border:1px solid rgba(173,218,230,.25);border-radius:50%}
.guide-circle-1{inset:16px}
.guide-circle-2{inset:54px;border-style:dashed}
.guide-line{position:absolute;left:67px;right:67px;top:50%;height:1px;background:linear-gradient(90deg,transparent,#9ad0df,transparent)}
.guide-figure{position:absolute;bottom:72px;width:64px;height:96px;border:2px solid rgba(220,241,246,.72);border-radius:44% 44% 36% 36% / 56% 56% 32% 32%}
.guide-figure span{position:absolute;left:50%;top:-38px;transform:translateX(-50%);width:38px;height:38px;border:2px solid rgba(220,241,246,.82);border-radius:50%}
.guide-figure-a{left:66px}
.guide-figure-b{right:66px}
.guide-point{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(172,223,236,.7);box-shadow:0 0 22px rgba(148,207,221,.16)}

.guide-zone{padding-top:54px}
.guide-content{max-width:1050px}
.guide-content h2{margin-top:40px!important;margin-bottom:14px!important}
.guide-content h2::before{content:"";display:block;width:44px;height:3px;margin-bottom:13px;border-radius:999px;background:#628b9a}
.guide-intro{
  display:grid;grid-template-columns:72px 1fr;gap:20px;
  max-width:900px;margin:0 auto 28px;padding:26px;
  border:1px solid #d8e2e5;border-radius:18px;background:linear-gradient(160deg,#fafcfc,#f0f5f6);
}
.guide-intro-badge{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#263b44;color:#d8eef4;font-weight:800}
.guide-overline{margin:0 0 8px!important;color:#425f6a!important;font-weight:800!important;letter-spacing:.05em;text-transform:uppercase}
.guide-opening{font-size:20px!important;color:#233943!important;font-weight:700!important}

.guide-question-card{
  max-width:900px;margin:28px auto;padding:24px 26px;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;
  border-radius:18px;background:linear-gradient(155deg,#eef4f7,#f8fafb);border:1px solid #d7e1e5;
}
.guide-question-mark{
  display:grid;place-items:center;width:50px;height:50px;border-radius:50%;
  background:#334d59;color:#eaf7fa;font:700 28px/1 Georgia,serif;
}
.guide-question-card h2{margin-top:0!important}

.guide-process{margin-top:38px}
.guide-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.guide-step{
  position:relative;padding:24px 20px;border-radius:18px;background:#f8fafb;border:1px solid #dde5e8;box-shadow:0 12px 28px rgba(31,53,61,.05);
}
.guide-step-no{position:absolute;right:14px;top:14px;color:#91a7af;font-weight:800;font-size:12px}
.guide-step-time{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e5eef1;color:#35525d;font-size:12px;font-weight:800}
.guide-step h3{margin:16px 0 8px!important;color:#233943!important;font-size:24px!important}

.guide-crisis{
  margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-radius:20px;overflow:hidden;border:1px solid #dedfe4;
}
.guide-crisis-head{padding:30px;background:linear-gradient(150deg,#42394d,#5a4862);color:#fff}
.guide-crisis-head h2{color:#fff!important;margin-top:0!important}
.guide-crisis-head h2::before{background:#c6a9d5!important}
.guide-crisis-head p{color:#efe7f3!important}
.guide-crisis-body{padding:30px;background:#faf8fb;display:flex;align-items:center}
.guide-crisis-body p{margin:0!important}

.guide-respect{
  display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch;margin-top:38px;
}
.guide-respect-copy{padding:28px;border-radius:20px;background:#f5f8f8;border:1px solid #dbe4e5}
.guide-respect-copy h2{margin-top:0!important}
.guide-photo{margin:0;overflow:hidden;border-radius:20px;min-height:320px}
.guide-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important}

.guide-tools{
  margin-top:38px;padding:30px;border-radius:20px;background:linear-gradient(155deg,#eef5f4,#f8fbfa);border:1px solid #dae5e2;
}
.guide-tools-main{max-width:860px}
.guide-tools-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.guide-tools-list span{display:inline-flex;padding:8px 11px;border-radius:999px;background:#dfecea;color:#345950;border:1px solid #cfe0dc}

.guide-booking{
  margin-top:34px;padding:24px 28px;border-left:4px solid #6d8fa0;border-radius:0 14px 14px 0;background:#f1f6f8;
}
.guide-booking a,.guide-more a{color:#426d7e!important;font-weight:800}
.guide-possible{margin:14px 0 0!important;font:italic 24px/1.4 Georgia,serif!important;color:#546d78!important}

.guide-more{margin-top:34px;padding-top:18px;border-top:1px solid #dde5e8}
.guide-disclaimer{
  margin-top:20px!important;padding:15px 17px!important;border-radius:12px;background:#f4f4f4;color:#666!important;font-size:14px!important
}

@media(max-width:900px){
  .guide-hero-inner{grid-template-columns:1fr}
  .guide-symbol{position:absolute;right:0;bottom:-46px;opacity:.32}
  .guide-process-grid{grid-template-columns:1fr}
  .guide-crisis,.guide-respect{grid-template-columns:1fr}
}
@media(max-width:760px){
  .guide-hero{min-height:410px;padding:70px 0 42px}
  .guide-hero-copy h1{font-size:44px!important}
  .guide-lead{font-size:16px!important}
  .guide-zone{padding-top:34px}
  .guide-content{padding:22px 18px}
  .guide-intro,.guide-question-card{grid-template-columns:1fr;padding:20px}
  .guide-photo{min-height:230px}
}