:root{--ink:#3A1E2B;--plum:#4A2233;--berry:#7E3B52;--rose:#A85F79;--mauve:#C98BA0;--blush:#F3DEE5;--cream:#FBF6F0;--gold:#C9A66B;--paper:#FFFDFB;--line:rgba(74,34,51,0.13);
  --sail-font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", sans-serif;
  --sail-font-logo:"Fraunces", Georgia, serif;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sail-font-system);line-height:1.68;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1120px;margin:0 auto;padding:0 26px;}
h1,h2,h3,.serif{font-family:var(--sail-font-system);font-weight:500;}
a{color:var(--berry);}
/* header */
header.nav{position:sticky;top:0;z-index:50;background:rgba(251,246,240,0.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav-in{display:flex;align-items:center;gap:20px;padding:12px 0;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.brand .wm{font-family:var(--sail-font-logo);font-size:22px;line-height:1;}
.wm .s{font-weight:300;font-style:italic;color:var(--rose);}
.wm .c{font-weight:500;color:var(--plum);}
.nav-links{display:flex;gap:20px;margin-left:6px;}
.nav-links a{text-decoration:none;font-size:15px;font-weight:600;color:var(--berry);}
.nav-links a:hover,.nav-links a.active{color:var(--plum);}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.langs{display:flex;gap:2px;background:var(--blush);border-radius:999px;padding:3px;}
.langs .lg{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--berry);padding:5px 9px;border-radius:999px;text-transform:uppercase;}
.langs .lg.active{background:var(--plum);color:#fff;}
.langs .lg.soon{opacity:.45;cursor:not-allowed;}
.btn{display:inline-block;background:var(--berry);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:11px 20px;border-radius:999px;border:none;cursor:pointer;transition:background .15s;}
.btn:hover{background:var(--plum);}
.btn.gold{background:var(--gold);color:var(--plum);}
.btn.gold:hover{background:#b8945a;}
.btn.ghost{background:transparent;border:1.5px solid var(--berry);color:var(--berry);}
.btn.ghost:hover{background:var(--berry);color:#fff;}
/* language dropdown: shows only the active code; expands on hover/focus */
.lang-dd{position:relative;}
.lang-cur{display:inline-flex;align-items:center;gap:4px;background:var(--blush);color:var(--berry);border:none;border-radius:999px;padding:7px 13px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;display:none;flex-direction:column;gap:2px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 30px rgba(74,34,51,.16);min-width:62px;z-index:60;}
.lang-dd:hover .lang-menu,.lang-dd:focus-within .lang-menu{display:flex;}
/* Invisible bridge over the 6px gap below the button. Without it the pointer
   leaves :hover in that empty strip and the menu closes before it gets there.
   It only exists while the menu is open, so it never swallows clicks. Sized to
   span both the button and the (right-aligned) menu, whichever is wider. */
.lang-dd::after{content:"";position:absolute;top:100%;right:0;width:100%;min-width:62px;height:8px;display:none;}
.lang-dd:hover::after,.lang-dd:focus-within::after{display:block;}
.lang-menu .lg{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--berry);text-transform:uppercase;text-decoration:none;padding:6px 10px;border-radius:8px;text-align:center;}
.lang-menu .lg:hover{background:var(--blush);color:var(--plum);}
/* breadcrumb */
.crumb{background:var(--paper);border-bottom:1px solid var(--line);font-size:13px;}
.crumb .wrap{padding-top:11px;padding-bottom:11px;}
.crumb a{color:var(--berry);text-decoration:none;}
.crumb a:hover{color:var(--plum);text-decoration:underline;}
.crumb span{color:var(--mauve);margin:0 8px;}
.crumb .cur{color:var(--ink);margin:0;font-weight:600;}
/* article */
.article{max-width:760px;padding:40px 26px 20px;}
.a-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:6px;padding:3px 10px;color:#fff;text-transform:uppercase;}
.t1{background:#8E4560;} .t2{background:#3E6E86;} .t3{background:#6E7A3A;} .thub{background:var(--gold);color:var(--plum);}
.upd{font-size:12.5px;color:var(--rose);font-weight:600;}
.a-h1{font-size:clamp(28px,4vw,40px);color:var(--plum);line-height:1.12;letter-spacing:-.01em;margin:0 0 22px;}
.a-hero{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin:0 0 26px;box-shadow:0 14px 34px rgba(94,42,68,.14);}
.a-body{font-size:17px;}
.a-body>p:first-of-type{font-size:19px;}
.a-body p{margin:16px 0;}
.a-body strong{color:var(--plum);}
.a-body em{color:var(--berry);}
.a-body h2{font-family:var(--sail-font-system);font-size:25px;color:var(--plum);margin:34px 0 10px;}
.a-body h3{font-family:var(--sail-font-system);font-size:20px;color:var(--berry);margin:26px 0 8px;}
.a-body ul,.a-body ol{padding-left:22px;} .a-body li{margin:7px 0;}
.a-body a{color:var(--berry);text-decoration:underline;text-underline-offset:2px;}
.a-body a:hover{color:var(--plum);}
.a-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;}
.a-body th,.a-body td{border:1px solid var(--line);padding:9px 12px;text-align:left;}
.a-body th{background:var(--blush);color:var(--plum);}
.a-body blockquote{border-left:3px solid var(--gold);margin:18px 0;padding:6px 18px;color:var(--berry);font-style:italic;background:var(--paper);border-radius:0 10px 10px 0;}
.a-body hr{border:none;border-top:1px solid var(--line);margin:26px 0;}
.a-body code{font-family:monospace;background:var(--blush);border-radius:5px;padding:1px 6px;font-size:.9em;color:var(--plum);}
.a-back{margin:34px 0 10px;}
.a-back a{color:var(--berry);font-weight:700;text-decoration:none;}
.a-back a:hover{color:var(--plum);}
/* footer */
footer.ft{background:#3A1E2B;color:var(--blush);padding:48px 0 40px;text-align:center;margin-top:40px;}
footer.ft .wm{font-family:var(--sail-font-logo);font-size:23px;}
footer.ft .wm .c{color:#fff;}
footer.ft .tag{font-family:var(--sail-font-system);font-style:italic;font-size:17px;color:var(--mauve);margin:12px 0 20px;}
footer.ft .cta-row{margin-bottom:22px;}
footer.ft small{display:block;color:rgba(243,222,229,0.55);font-size:13px;margin-top:10px;max-width:640px;margin-left:auto;margin-right:auto;}
footer.ft .ft-legal{margin:4px 0 6px;font-size:13.5px;}
footer.ft .ft-legal a{color:var(--mauve);text-decoration:none;margin:0 10px;white-space:nowrap;}
footer.ft .ft-legal a:hover{color:#fff;text-decoration:underline;}
/* hub */
.ghero{background:radial-gradient(120% 120% at 15% 0%,rgba(168,95,121,0.16),transparent 55%),linear-gradient(160deg,#4A2233,#7E3B52 70%);color:var(--cream);padding:64px 0 60px;}
.ghero .eyebrow{text-transform:uppercase;letter-spacing:.26em;font-size:12px;font-weight:700;color:var(--mauve);margin:0 0 12px;}
.ghero h1{font-size:clamp(30px,5vw,46px);color:#fff;margin:0 0 14px;}
.ghero .sub{max-width:600px;color:var(--blush);font-size:17px;margin:0;}
.wrap-hub{padding-bottom:20px;}
.feat{display:block;margin:34px 0 10px;background:linear-gradient(160deg,#fff,var(--blush));border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:18px;padding:26px 28px;text-decoration:none;color:inherit;}
.feat:hover{box-shadow:0 12px 30px rgba(126,59,82,.12);}
.feat-t{font-family:var(--sail-font-system);font-size:26px;color:var(--plum);margin:10px 0 6px;}
.feat-d{color:var(--ink);font-size:15.5px;max-width:680px;}
.gsec{margin:40px 0;}
.gsec h2{font-size:24px;color:var(--plum);margin:0 0 18px;}
.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.gc{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px 22px;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s;}
.gc:hover{box-shadow:0 10px 26px rgba(126,59,82,.10);transform:translateY(-2px);}
.gc-t{font-family:var(--sail-font-system);font-size:19px;color:var(--plum);line-height:1.2;margin-bottom:8px;}
.gc-d{font-size:14px;color:var(--ink);flex:1;}
.gc-go{margin-top:14px;font-size:13px;font-weight:700;color:var(--berry);}
.gc-go{color:var(--berry);}
.eyebrow{}
/* mobile hamburger + slide-in-from-right menu */
.hamb{display:none;margin-left:auto;background:none;border:none;cursor:pointer;padding:8px;color:var(--plum);}
.m-panel{position:fixed;top:0;right:0;bottom:0;width:min(80vw,300px);background:var(--paper);z-index:220;box-shadow:-14px 0 40px rgba(58,30,43,.25);transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column;padding:20px;gap:4px;overflow:auto;}
.m-panel.open{transform:none;}
.m-panel .m-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.m-panel a{font-size:16px;font-weight:700;color:var(--berry);padding:12px 10px;border-radius:10px;text-decoration:none;}
.m-panel a.cta{background:var(--berry);color:#fff;text-align:center;margin-top:8px;}
.m-panel .m-close{background:none;border:none;font-size:26px;color:var(--rose);cursor:pointer;line-height:1;}
.m-panel .m-langs{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0;}
.m-panel .m-langs .lg{font-size:12px;font-weight:800;color:var(--berry);background:var(--blush);padding:6px 10px;border-radius:999px;text-decoration:none;}
.m-panel .m-langs .lg.active{background:var(--plum);color:#fff;}
.m-backdrop{position:fixed;inset:0;background:rgba(58,30,43,.45);z-index:210;opacity:0;visibility:hidden;transition:opacity .28s;}
.m-backdrop.open{opacity:1;visibility:visible;}

@media(max-width:900px){.nav-links{display:none;}.nav-right{display:none;}.hamb{display:block;}.ggrid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.ggrid{grid-template-columns:1fr;}}

/* ---- "Why SilentCall is different" persuasion block ---- */
.why-lead-block{max-width:1120px;margin:0 auto 24px;text-align:center;padding:0 10px;}
.why-lead-head{font-family:var(--sail-font-system);font-weight:500;font-size:clamp(21px,3vw,27px);color:var(--plum);margin:0 0 14px;line-height:1.25;}
.why-lead-line{font-size:17px;line-height:1.55;color:var(--ink);margin:5px 0;}
.why{max-width:1000px;margin:34px auto;background:linear-gradient(160deg,#fff,var(--blush));border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:18px;padding:26px 30px;}
.why h2{font-family:var(--sail-font-system);font-weight:500;color:var(--plum);font-size:23px;margin:0 0 14px;}
.why-lead{font-size:17px;line-height:1.6;color:var(--ink);background:rgba(201,166,107,0.16);border-radius:12px;padding:15px 18px;margin:0 0 18px;}
.why-lead strong{color:var(--plum);}
.why-key{color:var(--gold);font-weight:800;margin-right:4px;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.why-pt h3{font-family:var(--sail-font-system);font-weight:800;font-size:16px;color:var(--berry);margin:0 0 6px;}
.why-pt p{font-size:14.5px;line-height:1.55;color:var(--ink);margin:0;}
@media(max-width:640px){.why-grid{grid-template-columns:1fr;} .why{padding:20px 18px;border:none;border-radius:0;text-align:center;margin:14px auto;} .why-blk{padding:26px 0;}}

/* ---- Guides: full-width story rows ---- */
.story-rows{display:flex;flex-direction:column;gap:18px;}
.story-row{display:grid;grid-template-columns:230px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .15s, transform .15s;}
.story-row:hover{box-shadow:0 12px 30px rgba(126,59,82,0.12);transform:translateY(-2px);}
.srow-img{position:relative;background:linear-gradient(160deg,#7E3B52,#4A2233);display:flex;align-items:center;justify-content:center;min-height:158px;overflow:hidden;}
.srow-img .scene{width:66px;height:66px;color:var(--blush);position:relative;z-index:2;}
.srow-img .srow-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.srow-img .wshield{position:absolute;right:-14px;bottom:-14px;width:120px;height:120px;opacity:0.16;z-index:1;}
.srow-body{padding:24px 28px;display:flex;flex-direction:column;justify-content:center;}
.srow-body h3{font-family:var(--sail-font-system);font-weight:500;font-size:23px;color:var(--plum);margin:8px 0 8px;line-height:1.18;}
.srow-body p{font-size:15px;color:var(--ink);margin:0 0 12px;}
@media(max-width:640px){.story-row{grid-template-columns:1fr;} .srow-img{min-height:120px;}}

/* ---- Cookie consent banner (Consent Mode v2) ---- */
.sc-consent{position:fixed;left:0;right:0;bottom:0;z-index:200;padding:14px;transform:translateY(130%);transition:transform .35s ease;}
.sc-consent.show{transform:none;}
.sc-consent-in{max-width:1000px;margin:0 auto;background:#4A2233;color:var(--blush);border:1px solid rgba(201,166,107,0.4);border-radius:16px;padding:18px 22px;display:flex;gap:22px;align-items:center;box-shadow:0 14px 44px rgba(58,30,43,0.4);}
.sc-consent-text{flex:1;}
.sc-consent-text strong{font-family:var(--sail-font-system);font-weight:500;color:#fff;font-size:18px;display:block;margin-bottom:4px;}
.sc-consent-text p{margin:0;font-size:14px;line-height:1.5;color:var(--blush);}
.sc-consent-text a{color:var(--gold);}
.sc-consent-btns{display:flex;gap:10px;flex-shrink:0;}
.sc-consent .btn.ghost{background:transparent;border:1.5px solid var(--mauve);color:var(--blush);}
.sc-consent .btn.ghost:hover{background:rgba(201,139,160,0.15);}
@media(max-width:640px){.sc-consent-in{flex-direction:column;align-items:stretch;gap:14px;}.sc-consent-btns{justify-content:flex-end;}}