/* AiWritingBoss homepage — depth comes from real 3D transforms, thick "slab" edges and layered shadows */
:root{--ink:#0e1014;--ink2:#171b21;--paper:#f3f1ea;--card:#fffefa;--line:#e2ded2;--mut:#5d626b;--acc:#0c6b58;--acc-d:#06392f;--lime:#c4f27a;--lime-d:#86b83f;--hot:#ff7a45;
--f-d:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--f-b:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--f-m:"IBM Plex Mono",ui-monospace,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--f-b);overflow-x:hidden}
a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--f-d);margin:0;letter-spacing:-.025em;line-height:1.05}p{margin:0}
.wrap{width:min(1180px,100% - 40px);margin:0 auto}.wrap.narrow{width:min(780px,100% - 40px)}.mono{font-family:var(--f-m)}.muted{color:var(--mut)}

/* 3D primitives */
.btn3d{display:inline-flex;align-items:center;justify-content:center;font:700 15px var(--f-d);padding:11px 20px;border-radius:12px;background:var(--lime);color:#11150c;
  box-shadow:0 5px 0 var(--lime-d),0 14px 22px -10px rgba(134,184,63,.75);transform:translateY(0);transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn3d:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--lime-d),0 20px 26px -12px rgba(134,184,63,.8)}
