:root{--bg:#eef7f8;--bg-2:#fff;--ink:#062536;--text:#284b59;--muted:#6c8590;--line:#06253621;--surface:#fff;--surface-2:#f3fafb;--navy:#062536;--blue:#1687d9;--cyan:#29c4d9;--green:#16b98e;--gold:#f3b43f;--rose:#ef6b84;--shadow:0 24px 70px #0d405229;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:linear-gradient(#ecf9faeb,#fffffff5 38%),linear-gradient(135deg,#e5f7f2 0%,#eaf4ff 42%,#fff7df 100%);margin:0}body,button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;justify-content:space-between;align-items:center;gap:22px;padding:16px clamp(18px,4vw,58px);display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;display:inline-flex}.brand img{width:180px;height:auto}.brand-compact img{width:150px}.main-nav,.admin-nav{align-items:center;gap:8px;display:flex}.main-nav a,.admin-nav a{color:var(--muted);border-radius:var(--radius);padding:10px 11px;font-size:14px;font-weight:760}.main-nav a:hover,.admin-nav a:hover{color:var(--ink);background:#1687d914}.primary-btn,.secondary-btn,.nav-action,.icon-button,.small-btn{border-radius:var(--radius);border:0;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:14px;font-weight:830;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.primary-btn,.nav-action{color:#032332;background:linear-gradient(135deg,#52e1de,#28c596 48%,#f3c154);padding:0 18px;box-shadow:0 14px 34px #16b98e3d}.secondary-btn,.icon-button,.small-btn{color:var(--ink);border:1px solid var(--line);background:#ffffffc7;padding:0 16px}.icon-button{width:42px;padding:0}.small-btn{min-height:34px;padding:0 10px;font-size:12px}.primary-btn:hover,.secondary-btn:hover,.nav-action:hover,.icon-button:hover,.small-btn:hover{transform:translateY(-1px)}.full{width:100%}.hero-section{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:calc(100vh - 75px);padding:clamp(44px,6.5vw,90px) clamp(18px,5vw,74px) 54px;display:grid}.hero-copy h1{max-width:780px;color:var(--ink);margin:0;font-size:clamp(42px,7vw,88px);font-weight:920;line-height:.97}.hero-lead{color:#315b68;max-width:690px;margin:25px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:31px;display:flex}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:620px;margin:45px 0 0;display:grid}.hero-proof div{border-top:1px solid var(--line);padding-top:16px}.hero-proof dt{color:var(--ink);font-size:30px;font-weight:900}.hero-proof dd{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:720}.hero-console{border-radius:var(--radius);width:min(100%,720px);box-shadow:var(--shadow);background:linear-gradient(145deg,#fff,#e8f8fa 58%,#fff7df);border:1px solid #1687d92b;overflow:hidden}.console-bar{border-bottom:1px solid var(--line);height:56px;color:var(--muted);align-items:center;gap:8px;padding:0 18px;display:flex}.console-bar span{background:var(--rose);border-radius:999px;width:10px;height:10px}.console-bar span:nth-child(2){background:var(--gold)}.console-bar span:nth-child(3){background:var(--green)}.console-bar strong{color:var(--ink);margin-left:auto;font-size:13px}.console-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.console-panel,.product-card,.price-card,.order-form,.qr-result,.login-panel,.plan-editor,.stats-grid article,.admin-section,.login-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffdb;box-shadow:0 14px 40px #0c425314}.console-panel{padding:18px}.flow-panel,.qr-panel{grid-column:1/-1}.panel-title{align-items:center;gap:10px;display:flex}.panel-title h3,.panel-title span{color:var(--ink);margin:0;font-weight:860}.icon-badge{border-radius:var(--radius);justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-badge.blue{color:#075b93;background:#1687d921}.icon-badge.green{color:#087e63;background:#16b98e24}.icon-badge.gold{color:#8c6307;background:#f3b43f2e}.icon-badge.rose{color:#a2364d;background:#ef6b8424}.flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 14px;display:grid}.flow-steps b{border-radius:var(--radius);min-height:44px;color:var(--ink);background:linear-gradient(135deg,#29c4d933,#16b98e2e);place-items:center;font-size:13px;display:grid}.metric-panel span{color:var(--muted);font-size:13px;font-weight:760}.metric-panel strong{color:var(--ink);margin-top:12px;font-size:24px;display:block}.qr-panel{grid-template-columns:132px 1fr;align-items:center;gap:16px;display:grid}.qr-panel img,.qr-result img,.order-qr{border-radius:var(--radius);border:1px solid var(--line);background:#fff}.qr-panel strong,.qr-panel span,.qr-panel small{display:block}.qr-panel strong{color:var(--ink);font-size:20px}.qr-panel span{color:var(--blue);margin-top:6px;font-weight:820}.qr-panel small{color:var(--muted);margin-top:8px;line-height:1.45}.section-band,.split-section,.payment-section{padding:clamp(56px,8vw,96px) clamp(18px,5vw,74px)}.product-band{background:#fff}.section-heading{max-width:780px;margin-bottom:34px}.section-heading h2,.split-copy h2,.payment-copy h2{color:var(--ink);margin:0;font-size:clamp(30px,4vw,52px);font-weight:900;line-height:1.05}.section-heading p,.split-copy p,.payment-copy p{color:#456a76;margin:16px 0 0;font-size:17px;line-height:1.65}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.product-card{overflow:hidden}.product-card img{object-fit:cover;width:100%;height:178px}.product-card-content{padding:18px}.product-tag{color:var(--blue);margin-bottom:14px;font-size:12px;font-weight:840;display:block}.product-card p,.price-card p,.price-card li,.console-panel p{color:#53717d;line-height:1.58}.split-section{background:linear-gradient(#f3fbfc,#fff);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(30px,5vw,64px);display:grid}.image-stage{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.image-stage img{object-fit:cover;width:100%;min-height:470px}.check-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.check-list li{color:#315b68;align-items:flex-start;gap:10px;font-weight:680;display:flex}.check-list svg{color:var(--green);flex:none;margin-top:2px}.pricing-band{background:#062536}.pricing-band .section-heading h2,.pricing-band .section-heading p{color:#f4fbff}.pricing-band .section-heading p{color:#b6d2dc}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.price-card{flex-direction:column;min-height:360px;padding:22px;display:flex}.price-card h3{color:var(--ink);margin:0;font-size:25px}.price-card strong{color:var(--green);margin:14px 0;font-size:28px}.price-card ul{gap:10px;margin:0 0 22px;padding-left:18px;display:grid}.price-card .primary-btn{margin-top:auto}.payment-section{background:#fff;grid-template-columns:minmax(280px,.8fr) minmax(320px,.72fr) minmax(280px,.58fr);align-items:start;gap:18px;display:grid}.bank-box{border-radius:var(--radius);color:var(--ink);border:1px solid var(--line);background:#eef8f9;gap:8px;margin-top:24px;padding:20px;display:grid}.bank-box span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.bank-box strong{margin-bottom:8px;font-size:18px}.order-form,.qr-result,.login-panel,.login-card{padding:22px}.order-form h3,.qr-result h3,.login-panel h2,.login-card h2{color:var(--ink);margin:0 0 18px;font-size:25px}label{gap:8px;margin-bottom:14px;display:grid}label span{color:#426472;font-size:13px;font-weight:790}input,select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:44px;color:var(--ink);background:#fff;outline:none;padding:0 12px}input:focus,select:focus{border-color:#1687d98f;box-shadow:0 0 0 4px #1687d91a}.form-status{min-height:22px;color:var(--blue);margin:12px 0 0;font-weight:760}.qr-result img{width:min(100%,260px);margin:0 auto 16px}.qr-result dl{gap:12px;margin:0;display:grid}.qr-result dt{color:var(--muted);font-size:12px;font-weight:840}.qr-result dd{color:var(--ink);word-break:break-word;margin:4px 0 0;font-weight:840}.site-footer{color:var(--muted);border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(18px,5vw,74px);display:flex}.site-footer p{margin:0;font-weight:720}.loading-screen{min-height:70vh;color:var(--ink);place-items:center;padding:40px;font-weight:830;display:grid}.admin-shell{background:#f2f8f9;grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.admin-nav{flex-direction:column;align-items:stretch}.admin-main{min-width:0;padding:28px}.admin-topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.admin-topbar h1{color:var(--ink);margin:0;font-size:clamp(28px,4vw,44px)}.admin-topbar p{color:var(--muted);margin:8px 0 0}.admin-actions,.row-actions{flex-wrap:wrap;gap:8px;display:flex}.login-panel{max-width:440px}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stats-grid article{padding:18px}.stats-grid span{color:var(--muted);font-size:13px;font-weight:780}.stats-grid strong{color:var(--ink);margin-top:10px;font-size:25px;display:block}.admin-section{margin-top:18px;padding:20px}.section-title-row{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.section-title-row h2{color:var(--ink);margin:0}.section-title-row p{color:var(--muted);margin:6px 0 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 10px}th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:860}td{color:var(--text);font-size:14px}td strong{color:var(--ink)}td small{color:var(--muted);line-height:1.5}.status-pill{color:#0d4e3e;background:#16b98e24;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:840;display:inline-flex}.status-pill.pending{color:#7a5412;background:#f3b43f33}.status-pill.suspended{color:#96304b;background:#ef6b8429}.status-pill.paid{color:#075b93;background:#1687d924}.order-qr{object-fit:contain;width:82px;height:82px}.plan-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.plan-editor{padding:16px}.plan-editor h3{color:var(--ink);margin:0 0 14px}.online-list{gap:10px;display:grid}.online-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;gap:14px;padding:14px;display:flex}.online-item strong,.online-item span{display:block}.online-item span{color:var(--muted);font-size:13px}.statement-section{scroll-margin-top:24px}.statement-uploader{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;display:grid}.statement-file{border-radius:var(--radius);min-height:64px;color:var(--ink);background:linear-gradient(135deg,#29c4d91a,#ffffffdb);border:1px dashed #1687d973;align-items:center;gap:12px;margin:0;padding:14px;display:flex;position:relative}.statement-file svg{color:var(--blue);flex:none}.statement-file strong,.statement-file small{display:block}.statement-file small{color:var(--muted);margin-top:4px;line-height:1.45}.statement-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.statement-result{gap:16px;margin-top:14px;display:grid}.statement-result-actions{justify-content:flex-end;display:flex}.statement-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.statement-summary-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:16px}.statement-summary-grid span{color:var(--muted);font-size:13px;font-weight:780;display:block}.statement-summary-grid strong{color:var(--ink);margin-top:8px;font-size:24px;display:block}.statement-warnings{gap:8px;display:grid}.statement-warnings span{border-radius:var(--radius);color:#7a5412;background:#f3b43f2e;align-items:center;min-height:34px;padding:8px 12px;font-size:13px;font-weight:740;display:flex}.statement-table{min-width:1100px}.statement-table th:first-child{width:220px}.statement-table th:nth-child(2){width:190px}.statement-table th:nth-child(4){width:180px}.statement-transfer-list{gap:8px;display:grid}.statement-transfer{border-radius:var(--radius);background:#fff;border:1px solid #06253617;grid-template-columns:minmax(160px,.24fr) minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.statement-transfer span,.statement-transfer small,.statement-transfer em{display:block}.statement-transfer small{color:var(--muted);margin-top:4px;font-size:12px}.statement-transfer em{color:#426472;word-break:break-word;font-style:normal;line-height:1.45}button:disabled{cursor:not-allowed;opacity:.62;transform:none}.chat-auth-shell{background:linear-gradient(135deg,#062536,#0b4f64 48%,#f7f9ef);grid-template-columns:minmax(0,1fr) minmax(330px,460px);align-items:center;gap:clamp(24px,5vw,70px);min-height:100vh;padding:clamp(24px,5vw,72px);display:grid}.chat-brand-panel{color:#e9fbff}.chat-brand-panel .brand img{filter:none}.chat-brand-panel h1{margin:28px 0 0;font-size:clamp(42px,7vw,86px);line-height:.96}.chat-brand-panel p{color:#bddfe7;max-width:660px;font-size:19px;line-height:1.65}.signal-card{aspect-ratio:1.5;border-radius:var(--radius);background:linear-gradient(135deg,#52e1de2e,#ffffff14);border:1px solid #ffffff2e;width:min(100%,520px);margin-top:36px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000038}.signal-grid{background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.signal-core{color:#062536;background:linear-gradient(135deg,#52e1de,#f3c154);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-note{border-radius:var(--radius);color:#e9fbff;background:#062536bd;border:1px solid #ffffff29;place-items:center;min-height:38px;padding:0 13px;font-size:13px;font-weight:800;display:grid;position:absolute}.note-one{top:26px;left:24px}.note-two{top:44%;right:28px}.note-three{bottom:28px;left:18%}.trust-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.trust-row span{border-radius:var(--radius);min-height:34px;color:inherit;background:#ffffff14;border:1px solid #ffffff2e;align-items:center;padding:0 11px;font-size:13px;font-weight:750;display:inline-flex}.login-card{background:#fffffff0}.login-card p{color:var(--muted);line-height:1.5}.auth-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 18px;display:grid}.auth-tabs button{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--muted);background:#fff;font-weight:800}.auth-tabs button.active{color:var(--ink);background:#16b98e1f;border-color:#16b98e59}.fine-link{color:var(--blue);margin-top:14px;font-weight:780;display:inline-flex}.chat-app-shell{background:#eef7f8;grid-template-columns:330px minmax(0,1fr);min-height:100vh;display:grid}.chat-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:18px;padding:20px;display:flex}.profile-strip{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.avatar{color:#062536;background:linear-gradient(135deg,#52e1de,#f3c154);border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.avatar.small{flex:none;width:38px;height:38px}.profile-strip strong,.profile-strip span{display:block}.profile-strip span,.conversation-item small{color:var(--muted);font-size:13px}.search-box{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;color:var(--muted);background:var(--surface-2);align-items:center;gap:10px;padding:0 12px;font-size:13px;font-weight:760;display:flex}.conversation-list{gap:8px;display:grid}.conversation-item{border-radius:var(--radius);width:100%;min-height:62px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:8px;display:flex}.conversation-item.active{background:#1687d914;border-color:#1687d933}.conversation-panel{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.conversation-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;display:flex}.conversation-header h1{color:var(--ink);margin:0}.conversation-header p{color:var(--muted);margin:6px 0 0}.message-list{flex-direction:column;gap:12px;padding:24px;display:flex;overflow-y:auto}.message{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-self:flex-start;max-width:min(620px,84%);padding:12px 14px;box-shadow:0 12px 30px #0c425312}.message.mine{color:#eaffff;background:#0b6177;align-self:flex-end}.message p{margin:0;line-height:1.5}.message span{color:inherit;opacity:.7;margin-top:8px;font-size:12px;display:block}.message-composer{border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;gap:10px;padding:18px 24px;display:grid}@media (width<=1120px){.main-nav{display:none}.hero-section,.split-section,.payment-section,.chat-auth-shell{grid-template-columns:1fr}.product-grid,.pricing-grid,.plan-editor-grid,.stats-grid,.statement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-header,.site-footer,.admin-topbar,.conversation-header{flex-direction:column;align-items:stretch}.hero-section{grid-template-columns:1fr;min-height:auto}.hero-proof,.product-grid,.pricing-grid,.plan-editor-grid,.stats-grid,.statement-summary-grid,.console-body,.statement-uploader,.statement-transfer{grid-template-columns:1fr}.qr-panel,.flow-panel{grid-column:auto}.qr-panel{grid-template-columns:1fr}.payment-section,.section-band,.split-section{padding-inline:16px}.admin-shell,.chat-app-shell{grid-template-columns:1fr}.admin-sidebar,.chat-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:relative}.admin-main{padding:16px}.message-composer{grid-template-columns:1fr}}