/* Sehetak V31: balanced blue-gray website, genuine same-page navigation.
   Do not alter app/APK or user-selected themes in notes 32-35. */
:root{
  --navy:#172f59;--navy-deep:#122a51;--navy-ink:#1c3a66;
  --blue:#2474d3;--blue-dark:#1558ae;--sky:#e5eefb;--paper:#eaf1fa;
  --v31-bg:#d8e4f3;--v31-panel:#ebf2fc;--v31-text:#19365e;
  --v31-dim:#5b7291;--v31-border:#a9c5eb
}
html{scroll-padding-top:92px}
body{
  font-family:"Tajawal","Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  font-size:16px;line-height:1.85;color:var(--v31-text);
  background:radial-gradient(ellipse 900px 560px at 12% 2%,#e8effa 0%,transparent 70%),
             radial-gradient(ellipse 800px 600px at 87% 45%,#c7d9ef 0%,transparent 76%),
             linear-gradient(145deg,#dce6f3,#d2e0f1 58%,#e3ebf8)
}
.shell{width:min(1160px,calc(100% - 38px))}
.topbar{background:rgba(222,235,251,.92);border-bottom:1px solid #acc7ea;box-shadow:0 4px 25px rgba(32,76,145,.10);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}
.topbar-inner{height:73px}
.brand-copy strong{color:#143765}
.brand-copy small{color:#4d729b}
.brand img{border:1px solid #a6c9f0;box-shadow:0 5px 18px rgba(25,89,173,.13)}
.nav-link{color:#385d89}
.nav-link.is-active,.nav-link:hover{color:#155eae}
.nav-account,.nav-cta{background:#e9f3ff;color:#195a9c;border:1px solid #b1d0f2;border-radius:13px;box-shadow:0 4px 13px rgba(36,95,175,.06)}
.nav-account:hover,.nav-cta:hover{background:#dceafe;color:#10529e}
.btn,.btn-primary{border-radius:13px}
.btn-primary{background:linear-gradient(135deg,#225fba,#2487e6);border:1px solid #4392e7;box-shadow:0 8px 21px rgba(27,102,205,.18);color:#fff}
.btn-primary:hover{background:linear-gradient(135deg,#1b56ad,#176dc3)}
:where(a,button,input,summary):focus-visible{outline:3px solid #287fcf;outline-offset:3px}
.v31-intro{padding:23px 0 11px}
.v31-intro-card{
  position:relative;display:grid;grid-template-columns:95px minmax(0,1fr) auto;align-items:center;
  gap:20px;padding:23px 24px;border-radius:27px;
  background:linear-gradient(130deg,#ecf4ff,#dceafa);
  border:1px solid #a2c5f0;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.60),0 12px 38px rgba(30,84,162,.12),0 0 25px rgba(117,177,246,.15)
}
.v31-hero-logo{width:95px;height:95px;display:grid;place-items:center;border:2px solid #92c2ef;background:#f5faff;border-radius:24px;box-shadow:0 0 0 4px rgba(95,166,243,.11),0 0 18px rgba(62,147,242,.18)}
.v31-hero-logo img{width:85px;height:85px;object-fit:contain;border-radius:18px}
.v31-overline{display:block;font-weight:900;color:#3470a8;font-size:.83rem;letter-spacing:.01em}
.v31-intro h1{font-size:clamp(1.7rem,2.7vw,2.38rem);color:#153667;margin:2px 0 6px;line-height:1.23;font-weight:950}
.v31-intro p{font-size:.95rem;color:#536f92;line-height:1.7;max-width:49ch;margin:0}
.v31-actions{min-width:237px;display:flex;flex-direction:column;gap:9px}
.v31-trial,.v31-promo{display:flex;justify-content:center;align-items:center;min-height:45px;border-radius:14px;text-decoration:none;padding:9px 17px;gap:7px;font-weight:900;font-size:.89rem;line-height:1.4}
.v31-trial{background:#216bc7;color:#fff;border:1px solid #428ee6;box-shadow:0 8px 21px rgba(25,104,205,.19)}
.v31-trial:hover{background:#135eae;color:#fff}
.v31-promo{background:#eef6ff;color:#295c96;border:1px solid #adc9ec;border-radius:99px;box-shadow:0 0 13px rgba(100,170,242,.10)}
.v31-promo:hover{background:#dfeeff;color:#154b88}
.v31-promo svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v31-navigation{padding:10px 0 15px}
.v31-navigation-panel{
 padding:18px 20px 21px;border:1px solid #adc7e8;border-radius:24px;
 background:linear-gradient(150deg,#dfeaf8,#d6e4f5);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.64),0 10px 28px rgba(47,98,164,.10)
}
.v31-navigation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.v31-navigation-heading h2{font-size:clamp(1.36rem,2.4vw,1.9rem);font-weight:950;color:#183c6a;margin:0}
.v31-navigation-heading p{font-size:.87rem;color:#54769d;margin:0}
.v31-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.v31-tile{
 --tint:#eaf5ff;--edge:#96c3f5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
 padding:13px 8px;min-width:0;min-height:104px;
 text-align:center;text-decoration:none;color:#254a78;font-weight:900;
 background:linear-gradient(150deg,#f7fbff,var(--tint));border:1.4px solid var(--edge);border-radius:20px;
 box-shadow:0 0 0 2px rgba(255,255,255,.75) inset,0 0 17px color-mix(in srgb,var(--edge) 24%,transparent),0 7px 17px rgba(31,92,157,.08);
 transition:transform .23s,box-shadow .23s,border-color .23s
}
.v31-tile[data-topic="woman"]{--edge:#d9a4d5;--tint:#f7eaf6}
.v31-tile[data-topic="man"]{--edge:#8db7f6;--tint:#e5f0ff}
.v31-tile[data-topic="child"]{--edge:#e9bd83;--tint:#fff3e4}
.v31-tile[data-topic="meds"]{--edge:#8cd0ee;--tint:#e8f9ff}
.v31-tile[data-topic="doctor"]{--edge:#baa9ee;--tint:#f0ebff}
.v31-tile[data-topic="family"]{--edge:#a3bfec;--tint:#e7f1ff}
.v31-tile svg{height:34px;width:34px;stroke:#3369a7;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v31-tile span{font-size:.94rem}
.v31-tile:hover,.v31-tile.is-current{transform:translateY(-4px);border-color:#5b9de5;box-shadow:0 0 0 3px rgba(125,180,241,.17),0 8px 25px rgba(36,100,193,.18),0 0 20px color-mix(in srgb,var(--edge) 28%,transparent)}
.v31-tile.is-current{outline:2px solid #2b7acf;outline-offset:2px}
.v31-feature{padding:9px 0 11px;scroll-margin-top:90px}
.v31-feature-card{
  --tone:#7bbff0;--tone-soft:#e1f2fe;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:24px;
  min-height:265px;padding:25px 30px;border-radius:27px;
  background:linear-gradient(133deg,#eef5fe,var(--tone-soft) 143%);
  border:1.4px solid var(--tone);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.62),0 10px 29px rgba(42,90,157,.11),0 0 20px color-mix(in srgb,var(--tone) 21%,transparent);
  position:relative;overflow:hidden
}
.v31-feature-card:after{content:"";pointer-events:none;position:absolute;inset:auto auto -85px -60px;width:220px;height:220px;border-radius:50%;border:1px solid color-mix(in srgb,var(--tone) 35%,transparent)}
.v31-feature[data-topic="woman"] .v31-feature-card{--tone:#d6a5cb;--tone-soft:#f2e4f4}
.v31-feature[data-topic="man"] .v31-feature-card{--tone:#8eb7e8;--tone-soft:#daeafb}
.v31-feature[data-topic="child"] .v31-feature-card{--tone:#e6bb86;--tone-soft:#f6eadb}
.v31-feature[data-topic="meds"] .v31-feature-card{--tone:#79c5e5;--tone-soft:#d6f0fa}
.v31-feature[data-topic="doctor"] .v31-feature-card{--tone:#b9a7ea;--tone-soft:#e5dcf9}
.v31-feature[data-topic="family"] .v31-feature-card{--tone:#91b8ed;--tone-soft:#e0ecff}
.v31-feature:nth-of-type(even) .v31-copy{order:2}
.v31-feature:nth-of-type(even) .v31-art{order:1}
.v31-copy{z-index:1;min-width:0}
.v31-feature-kicker{font-size:.79rem;font-weight:950;color:#3d6b9d;display:flex;gap:9px;align-items:center}
.v31-feature-kicker:before{content:"";height:7px;width:7px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--tone) 18%,transparent)}
.v31-copy h2{font-size:clamp(1.65rem,3.2vw,2.55rem);font-weight:950;color:#1d406b;margin:8px 0 12px;line-height:1.23}
.v31-copy p{font-size:1.02rem;color:#55728f;max-width:50ch;line-height:1.88;margin:0 0 14px}
.v31-tags{display:flex;flex-wrap:wrap;gap:7px}
.v31-tags span{font-size:.79rem;font-weight:900;color:#40698e;padding:6px 10px;border-radius:11px;background:#f5faff;border:1px solid color-mix(in srgb,var(--tone) 42%,#dceaf9)}
.v31-detail-link{margin-top:13px;display:inline-flex;align-items:center;gap:8px;color:#135daf;text-decoration:none;font-size:.89rem;font-weight:950;border-bottom:1px solid transparent}
.v31-detail-link:hover{border-bottom-color:#277aca}
.v31-detail-link:after{content:"←";font-size:1.16rem}
.v31-art{position:relative;z-index:1;border:1px solid color-mix(in srgb,var(--tone) 63%,#fff);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.77),rgba(238,245,255,.81));padding:16px;min-height:215px;box-shadow:0 7px 25px rgba(33,94,156,.07);display:grid;gap:12px}
.v31-art-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.v31-art-head strong{color:#285481;font-size:.86rem}
.v31-art-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#f7fbff;border:1px solid var(--tone);box-shadow:0 0 16px color-mix(in srgb,var(--tone) 27%,transparent)}
.v31-art-icon svg{height:31px;width:31px;stroke:#3d75ac;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.v31-art-main{border-radius:14px;background:linear-gradient(120deg,#e7eff9,#eef6ff);border:1px solid #cadff4;padding:12px 14px}
.v31-art-main b{display:block;font-size:.98rem;color:#255184}
.v31-art-main span{font-size:.82rem;color:#6785a3}
.v31-art-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.v31-art-row>span{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;border:1px solid #d1e1f4;background:#f5f9fe;color:#4c739a;font-size:.81rem;font-weight:850;padding:8px 7px}
.v31-art-row>span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tone)}
.v31-section-title{padding:21px 0 7px;text-align:center}
.v31-section-title h2{font-weight:950;color:#173967;margin:0;font-size:clamp(1.56rem,2.4vw,2rem)}
.v31-section-title p{color:#5b7695;margin:4px 0 0;font-size:.9rem}
.v31-price{padding:14px 0 10px;scroll-margin-top:90px}
.v31-price .price-section{padding:27px 30px;background:linear-gradient(137deg,#e2edfb,#d1e3f7);border:1px solid #9dbfed;border-radius:26px;box-shadow:0 12px 32px rgba(28,91,172,.11)}
.v31-price .price-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,425px)}
.v31-price .price-copy h2{font-size:clamp(1.6rem,2.3vw,2.15rem)}
.v31-price .price-copy p{line-height:1.75}
.v31-price .price-widget{background:#f2f7ff;border:1px solid #a6c8ed;box-shadow:0 9px 28px rgba(36,97,177,.10);padding:21px;border-radius:20px}
.v31-price .price-row,.v31-price .base-price{padding:12px 0}
.v31-price .price-facts{margin:15px 0;gap:7px}
.v31-price .price-small{font-size:.78rem}
.v31-price .price-total{margin:15px 0}
.v31-faq{padding:12px 0 20px;scroll-margin-top:90px}
.v31-faq-card{border-radius:25px;border:1px solid #aac5e8;background:linear-gradient(133deg,#e4edf9,#d7e5f6);padding:23px 27px;box-shadow:0 9px 27px rgba(42,97,165,.09)}
.v31-faq .section-white{padding:0;background:transparent}
.v31-faq .faq-layout{grid-template-columns:260px minmax(0,1fr);gap:33px;align-items:start}
.v31-faq .faq-intro h2{font-size:1.65rem}
.v31-faq .faq-list details{background:#eff5fe;border:1px solid #b8d0ec;border-radius:13px}
.v31-faq .faq-list summary{padding:13px 0;font-size:.91rem}
.v31-faq .faq-list p{font-size:.87rem}
.v31-footnote{padding:7px 0 24px;text-align:center;font-size:.84rem;color:#5c7898}
.v31-top{position:fixed;left:20px;bottom:21px;z-index:90;display:grid;place-items:center;width:49px;height:49px;opacity:0;visibility:hidden;transform:translateY(8px);border-radius:15px;background:#e8f3ff;color:#2564b3;border:1px solid #8bbbea;box-shadow:0 8px 24px rgba(28,100,189,.17),0 0 17px rgba(81,164,235,.16);transition:opacity .22s,transform .22s,visibility .22s;cursor:pointer}
.v31-top.is-visible{opacity:1;visibility:visible;transform:none}
.v31-top svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.v31-motion .v31-reveal:not(.is-visible){opacity:0;filter:blur(5px);transform:translateY(25px) scale(.987)}
.v31-motion .v31-reveal{transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1),filter .55s ease}
.v31-feature-card,.v31-art,.v31-tile{will-change:auto}
.footer{background:#142e57;color:#f0f7ff}
.footer-desc,.footer a:not(.footer-brand),.footer-bottom,.footer-brand small{color:#b9cde8}
@media(max-width:960px){
 .v31-intro-card{grid-template-columns:82px 1fr;gap:14px}
 .v31-actions{grid-column:1/-1;flex-direction:row;min-width:0}
 .v31-actions>*{flex:1}
 .v31-hero-logo{width:82px;height:82px}
 .v31-hero-logo img{width:73px;height:73px}
 .v31-tiles{grid-template-columns:repeat(3,1fr)}
 .v31-feature-card{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:16px;padding:23px}
 .v31-price .price-layout{grid-template-columns:1fr}
 .v31-faq .faq-layout{grid-template-columns:1fr}
}
@media(max-width:650px){
 .shell{width:calc(100% - 26px)}
 .topbar-inner{height:68px}
 .brand img{width:46px;height:46px}
 .brand-copy strong{font-size:1.28rem}
 .v31-intro{padding:14px 0 7px}
 .v31-intro-card{grid-template-columns:68px minmax(0,1fr);gap:11px 12px;padding:14px;border-radius:21px}
 .v31-hero-logo{height:68px;width:68px;border-radius:16px}
 .v31-hero-logo img{height:60px;width:60px}
 .v31-intro h1{font-size:clamp(1.31rem,5vw,1.7rem);line-height:1.3}
 .v31-intro p{font-size:.8rem;line-height:1.6}
 .v31-overline{font-size:.73rem}
 .v31-actions{grid-column:1/-1;gap:8px;min-width:0}
 .v31-trial,.v31-promo{font-size:.79rem;padding:8px;min-height:43px;text-align:center}
 .v31-navigation{padding:8px 0 11px}
 .v31-navigation-panel{border-radius:21px;padding:15px 12px}
 .v31-navigation-heading{display:block;margin-bottom:11px}
 .v31-navigation-heading h2{font-size:1.46rem}
 .v31-navigation-heading p{font-size:.81rem}
 .v31-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .v31-tile{min-height:94px;gap:5px;padding:10px 3px;border-radius:16px}
 .v31-tile svg{height:29px;width:29px}
 .v31-tile span{font-size:.81rem}
 .v31-section-title{padding:15px 0 4px}
 .v31-section-title h2{font-size:1.43rem}
 .v31-section-title p{font-size:.82rem}
 .v31-feature{padding:8px 0;scroll-margin-top:78px}
 .v31-feature-card{grid-template-columns:1fr;gap:11px;min-height:0;padding:19px 17px;border-radius:21px}
 .v31-feature:nth-of-type(even) .v31-copy,.v31-feature:nth-of-type(even) .v31-art{order:initial}
 .v31-copy h2{font-size:1.67rem;margin:6px 0 8px}
 .v31-copy p{font-size:.94rem;line-height:1.7;margin-bottom:10px}
 .v31-tags span{padding:5px 8px;font-size:.75rem}
 .v31-art{min-height:0;padding:11px 13px;gap:7px;border-radius:16px;grid-template-columns:1fr;box-shadow:none}
 .v31-art-icon{height:44px;width:44px;border-radius:12px}
 .v31-art-icon svg{height:26px;width:26px}
 .v31-art-main{padding:9px 12px}
 .v31-art-main b{font-size:.89rem}
 .v31-art-main span{font-size:.76rem}
 .v31-art-row>span{font-size:.73rem;padding:6px}
 .v31-detail-link{margin-top:9px}
 .v31-price{padding:11px 0}
 .v31-price .price-section{padding:18px 15px}
 .v31-price .price-widget{padding:17px}
 .v31-faq-card{padding:17px 14px}
 .v31-faq .faq-intro h2{font-size:1.46rem}
 .v31-top{left:12px;bottom:13px;width:44px;height:44px}
}
@media(max-width:380px){
 .v31-actions{flex-direction:column}
 .v31-tile{min-height:83px}
 .v31-tile svg{height:24px;width:24px}
 .v31-tile span{font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .v31-motion .v31-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
 .v31-tile:hover{transform:none}
 .v31-top{transition:none}
}