/*
Theme Name: Akanksha App Studio
Theme URI: https://akanksha.app
Author: Akanksha App Studio
Description: Theme for Akanksha App Studio — app showcase, blog, pricing and contact pages.
Version: 1.3.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: akanksha
*/

:root{
  --bg:#f5f8f4; --surface:#ffffff; --surface-2:#eef1ec; --fg:#121a14; --muted:#56615a;
  --border:#e3e7df; --accent:#0e8f5e; --accent-dk:#0b6e49; --accent-fg:#ffffff;
  --accent-soft:#e6f4ec; --ring:#0e8f5e55; --amber:#e08a1e;
  --shadow-sm:0 1px 2px #16281d10,0 4px 12px -8px #16281d20;
  --shadow:0 2px 6px #16281d0d,0 18px 40px -20px #16281d2b;
  --radius:18px; color-scheme:light;
  --display:"Bricolage Grotesque",Georgia,serif;
  --body:"Plus Jakarta Sans",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.1;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding-inline:20px}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600}
.ico{display:inline-flex;align-items:center;justify-content:center}
.ico svg{width:1em;height:1em;stroke-width:2;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.ico.fill svg{fill:currentColor;stroke:none}

/* NAV */
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#f5f8f4e8;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-in{display:flex;align-items:center;gap:18px;height:66px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:800;font-size:1.14rem;cursor:pointer}
.brand .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-dk));display:grid;place-items:center;color:#fff;flex:none;font-size:1.15rem}
.brand small{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;color:var(--muted);font-weight:500;margin-top:-3px}
nav.links{margin-left:auto;display:flex;gap:3px;align-items:center}
nav.links a{padding:9px 14px;border-radius:10px;font-size:.93rem;font-weight:600;color:var(--muted);cursor:pointer}
nav.links a:hover{color:var(--fg);background:var(--surface-2)}
nav.links a.active{color:var(--accent);background:var(--accent-soft)}
.menu-btn{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;font-size:1.3rem;margin-left:auto}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;border:1px solid transparent;font-family:var(--body);transition:transform .12s,box-shadow .12s}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-sm)}
.btn.primary:hover{background:var(--accent-dk)}
.btn.ghost{background:var(--surface);color:var(--fg);border-color:var(--border)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn .ico{font-size:1.1em}

main{min-height:60vh}
section{padding-block:70px}

/* HERO */
.hero{padding-top:58px;padding-bottom:30px}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}
.hero h1{font-size:clamp(2.3rem,5.4vw,3.9rem);letter-spacing:-.02em}
.hero h1 .g{color:var(--accent)}
.hero p.lead{font-size:1.12rem;color:var(--muted);margin-top:20px;max-width:46ch}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.stats{display:flex;gap:34px;margin-top:38px;flex-wrap:wrap}
.stat .n{font-family:var(--display);font-size:1.95rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.stat .l{font-size:.82rem;color:var(--muted);margin-top:4px}
/* hero phone */
.phone{justify-self:center;width:272px;aspect-ratio:9/18.6;background:#0e1512;border:1px solid var(--border);border-radius:38px;box-shadow:var(--shadow);padding:11px;position:relative}
.phone::before{content:"";position:absolute;top:19px;left:50%;translate:-50% 0;width:70px;height:6px;border-radius:6px;background:#2a332d;z-index:2}
.phone-screen{height:100%;border-radius:28px;background:linear-gradient(175deg,var(--accent-soft),#fff 55%);padding:30px 13px 13px;display:flex;flex-direction:column;gap:11px;overflow:hidden}
.ph-top{display:flex;align-items:center;justify-content:space-between;padding:0 4px}
.ph-top b{font-family:var(--display);font-size:1rem;color:var(--accent-dk)}
.ph-top .dot{width:26px;height:26px;border-radius:8px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);font-size:.8rem}
.ph-list{display:flex;flex-direction:column;gap:8px;overflow:hidden}
.ph-app{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:8px}
.ph-app .pa-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:none;font-size:1.05rem}
.ph-app .pa-name{font-size:.78rem;font-weight:700;line-height:1.15}
.ph-app .pa-sub{font-size:.62rem;color:var(--muted)}
.ph-app .pa-get{margin-left:auto;font-size:.6rem;font-weight:800;color:var(--accent);border:1px solid var(--accent);border-radius:20px;padding:3px 9px}

/* SECTION HEAD */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px;flex-wrap:wrap}
.sec-head h1,.sec-head h2{font-size:clamp(1.7rem,3.6vw,2.5rem);letter-spacing:-.01em;margin-top:8px}
.sec-head p{color:var(--muted);margin-top:8px;max-width:54ch}

/* APP GRID */
.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s}
.app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.app-banner{aspect-ratio:832/406;width:100%;object-fit:cover;background:var(--surface-2)}
.app-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:11px;flex:1}
.app-top{display:flex;align-items:center;gap:12px}
.app-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;flex:none;font-size:1.25rem;box-shadow:var(--shadow-sm)}
.app-top h3{font-size:1.06rem;line-height:1.2}
.app-cat{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.app-desc{font-size:.9rem;color:var(--muted);flex:1}
.app-foot{display:flex;align-items:center;justify-content:space-between;font-size:.86rem;font-weight:700;color:var(--accent);border-top:1px solid var(--border);padding-top:13px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:.76rem;color:var(--muted);font-weight:600}
.chip .ico{font-size:.95em;color:var(--amber)}

/* WHY / FEATURES */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.why-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px}
.why-card .wc-ico{width:50px;height:50px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:1.4rem;margin-bottom:16px}
.why-card h4{font-size:1.1rem;margin-bottom:8px}
.why-card p{font-size:.9rem;color:var(--muted)}
.band-soft{background:var(--surface-2)}

