/* مرسى — الواجهة العامة. هوية المسرح بتاعة ستيا: ليل، وكشاف واحد، وعناوين بتدرّج للسماوي.
   الموبايل أولًا: أغلب المؤسسين جايين من واتساب وإنستغرام. */
:root{
  color-scheme:dark;
  --night:#07061A;
  --stage-1:#0B0922;
  --stage-2:#120E2E;
  --glass:rgba(26,21,64,.72);
  --ink:#F5F3FA;
  --ink-2:rgba(245,243,250,.82);
  --muted:rgba(245,243,250,.64);
  --faint:rgba(245,243,250,.46);
  --line:rgba(245,243,250,.13);
  --line-2:rgba(245,243,250,.07);
  --violet:#7357FF;
  --violet-ink:#B6A6FF;
  --cyan:#25D6E8;
  --beam:#C8F6FA;
  --ok:#4BE0A6;
  --warn:#FFC857;
  --crit:#FF7A8F;
  --on-light:#100D2B;
  --headline:linear-gradient(180deg,#FFFFFF 0%,#F5F3FA 45%,#8FE9F3 100%);
  --signal:linear-gradient(to left,#7357FF 0%,#25D6E8 100%);
  --display:"Cairo","Readex Pro",system-ui,sans-serif;
  --body:"Readex Pro","Tajawal",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --r:16px;
  --w:1120px;
}
*{box-sizing:border-box}
/* hidden لازم يكسب أي display متعرّف على العنصر */
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--night);color:var(--ink);font:16px/1.75 var(--body);-webkit-font-smoothing:antialiased}
.page{padding-inline:20px;overflow-x:clip;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.wrap{max-width:var(--w);margin-inline:auto;width:100%}
a{color:var(--cyan)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}
h1,h2,h3{margin:0;letter-spacing:0;text-wrap:balance}
p{margin:0}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.hint{font-size:14px;color:var(--muted)}
.center{text-align:center}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.eyebrow{font:600 13px/1.4 var(--body);color:var(--cyan)}

.preview-bar{background:rgba(255,200,87,.14);border-bottom:1px solid rgba(255,200,87,.35);color:var(--ink);font-size:13px;text-align:center;padding:8px 16px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 var(--body);padding:15px 26px;border-radius:999px;
  background:#fff;color:var(--on-light);border:1px solid #fff;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.btn:hover{background:var(--beam);border-color:var(--beam)}
.btn.ghost{background:transparent;color:var(--ink);border-color:rgba(245,243,250,.34)}
.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.btn.sm{padding:10px 18px;font-size:14px}
.btn[disabled]{opacity:.4;cursor:not-allowed}

.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}
.mark{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--ink)}
.mark b{font:900 28px/1.3 var(--display);background:var(--headline);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.15em}
.mark span{font-size:13px;color:var(--muted)}

/* ── البداية ── */
.hero{position:relative;padding-block:40px 20px}
.beam{position:absolute;inset-inline:-20px;top:-120px;height:680px;pointer-events:none;
  background:
    radial-gradient(38% 60% at 50% 0%,rgba(200,246,250,.15),transparent 70%),
    conic-gradient(from 180deg at 50% -10%,transparent 162deg,rgba(200,246,250,.07) 172deg,rgba(200,246,250,.1) 180deg,rgba(200,246,250,.07) 188deg,transparent 198deg),
    radial-gradient(40% 40% at 88% 18%,rgba(115,87,255,.12),transparent 70%);
  animation:breathe 7s ease-in-out infinite}
