@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Sarabun:wght@300;400;500;600;700&family=Trirong:wght@300;400;500;600&display=swap');
:root{--ivory:#fffdf7;--cream:#f5eddc;--herb:#66783e;--deep:#365b27;--deep-dark:#24461c;--gold:#d5ad47;--coffee:#6a3f1d;--line:rgba(127,91,42,.22);--shadow:0 16px 38px rgba(58,48,29,.11);--mountain-height:clamp(230px,28vw,460px);--mountain-gap:56px;--mountain-safe-space:calc(var(--mountain-height) + var(--mountain-gap))}
*{box-sizing:border-box}html{background:var(--ivory)}body{margin:0;min-height:100vh;color:var(--deep-dark);font-family:Sarabun,sans-serif;background:linear-gradient(180deg,#fffdf9 0%,#fbf5e9 62%,#efe5d1 100%);overflow-x:hidden}.mountain-bg{position:fixed;left:0;right:0;bottom:0;height:var(--mountain-height);z-index:1;pointer-events:none;background:url('assets/matterhorn-desktop.png') center bottom/100% auto no-repeat}body>*:not(.mountain-bg){position:relative;z-index:2}.mountain{display:none!important}.topbar{width:min(1180px,94vw);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 0}.brand{font-family:Cinzel,serif;letter-spacing:.12em;font-weight:600;color:var(--deep-dark)}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a,.back-link,.back-arrow{padding:9px 14px;border-radius:999px;color:var(--deep-dark);text-decoration:none;background:rgba(255,253,247,.92);border:1px solid var(--line)}.back-arrow{position:fixed;top:18px;left:18px;z-index:4;width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:22px;box-shadow:var(--shadow)}.wrap{width:min(1120px,92vw);margin:auto;padding-bottom:var(--mountain-safe-space)}.hero{text-align:center;padding:32px 0 24px}.hero h1{font-family:Trirong,serif;font-size:clamp(30px,5vw,52px);margin:0;color:var(--deep-dark)}.hero p{font-size:clamp(17px,2vw,21px);color:#5f584e}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 4;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,249,238,.97));border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before,.loginbox:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:5px;background:linear-gradient(var(--gold),var(--herb));border-radius:0 6px 6px 0}.card.wide{grid-column:span 8}.card.full{grid-column:1/-1}.card h1,.card h2,.card h3{font-family:Trirong,serif;margin:0 0 10px;color:var(--deep-dark)}.metric{font-size:34px;font-weight:700}.metric.code{font-size:24px}.metric.smaller{font-size:27px}.muted{color:#6c746e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;font:600 16px Sarabun;cursor:pointer;text-decoration:none;transition:.2s}.btn.primary,.mini{border:0;background:linear-gradient(135deg,var(--herb),var(--deep-dark));color:white;box-shadow:0 8px 20px rgba(47,76,30,.18)}.btn.secondary,.mini.secondary{background:var(--cream);color:var(--deep-dark);border:1px solid var(--line)}.btn:hover,.mini:hover{filter:brightness(1.06);transform:translateY(-1px)}.actions{display:flex;flex-wrap:wrap;gap:10px}.form{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-weight:600}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid #d9ccb6;background:#fffefa;font:16px Sarabun;color:var(--coffee)}.field textarea{min-height:96px;resize:vertical}.profile{display:flex;gap:18px;align-items:center}.avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 8px 24px rgba(0,0,0,.12)}.notice{padding:12px 14px;border-radius:14px;background:#f3ead8;border:1px solid var(--line)}.hidden{display:none!important}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{background:#fff;border-radius:22px;padding:20px;border:1px solid var(--line);text-align:center}.benefit strong{display:block;font-size:20px;margin-top:8px}.icon{font-size:34px}.bigtext{font-size:20px;line-height:1.65}.loginbox{width:min(560px,calc(100% - 32px));margin:6vh auto calc(var(--mountain-safe-space) + 30px);background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,249,238,.97));border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.loginbox h1{margin:22px 0 14px;font-family:Trirong,serif;font-size:clamp(30px,5vw,44px);color:var(--deep-dark)}.security-note{font-size:14px;color:#6c746e;text-align:center;margin-top:18px}.admin-table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden;min-width:760px}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.admin-table th{background:#efe5d2}.table-wrap{overflow:auto}.mini{border-radius:999px;padding:8px 12px;margin:2px;cursor:pointer}.mini:disabled{opacity:.45;cursor:not-allowed}.order-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.order-row>div{display:grid;gap:4px}.order-row>div:last-child{text-align:right}.order-row small{color:#6c746e}.status{display:inline-block;background:var(--cream);padding:5px 10px;border-radius:999px;font-size:14px}.empty{padding:18px;text-align:center;color:#6c746e}.visual-wrap{padding-top:20px}.customer-board{grid-template-columns:repeat(4,1fr)}.customer-board .benefit{min-height:180px;display:flex;flex-direction:column;justify-content:center}.customer-board .benefit span{font-size:17px;line-height:1.55;margin-top:7px}.cta-panel{margin-top:22px;background:linear-gradient(145deg,#fff,#fff7e7);border:1px solid var(--line);border-radius:26px;padding:24px;text-align:center;box-shadow:var(--shadow)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.steps div{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}.steps b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--herb),var(--deep-dark));color:white}.poster-details{margin-top:22px;background:#fffaf2;border:1px solid var(--line);border-radius:20px;padding:16px}.poster-image{display:block;width:min(100%,1000px);height:auto;margin:18px auto 0;border-radius:18px;box-shadow:var(--shadow)}.access-panel{width:min(620px,92vw);margin:8vh auto calc(var(--mountain-safe-space) + 36px);padding:30px;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,249,238,.98));border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.access-panel h1{font-family:Trirong,serif;color:var(--deep-dark)}
@media(max-width:900px){.customer-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){:root{--mountain-height:300px;--mountain-gap:40px}.mountain-bg{background-image:url('assets/matterhorn-mobile.png');background-size:100% auto}.card,.card.wide{grid-column:1/-1}.board{grid-template-columns:1fr}.profile{align-items:flex-start}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.loginbox{padding:26px 22px}.nav{display:grid;grid-template-columns:1fr 1fr;width:100%}.nav a{text-align:center}}
@media(max-width:600px){.customer-board,.steps{grid-template-columns:1fr}.customer-board .benefit{min-height:auto}.hero{padding-top:18px}.hero h1{font-size:34px}.order-row{align-items:flex-start}.profile{flex-direction:column}.avatar{width:96px;height:96px}}

/* Production asset refinements */
.brand-logo{width:92px;height:92px;object-fit:contain;margin:0 auto 8px;display:block}
.product-showcase{margin-top:22px;padding:24px}.real-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.real-product-grid figure{margin:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fffdf8;text-align:center}.real-product-grid img{width:100%;aspect-ratio:1/1;object-fit:contain}.real-product-grid figcaption{font-weight:700;color:var(--deep-dark)}
@media(max-width:800px){.real-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:13px}.legal-links a,.legal-links a:visited{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border-radius:999px;background:rgba(245,237,220,.94);border:1px solid var(--line);color:var(--deep-dark);text-decoration:none;font-weight:600;box-shadow:0 6px 16px rgba(58,48,29,.06);transition:.2s}.legal-links a:hover{background:#fffdf7;transform:translateY(-1px);text-decoration:none}.consent-row{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;color:#5f665e}.consent-row input{width:auto;margin-top:4px}.consent-row a{color:var(--deep);font-weight:600}


/* STEP 03B: policy links use the same THEWIE design even if an older login.html is still open */
.security-note a,.security-note a:visited{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin:4px 2px;padding:8px 12px;border-radius:999px;background:rgba(245,237,220,.96);border:1px solid var(--line);color:var(--deep-dark);text-decoration:none;font-weight:600;box-shadow:0 6px 16px rgba(58,48,29,.06)}
.security-note a:hover{background:#fffdf7;text-decoration:none;transform:translateY(-1px)}