/* APP DETAIL */
.back{display:flex;width:fit-content;align-items:center;gap:7px;color:var(--muted);font-weight:600;cursor:pointer;font-size:.9rem;margin-bottom:24px}
.back:hover{color:var(--accent)}
.detail-hero{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);margin-bottom:30px}
.detail-hero img{width:100%;aspect-ratio:832/406;object-fit:cover}
.detail-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.detail-head .app-ico{width:76px;height:76px;border-radius:20px;font-size:2rem}
.detail-head h1{font-size:clamp(1.7rem,4vw,2.5rem)}
.detail-head .tagline{color:var(--muted);font-size:1.05rem;margin-top:5px}
.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.detail-body{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin-top:38px}
.detail-body h2{font-size:1.3rem;margin-bottom:14px}
.feat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}
.feat-list li{display:flex;gap:12px;align-items:flex-start;color:var(--fg)}
.feat-list .tick{width:24px;height:24px;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none;font-size:.8rem}
.shots-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.shots-row .shot{height:360px;width:auto;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);flex:none;scroll-snap-align:start;background:var(--surface-2)}
.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;height:fit-content;position:sticky;top:94px;box-shadow:var(--shadow-sm)}
.side-card .row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border);font-size:.9rem}
.side-card .row:last-of-type{border:none}
.side-card .row span:first-child{color:var(--muted)}