@keyframes breathe{50%{opacity:.78}}
.hero-in{position:relative;display:grid;gap:16px;justify-items:start}
.h1{font:900 clamp(64px,13vw,140px)/1.05 var(--display)}
.lede-big{font:800 clamp(26px,4.4vw,44px)/1.35 var(--display)}
/* التحريك بـtop مش transform: التحويل على نص متدرّج بيعمل نسخة بيضا في كروم */
.mw{display:inline-block;position:relative;background:var(--headline);-webkit-background-clip:text;background-clip:text;color:transparent;
  padding:0 .02em .34em;margin-bottom:-.34em;animation:rise .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes rise{from{top:.45em;opacity:0}to{top:0;opacity:1}}
.lede{color:var(--ink-2);font-size:18px;max-width:58ch}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

.sec{padding-block:80px 0}
.sec-head{display:grid;gap:10px;margin-bottom:28px}
.h2{font:800 clamp(28px,4vw,42px)/1.3 var(--display);background:var(--headline);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.2em;margin-bottom:-.2em}
.h3{font:800 22px/1.4 var(--display);margin-block:28px 14px}
.cards4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pcard{padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--stage-1);display:grid;gap:8px;align-content:start}
.pcard .tag{font:600 13px/1.4 var(--body);color:var(--warn)}
.pcard h3{font:800 21px/1.4 var(--display)}
.pcard p{color:var(--ink-2)}
.after-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.after-list .lamp{margin-bottom:6px}
.after-list li{padding:22px;border-radius:var(--r);border:1px solid var(--line-2);background:rgba(18,14,46,.6);display:grid;gap:6px}
.after-list b{font:800 19px/1.4 var(--display)}
.after-list span{color:var(--ink-2);font-size:15px}

