/* Tool67 About / Account pages
   Page-only styles. Global header, footer, auth and theme live in assets/css/common.css. */

.t67-about-page{
  margin:0; min-width:320px; color:var(--t67-text); background:var(--t67-bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.t67-about-page *, .t67-about-page *::before, .t67-about-page *::after{box-sizing:border-box}
.t67-about-page a{color:inherit}
.t67-about-page .wrap{width:100%;max-width:var(--t67-page-max);margin:0 auto;padding-left:var(--t67-page-gutter);padding-right:var(--t67-page-gutter)}
.t67-about-page .hero{padding:58px var(--t67-page-gutter) 30px;text-align:center}
.t67-about-page .hero:not(.wrap){max-width:var(--t67-page-max);margin:0 auto}
.t67-about-page .hero.wrap{padding-left:var(--t67-page-gutter);padding-right:var(--t67-page-gutter)}
.t67-about-page .hero h1{margin:0 auto 14px;max-width:920px;font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.045em;color:var(--t67-text)}
.t67-about-page .hero p{max-width:760px;margin:0 auto;color:var(--t67-muted);font-size:17px;line-height:1.7}
.t67-about-page .section{margin:0 auto 36px}
.t67-about-page .section-title{margin:0 0 18px}
.t67-about-page .section-title h2,.t67-about-page .section h2{color:var(--t67-text)}
.t67-about-page .section-title p{color:var(--t67-muted)}
.t67-about-page .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.t67-about-page .card,.t67-about-page .content,.t67-about-page .content-box{
  background:var(--t67-surface);border:1px solid var(--t67-line);border-radius:20px;
  padding:28px;box-shadow:0 12px 34px rgba(15,23,42,.045);
}
.t67-about-page .content,.t67-about-page .content-box{max-width:1060px;margin:0 auto 36px}
.t67-about-page .content h2,.t67-about-page .content-box h2{font-size:28px;margin:30px 0 12px;color:var(--t67-text)}
.t67-about-page .content h2:first-child,.t67-about-page .content-box h2:first-child{margin-top:0}
.t67-about-page .content-box h3{font-size:21px;margin:27px 0 9px;color:var(--t67-text)}
.t67-about-page .content p,.t67-about-page .content li,.t67-about-page .content-box p{color:var(--t67-muted);font-size:16px;line-height:1.8}
.t67-about-page .content a,.t67-about-page .content-box a{color:var(--t67-blue)}
.t67-about-page .box,.t67-about-page .item{background:color-mix(in srgb,var(--t67-surface) 86%,var(--t67-bg));border:1px solid var(--t67-line);border-radius:15px;padding:18px;margin:16px 0}
.t67-about-page .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.t67-about-page .item{margin:0}.t67-about-page .item strong{display:block;font-size:17px;margin-bottom:6px}.t67-about-page .item span{display:block;color:var(--t67-muted);font-size:14px;line-height:1.6}
.t67-about-page .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.t67-about-page .stat{background:var(--t67-surface);border:1px solid var(--t67-line);border-radius:16px;padding:18px;text-align:center}
.t67-about-page .stat b{display:block;font-size:28px;color:var(--t67-blue);margin-bottom:5px}.t67-about-page .stat span{color:var(--t67-muted);font-size:14px}
.t67-about-page .notice{max-width:960px;margin:22px auto;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:16px;padding:18px;line-height:1.7}
body.dark.t67-about-page .notice{background:#172554;border-color:#1d4ed8;color:#bfdbfe}
.t67-about-page .hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.t67-about-page .btn,.t67-about-page .btn-primary,.t67-about-page .btn-light{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:11px;font-weight:800;text-decoration:none}
.t67-about-page .btn-primary{background:var(--t67-blue);color:#fff}.t67-about-page .btn-light{background:var(--t67-surface);border:1px solid var(--t67-line);color:var(--t67-text)}

/* Credits */
.t67-about-page .check{max-width:760px;margin:18px auto 26px;background:var(--t67-surface);border:1px solid var(--t67-line);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.t67-about-page .form{display:flex;gap:10px}.t67-about-page .form input{flex:1;min-width:0;height:48px;border:1px solid var(--t67-line);border-radius:11px;padding:0 14px;background:var(--t67-surface);color:var(--t67-text);font-size:15px}
.t67-about-page .form button,.t67-about-page .card button{height:48px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-size:15px;font-weight:800;padding:0 20px;cursor:pointer}.t67-about-page .form button:hover,.t67-about-page .card button:hover{background:#1d4ed8}.t67-about-page button:disabled{opacity:.6;cursor:not-allowed}
.t67-about-page .balance{margin-top:12px;color:var(--t67-muted)}.t67-about-page .balance strong{color:var(--t67-blue)}
.t67-about-page .card.popular{border-color:#2563eb;box-shadow:0 18px 42px rgba(37,99,235,.12)}
.t67-about-page .tag{display:inline-block;background:#eef2ff;color:#2563eb;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;margin-bottom:12px}
.t67-about-page .card h2{font-size:28px;margin:0 0 8px}.t67-about-page .price{font-size:42px;font-weight:900;margin:18px 0}.t67-about-page .price span{font-size:15px;color:var(--t67-muted);font-weight:500}
.t67-about-page .desc{color:var(--t67-muted);line-height:1.7}.t67-about-page .card ul{padding:0;margin:22px 0;list-style:none}.t67-about-page .card li{padding:9px 0;color:var(--t67-muted)}.t67-about-page .card li:before{content:"✓";color:#16a34a;font-weight:900;margin-right:9px}.t67-about-page .card button{width:100%}
.t67-about-page .msg{max-width:760px;margin:0 auto 16px;padding:14px 16px;border-radius:13px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;display:none}.t67-about-page .msg.is-ok{background:#ecfdf5;color:#166534;border-color:#bbf7d0}

/* Pricing */
.t67-about-page .billing-shell{--bp-bg:#faf8f3;--bp-card:#fbfaf7;--bp-text:#171717;--bp-muted:#716b62;--bp-line:rgba(17,17,17,.10);--bp-soft:#f2efe8;--bp-shadow:0 18px 46px -30px rgba(17,17,17,.30);background:var(--bp-bg);color:var(--bp-text);padding:40px var(--t67-page-gutter) 78px;min-height:680px}
body.dark.t67-about-page .billing-shell{--bp-bg:#0e1116;--bp-card:#15191f;--bp-text:#f5f7fa;--bp-muted:#aeb6c2;--bp-line:rgba(255,255,255,.12);--bp-soft:#1b2027;--bp-shadow:0 18px 46px -30px rgba(0,0,0,.72)}
.t67-about-page .billing-wrap{max-width:var(--t67-page-max);margin:0 auto}.t67-about-page .billing-hero{text-align:center;max-width:900px;margin:0 auto 20px}.t67-about-page .billing-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:800;color:var(--bp-text)}.t67-about-page .billing-hero p{font-size:16px;line-height:1.6;color:var(--bp-muted);margin:14px auto 0;max-width:720px}
.t67-about-page .billing-tabs{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:4px;max-width:540px;margin:24px auto 0;background:var(--bp-soft);border:1px solid var(--bp-line);padding:5px;border-radius:999px;box-shadow:var(--bp-shadow)}
.t67-about-page .billing-tab{height:46px;border:0;border-radius:999px;background:transparent;color:var(--bp-muted);font-weight:800;font-size:14px;cursor:pointer}.t67-about-page .billing-tab.active{background:var(--bp-card);color:var(--bp-text);box-shadow:0 8px 22px -16px rgba(17,17,17,.55);border:1px solid var(--bp-line)}.t67-about-page .billing-tab small{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:rgba(17,17,17,.06);font-size:10px;color:inherit}
.t67-about-page .billing-account{max-width:760px;margin:18px auto 0;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.t67-about-page .billing-account input{height:44px;border:1px solid var(--bp-line);background:var(--bp-card);color:var(--bp-text);border-radius:12px;padding:0 14px;font-size:14px}.t67-about-page .billing-account span{font-size:12px;color:var(--bp-muted);white-space:nowrap}.t67-about-page .billing-msg{max-width:900px;margin:14px auto 0;padding:12px 14px;border-radius:14px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;display:none;font-weight:700}body.dark.t67-about-page .billing-msg{background:#3b2415;color:#fdba74;border-color:#7c2d12}
.t67-about-page .billing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px auto 0}.t67-about-page .billing-grid.topup{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1160px}
.t67-about-page .plan-card{min-height:500px;background:var(--bp-card);border:1px solid var(--bp-line);border-radius:20px;padding:24px;display:flex;flex-direction:column;box-shadow:var(--bp-shadow);transition:.2s ease}.t67-about-page .plan-card:hover{transform:translateY(-3px)}.t67-about-page .plan-card.featured{border-color:rgba(17,17,17,.23)}
.t67-about-page .plan-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.t67-about-page .plan-title{font-size:25px;font-weight:850;letter-spacing:-.03em}.t67-about-page .plan-badge{background:var(--bp-text);color:var(--bp-bg);font-size:10px;font-weight:900;border-radius:999px;padding:6px 10px;white-space:nowrap}.t67-about-page .plan-desc{color:var(--bp-muted);font-size:14px;line-height:1.55;margin-top:8px;min-height:44px}.t67-about-page .plan-price{margin-top:22px;display:flex;align-items:flex-end;gap:7px}.t67-about-page .plan-price strong{font-size:50px;line-height:1;font-weight:850;letter-spacing:-.055em;color:var(--bp-text)}.t67-about-page .plan-price span{color:var(--bp-muted);font-size:14px;margin-bottom:6px}.t67-about-page .plan-billing{font-size:12px;color:var(--bp-muted);min-height:22px;margin-top:9px;display:flex;gap:9px;flex-wrap:wrap}.t67-about-page .plan-billing b{color:var(--bp-text)}
.t67-about-page .plan-cta{height:48px;margin-top:20px;border-radius:12px;border:1px solid var(--bp-text);background:var(--bp-text);color:var(--bp-bg);font-size:14px;font-weight:900;cursor:pointer}.t67-about-page .plan-cta:hover{opacity:.92}.t67-about-page .plan-cta:disabled{opacity:.45}.t67-about-page .plan-cta.free{background:transparent;color:var(--bp-text)}.t67-about-page .plan-features{border-top:1px solid var(--bp-line);padding-top:20px;margin-top:24px;list-style:none;padding-left:0}.t67-about-page .plan-features li{display:flex;gap:9px;align-items:flex-start;padding:6px 0;color:var(--bp-muted);font-size:13px;line-height:1.45}.t67-about-page .plan-features li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:var(--bp-soft);font-size:11px;font-weight:900;margin-top:1px}
.t67-about-page .billing-trust{max-width:900px;margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--bp-line);border-bottom:1px solid var(--bp-line)}.t67-about-page .billing-trust div{text-align:center;padding:16px 12px;font-size:13px;color:var(--bp-muted);font-weight:750;border-right:1px solid var(--bp-line)}.t67-about-page .billing-trust div:last-child{border-right:0}
.t67-about-page .billing-faq{max-width:960px;margin:58px auto 0;padding:0 6px}.t67-about-page .billing-faq-head{text-align:center;margin-bottom:14px}.t67-about-page .billing-faq-head small{display:block;text-transform:uppercase;letter-spacing:.16em;color:var(--bp-muted);font-size:11px;font-weight:800;margin-bottom:7px}.t67-about-page .billing-faq-head h2{font-size:30px;line-height:1.15;margin:0;color:var(--bp-text);letter-spacing:-.03em}.t67-about-page .faq-box{padding:0}.t67-about-page .faq-item{border-bottom:1px solid var(--bp-line);background:transparent}.t67-about-page .faq-item:first-child{border-top:1px solid var(--bp-line)}.t67-about-page .faq-q{width:100%;min-height:62px;border:0;background:transparent;color:var(--bp-text);display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:15px 4px;font-size:15.5px;line-height:1.35;font-weight:780;cursor:pointer}.t67-about-page .faq-q span:last-child{font-size:19px;transition:transform .18s}.t67-about-page .faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.t67-about-page .faq-a{display:none;padding:0 44px 16px 4px;color:var(--bp-muted);font-size:14px;line-height:1.65}.t67-about-page .faq-item.open .faq-a{display:block}.t67-about-page .billing-loading{text-align:center;color:var(--bp-muted);padding:80px 0}

@media(max-width:1100px){.t67-about-page .billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.t67-about-page .billing-grid.topup{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.t67-about-page .grid,.t67-about-page .list,.t67-about-page .stats{grid-template-columns:1fr}.t67-about-page .content,.t67-about-page .content-box{padding:22px}}
@media(max-width:760px){.t67-about-page .wrap{padding-left:var(--t67-page-gutter-mobile);padding-right:var(--t67-page-gutter-mobile)}.t67-about-page .hero{padding:40px var(--t67-page-gutter-mobile) 22px}.t67-about-page .form{display:block}.t67-about-page .form input,.t67-about-page .form button{width:100%;margin-bottom:10px}.t67-about-page .billing-shell{padding-left:var(--t67-page-gutter-mobile);padding-right:var(--t67-page-gutter-mobile)}.t67-about-page .billing-hero h1{font-size:42px}.t67-about-page .billing-account{grid-template-columns:1fr}.t67-about-page .billing-account span{text-align:center}.t67-about-page .billing-grid,.t67-about-page .billing-grid.topup{grid-template-columns:1fr}.t67-about-page .plan-card{min-height:auto}.t67-about-page .billing-trust{grid-template-columns:1fr}.t67-about-page .billing-trust div{border-right:0;border-bottom:1px solid var(--bp-line)}.t67-about-page .billing-trust div:last-child{border-bottom:0}}