/* Persian: Ravi. Latin (Content Map, plan smarter…): Bidad — Ravi has no Latin glyphs. */

:root{
  --bg:#FDFBF7;--paper:#FFFFFF;--soft:#FFF1DE;--soft2:#FFF7EC;--line:#ECE4D8;--line2:#E0D6C6;
  --ink:#1A1A1F;--ink2:#3F3F47;--muted:#686872;--o:#FF8A00;--o2:#FF6200;--amber:#FFB347;--deep:#B94A00;--night:#16161B;
  --r-s:12px;--r-m:20px;--r-l:30px;--max:1240px;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light;
}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"CMText",Tahoma,sans-serif;font-weight:400;font-size:var(--t4);line-height:2;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2.5px solid var(--o);outline-offset:3px;border-radius:var(--r1)}
.wrap{width:min(var(--max),100% - 48px);margin-inline:auto}
.rd{font-family:"CMText",sans-serif;font-weight:400;letter-spacing:0}
.og{background:linear-gradient(180deg,#FF9A1F,#E85400);-webkit-background-clip:text;background-clip:text;color:transparent}
.h1{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t1);line-height:1.2;margin:0}
.h2{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t1);line-height:1.3;margin:0}
.h3{font-size:var(--t3);font-weight:800;margin:0;line-height:1.55}
.lead{font-size:var(--t3);color:var(--ink2);margin:0;max-width:62ch}
.muted{color:var(--muted)}
.sec{padding:clamp(64px,8vw,104px) 0;position:relative}

/* ---------- buttons: one family, clear hierarchy ---------- */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:var(--r1);font-weight:800;font-size:var(--t4);border:0;cursor:pointer;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s,color .2s,border-color .2s}
.btn svg{flex-shrink:0;transition:transform .2s ease}
.btn:hover svg.arr{transform:translateX(-4px)}
.btn-o{color:#FFF;background:linear-gradient(180deg,#FF9C24 0%,#FF7A00 55%,#F26100 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(160,50,0,.35),0 10px 24px -8px rgba(242,97,0,.65)}
.btn-o::after{content:"";position:absolute;top:0;bottom:0;width:40%;right:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:right .6s ease}
.btn-o:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(160,50,0,.35),0 16px 30px -10px rgba(242,97,0,.8)}
.btn-o:hover::after{right:120%}
.btn-o:active{transform:translateY(0)}
.btn-line{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-line:hover{background:var(--ink);color:#FFF}
.btn-soft{background:var(--soft);color:var(--deep)}
.btn-soft:hover{background:#FFE4C2}
.btn-ink{background:var(--night);color:#FFF;box-shadow:0 10px 24px -10px rgba(22,22,27,.6)}
.btn-ink:hover{transform:translateY(-2px)}
.btn-sm{min-height:44px;padding:0 18px;font-size:var(--t5);border-radius:var(--r1)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;font-size:var(--t5);font-weight:700}
.pill-o{background:linear-gradient(180deg,#FF9C24,#F26100);color:#FFF;box-shadow:0 6px 16px -6px rgba(242,97,0,.6)}
.pill-soft{background:var(--soft);color:var(--deep)}

/* ---------- header: two rows, Mouj-style ---------- */
.top{background:var(--paper)}
.top .wrap{height:96px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:50px;height:50px;filter:drop-shadow(0 6px 14px rgba(242,97,0,.35))}
.wm{display:flex;flex-direction:column;line-height:1.05;font-family:"CMText",sans-serif;font-weight:900;font-size:var(--t4);letter-spacing:.6px}
.wm span{color:var(--o2)}
.wm small{font-weight:500;font-size:var(--t5);color:var(--muted);letter-spacing:0;margin-top:3px}
.srch{display:flex;align-items:center;gap:10px;height:54px;max-width:560px;width:100%;justify-self:center;padding:0 8px 0 18px;border-radius:var(--r2);background:var(--bg);border:1.5px solid var(--line)}
.srch:focus-within{border-color:var(--o);box-shadow:0 0 0 4px rgba(255,138,0,.14)}
.srch input{flex:1;background:none;border:0;outline:0;font-size:var(--t4);min-width:0}
.srch button{width:40px;height:40px;border-radius:var(--r1);border:0;cursor:pointer;display:grid;place-items:center;background:linear-gradient(180deg,#FF9C24,#F26100);color:#FFF}
.top-act{display:flex;gap:10px}
.wave{height:14px;background:var(--paper);position:relative}
.wave svg{position:absolute;inset:0;width:100%;height:100%}
.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.navbar .wrap{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav{display:flex;align-items:center}
.nav>a,.dd>button{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:var(--t4);font-weight:700;color:var(--ink2);background:none;border:0;cursor:pointer;position:relative}
.nav>*+*{border-right:1.5px solid var(--line2)}
.nav>a:hover,.dd>button:hover{color:var(--o2)}
.nav .on{color:var(--ink)}
.nav .on::after{content:"";position:absolute;right:16px;left:16px;bottom:2px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--o2),var(--amber))}
.dd{position:relative}
.dd svg{transition:transform .2s}
.dd-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:280px;padding:8px;border-radius:var(--r2);background:var(--paper);border:1px solid var(--line);box-shadow:0 24px 50px -12px rgba(26,26,31,.2);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s ease}
.dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{opacity:1;visibility:visible;transform:none}
.dd:hover>button svg,.dd.open>button svg{transform:rotate(180deg)}
.dd-menu a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:var(--r1)}
.dd-menu a:hover{background:var(--soft2)}
.dd-menu b{font-weight:800}
.dd-menu small{display:block;color:var(--muted);font-size:var(--t5);line-height:1.6}
.dd-ic{width:42px;height:42px;flex-shrink:0;border-radius:var(--r1);display:grid;place-items:center;background:var(--soft);color:var(--o2)}
.quick{display:flex;align-items:center;gap:12px;font-weight:800;font-size:var(--t5);color:var(--ink2)}
.m-acts{display:none;gap:8px}
.burger{display:none;width:46px;height:46px;border-radius:var(--r1);background:var(--bg);border:1.5px solid var(--line);cursor:pointer}

/* ---------- hero slider ---------- */
.hero{position:relative;background:linear-gradient(180deg,var(--paper) 0%,var(--soft2) 100%);overflow:hidden;isolation:isolate;padding:40px 0 110px}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(640px 420px at 22% 48%,rgba(255,138,0,.20),transparent 70%),radial-gradient(420px 300px at 90% 0%,rgba(255,179,71,.18),transparent 70%)}
.hero .dots-bg{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(185,74,0,.16) 1.2px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 30% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 30% 50%,#000 20%,transparent 75%)}
.slides{position:relative;min-height:560px}
.slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease,visibility .6s}
.slide.on{opacity:1;visibility:visible;transform:none}
.slide .copy{display:flex;flex-direction:column;gap:22px}
.slide .acts{display:flex;gap:12px;flex-wrap:wrap}
.s-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:var(--paper);border:1.5px solid var(--line);display:grid;place-items:center;cursor:pointer;z-index:3;box-shadow:0 10px 24px -12px rgba(26,26,31,.3);transition:.2s}
.s-arrow:hover{border-color:var(--o);color:var(--o2)}
.s-prev{right:-8px}.s-next{left:-8px}
@media (min-width:1400px){.s-prev{right:-78px}.s-next{left:-78px}}
.s-ctrl{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:18px}
.s-dots{display:flex;gap:8px}
.s-dots button{width:10px;height:10px;border-radius:999px;border:0;background:var(--line2);cursor:pointer;padding:0;transition:width .3s,background .3s}
.s-dots button.on{width:34px;background:linear-gradient(90deg,var(--o2),var(--amber))}
.s-bar{width:280px;height:3px;border-radius:3px;background:var(--line);overflow:hidden}
.s-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--o2),var(--amber))}
.s-bar i.run{animation:bar var(--dur,7s) linear forwards}
@keyframes bar{to{width:100%}}
.hero-wave{position:absolute;right:0;left:0;bottom:-1px;height:70px;z-index:2}