/* ── التشخيص ── */
.diag-wrap{max-width:720px;padding-block:20px 60px}
.diag{display:grid;gap:22px}
.diag-top{display:grid;gap:10px}
.step-n{font-size:13px;color:var(--muted);min-height:1.4em}
.q{border:0;margin:0;padding:0;display:grid;gap:14px;min-width:0}
.q-title{font:800 clamp(26px,5vw,36px)/1.35 var(--display);padding:0;margin-bottom:2px}
.q-why{color:var(--muted);font-size:15px}
textarea,input[type=text],input[type=tel],input[type=email]{
  width:100%;font:400 16px/1.5 var(--body);color:var(--ink);background:rgba(7,6,26,.6);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
textarea:focus,input:focus{border-color:var(--cyan);outline:none}
textarea{resize:vertical;min-height:96px}
::placeholder{color:var(--faint)}
.examples{display:flex;flex-wrap:wrap;gap:8px}
.ex{font:500 14px/1 var(--body);color:var(--ink-2);background:none;border:1px solid rgba(245,243,250,.22);border-radius:999px;padding:9px 14px;cursor:pointer}
.ex:hover{border-color:var(--cyan);color:#fff}
.opts{display:grid;gap:10px}
.opts.many{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.opt{position:relative;display:block;cursor:pointer}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt span{display:block;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(18,14,46,.65);font-size:16px;transition:border-color .15s,background .15s}
.opts.many .opt span{padding:11px 14px;font-size:15px}
.opt:hover span{border-color:rgba(245,243,250,.34)}
.opt input:checked + span{border-color:var(--beam);background:rgba(200,246,250,.2);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px var(--beam)}
.opt input:checked + span::before{content:"✓";color:var(--beam);margin-inline-end:8px}
.opt input:focus-visible + span{outline:2px solid var(--cyan);outline-offset:2px}
.diag-nav{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}
/* من غير جافاسكربت: كل الأسئلة ظاهرة وزرار الإرسال بس */
.diag:not(.js) #prev,.diag:not(.js) #next{display:none}
.diag:not(.js) .q{padding-bottom:22px;border-bottom:1px solid var(--line-2)}
.diag.js .q{display:none}
.diag.js .q.on{display:grid;animation:fadein .25s ease}
@keyframes fadein{from{opacity:0}to{opacity:1}}

/* ── الحكم ── */
.res{padding-block:16px 40px;display:grid;gap:18px}
.res-top{display:grid;gap:4px}
.ref{color:var(--muted);margin-inline-start:6px}
.warn{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(255,200,87,.1);border:1px solid rgba(255,200,87,.35);font-size:15px}
.warn b{color:var(--warn);white-space:nowrap;font-weight:600}
.warn.soft{background:rgba(245,243,250,.04);border-color:var(--line)}
.warn.soft b{color:var(--ink-2)}
.answers{border:1px solid var(--line-2);border-radius:14px;padding:12px 16px;background:rgba(11,9,34,.6)}
.answers summary{cursor:pointer;color:var(--cyan);font-size:14px}
.answers .idea{margin-top:12px;color:var(--ink-2)}
.answers dl{margin:12px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.answers dl div{display:grid;gap:2px}
.answers dt{font-size:12px;color:var(--faint)}
.answers dd{margin:0;font-size:14px}
.ocards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ocard{display:grid;gap:12px;align-content:start;padding:20px;border-radius:var(--r);border:1px solid var(--line);background:rgba(11,9,34,.7)}
.ocard.top{border-color:rgba(37,214,232,.55);background:rgba(14,34,54,.55)}
.ocard.picked{box-shadow:inset 0 0 0 2px #fff}
.ocard header{display:grid;gap:6px;justify-items:start}
.rank{font:600 12px/1 var(--body);color:var(--muted)}
.ocard h3{font:800 20px/1.4 var(--display)}
.ocard ul.why{margin:0;padding-inline-start:18px;display:grid;gap:4px;font-size:14.5px;color:var(--ink-2)}
.not{font-size:14px;color:var(--muted)}
.not b{color:var(--crit);font-weight:600}
.cost{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cost div{padding:10px 12px;border-radius:12px;background:rgba(245,243,250,.05)}
.cost small{display:block;font-size:12px;color:var(--muted)}
.cost strong{font:600 17px/1.4 var(--body);font-variant-numeric:tabular-nums;color:#fff}
.exec{font-size:13px;color:var(--muted)}
.natl{display:flex;flex-wrap:wrap;gap:6px}
.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.pill.cyan{background:var(--cyan);color:var(--on-light)}
.pill.white{background:#fff;color:var(--on-light)}
.pill.ok{color:var(--ok);background:rgba(75,224,166,.12)}
.pill.warn{color:var(--warn);background:rgba(255,200,87,.12)}
.pill.crit{color:var(--crit);background:rgba(255,122,143,.12)}
.pill.mute{color:var(--muted);background:rgba(245,243,250,.07)}
.choose{display:block;cursor:pointer;position:relative}
.choose input{position:absolute;opacity:0;pointer-events:none}
.choose span{display:block;text-align:center;padding:12px;border-radius:999px;border:1px solid rgba(245,243,250,.34);font-weight:600;font-size:14px}
.choose input:checked + span{background:#fff;border-color:#fff;color:var(--on-light)}
.choose input:checked + span::before{content:"✓ "}
.choose input:focus-visible + span{outline:2px solid var(--cyan);outline-offset:2px}
.rest{border:1px solid var(--line-2);border-radius:14px;padding:12px 16px}
.rest summary{cursor:pointer;color:var(--cyan);font-size:14px}
.rest ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.rest li{font-size:14px;color:var(--ink-2)}
.rest li span{display:block;color:var(--faint);font-size:13px}
.contact{margin-top:10px;padding:24px;border-radius:var(--r);border:1px solid var(--line);background:var(--stage-1);display:grid;gap:14px}
.contact .h3{margin:0}
.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fields label{display:grid;gap:6px;font-size:14px;color:var(--ink-2)}
.fields small{color:var(--faint)}
.err{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,122,143,.45);background:rgba(255,122,143,.08)}
.contact .btn{justify-self:start}
.done{padding:26px;border-radius:var(--r);border:1px solid rgba(75,224,166,.4);background:rgba(75,224,166,.07);display:grid;gap:10px}
.done h2{font:800 28px/1.3 var(--display)}
.done .next{margin:6px 0 0;padding-inline-start:20px;display:grid;gap:6px;color:var(--ink-2)}


/* ── اللمبات: لغة التحقق في الموقع كله ── */
.lamp{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--beam);box-shadow:0 0 10px 2px rgba(200,246,250,.9),0 0 28px 8px rgba(37,214,232,.45);vertical-align:middle;flex:none}
.lamp.sm{width:9px;height:9px;box-shadow:0 0 6px 2px rgba(200,246,250,.85),0 0 14px 4px rgba(37,214,232,.35)}
.lamp.dim{background:rgba(245,243,250,.24);box-shadow:none}
.lamp.big{width:22px;height:22px;box-shadow:0 0 14px 4px rgba(255,255,255,.95),0 0 44px 14px rgba(200,246,250,.55),0 0 120px 40px rgba(37,214,232,.25)}

/* ── الرصيف: ثماني لمبات فوق ميّه سودا ── */
.pier-box{margin-top:44px;padding:22px 22px 0;border:1px solid var(--line);border-radius:24px;overflow:hidden;
  background:linear-gradient(180deg,rgba(18,14,46,.55) 0%,rgba(11,9,34,.35) 46%,#05040F 47%,#07061A 100%)}
.route-cap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.route-cap b{color:var(--ink);font-weight:600}
.pier{position:relative;height:300px;margin-top:6px}
.pier .deck{position:absolute;top:108px;inset-inline:6%;height:2px;background:linear-gradient(to left,rgba(245,243,250,.14) 0%,rgba(245,243,250,.14) 50%,var(--cyan) 62%,var(--violet) 100%);box-shadow:0 0 16px rgba(37,214,232,.25)}
.boat{position:absolute;top:104px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(255,255,255,.9),0 0 30px 10px rgba(37,214,232,.5);animation:sail 14s linear infinite}
.boat-refl{position:absolute;top:150px;width:10px;height:70px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(37,214,232,0));filter:blur(5px);animation:sail 14s linear infinite}
@keyframes sail{0%{inset-inline-start:5%;opacity:0}5%{opacity:1}95%{opacity:1}100%{inset-inline-start:95%;opacity:0}}
.stations{list-style:none;margin:0;padding:0;position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.stations li{display:flex;flex-direction:column;align-items:center;padding-top:72px;font-size:14px;color:var(--muted);min-width:0;text-align:center}
.stations .post{display:block;width:2px;height:30px;background:linear-gradient(180deg,rgba(245,243,250,.55),rgba(245,243,250,.08))}
.stations span{margin-top:8px}
.stations .refl{display:block;width:10px;height:56px;margin-top:10px;border-radius:50%;background:linear-gradient(180deg,rgba(200,246,250,.55),rgba(37,214,232,0));filter:blur(4px)}
.stations li.after{color:var(--ink)}
.stations li.lic{padding-top:40px;color:#fff;font-weight:600}
.stations li.lic .post{height:58px;background:linear-gradient(180deg,#fff,rgba(245,243,250,.15))}
.stations li.lic .refl{height:84px;width:16px}

/* ── الرصيف الصغير: شريط تقدّم التشخيص ── */
.pier-mini{position:relative;height:16px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}
.pier-mini .deck{position:absolute;inset-inline:6px;top:7px;height:2px;background:var(--line)}
.pier-mini .lamp{position:relative;width:10px;height:10px;transition:width .25s,height .25s}
.pier-mini .lamp.now{width:14px;height:14px}

/* ── إبرة الاتجاه ── */
.lean{padding:14px 18px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(37,214,232,.08),rgba(7,6,26,.4));border:1px solid rgba(37,214,232,.28);display:grid;gap:6px}
.lean p{font-size:15px;color:var(--ink-2)}
.lean b{color:#fff}
.gauge{position:relative;height:104px;display:flex;justify-content:space-between;align-items:flex-end}
.gauge .arc{position:absolute;inset-inline:40px;bottom:0;height:100px;border:2px solid rgba(245,243,250,.14);border-bottom:0;border-radius:120px 120px 0 0}
.gauge .pivot{position:absolute;bottom:-4px;inset-inline-start:50%;width:10px;height:10px;margin-inline-start:-5px;border-radius:50%;background:var(--beam);box-shadow:0 0 10px 3px rgba(200,246,250,.8)}
.needle{position:absolute;bottom:0;inset-inline-start:50%;width:3px;height:92px;margin-inline-start:-1.5px;border-radius:3px;background:linear-gradient(180deg,#fff,var(--cyan));box-shadow:0 0 10px 2px rgba(200,246,250,.7),0 0 26px 6px rgba(37,214,232,.35);transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.g-lab{font-size:13px;font-weight:600;color:rgba(245,243,250,.5);padding-bottom:2px;transition:color .3s}
.g-lab.on{color:#fff}

/* ── الحكم كوثيقة ── */
.doc{position:relative;border:1px solid rgba(182,166,255,.35);border-radius:24px;background:linear-gradient(135deg,rgba(115,87,255,.22),rgba(37,214,232,.07));padding:36px 32px 30px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:center}
.doc-text{display:grid;gap:12px}
.v-text{font:700 clamp(19px,2.4vw,24px)/1.7 var(--display);color:#fff}
.doc-num{display:grid;gap:4px;justify-items:start;padding-inline-start:28px;border-inline-start:1px solid var(--line)}
.doc-j{font:800 clamp(22px,2.6vw,30px)/1.3 var(--display);color:#fff}
.doc-big{font:900 clamp(44px,6vw,64px)/1.1 var(--display);font-variant-numeric:tabular-nums}
.doc-big small{font:700 22px/1 var(--display);color:var(--ink-2)}
.doc-num .hint b{color:#fff;font-weight:600}
.stamp{position:absolute;top:-14px;inset-inline-end:28px;font:600 12px/1 var(--body);padding:8px 14px;border-radius:999px;border:1px solid rgba(200,246,250,.5);background:var(--night);color:var(--beam);white-space:nowrap;max-width:calc(100% - 56px);overflow:hidden;text-overflow:ellipsis}

/* ── أعمدة الضوء ── */
.cmp-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:10px}
.cmp-head .h3{margin:0}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.legend span{display:flex;align-items:center;gap:6px}
.sw{width:12px;height:12px;border-radius:3px;flex:none}
.sw.license,.layer.license{background:var(--cyan)}
.sw.est,.layer.est{background:var(--beam)}
.sw.visa,.layer.visa{background:var(--violet)}
.sw.office,.layer.office{background:var(--violet-ink)}
.sw.acct,.layer.acct{background:rgba(245,243,250,.35)}
.col{display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:0 22px}
.layer{display:block;width:100%;border-radius:4px;opacity:.85}
.ocard.top .layer{opacity:1}
.ocard.top .layer.license{box-shadow:0 0 18px rgba(37,214,232,.5)}
.ocard.top .layer.visa{box-shadow:0 0 18px rgba(115,87,255,.5)}
.lines{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:14px;color:var(--ink-2)}
.lines li{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.lines b{font-weight:600;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.lines em{font-style:normal;font-size:12px;color:var(--faint)}
.lines em.w{color:var(--warn)}
.share-hint{text-align:center}

/* ── النسخة المطبوعة: فاتحة، من غير نماذج ولا أزرار ── */
@media print{
  @page{size:A4;margin:12mm}
  :root{color-scheme:light}
  body{font-size:12px;line-height:1.55}
  body,.page{background:#fff;color:#111}
  .page{padding:0}
  .wrap{max-width:none}
  .top{padding-block:6px 10px}
  .res{gap:10px;padding-block:0}
  .doc{padding:18px 16px 14px;gap:16px}
  .v-text{font-size:16px;line-height:1.6}
  .doc-j{font-size:20px}
  .doc-big{font-size:40px}
  .doc-big small{color:#333}
  .stamp{position:static;display:inline-block;justify-self:start;margin-bottom:4px}
  .ocards{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ocard,.ocard.top{background:#fff;padding:12px;gap:8px}
  .ocard h3{font-size:14px}
  .ocard header{gap:4px}
  .lines{font-size:11px;gap:3px}
  .cost{gap:6px}
  .cost div{padding:6px 8px}
  .cost small{font-size:10px}
  .cost strong{font-size:13px}
  .ocard ul.why,.not,.exec{font-size:11px}
  .legend{font-size:11px}
  .h3{font-size:16px;margin-block:10px 6px}
  .mono,.ref,.res-top .hint,.doc-num .hint,.warn.soft b{color:#333}
  .preview-bar,.top .btn,.foot img,.answers,.rest,.contact,.choose,.share-hint,.natl,.beam,.hp{display:none!important}
  .doc{background:#fff;border:1px solid #bbb;color:#111;grid-template-columns:1fr 1fr}
  .v-text,.doc-j,.doc-big,.doc-num .hint b,.lines b,.cost strong,.ocard h3,.h3{color:#111}
  .doc-big .mw,.mw,.h2{background:none;-webkit-text-fill-color:#111;color:#111}
  .stamp{background:#fff;color:#333;border-color:#999}
  .hint,.not,.exec,.lines,.ocard ul.why,.legend{color:#333}
  .ocards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ocard{background:#fff;border:1px solid #bbb;break-inside:avoid}
  .ocard.top{border-color:#333}
  .ocard.picked{box-shadow:none}
  .col{display:none}
  .pill{border:1px solid #999;background:none;color:#111}
  .lamp{box-shadow:none;background:#111}
  .lamp.dim{background:#fff;border:1px solid #777}
  .cost div{background:#f3f3f3}
  .warn{background:#fff;border-color:#999;color:#111}
  .warn b{color:#111}
  .done{border-color:#999;background:#fff}
  .done h2,.eyebrow{color:#111}
  .mark b{-webkit-text-fill-color:#111;color:#111;background:none}
  .mark span,.foot{color:#333}
}

.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:40px 28px;margin-top:60px;border-top:1px solid var(--line-2);font-size:13px;color:var(--muted)}
.foot img{height:24px;width:auto}

@media (max-width:900px){
  .ocards,.fields,.after-list{grid-template-columns:1fr}
  .doc{grid-template-columns:1fr;padding:22px 22px 24px}
  .doc-num{padding-inline-start:0;border-inline-start:0;padding-top:18px;border-top:1px solid var(--line)}
  .stamp{position:static;display:inline-block;justify-self:start;white-space:normal;max-width:none;line-height:1.5;margin-bottom:4px}
}
@media (max-width:720px){
  .cards4{grid-template-columns:1fr}
  .pier{height:auto;margin-top:14px;padding-bottom:20px}
  .pier .deck,.pier .boat,.pier .boat-refl{display:none}
  .stations{position:static;grid-template-columns:1fr;gap:10px}
  .stations li{flex-direction:row;align-items:center;gap:12px;padding-top:0}
  .stations .post,.stations .refl{display:none}
  .stations li.lic .lamp{margin:0}
  .pier-box{background:linear-gradient(180deg,rgba(18,14,46,.55),rgba(11,9,34,.35))}
  .diag-nav .btn{flex:1}
  .warn{flex-direction:column;gap:4px}
}
@media (prefers-reduced-motion:reduce){
  .beam,.mw,.boat,.boat-refl,.diag.js .q.on{animation:none}
  .boat,.boat-refl{inset-inline-start:62%}
  .needle{transition:none}
}