/* BLOG */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.filters button{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:8px 16px;border-radius:999px;font-weight:600;font-size:.86rem;cursor:pointer;font-family:var(--body)}
.filters button:hover{color:var(--fg)}
.filters button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.feature-post{display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:30px;cursor:pointer}
.feature-post .img{position:relative;min-height:260px;overflow:hidden}
.feature-post .img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.feature-post .cat-tag{position:absolute;top:16px;left:16px;z-index:2;background:#fff;color:var(--accent-dk);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;box-shadow:var(--shadow-sm)}
.feature-post .body{padding:32px;display:flex;flex-direction:column;justify-content:center}
.feature-post h3{font-size:1.5rem;margin:10px 0}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.post:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.post .pimg{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--accent-soft),var(--surface-2))}
.post .pimg img{width:100%;height:100%;object-fit:cover}
.post .pimg .cat-tag{position:absolute;top:12px;left:12px;background:#fff;color:var(--accent-dk);font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;box-shadow:var(--shadow-sm)}
.post .pbody{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1}
.post h3{font-size:1.06rem}
.post .ex{font-size:.88rem;color:var(--muted);flex:1}
.meta{font-size:.78rem;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.meta span{display:inline-flex;align-items:center;gap:5px}
.note{background:var(--accent-soft);border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:14px;padding:15px 18px;font-size:.88rem;display:flex;gap:10px;align-items:flex-start;margin-top:30px}
.note .ico{color:var(--accent);font-size:1.1rem;flex:none}

/* PRICING */
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:18px}
.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;display:flex;flex-direction:column;gap:16px;position:relative}
.price-card.pop{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-6px)}
.price-card .tag{position:absolute;top:-12px;left:22px;background:var(--accent);color:var(--accent-fg);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.price-card h3{font-size:1.15rem}
.price-card .amt{font-family:var(--display);font-size:2.1rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.price-card .amt small{font-size:.8rem;color:var(--muted);font-weight:600;font-family:var(--body)}
.price-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:.88rem;color:var(--muted);flex:1}
.price-card ul li{display:flex;gap:9px;align-items:flex-start}
.price-card ul .tick{color:var(--accent);flex:none;font-size:.85rem;margin-top:3px}

/* Pricing page: scoped so existing cards and app pages retain their styling. */
.pricing-page{padding-block:34px 78px;background:radial-gradient(circle at 10% 25%,#e8e0ff 0,transparent 32%),radial-gradient(circle at 93% 49%,#e3f5ed 0,transparent 35%),var(--bg)}
.pricing-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:30px;padding:clamp(28px,5vw,60px);min-height:300px;color:#fff;background:linear-gradient(115deg,#221b45 0%,#403575 53%,#0b7f75 100%);box-shadow:0 10px 0 #251b4a15,0 28px 55px #261d4b30;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);align-items:center;gap:24px}
.pricing-hero-copy{position:relative;z-index:2}.pricing-kicker{display:inline-block;font:700 .69rem var(--mono);letter-spacing:.16em;color:#d4ff3f;margin-bottom:15px}.pricing-hero h1{font-size:clamp(2rem,5vw,3.6rem);max-width:15ch}.pricing-hero h1 span{color:#d4ff3f}.pricing-hero p{max-width:59ch;color:#eef5fc;margin-top:16px;font-size:clamp(.94rem,1.65vw,1.06rem)}
.pricing-hero-link{display:inline-flex;align-items:center;gap:14px;margin-top:23px;padding:12px 19px;background:#fff;color:#231c4d;border-radius:14px;font-weight:800;box-shadow:0 5px 0 #d6d6e8,0 12px 25px #160d3f39;transition:transform .22s,box-shadow .22s}.pricing-hero-link:hover,.pricing-hero-link:focus-visible{transform:translateY(-4px);box-shadow:0 9px 0 #d6d6e8,0 17px 30px #160d3f4a}.pricing-hero-link:focus-visible,.pricing-category:focus-visible,.pricing-plan-cta:focus-visible{outline:3px solid #e34234;outline-offset:4px}
.pricing-orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:0;pointer-events:none}.pricing-orb-one{width:340px;height:340px;background:#c8b3e829;right:-90px;top:-160px}.pricing-orb-two{width:230px;height:230px;background:#d4ff3f22;left:36%;bottom:-180px}
.pricing-hero-art{justify-self:center;width:190px;height:190px;position:relative;transform:rotate(-8deg)}.pricing-hero-art span{position:absolute;width:90px;height:108px;padding:18px;border:2px solid #ffffffc4;border-radius:19px;font:800 1.5rem var(--display);box-shadow:0 18px 30px #100d3950;backdrop-filter:blur(6px);animation:pricing-float 5s ease-in-out infinite}.pricing-hero-art span:nth-child(1){left:0;top:47px;background:#c8b3e8ca;color:#251b50}.pricing-hero-art span:nth-child(2){left:48px;top:21px;background:#d4ff3fdd;color:#253309;animation-delay:-1.3s}.pricing-hero-art span:nth-child(3){left:94px;top:0;background:#e34234e6;color:#fff;animation-delay:-2.6s}.pricing-hero-art i{position:absolute;bottom:-20px;left:12px;width:180px;height:35px;background:#0a11315e;filter:blur(18px);border-radius:50%;z-index:-1}
.pricing-intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:52px 0 20px}.pricing-intro h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:6px}.pricing-intro p{color:var(--muted);max-width:39ch;font-size:.91rem}
.pricing-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:22px}.pricing-category{border-radius:18px;padding:16px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;min-height:88px;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 0 #20304013}.pricing-category:hover{transform:translateY(-4px);box-shadow:0 9px 0 #20304013}.pricing-category-mark{font-size:1.2rem;width:34px;height:34px;border-radius:11px;background:#ffffffa6;display:grid;place-items:center}.pricing-category strong,.pricing-category small{display:block}.pricing-category strong{font-size:.95rem;line-height:1.2}.pricing-category small{font-size:.73rem;line-height:1.35;margin-top:3px}.pricing-category b{grid-column:2;font-size:.78rem;line-height:1.1}.pricing-category-start{background:#e8e0f8;color:#312456}.pricing-category-grow{background:#ecffbd;color:#2a4214}.pricing-category-scale{background:#ffe3db;color:#5d281d}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.pricing-plan{--pricing-accent:#6c4cb1;--pricing-tint:#f4edff;position:relative;display:flex;flex-direction:column;gap:0;background:linear-gradient(155deg,#fff 45%,var(--pricing-tint));padding:23px;border:1.5px solid color-mix(in srgb,var(--pricing-accent) 35%,white);border-radius:24px;box-shadow:0 7px 0 color-mix(in srgb,var(--pricing-accent) 20%,transparent),0 18px 35px #171b3920;transform:perspective(900px) rotateX(0);animation:pricing-rise .55s both;animation-delay:calc(var(--pricing-order)*.08s);transition:transform .24s,box-shadow .24s,border-color .24s}.pricing-plan:hover,.pricing-plan:focus-within{transform:perspective(900px) translateY(-8px) rotateX(2deg);box-shadow:0 13px 0 color-mix(in srgb,var(--pricing-accent) 20%,transparent),0 30px 45px #171b3929;border-color:var(--pricing-accent)}
.pricing-plan-basic{--pricing-accent:#138a89;--pricing-tint:#e8faf8}.pricing-plan-standard{--pricing-accent:#728600;--pricing-tint:#f5ffce}.pricing-plan-pro{--pricing-accent:#dc5948;--pricing-tint:#fff0e9}.pricing-plan-premium{--pricing-accent:#a64c83;--pricing-tint:#fff0f8}.pricing-plan-popular{border-width:2px}
.pricing-plan-top{display:flex;align-items:center;justify-content:space-between;min-height:28px;gap:6px;margin-bottom:18px}.pricing-plan-category{color:var(--pricing-accent);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.pricing-plan-badge{font-size:.65rem;font-weight:800;background:var(--pricing-accent);color:#fff;padding:5px 9px;border-radius:999px;white-space:nowrap}.pricing-plan h3{font-size:clamp(1.28rem,2.25vw,1.55rem)}.pricing-plan-subtitle{min-height:44px;margin-top:6px;color:var(--muted);font-size:.84rem}.pricing-plan-price{margin:20px 0 14px;padding:17px 0;border-top:1px solid #2e33551c;border-bottom:1px solid #2e33551c;display:flex;flex-direction:column;align-items:flex-start}.pricing-price-label{font-size:.69rem;color:var(--muted);font-weight:700}.pricing-plan-price del{color:#9b5261;font-size:.88rem;line-height:1.3}.pricing-plan-price strong{font:800 clamp(1.85rem,3vw,2.35rem) var(--display);line-height:1.1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#1a2236;margin-top:4px}.pricing-plan ul{padding:0;margin:0 0 24px;list-style:none;display:grid;gap:9px;flex:1}.pricing-plan li{display:flex;gap:9px;color:#3a4552;font-size:.83rem;line-height:1.45}.pricing-plan li span{width:18px;height:18px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--pricing-tint);color:var(--pricing-accent);font-size:.7rem;font-weight:900}.pricing-plan-cta{margin-top:auto;padding:11px 12px;border-radius:12px;background:var(--pricing-accent);color:#fff;font-size:.81rem;font-weight:800;text-align:center;display:flex;justify-content:space-between;align-items:center;gap:6px;transition:filter .2s,transform .2s}.pricing-plan-cta:hover{filter:brightness(.9);transform:translateY(-2px)}.pricing-plan-cta span{font-size:1.05rem}
.pricing-footnote{margin-top:29px;display:flex;align-items:flex-start;gap:12px;padding:19px 22px;background:#fff;border:1px solid var(--border);border-radius:17px;color:var(--muted);font-size:.84rem;box-shadow:var(--shadow-sm)}.pricing-footnote span{color:#a64c83;font-size:1.2rem;line-height:1}
@keyframes pricing-float{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes pricing-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:900px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-plan-subtitle{min-height:0}}@media (max-width:690px){.pricing-hero{grid-template-columns:1fr;min-height:0}.pricing-hero-art{display:none}.pricing-intro{display:block;margin-top:42px}.pricing-intro p{margin-top:8px}.pricing-categories{grid-template-columns:1fr}.pricing-category{grid-template-columns:36px minmax(0,1fr) auto;min-height:66px}.pricing-category b{grid-column:3;grid-row:1}.pricing-grid{grid-template-columns:1fr}.pricing-plan{padding:21px}.pricing-plan:hover,.pricing-plan:focus-within{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.pricing-page *{animation:none!important;transition:none!important}.pricing-plan:hover,.pricing-plan:focus-within,.pricing-category:hover,.pricing-hero-link:hover{transform:none}}

/* TESTIMONIALS */
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.tcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.tcard .stars{color:var(--amber);font-size:.9rem;display:flex;gap:2px;margin-bottom:12px}
.tcard p{font-size:.94rem;margin-bottom:16px}
.tcard .who{display:flex;align-items:center;gap:11px}
.tcard .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-dk));color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--display)}
.tcard .who b{font-size:.9rem}
.tcard .who span{font-size:.76rem;color:var(--muted);display:block}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.field label{font-size:.82rem;font-weight:600;color:var(--muted)}
.field input,.field textarea{font-family:var(--body);font-size:.95rem;padding:12px 14px;border-radius:11px;border:1px solid var(--border);background:var(--bg);color:var(--fg)}
.field input:focus,.field textarea:focus{outline:2px solid var(--ring);border-color:var(--accent)}
.contact-info .row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border)}
.contact-info .ci{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:1.15rem;flex:none}

footer{border-top:1px solid var(--border);padding-block:44px;margin-top:20px;color:var(--muted);font-size:.88rem;background:var(--surface)}
.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
footer a{cursor:pointer}footer a:hover{color:var(--accent)}

.cta-band{background:linear-gradient(135deg,var(--accent),var(--accent-dk));color:#fff;border-radius:24px;padding:52px 40px;text-align:center;overflow:hidden;position:relative}
.cta-band h2{font-size:clamp(1.6rem,3.5vw,2.3rem);color:#fff}
.cta-band p{opacity:.92;margin:12px auto 24px;max-width:48ch}
.cta-band .btn.primary{background:#fff;color:var(--accent-dk)}
.cta-band .btn.primary:hover{background:#f0f0f0}

/* ---- Post content ---- */
.alignnone{margin:0}
.entry-content{max-width:72ch;margin:0 auto;font-size:1.05rem}
.entry-content h2{font-size:1.6rem;margin:34px 0 14px}
.entry-content h3{font-size:1.25rem;margin:26px 0 10px}
.entry-content p{margin-bottom:18px}
.entry-content img{border-radius:14px;margin:20px 0}
.entry-content ul,.entry-content ol{margin:0 0 18px 1.2em;display:flex;flex-direction:column;gap:8px}
.entry-content a{color:var(--accent);font-weight:600;text-decoration:underline}
.entry-content blockquote{border-left:3px solid var(--accent);padding:6px 18px;color:var(--muted);margin:20px 0}
.post-hero{aspect-ratio:21/9;width:100%;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:28px}
.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px;justify-content:center}
.pagination .page-numbers{padding:9px 15px;border:1px solid var(--border);border-radius:10px;font-weight:600;background:var(--surface)}
.pagination .page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent)}

/* ---- Nav menu ---- */
nav.links ul{display:flex;gap:3px;align-items:center;list-style:none;margin:0;padding:0}
nav.links li{list-style:none}
nav.links .current-menu-item>a,nav.links .current_page_item>a{color:var(--accent);background:var(--accent-soft)}
.menu-btn.active{color:var(--accent);border-color:var(--accent)}

/* ---- Blog category pills ---- */
.filters .pill{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:8px 16px;border-radius:999px;font-weight:600;font-size:.86rem;text-decoration:none}
.filters .pill:hover{color:var(--fg)}
.filters .pill.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}

/* ---- Language switch ---- */
.lang-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:11px;background:var(--surface);flex:none}
.lang-switch button{border:0;background:none;padding:6px 11px;border-radius:8px;font:600 .82rem var(--body);color:var(--muted);cursor:pointer}
.lang-switch button:hover{color:var(--fg)}
.lang-switch button.active{background:var(--accent);color:var(--accent-fg)}
.skiptranslate iframe,iframe.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none!important}
body{top:0!important;position:static!important}
font{background:none!important;box-shadow:none!important}

/* ---- Contact form ---- */
#cform button[disabled]{opacity:.65;cursor:wait}
#cmsg.err{color:#c0392b!important}

/* ---- 404 ---- */
.not-found{padding-block:110px;text-align:center}
.not-found h1{font-size:clamp(2rem,5vw,3.2rem);margin:12px 0 14px}
.not-found p{color:var(--muted);max-width:46ch;margin:0 auto}
.not-found .hero-cta{justify-content:center}

/* ---- Responsive ---- */
@media (max-width:1000px){
  .why-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:880px){
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .detail-body{grid-template-columns:1fr}
  .side-card{position:static}
  .feature-post{grid-template-columns:1fr}
  .feature-post .img{min-height:0;aspect-ratio:16/9}
  .contact-grid{grid-template-columns:1fr}
  .tgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px;margin-inline:-20px;padding-inline:20px;scrollbar-width:none}
  .tgrid::-webkit-scrollbar{display:none}
  .tgrid>*{flex:0 0 min(82%,340px);scroll-snap-align:start}
}
@media (max-width:680px){
  nav.links{display:none}
  .menu-btn{display:grid;margin-left:0}
  .lang-switch{margin-left:auto}
  nav.links.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 20px;gap:4px}
  nav.links.open ul{display:flex;flex-direction:column;width:100%;gap:4px}
  nav.links.open li{width:100%}
  nav.links.open a{display:block;padding:13px}
  section{padding-block:50px}
  .hero{padding-top:34px}
  .hero-cta .btn{flex:1 1 auto;justify-content:center}
  .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 18px;margin-top:32px}
  .phone{width:min(100%,300px);aspect-ratio:auto;padding-bottom:13px}
  .phone-screen{padding-bottom:18px}
  .why-grid{grid-template-columns:1fr}
  .price-card.pop{transform:none}
  .shots-row .shot{height:300px}
}

