/* SEHETAK V30 | Quiet depth, compact navigation, soft edge-glow.
   Visual rules: NO people, hands, avatars, character illustrations or looping artwork. */
:root{
  --v30-back:#d9e5f3;--v30-ink:#1a335b;--v30-sub:#526886;
  --v30-surface:#eef4fc;--v30-card:#f3f7fe;
  --v30-edge:#91bcef;--v30-blue:#246bd3;--v30-sky:#7bcbf2;
  --v30-lilac:#bdadf3;--v30-shadow:0 9px 30px rgba(36,78,140,.12);
}
html{scroll-padding-top:82px}
body:not(.portal-page){
  background:radial-gradient(ellipse at 15% 8%,#e6edf9 0%,transparent 36%),
             radial-gradient(ellipse at 88% 34%,#cbdcf0 0%,transparent 40%),
             linear-gradient(150deg,#d9e5f2,#cedbf0 65%,#e2eaf7);
  color:var(--v30-ink);line-height:1.8;
  font-family:"Tajawal","Cairo","Segoe UI",Tahoma,Arial,sans-serif
}
body:not(.portal-page) .topbar{background:rgba(229,239,252,.91);border-bottom:1px solid #a8c3e8;box-shadow:0 4px 22px rgba(35,78,139,.1)}
body:not(.portal-page) .nav-link{color:#35577e}
body:not(.portal-page) .nav-link:hover,
body:not(.portal-page) .nav-link.is-active{color:#1a64bd}
body:not(.portal-page) .nav-account{border-color:#9cbfe8;background:#e5efff}
body:not(.portal-page) .nav-cta{background:#e3efff;color:#1559a6}
body:not(.portal-page) .btn-primary{background:linear-gradient(125deg,#1f68cf,#2588ea);border-color:#589ceb;color:#fff;box-shadow:0 7px 21px rgba(36,111,209,.18)}
body:not(.portal-page) .btn-primary:hover{background:linear-gradient(125deg,#1b59b7,#1479d9);box-shadow:0 9px 24px rgba(36,111,209,.24)}
body:not(.portal-page) .btn{border-radius:15px;min-height:48px;font-weight:900}
body:not(.portal-page) .footer{background:#152d55;color:#ecf3ff;border-top:1px solid #5279b4}
body:not(.portal-page) .footer a:not(.footer-brand),body:not(.portal-page) .footer-desc,body:not(.portal-page) .footer-bottom{color:#bbcae2}
body:not(.portal-page) .footer a:hover{color:#fff}
body:not(.portal-page) .page-hero{background:linear-gradient(135deg,#d9e7f9,#edf3fc);border-bottom:1px solid #aac6e9}
body:not(.portal-page) .section-white{background:#e2ebf7}
body:not(.portal-page) .detail-card{background:#f1f6ff;border-color:#aac7ef;box-shadow:0 0 0 1px rgba(255,255,255,.85) inset,0 9px 27px rgba(53,106,174,.09)}
body:not(.portal-page) .detail-visual{background:linear-gradient(145deg,#cdddf4,#e7effc);border-color:#99baea;box-shadow:0 12px 32px rgba(51,100,170,.12)}
body:not(.portal-page) .download-status{background:#e6f1fc;border-color:#b0ccea}
body:not(.portal-page) .cta-strip{box-shadow:0 14px 37px rgba(34,93,173,.16)}
/* V30 FIRST FOLD: product logo + trial CTA + promo pill, no tall hero graphic */
.v30-landing{padding:19px 0 15px;position:relative}
.v30-intro{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
 gap:18px 22px;padding:19px 22px;border-radius:26px;
 background:linear-gradient(137deg,#e8f0fc,#dae7f9);
 border:1px solid #8fb5e8;box-shadow:0 0 0 2px rgba(255,255,255,.66) inset,0 10px 28px rgba(49,96,167,.10),0 0 26px rgba(106,165,237,.17);
}
.v30-brand-square{width:100px;height:100px;display:grid;place-items:center;flex:none;border-radius:24px;background:#ecf5ff;border:2px solid #9ac7f2;box-shadow:0 0 0 4px rgba(150,196,255,.18),0 7px 22px rgba(28,113,211,.12);overflow:hidden}
.v30-brand-square img{width:87px;height:87px;object-fit:contain;border-radius:17px}
.v30-intro-content{min-width:0}
.v30-intro-kicker{display:block;color:#3565a0;font-size:.79rem;font-weight:900}
.v30-intro h1{color:#163461;font-size:clamp(1.53rem,2.65vw,2.28rem);line-height:1.3;margin:3px 0 5px;font-weight:950}
.v30-intro p{color:#516c91;max-width:44ch;font-size:.89rem;line-height:1.75;margin:0}
.v30-intro-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:235px}
.v30-trial{display:flex;justify-content:center;align-items:center;gap:10px;text-decoration:none;background:#166aca;border:1px solid #458cf0;border-radius:15px;color:#fff;padding:12px 17px;font-weight:950;white-space:nowrap;box-shadow:0 7px 19px rgba(21,95,190,.20);transition:transform .2s,box-shadow .2s}
.v30-trial:hover{color:#fff;transform:translateY(-2px);box-shadow:0 9px 21px rgba(21,95,190,.27)}
.v30-promo{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;color:#285d9c;background:#eef5ff;border:1px solid #a2c4ec;border-radius:100px;padding:9px 14px;min-height:43px;font-size:.87rem;font-weight:900;transition:background .2s}
.v30-promo:hover{background:#dcecff;color:#164b8a}
.v30-promo svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Search/category navigation: compact glowing squares, not oversized bubbles. */
.v30-discover{padding:8px 0 14px}
.v30-discover-panel{
 border-radius:24px;padding:20px 20px 22px;
 background:linear-gradient(155deg,#dce9f8,#d4e1f3);
 border:1px solid #a6bfdf;box-shadow:0 0 0 1px rgba(255,255,255,.52) inset,0 9px 26px rgba(43,86,155,.09)
}
.v30-discover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.v30-discover-head h2{font-size:clamp(1.45rem,2.3vw,1.9rem);margin:0;color:#173760;line-height:1.4;font-weight:950}
.v30-discover-head span{font-size:.83rem;color:#587597}
.v30-search{position:relative;width:min(265px,100%)}
.v30-search input{
 width:100%;height:43px;border-radius:15px;background:#eef5ff;border:1px solid #a6c5ee;
 padding:9px 39px 9px 13px;color:#234b7d;font:inherit;font-size:.88rem;outline-offset:2px
}
.v30-search input::placeholder{color:#7891af;opacity:1}
.v30-search svg{width:19px;height:19px;stroke:#5680b2;fill:none;stroke-width:1.9;stroke-linecap:round;position:absolute;right:13px;top:12px;pointer-events:none}
.v30-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.v30-tile{
 --edge:#93bdf4;--tint:#eaf4ff;
 appearance:none;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;
 min-width:0;gap:8px;min-height:127px;padding:12px 6px;border-radius:19px;
 background:linear-gradient(145deg,#f7faff,var(--tint));border:1.5px solid var(--edge);color:#21476e;
 box-shadow:0 0 0 2px rgba(255,255,255,.55) inset,0 0 15px color-mix(in srgb,var(--edge) 29%,transparent),0 7px 16px rgba(42,82,132,.08);
 transition:transform .22s,box-shadow .22s,border-color .22s
}
.v30-tile[data-category="woman"]{--edge:#d7a2d2;--tint:#f8e9f5}
.v30-tile[data-category="man"]{--edge:#93b4f0;--tint:#e9f0ff}
.v30-tile[data-category="child"]{--edge:#e3ba85;--tint:#fff2df}
.v30-tile[data-category="meds"]{--edge:#7cc5e7;--tint:#e3f8ff}
.v30-tile[data-category="doctor"]{--edge:#b4a5e6;--tint:#f2edff}
.v30-tile[data-category="family"]{--edge:#8cb9d8;--tint:#e7f4ff}
.v30-tile svg{width:32px;height:32px;stroke:#34669c;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v30-tile strong{font-size:.93rem;line-height:1.35;font-weight:950}
.v30-tile:hover,.v30-tile.is-active{transform:translateY(-3px);border-color:#468ce5;box-shadow:0 0 0 2px rgba(255,255,255,.75) inset,0 0 0 3px rgba(81,154,237,.16),0 8px 23px rgba(41,107,192,.14)}
.v30-tile.is-active{outline:2px solid #2d80d9;outline-offset:2px}
.v30-tile[hidden]{display:none}
.v30-empty{padding:16px;text-align:center;color:#46688d;font-size:.9rem}
.v30-empty[hidden]{display:none}
.v30-selection{
 display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;
 margin-top:15px;padding:15px 17px;border:1px solid #9fbbdf;background:#e8f1fc;border-radius:18px;
 box-shadow:0 5px 18px rgba(39,91,164,.07)
}
.v30-selection-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid #96bbee;background:#f9fbff;border-radius:16px;box-shadow:0 0 15px rgba(108,165,246,.22)}
.v30-selection-icon svg{width:30px;height:30px;stroke:#276bb7;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.v30-selection-copy{min-width:0}
.v30-selection-copy h3{margin:0 0 3px;font-size:1.18rem;color:#163763;font-weight:950}
.v30-selection-copy p{font-size:.85rem;color:#526e8f;margin:0;line-height:1.65}
.v30-open{display:inline-flex;justify-content:center;align-items:center;min-width:109px;padding:10px 16px;border-radius:12px;color:#fff;text-decoration:none;background:#1d69c5;font-size:.88rem;font-weight:900}
.v30-open:hover{background:#0e58b1;color:#fff}
.v30-selection.is-changing .v30-selection-copy{opacity:.68;transform:translateY(3px)}
.v30-selection-copy{transition:opacity .18s,transform .18s}
/* A short explanatory strip and optional expanded tools. */
.v30-highlights{padding:8px 0 13px}
.v30-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.v30-highlight{border:1px solid #a4bddf;background:linear-gradient(130deg,#e7effb,#dce8f8);padding:13px 15px;border-radius:17px;display:flex;align-items:center;gap:10px;box-shadow:0 0 12px rgba(121,165,233,.13)}
.v30-highlight svg{width:24px;height:24px;flex:none;stroke:#3477c2;fill:none;stroke-width:1.8;stroke-linecap:round}
.v30-highlight span{color:#34567e;font-size:.88rem;font-weight:850;line-height:1.5}
.v30-expand{padding:7px 0}
.v30-expand details{border-radius:20px;border:1px solid #a7c2e3;background:linear-gradient(135deg,#e9f1fc,#dce8f8);box-shadow:0 6px 19px rgba(32,82,151,.08);overflow:hidden}
.v30-expand summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 21px;font-size:1.08rem;font-weight:950;color:#1c4578}
.v30-expand summary::-webkit-details-marker{display:none}
.v30-expand summary:after{content:"⌄";display:inline-grid;place-items:center;width:28px;height:28px;background:#d9e9ff;border-radius:10px;font-size:1.35rem;color:#296cba;transition:transform .2s}
.v30-expand details[open] summary:after{transform:rotate(180deg)}
.v30-expand .section{padding:18px 23px 28px;background:transparent}
.v30-expand .price-layout{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,420px)}
.v30-expand .price-copy h2{font-size:1.65rem}
.v30-expand .price-widget{border-color:#a6c9ef;background:#f2f7ff;box-shadow:0 9px 29px rgba(46,105,190,.09)}
.v30-expand .faq-layout{gap:22px;grid-template-columns:250px minmax(0,1fr)}
.v30-expand .faq-list details{background:#f2f7ff;border-color:#bfd4ef;box-shadow:none;border-radius:13px}
.v30-expand .faq-list summary{font-size:.96rem;padding:13px 0}
.v30-expand .faq-list summary:after{content:"⌄";font-size:1rem;width:22px;height:22px;background:#e5effc}
.v30-expand .faq-list details[open] summary:after{transform:rotate(180deg)}
.v30-expand .faq-list p{font-size:.89rem}
.v30-bottom{padding:16px 0 27px}
.v30-bottom-note{text-align:center;color:#546d8c;font-size:.83rem;line-height:1.7}
.v30-reveal-ready .v30-reveal{opacity:0;transform:translateY(14px);transition:opacity .53s ease,transform .53s ease}
.v30-reveal-ready .v30-reveal.v30-visible{opacity:1;transform:none}
/* User account portal — same visual depth, no false trial/promo activation. */
.portal-page{background:linear-gradient(145deg,#d5e3f5,#cddbf0 55%,#e2ecfa)!important;color:#1b3a6b!important}
.portal-page .portal-card{background:#edf4fe;border:1px solid #a8c7ed;box-shadow:0 0 13px rgba(89,149,218,.13),0 8px 22px rgba(49,96,157,.08)}
.portal-page .portal-note{background:#dbe9fa;border-color:#acc8e9}
.portal-page .portal-top{background:#163661}
.portal-page .portal-head{padding-top:29px}
.v30-intent-note{padding:12px 15px;margin:14px 0 0;border-radius:15px;background:#e0edff;color:#285381;border:1px solid #accaf1;font-size:.9rem}
.v30-intent-note[hidden]{display:none}
@media(max-width:1100px){
 .v30-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v30-intro{grid-template-columns:auto minmax(0,1fr)}
 .v30-intro-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-width:0}
}
@media(max-width:760px){
 .v30-intro{padding:14px;grid-template-columns:73px minmax(0,1fr);gap:10px 13px;border-radius:20px}
 .v30-brand-square{width:73px;height:73px;border-radius:18px}
 .v30-brand-square img{width:64px;height:64px}
 .v30-intro h1{font-size:1.51rem;line-height:1.28;margin:1px 0 3px}
 .v30-intro p{font-size:.81rem;line-height:1.5}
 .v30-intro-kicker{font-size:.72rem}
 .v30-intro-actions{gap:8px}
 .v30-trial{min-height:43px;padding:9px 8px;font-size:.86rem;white-space:normal;text-align:center;line-height:1.3}
 .v30-promo{min-height:43px;padding:9px 9px;font-size:.79rem;line-height:1.3;text-align:center}
 .v30-discover-panel{padding:14px 12px 14px;border-radius:19px}
 .v30-discover-head{margin-bottom:10px;gap:9px}
 .v30-discover-head h2{font-size:1.27rem}
 .v30-search{max-width:48%}
 .v30-search input{height:40px;font-size:.76rem;padding:7px 34px 7px 7px;border-radius:12px}
 .v30-search svg{right:11px;top:10px}
 .v30-tiles{gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .v30-tile{min-height:98px;padding:9px 4px;border-radius:15px;gap:5px}
 .v30-tile svg{width:28px;height:28px}
 .v30-tile strong{font-size:.82rem}
 .v30-selection{grid-template-columns:46px minmax(0,1fr);padding:11px;gap:9px;border-radius:14px}
 .v30-selection-icon{width:44px;height:44px;border-radius:12px}
 .v30-selection-icon svg{width:25px;height:25px}
 .v30-selection-copy h3{font-size:1.02rem}
 .v30-selection-copy p{font-size:.78rem}
 .v30-open{grid-column:1/-1;min-height:39px}
 .v30-highlight-grid{grid-template-columns:1fr;gap:8px}
 .v30-highlight{padding:10px 13px;border-radius:13px}
 .v30-expand summary{font-size:.94rem;padding:13px 15px}
 .v30-expand .price-layout,.v30-expand .faq-layout{grid-template-columns:1fr}
 .v30-expand .section{padding:14px}
 .v30-expand .price-copy h2{font-size:1.5rem}
 .v30-bottom{padding:13px 0 22px}
}
@media(max-width:400px){
 .v30-intro h1{font-size:1.26rem}
 .v30-intro p{font-size:.74rem}
 .v30-intro-actions{grid-template-columns:1fr}
 .v30-tile{min-height:88px}
 .v30-tile svg{width:25px;height:25px}
 .v30-tile strong{font-size:.77rem}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .v30-reveal-ready .v30-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .v30-trial,.v30-promo,.v30-tile,.v30-selection-copy{transition:none!important}
 .v30-trial:hover,.v30-tile:hover{transform:none!important}
}
/* Explicit hidden states beat author-level display rules. */
.v30-selection[hidden],.v30-tile[hidden],.v30-empty[hidden],.v30-intent-note[hidden]{display:none!important}
.v30-intent-note p{margin:0;line-height:1.75;color:#285381}