:root{
  --blue:#267DF4;--blue-dark:#1361CF;--ink:#111827;--muted:#667085;--line:#E4E7EC;
  --soft:#F3F6FB;--white:#fff;--green:#147D4A;--red:#B42318;
  --shadow:0 24px 70px rgba(15,23,42,.10);--shell:min(1160px,calc(100% - 36px))
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--soft);line-height:1.55}
a{color:inherit}button,input,textarea,select{font:inherit}.shell{width:var(--shell);margin-inline:auto}.narrow{max-width:760px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900;font-size:1.3rem}
.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand small{color:var(--muted);font-size:.73rem;margin-top:4px}.site-header nav{display:flex;gap:18px}.site-header nav a{text-decoration:none;font-weight:800;font-size:.9rem}
.hero{padding:90px 0 54px;max-width:980px}.eyebrow{display:inline-block;color:var(--blue);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.hero h1,.product-summary h1,.notice-card h1,.auth-card h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.068em;margin:18px 0}.hero p{font-size:1.2rem;color:var(--muted);max-width:760px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:90px}.product-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(15,23,42,.05);display:flex;flex-direction:column}
.product-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:1.6rem;font-weight:900}.product-type{color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-top:25px}
.product-card h2{font-size:1.7rem;line-height:1.05;letter-spacing:-.04em;margin:10px 0}.product-card p{color:var(--muted);flex:1}.price{font-size:2.2rem;font-weight:900;letter-spacing:-.05em;margin:16px 0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 19px;border-radius:13px;border:1px solid transparent;text-decoration:none;font-weight:900;cursor:pointer}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-dark)}.button.secondary{background:#fff;border-color:var(--line)}.button.demo-button{margin-top:14px;background:#080A0F;color:#fff;border-color:#080A0F}.button.demo-button:hover{background:#20242C;border-color:#20242C}.button.danger{background:#fff0ee;color:var(--red);border-color:#f2c5c0}.button.full{width:100%}
.product-page{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start;padding:72px 0 100px}.back-link{display:inline-block;text-decoration:none;margin-bottom:30px;color:var(--muted);font-weight:800}.product-summary h1{font-size:clamp(3rem,6vw,5.8rem)}
.lead{font-size:1.2rem;color:var(--muted);max-width:720px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.feature-list span{padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:13px;font-weight:750}.detail-copy{color:var(--muted);font-size:1.02rem}

.product-preview-block{margin:28px 0 34px}.product-preview-title{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 6px}.preview-caption{margin:0 0 14px;color:var(--muted);font-size:.92rem}.product-preview-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.05)}.product-preview-card img{display:block;width:100%;height:auto}.field-hint{display:block;color:var(--muted);font-size:.8rem;font-weight:600}.current-product-preview{display:grid;gap:10px;padding:16px;background:#f8fafc;border:1px solid var(--line);border-radius:16px}.current-product-preview strong{font-size:.86rem}.current-product-preview img{display:block;max-width:100%;height:auto;border-radius:14px;border:1px solid var(--line);background:#fff}
.checkout-card,.notice-card,.auth-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow)}.checkout-card{position:sticky;top:104px}.checkout-label{color:var(--muted);font-size:.82rem;font-weight:800}
.checkout-price{font-size:3rem;line-height:1;font-weight:900;letter-spacing:-.06em;margin:8px 0 14px}.checkout-card>p,.secure-note{color:var(--muted)}.checkout-form,.auth-card form{display:grid;gap:15px;margin-top:24px}
.checkout-form label,.auth-card label,.admin-form label{display:flex;flex-direction:column;gap:7px;font-size:.86rem;font-weight:850}.checkout-form input,.auth-card input,.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid #D5D9E2;border-radius:12px;padding:12px 13px;outline:0}
.checkout-form input:focus,.auth-card input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(38,125,244,.1)}
.check-row{display:grid!important;grid-template-columns:22px 1fr;align-items:start}.check-row input{width:auto;margin-top:4px}.secure-note{font-size:.78rem;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.notice-card,.auth-card{margin:74px 0;text-align:center}.notice-card h1,.auth-card h1{font-size:clamp(2.6rem,7vw,5rem)}.status-icon{width:78px;height:78px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:900}
.status-icon.success{background:#EAF8F0;color:var(--green)}.status-icon.error{background:#FEF0EE;color:var(--red)}.status-icon.pending{background:#EDF4FF}.status-icon.pending span{width:28px;height:28px;border:4px solid #BDD4FF;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.order-facts{display:grid;text-align:left;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:26px 0}.order-facts div{display:grid;grid-template-columns:140px 1fr;padding:12px 14px;border-bottom:1px solid var(--line)}.order-facts div:last-child{border-bottom:0}.order-facts dt{color:var(--muted)}.order-facts dd{margin:0;font-weight:850;overflow-wrap:anywhere}.muted{color:var(--muted)}
.flash{padding:13px 16px;border-radius:12px;margin-top:16px;font-weight:800}.flash.success{background:#EAF8F0;color:var(--green)}.flash.error{background:#FEF0EE;color:var(--red)}.flash.info{background:#EDF4FF;color:#154F9D}
.site-footer{background:#080A0F;color:#fff;padding:36px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner div{display:flex;flex-direction:column}.footer-inner span{color:#AEB5C1;font-size:.86rem}.footer-inner a{color:#fff}.footer-inner .docuaid-copyright{margin-top:7px;color:#AEB5C1;font-size:.76rem;line-height:1.45}
.admin-shell{padding:44px 0 90px}.admin-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.admin-title h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.06em;margin:6px 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stat span{display:block;color:var(--muted);font-size:.8rem}.stat strong{font-size:1.8rem;letter-spacing:-.04em}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px}.data-table{width:100%;border-collapse:collapse;min-width:920px}.data-table th,.data-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.data-table a{color:var(--blue);font-weight:850;text-decoration:none}
.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#EEF2F7;font-size:.73rem;font-weight:900;text-transform:uppercase}.status-badge.fulfilled,.status-badge.paid{background:#EAF8F0;color:var(--green)}.status-badge.failed,.status-badge.canceled,.status-badge.refunded{background:#FEF0EE;color:var(--red)}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-card h2{margin-top:0}.admin-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-actions form{margin:0}.admin-form{display:grid;gap:15px}.admin-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.diagnostics{display:grid;gap:8px}.diag{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}.good{color:var(--green)}.bad{color:var(--red)}
@media(max-width:900px){.product-grid{grid-template-columns:1fr 1fr}.product-page,.admin-grid{grid-template-columns:1fr}.checkout-card{position:static}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:640px){:root{--shell:min(100% - 24px,1160px)}.header-inner{min-height:68px}.site-header nav{gap:10px;font-size:.8rem}.hero{padding-top:58px}.product-grid{grid-template-columns:1fr}.product-page{padding-top:40px}.feature-list{grid-template-columns:1fr}
.product-preview-block{margin:28px 0 34px}.product-preview-title{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 6px}.preview-caption{margin:0 0 14px;color:var(--muted);font-size:.92rem}.product-preview-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.05)}.product-preview-card img{display:block;width:100%;height:auto}.field-hint{display:block;color:var(--muted);font-size:.8rem;font-weight:600}.current-product-preview{display:grid;gap:10px;padding:16px;background:#f8fafc;border:1px solid var(--line);border-radius:16px}.current-product-preview strong{font-size:.86rem}.current-product-preview img{display:block;max-width:100%;height:auto;border-radius:14px;border:1px solid var(--line);background:#fff}
.checkout-card,.notice-card,.auth-card,.admin-card{padding:22px;border-radius:21px}.footer-inner{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.admin-title{align-items:flex-start;flex-direction:column}.admin-form .two{grid-template-columns:1fr}.order-facts div{grid-template-columns:1fr;gap:3px}}