:root{
  --ui-ink:#171824;
  --ui-muted:#62677a;
  --ui-green:#08743b;
  --ui-green-bright:#12aa50;
  --ui-purple:#6d48ff;
  --ui-cyan:#31c8f4;
  --ui-pink:#ff647d;
  --ui-orange:#ff9847;
  --ui-paper:rgba(255,255,255,.78);
  --ui-line:rgba(91,82,166,.15);
  --ui-shadow:0 18px 55px rgba(65,55,135,.13),inset 0 1px rgba(255,255,255,.9);
  --ui-shadow-soft:0 10px 32px rgba(65,55,135,.09),inset 0 1px rgba(255,255,255,.82);
  --ui-radius:26px;
  --ui-font:"Avenir Next",Avenir,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ui-display:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Avenir Next",Avenir,sans-serif;
}

body.page-content,
body.page-pricing,
body.page-auth,
body.page-checkout,
body.page-dashboard,
body.page-status{
  color:var(--ui-ink);
  font-family:var(--ui-font);
  letter-spacing:-.008em;
  background:
    radial-gradient(58% 32% at 8% 5%,rgba(150,112,255,.18),transparent 72%),
    radial-gradient(52% 30% at 94% 8%,rgba(60,224,190,.17),transparent 72%),
    linear-gradient(180deg,#fbfaff 0%,#f2f1ff 46%,#eef8ff 100%);
  background-attachment:fixed;
}

html.page-share body{
  color:var(--ui-ink);font-family:var(--ui-font);letter-spacing:-.008em;
  background:
    radial-gradient(55% 25% at 4% 4%,rgba(150,112,255,.18),transparent 72%),
    radial-gradient(50% 28% at 96% 8%,rgba(60,224,190,.17),transparent 72%),
    linear-gradient(180deg,#fbfaff,#f0f5ff);
}

body.page-content h1,
body.page-content h2,
body.page-content h3,
body.page-pricing h1,
body.page-pricing h2,
body.page-pricing h3,
body.page-auth h1,
body.page-checkout h1,
body.page-dashboard h1,
body.page-dashboard h3,
body.page-status h1,
.page-content .brand,
.page-pricing .brand,
.page-content .eyebrow,
.page-pricing .eyebrow,
.page-auth .eb,
.page-checkout .eb,
.page-dashboard .brand{
  font-family:var(--ui-display);
}
html.page-share h1,
html.page-share h2,
html.page-share h3,
html.page-share h4,
html.page-share .brand,
html.page-share .eyebrow,
html.page-share .section-label{font-family:var(--ui-display)}

body.page-content a,
body.page-pricing a,
body.page-auth a,
body.page-checkout a,
body.page-dashboard a,
body.page-status a{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease}

/* Shared bright glass navigation */
.page-content .site-header,
.page-pricing > .nav{
  color:var(--ui-ink);
  background:rgba(255,255,255,.82);
  border-bottom:1px solid var(--ui-line);
  box-shadow:0 12px 35px rgba(71,65,132,.08);
  -webkit-backdrop-filter:saturate(150%) blur(20px);
  backdrop-filter:saturate(150%) blur(20px);
}
.page-content .site-header .nav{background:transparent}
.page-content .brand,
.page-pricing .brand{color:var(--ui-ink);font-weight:900}
.page-content .brand span,
.page-pricing .brand b{color:var(--ui-green)}
.page-content .navlinks a,
.page-pricing .navlinks a{color:var(--ui-muted)}
.page-content .navlinks .button,
.page-pricing .navlinks .login{
  color:#fff;
  border:1px solid rgba(8,116,59,.18);
  background:linear-gradient(135deg,#19b95c,#07843f);
  box-shadow:0 9px 24px rgba(8,132,63,.22);
}
.page-content .navlinks .button:hover,
.page-pricing .navlinks .login:hover{transform:translateY(-2px);filter:saturate(1.08)}

/* Editorial, guide and tools */
.page-content .hero{
  position:relative;
  color:var(--ui-ink);
  overflow:hidden;
  border-bottom:1px solid rgba(109,72,255,.1);
  background:
    radial-gradient(55% 75% at 88% 10%,rgba(60,226,185,.23),transparent 70%),
    radial-gradient(50% 70% at 4% 90%,rgba(145,105,255,.22),transparent 72%),
    linear-gradient(135deg,#fff 0%,#f7f2ff 48%,#effcff 100%);
}
.page-content .hero::after{
  content:"";position:absolute;right:-90px;bottom:-125px;width:280px;height:280px;border-radius:50%;
  background:linear-gradient(135deg,rgba(109,72,255,.23),rgba(49,200,244,.13));filter:blur(35px);pointer-events:none;
}
.page-content .hero .wrap{position:relative;z-index:1}
.page-content .eyebrow{
  color:#603ae0;background:rgba(241,236,255,.86);border-color:rgba(109,72,255,.22);
  box-shadow:0 8px 22px rgba(109,72,255,.09);
}
.page-content h1{color:var(--ui-ink);text-wrap:balance}
.page-content .intro,
.page-content .breadcrumb,
.page-content .meta{color:var(--ui-muted)}
.page-content .layout{position:relative}

.page-content .answer-box,
.page-content .callout,
.page-content .sidecard,
.page-content .tool-card,
.page-content .tool-result,
.page-content .method-card,
.page-content .hub-card,
.page-content .card,
.page-content .idea,
.page-content .sources,
.page-content .faq-block details,
.page-content .table-wrap{
  border:1px solid rgba(255,255,255,.78);
  background:var(--ui-paper);
  box-shadow:var(--ui-shadow-soft);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.page-content .answer-box,
.page-content .callout,
.page-content .sidecard,
.page-content .tool-card,
.page-content .end-cta,
.page-content .hub-card{border-radius:var(--ui-radius)}
.page-content .answer-box{border-left:4px solid var(--ui-purple)}
.page-content .answer-box strong{color:#603ae0}
.page-content .callout{
  background:linear-gradient(135deg,rgba(232,255,243,.88),rgba(236,250,255,.8));
  border-color:rgba(53,199,139,.23);
}
.page-content .article p,
.page-content .article li{color:#3f4353}
.page-content .article h2{color:var(--ui-ink)}
.page-content .table-wrap{border-radius:20px}
.page-content th{color:#4e3bb0;background:rgba(239,235,255,.82)}
.page-content .idea:hover,
.page-content .hub-card:hover,
.page-content .card:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow)}
.page-content .steps li::before{
  color:#fff;background:linear-gradient(135deg,#805bff,#5132cb);box-shadow:0 8px 18px rgba(109,72,255,.22);
}
.page-content .sidecard a.primary,
.page-content .tool-button,
.page-content .end-cta a{
  color:#fff;border-radius:15px;background:linear-gradient(135deg,#19b95c,#07843f);
  box-shadow:0 10px 26px rgba(8,132,63,.22);
}
.page-content .sidecard a.primary:hover,
.page-content .tool-button:hover,
.page-content .end-cta a:hover{transform:translateY(-2px);filter:saturate(1.08)}
.page-content .field input,
.page-content .field select{
  border-color:rgba(91,82,166,.15);border-radius:15px;background:rgba(255,255,255,.76);
  box-shadow:inset 0 1px rgba(255,255,255,.9);
}
.page-content .field input:focus,
.page-content .field select:focus{outline:3px solid rgba(109,72,255,.14);border-color:#8e72ed}
.page-content .metric{border-color:rgba(109,72,255,.14);background:rgba(255,255,255,.75);border-radius:17px}
.page-content .metric b{color:#5f3ed8}
.page-content .inline-cta,
.page-content .end-cta{
  color:#fff!important;border:1px solid rgba(255,255,255,.32);
  background:
    radial-gradient(circle at 90% 0,rgba(49,200,244,.34),transparent 38%),
    linear-gradient(135deg,#6441df,#3f2a9e);
  box-shadow:0 18px 42px rgba(79,52,177,.22);
}
.page-content .inline-cta span,
.page-content .end-cta p{color:#ebe7ff}
.page-content .related{
  color:var(--ui-ink);border-block:1px solid rgba(109,72,255,.1);
  background:
    radial-gradient(40% 90% at 5% 100%,rgba(109,72,255,.18),transparent 72%),
    radial-gradient(40% 90% at 95% 0,rgba(49,200,244,.19),transparent 72%),
    rgba(255,255,255,.45);
}
.page-content footer{
  color:var(--ui-muted);border-top:1px solid rgba(109,72,255,.12);
  background:linear-gradient(135deg,rgba(242,237,255,.9),rgba(233,251,255,.9));
}
.page-content footer a{color:var(--ui-green)}

/* Standalone share/read view */
html.page-share .topbar{
  color:var(--ui-ink);background:rgba(255,255,255,.84);border-color:var(--ui-line);
  box-shadow:0 12px 35px rgba(71,65,132,.08);
}
html.page-share .cover{
  color:var(--ui-ink);
  background:
    radial-gradient(52% 64% at 88% 12%,rgba(60,226,185,.22),transparent 72%),
    radial-gradient(48% 60% at 3% 90%,rgba(145,105,255,.2),transparent 72%),
    linear-gradient(135deg,#fff,#f7f2ff 50%,#effcff);
}
html.page-share .eyebrow{
  color:#603ae0;background:rgba(241,236,255,.86);border-color:rgba(109,72,255,.22);
}
html.page-share .cover h1 .hl{color:#08743b}
html.page-share .chip,
html.page-share .step,
html.page-share .catcard,
html.page-share .biz,
html.page-share .factbox,
html.page-share .checkbox,
html.page-share .infobox,
html.page-share .challenge,
html.page-share .stat{
  border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.76);
  box-shadow:var(--ui-shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
html.page-share .step,
html.page-share .biz,
html.page-share .factbox,
html.page-share .checkbox,
html.page-share .infobox,
html.page-share .challenge{border-radius:var(--ui-radius)}
html.page-share .catcard:hover,
html.page-share .biz:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow)}
html.page-share .closing{
  background:linear-gradient(135deg,rgba(245,240,255,.86),rgba(234,252,255,.88));
}
html.page-share footer{background:linear-gradient(135deg,#f1edff,#eafcff)}

/* Pricing page */
.page-pricing > .nav{position:sticky}
.page-pricing > .hero{
  color:var(--ui-ink);border-bottom:1px solid rgba(109,72,255,.12);
  background:
    radial-gradient(50% 90% at 12% 25%,rgba(155,112,255,.2),transparent 70%),
    radial-gradient(52% 95% at 90% 10%,rgba(56,220,186,.22),transparent 70%),
    linear-gradient(135deg,#fff,#f5f1ff 54%,#efffff);
}
.page-pricing > .hero::after{
  border-color:rgba(109,72,255,.12);box-shadow:0 0 0 54px rgba(49,200,244,.06);
}
.page-pricing > .hero .eyebrow{
  color:#5d3bd0;border-color:rgba(109,72,255,.2);background:rgba(255,255,255,.62);
  box-shadow:var(--ui-shadow-soft);
}
.page-pricing > .hero p{color:var(--ui-muted)}
.page-pricing > .hero .trust{color:#414657}
.page-pricing main{margin-top:-34px}
.page-pricing .plan,
.page-pricing .guide-card,
.page-pricing .compare,
.page-pricing details{
  border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.82);
  box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.page-pricing .plan{border-radius:28px;overflow:visible}
.page-pricing .plan:nth-child(1){background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(241,235,255,.9))}
.page-pricing .plan:nth-child(2){background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(229,249,255,.9))}
.page-pricing .plan.featured{
  border:2px solid rgba(18,170,80,.72);
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(225,255,239,.92));
}
.page-pricing .plan:hover{transform:translateY(-5px)}
.page-pricing .icon{border-radius:16px;background:rgba(255,255,255,.58)}
.page-pricing .cta{border-radius:16px}
.page-pricing .featured .cta{background:linear-gradient(135deg,#18b85c,#08743b)}
.page-pricing .popular{
  z-index:2;background:linear-gradient(90deg,#10aa4d,#29c96a);
  box-shadow:0 8px 22px rgba(16,170,77,.25)
}
.page-pricing .row.head{color:#fff;background:linear-gradient(90deg,#6542dd,#4930ac)}
.page-pricing .guide-card.dark{
  color:#fff;border-color:rgba(255,255,255,.2);
  background:
    radial-gradient(circle at 90% 0,rgba(49,200,244,.35),transparent 35%),
    linear-gradient(135deg,#6542dd,#3d2b91);
}
.page-pricing .guide-card.dark p{color:#ece8ff}
.page-pricing footer{background:linear-gradient(135deg,#f1edff,#eafcff);border-color:rgba(109,72,255,.12)}

/* Login, checkout and status cards */
.page-auth,
.page-checkout,
.page-status{position:relative;overflow-x:hidden}
.page-auth::before,
.page-checkout::before,
.page-status::before,
.page-dashboard::before{
  content:"";position:fixed;z-index:-1;left:-120px;top:-120px;width:380px;height:380px;border-radius:50%;
  background:rgba(109,72,255,.22);filter:blur(80px);pointer-events:none;
}
.page-auth::after,
.page-checkout::after,
.page-status::after,
.page-dashboard::after{
  content:"";position:fixed;z-index:-1;right:-130px;bottom:-130px;width:400px;height:400px;border-radius:50%;
  background:rgba(49,200,244,.2);filter:blur(85px);pointer-events:none;
}
.page-auth > .wrap,
.page-checkout > .wrap{max-width:460px}
.page-auth .back,
.page-checkout .back{
  display:inline-flex;align-items:center;padding:8px 13px;border:1px solid rgba(255,255,255,.78);
  border-radius:999px;color:var(--ui-muted);background:rgba(255,255,255,.58);
  box-shadow:var(--ui-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.page-auth .card,
.page-checkout .card,
.page-status .card{
  border:1px solid rgba(255,255,255,.82);border-radius:30px;background:rgba(255,255,255,.7);
  box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
}
.page-auth .eb,
.page-checkout .eb{
  color:#5d3bd0;border-color:rgba(109,72,255,.2);background:rgba(240,235,255,.78);
}
.page-auth input{
  border-color:rgba(91,82,166,.16);border-radius:16px;background:rgba(255,255,255,.7);
  box-shadow:inset 0 1px rgba(255,255,255,.9);
}
.page-auth input:focus{border-color:#8569df;box-shadow:0 0 0 4px rgba(109,72,255,.12)}
.page-auth button,
.page-checkout .pay.main,
.page-status .dl{
  color:#fff;border-color:#07843f;border-radius:16px;
  background:linear-gradient(135deg,#18b85c,#08743b);
  box-shadow:0 12px 28px rgba(8,132,63,.24);
}
.page-auth button:hover,
.page-checkout .pay:hover,
.page-status .dl:hover{transform:translateY(-2px)}
.page-checkout .price,
.page-checkout .pay{
  border-color:rgba(91,82,166,.14);border-radius:17px;background:rgba(255,255,255,.65);
}
.page-checkout .pay.main .t{color:#fff}
.page-checkout .pay.main .d,
.page-checkout .pay.main .go{color:rgba(255,255,255,.82)}
.page-checkout .trust{border-color:rgba(109,72,255,.12)}
.page-status .btn2{border-radius:15px}

/* Buyer dashboard */
.page-dashboard{padding:24px}
.page-dashboard > .wrap{max-width:760px}
.page-dashboard .top{
  padding:13px 17px;border:1px solid rgba(255,255,255,.78);border-radius:20px;
  background:rgba(255,255,255,.62);box-shadow:var(--ui-shadow-soft);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.page-dashboard .brand{font-size:19px}
.page-dashboard .hi,
.page-dashboard .item,
.page-dashboard .up{
  border:1px solid rgba(255,255,255,.82);border-radius:24px;background:rgba(255,255,255,.72);
  box-shadow:var(--ui-shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
}
.page-dashboard .item:hover{transform:translateY(-3px);box-shadow:var(--ui-shadow)}
.page-dashboard .up{
  color:var(--ui-ink);
  background:linear-gradient(135deg,rgba(239,233,255,.9),rgba(230,251,255,.9));
}
.page-dashboard .up p{color:var(--ui-muted)}
.page-dashboard .up a,
.page-dashboard a.b.primary{
  color:#fff;border-radius:14px;background:linear-gradient(135deg,#18b85c,#08743b);
  box-shadow:0 10px 24px rgba(8,132,63,.22);
}
.page-dashboard a.b.ghost{border-color:rgba(109,72,255,.15);border-radius:14px;background:rgba(255,255,255,.66)}

@media(max-width:620px){
  :root{--ui-radius:21px}
  body.page-content,
  body.page-pricing{background-attachment:scroll}
  .page-content .hero{padding-top:46px}
  .page-content .answer-box,
  .page-content .callout,
  .page-content .sidecard,
  .page-content .tool-card,
  .page-content .end-cta,
  .page-content .hub-card{border-radius:21px}
  .page-content .tool-card{padding:20px}
  .page-pricing .plan{border-radius:23px}
  .page-auth,
  .page-checkout{align-items:flex-start;padding:18px;padding-top:max(24px,env(safe-area-inset-top))}
  .page-auth .card,
  .page-checkout .card,
  .page-status .card{border-radius:25px;padding:24px 20px}
  .page-dashboard{padding:14px}
  .page-dashboard .top,
  .page-dashboard .hi,
  .page-dashboard .item,
  .page-dashboard .up{border-radius:20px}
}

@media(prefers-reduced-motion:reduce){
  body.page-content *,
  body.page-pricing *,
  body.page-auth *,
  body.page-checkout *,
  body.page-dashboard *,
  body.page-status *{transition:none!important}
  html.page-share *{transition:none!important}
}