/* Original product illustrations, article tables, and interactive Work It screens. */
/* מוקאפים: לכל פרויקט מראה משלו, בצבעים האמיתיים שלו */
.mock{position:relative;height:270px;margin-bottom:18px;display:flex;align-items:center;justify-content:center}
.phone{width:132px;height:236px;border-radius:24px;border:5px solid #2b3a41;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.phone .bar{height:44px;background:var(--grad);color:#fff;font:700 12px Heebo,sans-serif;display:flex;align-items:flex-end;padding:0 9px 7px}
.phone .row{margin:7px 8px 0;height:22px;border-radius:7px;background:#EEF2F3;display:flex;align-items:center;padding:0 6px;font-size:10px;color:#40525a;gap:4px}
.phone .row.ok:before{content:"✓";color:var(--teal);font-weight:800}
.phone .row.go{background:var(--accent);color:#fff;justify-content:center;font-weight:700;margin-top:auto;margin-bottom:9px}
.mock .dev{width:138px;height:240px;border-radius:24px;border:5px solid #0b1418;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.35);font-size:10px;transition:transform .4s ease}
@media (hover:hover){.proj:hover .mock .dev{transform:translateY(-4px) rotate(-2deg)}}
.proj .phone{transition:transform .4s;-webkit-box-reflect:below 6px linear-gradient(transparent 72%,rgba(255,255,255,.18));margin-bottom:46px}
@media (hover:hover){.proj:hover .phone{transform:rotate(-3deg) scale(1.03)}}

.m-tag .dev{background:#f3f6fb;color:#1e293b;padding:10px 8px;gap:6px;margin-right:30px}
.tg-title{font:800 11px Heebo,sans-serif;text-align:right}
.tg-btns{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.tg-btns span{border:1.5px dashed #2563eb;color:#2563eb;border-radius:8px;padding:7px 2px;text-align:center;font-weight:700;font-size:9px;background:#fff}
.tg-f{background:#fff;border-radius:7px;padding:4px 6px;display:grid}
.tg-f i{font-style:normal;color:#64748b;font-size:8px}
.tg-f b{font-size:10px}
.tg-save{margin-top:auto;background:#2563eb;color:#fff;border-radius:8px;text-align:center;padding:7px;font-weight:800}
.xls{position:absolute;left:8px;bottom:22px;width:118px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.4);transform:rotate(-6deg)}
.xh{background:#1d6f42;color:#fff;font:700 9px Assistant,sans-serif;padding:5px 7px;direction:ltr}
.xg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7e4dc;padding:1px}
.xg i{height:12px;background:#fff}
.xg i:nth-child(-n+3){background:#e7f4ec}

.m-quiz .lap{width:210px;height:140px;background:#0b1418;border-radius:12px 12px 4px 4px;padding:7px;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.m-quiz .scr{background:#fff;height:100%;border-radius:5px;padding:6px;display:flex;flex-direction:column;gap:4px;color:#1e293b;font-size:9px}
.m-quiz .base{position:absolute;bottom:58px;width:250px;height:9px;background:linear-gradient(#c9d3d9,#8d9aa2);border-radius:0 0 10px 10px}
.qz-vid{background:#0e2440;border-radius:5px;height:48px;position:relative;display:grid;place-items:center;color:#fff}
.qz-vid span{width:20px;height:20px;border-radius:50%;background:#0b63c4;display:grid;place-items:center;font-size:9px}
.qz-bar{position:absolute;bottom:5px;left:6px;right:6px;height:3px;background:rgba(255,255,255,.25);border-radius:2px}
.qz-bar i{position:absolute;right:0;top:0;bottom:0;width:62%;background:#41b8f0;border-radius:2px}
.qz-vid em{position:absolute;top:3px;left:5px;font-style:normal;font-size:7px;opacity:.85}
.qz-q{font-weight:800;font-size:9px}
.qz-o{border:1px solid #e2e8ec;border-radius:5px;padding:2px 5px;font-size:8px}
.qz-o.on{border-color:#0b63c4;background:#eaf3fd;color:#0b63c4;font-weight:700}

.m-wa .dev{background:#efeae2}
.wa-h{background:#075e54;color:#fff;font:700 11px Heebo,sans-serif;padding:22px 8px 7px;display:flex;align-items:center;gap:6px}
.wa-h .av{width:20px;height:20px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:10px}
.wa-chat{padding:8px 6px;display:flex;flex-direction:column;gap:6px;color:#111b21}
.wa-chat .b{max-width:88%;border-radius:8px;padding:5px 6px 12px;position:relative;font-size:9px;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.wa-chat .b s{position:absolute;bottom:2px;left:6px;text-decoration:none;font-size:7px;color:#667781}
.wa-chat .out{align-self:flex-start;background:#d9fdd3}
.wa-chat .in{align-self:flex-end;background:#fff}
.lnk{background:rgba(7,94,84,.08);border-right:3px solid #075e54;border-radius:5px;padding:4px 5px;display:grid;gap:2px}
.lnk b{font-size:9px}
.lnk i{font-style:normal;color:#075e54;font-weight:700;font-size:8px}

.m-dr .dev{position:absolute;background:var(--ink);color:#fff;padding:10px 9px;gap:8px}
.m-dr .d1{right:calc(50% - 88px);top:10px;z-index:2}
.m-dr .d2{left:calc(50% - 80px);top:28px;transform:rotate(-7deg);opacity:.92}
.dr-hd{margin-top:18px;font:800 13px Heebo,sans-serif;text-align:right}
.dr-in{height:22px;border-radius:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.dr-btn{margin-top:auto;border-radius:9px;padding:8px;text-align:center;font-weight:800;background:linear-gradient(90deg,#14B8A6,#06B6D4);color:var(--ink)}
.dr-top{display:flex;align-items:center;gap:6px}
.dr-av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#4B65DB,#263E7A)}
.dr-nm{height:7px;width:56px;border-radius:4px;background:rgba(255,255,255,.25)}
.dr-ring{width:78px;height:78px;margin:6px auto 0;border-radius:50%;background:conic-gradient(#14B8A6 0 87%,rgba(255,255,255,.1) 0);display:grid;place-items:center;position:relative}
.dr-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--ink)}
.dr-ring b{position:relative;font:800 15px Heebo,sans-serif}
.dr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.dr-stats i{height:26px;border-radius:7px;background:rgba(20,184,166,.18)}
.dr-stats i:nth-child(2){background:rgba(6,182,212,.18)}
.dr-nav{margin-top:auto;display:flex;justify-content:space-around;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}
.dr-nav i{width:12px;height:12px;border-radius:4px;background:rgba(255,255,255,.2)}
.dr-nav i.on{background:#14B8A6}

/* ---------- דפי תוכן: מדריכים, סיפורים, משפטי ---------- */
.prose h2{font-size:clamp(22px,4.5vw,28px);margin:var(--s5) 0 var(--s2)}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-size:18px;line-height:1.75}
.prose p{margin-bottom:14px}
.prose ul,.prose ol{padding-right:22px;margin-bottom:16px;display:grid;gap:8px}
.prose a{color:var(--teal);font-weight:600}
.table-wrap{overflow-x:auto;margin:16px 0 22px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.prose table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}
.prose th,.prose td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{background:var(--accent-soft);font-family:Heebo,sans-serif}
.prose tr:last-child td{border-bottom:0}
.steps-list{counter-reset:st;list-style:none;padding:0!important}
.steps-list li{counter-increment:st;position:relative;padding:12px 56px 12px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.steps-list li:before{content:counter(st);position:absolute;right:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font:800 15px/30px Heebo,sans-serif;text-align:center}
.callout{margin-top:var(--s4);background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:24px;position:relative;overflow:hidden}
.callout:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--accent)}
.callout b{font-family:Heebo,sans-serif;font-size:20px;display:block;margin-bottom:6px}
.callout p{color:rgba(255,255,255,.85);margin:0}
.contact-list{list-style:none;padding:0!important}
.updated{color:var(--muted);font-size:15px!important;margin-top:var(--s4)}

/* ---------- הדגמת Work It ---------- */
.demo-sec{background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.demo-sec:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(155,227,48,.22),transparent 65%);top:-180px;right:-160px;z-index:-1}
.demo-sec .lead{color:rgba(255,255,255,.78)}
.demo-sec .lead b{color:#fff}
.demo-sec .eyebrow{color:var(--cta-ink);background:var(--cta);border-color:transparent;
  font-size:15px;padding:9px 18px;box-shadow:0 8px 22px rgba(212,160,23,.25)}
.demo-sec .eyebrow svg{stroke:var(--cta-ink)}
.demo-sec{padding-top:var(--s5)}
.demo-sec .h2{font-size:clamp(28px,5vw,42px)}
.demo-sec .eyebrow .i{stroke:var(--teal-light)}
.demo{display:grid;gap:18px;grid-template-columns:1fr;align-items:start;max-width:840px;margin-inline:auto}
@media (min-width:820px){.demo{grid-template-columns:1.1fr .9fr}}
.demo-side{display:grid;gap:10px;justify-items:center}
.demo-tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:rgba(255,255,255,.9)}
.demo-tag .i{width:18px;height:18px;stroke:var(--teal-light)}
.demo-panel{
  width:100%;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.16);border-radius:var(--r);padding:18px;display:grid;gap:12px;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.demo-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.demo-f{display:grid;gap:6px;font-size:14px;font-weight:600;color:rgba(255,255,255,.88)}
.demo-f input,.demo-f select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:16px;padding:11px 12px;border-radius:11px;width:100%}
.demo-f select option{color:var(--text)}
.demo-f input:focus,.demo-f select:focus{outline:2px solid var(--teal-light);border-color:transparent}
.demo-log{list-style:none;display:grid;gap:6px;margin:0;padding:0;min-height:96px;align-content:start}
.demo-log li{display:flex;justify-content:space-between;gap:10px;font-size:14px;background:rgba(255,255,255,.07);border-radius:9px;padding:8px 11px;animation:pop .3s ease both}
.demo-log li.ok{background:rgba(20,184,166,.16)}
.demo-log li.done{background:rgba(20,184,166,.28);font-weight:700}
.demo-log li.empty{opacity:.55;justify-content:center;background:transparent;border:1px dashed rgba(255,255,255,.18)}
.demo-log time{opacity:.7;font-size:12px;flex:none}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* הטלפון מחזיק שני מסכים: ההודעה, ופקודת העבודה */
.demo-phone{width:255px;max-width:100%;height:385px;position:relative;background:#17284F;font-size:12px}
.ph-screen{position:absolute;inset:0;display:none;flex-direction:column}
.ph-screen.is-on{display:flex;animation:slide .3s ease both}
@keyframes slide{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.demo-phone .wa-h{font-size:13px;padding:14px 10px 9px}
.demo-phone #d-wa{background:#efeae2}
.demo-phone .wa-chat{flex:1;overflow-y:auto;gap:8px}
.demo-phone .b{font-size:11.5px;animation:pop .3s ease both;max-width:92%}
.demo-phone .b.empty-msg{background:rgba(0,0,0,.05);color:#667781;text-align:center;align-self:center;padding:8px 10px;box-shadow:none}
.demo-phone .b.empty-msg s{display:none}
.demo-act{padding:8px;background:#f0f2f5;border-top:1px solid rgba(0,0,0,.08)}
.demo-act button{width:100%;background:var(--wa);color:#fff;border:0;border-radius:9px;padding:11px;font:700 13px Heebo,sans-serif;cursor:pointer}

/* מסך פקודת העבודה — זה המוצר, ולכן הוא במותג שלנו ולא בירוק של וואטסאפ */
#d-task-screen{background:var(--bg);color:var(--text)}
.tk-h{background:var(--grad);color:#fff;padding:15px 12px 11px;display:flex;align-items:center;gap:9px;font-family:Heebo,sans-serif}
.tk-h b{font-size:13px}
.tk-back{font-size:20px;line-height:1;cursor:pointer;opacity:.85;padding:0 2px}
.tk-body{flex:1;padding:13px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}
.tk-status{align-self:flex-start;font-size:10.5px;font-weight:700;background:#FFF2D6;color:#8A5A00;border-radius:99px;padding:3px 10px}
.tk-status.is-done{background:rgba(20,184,166,.18);color:#0b6b62}
#d-tk-title{font:800 15px Heebo,sans-serif;line-height:1.3}
.tk-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}
.tk-meta div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 7px}
.tk-meta dt{font-size:9.5px;color:var(--muted);margin:0}
.tk-meta dd{font-size:11.5px;font-weight:700;margin:1px 0 0}
.tk-photo{
  height:74px;border-radius:10px;border:1.5px dashed var(--line-strong);background:#fff;
  display:grid;place-items:center;font-size:10.5px;color:var(--muted);text-align:center;padding:6px;
}
.tk-photo.has-photo{
  border-style:solid;border-color:transparent;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#4a5a63,#8fa3ad 45%,#5c6f78);
}
.tk-photo.has-photo:after{content:"📷 14:32";position:absolute;bottom:5px;left:6px;background:rgba(0,0,0,.55);color:#fff;border-radius:5px;padding:2px 6px;font-size:9px}
.tk-btn{margin-top:auto;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px;font:800 13px Heebo,sans-serif;cursor:pointer}
.tk-ok{text-align:center;font-size:11.5px;font-weight:700;color:var(--teal);margin:0}
.demo-note{text-align:center;color:rgba(255,255,255,.6);font-size:14px;margin-top:var(--s4)}
/* מוקאפ אתר בית הקפה בתיק */
.proj-demo .size{color:#e8b98a}
.m-cafe .dev{background:#FBF6EF;color:#2A1D14;padding:0;gap:0}
.cf-hero{background:linear-gradient(160deg,#3A2A1C,#1E140D);color:#FBF6EF;padding:26px 10px 14px;display:grid;gap:3px}
.cf-hero b{font:700 14px Frank Ruhl Libre,serif}
.cf-hero span{font-size:9px;opacity:.75}
.cf-row{display:flex;align-items:center;margin:8px 10px 0;padding-bottom:5px;border-bottom:1px dotted #E6DCCD}
.cf-row i{font-style:normal;font-size:10px;font-weight:600}
.cf-go{margin:auto 10px 12px;background:#B4491F;color:#fff;border-radius:3px;text-align:center;padding:8px;font-weight:700;font-size:10px}

/* מוקאפ דף הנחיתה בתיק */
.m-land .dev{background:#F7F3EB;color:#1C1A17;padding:0;gap:0;text-align:center}
.ld-src{background:#fff;color:#A85E2B;font-size:8px;font-weight:700;padding:4px;border-bottom:1px solid #E6DDCE}
.ld-face{width:40px;height:40px;border-radius:50%;margin:10px auto 6px;background:linear-gradient(180deg,#3E6E52,#23402F);border:2px solid #fff;box-shadow:0 3px 8px rgba(28,26,23,.18)}
.ld-name{font:700 12px Frank Ruhl Libre,serif}
.ld-role{font-size:8px;color:#6F665C;margin-bottom:8px}
.ld-btn{margin:0 12px 6px;background:#fff;border:1px solid #E6DDCE;border-radius:8px;padding:6px;font-size:8.5px;font-weight:700}
.ld-main{background:linear-gradient(150deg,#2E5E3A,#3F7A49);border-color:#2E5E3A;color:#fff}

/* סמלי הפלטפורמות שדף נחיתה מחובר אליהן */
.brands{display:flex;gap:10px;align-items:center;margin-top:12px}
.card-go{display:block;margin-top:10px;font-weight:800;color:var(--teal)}
/* a card that spells out where it goes does not also need the hover arrow */
a.card:has(.card-go):after{content:none}
.br{width:22px;height:22px;flex:none}

/* ---- מה זה שינה: לפני ואחרי, בלי מספרים שלא נמדדו ---- */
.gains{display:grid;gap:12px;margin:var(--s3) 0 var(--s4)}
.gain{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px}
.gain:before{content:"";grid-column:2;width:26px;height:26px;border-radius:50%;background:var(--accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") center/18px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") center/18px no-repeat}
.gain p{margin:0;font-size:16px;line-height:1.6}
.gain .was{grid-column:1;grid-row:1;color:var(--muted)}
.gain .now{grid-column:3;grid-row:1;font-weight:700}
@media (max-width:620px){
  .gain{grid-template-columns:1fr;gap:10px;justify-items:center;text-align:center}
  .gain:before{grid-column:1;grid-row:2;transform:rotate(-90deg)}
  .gain .was{grid-column:1;grid-row:1}
  .gain .now{grid-column:1;grid-row:3}
}


/* POETEXA — one shared design system. Product mockups keep their original colors. */
:root{
 --ink:#15274d;--text:#15274d;--muted:#53647f;--teal:#3258c5;--teal-light:#b9d8ff;--purple:#7550d4;--purple-light:#eef0ff;
 --bg:#f5f7fc;--card:#fff;--line:#dde4f1;--line-strong:#bdcae2;--wa:#087c58;--cta:#3258c5;--cta-ink:#fff;--brand-green:#3258c5;
 --grad:linear-gradient(120deg,#1b3664,#493b85);--accent:linear-gradient(110deg,#2458cb,#7550d4);--accent-soft:#eef2ff;--hero-bg:#f5f7ff;
 --s1:6px;--s2:10px;--s3:16px;--s4:24px;--s5:36px;--s6:56px;--s7:88px;
 --r-sm:14px;--r:22px;--r-lg:28px;--r-pill:99px;--sh-sm:0 4px 16px #19355e08;--sh:0 12px 32px #19355e0d;--sh-lg:0 24px 60px #19355e1a;
 --head-h:80px;--wrap:1200px;--prose:780px;--anchor-gap:104px;
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--anchor-gap)}
body{font:400 18px/1.75 Assistant,Arial,sans-serif;color:var(--text);background:var(--card);-webkit-font-smoothing:antialiased}
h1,h2,h3,summary,.btn{font-family:Heebo,Arial,sans-serif}
h1,h2,h3{line-height:1.35;letter-spacing:-.025em;text-wrap:balance}
a{color:inherit;text-underline-offset:4px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
img,svg,video{max-width:100%}
img{height:auto}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #6e4ad1;outline-offset:4px}
[id]{scroll-margin-top:0}
.wrap{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}
.prose{max-width:var(--prose)}
section{padding-block:clamp(64px,7vw,104px)}
.sec-head{max-width:760px;margin:0 auto 36px;text-align:center}
.sec-head .lead{margin-inline:auto}
.eyebrow,.poetexa-kicker,.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border:1px solid var(--line);border-radius:99px;font-size:14px;font-weight:700;background:var(--accent-soft);color:var(--teal);margin-bottom:18px}
.eyebrow .i{width:17px;height:17px}
.h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;margin-bottom:16px}
.lead{max-width:680px;font-size:20px;line-height:1.85;color:var(--muted)}
.center{text-align:center}.center .lead{margin-inline:auto}
.group-title{display:flex;align-items:center;gap:14px;font-size:23px;margin:40px 0 22px}
.group-title:before{content:"";width:4px;height:28px;border-radius:4px;background:var(--accent);flex:none}
.group-title:after{content:"";height:1px;flex:1;background:var(--line)}
.btn,.poetexa-green-cta,.demo-fab{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:50px;padding:13px 23px;border:1px solid transparent;border-radius:14px;text-decoration:none;font-size:16px;font-weight:700;line-height:1.65;white-space:normal;transition:background .2s,box-shadow .2s}
.btn svg{width:21px;height:21px;flex:none;fill:currentColor}.btn .i{fill:none;stroke:currentColor;color:inherit}
.btn-brand,.btn-ai{position:relative;overflow:hidden;background:var(--accent);color:#fff;box-shadow:0 8px 22px #3258c51f}
.btn-brand::after,.btn-ai::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);
  transform:translateX(-120%);animation:btn-sheen 4.5s ease-in-out infinite}
@keyframes btn-sheen{0%,45%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 8px 22px #087c581c}
.btn-line,.btn-ghost,.btn-call{color:var(--teal);background:#fff;border-color:var(--line-strong)}
.btn:hover{box-shadow:var(--sh)}.btn:disabled{cursor:wait;opacity:.65}
.i{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;color:var(--teal)}
header{position:sticky;top:0;z-index:30;background:#fffffff5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
header .wrap{height:var(--head-h);display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none;white-space:nowrap;line-height:1.3}
.logo svg{width:40px;height:40px;padding:5px;border-radius:12px;background:var(--accent);stroke:#fff;fill:#fff}
.logo .lk{stroke:#fff}.logo .lk-d{fill:#fff}
.logo b{display:block;font:800 23px/1.4 Heebo,Arial,sans-serif;letter-spacing:.01em;direction:ltr;unicode-bidi:isolate;
  background:linear-gradient(100deg,var(--ink) 35%,#aebdf2 48%,#fff 50%,#aebdf2 52%,var(--ink) 65%);background-size:250% auto;background-position:150% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:logo-shine 5s ease-in-out infinite}
@keyframes logo-shine{0%,25%{background-position:150% 0}65%,100%{background-position:-50% 0}}
.logo small{display:block;font:600 9px/1.8 Arial,sans-serif;letter-spacing:1.4px;color:var(--muted)}
.head-nav{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:700}
.head-nav a{text-decoration:none;padding-block:10px;white-space:nowrap}.head-nav a:hover{color:var(--teal)}
.head-actions{display:flex;align-items:center;gap:8px;flex:none}.head-actions .btn{font-size:14px;min-height:44px;padding:9px 12px}
.nav-bar{display:none}
.skip-link{position:fixed;inset:8px 16px auto auto;z-index:100;background:var(--ink);color:white;padding:10px 20px;transform:translateY(-160%);border-radius:8px}.skip-link:focus{transform:none}
.hero{position:relative;background:radial-gradient(ellipse at 15% 65%,#e4e7ff,transparent 55%),radial-gradient(ellipse at 90% 15%,#e7f4ff,transparent 60%),#f9fbff}
.hero-sm{padding-block:64px 72px;text-align:center}
.hero-sm h1{max-width:900px;margin:0 auto 24px;font-size:clamp(32px,4.3vw,56px);line-height:1.4}
.hero-sm p{max-width:720px;margin:0 auto 24px;font-size:20px;color:var(--muted)}
.hero-sm .ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.hero-ic{display:inline-grid;place-items:center;width:56px;height:56px;background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:20px}
.crumbs{font-size:15px;color:var(--muted);margin-bottom:24px}.crumbs span{margin-inline:8px}.crumbs a{color:var(--teal)}
.poetexa-hero{padding-block:52px 78px;isolation:isolate}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center;position:relative;z-index:1}
.poetexa-copy{min-width:0}.poetexa-hero h1{font-size:clamp(46px,5vw,70px);line-height:1.3;font-weight:800;margin-bottom:22px}
.poetexa-hero h1 span,.poetexa-gradient-text{color:#6642c8}
.poetexa-hero p{max-width:520px;font-size:21px;color:var(--muted);margin-bottom:28px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}.poetexa-hero .ctas .btn{flex:1;min-width:180px}
.poetexa-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px;font-size:14px;color:var(--muted)}
.poetexa-trust span:before{content:"✓";color:var(--wa);margin-inline-end:6px;font-weight:700}
.poetexa-visual img{display:block;width:100%;filter:drop-shadow(0 18px 24px #294a8520)}
.poetexa-ribbon{position:absolute;inset:auto 0 0;height:120px;background:url('assets/poetexa-wave.svg') center bottom/100% 100% no-repeat;opacity:.3;z-index:0;pointer-events:none}
.poetexa-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-block:28px 48px}
.poetexa-quick-card,.poetexa-benefit{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 18px;box-shadow:var(--sh-sm)}
.poetexa-quick-icon,.poetexa-benefit-icon{display:grid;place-items:center;width:50px;height:50px;font-size:28px;border-radius:16px;background:var(--accent-soft);color:var(--teal)}
.poetexa-quick-card b{font:700 19px/1.6 Heebo,Arial,sans-serif}.poetexa-quick-card small{font-size:15px;color:var(--muted)}
.grid,.sb-grid,.why,.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;align-items:stretch}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.card,.sb,.side,.pain,.example{display:block;min-width:0;padding:26px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;box-shadow:var(--sh-sm)}
.card h3,.sb h3{font-size:20px;margin-bottom:10px}.card p,.sb p{font-size:17px;line-height:1.8;color:var(--muted)}
.card .ic,.sb .n,.ind .ic,.prob .ic,.svc-g .ic{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:var(--accent-soft);color:var(--teal)}
.svc-feature{margin-bottom:24px;border:1px solid var(--line-strong);box-shadow:var(--sh)}.svc-feature .ic{background:var(--accent);color:#fff}
.card .ic,.sb .n{margin-bottom:18px}.go-i{display:none}
.card.idea,.side-b{background:var(--ink);color:white}.card.idea p,.side-b p{color:#e0e7f5}.card.idea .ic{background:#ffffff1f;color:white}
.problems,.services,.small-biz,.guides-strip,.faq-sec,.ladder,.sig{background:var(--bg)}
.proof-grid,.prob-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.proof-card{display:flex;flex-direction:column;align-items:start;gap:14px;padding:30px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;box-shadow:var(--sh);height:100%;background:#fff}
.proof-card h3{font-size:25px}.proof-card p{font-size:18px;color:var(--muted)}
.proof-tag{font-size:13px;color:var(--teal);background:var(--accent-soft);padding:4px 12px;border-radius:99px}
.proof-go{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-size:16px;font-weight:700;margin-top:auto}
.proof-note{text-align:center;margin-top:24px;font-weight:700;color:var(--teal)}
.film{background:#eef3fc}.film-in{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:80px;max-width:1040px;margin:auto}
.film-txt .h2{margin-block:0 20px}.film-txt .lead{font-size:20px}.film-note{padding:22px;margin-block:24px;background:#fff;border:1px solid var(--line);border-radius:18px;color:var(--muted);font-size:17px}
.film-note b{color:var(--text)}.film-vid{min-width:0;width:100%;padding:8px;background:var(--ink);border-radius:28px;box-shadow:var(--sh-lg)}
.film-vid video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:20px;display:block;background:var(--ink)}
.film-cap{font-size:14px;text-align:center;margin-top:12px;color:var(--muted)}
details{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:12px;min-width:0}
summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:20px 24px;font-size:17px;font-weight:700;line-height:1.7;text-align:start}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-size:25px;color:var(--teal);flex:none;font-weight:400}
details[open]>summary:after{content:"−"}details[open]{border-color:var(--line-strong)}
details>p{padding:0 24px 24px;color:var(--muted);font-size:18px}
.svc-acc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.svc-g{margin:0}.svc-g>summary,.svc-link{justify-content:flex-start}.svc-link{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;text-decoration:none;background:white}.svc-link .t{display:grid;flex:1;gap:4px}.svc-link b{font:700 17px/1.7 Heebo,sans-serif}.svc-link small{font-size:16px;color:var(--muted)}.svc-link:after{content:"←";color:var(--teal)}.svc-link .ic{display:grid;place-items:center;width:46px;height:46px;background:var(--accent-soft);border-radius:14px}.svc-g .t{display:grid;gap:4px;min-width:0;flex:1}.svc-g small{font:400 16px/1.7 Assistant,Arial,sans-serif;color:var(--muted)}
.svc-g .grid,.sec-g>.why,.sec-g>.process,.sec-g>.ex-list{padding:0 20px 20px}
.svc-g:target{border-color:var(--teal)}.svc-g[open]{grid-column:1/-1}.sec-g{margin-top:24px}
.prob{margin:0}.prob summary b{flex:1;font-size:18px}.prob-body{padding:0 24px 24px}.prob-why{padding-inline-start:14px;border-inline-start:3px solid var(--line);color:var(--muted);margin-bottom:16px}.prob-fix{margin-bottom:20px}.prob-cta{display:grid;gap:10px}
a.prob-other{display:flex;align-items:center;gap:16px;padding:20px 24px;text-decoration:none}
.sb-cta,.ex-box{margin-top:28px;padding:28px 32px;border:1px solid var(--line);border-radius:var(--r);background:#edf3ff;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sb-cta p{max-width:650px;color:var(--text);font-size:19px}.sb-cta .btn{flex:none}.ex-box{margin-top:0}.ex-box .btn{flex:none}
.ex-list{list-style:none;display:grid;gap:10px;margin-block:18px}.ex-list li{display:flex;gap:12px}.ex-list li:before{content:"✓";color:var(--teal);flex:none}.ex-small{color:var(--muted);font-size:16px}
.ai,.work,.demo-sec{background:var(--grad);color:#fff}
.ai .lead,.work .lead{color:#e1e7f5}.ai .eyebrow,.work .eyebrow{background:#ffffff12;color:#fff;border-color:#ffffff30}
.ai .card,.ai-g{background:#ffffff0d;border-color:#ffffff35;color:#fff}.ai .card p,.ai-g small{color:#e1e7f5}.ai .card .ic,.ai-g .ic{background:#ffffff18;color:#fff}.ai .i{color:#fff}.ai-g summary:after{color:#fff}
.ai-note{display:flex;align-items:center;gap:10px;margin-top:24px;color:#e1e7f5}.ai-note:before{content:"✦"}
.ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.ind{display:flex;align-items:center;gap:16px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none}.ind b{flex:1;font:700 18px/1.6 Heebo,Arial,sans-serif;min-width:0}.ind .go{flex:none}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step{padding:26px;border-radius:var(--r);background:var(--grad);color:#fff;text-decoration:none}.step .n{font-size:14px;color:#e1e7f5}.step h3{font-size:22px;margin-block:12px}.step p{font-size:17px;color:#e1e7f5}.step .t{display:inline-block;font-size:14px;margin-top:20px}
.poetexa-benefits{background:radial-gradient(ellipse at 10% 30%,#e9f9f5,transparent 55%),#f4f6ff}
.poetexa-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:32px}
.poetexa-benefit{padding-block:32px}.poetexa-benefit h3{font-size:21px}.poetexa-benefit p{font-size:16px;color:var(--muted)}
.poetexa-green-cta{display:flex;max-width:560px;margin-inline:auto;background:var(--wa);color:#fff;padding:20px 28px;border-radius:20px;gap:22px}
.poetexa-green-cta svg{width:32px;height:32px;fill:currentColor;flex:none}.poetexa-green-cta span:nth-child(2){display:grid;text-align:start}.poetexa-green-cta strong{font-size:22px}.poetexa-green-cta small{font-size:15px;color:#e5fff4}
.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.proj{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;color:var(--text);text-decoration:none;overflow:hidden}
.proj .size{font-size:13px;color:var(--teal);font-weight:700}.proj h3{font-size:23px;margin-block:10px}.proj p{font-size:17px;color:var(--muted)}.more-link{display:block;margin-top:auto;padding-top:20px;color:var(--teal);font-size:16px;font-weight:700}
.process{counter-reset:process}.process .card:before{counter-increment:process;content:counter(process,decimal-leading-zero);display:block;font:700 24px/1.5 Heebo,sans-serif;color:var(--teal);margin-bottom:18px}
.guarantee{width:min(calc(100% - 64px),var(--wrap));margin:0 auto 64px;padding:40px;border:1px solid var(--line);border-radius:var(--r-lg);background:#edf3ff;text-align:center}.guarantee h2{font-size:clamp(25px,3vw,34px);margin-bottom:12px}.guarantee p{color:var(--muted);font-size:19px}
.sig-box{max-width:720px;margin:auto;display:grid;justify-items:center;text-align:center;gap:18px}.sig-face{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--accent)}.sig-face svg{width:40px;height:40px;stroke:#fff;fill:#fff}.sig-face .lk{stroke:#fff}
.sig blockquote{font:700 clamp(22px,3vw,29px)/1.65 Heebo,Arial,sans-serif}.sig figcaption{color:var(--muted);font-weight:700;letter-spacing:.1em}
form{display:grid;gap:18px;text-align:start}.contact form{max-width:680px;margin:32px auto 0;padding:36px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg)}
label{display:grid;gap:8px;font-size:16px;font-weight:700}
input,select,textarea{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--text);font-size:18px;padding:12px 14px;line-height:1.5}
input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:2px}textarea{min-height:120px;resize:vertical}
input[type=email],input[type=tel]{direction:ltr;text-align:start}
form .btn{width:100%}.note{font-size:14px;color:var(--muted);text-align:center}.form-msg{font-size:16px;text-align:center}.form-msg:empty{display:none}.form-msg.ok{color:var(--wa)}.form-msg.bad{color:#ac2525}
.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%)}
footer{padding-block:56px;background:#eef2fb;color:var(--muted);font-size:16px;border-top:1px solid var(--line)}footer .wrap{display:grid;gap:24px}footer b{color:var(--text)}footer a{text-decoration:none}footer a:hover{text-decoration:underline;color:var(--teal)}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-block:28px;border-block:1px solid var(--line)}.ft{display:block;font:700 16px/1.6 Heebo,sans-serif;margin-bottom:12px}.foot-links{display:flex;flex-wrap:wrap;gap:10px 22px}.foot-links a{padding-block:4px}.foot-cols .foot-links{flex-direction:column;align-items:start;gap:6px}
.install{display:grid;justify-items:start;gap:14px}.install .btn{font-size:15px}
.sides{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.side-tag{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:12px}.side p{font-size:17px}.side-b .i{color:#fff}
.pains{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.pain{display:flex;gap:14px;align-items:start}.pain p{flex:1}.pain>span{color:#b03958}.pain-go{color:var(--teal);font-size:15px;font-weight:700}.example{margin-block:16px}.example p{font-size:20px}.ex-go{display:inline-block;margin-top:18px;color:var(--teal);font-weight:700}
.demo-fab{position:static;display:flex;width:fit-content;max-width:calc(100% - 40px);margin:24px auto;background:var(--accent);color:white}.demo-fab .i{color:white}.demo-fab.hide{display:none}
.reveal,.reveal.in{opacity:1;transform:none}
.ai-panel{position:fixed;inset:auto 24px 24px auto;z-index:60;width:400px;max-width:calc(100% - 32px);height:min(600px,calc(100dvh - 32px));display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 100px #15274d40;overflow:hidden}
.ai-head{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--grad);color:#fff;padding:18px}.ai-head b{display:block;font-size:17px}.ai-head small{font-size:13px;color:#e1e7f5}.ai-head button{width:44px;height:44px;flex:none;border:1px solid #ffffff40;border-radius:12px;background:#ffffff15;color:#fff}
.ai-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--bg)}.ai-msg{max-width:92%;border-radius:16px;padding:12px 16px;font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere}.ai-msg.bot{align-self:start;background:#fff;border:1px solid var(--line)}.ai-msg.me{align-self:end;background:var(--teal);color:#fff}.ai-chips{display:flex;flex-wrap:wrap;gap:8px}.ai-chips button{padding:8px 13px;min-height:44px;color:var(--teal);background:white;border:1px solid var(--line);border-radius:99px;font-size:15px}
.ai-ask{display:flex;padding:14px;gap:10px;border-top:1px solid var(--line);margin:0;max-width:none}.ai-ask input{flex:1}.ai-ask button{width:46px;flex:none;border:0;border-radius:12px;background:var(--teal);color:#fff;font-size:24px}.ai-lead{padding:18px;border-top:1px solid var(--line);gap:12px}.ai-lead-f{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-skip{border:0;background:none;color:var(--muted);text-decoration:underline}
@media(hover:hover){.card:hover,.ind:hover,.poetexa-quick-card:hover,.poetexa-benefit:hover,.proof-card:hover{border-color:var(--line-strong);box-shadow:var(--sh)}}
@media(max-width:1150px){.head-nav{gap:14px}.head-actions .btn-call{display:none}.hero-grid{gap:20px}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:959px){
 :root{--head-h:72px;--anchor-gap:96px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.head-nav{display:none}.nav-bar{display:block;flex:none}
 .hero-grid{grid-template-columns:1fr;max-width:720px;text-align:center}.poetexa-hero{padding-block:44px}.poetexa-hero h1{font-size:clamp(40px,6.6vw,64px)}.poetexa-hero p{margin-inline:auto}.poetexa-hero .ctas{max-width:560px;margin:auto}.poetexa-trust{justify-content:center}.poetexa-visual{max-width:600px;margin-inline:auto;width:100%}.poetexa-quick{padding-top:24px}
 .film-in{gap:40px;grid-template-columns:minmax(0,1fr) 260px}.steps,.poetexa-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-cta,.ex-box{flex-direction:column;text-align:center}.sb-cta .btn,.ex-box .btn{min-width:240px}.ex-list{text-align:start}
}
@media(max-width:639px){
 .wrap{width:calc(100% - 40px)}section{padding-block:60px}.sec-head{margin-bottom:28px}.h2{font-size:29px;line-height:1.45}.lead{font-size:18px}.logo{gap:8px}.logo svg{width:32px;height:32px}.logo b{font-size:20px}.logo small{font-size:7px;letter-spacing:1px}.head-actions{gap:7px}.head-actions .btn{padding:9px 11px}.head-cta .wa-t{display:none}.head-actions .btn svg{width:19px;height:19px}header .wrap{gap:10px}.btn-ai .i{display:none}
 .poetexa-kicker{font-size:13px;padding:6px 12px}.poetexa-hero h1{font-size:43px}.poetexa-hero p{font-size:19px}.poetexa-hero .ctas{display:grid;grid-template-columns:1fr}.poetexa-hero .ctas .btn{min-width:0;width:100%}.poetexa-trust{font-size:13px;gap:8px 14px}.poetexa-visual{margin-top:12px}.hero-grid{gap:20px}
 .poetexa-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:32px}.poetexa-quick-card{padding:22px 10px;gap:9px}.poetexa-quick-card b{font-size:17px}.poetexa-quick-card small{font-size:14px}.poetexa-quick-icon{width:44px;height:44px;font-size:25px}
 .grid,.proof-grid,.prob-grid,.svc-acc,.projects,.sides{grid-template-columns:1fr}.proof-card{padding:24px}.proof-go{font-size:15px}.film-in{grid-template-columns:1fr;gap:32px}.film-txt{text-align:center}.film-txt .lead{font-size:18px}.film-note{text-align:start}.film-vid{max-width:290px;margin-inline:auto}.film-txt .btn{width:100%}
 .card,.sb,.side,.example{padding:22px}.svc-g .grid,.sec-g>.process,.sec-g>.why{padding:0 14px 14px}.svc-g[open]{grid-column:auto}summary{padding:18px;font-size:16px;gap:12px}.svc-g .ic,.prob .ic{width:38px;height:38px}.svc-g b,.prob summary b{font-size:17px}.svc-g small{font-size:15px}details>p{padding:0 18px 20px;font-size:17px}
 .poetexa-benefit-grid{gap:12px}.poetexa-benefit{padding:24px 10px}.poetexa-benefit h3{font-size:18px}.poetexa-benefit p{font-size:15px}.poetexa-green-cta{padding:18px 16px;gap:14px}.poetexa-green-cta strong{font-size:20px}.poetexa-green-cta small{font-size:14px}
 .steps{grid-template-columns:1fr}.sb-cta,.ex-box{padding:24px 20px}.sb-cta .btn,.ex-box .btn{width:100%;min-width:0}.guarantee{width:calc(100% - 40px);padding:28px 20px;margin-bottom:48px}.contact form{padding:24px 18px}.contact form>.btn{font-size:15px;padding-inline:12px}.foot-cols{grid-template-columns:1fr 1fr;gap:28px}.foot-cols>div:last-child{grid-column:1/-1}.ai-panel{inset:auto 16px 16px;max-width:none;width:auto}.hero-sm{padding-block:40px 48px}.hero-sm h1{font-size:32px;line-height:1.5}.hero-sm p{font-size:18px}.hero-sm .ctas .btn{width:100%}
}
@media(max-width:359px){.wrap{width:calc(100% - 28px)}.logo b{font-size:17px}.logo svg{width:28px;height:28px}.logo small{font-size:6px}.head-actions .btn{font-size:12px;padding:8px}.poetexa-hero h1{font-size:38px}.poetexa-kicker{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.brands{display:inline-flex;gap:10px;align-items:center;margin-top:14px}.br{width:24px;height:24px}.pills{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.pill{padding:8px 16px;border:1px solid var(--line);border-radius:99px;font-size:15px;color:var(--text);background:white;text-decoration:none}

/* Comparison tables become complete rows on narrow screens. */
@media(max-width:639px){.table-wrap{overflow:visible;border:0;background:none}.prose table{min-width:0}.prose thead{display:none}.prose table,.prose tbody,.prose tr{display:block;width:100%}.prose tr{border:1px solid var(--line);border-radius:16px;margin-bottom:14px;background:#fff;padding:8px 0}.prose td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;border:0;padding:8px 14px;font-size:17px}.prose td:before{content:attr(data-label);color:var(--muted);font-size:14px;font-weight:600}.prose td[data-label=""]{grid-template-columns:1fr}.prose td[data-label=""]:before{display:none}}

/* Mobile navigation: a single jewel-shaped control inside the shared header. */
.mobile-menu{margin:0;padding:0;border:0;background:none;border-radius:0}
.mobile-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:15px;background:var(--accent);box-shadow:0 8px 22px #3258c51f;color:#fff;position:relative;z-index:3}
.mobile-menu>summary:after{display:none}
.menu-glyph{display:grid;gap:4px;justify-items:center}
.menu-glyph i{width:19px;height:2px;border-radius:2px;background:currentColor}
.menu-close{display:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mobile-menu[open]>summary{background:var(--ink);border-color:transparent;color:#fff}.mobile-menu[open] .menu-glyph{display:none}.mobile-menu[open] .menu-close{display:block}
.menu-backdrop{position:fixed;inset:var(--head-h) 0 0;z-index:1;background:#15274d36;backdrop-filter:blur(3px);border:0;border-radius:0;width:100%;height:calc(100dvh - var(--head-h))}
.menu-panel{position:fixed;top:calc(var(--head-h) + 10px);inset-inline:12px;max-width:560px;max-height:calc(100dvh - var(--head-h) - 26px);overflow-y:auto;margin-inline:auto;z-index:2;border:1px solid #e1e5f5;border-radius:26px;background:linear-gradient(150deg,#fff,#f7f8ff);padding:23px 18px 18px;box-shadow:0 20px 70px #15274d2e;text-align:start}
.menu-intro{display:grid;gap:6px;padding:0 6px 18px}.menu-intro>span{font:600 10px/1.4 Arial,sans-serif;letter-spacing:1.7px;color:var(--teal);direction:ltr;text-align:right}.menu-intro>b{font:800 25px/1.5 Heebo,Arial,sans-serif;color:var(--ink)}
.menu-panel ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;margin:0}
.menu-panel li{min-width:0}.menu-panel li a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;text-align:center;min-height:94px;height:100%;padding:12px 5px;border:1px solid #e1e7f5;border-radius:17px;background:#fff;box-shadow:0 3px 10px #29488004;text-decoration:none;font:700 13px/1.6 Heebo,Arial,sans-serif;color:var(--ink)}
.menu-panel li a:hover{border-color:#acb9ed;background:#f1f4ff}.menu-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft)}.menu-icon .i{width:20px;height:20px}.menu-panel li:nth-child(5) .menu-icon{background:#e5f6ef}.menu-panel li:nth-child(5) .i{color:var(--wa)}
.menu-panel .menu-contact{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding:15px 17px;border-radius:16px;background:var(--accent);color:#fff;text-decoration:none;font-size:15px;font-weight:700}
@media(max-width:639px){header .wrap{width:calc(100% - 28px);gap:8px}.head-actions{gap:6px}.head-actions .btn{padding:9px 10px}.logo{gap:7px}.logo b{font-size:19px}.logo small{font-size:6.5px;letter-spacing:.9px}.logo svg{width:30px;height:30px}.poetexa-quick{padding-bottom:12px}}
@media(max-width:359px){.head-actions .btn{padding-inline:8px;font-size:12px}.head-actions .btn-ai span{font-size:12px}.logo b{font-size:16px}.logo small{font-size:5.5px;letter-spacing:.6px}.logo svg{width:27px;height:27px}.mobile-menu>summary{width:40px;height:42px;min-height:42px;border-radius:13px}.menu-panel{padding:20px 13px 14px}.menu-panel li a{font-size:12px;min-height:88px}}
/* The original film with a deliberate tap-to-play surface and native controls. */
.film-player{width:100%;min-width:0;max-width:320px;margin-inline:auto}.film-vid{position:relative;padding:7px;overflow:hidden}.film-vid video{width:100%;max-height:70dvh;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:20px;display:block}
.film-play{position:absolute;inset:7px 7px 46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;background:linear-gradient(0deg,#132249de,#13224950);border:0;border-radius:19px;font:700 18px/1.5 Heebo,Arial,sans-serif;z-index:2;text-shadow:0 2px 8px #10224288}
.film-play-circle{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fff;color:#3a56c2;font-size:27px;padding-inline-start:4px;box-shadow:0 12px 35px #10224235;text-shadow:none}.film-play small{font:400 14px/1.6 Assistant,Arial,sans-serif;color:#edf2ff}.film-play:focus-visible{outline:3px solid #9bc9ff;outline-offset:-5px}.film-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-inline:4px;font-size:14px;color:var(--muted)}.film-download{color:var(--teal);font-weight:700;min-height:44px;display:inline-flex;align-items:center}.film-status{font-size:15px;color:#9a2d3b;text-align:center;margin-top:8px}.film-status:empty{display:none}