#er{--stone:#ECEFEC;--ink:#0C1816;--surface:#F8FAF8;--line:#CFD6D1;--muted:#566360;--deep:#062B29;--mint:#F0D79A;--coral:#E2B45A;
--s:"Geist","Segoe UI",Arial,sans-serif;--e:"Instrument Serif","Times New Roman",serif;
box-sizing:border-box}
@media (prefers-color-scheme:dark){#er{--stone:#081513;--ink:#E7EFEB;--surface:#0E211E;--line:#1F3A35;--muted:#8FA5A0}}
html{scroll-padding-top:90px}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
#er *{box-sizing:border-box}
#er{margin:0;position:relative;overflow-x:clip;background:var(--stone);color:var(--ink);font:400 17px/1.65 var(--s);-webkit-font-smoothing:antialiased}
#er a{color:inherit}
#er h1,#er h2,#er h3{font-weight:600;line-height:1.02;margin:0 0 .5em;letter-spacing:-.04em}
#er h1{font-size:clamp(2.8rem,8.4vw,7.6rem)}
#er h2{font-size:clamp(2.2rem,5.6vw,4.8rem)}
#er h3{font-size:1.5rem;letter-spacing:-.03em}
#er em{font-family:var(--e);font-style:italic;font-weight:400;letter-spacing:-.01em}
#er p{margin:0 0 1em;max-width:58ch}
#er .wrap{max-width:1240px;margin:0 auto;padding:0 24px}
#er .sec{padding:130px 0}
@media(max-width:700px){#er .sec{padding:84px 0}}
#er :focus-visible{outline:3px solid var(--coral);outline-offset:3px}
#er .muted{color:var(--muted)}
#er #er-bar{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--coral);transform:scaleX(0);transform-origin:left;z-index:90}
#er .nav{position:fixed;z-index:80;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);transform:translateX(-50%);width:min(1120px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 24px;border-radius:99px;background:rgba(6,43,41,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#EAF6F1;border:1px solid rgba(240,215,154,.18);transition:transform .4s}
#er .nav.hide{transform:translate(-50%,-160%)}
#er .logo{display:inline-flex;align-items:center;gap:9px;font:600 1.3rem var(--s);text-decoration:none;letter-spacing:-.04em}
#er .logo em{color:var(--mint);font-size:1.5rem}
#er .links{display:flex;gap:2px}
#er .links a{padding:8px 14px;border-radius:99px;text-decoration:none;font-size:.93rem;font-weight:500;opacity:.8}
#er .links a:hover{opacity:1;background:rgba(255,255,255,.1)}
#er .btn{display:inline-flex;align-items:center;gap:10px;background:var(--coral);color:#1A0A04;padding:15px 28px;border-radius:99px;font:600 .98rem var(--s);text-decoration:none;border:0;cursor:pointer;transition:transform .25s,background .25s}
#er .btn:hover{background:#fff;transform:translateY(-2px)}
#er .btn.sm{padding:11px 20px}
#er .btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
#er .btn.ghost:hover{background:rgba(255,255,255,.12)}
#er .btn.dk{background:var(--ink);color:var(--stone)}
#er .btn.dk:hover{background:var(--coral);color:#1A0A04}
#er .mb{display:none;background:rgba(255,255,255,.1);border:0;color:#fff;border-radius:99px;padding:10px 18px;font:500 .93rem var(--s);cursor:pointer}
@media(max-width:1140px){#er .mb{display:block}
#er .links{position:absolute;top:calc(100% + 8px);left:0;right:0;background:rgba(6,43,41,.96);border-radius:28px;flex-direction:column;padding:12px;display:none}
#er .links.open{display:flex}
#er .nav>.btn{display:none}}
#er .hero{position:relative;min-height:100svh;background:var(--deep);color:#EAF6F1;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:150px 0 40px}
#er #er-cv{position:absolute;inset:0;width:100%;height:100%}
#er .hero .wrap{position:relative;width:100%}
#er .hero h1{max-width:13ch}
#er .ln{display:block;overflow:hidden;padding-bottom:.08em}
#er .ln i{display:block;font-style:normal;transform:translateY(105%);animation:up 1.1s cubic-bezier(.16,.8,.2,1) forwards}
#er .ln:nth-child(2) i{animation-delay:.12s}
#er .ln:nth-child(3) i{animation-delay:.24s}
#er .ln:nth-child(4) i{animation-delay:.36s}
@keyframes up{to{transform:none}}
#er .hero .lead{font-size:clamp(1.05rem,1.6vw,1.3rem);opacity:0;animation:fd 1s .7s forwards;margin:26px 0 34px;color:#CBE5DD}
#er .hero .acts{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:fd 1s .9s forwards}
@keyframes fd{to{opacity:1}}
#er .hs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin-top:64px;padding-top:26px;border-top:1px solid rgba(240,215,154,.25)}
#er .hs b{display:block;font:600 clamp(1.8rem,3.4vw,2.8rem)/1 var(--s);letter-spacing:-.04em;color:var(--mint)}
#er .hs span{font-size:.92rem;opacity:.8}
@media(prefers-reduced-motion:reduce){#er .ln i,#er .hero .lead,#er .hero .acts{animation:none;transform:none;opacity:1}}
#er .mq{background:var(--coral);color:#1A0A04;overflow:hidden;white-space:nowrap;padding:18px 0;font:500 clamp(1.4rem,3vw,2.2rem) var(--e);font-style:italic}
#er .mq div{display:inline-block;animation:mq 45s linear infinite}
#er .mq span{margin-right:48px}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){#er .mq div{animation:none}}
#er.js .rv{opacity:0;transform:translateY(34px);transition:opacity .9s,transform .9s cubic-bezier(.16,.8,.2,1)}
#er.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){#er.js .rv{opacity:1;transform:none;transition:none}}
#er .stack{margin-top:56px}
#er .sc{position:sticky;border-radius:32px;padding:44px;min-height:380px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;margin-bottom:24px;box-shadow:0 -20px 50px rgba(0,0,0,.12)}
#er .sc:nth-child(1){top:110px;background:var(--deep);color:#EAF6F1}
#er .sc:nth-child(2){top:134px;background:var(--mint);color:#06211E}
#er .sc:nth-child(3){top:158px;background:var(--coral);color:#1A0A04}
#er .sc:nth-child(4){top:182px;background:var(--surface);color:var(--ink);box-shadow:0 -20px 50px rgba(0,0,0,.12),inset 0 0 0 1.5px var(--line)}
#er .sc:nth-child(5){top:206px;background:#12100F;color:#F2EDE8}
@media(max-width:860px){#er .sc{grid-template-columns:1fr;padding:30px;gap:16px;min-height:0}
#er .sc:nth-child(n){top:96px}}
#er .sc h3{font-size:clamp(1.8rem,3.4vw,3rem);margin:0}
#er .sc p{opacity:.85;font-size:1.05rem}
#er .sc ul{list-style:none;margin:0;padding:0;align-self:end}
#er .sc li{border-top:1.5px solid currentColor;border-color:rgba(127,127,127,.4)}
#er .sc li a{display:flex;justify-content:space-between;padding:16px 0;text-decoration:none;font-weight:500}
#er .sc li a::after{content:"+";font-weight:400}
#er .sc li a:hover{padding-left:10px;transition:padding .2s}
#er .sc{transition:none}
#er .projects{background:var(--deep);color:#EAF6F1}
#er .pg{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;margin-top:56px;align-items:start}
@media(max-width:900px){#er .pg{grid-template-columns:1fr;gap:0}}
#er .pj{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid rgba(240,215,154,.25);color:inherit;padding:30px 0;cursor:pointer;font:inherit}
#er .pj:last-child{border-bottom:1px solid rgba(240,215,154,.25)}
#er .pj h3{font-size:clamp(1.8rem,3.6vw,3rem);margin:0;transition:transform .35s,color .35s}
#er .pj small{opacity:.7;font-size:.92rem}
#er .pj .d{display:none;margin-top:12px}
#er .pj .d p{opacity:.85}
#er .pj[aria-selected=true] h3,#er .pj:hover h3{transform:translateX(14px);color:var(--mint)}
@media(max-width:900px){#er .pj .d{display:block}
#er .pj h3{transform:none!important}}
#er .pv{position:sticky;top:120px;border-radius:28px;min-height:460px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;color:#0A1412;overflow:hidden;transition:background .5s}
@media(max-width:900px){#er .pv{display:none}}
#er .pv .mono{font:italic 400 clamp(6rem,14vw,11rem)/.8 var(--e);opacity:.9}
#er .pv p{max-width:34ch;font-weight:500}
#er .pv a{align-self:flex-start}
#er .cs{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
@media(max-width:900px){#er .cs{grid-template-columns:1fr;gap:40px}}
#er .q{font:400 clamp(1.7rem,3.8vw,3.2rem)/1.15 var(--e);letter-spacing:-.01em;min-height:6.6em}
#er .qm{display:flex;gap:10px;margin-top:20px;align-items:center;flex-wrap:wrap}
#er .qm button{padding:10px 18px;border-radius:99px;border:1.5px solid var(--line);background:none;color:var(--ink);font:500 .93rem var(--s);cursor:pointer}
#er .qm button[aria-pressed=true]{background:var(--ink);color:var(--stone);border-color:var(--ink)}
#er .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:56px}
#er .plan{border-radius:28px;padding:36px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;transition:transform .3s}
#er .plan:hover{transform:translateY(-6px)}
#er .plan.best{background:var(--deep);color:#EAF6F1;box-shadow:none}
#er .plan .pr{font:600 3.6rem/1 var(--s);letter-spacing:-.05em;margin:10px 0 14px}
#er .plan .pr small{font:400 1rem var(--s);opacity:.7;letter-spacing:0}
#er .plan.best .pr{color:var(--mint)}
#er .plan ul{padding-left:18px;margin:6px 0 28px}
#er .plan li{margin:5px 0}
#er .plan .btn{margin-top:auto;justify-content:center}
#er .plan:not(.best) .btn{background:var(--ink);color:var(--stone)}
#er .plan:not(.best) .btn:hover{background:var(--coral);color:#1A0A04}
#er .posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:56px}
#er .post{border-radius:28px;padding:32px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;gap:10px;min-height:290px;text-decoration:none;transition:background .3s,color .3s}
#er .post:hover{background:var(--ink);color:var(--stone)}
#er .post h3{font-size:1.4rem;margin:0}
#er .post p{margin:0;color:var(--muted);font-size:.97rem}
#er .post:hover p{color:inherit;opacity:.8}
#er .post span{margin-top:auto;font-weight:600}
#er .head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
#er .contact{background:var(--deep);color:#EAF6F1;position:relative;overflow:hidden}
#er .contact .g{display:grid;grid-template-columns:1fr 1fr;gap:72px}
@media(max-width:900px){#er .contact .g{grid-template-columns:1fr;gap:44px}}
#er .contact a.m{color:var(--mint)}
#er form{display:grid;gap:16px}
#er label{font-weight:500;font-size:.93rem;display:grid;gap:7px}
#er input,#er select,#er textarea{font:inherit;padding:16px 18px;border:1.5px solid rgba(240,215,154,.3);border-radius:18px;background:rgba(255,255,255,.05);color:#fff;width:100%}
#er input:focus,#er select:focus,#er textarea:focus{outline:none;border-color:var(--mint)}
#er select option{color:#062B29}
#er textarea{min-height:130px}
#er footer{background:var(--deep);color:#9DBDB4;padding:0 0 28px;overflow:hidden}
#er footer .big{font:600 clamp(3.5rem,17vw,15rem)/.85 var(--s);letter-spacing:-.07em;color:rgba(240,215,154,.12);white-space:nowrap;margin:40px 0 24px}
#er footer .big em{color:rgba(226,180,90,.4)}
#er footer .wrap>div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.93rem}
#er footer a{text-decoration:none;margin-left:20px}
#er footer a:hover{color:#fff}
#er .hero h1 em{background:linear-gradient(100deg,#E3B866,#FBE6B0 50%,#D3A04C);-webkit-background-clip:text;background-clip:text;color:transparent}

html,body{margin:0;background:#062B29}
#er .links a[aria-current=page]{opacity:1;background:rgba(255,255,255,.14)}
#er .logo img{display:block;height:42px;width:auto}
#er .ph{background:var(--deep);color:#EAF6F1;padding:170px 0 90px}
#er .ph h1{font-size:clamp(2.4rem,6.5vw,5.4rem);max-width:17ch}
#er .ph p{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#CBE5DD;max-width:56ch;margin:0}
#er .srv{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;padding:60px 0;border-top:1.5px solid var(--line)}
#er .srv:first-child{border:0;padding-top:0}
@media(max-width:860px){#er .srv{grid-template-columns:1fr;gap:20px}}
#er .srv h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}
#er .srv ul{list-style:none;padding:0;margin:0 0 24px}
#er .srv li{padding:12px 0;border-bottom:1px solid var(--line)}
#er .pcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
#er .pc{border-radius:28px;overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column}
#er .pc .art{height:190px;display:flex;align-items:flex-end;padding:20px 26px;color:#0A1412}
#er .pc .art span{font:italic 400 6.5rem/.8 var(--e)}
#er .pc .tx{padding:26px;display:flex;flex-direction:column;gap:8px;flex:1}
#er .pc h3{margin:0}
#er .pc p{margin:0;color:var(--muted);font-size:.98rem}
#er .pc small{color:var(--muted);font-weight:600}
#er .pc a.l{margin-top:auto;padding-top:12px;font-weight:700}
#er .two{display:grid;grid-template-columns:1fr 1fr;gap:64px}
@media(max-width:860px){#er .two{grid-template-columns:1fr;gap:36px}}
#er .team{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:36px}
#er .team a{display:block;border-radius:24px;padding:28px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);text-decoration:none;transition:transform .25s}
#er .team a:hover{transform:translateY(-5px)}
#er .team b{display:block;font:600 1.3rem var(--s);letter-spacing:-.03em}
#er .team span{color:var(--muted)}
#er .vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:36px}
#er .vals div{border-radius:24px;padding:28px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}
#er .vals h3{font-size:1.3rem}
#er .vals p{margin:0;color:var(--muted)}
#er .faq{max-width:820px;margin-top:36px}
#er .faq details{border-bottom:1.5px solid var(--line);padding:22px 0}
#er .faq summary{cursor:pointer;font:600 1.2rem var(--s);letter-spacing:-.02em}
#er .faq p{margin:12px 0 0;color:var(--muted)}
#er .ctab{border-radius:32px;background:var(--deep);color:#EAF6F1;padding:56px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
#er .ctab h2{margin:0;max-width:14ch}
#er footer{padding-top:70px}
#er footer .wrap>div.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;font-size:.97rem}
@media(max-width:860px){#er footer .wrap>div.fg{grid-template-columns:1fr 1fr}}
#er footer .fg a{margin:0;display:inline-block;padding:3px 0}
#er footer .fg ul{list-style:none;padding:0;margin:0}
#er footer h3{font-size:1rem;color:#fff;margin-bottom:12px;letter-spacing:-.01em}
#er footer .cp{font-size:.9rem;opacity:.8}
#er .wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:85;width:62px;height:62px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .2s}
#er .wa:hover{transform:scale(1.08)}
#er .wa svg{width:34px;height:34px;fill:#fff}
#er .wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:wap 2.4s infinite}
@keyframes wap{to{transform:scale(1.55);opacity:0}}
@media(prefers-reduced-motion:reduce){#er .wa::after{animation:none}}
#er .wab{position:fixed;right:18px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:85;max-width:280px;background:#fff;color:#12241F;border-radius:20px 20px 4px 20px;padding:16px 40px 16px 18px;box-shadow:0 12px 36px rgba(0,0,0,.3);font-size:.95rem;line-height:1.45}
#er .wab[hidden]{display:none}
#er .wab button{position:absolute;top:6px;right:8px;background:none;border:0;font-size:1.4rem;cursor:pointer;color:#555;line-height:1}
#er .qq{display:none}
#er .qq.on{display:block}
#er .wab a{display:inline-block;margin-top:10px;background:#25D366;color:#06210F;font-weight:700;padding:9px 18px;border-radius:99px;text-decoration:none}

/* ===== Standalone site additions ===== */
html,body{margin:0;background:#062B29}
#er{margin:0;width:auto}
#er img{max-width:100%}
#er .links a{padding:8px 12px}
#er .sc:nth-child(6){top:230px;background:#0B3B37;color:#EAF6F1}
@media(max-width:860px){#er .sc:nth-child(n){top:96px}}
#er .pj{cursor:default}
#er .pj>a{text-decoration:none;display:block}
#er .pj.on h3,#er .pj:hover h3{transform:translateX(14px);color:var(--mint)}
#er .pj .d a{font-weight:600;color:var(--mint)}
/* WhatsApp bubble: bottom left */
#er .wa{left:18px;right:auto}
#er .wab{left:18px;right:auto;border-radius:20px 20px 20px 4px}
/* helpers */
#er .eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin-bottom:14px}
#er .ph .eyebrow{color:var(--mint)}
#er .bc{font-size:.9rem;color:#9DBDB4;margin:0 0 26px;display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}
#er .bc li+li::before{content:"/";margin-right:8px;opacity:.6}
#er .bc a{text-decoration:none;color:#CBE5DD}
#er .bc a:hover{color:#fff}
#er .ph .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
#er .lede{font-size:1.15rem;color:var(--muted)}
#er .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:40px}
#er .stat{border-radius:24px;padding:28px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}
#er .stat b{display:block;font:600 clamp(2.2rem,4vw,3.2rem)/1 var(--s);letter-spacing:-.04em;color:var(--deep);margin-bottom:8px}
@media (prefers-color-scheme:dark){#er .stat b{color:var(--mint)}}
#er .stat span{color:var(--muted)}
#er .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin-top:40px}
#er .card{border-radius:24px;padding:30px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}
#er .card .ic{font-size:1.7rem;margin-bottom:14px;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(226,180,90,.18)}
#er .card h3{font-size:1.3rem;margin-bottom:.45em}
#er .card p{color:var(--muted);margin:0}
#er .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:44px}
#er .step{border-top:2px solid var(--coral);padding-top:22px}
#er .step small{display:block;font-weight:600;color:var(--coral);letter-spacing:.12em;margin-bottom:10px}
#er .step h3{font-size:1.35rem}
#er .step p{color:var(--muted);margin:0}
#er .founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
@media(max-width:860px){#er .founder{grid-template-columns:1fr;gap:32px}}
#er .founder img{width:100%;border-radius:32px;display:block;aspect-ratio:1;object-fit:cover}
#er .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
#er .chip{padding:9px 16px;border-radius:99px;border:0;box-shadow:inset 0 0 0 1.5px var(--line);font:500 .92rem var(--s);background:none;color:inherit;cursor:pointer}
#er button.chip:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
#er .chip[aria-pressed=true]{background:var(--ink);color:var(--stone);box-shadow:none}
#er .tm{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;margin-top:44px}
#er .tm figure{margin:0}
#er .tm img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;display:block;background:var(--line)}
#er .tm figcaption{padding:14px 4px 0}
#er .tm b{display:block;font:600 1.15rem var(--s);letter-spacing:-.02em}
#er .tm span{color:var(--muted);font-size:.95rem}
#er .crs{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;margin-top:44px}
#er .cr{border-radius:26px;overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column}
#er .cr img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
#er .cr .tx{padding:26px;display:flex;flex-direction:column;gap:6px;flex:1}
#er .cr h3{font-size:1.35rem;margin:0}
#er .cr p{color:var(--muted);margin:0}
#er .cr dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 20px;font-size:.94rem}
#er .cr dt{color:var(--muted)}
#er .cr dd{margin:0;font-weight:600}
#er .cr .btn{margin-top:auto;justify-content:center}
#er .post.im{padding:0;overflow:hidden;gap:0}
#er .post.im .pi{aspect-ratio:16/9;overflow:hidden;background:var(--line)}
#er .post.im .pi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
#er .post.im:hover .pi img{transform:scale(1.04)}
#er .post.im .pt{padding:26px 28px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
#er .tag{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--coral)}
#er .tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between}
#er .tools .chips{margin:0}
#er input.search{padding:13px 20px;border-radius:99px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;width:auto;min-width:260px}
#er input.search:focus{border-color:var(--coral)}
#er .empty{color:var(--muted);margin-top:30px}
#er .pc .art{position:relative}
#er .pc .art em{position:absolute;top:18px;right:20px;font:600 .8rem var(--s);font-style:normal;background:rgba(255,255,255,.55);padding:5px 12px;border-radius:99px}
#er .pc[hidden]{display:none}
#er .cdet{display:grid;gap:14px;margin-top:30px}
#er .cdet a,#er .cdet div{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(240,215,154,.2);text-decoration:none}
#er .cdet a:hover{background:rgba(255,255,255,.1)}
#er .cdet i{font-style:normal;font-size:1.4rem;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(226,180,90,.2);flex-shrink:0}
#er .cdet small{display:block;opacity:.7;font-size:.85rem}
#er .cdet b{font-weight:600}
#er .legal{max-width:760px}
#er .legal h2{font-size:1.6rem;margin-top:1.8em}
#er .legal p,#er .legal li{color:var(--muted)}
#er .roadmap{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;counter-reset:r}
#er .roadmap li{counter-increment:r;display:flex;gap:16px;align-items:center;padding:22px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);font-weight:600}
#er .roadmap li::before{content:counter(r,decimal-leading-zero);font:italic 400 2rem/1 var(--e);color:var(--coral)}
#er .media{border-radius:32px;overflow:hidden}
#er .media img{width:100%;display:block}
/* article */
#er .art-h{background:var(--deep);color:#EAF6F1;padding:160px 0 110px}
#er .art-h h1{font-size:clamp(2rem,4.8vw,3.9rem);max-width:24ch;letter-spacing:-.035em;line-height:1.08}
#er .meta{display:flex;gap:10px 22px;flex-wrap:wrap;color:#9DBDB4;font-size:.95rem;margin-top:22px}
#er .art-img{max-width:1040px;margin:-70px auto 0;padding:0 24px;position:relative}
#er .art-img img{width:100%;border-radius:28px;display:block;max-height:580px;object-fit:cover;box-shadow:0 30px 60px rgba(0,0,0,.18);background:var(--surface)}
#er .art-g{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;max-width:1140px;margin:0 auto;padding:64px 24px 110px}
@media(max-width:960px){#er .art-g{grid-template-columns:1fr;gap:28px;padding-top:40px}}
#er .toc{position:sticky;top:110px;align-self:start;font-size:.92rem;max-height:calc(100vh - 140px);overflow:auto}
@media(max-width:960px){#er .toc{position:static;max-height:none;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);padding:16px 20px}}
#er .toc summary{cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
#er .toc ol{list-style:none;padding:0;margin:0;border-left:1.5px solid var(--line)}
#er .toc a{display:block;padding:6px 0 6px 16px;text-decoration:none;color:var(--muted);line-height:1.35;margin-left:-1.5px;border-left:1.5px solid transparent}
#er .toc a:hover,#er .toc a.on{color:var(--ink);border-color:var(--coral)}
#er .prose{font-size:1.08rem;line-height:1.8;min-width:0}
#er .prose>*:first-child{margin-top:0}
#er .prose p{max-width:none;margin:0 0 1.15em}
#er .prose h2{font-size:clamp(1.6rem,2.7vw,2.2rem);margin:2em 0 .6em;line-height:1.15;letter-spacing:-.03em;scroll-margin-top:100px}
#er .prose h3{font-size:1.38rem;margin:1.7em 0 .5em;line-height:1.25;letter-spacing:-.02em;scroll-margin-top:100px}
#er .prose h4{font-size:1.12rem;margin:1.4em 0 .4em;letter-spacing:-.01em}
#er .prose ul,#er .prose ol{padding-left:1.3em;margin:0 0 1.3em}
#er .prose li{margin:.4em 0}
#er .prose img{max-width:100%;height:auto;border-radius:20px;display:block;margin:0 auto}
#er .prose figure{margin:2.2em 0}
#er .prose a{color:inherit;text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:3px}
#er .prose blockquote{margin:1.8em 0;padding:4px 0 4px 24px;border-left:3px solid var(--coral);font:italic 1.35rem/1.5 var(--e)}
#er .prose pre{background:#0C1816;color:#E7EFEB;padding:20px 22px;border-radius:16px;overflow:auto;font-size:.88rem;line-height:1.6;margin:0 0 1.4em}
#er .prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}
#er .prose :not(pre)>code{background:rgba(127,127,127,.16);padding:.12em .4em;border-radius:6px}
#er .prose .tw{overflow-x:auto;margin:1.8em 0;border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--line)}
#er .prose table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.5}
#er .prose th,#er .prose td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
#er .prose th{background:var(--surface);font-weight:600}
#er .prose hr{border:0;border-top:1.5px solid var(--line);margin:2.6em 0}
#er .abox{margin-top:60px;padding:28px;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;gap:20px;align-items:center;flex-wrap:wrap}
#er .abox img{width:76px;height:76px;border-radius:50%;object-fit:cover}
#er .abox div{flex:1;min-width:220px}
#er .abox p{margin:4px 0 0;color:var(--muted);font-size:.97rem}
/* ===== Case study pages ===== */
#er .cs-wrap{color:var(--ink)}
#er .cs-hero,#er .cs-section,#er .cs-cta{padding-left:max(24px,calc((100% - 1192px)/2));padding-right:max(24px,calc((100% - 1192px)/2))}
#er .cs-hero{background:var(--deep);color:#EAF6F1;padding-top:160px;padding-bottom:90px}
#er .cs-hero-grid{display:grid;grid-template-columns:1fr 270px;gap:56px;align-items:start}
@media(max-width:860px){#er .cs-hero-grid{grid-template-columns:1fr;gap:32px}}
#er .cs-badge{display:inline-flex;align-items:center;gap:9px;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);margin-bottom:16px}
#er .cs-badge span{width:7px;height:7px;border-radius:50%;background:var(--coral)}
#er .cs-hero h1{font-size:clamp(2.1rem,5vw,4.2rem);max-width:20ch}
#er .cs-hero p{color:#CBE5DD;font-size:1.15rem}
#er .cs-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
#er .cs-tag{border:1px solid rgba(240,215,154,.35);border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:500}
#er .cs-live{display:inline-flex;align-items:center;gap:9px;margin-top:22px;color:var(--mint);font-weight:600}
#er .cs-live-dot{width:9px;height:9px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 4px rgba(74,222,128,.25)}
#er .cs-hero-meta{display:flex;flex-direction:column;gap:10px}
#er .cs-meta-item{background:rgba(255,255,255,.06);border:1px solid rgba(240,215,154,.2);border-radius:18px;padding:14px 18px}
#er .cs-meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.65}
#er .cs-meta-value{font-weight:600}
#er .cs-section{padding-top:96px;padding-bottom:96px;border-top:1.5px solid var(--line)}
#er .cs-section:nth-child(odd){background:var(--surface)}
#er .cs-section-label{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin-bottom:14px}
#er .cs-section h2{font-size:clamp(1.9rem,3.8vw,3.2rem)}
#er .cs-section p{color:var(--muted);font-size:1.07rem;max-width:72ch}
#er .cs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
@media(max-width:760px){#er .cs-two-col,#er .cs-ba-demo{grid-template-columns:1fr!important}}
#er .cs-block{border-radius:26px;padding:32px;background:var(--stone);box-shadow:inset 0 0 0 1.5px var(--line)}
#er .cs-block-title{display:flex;align-items:center;gap:9px;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
#er .cs-block-title.challenge{color:#B4532A}
#er .cs-block-title.solution{color:#0F766E}
@media (prefers-color-scheme:dark){#er .cs-block-title.challenge{color:#F4A47E}#er .cs-block-title.solution{color:#5EEAD4}}
#er .dot-red,#er .dot-green{width:8px;height:8px;border-radius:50%;background:currentColor}
#er .cs-block ul{list-style:none;margin:0;padding:0}
#er .cs-block li{padding:12px 0;border-top:1px solid var(--line)}
#er .cs-block li:first-child{border-top:0}
#er .cs-deliverables,#er .cs-value-grid,#er .cs-pillars,#er .cs-features,#er .cs-services,#er .cs-categories,#er .cs-destinations,#er .cs-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:30px}
#er .cs-del-item,#er .cs-value-card,#er .cs-pillar,#er .cs-feature,#er .cs-service,#er .cs-cat,#er .cs-dest,#er .cs-topic{border-radius:22px;padding:24px;background:var(--stone);box-shadow:inset 0 0 0 1.5px var(--line)}
#er .cs-section:nth-child(even) .cs-del-item,#er .cs-section:nth-child(even) .cs-value-card,#er .cs-section:nth-child(even) .cs-pillar,#er .cs-section:nth-child(even) .cs-feature,#er .cs-section:nth-child(even) .cs-service,#er .cs-section:nth-child(even) .cs-cat,#er .cs-section:nth-child(even) .cs-dest,#er .cs-section:nth-child(even) .cs-topic,#er .cs-section:nth-child(even) .cs-block{background:var(--surface)}
#er .cs-del-item,#er .cs-feature,#er .cs-service{display:flex;gap:16px;align-items:flex-start}
#er .cs-del-icon,#er .vc-icon,#er .cs-pillar-icon,#er .cs-feature-icon,#er .cs-service-icon,#er .cs-cat-icon,#er .cs-dest-icon,#er .cs-topic-icon{font-size:1.45rem;width:48px;height:48px;border-radius:15px;background:rgba(226,180,90,.2);display:grid;place-items:center;flex-shrink:0}
#er .vc-icon,#er .cs-pillar-icon,#er .cs-cat-icon,#er .cs-dest-icon,#er .cs-topic-icon{margin-bottom:14px}
#er .cs-del-text strong,#er .vc-title,#er .cs-pillar-title,#er .cs-feature-title,#er .cs-service-title,#er .cs-cat-name,#er .cs-dest-name,#er .cs-topic-name{display:block;font-weight:600;font-size:1.05rem;letter-spacing:-.01em}
#er .cs-del-text span,#er .vc-desc,#er .cs-pillar-desc,#er .cs-feature-desc,#er .cs-service-desc{display:block;color:var(--muted);font-size:.95rem;margin-top:4px;line-height:1.5}
#er .cs-service-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:99px;box-shadow:inset 0 0 0 1.5px var(--line);margin:10px 8px 0 0;font-size:.93rem;font-weight:500}
#er .chip-dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}
#er .cs-store-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
#er .cs-store-badge{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:16px;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.35)}
#er .store-icon{font-size:1.5rem}
#er .cs-store-badge strong{display:block;line-height:1.2}
#er .cs-store-badge span{font-size:.85rem;opacity:.7}
#er .cs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:30px}
#er .cs-stat{border-radius:24px;padding:30px;background:var(--deep);color:#EAF6F1}
#er .cs-stat-num{font:600 clamp(2.2rem,4vw,3.2rem)/1 var(--s);letter-spacing:-.04em;color:var(--mint);margin-bottom:10px}
#er .cs-stat-label{opacity:.8}
#er .cs-testimonial{margin-top:30px;border-radius:30px;padding:44px;background:var(--stone);box-shadow:inset 0 0 0 1.5px var(--line)}
#er .cs-testimonial p{font:400 clamp(1.4rem,2.6vw,2.1rem)/1.3 var(--e);color:var(--ink);max-width:none}
#er .cs-testimonial-author{display:flex;gap:14px;align-items:center;margin-top:24px}
#er .cs-author-avatar{width:54px;height:54px;border-radius:50%;background:var(--deep);color:var(--mint);display:grid;place-items:center;font-weight:600}
#er .cs-author-name{font-weight:600}
#er .cs-author-role{color:var(--muted);font-size:.92rem}
#er .cs-alert{display:flex;gap:14px;margin-top:26px;border-radius:20px;padding:22px 24px;background:rgba(226,180,90,.14);border:1.5px solid rgba(226,180,90,.5)}
#er .cs-alert-icon{font-size:1.4rem}
#er .cs-alert-text strong{display:block;margin-bottom:4px}
#er .cs-feature-highlight{margin-top:30px;border-radius:30px;padding:40px;background:var(--deep);color:#EAF6F1}
#er .cs-feature-highlight-label{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);margin-bottom:12px}
#er .cs-feature-highlight h3{font-size:clamp(1.6rem,3vw,2.4rem)}
#er .cs-feature-highlight p{color:#CBE5DD}
#er .cs-ba-demo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
#er .cs-ba-side{border-radius:22px;padding:28px;text-align:center}
#er .cs-ba-before{background:rgba(239,68,68,.14)}
#er .cs-ba-after{background:rgba(52,211,153,.16)}
#er .cs-ba-icon{font-size:2rem}
#er .cs-ba-label{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;margin:8px 0}
#er .cs-ba-desc{opacity:.85;font-size:.97rem}
#er .cs-cta{background:var(--deep);color:#EAF6F1;padding-top:100px;padding-bottom:100px}
#er .cs-cta h3{font-size:clamp(2rem,4.4vw,3.6rem);max-width:20ch;line-height:1.05;letter-spacing:-.04em}
#er .cs-cta p{color:#CBE5DD;font-size:1.1rem}
#er .cs-btn{display:inline-flex;align-items:center;gap:10px;background:var(--coral);color:#1A0A04;padding:15px 28px;border-radius:99px;font-weight:600;text-decoration:none;margin-top:12px;transition:transform .25s,background .25s}
#er .cs-btn:hover{background:#fff;transform:translateY(-2px)}
#er .qq{margin:0}
#er .qq blockquote{margin:0}
#er .qq figcaption{margin-top:18px}
#er footer .wrap>div.big{display:block;font-size:clamp(3.5rem,17vw,15rem);margin:56px 0 24px}
#er .tm img,#er .cr img,#er .founder img,#er .media img,#er .prose img,#er .abox img{height:auto}
#er .abox img{height:76px}
#er .post h2{font-size:1.4rem;margin:0;letter-spacing:-.03em;line-height:1.15}
#er .pc h2{font-size:1.5rem;margin:0;letter-spacing:-.03em;line-height:1.1}
#er .stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:700px){#er .stats{grid-template-columns:1fr 1fr;gap:12px}#er .stat{padding:20px}#er .ph{padding:140px 0 70px}}
@media(max-width:860px){#er footer .wrap>div.fg>div:first-child{grid-column:1/-1}}

#er .skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--coral);color:#1A0A04;padding:10px 16px;border-radius:0 0 12px 0}#er .skip:focus{left:0}
#er footer .soc{display:flex;flex-wrap:wrap;gap:4px 14px}