/* ---- Government Portals ---- */
.portals{padding-top:44px}
.phead{display:flex;gap:18px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);margin-bottom:26px}
.phead-ico{width:54px;height:54px;flex:none;border-radius:15px;display:grid;place-items:center;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dk));box-shadow:0 5px 0 color-mix(in srgb,var(--accent-dk) 75%,#000),0 12px 22px -10px var(--accent);animation:pfloat 3.2s ease-in-out infinite}
.phead h1{font-size:clamp(1.45rem,3.2vw,2.05rem);letter-spacing:-.01em}
.phead p{color:var(--muted);margin-top:8px;max-width:75ch}
.phead-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
.ptrust{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent-dk);border-radius:999px;padding:6px 13px;font-size:.8rem;font-weight:700}
.psearch{display:flex;align-items:center;gap:8px;margin-left:auto;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:0 12px;color:var(--muted);min-width:min(100%,260px)}
.psearch:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}
.psearch input{border:0;background:none;outline:none;padding:10px 0;font:inherit;color:var(--fg);width:100%}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;perspective:1200px}
.pgrid-ad{grid-column:1/-1}
.pempty{color:var(--muted);text-align:center;padding:30px 0}

.pcard{--pc:#0e8f5e;--pc-soft:color-mix(in srgb,var(--pc) 11%,#fff);position:relative;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;overflow:hidden;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .25s,border-color .25s,opacity .5s,translate .5s}
.pcard::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--pc) 14%,transparent),transparent 60%)}
.pcard:hover{box-shadow:var(--shadow),0 22px 40px -26px var(--pc);border-color:color-mix(in srgb,var(--pc) 35%,var(--border))}
.pcard:hover::before{opacity:1}
.pcard.reveal{opacity:0;translate:0 22px;transition-delay:calc(min(var(--i),8) * 70ms)}
.pcard.reveal.in{opacity:1;translate:0 0}
.pcard[hidden]{display:none}
.pcard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pbadge{display:inline-flex;align-items:center;gap:6px;background:var(--pc-soft);color:var(--pc);border-radius:9px;padding:6px 11px;font-weight:800;font-size:.92rem;filter:saturate(1.1) brightness(.92)}
.pdomain{font-family:var(--mono);font-size:.74rem;color:var(--muted)}
.pcard h3{font-size:1.18rem;margin-top:4px}
.pcard p{font-size:.9rem;color:var(--muted);flex:1}
.pedit{position:absolute;top:10px;right:12px;display:none;align-items:center;gap:4px;font-size:.74rem;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px 8px;z-index:2}
.pcard:hover .pedit{display:inline-flex}

