:root{color-scheme:dark;--bg:#0f1627;--panel:#1c293e;--raised:#263954;--edge:#63718b;--ink:#f9f8f4;--sub:#d0d9e4;--gold:#e8cb99}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}
body.shai-share{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
.shai-share a{color:inherit;text-underline-offset:3px}.shai-share button{font:inherit;cursor:pointer}
.shai-share a:focus-visible,.shai-share button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.shai-share .skip{position:absolute;top:-100px;left:10px;padding:10px;color:#111;background:#fff;z-index:100}.shai-share .skip:focus{top:0}
.shai-share header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:14px max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--edge)}
.shai-share .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.03em;text-decoration:none}.shai-share .brand img{background:#151e31}
.shai-share header nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.shai-share header nav a{min-height:44px;display:inline-flex;align-items:center}
.shai-share main{width:min(1180px,calc(100% - 32px));margin:auto}.shai-share h1,.shai-share h2,.shai-share h3{line-height:1.18;text-wrap:balance}
.shai-share h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.035em;margin:15px 0 20px}.shai-share h2{font-size:clamp(1.4rem,2.8vw,2rem);margin:0 0 12px}.shai-share h3{font-size:1.1rem;margin:0 0 8px}
.shai-share .eyebrow{font-size:12px;letter-spacing:.1em;color:var(--gold);font-weight:800;text-transform:uppercase}.shai-share .lead{color:var(--sub);font-size:1.15rem;max-width:700px}.shai-share .fine{font-size:14px;color:var(--sub)}
.shai-share .hero{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:35px;padding:38px 0;align-items:start}.shai-share .hero-intro{padding-top:10px}
.shai-share .actions{display:flex;flex-wrap:wrap;gap:9px}.shai-share .actions a,.shai-share .actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;background:var(--raised);border:1px solid #8292b0;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:650}
.shai-share .actions .primary{background:var(--gold);border-color:var(--gold);color:#141c29}.shai-share .actions a:hover,.shai-share .actions button:hover{filter:brightness(1.12)}
.shai-share .qr-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:21px;border:1px solid var(--edge);border-radius:16px;background:#23334e}.shai-share .qr-card svg{width:min(224px,100%);height:auto;background:white;border:6px solid #fff;border-radius:6px}
.shai-share .qr-card span{font-size:13px;overflow-wrap:anywhere}.shai-share .qr-card small{font-size:12px;color:var(--sub)}
.shai-share .panel,.shai-share .product-section{border:1px solid var(--edge);background:var(--panel);border-radius:16px;padding:24px;margin:20px 0}.shai-share .panel p{color:var(--sub)}
.shai-share .channel-grid,.shai-share .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.shai-share .channel-grid>a{display:block;text-decoration:none;padding:20px;background:#253653;border:1px solid #6a7894;border-radius:12px}.shai-share .channel-grid>a:hover{background:#304462}
.shai-share .channel-grid small{color:var(--gold);letter-spacing:.04em;font-size:11px;font-weight:800}.shai-share .channel-grid h3{margin:8px 0}.shai-share .channel-grid p{font-size:14px;color:var(--sub)}.shai-share .channel-grid strong{color:var(--gold);font-size:14px}
.shai-share .digital-intro{padding:24px 6px;scroll-margin-top:20px}.shai-share .jumps{display:flex;gap:10px;flex-wrap:wrap}.shai-share .jumps a{display:inline-flex;align-items:center;padding:8px 12px;min-height:44px;border:1px solid var(--edge);background:#283957;border-radius:8px}
.shai-share .product-section{scroll-margin-top:20px}.shai-share .product{background:#283956;border:1px solid #687997;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.shai-share .cover{background:#101b2d;display:grid;place-items:center;min-height:168px}.shai-share .cover img{width:100%;height:168px;object-fit:contain;padding:12px}
.shai-share .product-body{padding:17px;display:flex;flex:1;flex-direction:column}.shai-share .product h3 a{text-decoration:none}
.shai-share .summary{color:var(--sub);font-size:14px;flex:1}.shai-share .price{color:var(--gold);display:block;margin:8px 0 12px}.shai-share .price small{color:var(--sub);font-weight:400}
.shai-share .product .actions{margin:0 0 8px}.shai-share .product .actions a{flex:1;font-size:13px;padding:8px}
.shai-share .share-product{border:0;background:transparent;padding:10px 0;color:var(--gold);text-decoration:underline;align-self:flex-start;min-height:44px}
.shai-share #share-status{font-size:14px;color:var(--gold);min-height:25px}
.shai-share footer{border-top:1px solid var(--edge);padding:24px 18px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--sub);font-size:14px}
@media(max-width:900px){.shai-share .channel-grid,.shai-share .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shai-share .hero{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:650px){.shai-share header{padding:12px 16px}.shai-share .hero{grid-template-columns:1fr;gap:20px;padding:24px 0}.shai-share .qr-card{max-width:330px;margin:auto}.shai-share .panel,.shai-share .product-section{padding:16px}.shai-share .channel-grid,.shai-share .grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body.shai-share{color:#111;background:#fff}.shai-share header,.shai-share .panel,.shai-share .product-section,.shai-share .digital-intro,.shai-share footer,.shai-share .hero-intro .actions{display:none!important}.shai-share .hero{display:block;text-align:center}.shai-share .qr-card{background:#fff;border:0;margin:30px auto}.shai-share .qr-card svg{width:250px}.shai-share .lead,.shai-share .fine,.shai-share .qr-card small,.shai-share .qr-card span{color:#111}}