.btn3d:active{transform:translateY(4px);box-shadow:0 1px 0 var(--lime-d),0 4px 8px -4px rgba(134,184,63,.7)}
.btn3d.big{font-size:17px;padding:15px 26px;border-radius:14px}
.btn3d.dark{background:var(--ink);color:#fff;box-shadow:0 5px 0 #000,0 14px 22px -10px rgba(0,0,0,.6)}.btn3d.dark:hover{box-shadow:0 7px 0 #000,0 20px 26px -12px rgba(0,0,0,.6)}.btn3d.dark:active{box-shadow:0 1px 0 #000}
.btn3d.ghost{background:#20252d;color:#fff;box-shadow:0 5px 0 #07090c,0 14px 22px -10px rgba(0,0,0,.7)}.btn3d.ghost:hover{box-shadow:0 7px 0 #07090c,0 20px 26px -12px rgba(0,0,0,.7)}.btn3d.ghost:active{box-shadow:0 1px 0 #07090c}
.cube{--s:54px;display:inline-block;width:var(--s);height:var(--s);position:relative;transform-style:preserve-3d;transform:rotateX(-26deg) rotateY(-38deg);flex:none}
.cube i{position:absolute;inset:0;display:grid;place-items:center;font:800 calc(var(--s)*.5)/1 var(--f-d);font-style:normal;color:#11150c;border-radius:calc(var(--s)*.12)}
.cube i:nth-child(1){background:var(--lime);transform:translateZ(calc(var(--s)/2))}
.cube i:nth-child(2){background:var(--lime-d);transform:rotateY(90deg) translateZ(calc(var(--s)/2))}
.cube i:nth-child(3){background:#e2ffb0;transform:rotateX(90deg) translateZ(calc(var(--s)/2))}
.cube.sm{--s:17px;margin:0 12px 0 4px}
.kicker{font:500 12px var(--f-m);text-transform:uppercase;letter-spacing:.16em;color:var(--acc)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
.tilt{transition:transform .18s ease-out;will-change:transform}

/* nav */
.nav{position:sticky;top:0;z-index:30;background:rgba(14,16,20,.86);backdrop-filter:blur(10px);border-bottom:1px solid #1f242c}
.nav .wrap{display:flex;align-items:center;gap:28px;height:68px}
.logo{display:flex;align-items:center;font:800 20px var(--f-d);color:#fff;letter-spacing:-.02em}
.nav nav{display:flex;gap:26px;margin-left:auto}.nav nav a{color:#aeb3bc;font-weight:500;font-size:15px}.nav nav a:hover{color:#fff}
.navcta{display:flex;align-items:center;gap:18px}.navcta .link{color:#fff;font-weight:500;font-size:15px}.navcta .btn3d{padding:9px 16px;font-size:14px}

/* hero */
.hero{position:relative;background:radial-gradient(900px 520px at 78% 18%,rgba(196,242,122,.2),transparent 62%),radial-gradient(700px 500px at 0% 100%,rgba(12,107,88,.42),transparent 60%),var(--ink);color:#c9cdd3;overflow:hidden;padding:74px 0 120px}
.floor{position:absolute;left:-30%;right:-30%;bottom:-34%;height:78%;transform:perspective(560px) rotateX(66deg);transform-origin:50% 0;
  background-image:linear-gradient(rgba(196,242,122,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(196,242,122,.2) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:linear-gradient(transparent,#000 35%,transparent 96%);mask-image:linear-gradient(transparent,#000 35%,transparent 96%);animation:drift 14s linear infinite}
@keyframes drift{to{background-position:0 64px,0 0}}
.herogrid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:30px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 12.5px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);background:rgba(196,242,122,.08);border:1px solid rgba(196,242,122,.25);padding:7px 14px;border-radius:99px}
.eyebrow b{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(196,242,122,.2)}
.hero h1{font-size:clamp(40px,4.5vw,60px);font-weight:800;color:#fff;margin:22px 0 20px}
.hero h1 em{font-style:normal;color:var(--lime);text-shadow:0 2px 0 #6f9a30,0 4px 0 #4f7020,0 14px 26px rgba(196,242,122,.35)}
.lead{font-size:19px;max-width:520px;color:#b9bec6}
.herobtns{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 22px}
.ticks{list-style:none;padding:0;margin:0;display:flex;gap:22px;flex-wrap:wrap;font-size:14px;color:#9aa0a8}
.ticks li:before{content:"";display:inline-block;width:14px;height:8px;border-left:2.5px solid var(--lime);border-bottom:2.5px solid var(--lime);transform:rotate(-45deg) translateY(-3px);margin-right:9px}

/* hero 3D scene */
.scene{perspective:1500px;height:560px;display:grid;place-items:center;padding-left:60px}
.stage{--rx:0deg;--ry:0deg;position:relative;width:440px;height:400px;transform-style:preserve-3d;transform:rotateX(calc(15deg + var(--rx))) rotateY(calc(-24deg + var(--ry))) rotateZ(3deg);transition:transform .25s ease-out}
.stage>*{position:absolute;transform-style:preserve-3d}
.sheet{inset:0;border-radius:20px;background:#27303a;border:1px solid #414c5a}.sheet.s2{transform:translateZ(-50px) translate(26px,22px);opacity:.75}.sheet.s3{transform:translateZ(-100px) translate(52px,44px);opacity:.42}
.panel3d{inset:0;border-radius:20px;background:linear-gradient(160deg,#fffefa,#f1eee4);color:var(--ink);padding:20px 22px;
  box-shadow:1px 1px 0 #cfcabb,2px 2px 0 #cfcabb,3px 3px 0 #cfcabb,4px 4px 0 #cfcabb,5px 5px 0 #c4bfae,6px 6px 0 #c4bfae,7px 7px 0 #b9b4a2,8px 8px 0 #b9b4a2,34px 50px 70px rgba(0,0,0,.6)}
.ptop{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dots{display:flex;gap:5px;margin-right:auto}.dots i{width:9px;height:9px;border-radius:50%;background:#d9d5c8}
.pid{font:500 11px var(--f-m);letter-spacing:.08em;background:var(--ink);color:var(--lime);border-radius:6px;padding:3px 8px}
.run{font:500 10.5px var(--f-m);text-transform:uppercase;letter-spacing:.08em;background:#e4ecf8;color:#2b5fa8;border-radius:99px;padding:3px 10px}
.pname{font:700 18px var(--f-d)}.pcount{display:flex;align-items:baseline;gap:8px;margin:6px 0 10px}.pcount b{font:500 56px/1 var(--f-m);letter-spacing:-.05em}.pcount span{font:500 22px var(--f-m);color:var(--mut)}.pcount em{font-style:normal;color:var(--mut);font-size:13px;margin-left:4px}
.pbar{height:12px;border-radius:99px;background:#e6e2d6;overflow:hidden;margin-bottom:14px}.pbar i{display:block;height:100%;width:65%;border-radius:99px;background:linear-gradient(90deg,var(--acc),#17a673);animation:grow 3.5s ease-out both}
@keyframes grow{from{width:8%}}
.prow{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;padding:9px 0;border-top:1px solid #e9e5d9}.prow small{margin-left:auto;font:400 11.5px var(--f-m);color:var(--mut)}
.ok{width:16px;height:16px;border-radius:50%;background:var(--acc);position:relative;flex:none}.ok:after{content:"";position:absolute;left:4.5px;top:4.5px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.spin{width:14px;height:14px;border-radius:50%;border:2.5px solid #cfd8ea;border-top-color:#2b5fa8;animation:sp 1s linear infinite;flex:none}@keyframes sp{to{transform:rotate(360deg)}}.prow.now{color:#2b5fa8}
.float{background:var(--card);color:var(--ink);border-radius:14px;padding:12px 15px;font-size:13px;line-height:1.35;display:flex;flex-direction:column;gap:3px;
  box-shadow:1px 1px 0 #cfcabb,2px 2px 0 #cfcabb,3px 3px 0 #c4bfae,4px 4px 0 #c4bfae,20px 30px 40px rgba(0,0,0,.5);animation:bob 6s ease-in-out infinite}
.float small{font:400 11px var(--f-m);color:var(--mut)}.float strong{font:700 14px var(--f-d)}
.badge{align-self:flex-start;font:500 10px var(--f-m);text-transform:uppercase;letter-spacing:.08em;background:#e3f1ec;color:var(--acc-d);border-radius:99px;padding:2px 9px}
.f1{left:-175px;top:-78px;width:235px;--z:120px}.f2{right:-70px;top:-46px;width:150px;--z:90px;animation-delay:-2s}.f3{right:-96px;bottom:54px;--z:150px;animation-delay:-3.5s;background:var(--ink);color:#fff;box-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000,20px 30px 40px rgba(0,0,0,.6)}
.f3 strong{font:500 24px var(--f-m);color:var(--lime)}.f3 small{color:#8d939d}
.f4 div{display:flex;flex-direction:column;gap:2px}.f4{left:-90px;bottom:-52px;--z:70px;animation-delay:-1s;flex-direction:row;align-items:center;gap:11px}.mail{width:34px;height:26px;border-radius:6px;background:var(--lime);position:relative;flex:none}.mail:after{content:"";position:absolute;left:6px;right:6px;top:6px;height:9px;border-left:2px solid #11150c;border-bottom:2px solid #11150c;transform:rotate(-45deg) scale(.8)}
.img{height:86px;border-radius:9px;background:radial-gradient(circle at 70% 30%,#ffd9a0 0 14%,transparent 15%),linear-gradient(160deg,#ff9b6a,#c84d6b 55%,#3b2a5c)}
@keyframes bob{0%,100%{transform:translateZ(var(--z)) translateY(0)}50%{transform:translateZ(calc(var(--z) + 26px)) translateY(-9px)}}
.stage .cube{animation:turn 16s linear infinite}.c1{--s:48px;right:-30px;bottom:-56px}.c2{--s:30px;left:-150px;top:210px;animation-duration:22s!important}
@keyframes turn{from{transform:translateZ(60px) rotateX(-26deg) rotateY(0)}to{transform:translateZ(60px) rotateX(-26deg) rotateY(360deg)}}

/* strip */
.strip{background:var(--lime);border-bottom:6px solid var(--lime-d)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}.strip b{display:block;font:800 22px var(--f-d);letter-spacing:-.02em}.strip span{font-size:14px;color:#3a4a1c}

/* sections */
.sec{padding:104px 0}.sec h2{font-size:clamp(32px,4vw,52px);font-weight:800;margin:10px 0 0;max-width:780px}.sec .sub{margin-top:14px;font-size:18px;color:var(--mut)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:70px}
.step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:54px 28px 30px;box-shadow:0 10px 0 #d9d5c8,0 34px 44px -22px rgba(20,22,27,.3)}
.step .num{--s:64px;position:absolute;left:30px;top:-34px}.step h3{font-size:23px;font-weight:700;margin-bottom:10px}.step p{color:var(--mut)}
.step:nth-child(2){margin-top:34px}.step:nth-child(3){margin-top:68px}
.sec.dark{background:radial-gradient(800px 400px at 12% 0,rgba(12,107,88,.4),transparent 60%),var(--ink);color:#b9bec6}.sec.dark h2{color:#fff}.sec.dark .kicker{color:var(--lime)}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.feat{background:linear-gradient(160deg,#1c2129,#151920);border:1px solid #2a313b;border-radius:20px;padding:26px 22px 28px;box-shadow:0 8px 0 #07090c,0 30px 40px -20px rgba(0,0,0,.8);transform-style:preserve-3d}
.feat .ico{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--lime);color:#11150c;box-shadow:0 5px 0 var(--lime-d),0 14px 18px -8px rgba(196,242,122,.5);margin-bottom:22px;transform:translateZ(34px)}
.feat h3{font-size:19px;font-weight:700;color:#fff;margin-bottom:9px;line-height:1.2;transform:translateZ(20px)}.feat p{font-size:14.5px;line-height:1.55}

/* pricing */
.plans3d{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;margin-top:64px;align-items:end}
.plan3d{position:relative;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:32px 28px 30px;box-shadow:0 12px 0 #d9d5c8,0 40px 50px -24px rgba(20,22,27,.35);display:flex;flex-direction:column}
.plan3d h3{font:500 15px var(--f-m);text-transform:uppercase;letter-spacing:.14em;color:var(--mut)}
.price{font:800 76px/1 var(--f-d);letter-spacing:-.05em;margin:14px 0 4px}.price sup{font-size:30px;vertical-align:top;position:relative;top:10px;margin-right:3px;letter-spacing:0}
.tok{font:500 17px var(--f-m);color:var(--acc)}.plan3d ul{list-style:none;padding:0;margin:22px 0 26px;display:flex;flex-direction:column;gap:9px;font-size:15px;flex:1}
.plan3d li:before{content:"";display:inline-block;width:12px;height:7px;border-left:2.5px solid var(--acc);border-bottom:2.5px solid var(--acc);transform:rotate(-45deg) translateY(-3px);margin-right:10px}
.plan3d.feat{background:linear-gradient(165deg,#161a20,#0e1014);border-color:#0e1014;color:#c9cdd3;padding-top:46px;padding-bottom:44px;box-shadow:0 12px 0 var(--lime-d),0 50px 60px -24px rgba(12,107,88,.7)}
.plan3d.feat h3{color:#8d939d}.plan3d.feat .price{color:#fff}.plan3d.feat .tok{color:var(--lime)}.plan3d.feat li:before{border-color:var(--lime)}
.tag{position:absolute;top:-15px;left:28px;font:700 12px var(--f-d);background:var(--hot);color:#fff;border-radius:99px;padding:6px 14px;box-shadow:0 4px 0 #c2501f}
.plan3d .btn3d{width:100%}
.ratebox{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;margin-top:70px;align-items:stretch}
.receipt{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 30px;box-shadow:0 10px 0 #d9d5c8,0 34px 44px -22px rgba(20,22,27,.28)}
.receipt h3{font-size:22px;font-weight:700;margin-bottom:14px}.receipt div{display:flex;align-items:baseline;gap:10px;padding:7px 0;font-size:15px}.receipt i{flex:1;border-bottom:2px dotted #cfcabb;transform:translateY(-4px)}.receipt b{font:500 16px var(--f-m)}.receipt small{display:block;margin-top:10px;color:var(--mut);font:400 12px var(--f-m)}
.example{background:var(--lime);border-radius:22px;padding:30px;box-shadow:0 10px 0 var(--lime-d),0 34px 44px -22px rgba(134,184,63,.7);display:flex;flex-direction:column;justify-content:center}
.example .kicker{color:#3a4a1c}.example p{font-size:18px;margin-top:8px}.example .big{font:500 64px/1 var(--f-m);letter-spacing:-.05em;margin:14px 0}.example .big small{font-size:18px;letter-spacing:0;margin-left:10px}.example .muted{font-size:14.5px;color:#3a4a1c}

/* faq, final, footer */
.q{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-top:14px;box-shadow:0 6px 0 #d9d5c8}.q:first-of-type{margin-top:44px}
.q summary{cursor:pointer;list-style:none;padding:19px 24px;font:700 19px var(--f-d);display:flex;justify-content:space-between;align-items:center}.q summary::-webkit-details-marker{display:none}
.q summary:after{content:"+";font:500 26px/1 var(--f-m);color:var(--acc)}.q[open] summary:after{content:"–"}.q p{padding:0 24px 22px;color:var(--mut)}
.final{padding:20px 0 110px}.finalbox{position:relative;border-radius:30px;padding:74px 40px;text-align:center;color:#fff;overflow:hidden;
  background:radial-gradient(600px 300px at 80% 0,rgba(196,242,122,.28),transparent 65%),linear-gradient(140deg,#0e1014,#10352c);box-shadow:0 14px 0 var(--acc-d),0 50px 70px -30px rgba(12,107,88,.8)}
.finalbox h2{font-size:clamp(30px,4vw,50px);font-weight:800;max-width:720px;margin:0 auto 34px}.c3{--s:70px;position:absolute;left:7%;top:24%;animation:turn 18s linear infinite}
.foot{background:var(--ink);color:#8d939d;padding:34px 0;font-size:14.5px}.foot .wrap{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.foot nav{display:flex;gap:22px;margin:0 auto;flex-wrap:wrap}.foot a:hover{color:#fff}.foot .logo{font-size:18px}

@media(max-width:1020px){.herogrid{grid-template-columns:minmax(0,1fr)}.scene{height:500px;margin-top:20px;padding-left:0}.feats{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;gap:56px}.step:nth-child(n){margin-top:0}.ratebox{grid-template-columns:1fr}.nav nav{display:none}.navcta{margin-left:auto}}
@media(max-width:620px){.hero{padding:40px 0 60px}.hero h1{font-size:33px}.lead{font-size:17px}.eyebrow{font-size:10.5px;letter-spacing:.06em;padding:6px 11px}.herobtns .btn3d{flex:1 1 100%}.ticks{gap:8px 18px}.scene{height:330px;margin-top:34px}.wrap{width:calc(100% - 32px)}.plans3d{gap:34px}.ratebox{margin-top:50px}.example .big{font-size:50px}.stage{transform:scale(.62) rotateX(15deg) rotateY(-22deg) rotateZ(3deg)}.feats{grid-template-columns:1fr}.strip .wrap{grid-template-columns:1fr 1fr}.sec{padding:70px 0}.navcta .link{display:none}.price{font-size:60px}.finalbox{padding:54px 22px}.c3{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.float{transform:translateZ(var(--z))}.stage .cube{transform:translateZ(60px) rotateX(-26deg) rotateY(-38deg)}}

/* ===== shared public header: menu, phone drawer, skip link ===== */
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:#11150c;padding:10px 16px;border-radius:10px;font-weight:700;z-index:99}.skip:focus{left:12px}
.menu{display:flex;align-items:center;gap:28px;margin-left:auto}.nav nav{margin-left:0}.nav nav a.on{color:#fff}
.burger{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #2b323c;border-radius:12px;background:#171b21;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.menuopen .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}.menuopen .burger i:nth-child(2){opacity:0}.menuopen .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:6px}
.center{text-align:center}.sec.tight{padding:64px 0 90px}.sec.alt{background:#ebe8de}
.more{margin-top:40px;text-align:center}

/* ===== blog ===== */
.bloghead{background:radial-gradient(700px 300px at 85% 0,rgba(196,242,122,.2),transparent 65%),var(--ink);color:#b9bec6;padding:70px 0 64px}
.bloghead .kicker{color:var(--lime)}.bloghead h1{color:#fff;font-size:clamp(34px,5vw,58px);font-weight:800;margin:10px 0 12px}.bloghead p{font-size:18px;max-width:620px}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:44px}.sec.tight .pgrid:first-child{margin-top:0}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 0 #d9d5c8,0 30px 40px -22px rgba(20,22,27,.3);transition:transform .18s,box-shadow .18s}
.pcard:hover{transform:translateY(-5px);box-shadow:0 13px 0 #d9d5c8,0 40px 46px -22px rgba(20,22,27,.35)}
.pimg{display:block;aspect-ratio:16/9;background:#14161b;overflow:hidden}.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.nocover{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 70% 20%,rgba(196,242,122,.35),transparent 55%),linear-gradient(140deg,#0e1014,#10352c)}
.pbody{padding:20px 22px 24px;display:flex;flex-direction:column;gap:9px}.pmeta{font:400 12.5px var(--f-m);color:var(--mut)}
.pcard h3{font-size:21px;font-weight:700;line-height:1.2}.pcard h3 a:hover{color:var(--acc)}.pcard p{color:var(--mut);font-size:15px}
.pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:54px}.pager a,.pager b{min-width:44px;height:44px;display:grid;place-items:center;padding:0 14px;border-radius:12px;font:600 15px var(--f-b);background:var(--card);border:1px solid var(--line);box-shadow:0 4px 0 #d9d5c8}
.pager b{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 4px 0 #000}.pager a:hover{border-color:var(--acc)}
.posthead{background:radial-gradient(700px 300px at 85% 0,rgba(196,242,122,.18),transparent 65%),var(--ink);color:#aeb3bc;padding:54px 0 120px}
.crumbs{display:flex;gap:9px;font:400 13px var(--f-m);margin-bottom:22px}.crumbs a{color:var(--lime)}.crumbs a:hover{text-decoration:underline}
.posthead h1,.ptitle{font-size:clamp(32px,4.6vw,54px);font-weight:800;color:#fff;line-height:1.08}.ptitle{color:var(--ink);margin-top:10px}.posthead .pmeta{color:#8d939d;margin-top:18px;font-size:13.5px}
.draftnote{display:inline-block;background:var(--hot);color:#fff;font-weight:600;font-size:13.5px;padding:5px 12px;border-radius:8px;margin-bottom:14px}
.post .cover{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:22px;margin-top:-80px;display:block;box-shadow:0 12px 0 #d9d5c8,0 40px 60px -26px rgba(20,22,27,.5);background:#14161b}
.post .cover+.prose{margin-top:50px}.post .wrap>.prose:first-child{margin-top:-64px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:36px 40px;box-shadow:0 12px 0 #d9d5c8}
.prose{font-size:18.5px;line-height:1.75;color:#23262d;overflow-wrap:break-word}.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 22px}.prose h2{font-size:31px;font-weight:800;margin:46px 0 14px;line-height:1.15}.prose h3{font-size:24px;font-weight:700;margin:36px 0 10px}.prose h4{font:700 19px var(--f-d);margin:28px 0 8px}
.prose a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{margin:0 0 22px;padding-left:26px}.prose li{margin-bottom:8px}
.prose img{max-width:100%;height:auto;border-radius:14px;display:block;margin:30px auto}.prose blockquote{margin:30px 0;padding:6px 24px;border-left:5px solid var(--lime-d);font-size:21px;color:var(--ink)}
.prose pre{background:var(--ink);color:#e6e8eb;border-radius:12px;padding:16px 18px;overflow:auto;font:14px/1.6 var(--f-m)}.prose code{font-family:var(--f-m);font-size:.9em;background:#e9e5d9;border-radius:5px;padding:1px 6px}.prose pre code{background:none;padding:0}
.prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:16px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left}.prose th{background:#ebe8de}.prose hr{border:0;border-top:2px dashed var(--line);margin:40px 0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0}.tags span{font:500 12.5px var(--f-m);background:#e3f1ec;color:var(--acc-d);border-radius:99px;padding:5px 13px}
.ctabox{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin:56px 0 80px;padding:34px 36px;border-radius:24px;color:#c9cdd3;background:radial-gradient(400px 220px at 90% 0,rgba(196,242,122,.25),transparent 65%),linear-gradient(140deg,#0e1014,#10352c);box-shadow:0 12px 0 var(--acc-d)}
.ctabox h2{color:#fff;font-size:28px;font-weight:800;margin-bottom:8px}.ctabox div{flex:1 1 320px}

@media(max-width:1020px){
  .burger{display:flex}.nav{backdrop-filter:none;background:var(--ink)}
  .menu{display:none;position:absolute;left:0;right:0;top:68px;margin:0;padding:10px 20px 22px;background:var(--ink);border-bottom:1px solid #1f242c;flex-direction:column;align-items:stretch;gap:14px;box-shadow:0 30px 40px rgba(0,0,0,.5);max-height:calc(100vh - 68px);overflow:auto}
  .menuopen .menu{display:flex}.nav nav{display:flex;flex-direction:column;gap:0}.nav nav a{padding:14px 4px;font-size:17px;border-bottom:1px solid #1f242c;color:#fff}
  .navcta{margin:6px 0 0;flex-direction:column;align-items:stretch;gap:12px}.navcta .link{display:block;text-align:center;padding:13px;border:1px solid #2b323c;border-radius:12px}.navcta .btn3d{padding:14px;font-size:16px}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .navcta .link{display:block}.pgrid{grid-template-columns:minmax(0,1fr);gap:24px}.prose{font-size:17px}.prose h2{font-size:25px}.prose h3{font-size:21px}
  .posthead{padding:38px 0 96px}.post .cover{border-radius:16px;margin-top:-64px}.post .wrap>.prose:first-child{padding:24px 20px}.ctabox{padding:26px 22px;margin-bottom:56px}.ctabox .btn3d{width:100%}.bloghead{padding:46px 0 42px}
  .strip b{font-size:19px}.receipt{padding:22px 20px}.receipt div{font-size:14px}.example{padding:24px}.q summary{font-size:17px;padding:16px 18px}.q p{padding:0 18px 18px}.foot .wrap{flex-direction:column;align-items:flex-start;gap:16px}.foot nav{margin:0}
}
/* v4.13 — currency chooser: segmented control in the pricing section and a floating one in the corner */
.curswitch{display:inline-flex;gap:3px;padding:4px;border-radius:14px;background:#e7e4dc;box-shadow:inset 0 1px 2px rgba(17,20,24,.1)}
.curswitch a,.curswitch b{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:11px;font-weight:700;font-size:14px;color:#5b6270;white-space:nowrap;transition:background .15s,color .15s}
.curswitch a:hover{color:#111418;background:rgba(255,255,255,.6)}
.curswitch b{background:#111418;color:#fff;box-shadow:0 3px 0 #000,0 10px 18px -8px rgba(17,20,24,.5)}
.curswitch .sym{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d6d2c8;color:#111418;font:700 13px/1 system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif}
.curswitch b .sym{background:#c4f27a;color:#111418}
.curbar{margin-top:26px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:15px;font-weight:600;color:#5b6270}
.curfloat{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:18px;background:rgba(17,20,24,.92);backdrop-filter:blur(10px);box-shadow:0 4px 0 #000,0 22px 40px -14px rgba(17,20,24,.6);border:1px solid #2a3038}
.curfloat .curlabel{color:#aeb3bc;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.curfloat .curswitch{background:#22272e;box-shadow:none;padding:3px}.curfloat .curswitch a{color:#aeb3bc;padding:7px 13px;font-size:13px}.curfloat .curswitch a:hover{color:#fff;background:#2c323a}
.curfloat .curswitch b{background:#c4f27a;color:#111418;box-shadow:none;padding:7px 13px;font-size:13px}.curfloat .curswitch .sym{background:#3a414b;color:#fff;width:19px;height:19px;font-size:12px}.curfloat .curswitch b .sym{background:#111418;color:#c4f27a}
@media(max-width:620px){.curfloat{right:12px;bottom:12px;padding:6px}.curfloat .curlabel{display:none}}
.curfloat{transition:opacity .25s,transform .25s}.curfloat.away{opacity:0;transform:translateY(16px);pointer-events:none}
.logo .brandlogo{height:38px;width:auto;max-width:210px;object-fit:contain}.logo .brandicon{width:28px;height:28px;border-radius:7px;margin-right:11px;object-fit:cover}
/* v5.3 — light header (logo with dark lettering reads on it); menu colours follow */
.nav{background:rgba(255,254,250,.92);border-bottom:1px solid #e2ded2;box-shadow:0 1px 0 rgba(17,20,24,.03),0 10px 24px -18px rgba(17,20,24,.25)}
.nav .logo{color:#111418}
.nav nav a{color:#4a515c}.nav nav a:hover{color:#111418}.nav nav a.on{color:#111418;box-shadow:inset 0 -2px 0 #0c6b58}
.navcta .link{color:#111418}
.nav .btn3d{background:#111418;color:#fff;box-shadow:0 4px 0 #000,0 12px 20px -10px rgba(0,0,0,.5)}.nav .btn3d:hover{box-shadow:0 6px 0 #000,0 16px 24px -12px rgba(0,0,0,.5)}
.burger{border-color:#d9d5c8;background:#fff}.burger i{background:#111418}
@media(max-width:1020px){.nav{background:#fffefa;backdrop-filter:none}.nav .menu{background:#fffefa}.nav nav a{color:#111418;border-bottom-color:#ece8dc}.nav nav a.on{box-shadow:none}.navcta .link{border-color:#d9d5c8;color:#111418}}
.foot .logo .brandlogo{background:#fff;padding:6px 12px;border-radius:10px;height:44px}
/* v5.4 — ten feature cards: five per row on wide screens */
@media(min-width:1021px){.feats{grid-template-columns:repeat(3,1fr)}}