/* Burgundy / metallic gold. Presentation only; no order controls are changed. */
.ambient-mist {position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.76;mix-blend-mode:screen}
#levels.package-section {position:relative;padding:88px 0;background:radial-gradient(ellipse at 50% 30%,#5b1427 0%,#300a15 50%,#17050b 100%);overflow:hidden}
.package-section .shell {position:relative;z-index:3}
.package-intro {max-width:760px;color:#eee2d1;margin:23px 0 38px;font-size:17px;line-height:1.85}
.package-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.package-card {position:relative;display:flex;flex-direction:column;min-width:0;padding:29px 26px 26px;border:1px solid #be9357;background:linear-gradient(155deg,rgba(106,29,47,.64),#280b13 48%,#15070b);box-shadow:inset 0 0 0 5px #210a10,inset 0 0 0 6px rgba(216,177,110,.19),0 18px 45px rgba(0,0,0,.25);transition:box-shadow .3s,border-color .3s}
.package-card::before,.package-card::after {content:"";position:absolute;width:30px;height:30px;pointer-events:none;border-color:#f1d397;border-style:solid}
.package-card::before {top:10px;left:10px;border-width:1px 0 0 1px}.package-card::after {bottom:10px;right:10px;border-width:0 1px 1px 0}
.package-card:hover,.package-card:focus-within {border-color:#f2d59c;box-shadow:inset 0 0 0 5px #210a10,inset 0 0 0 6px rgba(216,177,110,.32),0 18px 55px rgba(0,0,0,.35),0 0 25px rgba(221,145,94,.1)}
.package-label {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:#f2d8a7;letter-spacing:.05em}
.package-index {font:600 25px/1 var(--serif);color:#d2a872}
.package-card h3 {font:700 24px/1.55 var(--serif);color:#fff0d7;min-height:75px;margin:21px 0 19px;letter-spacing:-.015em}
.package-art {position:relative;margin:0;height:270px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#6e2939 0%,#260c18 57%,#15070c 95%);border:1px solid rgba(232,190,121,.24)}
.package-art::before {content:"";position:absolute;width:180px;height:180px;border-radius:50%;bottom:-115px;left:calc(50% - 90px);background:#c68a55;filter:blur(36px);opacity:.3}
.package-format {margin:20px 0 8px;font-size:13px;color:#e4caa2;line-height:1.7}
.package-price {display:flex;gap:10px;align-items:baseline;padding:0 0 23px;border-bottom:1px solid rgba(226,188,123,.32)}
.package-price strong {font:700 clamp(27px,2.7vw,36px)/1.4 var(--sans);color:#f7deb0;text-shadow:0 2px 12px rgba(189,128,57,.16)}
.package-price>span {font-size:13px;color:#dec8ab;white-space:nowrap}
.package-benefits {margin:5px 0 0;display:grid;gap:0}
.package-benefits>div {position:relative;padding:17px 0 17px 18px;border-bottom:1px solid rgba(222,181,114,.17)}
.package-benefits>div::before {content:"";position:absolute;left:0;top:24px;width:5px;height:5px;background:#e7bf7c;box-shadow:0 0 8px rgba(231,191,124,.3)}
.package-benefits dt {font-size:11px;font-weight:700;letter-spacing:.07em;color:#e4bd7b;margin-bottom:5px}
.package-benefits dd {margin:0;font-size:16px;font-weight:500;line-height:1.8;color:#f3e7d7}
.package-note {margin:19px 0 25px;color:#dbc8b3;font-size:14px;line-height:1.8}
.package-order {margin-top:auto;width:100%;justify-content:space-between;letter-spacing:0;background:linear-gradient(110deg,#b98543,#edd29b 48%,#d4a25b);border:1px solid #e5c58a;min-height:54px}
.package-addons {display:grid;grid-template-columns:.85fr 1.7fr;gap:40px;margin-top:25px;padding:30px;border:1px solid rgba(226,188,123,.55);background:linear-gradient(110deg,#39101a,#1c080e)}
.package-addons h3 {font:700 23px/1.6 var(--serif);color:#f2d8a9;margin:14px 0 0}
.addon-detail>strong {color:#f5dbad;font-size:24px;font-weight:700}.addon-detail>strong>span {font-size:14px;font-weight:500;color:#e8d2b3}
.addon-detail p {font-size:16px;line-height:1.85;color:#f0e1ce;margin:13px 0 0}
/* All eight examples use the same compact three-part layout. */
@media(max-width:1100px) {.package-grid {gap:15px}.package-card {padding:26px 19px}.package-card h3 {font-size:21px;min-height:100px}.package-art {height:270px}.package-price {gap:6px}.package-price strong {font-size:28px}.package-benefits dd {font-size:15px}}
@media(max-width:850px) {.package-grid {grid-template-columns:1fr;gap:24px;max-width:620px;margin-inline:auto}.package-card {padding:29px}.package-card h3 {font-size:26px;min-height:0;margin:20px 0}.package-art {height:280px}.package-price strong {font-size:36px}.package-benefits dd {font-size:16px}.package-addons {grid-template-columns:1fr;gap:20px}}
@media(max-width:600px) {#levels.package-section {padding:60px 0}.package-intro {font-size:16px;margin-bottom:28px}.package-card {padding:25px 22px}.package-card h3 {font-size:24px}.package-art {height:270px}.package-price strong {font-size:33px}.package-addons {padding:25px 22px}.addon-detail>strong {font-size:23px}.addon-detail>strong>span {display:block;margin-top:3px}.hexagram-visual {grid-row:1/3}}
@media(prefers-reduced-motion:reduce) {.package-card {transition:none}}

/* The standalone gold lettering follows the approved logo's sweeping B. */
.bua-wordmark {position:relative;display:block;width:116px;aspect-ratio:1292/789;overflow:hidden}
.bua-wordmark img {position:absolute;width:118.886%;max-width:none;height:auto;left:-11.765%;top:-17.87%;filter:none}
.brand-wordmark {display:flex;flex-direction:column;gap:2px;line-height:1.3}
.brand-wordmark strong.bua-wordmark {font-size:inherit}
.hero h1 .spell-bua.bua-wordmark {width:clamp(215px,21vw,290px);margin:5px 0 9px;animation:none}
.footer-wordmark {display:flex;flex-direction:column;gap:4px;line-height:1.4;text-transform:none;letter-spacing:.025em}
.footer-wordmark .bua-wordmark {width:110px}
.package-order:focus-visible {outline:2px solid #fff0c3;outline-offset:3px}

/* HTML mockups explain the actual deliverables; approved preview art is intact. */
.product-scene {padding:16px 14px 36px;color:#f5e1ba}
.product-scene figcaption {position:absolute;inset:auto 8px 10px;text-align:center;font:600 12px/1.6 var(--sans);color:#ead1a8;letter-spacing:0;z-index:1}
.digital-scene,.personal-scene,.crafted-scene {position:relative;display:flex;align-items:center;justify-content:center;gap:20px;height:100%;isolation:isolate}
.mock-phone {position:relative;flex-shrink:0;width:92px;height:196px;padding:6px 4px;border:1px solid #dcb982;border-radius:15px;background:#10070b;box-shadow:inset 0 0 0 2px #2c2021,0 14px 22px rgba(0,0,0,.4);overflow:hidden}
.mock-phone::before {content:"";position:absolute;z-index:1;top:6px;left:calc(50% - 15px);width:30px;height:5px;border-radius:0 0 5px 5px;background:#10070b}
.mock-phone::after {content:"";position:absolute;bottom:7px;left:calc(50% - 15px);width:30px;height:2px;background:#bda384;border-radius:4px}
.mock-phone img {height:100%;width:100%;object-fit:contain;border-radius:9px;background:#28080e;-webkit-user-drag:none;user-select:none}
.scene-digital .mock-phone {transform:rotate(-5deg)}
.format-map {display:grid;gap:19px}
.format-option {display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600;line-height:1.5;color:#f5e1ba}
.device-icon {position:relative;display:block;flex-shrink:0;width:20px;height:30px;border:1px solid #dcbb84;border-radius:4px;box-shadow:0 0 13px rgba(215,174,108,.12)}
.device-icon::after {content:"";position:absolute;left:calc(50% - 4px);bottom:3px;width:8px;height:1px;background:#dcbb84}
.icon-tablet {width:26px;height:34px}.icon-laptop {width:33px;height:22px;border-radius:2px;margin-bottom:5px}
.icon-laptop::after {width:39px;height:3px;left:-4px;bottom:-5px;border-radius:0 0 4px 4px}
.birth-map {display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:relative;z-index:1;margin-bottom:12px}
.birth-map span {padding:5px 2px;border:1px solid rgba(230,191,130,.45);background:rgba(90,29,43,.48);text-align:center;font-size:11px;font-weight:600;color:#f1d49e;line-height:1.5}
.personal-scene {height:172px;gap:19px}.personal-scene .mock-phone {height:164px;width:77px}
.guide-sheet {position:relative;flex-shrink:0;width:112px;min-height:137px;padding:13px 12px;background:linear-gradient(130deg,#471625,#210b14);border:1px solid #c6a06c;box-shadow:0 9px 17px rgba(0,0,0,.3);transform:rotate(3deg);color:#f4ddb3}
.guide-sheet>span {font:700 11px/1.5 var(--sans);letter-spacing:.02em}.guide-sheet i {display:block;height:1px;margin-top:7px;background:rgba(234,202,153,.35);width:100%}.guide-sheet i:nth-of-type(2) {width:78%}
.guide-sheet small {display:block;margin-top:10px;font:600 9px/1.75 var(--sans);color:#e5c99f}
.crafted-scene {gap:20px}.crafted-scene .mock-phone {height:160px;width:75px;transform:rotate(-7deg);z-index:1}
.mock-print {position:relative;width:88px;height:195px;padding:3px;background:#d2b578;box-shadow:2px 2px 0 #9e8154,0 17px 24px rgba(0,0,0,.4);transform:rotate(7deg)}
.mock-print img {width:100%;height:100%;object-fit:contain;background:#23090f;-webkit-user-drag:none;user-select:none}
@media(max-width:1100px) and (min-width:851px) {.product-scene {padding-inline:7px}.digital-scene {gap:12px}.format-option {font-size:10px;gap:7px}.mock-phone {width:82px;height:180px}.personal-scene {gap:11px}.guide-sheet {width:84px;padding:11px 9px}.crafted-scene {gap:12px}}
@media(max-width:600px) {.brand-wordmark {gap:2px;font-size:12px}.brand-wordmark .bua-wordmark {width:86px}.hero h1 .spell-bua.bua-wordmark {width:230px}.footer-wordmark .bua-wordmark {width:100px}.digital-scene {gap:25px}.format-option {font-size:12px}.birth-map {max-width:270px;margin-inline:auto}.personal-scene {gap:24px}}
@media(max-width:359px) {.product-scene {padding-inline:7px}.digital-scene {gap:12px}.format-option {gap:7px;font-size:11px}.personal-scene {gap:12px}.guide-sheet {width:94px}.personal-scene .mock-phone {width:72px}}