/* 3D push button: coloured face sitting on a darker edge */
.btn3d{--pc-dk:color-mix(in srgb,var(--pc,#0e8f5e) 68%,#000);position:relative;display:block;margin-top:8px;border-radius:999px;background:var(--pc-dk);padding-bottom:5px;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:padding .12s,margin .12s;box-shadow:0 12px 22px -12px var(--pc,#0e8f5e)}
.btn3d-face{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:999px;color:#fff;font-weight:700;font-size:1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--pc,#0e8f5e) 82%,#fff),var(--pc,#0e8f5e) 55%);overflow:hidden;transition:transform .12s}
.btn3d-face::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);transition:left .55s}
.btn3d:hover .btn3d-face{transform:translateY(-2px)}
.btn3d:hover .btn3d-face::after{left:130%}
.btn3d:hover{padding-bottom:7px;margin-top:6px}
.btn3d:active{padding-bottom:1px;margin-top:12px}
.btn3d:active .btn3d-face{transform:none}
.btn3d:focus-visible{outline:3px solid var(--ring);outline-offset:3px}
.btn3d .ico{font-size:1.1em}
.btn3d-lg .btn3d-face{padding:17px 34px;font-size:1.1rem}
.ripple{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#ffffff8c;pointer-events:none;animation:pripple .65s ease-out forwards;z-index:3}
@keyframes pripple{to{transform:scale(40);opacity:0}}
@keyframes pfloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-4deg)}}
@keyframes pspin{to{transform:rotate(360deg)}}