/* orbit, light edition */
.orbit{position:relative;width:min(540px,100%);aspect-ratio:1;margin-inline:auto}
.orbit svg.ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.core{position:absolute;left:50%;top:50%;width:33%;transform:translate(-50%,-50%);animation:float 6s ease-in-out infinite}
.core img{width:100%;filter:drop-shadow(0 22px 30px rgba(242,97,0,.45))}
.core::after{content:"";position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.28),transparent 65%);z-index:-1}
@keyframes float{50%{transform:translate(-50%,calc(-50% - 12px))}}
.tile{position:absolute;display:flex;align-items:center;gap:12px;transform:translate(-50%,-50%)}
.tile .gl{width:72px;height:72px;border-radius:var(--r2);display:grid;place-items:center;background:linear-gradient(160deg,#FFFFFF 0%,#FFF4E6 100%);border:1.5px solid rgba(255,138,0,.55);box-shadow:0 14px 28px -10px rgba(242,97,0,.45),inset 0 1px 0 #FFF,inset 0 -4px 10px rgba(255,138,0,.12);color:var(--o2)}
.tile .lb{display:flex;flex-direction:column;line-height:1.35}
.tile .lb em{font-style:normal;color:var(--o2);font-weight:900;font-size:var(--t5)}
.tile .lb b{font-size:var(--t4);font-weight:800}
.tile .lb span{font-size:var(--t5);color:var(--muted)}
.tile.t1{left:22%;top:18%}.tile.t2{left:74%;top:16%}.tile.t3{left:88%;top:58%}.tile.t4{left:62%;top:88%}.tile.t5{left:10%;top:66%}
.tile.t1 .lb,.tile.t5 .lb{order:-1;text-align:left}
.frame{position:relative;border-radius:var(--r-l);overflow:hidden;box-shadow:0 40px 70px -30px rgba(26,26,31,.45),0 0 0 1px rgba(0,0,0,.04);transform:perspective(1400px) rotateY(-8deg) rotateX(2deg);max-width:470px;margin-inline:auto}
.frame img{width:100%}
.frame .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

/* ---------- section title tab + bordered box (Mouj-style) ---------- */
.boxed{position:relative;border:1.5px solid var(--line2);border-radius:var(--r2);padding:56px 40px 40px;background:var(--paper)}
.tab{position:absolute;top:0;right:36px;transform:translateY(-55%);display:inline-flex;align-items:center;gap:10px;padding:6px 22px 8px;border-radius:var(--r1);background:var(--night);color:#FFF;font-family:"CMText",sans-serif;font-size:var(--t2);line-height:1.5;box-shadow:0 10px 20px -10px rgba(22,22,27,.6)}
.tab i{width:9px;height:9px;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px rgba(255,138,0,.25);font-style:normal}
.tab-link{position:absolute;top:0;left:36px;transform:translateY(-50%);background:var(--bg);padding:0 12px}
.tab-link a{font-weight:800;font-size:var(--t5);color:var(--deep)}

/* big product card */
.pcard{position:relative;display:grid;grid-template-columns:1fr 330px;gap:40px;align-items:center;padding:40px 44px;border-radius:var(--r2);overflow:visible}
.pcard+.pcard{margin-top:72px}
.pcard.o{background:linear-gradient(120deg,#FFB35C 0%,#FF8A00 45%,#F26100 100%);color:#FFF}
.pcard.d{background:linear-gradient(120deg,#23232B,#141418);color:#FFF}
.pcard .pc-copy{display:flex;flex-direction:column;gap:14px}
.pcard .pc-copy p{margin:0;opacity:.94;max-width:58ch}
.pcard .pc-art{position:relative;height:250px}
.pcard .pc-art img{position:absolute;left:10px;bottom:-10px;width:222px;border-radius:var(--r2);transform:rotate(-4deg);box-shadow:0 30px 50px -18px rgba(0,0,0,.55)}
.pcard .pc-tag{align-self:flex-start;padding:4px 16px;border-radius:var(--r1);background:rgba(255,255,255,.22);font-size:var(--t5);font-weight:800;backdrop-filter:blur(4px)}
.pcard.d .pc-tag{background:rgba(255,138,0,.2);color:var(--amber)}
.btn-glass{background:rgba(255,255,255,.16);color:#FFF;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75)}
.btn-glass:hover{background:#FFF;color:var(--ink)}

/* shop grid */
.shop{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.item{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r2);border:1.5px dashed var(--line2);background:var(--paper);transition:.25s}
.item:hover{border-style:solid;border-color:rgba(255,138,0,.55);box-shadow:0 22px 40px -22px rgba(242,97,0,.45);transform:translateY(-4px)}
.item .im{position:relative;aspect-ratio:1;border-radius:var(--r1);display:grid;place-items:center;overflow:hidden}
.item .im.o{background:linear-gradient(150deg,#FFB35C,#F26100)}
.item .im.d{background:linear-gradient(150deg,#2A2A33,#141418)}
.item .im.s{background:linear-gradient(150deg,#FFF1DE,#FFE0B8)}
.item .im img{width:52%;filter:drop-shadow(0 16px 20px rgba(0,0,0,.3));transition:transform .4s}
.item:hover .im img{transform:scale(1.06) rotate(-3deg)}
.item .im .lbl{position:absolute;bottom:12px;right:12px;left:12px;text-align:center;font-family:"CMText",sans-serif;font-size:var(--t3);color:#FFF;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.item .im.s .lbl{color:var(--deep);text-shadow:none}
.badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 14px;border-radius:999px;background:var(--night);color:#FFF;font-size:var(--t5);font-weight:800}
.item b.t{font-size:var(--t4);font-weight:800;margin-top:8px}
.item .cat{font-size:var(--t5);color:var(--muted)}
.item .price{font-weight:900;font-size:var(--t4)}
.item .price s{color:#A9A9B3;font-weight:500;font-size:var(--t5);margin-left:6px}
.item .btn{margin-top:8px}

/* stations */
.stations{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:8px;padding:28px 0 8px}
.stations::before{content:"";position:absolute;right:4%;left:4%;top:57px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--o2),var(--amber),var(--o2))}
.st{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;cursor:pointer;padding:0;color:var(--ink2)}
.st i{width:58px;height:58px;border-radius:var(--r2);display:grid;place-items:center;background:var(--paper);border:1.5px solid var(--line2);font-style:normal;font-weight:900;color:var(--deep);transition:.25s;position:relative;z-index:1;box-shadow:0 8px 18px -12px rgba(26,26,31,.35)}
.st span{font-size:var(--t5);font-weight:800}
.st:hover i{border-color:var(--o)}
.st.on i{background:linear-gradient(180deg,#FF9C24,#F26100);color:#FFF;border-color:transparent;box-shadow:0 14px 26px -10px rgba(242,97,0,.7);transform:translateY(-4px)}
.st.on span{color:var(--ink)}
.st-card{margin-top:24px;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:28px 32px;border-radius:var(--r2);background:var(--soft2);border:1.5px solid rgba(255,138,0,.28)}
.st-card .num{font-family:"CMText",sans-serif;font-size:var(--t1);line-height:1}
.st-card p{margin:4px 0 0;color:var(--ink2)}

/* features */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feat{position:relative;padding:28px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);transition:.25s}
.feat:hover{border-color:rgba(255,138,0,.5);box-shadow:0 24px 44px -26px rgba(242,97,0,.45);transform:translateY(-4px)}
.feat .ic{width:54px;height:54px;border-radius:var(--r2);display:grid;place-items:center;background:linear-gradient(160deg,#FFF,#FFF1DE);border:1.5px solid rgba(255,138,0,.45);color:var(--o2);margin-bottom:16px;box-shadow:0 10px 20px -12px rgba(242,97,0,.6)}
.feat p{margin:6px 0 0;color:var(--ink2);font-size:var(--t4)}

/* video */
.vid-wrap{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}
.player{position:relative;border-radius:var(--r2);overflow:hidden;background:#000;aspect-ratio:16/9;cursor:pointer;box-shadow:0 30px 60px -30px rgba(26,26,31,.5)}
.player img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.player:hover img{transform:scale(1.03)}
.play{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#FF9C24,#F26100);box-shadow:0 0 0 12px rgba(255,255,255,.35),0 18px 34px -10px rgba(242,97,0,.8);border:0;cursor:pointer}
.player .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.player .cap{position:absolute;right:0;left:0;bottom:0;padding:70px 26px 20px;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent);color:#FFF}
.player .cap b{display:block;font-size:var(--t3);font-weight:800;line-height:1.5}
.player .cap span{opacity:.85;font-size:var(--t5)}
.vlist{display:flex;flex-direction:column;gap:12px}
.vi{display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:center;padding:10px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);cursor:pointer;text-align:right;transition:.2s}
.vi:hover,.vi.on{border-color:rgba(255,138,0,.55);background:var(--soft2)}
.vi .th{position:relative;aspect-ratio:16/9;border-radius:var(--r1);overflow:hidden}
.vi .th img{width:100%;height:100%;object-fit:cover}
.vi .th em{position:absolute;left:6px;bottom:6px;padding:0 7px;border-radius:6px;background:rgba(0,0,0,.72);color:#FFF;font-size:var(--t5);font-style:normal}
.vi b{font-size:var(--t4);font-weight:800;line-height:1.6;display:block}
.vi small{color:var(--deep);font-size:var(--t5);font-weight:800}
.vcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vc{display:flex;flex-direction:column;gap:10px;background:none;border:0;padding:0;text-align:right;cursor:pointer}
.vc .th{position:relative;aspect-ratio:16/9;border-radius:var(--r2);overflow:hidden;box-shadow:0 20px 34px -24px rgba(26,26,31,.5)}
.vc .th img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vc:hover .th img{transform:scale(1.05)}
.vc .mini{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#FF9C24,#F26100);box-shadow:0 0 0 8px rgba(255,255,255,.35)}
.vc .th em{position:absolute;left:10px;bottom:10px;padding:1px 8px;border-radius:var(--r1);background:rgba(0,0,0,.72);color:#FFF;font-size:var(--t5);font-style:normal}
.vc small{color:var(--deep);font-weight:800;font-size:var(--t5)}
.vc b{font-size:var(--t4);font-weight:800;line-height:1.6}
.vc p{margin:0;color:var(--muted);font-size:var(--t5);line-height:1.8}

/* founder */
.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.portrait{position:relative;aspect-ratio:4/5;border-radius:var(--r-l);background:linear-gradient(160deg,#FFF,#FFF1DE);border:1.5px solid rgba(255,138,0,.5);display:grid;place-items:center;color:var(--muted);box-shadow:24px 24px 0 -2px var(--o)}
.portrait .yr{position:absolute;bottom:28px;right:-20px;padding:12px 20px;border-radius:var(--r2);background:var(--night);color:#FFF;font-family:"CMText",sans-serif;font-size:var(--t2);box-shadow:0 14px 30px -12px rgba(22,22,27,.6)}
.skills{display:flex;flex-wrap:wrap;gap:10px}
.skills span{padding:7px 16px;border-radius:999px;background:var(--paper);border:1.5px solid var(--line2);font-size:var(--t5);font-weight:700}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,440px));gap:24px;justify-content:center}
.plan{padding:34px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);display:flex;flex-direction:column;gap:14px}
.plan.hot{background:linear-gradient(170deg,#FFF4E6,#FFFFFF 60%);border-color:rgba(255,138,0,.65);box-shadow:0 30px 50px -30px rgba(242,97,0,.55)}
.plan .pr{font-family:"CMText",sans-serif;font-size:var(--t1);line-height:1.3}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;color:var(--ink2);font-size:var(--t4)}
.plan li{display:flex;gap:10px}
.plan li svg{flex-shrink:0;margin-top:7px;color:var(--o2)}

/* faq */
.faq{display:grid;grid-template-columns:.8fr 1.4fr;gap:56px}
.qa{border-bottom:1.5px solid var(--line)}
.qa button{width:100%;min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;padding:16px 0;font-size:var(--t3);font-weight:800;text-align:right;cursor:pointer}
.qa button i{font-style:normal;width:34px;height:34px;flex-shrink:0;border-radius:var(--r1);display:grid;place-items:center;background:var(--soft);color:var(--o2);font-size:var(--t3);transition:transform .25s,background .25s,color .25s}
.qa.open button i{transform:rotate(45deg);background:linear-gradient(180deg,#FF9C24,#F26100);color:#FFF}
.qa .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.qa.open .ans{grid-template-rows:1fr}
.qa .ans>div{overflow:hidden}
.qa .ans p{margin:0 0 20px;color:var(--ink2);max-width:70ch}

/* final cta */
.final{position:relative;border-radius:var(--r2);overflow:hidden;min-height:320px;display:flex;align-items:center}
.final img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.final::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(242,97,0,0) 10%,rgba(200,70,0,.55) 60%,rgba(140,45,0,.8) 100%)}
.final .in{position:relative;z-index:1;margin-right:auto;padding:44px;max-width:500px;display:flex;flex-direction:column;gap:16px;color:#FFF}

/* inner pages */
.page-hero{padding:56px 0 36px;background:linear-gradient(180deg,var(--paper),var(--bg))}
.crumbs{color:var(--muted);font-size:var(--t5);margin-bottom:12px}
.crumbs a:hover{color:var(--o2)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mod{padding:22px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line)}
.mod i{font-style:normal;font-weight:900;color:var(--o2);font-size:var(--t5)}
.mod b{display:block;font-size:var(--t4);margin:4px 0 2px;font-weight:800}
.mod p{margin:0;color:var(--ink2);font-size:var(--t5);line-height:1.8}
.tbl{width:100%;border-collapse:separate;border-spacing:0;border:1.5px solid var(--line);border-radius:var(--r2);overflow:hidden;font-size:var(--t4);background:var(--paper)}
.tbl th,.tbl td{padding:15px 22px;text-align:right;border-bottom:1px solid var(--line)}
.tbl thead th{background:var(--soft2);font-size:var(--t4);font-weight:800}
.tbl .a{background:rgba(255,138,0,.06)}
.tbl tr:last-child td{border-bottom:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{padding:26px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line)}
.step i{width:42px;height:42px;border-radius:var(--r1);display:grid;place-items:center;background:linear-gradient(180deg,#FF9C24,#F26100);color:#FFF;font-style:normal;font-weight:900;margin-bottom:10px}
.step b{font-weight:800}
.step p{margin:4px 0 0;color:var(--ink2);font-size:var(--t5)}
.filters{display:flex;flex-wrap:wrap;gap:10px}
.filters button{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line2);background:var(--paper);font-weight:800;font-size:var(--t5);cursor:pointer;transition:.2s}
.filters button:hover{border-color:var(--o)}
.filters button.on{background:var(--night);color:#FFF;border-color:var(--night)}
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.art{padding:26px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);display:flex;flex-direction:column;gap:8px;transition:.25s;border-top:4px solid var(--o)}
.art:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(26,26,31,.4)}
.art small{color:var(--deep);font-weight:800}
.art b{font-size:var(--t3);line-height:1.6;font-weight:800}
.art p{margin:0;color:var(--muted);font-size:var(--t5)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.logos div{height:88px;border-radius:var(--r2);border:1.5px dashed var(--line2);display:grid;place-items:center;color:var(--muted);font-size:var(--t5);background:var(--paper)}
.form{padding:32px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 60px -40px rgba(26,26,31,.35)}
.form label{display:flex;flex-direction:column;gap:7px;font-size:var(--t5);font-weight:800}
.form input,.form select,.form textarea{min-height:50px;border-radius:var(--r1);border:1.5px solid var(--line);background:var(--bg);padding:0 16px;font-size:var(--t4);font-weight:500}
.form textarea{padding:14px 16px;resize:vertical;min-height:130px}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--o);box-shadow:0 0 0 4px rgba(255,138,0,.15)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.drop{min-height:124px;border-radius:var(--r2);border:1.5px dashed rgba(255,138,0,.6);background:var(--soft2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink2);font-weight:500;font-size:var(--t5);text-align:center;padding:16px}
.info{display:flex;flex-direction:column;gap:12px}
.info div{display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line)}
.info span{color:var(--muted);min-width:84px}
.ok{display:none;flex-direction:column;align-items:flex-start;gap:14px}
.done .ok{display:flex}.done .fields{display:none}

/* footer */
.ftr{margin-top:56px;background:var(--paper);border-top:1.5px solid var(--line);padding:60px 0 calc(26px + env(safe-area-inset-bottom,0px))}
.ftr .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px}
.ftr h4{margin:0 0 12px;font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t3)}
.ftr .cols a{display:block;color:var(--ink2);font-size:var(--t5);padding:3px 0}
.ftr .cols a:hover{color:var(--o2)}
.soc{display:flex;gap:10px;margin-top:14px}
.soc a{width:46px;height:46px;border-radius:var(--r1);display:grid!important;place-items:center;border:1.5px solid var(--line);padding:0!important;color:var(--ink)!important}
.soc a:hover{border-color:var(--o);color:var(--o2)!important}
.enamad{width:120px;height:120px;border-radius:var(--r2);border:1.5px dashed var(--line2);display:grid;place-items:center;text-align:center;color:var(--muted);font-size:var(--t5);padding:10px}
.ftr .bot{margin-top:40px;padding-top:20px;border-top:1.5px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:var(--t5);flex-wrap:wrap;gap:10px}

/* modals */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(26,26,31,.55);backdrop-filter:blur(6px)}
.modal.show{display:flex}
.vbox{width:min(980px,100%);border-radius:var(--r2);overflow:hidden;background:#000;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.vbox .screen{position:relative;aspect-ratio:16/9}
.vbox .screen img{width:100%;height:100%;object-fit:cover;opacity:.6}
.vbox .screen .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.vbox .bar{position:absolute;right:0;left:0;bottom:0;height:5px;background:rgba(255,255,255,.2)}
.vbox .bar i{display:block;height:100%;width:0;background:var(--o)}
.modal.show .vbox .bar i{animation:bar 14s linear forwards}
.vbox .meta{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--paper)}
.x{width:44px;height:44px;border-radius:var(--r1);background:var(--bg);border:1.5px solid var(--line);cursor:pointer;font-size:var(--t3);display:grid;place-items:center}
.promo{position:relative;width:min(560px,100%);border-radius:var(--r2);background:var(--paper);padding:30px;text-align:center;box-shadow:0 40px 80px -30px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;gap:14px}
.promo .x{position:absolute;top:16px;left:16px}
.promo img{width:140px;filter:drop-shadow(0 18px 26px rgba(242,97,0,.45));animation:float2 5s ease-in-out infinite}
@keyframes float2{50%{transform:translateY(-8px)}}
.promo .ribbon{width:100%;padding:12px 18px;border-radius:var(--r2);background:linear-gradient(100deg,#FF9C24,#F26100);color:#FFF;font-family:"CMText",sans-serif;font-size:var(--t2);line-height:1.5}
.cd{display:flex;gap:10px;direction:ltr}
.cd div{width:74px;padding:10px 0;border-radius:var(--r1);background:var(--night);color:#FFF;display:flex;flex-direction:column;align-items:center;line-height:1.2}
.cd b{font-family:"CMText",sans-serif;font-size:var(--t2);font-weight:400}
.cd small{font-size:var(--t5);opacity:.8}

.rv{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}


@media (max-width:1080px){
  .top .wrap{grid-template-columns:auto auto;height:80px}.srch,.top-act .btn-line{display:none}
  .nav,.quick{display:none}.burger{display:grid;place-items:center}.m-acts{display:flex}
  .navbar.menu .nav{display:flex;position:absolute;top:66px;right:0;left:0;flex-direction:column;align-items:stretch;padding:12px 20px 18px;background:var(--paper);border-bottom:1.5px solid var(--line)}
  .navbar.menu .nav>*+*{border-right:0;border-top:1px solid var(--line)}
  .navbar.menu .dd-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 8px}
  .slide,.split,.founder,.faq,.vid-wrap{grid-template-columns:1fr}
  .slides{min-height:980px}.slide .vis{order:2}
  .pcard{grid-template-columns:1fr}.pcard .pc-art{height:220px}
  .shop{grid-template-columns:repeat(2,1fr)}
  .feats,.vcards,.arts,.pillars,.steps{grid-template-columns:1fr 1fr}
  .mods{grid-template-columns:1fr 1fr}
  .stations{grid-template-columns:repeat(6,1fr);row-gap:26px}.stations::before{display:none}
  .ftr .cols{grid-template-columns:1fr 1fr}
  .logos{grid-template-columns:repeat(3,1fr)}
  .frame{transform:none}
}
@media (max-width:640px){
  .feats,.vcards,.arts,.pillars,.steps,.mods,.plans,.row2,.shop{grid-template-columns:1fr}
  .stations{grid-template-columns:repeat(3,1fr)}
  .st-card{grid-template-columns:1fr}
  .tile .gl{width:54px;height:54px;border-radius:var(--r2)}.tile .lb span{display:none}
  .boxed{padding:48px 18px 22px}.tab{right:18px;font-size:var(--t3)}.tab-link{display:none}
  .pcard{padding:28px 22px}
  .top-act .btn-o{padding:0 14px}
  .s-arrow{display:none}
  .final .in{padding:26px}
  .cd div{width:62px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}

/* footer brand: logo + one-line LTR wordmark; enamad sits under the socials so the grid stays 5 columns */
.ftr .cols a.ftr-brand{display:flex;align-items:center;gap:12px;padding:0;font-size:var(--t4)}
.ftr-wm{font-family:"CMText",sans-serif;font-weight:900;letter-spacing:1.4px;color:var(--ink);white-space:nowrap}
.ftr-wm span{color:var(--o2)}
.ftr-brandcol .enamad{margin-top:18px}
@media (max-width:1080px){.ftr-brandcol{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;column-gap:24px}.ftr-brandcol>a.ftr-brand{flex-basis:100%}.ftr-brandcol>p{flex:1 1 260px}.ftr-brandcol .enamad{margin-top:14px}}


/* ================= site additions ================= */
a.lnk{color:var(--deep);font-weight:800}
a.lnk:hover{text-decoration:underline}
.center{text-align:center}
.mt0{margin-top:0}
.cart-btn{position:relative}
.cart-count{position:absolute;top:-6px;left:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--night);color:#FFF;font-size:var(--t5);font-weight:800;display:none;align-items:center;justify-content:center;line-height:1}
.cart-count.on{display:inline-flex}

/* ---------- before / after (the "final_final_v3" idea) ---------- */
.ba{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.ba-switch{align-self:flex-start;display:inline-flex;padding:5px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);gap:4px;margin-top:8px}
.ba-switch button{min-height:46px;padding:0 20px;border-radius:var(--r1);border:0;background:none;font-weight:800;font-size:var(--t4);cursor:pointer;color:var(--ink2);transition:.25s}
.ba-switch button[aria-pressed="true"]{background:var(--night);color:#FFF}
.ba-switch button.on-map[aria-pressed="true"]{background:linear-gradient(180deg,#FF9C24,#F26100)}
.ba-board{position:relative;border-radius:var(--r2);padding:26px;background:var(--paper);border:1.5px solid var(--line);overflow:hidden;box-shadow:0 30px 60px -40px rgba(26,26,31,.4)}
.ba-board::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(185,74,0,.13) 1.2px,transparent 1.3px);background-size:22px 22px;opacity:1;transition:opacity .5s}
.ba-board.map::before{opacity:0}
.ba-items{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ba-it{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r2);background:#FFF;border:1.5px solid var(--line);font-size:var(--t5);font-weight:700;line-height:1.7;box-shadow:0 12px 22px -18px rgba(26,26,31,.5);transition:transform .6s cubic-bezier(.3,1.4,.5,1),background .4s,border-color .4s,color .4s}
.ba-it i{width:34px;height:34px;flex-shrink:0;border-radius:var(--r1);display:grid;place-items:center;background:#F4F1EC;color:#8A8A93;transition:.4s}
.ba-board:not(.map) .ba-it:nth-child(1){transform:rotate(-5deg) translate(-6px,4px)}
.ba-board:not(.map) .ba-it:nth-child(2){transform:rotate(4deg) translate(8px,-6px)}
.ba-board:not(.map) .ba-it:nth-child(3){transform:rotate(3deg) translate(-4px,10px)}
.ba-board:not(.map) .ba-it:nth-child(4){transform:rotate(-3deg) translate(10px,2px)}
.ba-board:not(.map) .ba-it:nth-child(5){transform:rotate(-6deg) translate(2px,-8px)}
.ba-board:not(.map) .ba-it:nth-child(6){transform:rotate(5deg) translate(-8px,6px)}
.ba-board:not(.map) .ba-it{color:#5A5A63;background:#FFFDF9}
.ba-board.map .ba-it{border-color:rgba(255,138,0,.45);background:linear-gradient(160deg,#FFF,#FFF7EC)}
.ba-board.map .ba-it i{background:linear-gradient(180deg,#FF9C24,#F26100);color:#FFF}
.ba-note{position:relative;margin-top:18px;display:flex;align-items:center;gap:10px;font-size:var(--t5);font-weight:800;color:var(--muted)}
.ba-board.map .ba-note{color:var(--deep)}

/* ---------- personas ---------- */
.personas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.persona{padding:28px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);display:flex;flex-direction:column;gap:10px}
.persona .ic{width:52px;height:52px;border-radius:var(--r2);display:grid;place-items:center;background:var(--soft);color:var(--o2)}
.persona h3{margin:6px 0 0;font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2)}
.persona p{margin:0;color:var(--ink2);font-size:var(--t4)}

/* ---------- lesson page ---------- */
.lesson{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start}
.vframe{position:relative;aspect-ratio:16/9;border-radius:var(--r2);overflow:hidden;background:#000;box-shadow:0 30px 60px -30px rgba(26,26,31,.55)}
.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vframe img{width:100%;height:100%;object-fit:cover;opacity:.75}
.vframe .soon{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#FFF;text-align:center;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.15))}
.vframe .soon b{font-size:var(--t3);font-weight:800}
.lesson h1{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t1);line-height:1.35;margin:22px 0 8px}
.learn-list{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}
.learn-list li{display:flex;gap:10px;align-items:flex-start}
.learn-list li svg{flex-shrink:0;margin-top:7px;color:var(--o2)}
.side{position:sticky;top:90px;display:flex;flex-direction:column;gap:14px}
.side-box{padding:22px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line)}
.side-box h3{margin:0 0 12px;font-size:var(--t4);font-weight:800}
.course-list{list-style:none;margin:0;padding:0;counter-reset:c;display:flex;flex-direction:column;gap:4px}
.course-list a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r1);font-size:var(--t5);font-weight:700;color:var(--ink2)}
.course-list a::before{counter-increment:c;content:counter(c,persian);width:28px;height:28px;flex-shrink:0;border-radius:var(--r1);display:grid;place-items:center;background:var(--soft);color:var(--deep);font-weight:800;font-size:var(--t5)}
.course-list a:hover{background:var(--soft2)}
.course-list a[aria-current="page"]{background:var(--soft2);color:var(--ink)}
.course-list a[aria-current="page"]::before{background:linear-gradient(180deg,#FF9C24,#F26100);color:#FFF}
.pn{display:flex;justify-content:space-between;gap:14px;margin-top:26px}
.pn a{flex:1;padding:16px 18px;border-radius:var(--r2);border:1.5px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:2px;transition:.2s}
.pn a:hover{border-color:rgba(255,138,0,.55)}
.pn small{color:var(--muted);font-size:var(--t5)}
.pn b{font-size:var(--t4);font-weight:800}
.pn a.next{text-align:left}

/* ---------- article ---------- */
.article{max-width:760px;margin-inline:auto}
.article .cover{border-radius:var(--r2);overflow:hidden;margin:26px 0 30px;aspect-ratio:3/1;box-shadow:0 30px 60px -36px rgba(26,26,31,.5)}
.article .cover img{width:100%;height:100%;object-fit:cover}
.article h1{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t1);line-height:1.35;margin:0}
.meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:var(--t5);margin-top:10px}
.prose{font-size:var(--t4);line-height:2.15;color:#2A2A31}
.prose h2{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2);line-height:1.5;margin:36px 0 6px;color:var(--ink)}
.prose p{margin:0 0 18px}
.share{display:flex;gap:10px;align-items:center;margin-top:30px;padding-top:22px;border-top:1.5px solid var(--line);flex-wrap:wrap}

/* ---------- legal / faq ---------- */
.legal{max-width:820px;margin-inline:auto}
.legal .sec-item{padding:24px 0;border-bottom:1.5px solid var(--line)}
.legal .sec-item h2{font-size:var(--t3);font-weight:800;margin:0 0 8px;font-family:"CMText",sans-serif}
.legal .sec-item p{margin:0;color:var(--ink2);font-size:var(--t4);line-height:2.05}
.legal-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.faq-group{margin-bottom:34px}
.faq-group h2{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2);margin:0 0 6px}

/* ---------- beliefs ---------- */
.beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:var(--r2);overflow:hidden;border:1.5px solid var(--line);background:var(--paper)}
.belief{padding:30px;display:flex;flex-direction:column;gap:10px}
.belief+.belief{border-right:1.5px solid var(--line)}
.belief b{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2);line-height:1.4}
.belief p{margin:0;color:var(--ink2);font-size:var(--t4)}

/* ---------- account ---------- */
.acc{max-width:760px;margin-inline:auto}
.acc-form{display:flex;gap:10px;margin-top:22px}
.acc-form input{flex:1;min-height:56px;border-radius:var(--r2);border:1.5px solid var(--line);background:var(--paper);padding:0 18px;font-size:var(--t4);font-weight:800;letter-spacing:1.5px;direction:ltr;text-align:right}
.acc-form input:focus{outline:0;border-color:var(--o);box-shadow:0 0 0 4px rgba(255,138,0,.15)}
.acc-out{margin-top:26px}
.acc-card{border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);overflow:hidden}
.acc-card .hd{padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--soft2);border-bottom:1.5px solid var(--line)}
.acc-card .hd b{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2)}
.acc-rows{display:grid;grid-template-columns:repeat(3,1fr)}
.acc-rows div{padding:20px 26px;display:flex;flex-direction:column;gap:4px}
.acc-rows div+div{border-right:1.5px solid var(--line)}
.acc-rows span{color:var(--muted);font-size:var(--t5)}
.acc-rows b{font-size:var(--t3);font-weight:800}
.acc-state{padding:22px 26px;border-top:1.5px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.state-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-weight:800;font-size:var(--t5)}
.state-pill::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.st-active{background:#E8F7EE;color:#16794A}.st-soon{background:#FFF1DE;color:#B94A00}.st-grace{background:#FFE8D6;color:#B23B00}.st-expired{background:#FDE7E7;color:#B42318}.st-none{background:#F1F1F3;color:#55555E}
.alert{padding:16px 18px;border-radius:var(--r2);font-weight:700;font-size:var(--t4)}
.alert.err{background:#FDE7E7;color:#8C1D18}
.alert.info{background:var(--soft2);color:var(--deep)}
.meter{height:10px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:10px}
.meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--o2),var(--amber))}

/* ---------- cart ---------- */
.cart{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.cart-list{display:flex;flex-direction:column;gap:12px}
.cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:14px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line)}
.cart-row .im{width:72px;height:72px;border-radius:var(--r1);display:grid;place-items:center}
.cart-row .im img{width:60%}
.cart-row b{font-weight:800}
.qty{display:inline-flex;align-items:center;gap:6px;margin-top:6px}
.qty button{width:34px;height:34px;border-radius:var(--r1);border:1.5px solid var(--line);background:var(--bg);cursor:pointer;font-weight:800}
.rm{background:none;border:0;color:var(--muted);cursor:pointer;font-size:var(--t5);font-weight:700;padding:6px}
.rm:hover{color:#B42318}
.sum{padding:26px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);display:flex;flex-direction:column;gap:14px;position:sticky;top:90px}
.sum .row{display:flex;justify-content:space-between;gap:12px}
.sum .tot{padding-top:14px;border-top:1.5px dashed var(--line2);font-weight:900;font-size:var(--t3)}
.empty{padding:48px 26px;border-radius:var(--r2);border:1.5px dashed var(--line2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--paper)}

/* ---------- search / 404 ---------- */
.results{display:flex;flex-direction:column;gap:12px;max-width:820px;margin:26px auto 0}
.result{padding:20px 22px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);display:flex;flex-direction:column;gap:4px;transition:.2s}
.result:hover{border-color:rgba(255,138,0,.55)}
.result small{color:var(--deep);font-weight:800}
.result b{font-size:var(--t4);font-weight:800}
.result span{color:var(--muted);font-size:var(--t5)}
.nf{min-height:60vh;display:grid;place-items:center;text-align:center;padding:60px 0}
.nf .big{font-family:"CMText",sans-serif;font-size:var(--t1);line-height:1}

@media (max-width:1080px){
  .ba,.lesson,.cart{grid-template-columns:1fr}
  .personas,.beliefs{grid-template-columns:1fr}
  .belief+.belief{border-right:0;border-top:1.5px solid var(--line)}
  .side,.sum{position:static}
}
@media (max-width:640px){
  .ba-items{grid-template-columns:1fr}
  .acc-rows{grid-template-columns:1fr}.acc-rows div+div{border-right:0;border-top:1.5px solid var(--line)}
  .acc-form{flex-direction:column}
  .pn{flex-direction:column}
}

/* accessibility helpers */
.skip{position:absolute;right:16px;top:-60px;z-index:200;padding:10px 16px;border-radius:var(--r1);background:var(--night);color:#FFF;font-weight:800;transition:top .2s}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.top-act .cart-btn{padding:0 14px}
[hidden]{display:none!important}

/* ================= round 2: separate pages, live demos ================= */
.feats.two{grid-template-columns:repeat(2,1fr)}

/* page hero with a visual */
.phero{position:relative;overflow:hidden;padding:44px 0 36px;background:linear-gradient(180deg,var(--paper),var(--soft2));isolation:isolate}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 360px at 22% 50%,rgba(255,138,0,.16),transparent 70%)}
.phero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.phero-copy{display:flex;flex-direction:column;gap:16px}

/* entry doors */
.doors{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.next3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.door{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);min-height:250px;overflow:hidden;transition:transform .3s cubic-bezier(.3,1.3,.5,1),border-color .3s,box-shadow .3s}
.door:hover,.door:focus-visible{transform:translateY(-6px);border-color:rgba(255,138,0,.6);box-shadow:0 30px 50px -30px rgba(242,97,0,.55)}
.d-copy{display:flex;flex-direction:column;gap:4px;margin-top:auto}
.d-copy b{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2);line-height:1.3}
.d-copy span{color:var(--ink2);font-size:var(--t5);line-height:1.85}
.d-go{position:absolute;top:18px;left:18px;width:40px;height:40px;border-radius:var(--r1);display:grid;place-items:center;background:var(--soft);color:var(--o2);transition:.3s}
.door:hover .d-go{background:linear-gradient(180deg,#FF9C24,#F26100);color:#FFF;transform:translateX(-4px)}
.d-art{height:92px;display:flex;align-items:center}
.d-features{display:grid;grid-template-columns:repeat(2,34px);gap:8px}
.d-features i{width:34px;height:34px;border-radius:var(--r1);background:var(--soft);border:1.5px solid rgba(255,138,0,.35);transition:transform .4s cubic-bezier(.3,1.4,.5,1),background .3s}
.door:hover .d-features i{background:linear-gradient(180deg,#FF9C24,#F26100)}
.door:hover .d-features i:nth-child(1){transform:translate(6px,6px)}.door:hover .d-features i:nth-child(2){transform:translate(-6px,6px)}
.door:hover .d-features i:nth-child(3){transform:translate(6px,-6px)}.door:hover .d-features i:nth-child(4){transform:translate(-6px,-6px)}
.d-pricing{gap:7px;flex-wrap:wrap;width:120px}
.d-pricing i{width:22px;height:22px;border-radius:7px 7px 4px 4px;background:var(--line2);transition:background .25s}
.door:hover .d-pricing i{background:var(--o)}
.door:hover .d-pricing i:nth-child(2){transition-delay:.05s}.door:hover .d-pricing i:nth-child(3){transition-delay:.1s}.door:hover .d-pricing i:nth-child(4){transition-delay:.15s}.door:hover .d-pricing i:nth-child(5){transition-delay:.2s}.door:hover .d-pricing i:nth-child(6){transition-delay:.25s}
.d-learn b{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#FF9C24,#F26100);color:#FFF;box-shadow:0 0 0 0 rgba(255,138,0,.45);transition:box-shadow .5s}
.door:hover .d-learn b{box-shadow:0 0 0 14px rgba(255,138,0,.14)}
.d-maker img{width:70px;filter:drop-shadow(0 14px 18px rgba(242,97,0,.4));transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.door:hover .d-maker img{transform:rotate(-8deg) scale(1.08)}

/* features hero: six apps collapse into one */
.collapse{position:relative;width:min(460px,100%);aspect-ratio:1;margin-inline:auto}
.collapse .cc{position:absolute;left:50%;top:50%;width:30%;transform:translate(-50%,-50%) scale(.9);animation:ccpulse 6s ease-in-out infinite}
.collapse .cc img{width:100%;filter:drop-shadow(0 20px 26px rgba(242,97,0,.45))}
.collapse .app{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:var(--r1);background:var(--paper);border:1.5px solid var(--line2);font-weight:800;font-size:var(--t5);box-shadow:0 14px 24px -16px rgba(26,26,31,.45);animation:suck 6s cubic-bezier(.6,0,.4,1) infinite}
.collapse .app i{width:32px;height:32px;border-radius:var(--r1);display:grid;place-items:center;background:var(--soft);color:var(--o2)}
.collapse .a0{left:4%;top:8%;--x:150%;--y:130%}.collapse .a1{left:58%;top:4%;--x:-60%;--y:150%}.collapse .a2{left:72%;top:42%;--x:-140%;--y:10%}
.collapse .a3{left:60%;top:80%;--x:-60%;--y:-150%}.collapse .a4{left:6%;top:78%;--x:140%;--y:-140%}.collapse .a5{left:0;top:44%;--x:170%;--y:0}
@keyframes suck{0%,18%{transform:none;opacity:1}46%{transform:translate(var(--x),var(--y)) scale(.3);opacity:0}78%{transform:none;opacity:0}100%{transform:none;opacity:1}}
@keyframes ccpulse{0%,40%{transform:translate(-50%,-50%) scale(.9)}50%{transform:translate(-50%,-50%) scale(1.12)}62%,100%{transform:translate(-50%,-50%) scale(.9)}}

/* bento of live demos */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bcard{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);overflow:hidden}
.bcard.span2{grid-column:span 2}
.bcard p{margin:0;color:var(--ink2);font-size:var(--t4);line-height:1.95}
.demo{position:relative;height:190px;margin-bottom:10px;border-radius:var(--r2);background:linear-gradient(160deg,var(--soft2),#FFF);border:1.5px solid var(--line);padding:16px;overflow:hidden}
/* offline */
.dm-offline .net{display:flex;align-items:center;gap:8px;font-size:var(--t5);margin-bottom:10px}
.dm-offline .dot{width:10px;height:10px;border-radius:50%;background:#D93A2B}
.dm-offline .n-on{display:none;color:#16794A}.dm-offline .n-off{color:#B42318}
.dm-offline ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dm-offline li{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:var(--r1);background:#FFF;border:1.5px solid var(--line);font-size:var(--t5);font-weight:700;opacity:0;transform:translateY(8px)}
.dm-offline li em{font-style:normal;font-size:var(--t5);color:var(--muted)}.dm-offline .s2{display:none;color:#16794A}
.live .dm-offline li{animation:rise .5s calc(var(--d) * .6s + .3s) forwards}
.live .dm-offline.online .dot{background:#1F9D55}.live .dm-offline.online .n-off{display:none}.live .dm-offline.online .n-on{display:inline}
.live .dm-offline.online .s1{display:none}.live .dm-offline.online .s2{display:inline}
@keyframes rise{to{opacity:1;transform:none}}
/* chat → task */
.dm-chat{display:flex;flex-direction:column;gap:6px}
.dm-chat .b{margin:0;max-width:80%;padding:7px 12px;border-radius:14px 14px 14px 4px;background:#FFF;border:1.5px solid var(--line);font-size:var(--t5);font-weight:600;opacity:0}
.dm-chat .b.me{align-self:flex-end;border-radius:14px 14px 4px 14px;background:var(--soft)}
.dm-chat .task{position:absolute;right:16px;left:16px;bottom:14px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r1);background:#FFF;border:1.5px solid rgba(255,138,0,.6);box-shadow:0 14px 24px -14px rgba(242,97,0,.6);opacity:0;transform:translateY(10px) scale(.96)}
.dm-chat .task b{font-size:var(--t5)}.dm-chat .task small{margin-right:auto;color:var(--muted);font-size:var(--t5)}
.dm-chat .cb{width:18px;height:18px;border-radius:6px;border:2px solid var(--o)}
.live .dm-chat .b1{animation:rise .4s .2s forwards}.live .dm-chat .b2{animation:rise .4s .9s forwards}.live .dm-chat .b3{animation:rise .4s 1.6s forwards,toTask .5s 2.6s forwards}
.live .dm-chat .task{animation:rise .5s 2.8s forwards}
@keyframes toTask{to{opacity:.35;transform:scale(.96)}}
/* ai typing */
.dm-ai .ai-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--deep);font-size:var(--t5);font-weight:800}
.dm-ai .type{margin:14px 0 0;font-family:"CMText",sans-serif;font-size:var(--t3);line-height:1.6;color:var(--ink);min-height:70px}
.dm-ai .caret{display:inline-block;width:2px;height:22px;background:var(--o);vertical-align:middle;margin-right:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
/* approval */
.dm-approval ol{list-style:none;margin:10px 0 0;padding:0;display:flex;justify-content:space-between;gap:6px;position:relative;z-index:1}
.dm-approval li{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:var(--t5);font-weight:800;color:var(--muted);text-align:center}
.dm-approval li::before{content:"";width:30px;height:30px;border-radius:50%;background:#FFF;border:2px solid var(--line2);transition:.3s}
.dm-approval li.on{color:var(--ink)}.dm-approval li.on::before{background:linear-gradient(180deg,#FF9C24,#F26100);border-color:transparent;box-shadow:0 8px 16px -8px rgba(242,97,0,.8)}
.dm-approval li.last.on::before{background:#1F9D55;box-shadow:0 8px 16px -8px rgba(31,157,85,.8)}
.dm-approval li.back::before{background:#FFE4C2;border-color:var(--o)}
.dm-approval .rail{position:absolute;right:calc(10% + 16px);left:calc(10% + 16px);top:41px;height:3px;border-radius:3px;background:var(--line2)}
.dm-approval .rail i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--o2),var(--amber));transition:width .45s;margin-right:auto;margin-left:0;float:right}
/* export */
.dm-export{display:flex;align-items:center;justify-content:center}
.dm-export .sheet{position:absolute;width:118px;height:148px;border-radius:var(--r1);background:#FFF;border:1.5px solid var(--line2);box-shadow:0 18px 30px -18px rgba(26,26,31,.5);padding:12px;display:flex;flex-direction:column;gap:7px;transition:transform .7s cubic-bezier(.3,1.3,.5,1)}
.dm-export .sheet b{font-size:var(--t5)}.dm-export .sheet i{height:6px;border-radius:3px;background:var(--line)}
.dm-export .sheet i:nth-of-type(2){width:70%}.dm-export .sheet i:nth-of-type(3){width:85%}
.dm-export .sheet em{margin-top:auto;align-self:flex-start;font-style:normal;padding:2px 8px;border-radius:6px;background:#D93A2B;color:#FFF;font-size:var(--t5);font-weight:800}
.live .dm-export .sheet{transform:translateX(calc((var(--i) - 1) * 96px)) rotate(calc((var(--i) - 1) * 7deg))}
/* roles */
.dm-roles{display:flex;flex-direction:column;gap:8px;justify-content:center}
.dm-roles .role{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--r1);background:#FFF;border:1.5px solid var(--line);opacity:0;transform:translateX(12px)}
.dm-roles .role i{width:30px;height:30px;border-radius:var(--r1);display:grid;place-items:center;background:var(--soft);color:var(--o2)}
.dm-roles .role b{font-size:var(--t5)}.dm-roles .role small{margin-right:auto;color:var(--muted);font-size:var(--t5)}
.live .dm-roles .role{animation:rise .5s calc(var(--i) * .25s + .2s) forwards}
/* counter */
.dm-counter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.dm-counter .num{font-family:"CMText",sans-serif;font-size:var(--t1);line-height:1}
.dm-counter span{color:var(--ink2);font-weight:700;font-size:var(--t5)}

/* pricing: seat picker */
.seatpick{padding:26px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);box-shadow:0 30px 60px -40px rgba(26,26,31,.4);display:flex;flex-direction:column;gap:14px}
.sp-num{display:flex;align-items:baseline;gap:8px}
.sp-num b{font-family:"CMText",sans-serif;font-size:var(--t1);line-height:1;font-weight:400}
.sp-num span{font-weight:800;color:var(--ink2)}
.sp-seats{display:grid;grid-template-columns:repeat(15,1fr);gap:6px}
.sp-seats i{aspect-ratio:1;border-radius:8px 8px 4px 4px;background:var(--line);transition:background .25s,transform .25s cubic-bezier(.3,1.5,.5,1)}
.sp-seats i.on{background:linear-gradient(180deg,#FF9C24,#F26100);transform:translateY(-3px)}
.sp-seats i.p{box-shadow:inset 0 -3px 0 rgba(0,0,0,.06)}
.sp-seats i.cap{outline:2px dashed rgba(255,138,0,.55);outline-offset:2px}
#spRange{width:100%;accent-color:#F26100;height:28px;cursor:pointer}
.sp-fit{margin:0;padding:12px 14px;border-radius:var(--r1);background:var(--soft2);font-weight:800;color:var(--deep);min-height:52px}
/* ticket plans */
.tickets{display:grid;grid-template-columns:repeat(2,minmax(0,460px));gap:26px;justify-content:center}
.ticket{position:relative;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);transition:transform .35s cubic-bezier(.3,1.3,.5,1),box-shadow .35s,border-color .35s}
.ticket.hot{background:linear-gradient(170deg,#FFF4E6,#FFFFFF 55%);border-color:rgba(255,138,0,.55)}
.ticket.pick{transform:translateY(-8px);border-color:var(--o);box-shadow:0 34px 60px -34px rgba(242,97,0,.7)}
.ticket.pick::after{content:"اندازه‌ی تیم توست";position:absolute;top:-14px;left:24px;padding:4px 12px;border-radius:999px;background:var(--night);color:#FFF;font-size:var(--t5);font-weight:800}
.t-top,.t-bot{padding:28px;display:flex;flex-direction:column;gap:12px}
.t-head{display:flex;justify-content:space-between;align-items:center}
.t-cut{position:relative;height:0;border-top:2px dashed var(--line2);margin:0 22px}
.t-cut::before,.t-cut::after{content:"";position:absolute;top:-15px;width:28px;height:28px;border-radius:50%;background:var(--bg);border:1.5px solid var(--line)}
.t-cut::before{right:-38px;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg)}
.t-cut::after{left:-38px;border-right-color:transparent;border-top-color:transparent;transform:rotate(45deg)}
.ticket .pr{font-family:"CMText",sans-serif;font-size:var(--t1);line-height:1.3}
.ticket .pr s{font-size:var(--t3);color:#A9A9B3;font-family:CMText}.ticket .pr small{font-family:CMText;font-size:var(--t4);font-weight:700}
.ticket ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;color:var(--ink2);font-size:var(--t4)}
.ticket li{display:flex;gap:10px}.ticket li svg{flex-shrink:0;margin-top:7px;color:var(--o2)}
.seatsline{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.seatsline i{width:14px;height:14px;border-radius:5px 5px 3px 3px;background:linear-gradient(180deg,#FF9C24,#F26100)}
.seatsline small{margin-right:6px;font-weight:800;color:var(--deep)}
/* ownership timeline */
.own{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.own::before{content:"";position:absolute;right:16px;left:16px;top:15px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--line2),var(--o))}
.own li{position:relative;padding:44px 18px 0 18px}
.own li::before{content:"";position:absolute;top:4px;right:18px;width:22px;height:22px;border-radius:50%;background:#FFF;border:3px solid var(--o)}
.own li:first-child::before{background:linear-gradient(180deg,#FF9C24,#F26100)}
.own b{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2)}
.own p{margin:4px 0 0;color:var(--ink2);font-size:var(--t4)}
.cmp{border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);padding:18px 22px}
.cmp summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:44px}
.cmp summary::-webkit-details-marker{display:none}
.cmp[open] summary svg{transform:rotate(180deg)}
/* download installer */
.installer{width:min(420px,100%);margin-inline:auto;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);box-shadow:0 40px 70px -40px rgba(26,26,31,.5);padding:22px 26px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.installer .dots{align-self:stretch;display:flex;gap:6px}.installer .dots span{width:10px;height:10px;border-radius:50%;background:var(--line2)}
.installer img{width:96px;filter:drop-shadow(0 16px 22px rgba(242,97,0,.45))}
.installer .bar{width:100%;height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.installer .bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--o2),var(--amber));animation:install 4.5s ease-in-out infinite}
.installer .ok1{color:#16794A;font-weight:800;opacity:0;animation:okfade 4.5s infinite}
@keyframes install{0%{width:0}70%,100%{width:100%}}
@keyframes okfade{0%,70%{opacity:0}78%,100%{opacity:1}}

@media (max-width:1080px){
  .phero-in{grid-template-columns:1fr}
  .doors{grid-template-columns:repeat(2,1fr)}.next3{grid-template-columns:1fr 1fr 1fr}
  .bento{grid-template-columns:repeat(2,1fr)}
  .tickets{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
}
@media (max-width:640px){
  .doors,.next3,.feats.two{grid-template-columns:1fr}
  .door{min-height:0}
  .bento{grid-template-columns:1fr}.bcard.span2{grid-column:auto}
  .collapse{width:min(340px,100%)}.collapse .app{font-size:var(--t5);padding:7px 10px 7px 8px}.collapse .app i{width:26px;height:26px}
  .own{grid-template-columns:1fr}.own::before{top:0;bottom:0;right:28px;left:auto;width:3px;height:auto;background:linear-gradient(180deg,var(--line2),var(--o))}
  .own li{padding:0 58px 22px 0}.own li::before{right:18px}
  .sp-seats{gap:4px}
  .dm-export .sheet{width:96px;height:124px}.live .dm-export .sheet{transform:translateX(calc((var(--i) - 1) * 74px)) rotate(calc((var(--i) - 1) * 7deg))}
  .dm-approval li{font-size:var(--t5)}
}
@media (prefers-reduced-motion:reduce){
  .collapse .app,.collapse .cc,.installer .bar i,.installer .ok1{animation:none!important}
  .installer .bar i{width:100%}.installer .ok1{opacity:1}
  .dm-offline li,.dm-chat .b,.dm-chat .task,.dm-roles .role{opacity:1!important;transform:none!important}
}

/* phones: nothing may be wider than the screen */
.feats.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1080px){.feats.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.feats.four{grid-template-columns:1fr}}
/* grid children may shrink below their content's natural width (a file input is ~300px wide by default) */
.split>*,.cart>*,.lesson>*,.founder>*,.phero-in>*,.ba>*,.faq>*{min-width:0}
.form input,.form select,.form textarea{width:100%;min-width:0;max-width:100%}
input[type=file]{max-width:100%}

/* round-2 visual fixes (seen in screenshots) */
.demo.dm-offline{height:auto;min-height:190px}
.dm-offline li{padding:7px 12px}
.sp-num b{line-height:1.25;padding-top:4px}
@media (max-width:1080px){.top-act .cart-btn{display:none}}
@media (max-width:640px){
  .orbit{width:min(540px,88%)}
  .orbit .tile .lb{display:none}
  .orbit .tile .gl{width:52px;height:52px;border-radius:var(--r1)}
  .orbit .tile .gl svg{width:24px;height:24px}
}

/* ================= magazine ================= */
/* typographic covers: category colour + icon + short title (real covers replace these from the panel) */
.cov{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;aspect-ratio:16/9;padding:16px 18px;border-radius:var(--r2);overflow:hidden;isolation:isolate;color:#FFF}
.cov::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1.3px);background-size:18px 18px;opacity:.6}
.cov::after{content:"";position:absolute;width:62%;aspect-ratio:1;left:-14%;top:-30%;z-index:-1;border-radius:50%;border:2px solid rgba(255,255,255,.28)}
.cov b{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2);line-height:1.3}
.cov em{position:absolute;top:14px;left:16px;font-style:normal;font-weight:900;font-size:var(--t5);letter-spacing:1.5px;opacity:.75}
.cov .cov-ic{position:absolute;top:14px;right:16px;width:46px;height:46px;border-radius:var(--r1);display:grid;place-items:center;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.35);backdrop-filter:blur(4px)}
.cov.big{aspect-ratio:16/8;padding:26px 28px}.cov.big b{font-size:var(--t1)}.cov.big .cov-ic{width:62px;height:62px;border-radius:var(--r2)}
.cov-basics{background:linear-gradient(135deg,#FFB347,#F26100)}
.cov-strategy{background:linear-gradient(135deg,#2A2A33,#141418)}.cov-strategy .cov-ic{color:#FFB347}
.cov-planning{background:linear-gradient(135deg,#FF9C24,#C24E00)}
.cov-ideas{background:linear-gradient(135deg,#FFC23D,#FF7A00)}.cov-ideas b,.cov-ideas em{color:#2A1606}.cov-ideas .cov-ic{color:#2A1606;border-color:rgba(42,22,6,.25)}
.cov-writing{background:linear-gradient(135deg,#3A2418,#16161B)}.cov-writing .cov-ic{color:#FFB347}
.badge-c{align-self:flex-start;display:inline-flex;padding:3px 12px;border-radius:var(--r1);font-size:var(--t5);font-weight:800;border:1.5px solid}
.c-basics{color:#B94A00;border-color:#F4C79A;background:#FFF4E6}.c-strategy{color:#26262D;border-color:#CFCBD6;background:#F4F3F6}
.c-planning{color:#9A3A00;border-color:#F2B98A;background:#FFEFE0}.c-ideas{color:#8A5A00;border-color:#F3D48C;background:#FFF8E2}.c-writing{color:#5A3222;border-color:#E3C6B6;background:#FBF1EC}
/* cards */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{display:flex;flex-direction:column;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);overflow:hidden;transition:transform .3s cubic-bezier(.3,1.3,.5,1),box-shadow .3s,border-color .3s}
.post:hover{transform:translateY(-5px);border-color:rgba(255,138,0,.5);box-shadow:0 26px 44px -30px rgba(26,26,31,.45)}
.post .cov{border-radius:0}
.post-b{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}
.post-b b{font-size:var(--t4);font-weight:800;line-height:1.7}
.post-b .ex{color:var(--ink2);font-size:var(--t5);line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.am{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:var(--t5);margin-top:auto}
.am i{font-style:normal;opacity:.6}
.am-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--soft);overflow:hidden;flex-shrink:0}
.am-av img{width:70%}.am-av.big{width:44px;height:44px}.am-av.xl{width:72px;height:72px}
/* featured */
.picks{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}
.pick-lead{display:flex;flex-direction:column;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line);overflow:hidden;transition:.3s}
.pick-lead:hover{border-color:rgba(255,138,0,.5);box-shadow:0 30px 50px -34px rgba(26,26,31,.5)}
.pick-lead .cov{border-radius:0}
.pl-b{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px}
.pl-b b{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2);line-height:1.4}
.pl-b .ex{color:var(--ink2);font-size:var(--t4);line-height:1.9}
.pick-side{display:grid;gap:20px}
.pick-side .post{flex-direction:row}.pick-side .post .cov{width:42%;aspect-ratio:auto;flex-shrink:0}.pick-side .post .cov b{font-size:var(--t3)}.pick-side .post .cov .cov-ic,.pick-side .post .cov em{display:none}
.pick-side .post-b .ex{display:none}
/* article */
.reading{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.art-main{max-width:760px;display:flex;flex-direction:column;gap:14px}
.art-h1{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t1);line-height:1.35;margin:0}
.byline{display:flex;align-items:center;gap:12px}
.byline b{display:block;font-weight:800}.byline small{color:var(--muted);font-size:var(--t5)}
.art-cover{margin:8px 0 6px;box-shadow:0 30px 60px -40px rgba(26,26,31,.55);border-radius:var(--r2);overflow:hidden}
.art-cover .cov{border-radius:var(--r2)}
.toc-m{display:none;border-radius:var(--r2);border:1.5px solid var(--line);background:var(--paper);padding:14px 18px}
.toc-m summary{font-weight:800;cursor:pointer;min-height:32px}
.toc-m ol,.toc-d ol{margin:10px 0 0;padding-right:20px;display:flex;flex-direction:column;gap:6px;font-size:var(--t5)}
.toc-m a,.toc-d a{color:var(--ink2)}.toc-m a:hover,.toc-d a:hover{color:var(--o2)}
.art-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:14px}

.prose h3{font-size:var(--t3);font-weight:800;margin:26px 0 6px}
.prose ul,.prose ol{margin:0 0 20px;padding-right:22px;display:flex;flex-direction:column;gap:10px}
.prose li{line-height:2}
.prose ul li::marker{color:var(--o2)}.prose ol li::marker{color:var(--o2);font-weight:800}
.callout{display:flex;gap:14px;align-items:flex-start;margin:6px 0 24px;padding:18px 20px;border-radius:var(--r2)}
.callout p{margin:4px 0 0;font-size:var(--t4);line-height:2}
.callout.tip{flex-direction:column;gap:0;background:var(--soft2);border-right:4px solid var(--o)}
.callout.tip b{color:var(--deep)}
.callout.cm{background:linear-gradient(160deg,#FFF4E6,#FFFFFF);border:1.5px solid rgba(255,138,0,.45)}
.cm-logo{width:48px;height:48px;flex-shrink:0;border-radius:var(--r1);display:grid;place-items:center;background:#FFF;border:1.5px solid var(--line)}.cm-logo img{width:34px}
.art-faq{margin-top:18px}.art-faq h2{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2);margin:0 0 4px}
.author-box{display:flex;gap:18px;align-items:flex-start;margin-top:18px;padding:22px;border-radius:var(--r2);background:var(--paper);border:1.5px solid var(--line)}
.author-box div{display:flex;flex-direction:column;gap:2px}
.author-box b{font-family:"CMText",sans-serif;font-weight:400;font-size:var(--t2)}
.author-box p{margin:8px 0 6px;color:var(--ink2);font-size:var(--t4);line-height:1.95}

@media (max-width:1080px){
  .posts{grid-template-columns:repeat(2,1fr)}
  .picks{grid-template-columns:1fr}
  .reading{grid-template-columns:1fr}.art-side{display:none}.toc-m{display:block}
}
@media (max-width:640px){
  .posts{grid-template-columns:1fr}
  .pick-side .post{flex-direction:column}.pick-side .post .cov{width:auto;aspect-ratio:16/9}
  .author-box{flex-direction:column}
  .cov.big{aspect-ratio:16/10;padding:20px}
}
.toc-m ol,.toc-d ol,.prose ol{list-style-type:persian}

/* blocks added from the panel (مدیریت صفحه‌ها ← بلوک‌ها) */
.xb-sec{padding:clamp(28px,4vw,56px) 0}
.xb-in{margin:clamp(24px,3vw,40px) 0}
.xb .xb-t{margin:0 0 16px}
.xb-video{max-width:920px;margin-inline:auto}
.xb-c{margin:12px 0 0;color:var(--muted);font-size:.9rem;line-height:1.9}
.xb-image{max-width:960px;margin-inline:auto}
.xb-fig{margin:0}
.xb-fig img{display:block;width:100%;height:auto;border-radius:var(--r2)}
.xb-text{max-width:760px;margin-inline:auto}
.xb-text p{margin:0 0 14px;color:var(--ink2);line-height:2}
.xb-cta{max-width:960px;margin-inline:auto;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:28px;border:1px solid var(--line2);border-radius:var(--r2);background:var(--glass)}
.xb-cta-t{flex:1;min-width:220px}
.xb-cta-t p{margin:0;color:var(--ink2);line-height:1.9}


/* ======================================================================
   Content Map — glass theme. Loaded last; everything visual comes from here.
   Type: 5 sizes. Radii: 2 (+pill). Fonts: Bidad (headings), Ravi (text).
   ====================================================================== */
:root{
  --t1:clamp(30px,3.4vw,44px); --t2:clamp(22px,2.2vw,28px); --t3:18px; --t4:16px; --t5:13px;
  --r1:12px; --r2:20px;
  --bg:#09090B; --paper:rgba(255,255,255,.045); --soft:rgba(255,122,0,.12); --soft2:rgba(255,255,255,.035);
  --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.14);
  --ink:#F2F2F4; --ink2:#B9B9C1; --muted:#8C8C96; --o:#FF7A00; --o2:#FF6A00; --amber:#FFB26B; --deep:#FF9A3C; --night:rgba(255,255,255,.1);
  --glow-s:0 0 16px rgba(255,122,0,.35); --glow-m:0 0 40px rgba(255,122,0,.25);
  --glass:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  --max:1180px; color-scheme:dark;
}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#09090B;--ink:#F2F2F4}}
:root[data-theme="light"]{--bg:#09090B;--ink:#F2F2F4}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px)}
body{background:var(--bg);color:var(--ink);font-size:var(--t4);line-height:1.95}
small{font-size:var(--t5)}
.h1,.h2,.h3,h1,h2,h3,.art-h1,.d-copy b,.pl-b b,.cov b,.persona h3,.belief b,.own b,.author-box b,.faq-group h2,.art-faq h2,.st-card .num,.tab,.ftr h4{font-family:"CMText",sans-serif}
.h1{font-size:var(--t1);font-weight:900;line-height:1.3;letter-spacing:0}
.h2{font-size:var(--t2);font-weight:800;line-height:1.45}
.h3{font-size:var(--t3);font-weight:800;line-height:1.6}
.lead{font-size:var(--t4);color:var(--ink2)}
.og{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--o)}
.sec{padding:clamp(56px,7vw,88px) 0}
.wrap{width:min(var(--max),100% - 40px)}
a.lnk{color:var(--deep)}

/* soft light: two blurred glows behind everything */
.light{position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none}
.light.l1{width:560px;height:560px;top:-180px;left:-140px;background:radial-gradient(circle,rgba(255,122,0,.22),transparent 70%)}
.light.l2{width:620px;height:620px;bottom:-280px;right:-180px;background:radial-gradient(circle,rgba(255,170,90,.11),transparent 70%)}

/* ---------- the one surface: frosted glass ---------- */
.feat,.plan,.ticket,.post,.art,.mod,.step,.persona,.side-box,.form,.info div,.acc-card,.cart-row,.sum,.item,.door,.bcard,.seatpick,.cmp,.author-box,.result,.pick-lead,.vi,.empty,.boxed,.beliefs,.tbl,.win,.phone,.chip,.gi-info,.logos div,.enamad,.acc-form input,.news,.res,.ep-empty,.log,.contact-card{
  background:var(--glass);border:1px solid var(--line);box-shadow:none;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.feat,.plan,.ticket,.post,.art,.mod,.step,.persona,.side-box,.form,.acc-card,.item,.door,.bcard,.seatpick,.cmp,.author-box,.result,.pick-lead,.boxed,.news,.res,.log,.contact-card{position:relative;border-radius:var(--r2)}
.feat::before,.plan::before,.post::before,.art::before,.door::before,.bcard::before,.item::before,.persona::before,.res::before,.news::before,.contact-card::before{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);pointer-events:none}
.feat:hover,.post:hover,.art:hover,.door:hover,.item:hover,.result:hover,.res:hover{border-color:rgba(255,122,0,.45);box-shadow:var(--glow-m);transform:translateY(-2px)}
.feat,.post,.art,.door,.item,.res{transition:border-color .25s,box-shadow .25s,transform .25s}
.boxed{background:transparent;border-color:var(--line)}
.tab{background:rgba(18,18,22,.92);border:1px solid var(--line2);color:var(--ink);box-shadow:none;font-size:var(--t4);font-weight:800}
.tab-link{background:var(--bg)}
.muted{color:var(--muted)}

/* hard-coded light surfaces from the old theme → glass */
.tile .gl,.feat .ic,.item .im.s,.portrait,.plan.hot,.ticket.hot,.ba-it,.ba-it i,.ba-board:not(.map) .ba-it,.ba-board.map .ba-it,.dm-offline li,.dm-chat .b,.dm-chat .task,.dm-export .sheet,.dm-roles .role,.callout.cm,.cm-logo,.st i,.demo,.st-card,.ba-board,.qa button i{background:var(--glass);border-color:var(--line2);color:var(--ink)}
.feat .ic,.persona .ic,.dd-ic,.st i,.dm-roles .role i,.cov-ic{background:var(--soft);border:1px solid rgba(255,122,0,.3);color:var(--deep);box-shadow:none}
.demo{border:1px solid var(--line)}
.dm-chat .b.me,.dm-offline li em{background:var(--soft)}
.dm-chat .task{border-color:rgba(255,122,0,.55);box-shadow:var(--glow-s)}
.dm-approval li::before{background:#141418;border-color:var(--line2)}
.dm-approval li.on::before{background:linear-gradient(180deg,#FFA046,#FF6A00);box-shadow:var(--glow-s)}
.dm-approval li.last.on::before{background:#22C55E;box-shadow:0 0 14px rgba(34,197,94,.55)}
.dm-export .sheet i{background:var(--line2)}
.ba-board.map .ba-it{border-color:rgba(255,122,0,.35)}
.ba-board.map .ba-it i{background:var(--o);color:#FFF;box-shadow:var(--glow-s)}
.st.on i{background:linear-gradient(180deg,#FFA046,#FF6A00);color:#FFF;box-shadow:var(--glow-s)}
.st-card{border:1px solid rgba(255,122,0,.3)}
.stations::before{box-shadow:var(--glow-s)}
.callout.tip{background:var(--soft2);border-right-color:var(--o)}
.callout.cm{border:1px solid rgba(255,122,0,.35)}
.portrait{border:1px solid rgba(255,122,0,.4);box-shadow:none}
.portrait .yr{background:rgba(18,18,22,.9);border:1px solid var(--line2);font-family:"CMText",sans-serif;font-size:var(--t3)}
.badge-c{background:var(--soft)!important;color:var(--deep)!important;border-color:rgba(255,122,0,.3)!important}
.state-pill.st-active{background:rgba(34,197,94,.14);color:#4ADE80}.state-pill.st-soon{background:var(--soft);color:var(--deep)}
.state-pill.st-grace{background:rgba(255,106,0,.18);color:#FFB26B}.state-pill.st-expired{background:rgba(239,68,68,.15);color:#F87171}.state-pill.st-none{background:var(--night);color:var(--ink2)}
.alert.err{background:rgba(239,68,68,.12);color:#FCA5A5;border:1px solid rgba(239,68,68,.3)}.alert.info{background:var(--soft);color:var(--deep)}
.meter{background:var(--line2)}
.tbl thead th{background:rgba(255,255,255,.05)}.tbl .a{background:rgba(255,122,0,.06)}
.cov{border-radius:var(--r2)}

/* ---------- buttons: liquid glass ---------- */
.btn{position:relative;isolation:isolate;overflow:hidden;min-height:44px;padding:0 20px;border-radius:var(--r1);font-size:var(--t5);font-weight:800;border:1px solid transparent;box-shadow:none}
.btn-sm{min-height:40px;padding:0 16px}
.btn-o{color:#FFF;background:linear-gradient(180deg,rgba(255,160,70,.95),rgba(255,106,0,.92));border-color:rgba(255,220,180,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 16px rgba(150,45,0,.32),var(--glow-s);text-shadow:0 1px 0 rgba(120,40,0,.3)}
.btn-o::before{content:"";position:absolute;z-index:-1;left:4%;right:4%;top:1px;height:55%;border-radius:11px 11px 50% 50%/11px 11px 30% 30%;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 70%,transparent)}
.btn-o::after{display:none}
.btn-o:hover{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -8px 16px rgba(150,45,0,.28),var(--glow-m)}
.btn-line,.btn-soft,.btn-ink,.btn-glass{color:var(--ink);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-line:hover,.btn-soft:hover,.btn-ink:hover,.btn-glass:hover{color:var(--ink);background:rgba(255,122,0,.1);border-color:rgba(255,154,60,.55);transform:none}
.pill{font-size:var(--t5)}.pill-o{background:var(--soft);color:var(--deep);border:1px solid rgba(255,122,0,.35);box-shadow:none}
.pill-soft{background:var(--night);color:var(--ink2)}
.filters button{background:rgba(255,255,255,.05);border:1px solid var(--line2);color:var(--ink2);font-size:var(--t5)}
.filters button.on{background:var(--soft);color:var(--deep);border-color:rgba(255,122,0,.45)}

/* ---------- inputs ---------- */
.form input,.form select,.form textarea,.srch,.acc-form input{background:rgba(0,0,0,.35);border:1px solid var(--line2);color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus,.acc-form input:focus{border-color:var(--o);box-shadow:0 0 0 3px rgba(255,122,0,.2)}
.drop{background:rgba(255,122,0,.05);border-color:rgba(255,122,0,.4);color:var(--ink2)}
select option{background:#16161A}

/* ---------- announcement bar ---------- */
.annc{position:relative;z-index:60;display:flex;justify-content:center;align-items:center;gap:12px;min-height:40px;padding:6px 48px;font-size:var(--t5);font-weight:700;color:var(--ink);background:linear-gradient(90deg,rgba(255,106,0,.08),rgba(255,122,0,.22),rgba(255,106,0,.08));border-bottom:1px solid rgba(255,122,0,.25);text-align:center}
.annc a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.annc button{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;border:0;background:none;color:var(--ink2);cursor:pointer;font-size:var(--t3)}

/* ---------- header: one row, mega menus ---------- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(9,9,11,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.hdr .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hdr .brand{display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0;font-family:"CMText",sans-serif;font-weight:900;font-size:var(--t4);letter-spacing:.3px}
.hdr .brand img{width:34px;height:34px}
.mnav{display:flex;align-items:center;gap:2px}
.mi{position:relative}
.mi>a,.mi>button{display:flex;align-items:center;gap:4px;height:40px;padding:0 9px;border-radius:var(--r1);font-size:var(--t5);font-weight:700;color:var(--ink2);background:none;border:0;cursor:pointer;white-space:nowrap}
.mi>a:hover,.mi>button:hover,.mi.open>button{color:var(--ink);background:rgba(255,255,255,.05)}
.mi.cur>a,.mi.cur>button{color:var(--ink)}
.mi.cur>a::after,.mi.cur>button::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--o);box-shadow:var(--glow-s)}
.mi .chev{transition:transform .2s;opacity:.7}
.mi.open .chev{transform:rotate(180deg)}
.mi.cm>a,.mi.cm>button{color:var(--ink)}
.mi.cm>button img{width:18px;height:18px}
.mega{position:absolute;top:calc(100% + 10px);right:0;display:grid;grid-template-columns:minmax(260px,1fr);gap:8px;padding:10px;border-radius:var(--r2);
  background:rgba(16,16,20,.97);border:1px solid var(--line2);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s ease}
.mega.wide{grid-template-columns:minmax(280px,1.2fr) minmax(220px,1fr);width:max-content;max-width:min(640px,90vw)}
.mi.open .mega{opacity:1;visibility:visible;transform:none}
.mega-list{display:flex;flex-direction:column;gap:2px}
.mega-list a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:var(--r1)}
.mega-list a:hover{background:rgba(255,255,255,.05)}
.mega-list b{display:block;font-size:var(--t5);font-weight:800;color:var(--ink)}
.mega-list small{display:block;color:var(--muted);line-height:1.6}
.mega-list .en{font-family:"CMText",sans-serif;letter-spacing:.5px}
.mega-list i{width:36px;height:36px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:var(--soft);border:1px solid rgba(255,122,0,.25);color:var(--deep);font-style:normal}
.mega-list i img{width:22px}
.mega-all{margin-top:4px;padding:10px;font-size:var(--t5);font-weight:800;color:var(--deep);border-top:1px solid var(--line)}
.mega-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:200px;padding:14px;border-radius:var(--r1);overflow:hidden;isolation:isolate;border:1px solid var(--line)}
.mega-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mega-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(9,9,11,.92),rgba(9,9,11,.1) 70%)}
.mega-card small{color:var(--deep);font-weight:700}
.mega-card b{font-size:var(--t5);font-weight:800;line-height:1.7}
.mega-card .btn{align-self:flex-start;margin-top:4px}
.hacts{display:flex;align-items:center;gap:8px}
.ibtn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r1);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--ink);cursor:pointer}
.ibtn:hover{border-color:rgba(255,154,60,.55)}
.ibtn kbd{display:none}
.hacts .cart-count{top:-6px;left:-6px;background:var(--o);color:#FFF}
.mburger{display:none}
.drawer{position:fixed;inset:0;z-index:90;display:none;flex-direction:column;background:rgba(9,9,11,.97);backdrop-filter:blur(20px);padding:calc(env(safe-area-inset-top,0px) + 16px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);overflow-y:auto}
.drawer.show{display:flex}
.drawer .d-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.drawer details{border-bottom:1px solid var(--line)}
.drawer summary,.drawer .d-link{display:flex;justify-content:space-between;align-items:center;min-height:52px;font-weight:800;font-size:var(--t4);cursor:pointer;list-style:none}
.drawer summary::-webkit-details-marker{display:none}
.drawer details[open] summary .chev{transform:rotate(180deg)}
.drawer .d-sub{display:flex;flex-direction:column;padding:0 0 12px}
.drawer .d-sub a{padding:10px 12px;border-radius:var(--r1);color:var(--ink2);font-size:var(--t5)}
.drawer .d-sub a:hover{background:rgba(255,255,255,.05)}
.drawer .d-link{border-bottom:1px solid var(--line)}
.drawer .btn{margin-top:20px}
@media (max-width:1120px){.mnav,.hacts .hide-m{display:none}.mburger{display:grid}}

/* ---------- quick search (Ctrl+K) ---------- */
.qs{position:fixed;inset:0;z-index:100;display:none;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}
.qs.show{display:flex}
.qs-box{width:min(620px,100%);border-radius:var(--r2);background:rgba(20,20,24,.94);border:1px solid var(--line2);box-shadow:0 40px 80px -30px rgba(0,0,0,.8);overflow:hidden}
.qs-in{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}
.qs-in input{flex:1;height:56px;background:none;border:0;outline:0;color:var(--ink);font:inherit;font-size:var(--t4)}
.qs-in kbd{font:inherit;font-size:var(--t5);color:var(--muted);border:1px solid var(--line2);border-radius:6px;padding:0 6px}
.qs-list{max-height:52vh;overflow-y:auto;padding:8px}
.qs-list a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--r1)}
.qs-list a.on,.qs-list a:hover{background:rgba(255,122,0,.1)}
.qs-list small{color:var(--deep);font-weight:700}
.qs-list b{font-size:var(--t5);font-weight:800}
.qs-empty{padding:18px;color:var(--muted);font-size:var(--t5)}

/* ---------- hero: content-cycle orbit (dark glossy tiles) ---------- */
.hero2{position:relative;padding:48px 0 72px}
.hero2 .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero2 .copy{display:flex;flex-direction:column;gap:20px}
.hero2 .acts{display:flex;gap:12px;flex-wrap:wrap}
.hero2 .orbit{width:min(460px,100%)}
.tile .gl{width:60px;height:60px;border-radius:18px;color:var(--o);background:linear-gradient(155deg,#2C2C33,#121215 60%);border:1px solid rgba(255,122,0,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),var(--glow-s)}
.tile .lb em{font-size:var(--t5)}.tile .lb b{font-size:var(--t5);font-family:"CMText",sans-serif}.tile .lb span{font-size:var(--t5);color:var(--muted)}
.core img{filter:drop-shadow(0 0 36px rgba(255,122,0,.5))}
.core::after{background:radial-gradient(circle,rgba(255,122,0,.3),transparent 65%)}
.orbit svg.ring ellipse:first-child{stroke:rgba(255,122,0,.55);filter:drop-shadow(0 0 5px rgba(255,122,0,.5))}

/* ---------- glass app stack (Content Map page) ---------- */
.stack{position:relative;width:min(520px,100%);aspect-ratio:1/.92;margin-inline:auto;perspective:1200px;--rx:0deg;--ry:0deg}
.stack>*{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.halo{position:absolute;inset:14% 10%;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.4),transparent 65%);filter:blur(40px)}
.win{position:absolute;top:6%;right:0;width:80%;height:66%;border-radius:var(--r2);overflow:hidden;transform:rotateX(var(--rx)) rotateY(var(--ry))}
.win-top{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--line);font-size:var(--t5);color:var(--muted)}
.win-top i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}.win-top span{margin-right:auto}
.win-body{display:grid;grid-template-columns:48px 1fr;height:calc(100% - 34px)}
.side{display:flex;flex-direction:column;gap:10px;padding:14px 12px;border-left:1px solid var(--line)}
.side b{height:8px;border-radius:4px;background:rgba(255,255,255,.1)}.side b.on{background:var(--o);box-shadow:var(--glow-s)}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}
.col{display:flex;flex-direction:column;gap:8px}.col small{color:var(--muted)}
.tk{height:40px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}.tk.s{height:28px}
.tk.hi{background:linear-gradient(160deg,rgba(255,140,40,.4),rgba(255,122,0,.12));border-color:rgba(255,160,80,.5);box-shadow:var(--glow-s)}
.phone{position:absolute;bottom:0;left:2%;width:38%;height:72%;border-radius:26px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:14px;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(60px)}
.ph-notch{width:34%;height:6px;border-radius:6px;background:rgba(255,255,255,.14)}
.pring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--o) 0 72%,rgba(255,255,255,.08) 72% 100%);box-shadow:var(--glow-s)}
.pring b{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#15151A;font-size:var(--t3);font-weight:800}
.phone ul{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px;font-size:var(--t5)}
.phone li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);color:var(--ink2);white-space:nowrap}
.phone li i{width:14px;height:14px;border-radius:5px;border:1.5px solid rgba(255,255,255,.3)}
.phone li.done i{background:var(--o);border-color:var(--o);box-shadow:var(--glow-s)}
.chip{position:absolute;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;font-size:var(--t5);font-weight:700;white-space:nowrap;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(110px);animation:bob 6s ease-in-out infinite}
.chip.c1{top:0;left:12%}.chip.c2{bottom:12%;right:6%;animation-delay:-3s}
.chip img{width:22px;height:22px}
.okdot{width:16px;height:16px;border-radius:50%;background:#2BD576;box-shadow:0 0 12px rgba(43,213,118,.6)}
@keyframes bob{50%{translate:0 -8px}}

/* ---------- galleries (bento on a fixed grid) ---------- */
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.shead .lead{margin-top:6px}
.more{display:inline-flex;align-items:center;gap:6px;font-size:var(--t5);font-weight:800;color:var(--deep)}
.more:hover{gap:10px}
.gal{display:grid;gap:14px}
.gal.content{grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;grid-template-areas:"a a b c" "a a b d" "e e f f"}
.gal.products{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px;grid-template-areas:"a a b" "a a c"}
.gi{position:relative;display:block;border-radius:var(--r2);overflow:hidden;border:1px solid var(--line);isolation:isolate;background:#111114;transition:border-color .25s}
.gi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.gi:hover img{transform:scale(1.05)}
.gi:hover{border-color:rgba(255,122,0,.45)}
.gi::after,.lit::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(255,170,90,.16),transparent 65%)}
.gi:hover::after,.lit:hover::after{opacity:1}
.gi-info{position:absolute;right:12px;left:12px;bottom:12px;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--r1);background:linear-gradient(160deg,rgba(20,20,24,.66),rgba(20,20,24,.42))}
.gi-info small{color:var(--deep);font-weight:700}
.gi-info b{font-size:var(--t5);font-weight:800;line-height:1.7}
.gi.big .gi-info b{font-family:"CMText",sans-serif;font-size:var(--t3)}
.gi .tag{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;font-size:var(--t5);font-weight:700;background:rgba(20,20,24,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.gi .tag i{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #FFF}
.gi .tag.soon{color:var(--muted)}
.ga{grid-area:a}.gb{grid-area:b}.gc{grid-area:c}.gd{grid-area:d}.ge{grid-area:e}.gf{grid-area:f}
@media (max-width:1000px){
  .hero2 .wrap{grid-template-columns:1fr}
  .gal.content{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "a a" "b c" "b d" "e e" "f f"}
  .gal.products{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "a a" "b c"}
}
@media (max-width:640px){
  .gal.content,.gal.products{grid-template-columns:1fr;grid-auto-rows:auto;grid-template-areas:none}
  .gal .gi{grid-area:auto;aspect-ratio:16/11}
  .hero2 .orbit .tile .lb{display:none}.hero2 .orbit .tile .gl{width:50px;height:50px;border-radius:15px}
  .stack{aspect-ratio:1/1.12}.win{width:86%;height:56%}.cols{gap:6px;padding:10px}.tk{height:32px}.tk.s{height:22px}.win-body{grid-template-columns:38px 1fr}.side{padding:10px 8px}
  .phone{width:54%;height:auto;bottom:4%;padding:16px 12px;gap:12px}.pring{width:70px;height:70px}.pring b{width:54px;height:54px;font-size:var(--t5)}.chip{height:38px}
}

/* ---------- covers from images ---------- */
.icov{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111114}
.icov img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.post:hover .icov img,.pick-lead:hover .icov img{transform:scale(1.04)}
.post .icov{border-bottom:1px solid var(--line)}
.art-cover .icov{border-radius:var(--r2);border:1px solid var(--line)}

/* ---------- resources, newsletter, videocast, changelog, contact room ---------- */
.res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.res{display:flex;flex-direction:column;gap:8px;padding:20px}
.res i{width:40px;height:40px;border-radius:var(--r1);display:grid;place-items:center;background:var(--soft);border:1px solid rgba(255,122,0,.3);color:var(--deep);font-style:normal}
.res b{font-family:"CMText",sans-serif;font-size:var(--t3)}
.res p{margin:0;color:var(--ink2);font-size:var(--t5)}
.res .fmt{margin-top:auto;display:flex;gap:6px;font-size:var(--t5);color:var(--muted)}
.news{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;flex-wrap:wrap}
.news b{font-family:"CMText",sans-serif;font-size:var(--t3)}
.news p{margin:2px 0 0;color:var(--ink2);font-size:var(--t5)}
.ep-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 24px;border-radius:var(--r2)}
.ep-empty i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--soft);border:1px solid rgba(255,122,0,.35);color:var(--deep);box-shadow:var(--glow-s)}
.log{padding:24px}
.log+.log{margin-top:14px}
.log-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.log-h b{font-family:"CMText",sans-serif;font-size:var(--t3)}
.log ul{margin:0;padding-right:20px;color:var(--ink2);font-size:var(--t5);display:flex;flex-direction:column;gap:6px}
.room{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-card{display:flex;flex-direction:column;gap:10px;padding:24px}
.contact-card b{font-family:"CMText",sans-serif;font-size:var(--t3)}
.contact-card p{margin:0;color:var(--ink2);font-size:var(--t5)}
@media (max-width:1000px){.res-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.res-grid,.room{grid-template-columns:1fr}.news{padding:20px}}

/* footer */
.ftr{background:rgba(255,255,255,.015);border-top:1px solid var(--line);margin-top:40px}
.ftr .cols a{color:var(--ink2);font-size:var(--t5)}
.ftr h4{font-size:var(--t4);font-weight:800}
.soc a{border-color:var(--line2)!important}
@media (prefers-reduced-motion:reduce){.chip{animation:none}}
.page-hero,.phero,.hero{background:none}
.phero::before,.hero::before,.hero .dots-bg{display:none}

/* One Ravi face and one Bidad face per weight, with IDENTICAL weight descriptors: Chrome picks a weight group
   first and only then looks at unicode-range. When Bidad had «700 900» and Ravi «800 900», weight 800 landed in
   Bidad's Latin-only group and every Persian heading fell back to the system font. */
/* ======================================================================
   Content Map — paper theme (approved). Loaded after theme.css, so it wins.
   Warm dark paper · Ravi for everything · orange only for action and emphasis.
   ====================================================================== */
/* Ravi draws Persian AND every basic sign it has (space, digits, punctuation, «»); Bidad draws only what Ravi lacks: English letters.
   Generated from Ravi's own character map — spaces from another font made Persian headings look wider. */
@font-face{font-family:"CMText";src:url(/assets/fonts/Ravi-300.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0020-0023,U+0027-0029,U+002B,U+002D-003A,U+003C-003E,U+005B-005D,U+005F,U+007B-007D,U+00A0,U+00A6,U+00AB-00AD,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00D7,U+00F7,U+2000-2015,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2028-202F,U+2039-203A,U+2044,U+204B,U+2060}
@font-face{font-family:"CMText";src:url(/assets/fonts/Bidad-500.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0000-001F,U+0024-0026,U+002A,U+002C,U+003B,U+003F-005A,U+005E,U+0060-007A,U+007E-009F,U+00A1-00A5,U+00A7-00AA,U+00AE-00AF,U+00B2-00B5,U+00B8-00BA,U+00BC-00D6,U+00D8-00F6,U+00F8-00FF,U+2016-2017,U+201A-201B,U+201E-2021,U+2023-2025,U+2027,U+2030-2038,U+203B-2043,U+2045-204A,U+204C-205F,U+2061-206F,U+20AC}
@font-face{font-family:"CMText";src:url(/assets/fonts/Ravi-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0020-0023,U+0027-0029,U+002B,U+002D-003A,U+003C-003E,U+005B-005D,U+005F,U+007B-007D,U+00A0,U+00A6,U+00AB-00AD,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00D7,U+00F7,U+2000-2015,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2028-202F,U+2039-203A,U+2044,U+204B,U+2060}
@font-face{font-family:"CMText";src:url(/assets/fonts/Bidad-500.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-001F,U+0024-0026,U+002A,U+002C,U+003B,U+003F-005A,U+005E,U+0060-007A,U+007E-009F,U+00A1-00A5,U+00A7-00AA,U+00AE-00AF,U+00B2-00B5,U+00B8-00BA,U+00BC-00D6,U+00D8-00F6,U+00F8-00FF,U+2016-2017,U+201A-201B,U+201E-2021,U+2023-2025,U+2027,U+2030-2038,U+203B-2043,U+2045-204A,U+204C-205F,U+2061-206F,U+20AC}
@font-face{font-family:"CMText";src:url(/assets/fonts/Ravi-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0020-0023,U+0027-0029,U+002B,U+002D-003A,U+003C-003E,U+005B-005D,U+005F,U+007B-007D,U+00A0,U+00A6,U+00AB-00AD,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00D7,U+00F7,U+2000-2015,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2028-202F,U+2039-203A,U+2044,U+204B,U+2060}
@font-face{font-family:"CMText";src:url(/assets/fonts/Bidad-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-001F,U+0024-0026,U+002A,U+002C,U+003B,U+003F-005A,U+005E,U+0060-007A,U+007E-009F,U+00A1-00A5,U+00A7-00AA,U+00AE-00AF,U+00B2-00B5,U+00B8-00BA,U+00BC-00D6,U+00D8-00F6,U+00F8-00FF,U+2016-2017,U+201A-201B,U+201E-2021,U+2023-2025,U+2027,U+2030-2038,U+203B-2043,U+2045-204A,U+204C-205F,U+2061-206F,U+20AC}
@font-face{font-family:"CMText";src:url(/assets/fonts/Ravi-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0020-0023,U+0027-0029,U+002B,U+002D-003A,U+003C-003E,U+005B-005D,U+005F,U+007B-007D,U+00A0,U+00A6,U+00AB-00AD,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00D7,U+00F7,U+2000-2015,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2028-202F,U+2039-203A,U+2044,U+204B,U+2060}
@font-face{font-family:"CMText";src:url(/assets/fonts/Bidad-500.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-001F,U+0024-0026,U+002A,U+002C,U+003B,U+003F-005A,U+005E,U+0060-007A,U+007E-009F,U+00A1-00A5,U+00A7-00AA,U+00AE-00AF,U+00B2-00B5,U+00B8-00BA,U+00BC-00D6,U+00D8-00F6,U+00F8-00FF,U+2016-2017,U+201A-201B,U+201E-2021,U+2023-2025,U+2027,U+2030-2038,U+203B-2043,U+2045-204A,U+204C-205F,U+2061-206F,U+20AC}
@font-face{font-family:"CMText";src:url(/assets/fonts/Ravi-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0020-0023,U+0027-0029,U+002B,U+002D-003A,U+003C-003E,U+005B-005D,U+005F,U+007B-007D,U+00A0,U+00A6,U+00AB-00AD,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00D7,U+00F7,U+2000-2015,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2028-202F,U+2039-203A,U+2044,U+204B,U+2060}
@font-face{font-family:"CMText";src:url(/assets/fonts/Bidad-800.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-001F,U+0024-0026,U+002A,U+002C,U+003B,U+003F-005A,U+005E,U+0060-007A,U+007E-009F,U+00A1-00A5,U+00A7-00AA,U+00AE-00AF,U+00B2-00B5,U+00B8-00BA,U+00BC-00D6,U+00D8-00F6,U+00F8-00FF,U+2016-2017,U+201A-201B,U+201E-2021,U+2023-2025,U+2027,U+2030-2038,U+203B-2043,U+2045-204A,U+204C-205F,U+2061-206F,U+20AC}
@font-face{font-family:"CMText";src:url(/assets/fonts/Ravi-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0020-0023,U+0027-0029,U+002B,U+002D-003A,U+003C-003E,U+005B-005D,U+005F,U+007B-007D,U+00A0,U+00A6,U+00AB-00AD,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00D7,U+00F7,U+2000-2015,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2028-202F,U+2039-203A,U+2044,U+204B,U+2060}
@font-face{font-family:"CMText";src:url(/assets/fonts/Bidad-800.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-001F,U+0024-0026,U+002A,U+002C,U+003B,U+003F-005A,U+005E,U+0060-007A,U+007E-009F,U+00A1-00A5,U+00A7-00AA,U+00AE-00AF,U+00B2-00B5,U+00B8-00BA,U+00BC-00D6,U+00D8-00F6,U+00F8-00FF,U+2016-2017,U+201A-201B,U+201E-2021,U+2023-2025,U+2027,U+2030-2038,U+203B-2043,U+2045-204A,U+204C-205F,U+2061-206F,U+20AC}
@font-face{font-family:"CMText";src:url(/assets/fonts/Ravi-800.woff2) format("woff2");font-weight:900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+0020-0023,U+0027-0029,U+002B,U+002D-003A,U+003C-003E,U+005B-005D,U+005F,U+007B-007D,U+00A0,U+00A6,U+00AB-00AD,U+00B0-00B1,U+00B6-00B7,U+00BB,U+00D7,U+00F7,U+2000-2015,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2028-202F,U+2039-203A,U+2044,U+204B,U+2060}
@font-face{font-family:"CMText";src:url(/assets/fonts/Bidad-800.woff2) format("woff2");font-weight:900;font-display:swap;unicode-range:U+0000-001F,U+0024-0026,U+002A,U+002C,U+003B,U+003F-005A,U+005E,U+0060-007A,U+007E-009F,U+00A1-00A5,U+00A7-00AA,U+00AE-00AF,U+00B2-00B5,U+00B8-00BA,U+00BC-00D6,U+00D8-00F6,U+00F8-00FF,U+2016-2017,U+201A-201B,U+201E-2021,U+2023-2025,U+2027,U+2030-2038,U+203B-2043,U+2045-204A,U+204C-205F,U+2061-206F,U+20AC}
:root{
  --bg:#14110E; --paper:rgba(239,227,207,.045); --glass:linear-gradient(160deg,rgba(239,227,207,.08),rgba(239,227,207,.025));
  --ink:#EFE3CF; --ink2:#B8AA93; --muted:#8A7E6C; --line:rgba(233,211,174,.14); --line2:rgba(233,211,174,.24);
  --soft:rgba(255,122,0,.12); --soft2:rgba(239,227,207,.035); --deep:#FF9433; --night:rgba(239,227,207,.1);
  --t1:clamp(34px,4.4vw,60px); --t2:clamp(24px,2.5vw,34px); --t3:18px; --t4:16px; --t5:13px;
  color-scheme:dark;
}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#14110E;--ink:#EFE3CF}}
:root[data-theme="light"]{--bg:#14110E;--ink:#EFE3CF}
[hidden]{display:none!important}
html{overflow-x:clip}
body{background:var(--bg);color:var(--ink)}
/* Ravi everywhere, headings included */
.h1,.h2,.h3,h1,h2,h3,.art-h1,.d-copy b,.pl-b b,.cov b,.persona h3,.belief b,.own b,.author-box b,.faq-group h2,.art-faq h2,.st-card .num,.tab,.ftr h4,.hdr .brand,.log-h b,.res b,.news b,.contact-card b,.gi.big .gi-info b{font-family:"CMText",Tahoma,sans-serif}
.h1,h1,.art-h1{font-weight:800}
.og{color:var(--o)}
a.lnk{color:var(--deep)}

/* paper: warm mottling + fine dot grid (fixed), print grain on top, a soft vignette */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(rgba(233,211,174,.07) 1px,transparent 1.4px) 0 0/22px 22px,radial-gradient(1200px 700px at 72% 18%,rgba(120,90,55,.16),transparent 70%),radial-gradient(900px 700px at 8% 92%,rgba(90,60,35,.2),transparent 70%)}
body::after{content:"";position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.45;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .9  0 0 0 0 .8  0 0 0 0 .62  0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}
.vig{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 50%,rgba(0,0,0,.5) 100%)}
.ribbons{position:fixed;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.ribbons g{animation:drift 26s ease-in-out infinite alternate}.ribbons g+g{animation-duration:34s}
@keyframes drift{to{transform:translate(-24px,14px)}}
.light{display:none}
header,main,footer,.annc{position:relative;z-index:2}
.hdr{z-index:50}
@media (max-width:900px){.ribbons{opacity:.55}}
@media (prefers-reduced-motion:reduce){.ribbons g{animation:none}}

/* buttons: orange with dark text (readable: 6.9:1). Secondary: quiet paper glass. */
.btn-o{color:#17130E;background:var(--o);border-color:var(--o);box-shadow:none;text-shadow:none}
.btn-o::before,.btn-o::after{display:none}
.btn-o:hover{background:#FF9433;border-color:#FF9433;box-shadow:none}
.btn-line,.btn-soft,.btn-ink,.btn-glass{color:var(--ink);background:rgba(239,227,207,.06);border-color:var(--line2);box-shadow:none}
.btn-line:hover,.btn-soft:hover,.btn-ink:hover,.btn-glass:hover{background:rgba(255,122,0,.08);border-color:rgba(255,148,51,.6)}
.pill-o{background:var(--soft);color:var(--deep);border-color:rgba(255,122,0,.35)}

/* surfaces warm up automatically through --glass/--line; a few need their dark tones replaced */
.tab{background:rgba(24,20,16,.95)}
.tile .gl{background:linear-gradient(155deg,#2A241D,#15120F 65%);border-color:rgba(255,122,0,.5)}
.dm-approval li::before,.pring b,.ring b{background:#1A1612}
select option{background:#1B1713}

/* header: paper, minimal sub-menus (no icon boxes, a thin orange line on hover) */
.hdr{background:rgba(20,17,14,.78)}
.hdr .brand{letter-spacing:1.6px;font-size:var(--t5);font-weight:800}
.mi>a,.mi>button{font-weight:600}
.mega{background:rgba(24,20,16,.97)}
.mega-list i{display:none}
.mega-list a{border-right:2px solid transparent;padding:10px 14px}
.mega-list a:hover{background:rgba(239,227,207,.04);border-right-color:var(--o)}
.mega-card img{filter:sepia(.55) saturate(.8) contrast(1.08) brightness(.82)}
.drawer{background:rgba(20,17,14,.98)}
.qs-box{background:rgba(24,20,16,.97)}
.annc{background:linear-gradient(90deg,rgba(255,106,0,.06),rgba(255,122,0,.18),rgba(255,106,0,.06))}
.ftr{background:rgba(0,0,0,.18)}

/* any photo in a card gets the engraving treatment, so real photos match the paper */
.icov img,.gi img,.frame img,.pc-art img{filter:sepia(.5) saturate(.85) contrast(1.06) brightness(.85)}
.icov,.gi{position:relative}
.icov::after,.gi .eng-lines{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(20,17,14,.3) 0 1px,transparent 1px 4px)}

/* section headings on inner pages: the same look as the home page (heading above the content), not the old Mouj tab on a border */
.boxed{border:0;background:none;padding:0;box-shadow:none}
.boxed>.tab{position:static;display:block;transform:none;margin:0 0 22px;padding:0;background:none;border:0;box-shadow:none;font-size:var(--t2);font-weight:800;line-height:1.4;color:var(--ink)}
.boxed>.tab i{display:none}
.boxed>.tab-link{position:absolute;top:6px;left:0;display:block;background:none}
@media (max-width:640px){.boxed{padding:0}.boxed>.tab-link{position:static;margin:-10px 0 16px}}
.crumbs{margin-bottom:14px}

/* titles that were drawn in the old display font at weight 400: in Ravi they must be heavy, like every other heading */
.persona h3,.d-copy b,.pl-b b,.cov b,.belief b,.own b,.author-box b,.st-card .num,.art-faq h2,.faq-group h2,.log-h b,.res b,.news b,.contact-card b,.gi.big .gi-info b,.portrait .yr,.tile .lb b,.sp-num b,.ticket .pr,.dm-counter .num,.dm-ai .type,.stats b{font-weight:800}
h1,h2,h3,.h1,.h2,.h3,.prose h2,.prose h3,.lesson h1{font-weight:800}

/* ---- paper badges outside the home page (plan labels such as the launch discount) ---- */
.pill-o{border:0;border-radius:0;clip-path:polygon(0.0% 0.3%,8.3% 11.0%,16.7% 5.1%,25.0% 8.1%,33.3% 0.1%,41.7% 0.7%,50.0% 2.5%,58.3% 13.4%,66.7% 2.8%,75.0% 10.6%,83.3% 13.0%,91.7% 13.2%,100.0% 4.8%,98.6% 20.0%,97.9% 40.0%,96.9% 60.0%,99.6% 80.0%,100.0% 89.5%,91.7% 88.8%,83.3% 88.0%,75.0% 99.5%,66.7% 86.8%,58.3% 98.7%,50.0% 95.2%,41.7% 91.4%,33.3% 87.1%,25.0% 95.2%,16.7% 87.1%,8.3% 92.4%,0.0% 95.6%,1.3% 80.0%,0.7% 60.0%,0.3% 40.0%,0.6% 20.0%);background-color:var(--o);color:#17130E;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .15  0 0 0 0 0  0 0 0 1.2 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-blend-mode:multiply}
/* ---- portrait photo on the maker page ---- */
.portrait.has{background:none;border:0}
.portrait img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* ---- messenger flow: checkout, renewal and contact ---- */
.msg-btns{display:flex;gap:10px;flex-wrap:wrap}
.msg-btns .btn{gap:8px}
.pay-card{padding:22px;background:var(--soft2);display:flex;flex-direction:column;gap:6px}
.pay-no{font-size:var(--t2);font-weight:900;letter-spacing:2px;text-align:right}
.co-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;counter-reset:co}
.co-steps[start="2"]{counter-reset:co 1}
.co-steps li{counter-increment:co;display:grid;grid-template-columns:34px 1fr;column-gap:12px;color:var(--ink2);font-size:var(--t5)}
.co-steps li::before{content:counter(co,persian);grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--o);color:#17130E;font-weight:800}
.co-steps li b{color:var(--ink);font-size:var(--t4)}

/* author mark: a line pen instead of repeating the app icon */
.am-av.pen,.h-av.pen{background:transparent;border:1px solid rgba(255,148,51,.45);color:var(--o2)}

/* maker page gallery: real photos in a simple grid */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.gal-i{margin:0;position:relative;border-radius:var(--r2);overflow:hidden;border:1px solid var(--line2);background:rgba(236,226,210,.04)}
.gal-i img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.gal-i figcaption{position:absolute;inset:auto 0 0;padding:10px 12px;font-size:var(--t5);color:var(--ink);background:linear-gradient(0deg,rgba(20,17,14,.92),transparent)}
@media (max-width:600px){.gal{grid-template-columns:1fr 1fr;gap:10px}}
/* ---- light membership dialog (name + mobile unlock the free downloads) ---- */
.join{position:relative;width:min(440px,92vw);display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:var(--r2);background:#1B1714;border:1px solid var(--line2);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.join .x{position:absolute;top:10px;left:12px}
.join .chk{display:flex;gap:8px;align-items:flex-start;font-size:var(--t5);font-weight:500;color:var(--ink2)}
.join .chk input{width:18px;height:18px;margin-top:3px;accent-color:var(--o)}
.join .j-err{margin:0;min-height:1.2em;color:#FF9A7A;font-size:var(--t5)}
.join label.chk{flex-direction:row;align-items:flex-start;gap:10px}.join label.chk span{flex:1}
.join label.chk{flex-direction:row-reverse;justify-content:flex-end;align-items:center}.join label.chk span{flex:0 1 auto}.join .j-err:empty{display:none}
.join label.chk{flex-direction:row;justify-content:flex-start}

/* ---- article reading: warm white text, orange headings, a soft glass panel behind the text ---- */
.art-main .prose{position:relative;z-index:1;padding:clamp(20px,3.2vw,40px);border-radius:var(--r2);background:rgba(20,17,14,.55);border:1px solid rgba(236,226,210,.08);box-shadow:0 30px 60px -40px rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.art-main .prose p,.art-main .prose li{color:#E9DFCF;font-size:clamp(16.5px,1.15vw,18px);line-height:2.15}
.art-main .prose p{margin:0 0 1.15em}
.art-main .prose h2{color:var(--o2);font-size:clamp(24px,2.2vw,30px);line-height:1.5;margin:1.6em 0 .6em}
.art-main .prose h2:first-child{margin-top:0}
.art-main .prose h3{color:#FFB36B;font-size:clamp(19px,1.6vw,22px);line-height:1.6;margin:1.3em 0 .5em}
.art-main .prose strong,.art-main .prose b{color:#FFF6E8}
.art-main .prose a{color:var(--o2);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.art-main .prose ul,.art-main .prose ol{padding-inline-start:1.3em;margin:0 0 1.2em}
.art-main .prose li::marker{color:var(--o2)}
.art-main .prose .callout p{color:#E9DFCF;font-size:clamp(15.5px,1.05vw,17px)}
/* media inside articles: Aparat video (played from Aparat's servers) and images */
.art-main .prose figure{margin:1.4em 0}
.art-main .prose figure img{display:block;width:100%;height:auto;border-radius:var(--r1);border:1px solid rgba(236,226,210,.1)}
.art-main .prose figcaption{margin-top:8px;font-size:var(--t5);color:var(--muted);text-align:center}
.art-main .prose .vframe{position:relative;aspect-ratio:16/9;border-radius:var(--r1);overflow:hidden;border:1px solid rgba(236,226,210,.1);background:#0d0b09}
.art-main .prose .vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---- founder's own texts: reading panel, zigzag story blocks beside photos, closing quote ---- */
.story-wrap{max-width:860px}
.story-video{margin-bottom:22px}
.story-text,.sblk-txt{color:#E9DFCF;font-size:clamp(16.5px,1.15vw,18px);line-height:2.15}
.story-text{padding:clamp(20px,3.2vw,40px);border-radius:var(--r2);background:rgba(20,17,14,.55);border:1px solid rgba(236,226,210,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.story-text p,.sblk-txt p{margin:0 0 1.1em}
.story-text p:last-child,.sblk-txt p:last-child{margin-bottom:0}
.story-text strong,.sblk-txt strong{color:#FFF6E8}
.sblks{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,30px)}
.sblk{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(16px,2.4vw,32px);align-items:stretch}
.sblk.rev{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.sblk.rev .sblk-img{order:2}
.sblk-img{margin:0;border-radius:var(--r2);overflow:hidden;border:1px solid rgba(236,226,210,.1);background:#15110d;min-height:260px;aspect-ratio:4/5;max-height:560px}
.sblk-img img{width:100%;height:100%;object-fit:cover;display:block}
.sblk-img.ph{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(255,122,0,.10),transparent 65%),#15110d}
.sblk-img.ph img{width:38%;height:auto;object-fit:contain;opacity:.22}
.sblk-txt{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:clamp(20px,3vw,38px);border-radius:var(--r2);background:rgba(20,17,14,.55);border:1px solid rgba(236,226,210,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sblk-txt h2{color:var(--o2);margin:0 0 .5em}
.squote{margin:0 auto;max-width:900px;text-align:center;font-family:var(--fd,inherit);font-weight:900;font-size:clamp(22px,2.6vw,34px);line-height:1.7;color:#FFF3E2;padding:clamp(24px,4vw,48px) clamp(12px,3vw,40px);position:relative}
.squote .q{color:var(--o2)}
@media (max-width:820px){.sblk,.sblk.rev{grid-template-columns:1fr}.sblk.rev .sblk-img{order:0}.sblk-img{aspect-ratio:4/3;min-height:0;max-height:none}}

/* ---- maker page header: name on a cream paper strip (same torn edge as the orange headline papers),
        English name and roles underneath, Instagram link ---- */
.name-paper{position:relative;padding:.08em .34em .16em;rotate:-1deg;clip-path:polygon(0.0% 4.4%,3.8% 5.2%,7.7% 5.6%,11.5% 6.6%,15.4% 5.2%,19.2% 6.5%,23.1% 0.2%,26.9% 3.3%,30.8% 6.6%,34.6% 4.5%,38.5% 6.3%,42.3% 0.8%,46.2% 3.3%,50.0% 1.7%,53.8% 3.8%,57.7% 4.0%,61.5% 0.1%,65.4% 1.5%,69.2% 2.0%,73.1% 6.4%,76.9% 5.4%,80.8% 1.1%,84.6% 5.6%,88.5% 1.0%,92.3% 4.3%,96.2% 0.9%,100.0% 0.0%,98.6% 20.0%,99.7% 40.0%,99.7% 60.0%,98.4% 80.0%,100.0% 93.9%,96.2% 98.0%,92.3% 93.3%,88.5% 96.2%,84.6% 95.3%,80.8% 98.6%,76.9% 93.4%,73.1% 95.2%,69.2% 93.2%,65.4% 93.7%,61.5% 97.9%,57.7% 97.5%,53.8% 98.8%,50.0% 99.0%,46.2% 99.5%,42.3% 97.9%,38.5% 95.8%,34.6% 100.0%,30.8% 95.3%,26.9% 97.6%,23.1% 97.8%,19.2% 94.3%,15.4% 96.6%,11.5% 97.8%,7.7% 96.6%,3.8% 95.1%,0.0% 99.6%,1.6% 80.0%,0.0% 60.0%,1.2% 40.0%,1.4% 20.0%);background-color:var(--o);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .15  0 0 0 0 0  0 0 0 1.2 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,.08));background-blend-mode:multiply;box-shadow:none}
.name-paper{background-color:#EFE3CF!important;color:#17130E!important;padding:.06em .32em .18em;display:inline-block;line-height:1.25}
.name-en{margin:4px 0 0;font-size:var(--t5);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);font-weight:700;direction:ltr;text-align:right}
.role-en{margin:0;direction:ltr;text-align:right;font-weight:900;letter-spacing:.14em;font-size:clamp(14px,1.25vw,17px);color:var(--o2)}
.role-fa{margin:0;font-size:var(--t4);color:#E9DFCF;font-weight:600}
.ig-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 14px;border-radius:999px;border:1px solid rgba(236,226,210,.16);color:#EFE3CF;font-weight:800;direction:ltr;letter-spacing:.04em;text-decoration:none}
.ig-link:hover{border-color:var(--o2);color:var(--o2)}

/* ---- «خرید لایسنس»: purchase request while there is no payment gateway ---- */
.buy{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(16px,2.4vw,30px);align-items:start}
.buy-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.buy-steps li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r2);background:rgba(20,17,14,.5);border:1px solid rgba(236,226,210,.08);font-size:var(--t5);line-height:1.8}
.buy-steps b{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--o);color:#16120E;font-weight:800}
.buy-form{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.6vw,30px);border-radius:var(--r2);background:rgba(20,17,14,.55);border:1px solid rgba(236,226,210,.08)}
.buy-form fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.buy-form legend{font-weight:700;margin-bottom:8px}
.buy-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.buy-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.plan-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.plan-opt{position:relative;cursor:pointer}
.plan-opt input{position:absolute;opacity:0;pointer-events:none}
.plan-opt .po-b{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;border:1.5px solid rgba(236,226,210,.14);transition:border-color .2s,background .2s;height:100%;position:relative}
.plan-opt .po-p{margin-top:4px;font-size:var(--t5)}
.plan-opt .po-p s{opacity:.55}
.plan-opt .badge{position:static;align-self:flex-start;margin-top:6px;font-size:11px;padding:1px 9px;border-radius:999px;background:var(--o);color:#16120E;font-weight:800}
.plan-opt input:checked+.po-b{border-color:var(--o);background:rgba(255,122,0,.08)}
.plan-opt input:focus-visible+.po-b{outline:2px solid var(--o2);outline-offset:2px}
.chan-opts{display:flex;gap:10px;flex-wrap:wrap}
.chan{flex-direction:row!important;align-items:center;gap:8px!important;padding:8px 14px;border-radius:999px;border:1.5px solid rgba(236,226,210,.14);cursor:pointer;font-weight:700}
.buy-form .chan input{accent-color:var(--o);width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:0;flex:0 0 auto;border:0;background:none;box-shadow:none}
.chan svg{width:18px;height:18px;flex:0 0 auto}
.chan:has(input:checked){border-color:var(--o);background:rgba(255,122,0,.08)}
.buy-form .err{color:#ff8a7a;margin:0;font-weight:700}
.buy-ok{padding:clamp(20px,3vw,34px);border-radius:var(--r2);border:1.5px solid var(--o);background:rgba(255,122,0,.07)}
.buy-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:90px}
.msg-btns.col{flex-direction:column;align-items:stretch}
.buy-trust{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.buy-trust li{display:flex;gap:8px;align-items:center}
.buy-trust svg{color:var(--o);flex:0 0 auto}
@media (max-width:900px){.buy{grid-template-columns:1fr}.buy-side{position:static}.buy-steps{grid-template-columns:1fr}}
@media (max-width:560px){.plan-opts,.buy-form .row2{grid-template-columns:1fr}}

/* a picture chosen in the panel for a menu card keeps its own colours */
.mega-card img.own{filter:none}

/* ---- products from the panel: listing cards and product pages ---- */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:14px}
.pcard2{display:flex;flex-direction:column;border-radius:var(--r2);overflow:hidden;border:1px solid rgba(236,226,210,.1);background:rgba(20,17,14,.55);transition:transform .25s,border-color .25s}
.pcard2:hover{transform:translateY(-3px);border-color:rgba(255,122,0,.5)}
.pcard2 .pc-im{position:relative;aspect-ratio:4/3;background:#15110d}
.pcard2 .pc-im img{width:100%;height:100%;object-fit:cover;display:block}
.pcard2 .badge{position:absolute!important;top:10px;right:10px;font-size:11px;padding:1px 9px;border-radius:999px;background:var(--o);color:#16120E;font-weight:800}
.pcard2 .pc-b{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.pcard2 .pc-p{margin-top:4px}.pcard2 .pc-p s{opacity:.55}
.prod-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,3vw,40px);align-items:start}
.prod-gal{display:flex;flex-direction:column;gap:10px}
.pg-main{border-radius:var(--r2);overflow:hidden;border:1px solid rgba(236,226,210,.1);aspect-ratio:4/3;background:#15110d}
.pg-main img{width:100%;height:100%;object-fit:cover;display:block}
.pg-thumbs{display:flex;gap:8px;overflow-x:auto}
.pg-t{flex:0 0 76px;height:58px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;background:none;cursor:pointer;opacity:.7}
.pg-t.on,.pg-t:hover{border-color:var(--o);opacity:1}
.pg-t img{width:100%;height:100%;object-fit:cover;display:block}
.prod-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:var(--t3)}
.prod-price b{font-size:1.3em}.prod-price s{opacity:.55;font-size:.8em}.prod-price span{color:var(--muted);font-size:.8em}
.prod-price .badge{position:static;font-size:12px;padding:1px 10px;border-radius:999px;background:var(--o);color:#16120E;font-weight:800;align-self:center}
.prod-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(16px,2.4vw,30px);align-items:start}
.prod-body aside{position:sticky;top:90px;display:flex;flex-direction:column}
.spec{width:100%;border-collapse:collapse}.spec th,.spec td{padding:6px 0;border-bottom:1px solid rgba(236,226,210,.08);text-align:right;font-size:var(--t5)}.spec th{color:var(--muted);font-weight:500;width:42%}
@media (max-width:900px){.prod-hero,.prod-body{grid-template-columns:1fr}.prod-body aside{position:static}}

/* ---- customer testimonials (only real ones, added in the panel) ---- */
.testi{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.testi-i{margin:0;padding:18px;border-radius:var(--r2);border:1px solid rgba(236,226,210,.1);background:rgba(20,17,14,.55);display:flex;flex-direction:column;gap:14px;justify-content:space-between}
.testi-i blockquote{margin:0;line-height:2}
.testi-i figcaption{display:flex;gap:10px;align-items:center}
.testi-i figcaption img,.testi-a{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.testi-a{display:grid;place-items:center;background:var(--o);color:#16120E;font-weight:800}
.testi-i figcaption span{display:flex;flex-direction:column}.testi-i small{color:var(--muted)}

/* a picture chosen in the panel for the offer pop-up fills the top of the card */
.promo img.promo-own{width:100%;height:auto;max-height:220px;object-fit:cover;border-radius:12px;filter:none;animation:none}
.promo.promo-cover{background:linear-gradient(180deg,rgba(22,18,14,.25),rgba(22,18,14,.92) 55%),var(--pimg) center/cover no-repeat;min-height:420px;justify-content:flex-end}

/* ---- archetype quiz ---- */
.qz{border:1px solid rgba(236,226,210,.1);border-radius:var(--r2);background:rgba(20,17,14,.55);padding:clamp(18px,3vw,32px)}
.qz-start{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.qz-arch{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.qz-arch span{padding:4px 12px;border-radius:999px;border:1px solid rgba(255,122,0,.35);font-size:var(--t5)}
.qz-bar{height:6px;border-radius:6px;background:rgba(236,226,210,.08);overflow:hidden;margin-bottom:10px}.qz-bar i{display:block;height:100%;width:0;background:var(--o);transition:width .3s}
.qz-q h2{margin:6px 0 16px}
.qz-opts{display:flex;flex-direction:column;gap:10px}
.qz-opts button{text-align:right;padding:14px 16px;border-radius:14px;border:1px solid rgba(236,226,210,.12);background:rgba(255,255,255,.02);color:inherit;font:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.qz-opts button:hover,.qz-opts button:focus-visible{border-color:var(--o);background:rgba(255,122,0,.08);outline:none}
.qz-res{display:flex;flex-direction:column;gap:14px}
.qz-hero{text-align:center;padding:10px 0 4px}.qz-hero small{color:var(--muted)}.qz-hero .nm{font-size:clamp(40px,7vw,64px);color:var(--o);line-height:1.2;margin:4px 0}.qz-hero .mt{font-size:var(--t3)}
.qz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.qz-grid div{padding:14px;border-radius:14px;border:1px solid rgba(236,226,210,.1)}.qz-grid b{display:block;margin-bottom:4px;color:var(--o)}
.qz-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.qz-lock{padding:16px;border-radius:14px;border:1px dashed rgba(255,122,0,.5);background:rgba(255,122,0,.05)}
.qz-lock form{display:flex;flex-direction:column;gap:10px;margin-top:10px;max-width:460px}
.qz-lock .chk{display:flex!important;flex-direction:row!important;gap:8px;align-items:center;font-size:var(--t5)}
.qz-lock .chk input{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;flex:0 0 auto;accent-color:var(--o)}

/* Home page only. Generated from the approved preview: every class is prefixed h- and scoped under .hp. */
.hp .h-o{color:var(--o)}
.hp .h-hl{display:inline-block;background:var(--o);color:#17130E;padding:.02em .22em .1em;margin-top:.12em;line-height:1.3}
.hp .h-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;flex-wrap:wrap}
.hp .h-shead .lead{margin-top:6px}
.hp .h-kicker{display:block;font-size:var(--t5);font-weight:600;letter-spacing:.5px;color:var(--deep);margin-bottom:6px}
.hp .h-card{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:var(--r2);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
.hp .h-card::before{content:"";position:absolute;top:0;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,227,207,.4),transparent)}
.hp a.h-card{transition:border-color .25s,transform .25s}
.hp a.h-card:hover{border-color:rgba(255,148,51,.5);transform:translateY(-3px)}
.hp .h-eng{position:relative;overflow:hidden;background:#1d1812}
.hp .h-eng img{width:100%;height:100%;object-fit:cover;filter:sepia(.55) saturate(.8) contrast(1.08) brightness(.82);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.hp .h-eng::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(20,17,14,.32) 0 1px,transparent 1px 4px);pointer-events:none}
.hp a:hover .h-eng img{transform:scale(1.04)}
.hp .mcard .h-eng{position:absolute;inset:0;z-index:-2}
.hp .h-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:40px 0 56px}
.hp .h-collage{position:relative;justify-self:center;width:min(500px,92%);aspect-ratio:500/460}
.hp .h-collage>*{position:absolute;will-change:transform}
.hp .h-sun{right:4%;top:4%;width:58%;aspect-ratio:1;border-radius:50%;background:var(--o);overflow:hidden}
.hp .h-sun::after{content:"";position:absolute;inset:0;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .15  0 0 0 0 0  0 0 0 1.2 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.hp .h-brainp{left:4%;top:18%;width:84%}
.hp .h-tape{right:8%;top:0;padding:4px 18px;background:rgba(236,226,210,.9);color:#1C1814;font-size:var(--t5);font-weight:700;transform:rotate(-4deg);box-shadow:0 6px 14px -8px rgba(0,0,0,.6);
  clip-path:polygon(0 8%,4% 0,9% 10%,15% 0,22% 8%,30% 0,38% 9%,46% 0,54% 8%,62% 0,70% 9%,78% 0,86% 8%,93% 0,100% 7%,100% 92%,95% 100%,88% 91%,80% 100%,72% 92%,63% 100%,55% 91%,46% 100%,38% 92%,30% 100%,21% 91%,13% 100%,6% 92%,0 100%)}
.hp .h-notes{inset:0;width:100%;height:100%}
@keyframes hover{50%{translate:0 -12px}}
.hp .h-copy{position:relative;display:flex;flex-direction:column;gap:22px;max-width:540px}
.hp .h-tabs{display:flex;gap:24px;font-size:var(--t5);font-weight:500;color:var(--muted)}
.hp .h-tabs b{color:var(--ink);font-weight:700}
.hp .h-quote{margin:0;font-size:var(--t3);font-weight:300;color:var(--ink2);line-height:2;min-height:4.4em;transition:opacity .3s}
.hp .h-quote small{display:block;margin-top:6px;font-size:var(--t5);font-weight:500;color:var(--muted)}
.hp .h-btns{display:flex;gap:12px;flex-wrap:wrap}
.hp .h-cycle{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hp .h-orbit{position:relative;width:min(480px,100%);aspect-ratio:1;margin-inline:auto}
.hp .h-orbit>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hp .h-core{position:absolute;left:50%;top:50%;width:30%;transform:translate(-50%,-50%)}
.hp .h-core img{width:100%;filter:drop-shadow(0 0 30px rgba(255,122,0,.45));animation:hover 6s ease-in-out infinite}
.hp .h-core::before{content:"";position:absolute;inset:-35%;z-index:-1;border-radius:50%;background:url(/assets/img/brain-engrave.webp) center/contain no-repeat;opacity:.18}
.hp .h-cycle ol{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.hp .h-cycle li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink2);font-size:var(--t5)}
.hp .h-cycle li b{min-width:88px;color:var(--ink);font-size:var(--t4);font-weight:700}
.hp .h-under{position:relative;min-height:135vh}
.hp .h-under .h-layer{position:absolute;will-change:transform;pointer-events:none}
.hp .h-under .h-l1{right:6%;top:30%;width:min(340px,40vw);opacity:.45}
.hp .h-under .h-l2{left:8%;top:62%;width:min(400px,46vw)}
.hp .h-under .h-l2 img{filter:drop-shadow(0 0 30px rgba(255,122,0,.35))}
.hp .h-under .h-l3{right:22%;top:66%;width:170px;height:170px}
.hp .h-glassp{position:sticky;top:18vh;z-index:3;width:min(640px,92%);margin:0 auto;padding:34px}
.hp .h-stations{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:22px}
.hp .h-stations span{padding:10px 4px;border-radius:12px;border:1px solid var(--line);font-size:var(--t5);color:var(--ink2);text-align:center}
.hp .h-stations span b{display:block;color:var(--deep);font-weight:800}
.hp .h-app{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hp .h-app ul{list-style:none;margin:18px 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:var(--t5);color:var(--ink2)}
.hp .h-app li{display:flex;gap:8px}
.hp .h-app li::before{content:"";width:7px;height:7px;margin-top:9px;border-radius:50%;background:var(--o);flex-shrink:0}
.hp .h-stack{position:relative;aspect-ratio:1/.9;width:min(520px,100%);margin-inline:auto}
.hp .h-win{position:absolute;top:6%;right:0;width:80%;height:66%;overflow:hidden}
.hp .h-win-top{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--line);font-size:var(--t5);color:var(--muted)}
.hp .h-win-top i{width:9px;height:9px;border-radius:50%;background:rgba(239,227,207,.18)}
.hp .h-win-top span{margin-right:auto}
.hp .h-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}
.hp .h-col{display:flex;flex-direction:column;gap:8px}
.hp .h-col small{font-size:var(--t5);color:var(--muted)}
.hp .h-tk{height:40px;border-radius:10px;background:rgba(239,227,207,.06);border:1px solid var(--line)}
.hp .h-tk.h-s{height:26px}
.hp .h-tk.h-hi{background:linear-gradient(160deg,rgba(255,140,40,.4),rgba(255,122,0,.12));border-color:rgba(255,160,80,.5)}
.hp .h-phone{position:absolute;bottom:0;left:2%;width:38%;height:72%;border-radius:26px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:12px}
.hp .h-notch{width:34%;height:6px;border-radius:6px;background:rgba(239,227,207,.16)}
.hp .h-pring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--o) 0 72%,rgba(239,227,207,.08) 72% 100%)}
.hp .h-pring b{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#1A1612;font-size:var(--t3);font-weight:800}
.hp .h-phone ul{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:8px;font-size:var(--t5)}
.hp .h-phone li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:rgba(239,227,207,.04);color:var(--ink2);white-space:nowrap}
.hp .h-phone li i{width:13px;height:13px;border-radius:5px;border:1.5px solid rgba(239,227,207,.3)}
.hp .h-phone li.h-d i{background:var(--o);border-color:var(--o)}
.hp .gi .h-eng{position:absolute;inset:0;z-index:-1}
.hp .gi.h-big .info b{font-size:var(--t3);font-weight:800}
.hp .h-ga{grid-area:a}
.hp .h-gb{grid-area:b}
.hp .h-gc{grid-area:c}
.hp .h-gd{grid-area:d}
.hp .h-ge{grid-area:e}
.hp .h-gf{grid-area:f}
.hp .two .h-card{padding:26px;display:flex;flex-direction:column;gap:12px}
.hp .h-chips{display:flex;gap:8px;flex-wrap:wrap}
.hp .h-chips span{padding:4px 12px;border-radius:999px;border:1px solid var(--line2);font-size:var(--t5);color:var(--ink2)}
.hp .h-order{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.hp .h-order .h-card{padding:28px;display:flex;flex-direction:column;gap:16px}
.hp .h-order label{display:flex;flex-direction:column;gap:6px;font-size:var(--t5);font-weight:600}
.hp .h-order input,.hp .h-order select,.hp .h-order textarea{min-height:46px;border-radius:var(--r1);border:1px solid var(--line2);background:rgba(0,0,0,.25);padding:0 14px;font-size:var(--t5);color:var(--ink)}
.hp .h-order textarea{padding:12px 14px;min-height:100px;resize:vertical}
.hp .h-order input:focus,.hp .h-order select:focus,.hp .h-order textarea:focus{outline:0;border-color:var(--o);box-shadow:0 0 0 3px rgba(255,122,0,.2)}
.hp .h-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hp .h-types{display:flex;flex-wrap:wrap;gap:8px}
.hp .h-types button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(239,227,207,.04);font-size:var(--t5);font-weight:600;color:var(--ink2);cursor:pointer}
.hp .h-types button[aria-pressed="true"]{background:var(--soft);border-color:rgba(255,122,0,.55);color:var(--deep)}
.hp .h-ok{display:none;flex-direction:column;gap:10px}
.hp .done .h-ok{display:flex}
.hp .done .h-fields{display:none}
.hp .h-steps3{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.hp .h-steps3 li{display:flex;gap:14px;align-items:flex-start;font-size:var(--t5);color:var(--ink2)}
.hp .h-steps3 li b{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:var(--soft);border:1px solid rgba(255,122,0,.3);color:var(--deep);font-weight:800}
.hp .h-res{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hp .h-res .h-card{padding:20px;display:flex;flex-direction:column;gap:6px}
.hp .h-res i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--soft);border:1px solid rgba(255,122,0,.25);color:var(--deep);font-style:normal;margin-bottom:6px}
.hp .h-res p{margin:0;font-size:var(--t5);color:var(--ink2)}
.hp .h-res small{margin-top:auto;font-size:var(--t5);color:var(--muted)}
.hp .h-news{margin-top:14px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.hp .h-news p{margin:2px 0 0;font-size:var(--t5);color:var(--ink2)}
.hp .h-badge{display:inline-flex;align-self:flex-start;align-items:center;height:26px;padding:0 10px;border-radius:8px;font-size:var(--t5);font-weight:600;color:var(--ink2);background:rgba(20,17,14,.55);border:1px solid var(--line2)}
.hp .h-badge.h-o{color:#17130E;background:var(--o);border-color:var(--o)}
.hp .h-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto;font-size:var(--t5);color:var(--muted)}
.hp .h-meta i{font-style:normal;opacity:.6}
.hp .h-av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--soft);overflow:hidden;flex-shrink:0}
.hp .h-av img{width:70%}
.hp .h-av.h-big{width:44px;height:44px}
.hp .h-bn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r1);border:1px solid var(--line2);background:rgba(20,17,14,.5);color:var(--ink);cursor:pointer;backdrop-filter:blur(8px)}
.hp .h-bn:hover{border-color:rgba(255,148,51,.6)}
.hp .h-rowctl{display:flex;align-items:center;gap:8px}
.hp .h-rowctl .more{margin-left:8px}
.hp .h-bnr-wrap{margin-top:8px}
.hp .h-bnr{position:relative;aspect-ratio:16/5;min-height:300px;border-radius:24px;overflow:hidden;border:1px solid var(--line2);background:#1a1511}
.hp .h-slide{position:absolute;inset:0;display:flex;align-items:flex-end;padding:clamp(20px,3vw,40px);opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.hp .h-slide.h-on{opacity:1;visibility:visible}
.hp .h-slide .h-ph{position:absolute;inset:14px;border:1px dashed rgba(233,211,174,.28);border-radius:16px;display:grid;place-items:center;font-size:var(--t5);color:var(--muted);background:repeating-linear-gradient(0deg,rgba(233,211,174,.045) 0 1px,transparent 1px 6px),radial-gradient(600px 300px at 20% 30%,rgba(255,122,0,.14),transparent 70%)}
.hp .h-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(20,17,14,.9),rgba(20,17,14,.2) 60%,transparent)}
.hp .h-bi{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;max-width:460px}
.hp .h-bi p{margin:0;color:var(--ink2);font-size:var(--t5)}
.hp .h-bctl{position:absolute;z-index:2;left:clamp(20px,3vw,40px);bottom:clamp(20px,3vw,40px);display:flex;align-items:center;gap:10px}
.hp .h-bdots{display:flex;gap:6px}
.hp .h-bdots button{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:rgba(239,227,207,.3);cursor:pointer;transition:width .3s}
.hp .h-bdots button.h-on{width:26px;background:var(--o)}
.hp .h-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 42px) / 4);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.hp .h-row::-webkit-scrollbar{display:none}
.hp .h-pc{scroll-snap-align:start;display:flex;flex-direction:column;border-radius:var(--r2);overflow:hidden;background:var(--glass);border:1px solid var(--line);transition:border-color .25s,transform .25s}
.hp .h-pc:hover{border-color:rgba(255,148,51,.5);transform:translateY(-3px)}
.hp .h-pc .h-eng{aspect-ratio:16/10;border-bottom:1px solid var(--line)}
.hp .h-pc-b{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.hp .h-pc-b b{font-size:var(--t4);font-weight:700;line-height:1.75}
.hp .h-ex{font-size:var(--t5);color:var(--ink2);line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hp .h-play{position:absolute;left:50%;top:50%;z-index:2;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,122,0,.9);box-shadow:0 0 24px rgba(255,122,0,.45)}
.hp .h-play::after{content:"";position:absolute;left:19px;top:15px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #17130E}
.hp .h-picks{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:230px;gap:14px;grid-template-areas:"a a b" "a a c" "d e f"}
.hp .h-pk{position:relative;display:flex;align-items:flex-end;border-radius:var(--r2);overflow:hidden;border:1px solid var(--line);isolation:isolate}
.hp .h-pk .h-eng{position:absolute;inset:0;z-index:-2}
.hp .h-pk::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(20,17,14,.95),rgba(20,17,14,.25) 60%,transparent)}
.hp .h-pk:hover{border-color:rgba(255,148,51,.5)}
.hp .h-pk-b{display:flex;flex-direction:column;gap:8px;padding:18px 20px;width:100%}
.hp .h-pk-b b{font-size:var(--t4);font-weight:700;line-height:1.7}
.hp .h-pk-b p{margin:0;color:var(--ink2);font-size:var(--t5)}
.hp .h-pk-b .h-badge+.h-badge{margin-top:-2px}
.hp .h-tabs2{display:flex;gap:6px;padding:4px;border-radius:999px;border:1px solid var(--line2);background:rgba(20,17,14,.5)}
.hp .h-tabs2 button{height:34px;padding:0 16px;border-radius:999px;border:0;background:none;color:var(--ink2);font-size:var(--t5);font-weight:600;cursor:pointer}
.hp .h-tabs2 button[aria-selected="true"]{background:var(--o);color:#17130E}
.hp .h-tabs2.h-big{display:inline-flex;margin-bottom:18px}
.hp .h-ranks{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:0 40px}
.hp .h-rk{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.hp .h-rk .h-n{width:44px;flex-shrink:0;font-size:var(--t2);font-weight:900;line-height:1;color:rgba(233,211,174,.22);text-align:center}
.hp .h-rk:hover .h-n{color:var(--o)}
.hp .h-th{width:92px;height:64px;flex-shrink:0;border-radius:12px;border:1px solid var(--line)}
.hp .h-rk-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.hp .h-rk-b small{color:var(--deep);font-weight:600}
.hp .h-rk-b b{font-size:var(--t5);font-weight:700;line-height:1.8}
.hp .h-promo{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 40px;flex-wrap:wrap;border-color:rgba(255,122,0,.35);background:linear-gradient(120deg,rgba(255,122,0,.14),rgba(239,227,207,.03) 60%)}
.hp .h-news2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.hp .h-nl{display:flex;flex-direction:column}
.hp .h-ni{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}
.hp .h-ni small{display:block;color:var(--deep);font-weight:600;font-size:var(--t5)}
.hp .h-ni b{display:block;font-size:var(--t3);font-weight:700;margin:2px 0 4px}
.hp .h-side2{padding:20px;position:sticky;top:96px}
.hp .h-side2 h3{margin-bottom:10px}
.hp .h-side2 a{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.hp .h-side2 a:last-child{border-bottom:0}
.hp .h-side2 .h-th{width:64px;height:48px}
.hp .h-side2 b{display:block;font-size:var(--t5);font-weight:700;line-height:1.7}
.hp .h-side2 small{color:var(--muted);font-size:var(--t5)}
.hp .h-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:0}
.hp .h-stats div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:26px 12px;border-left:1px solid var(--line)}
.hp .h-stats div:last-child{border-left:0}
.hp .h-stats b{font-size:var(--t2);font-weight:900;color:var(--ink)}
.hp .h-stats span{font-size:var(--t5);color:var(--muted)}
.hp .h-sadeq{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.hp .h-portrait{aspect-ratio:4/5;border-radius:24px;border:1px dashed rgba(233,211,174,.3);display:grid;place-items:center;color:var(--muted);font-size:var(--t5);background:repeating-linear-gradient(0deg,rgba(233,211,174,.045) 0 1px,transparent 1px 6px),radial-gradient(420px 380px at 50% 40%,rgba(255,122,0,.16),transparent 70%)}
@media (max-width:900px){
.hp .h-row{grid-auto-columns:calc((100% - 14px) / 2)}
.hp .h-picks{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "a a" "b c" "d e" "f f"}
.hp .h-ranks,.hp .h-news2,.hp .h-sadeq{grid-template-columns:1fr}
.hp .h-ranks{grid-template-rows:none;grid-auto-flow:row}
.hp .h-side2{position:static}
.hp .h-stats{grid-template-columns:1fr 1fr}
.hp .h-stats div:nth-child(2){border-left:0}
.hp .h-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}
.hp .h-bnr{aspect-ratio:auto;min-height:340px}
}
@media (max-width:600px){
.hp .h-row{grid-auto-columns:82%}
.hp .h-picks{grid-template-columns:1fr;grid-auto-rows:210px;grid-template-areas:"a" "a" "b" "c" "d" "e" "f"}
.hp .h-promo{padding:26px}
.hp .h-rk .h-n{width:30px}
.hp .h-bctl{left:auto;right:clamp(20px,3vw,40px);bottom:auto;top:18px}
}
@media (max-width:900px){
.hp .h-hero,.hp .h-cycle,.hp .h-app,.hp .h-order{grid-template-columns:1fr}
.hp .h-hero{padding-top:28px}
.hp .h-collage{width:min(420px,100%)}
.hp .h-hero .ring{display:none}
.hp .h-under{min-height:125vh}
.hp .h-res{grid-template-columns:1fr 1fr}
.hp .h-stations{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:600px){
.hp .h-res,.hp .h-row2,.hp .h-app ul{grid-template-columns:1fr}
.hp .h-stack{aspect-ratio:1/1.1}
.hp .h-win{width:86%;height:56%}
.hp .h-cols{gap:6px;padding:10px}
.hp .h-tk{height:30px}
.hp .h-tk.h-s{height:20px}
.hp .h-phone{width:54%;height:auto;bottom:4%;padding:14px 10px}
.hp .h-pring{width:66px;height:66px}
.hp .h-pring b{width:52px;height:52px;font-size:var(--t5)}
.hp .h-glassp{padding:22px}
}
@media (prefers-reduced-motion:reduce){
.hp .h-core img{animation:none}
}
/* hand-written: the preview sized bare h1/h2/h3 with global tag rules, which the class converter does not carry */
.hp h1{font-size:var(--t1);line-height:1.35;font-weight:800;margin:0}
.hp h2{font-size:var(--t2);line-height:1.4;font-weight:800;margin:0}
.hp h3{font-size:var(--t3);line-height:1.6;font-weight:800;margin:0}
/* phone: the banner placeholder label sits at the top, away from the slide title; the app composition keeps clear of the buttons above it */
@media (max-width:600px){
  .hp .h-slide .h-phl{display:none}
  .hp #stack{margin-top:44px}
  .hp #stack .col small{visibility:hidden}
}
.hp .h-slide .h-bimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* cycle stations (from the approved preview; the converter missed them because the preview built them from a placeholder) */
.hp .h-tile{position:absolute;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%)}
.hp .h-tile i{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-style:normal;color:var(--o);background:linear-gradient(155deg,#2A241D,#15120F 65%);border:1px solid rgba(255,122,0,.5);box-shadow:inset 0 1px 0 rgba(239,227,207,.14),0 0 18px rgba(255,122,0,.22)}
.hp .h-tile span{display:flex;flex-direction:column;line-height:1.4}
.hp .h-tile em{font-style:normal;font-size:var(--t5);font-weight:700;color:var(--deep)}
.hp .h-tile b{font-size:var(--t5);font-weight:700}
.hp .h-t1{left:22%;top:15%}.hp .h-t2{left:76%;top:14%}.hp .h-t3{left:90%;top:56%}.hp .h-t4{left:62%;top:90%}.hp .h-t5{left:9%;top:64%}
.hp .h-t1 span,.hp .h-t5 span{order:-1;text-align:left}
.hp .h-fail{margin:0;color:#FCA5A5;font-size:var(--t5)}
@media (max-width:600px){.hp .h-tile span{display:none}.hp .h-tile i{width:48px;height:48px;border-radius:14px}}

/* ---- art hero: one artwork replaces the collage (sun, tape and pointer lines only belong to the default brain) ---- */
@media (min-width:901px){.hp .h-hero:has(.h-art){grid-template-columns:1fr 1.12fr}}
@media (max-width:900px){.hp .h-collage.h-art{width:min(460px,100%);margin-top:8px}}
.hp .h-collage.h-art{width:min(640px,100%);aspect-ratio:1}
.hp .h-artimg{inset:0;width:100%;height:100%;object-fit:contain;animation:h-float 9s ease-in-out infinite}
@keyframes h-float{0%,100%{translate:0 0;rotate:0deg}33%{translate:0 -10px;rotate:.6deg}66%{translate:0 6px;rotate:-.5deg}}
@media (prefers-reduced-motion:reduce){.hp .h-artimg{animation:none}}
/* ---- paper labels: torn edges and print grain on every box that sits behind text ---- */
.hp .h-hl{position:relative;padding:.08em .34em .16em;rotate:-1deg;clip-path:polygon(0.0% 4.4%,3.8% 5.2%,7.7% 5.6%,11.5% 6.6%,15.4% 5.2%,19.2% 6.5%,23.1% 0.2%,26.9% 3.3%,30.8% 6.6%,34.6% 4.5%,38.5% 6.3%,42.3% 0.8%,46.2% 3.3%,50.0% 1.7%,53.8% 3.8%,57.7% 4.0%,61.5% 0.1%,65.4% 1.5%,69.2% 2.0%,73.1% 6.4%,76.9% 5.4%,80.8% 1.1%,84.6% 5.6%,88.5% 1.0%,92.3% 4.3%,96.2% 0.9%,100.0% 0.0%,98.6% 20.0%,99.7% 40.0%,99.7% 60.0%,98.4% 80.0%,100.0% 93.9%,96.2% 98.0%,92.3% 93.3%,88.5% 96.2%,84.6% 95.3%,80.8% 98.6%,76.9% 93.4%,73.1% 95.2%,69.2% 93.2%,65.4% 93.7%,61.5% 97.9%,57.7% 97.5%,53.8% 98.8%,50.0% 99.0%,46.2% 99.5%,42.3% 97.9%,38.5% 95.8%,34.6% 100.0%,30.8% 95.3%,26.9% 97.6%,23.1% 97.8%,19.2% 94.3%,15.4% 96.6%,11.5% 97.8%,7.7% 96.6%,3.8% 95.1%,0.0% 99.6%,1.6% 80.0%,0.0% 60.0%,1.2% 40.0%,1.4% 20.0%);background-color:var(--o);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .15  0 0 0 0 0  0 0 0 1.2 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,.08));background-blend-mode:multiply;box-shadow:none}
.hp .h-badge{border:0;border-radius:0;clip-path:polygon(0.0% 0.3%,8.3% 11.0%,16.7% 5.1%,25.0% 8.1%,33.3% 0.1%,41.7% 0.7%,50.0% 2.5%,58.3% 13.4%,66.7% 2.8%,75.0% 10.6%,83.3% 13.0%,91.7% 13.2%,100.0% 4.8%,98.6% 20.0%,97.9% 40.0%,96.9% 60.0%,99.6% 80.0%,100.0% 89.5%,91.7% 88.8%,83.3% 88.0%,75.0% 99.5%,66.7% 86.8%,58.3% 98.7%,50.0% 95.2%,41.7% 91.4%,33.3% 87.1%,25.0% 95.2%,16.7% 87.1%,8.3% 92.4%,0.0% 95.6%,1.3% 80.0%,0.7% 60.0%,0.3% 40.0%,0.6% 20.0%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .15  0 0 0 0 0  0 0 0 1.2 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-blend-mode:multiply;background-color:rgba(236,226,210,.12)}
.hp .h-badge.h-o{background-color:var(--o)}
.hp .h-slide .h-badge{background-color:rgba(236,226,210,.9);color:#1C1814}
.hp .h-slide .h-badge.h-o{background-color:var(--o);color:#17130E}
/* ---- paper logo in the middle of the cycle ---- */
.hp .h-core-paper{width:32%}
.hp .h-core-paper img{filter:drop-shadow(0 16px 22px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(255,122,0,.22))}
/* ---- portrait photo, once uploaded ---- */
.hp .h-portrait.h-has{border:0;background:none;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.hp .h-portrait img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* banner text sits on real artwork now: a deeper shade behind the copy side keeps every line readable */
.hp .h-slide::after{background:linear-gradient(270deg,rgba(20,17,14,.94),rgba(20,17,14,.78) 30%,rgba(20,17,14,.25) 62%,transparent 80%)}
@media (max-width:900px){.hp .h-slide::after{background:linear-gradient(0deg,rgba(20,17,14,.95),rgba(20,17,14,.7) 55%,rgba(20,17,14,.15))}}

.hp .h-av.pen{background:transparent;border:1px solid rgba(255,148,51,.45);color:var(--o2)}
.hp .h-pc .h-meta{flex-wrap:nowrap;white-space:nowrap}

/* order form: budget as a number, or "not sure yet" */
.hp .h-budget{display:flex;flex-direction:column;gap:8px}
.hp .h-budget input[name=budget]{text-align:right;font-variant-numeric:tabular-nums}
.hp .h-budget input[name=budget]:disabled{opacity:.45}
.hp .h-unk{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-weight:500!important;font-size:var(--t5);color:var(--muted);cursor:pointer}
.hp .h-unk input{width:16px;height:16px;accent-color:var(--o)}

.hp .h-note{margin-top:10px;font-size:var(--t5);color:var(--muted);line-height:1.9;max-width:560px}