/* page transition: colour wave from the click point */
.pwarp{position:fixed;inset:0;z-index:200;pointer-events:none;background:var(--pc,#0e8f5e);clip-path:circle(0 at var(--x,50%) var(--y,50%));transition:clip-path .55s cubic-bezier(.7,0,.3,1)}
.pwarp.go{clip-path:circle(150% at var(--x,50%) var(--y,50%));pointer-events:auto}

/* viewer */
.pview{padding-top:34px}
.pbar{--pc-dk:color-mix(in srgb,var(--pc) 68%,#000);display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);margin-bottom:18px}
.pbar-ico{width:50px;height:50px;flex:none;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:1.4rem;background:linear-gradient(135deg,var(--pc),var(--pc-dk));box-shadow:0 4px 0 var(--pc-dk)}
.pbar h1{font-size:clamp(1.2rem,2.6vw,1.6rem)}
.pbar-dom{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.75rem;color:var(--muted);margin-top:3px}
.pbar-dom .ico{color:var(--accent)}
.pbar-act{display:flex;gap:8px;flex-wrap:wrap}
.pbtn{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:11px;border:1px solid var(--border);background:var(--surface);font:inherit;font-weight:700;font-size:.85rem;color:var(--fg);cursor:pointer;box-shadow:0 3px 0 var(--border);transition:transform .1s,box-shadow .1s,border-color .15s}
.pbtn:hover{border-color:var(--pc);color:var(--pc)}
.pbtn:active{transform:translateY(3px);box-shadow:0 0 0 var(--border)}
.pstage{display:grid;grid-template-columns:1fr;gap:20px}
.pstage.has-side{grid-template-columns:minmax(0,1fr) 300px}
.pside{position:sticky;top:90px;height:fit-content}
.pframe{position:relative;height:max(560px,calc(100vh - 170px));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.pframe iframe{width:100%;height:100%;border:0;display:block}
.pframe-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--surface);z-index:1;transition:opacity .35s,visibility .35s}
.pframe-load small{color:var(--muted)}
.pframe.loaded .pframe-load{opacity:0;visibility:hidden}
.pspin{width:46px;height:46px;border-radius:50%;border:4px solid color-mix(in srgb,var(--pc) 20%,transparent);border-top-color:var(--pc);animation:pspin .8s linear infinite}
.pframe:fullscreen{height:100%;border-radius:0}
.pframe.max{position:fixed;inset:0;height:auto;z-index:300;border-radius:0}
.pframe-help{font-size:.84rem;color:var(--muted);margin-top:10px}
.pframe-help a{color:var(--pc);font-weight:700}
.plaunch{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:46px 24px;box-shadow:var(--shadow);background-image:radial-gradient(600px circle at 50% 0%,color-mix(in srgb,var(--pc) 10%,transparent),transparent 70%)}
.plaunch-ico{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;color:#fff;font-size:2.1rem;background:linear-gradient(135deg,var(--pc),color-mix(in srgb,var(--pc) 68%,#000));box-shadow:0 7px 0 color-mix(in srgb,var(--pc) 55%,#000),0 20px 30px -14px var(--pc);animation:pfloat 3.2s ease-in-out infinite}
.plaunch h2{font-size:clamp(1.4rem,3vw,1.9rem)}
.plaunch p{color:var(--muted);max-width:56ch}
.plaunch .btn3d{min-width:min(100%,320px)}
.plaunch small{display:block;color:var(--muted);font-size:.8rem;max-width:56ch}
.plaunch small .ico{vertical-align:-2px;margin-right:4px}
.pmore-h{font-size:1.35rem;margin:46px 0 18px}

/* ad slots */
.pad{margin:22px 0;text-align:center;overflow:hidden}
.pad-l{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pgrid-ad .pad{margin:0}
.pside .pad{margin:0}

@media (max-width:980px){
  .pstage.has-side{grid-template-columns:1fr}
  .pside{position:static}
}
@media (max-width:680px){
  .phead{flex-direction:column;padding:20px}
  .psearch{margin-left:0;width:100%}
  .pgrid{grid-template-columns:1fr}
  .pbtn span{display:none}
  .pbar-act{width:100%}
  .pbar-act .pbtn{flex:1;justify-content:center}
  .pframe{height:calc(100svh - 120px);min-height:480px}
}
@media (prefers-reduced-motion:reduce){
  .phead-ico,.plaunch-ico,.pspin{animation:none}
  .pcard,.btn3d,.btn3d-face{transition:none}
}