/* Distinct surfaces for directions, process and transaction controls. */
#home .directionCards{gap:16px;margin-bottom:28px}
#home .directionCards article,#home .directionCards article:last-child{padding:25px 22px 24px;border-radius:17px;isolation:isolate;min-height:190px}
#home .directionCards article:first-child{background:radial-gradient(ellipse at 0 0,#d1a74f48,transparent 80%),linear-gradient(140deg,#3a3323,#191d1d);border-color:#d8b87499;box-shadow:inset 0 1px #ffe8ad38,0 13px 30px #0004}
#home .directionCards article:last-child{background:radial-gradient(ellipse at 100% 0,#d5bb8124,transparent 80%),linear-gradient(140deg,#2e3438,#14191e);border-color:#929da064;box-shadow:inset 0 1px #f1ece224,0 13px 30px #0004}
#home .directionCards article:after{width:140px;height:140px;right:-69px;top:-45px;border-color:#e7c98a33;box-shadow:0 0 0 19px #e7c98a06}
#home .directionCards article:before{bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b18b43,#f4db9c,#a37d36)}
#home .directionCards article:last-child:before{background:linear-gradient(90deg,#737b80,#d8cda9,#737b80)}
#home .directionIcon{width:46px;height:46px;border-radius:13px;font-size:28px;position:relative;box-shadow:inset 0 1px #fff3,0 5px 12px #0003}
#home .directionCards article:first-child .directionIcon{background:linear-gradient(145deg,#e5cb8d,#a47b35);border-color:#eed69e;color:#211d14}
#home .directionCards article:last-child .directionIcon{background:linear-gradient(145deg,#505657,#282f34);border-color:#a9a58b;color:#f1d59b}
#home .directionCards h2{font-size:20px;margin-top:21px;color:#fff0c9}#home .directionCards p{line-height:1.85;color:#d2d2c9}
/* An open timeline replaces the undifferentiated information box. */
#home .hero .statstrip{position:relative;border:0;border-radius:0;background:none;box-shadow:none;padding:0 0 0 3px;counter-reset:benefit}
#home .hero .statstrip:before{content:'';position:absolute;left:27px;top:34px;bottom:34px;width:1px;background:linear-gradient(#ddbe7655,#ddbe7620);pointer-events:none}
#home .hero .statstrip>div{position:relative;counter-increment:benefit;gap:18px;padding:22px 48px 22px 0;border-bottom:1px solid #d5ba7a24;align-items:center}
#home .hero .statstrip>div:last-child{border-bottom:0}
#home .hero .statstrip>div:after{content:counter(benefit,decimal-leading-zero);position:absolute;right:2px;top:27px;font-size:20px;font-weight:500;letter-spacing:1px;color:#bc9c576b;font-variant-numeric:tabular-nums}
#home .hero .statstrip .icon{position:relative;width:49px;height:54px;flex-basis:49px;border-radius:14px;background:linear-gradient(145deg,#333025,#171e21);border-color:#bfa46b77;box-shadow:inset 0 1px #e8d09624,0 0 0 6px #0b0f12;color:#edca7b}
#home .hero .statstrip .icon svg{width:26px;height:26px}#home .hero .statstrip b{font-size:16px;line-height:1.65;color:#f6e7c6}#home .hero .statstrip p{font-size:13px;color:#bfc8ce;line-height:1.8;margin-top:6px}
/* The transaction form gets a clear premium frame and header. */
#home #requestForm{border:1px solid #d4b46fab;border-radius:21px;background:radial-gradient(ellipse at 50% 0,#b58b3430,transparent 38%),linear-gradient(145deg,#25292a,#11181d 65%);box-shadow:0 24px 60px #0008,inset 0 0 0 5px #e6cc8805,inset 0 1px #ffe5a538;padding:29px}
#home #requestForm:before{height:4px;left:27px;right:27px;top:0;background:linear-gradient(90deg,transparent,#d4b06a,#ffe8ac,#d4b06a,transparent)}
#home #requestForm:after{content:'';position:absolute;pointer-events:none;left:10px;right:10px;top:10px;bottom:10px;border:1px solid #e4c78114;border-radius:13px}
#home .cardhead{gap:12px;border-bottom:1px solid #cdb47940;padding:2px 0 22px;margin-bottom:23px}#home .cardhead h2{flex:1;font-size:23px;line-height:1.4;margin:0}#home .formSymbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;color:#191c18;border:1px solid #f3dca3;background:linear-gradient(145deg,#f0db9c,#b99049);box-shadow:0 4px 16px #ae853a26}#home .formSymbol svg{width:23px;height:23px}#home .cardhead .stepmark{background:#0e1518;border-color:#b89c5b66;padding:7px 10px;border-radius:6px;white-space:nowrap;font-size:11px}
#home .tradeTabs{padding:6px;gap:7px;border:1px solid #8f9a9f44;border-radius:12px;box-shadow:inset 0 2px 8px #0008;background:#060c10}#home .tradeTabs button{border-radius:8px;min-height:49px}#home .tradeTabs button.active{background:linear-gradient(120deg,#b9994f,#efd69a 70%,#f5e2b1);box-shadow:0 3px 12px #0005,inset 0 1px #fff7}
/* Compact notice and distinct identity / amount entry treatments. */
#home .notice{position:relative;border:0;border-left:3px solid #d3b16b;border-radius:0 9px 9px 0;background:linear-gradient(90deg,#bd9e4b21,#bd9e4b05);padding:14px 15px 14px 43px;margin:22px 0;color:#ead6a6}#home .notice:before{content:'!';position:absolute;left:14px;top:17px;width:18px;height:18px;border:1px solid #caae69a1;border-radius:50%;display:grid;place-items:center;color:#e7c77e;font-size:12px;line-height:1;font-weight:700}#home .notice small{font-size:11px;color:#b4bdc0}
#home .field{font-size:14px;letter-spacing:.2px;margin-top:22px}#home .field small{font-size:11px;color:#b8c2c8}#home .input{border-color:#7d8c954d;border-radius:10px;background:#080f14;box-shadow:inset 0 3px 8px #0005;padding:15px 16px}#home #uid{padding-left:45px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bfa469' stroke-width='1.5'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E");background-size:21px;background-repeat:no-repeat;background-position:15px center}
#home .quantity input{border-left:3px solid #c3a05b;border-color:#b8a06b66;border-left-color:#e0bf79;background:linear-gradient(110deg,#0b1419,#080e12);font-size:30px;min-height:75px;padding-left:18px}#home .quantity span{color:#d7bf8f;font-size:12px}#home .quick{margin-top:12px;gap:9px}#home .quick button{padding:11px 4px;border-radius:8px;border-color:#7b8c9440;background:#172027;font-variant-numeric:tabular-nums}#home .quick button.selected{color:#1b211d;font-weight:750;background:linear-gradient(120deg,#c2a260,#edda9e);border-color:#e2c68b;box-shadow:0 3px 12px #0003}
#home .estimate{margin-top:22px;border-color:#d1af68a1;background:radial-gradient(ellipse at 100% 0,#c89c3d23,transparent 75%),linear-gradient(120deg,#27281f,#121a1d);border-radius:13px;padding:21px 18px;box-shadow:inset 0 1px #ffe4a417}#home .estimate strong{font-size:32px;color:#f9d887;text-shadow:0 1px 12px #c5a15c20}#home .estimate:before{width:4px;background:linear-gradient(#f6dda0,#a77e35)}
@media(max-width:1050px){#home .directionCards article,#home .directionCards article:last-child{padding:22px 18px}#home .directionCards h2{font-size:18px}}
@media(max-width:720px){#home .directionCards{gap:12px;margin-bottom:17px}#home .directionCards article,#home .directionCards article:last-child{padding:20px 16px;border-radius:15px;min-height:176px}#home .directionCards h2{font-size:17px;margin:19px 0 9px}#home .directionCards p{font-size:12px}#home .directionIcon{width:42px;height:42px;font-size:26px}#home .hero .statstrip>div{padding:20px 34px 20px 0;gap:16px}#home .hero .statstrip>div:after{font-size:17px;top:25px}#home .hero .statstrip b{font-size:15px}#home .hero .statstrip p{font-size:12px}#home .hero .statstrip .icon{flex-basis:45px;width:45px;height:49px}#home .hero .statstrip:before{left:25px}#home #requestForm{padding:26px 20px;border-radius:19px}#home #requestForm:after{inset:7px;border-radius:12px}#home .cardhead{gap:10px;padding-bottom:20px}#home .cardhead h2{font-size:20px}#home .formSymbol{width:36px;height:38px;flex-basis:36px;border-radius:10px}#home .formSymbol svg{width:21px;height:21px}#home .cardhead .stepmark{font-size:10px;padding:6px 8px}#home .tradeTabs button{font-size:14px}#home .quantity input{font-size:30px;min-height:76px}#home .estimate strong{font-size:29px}}
@media(max-width:380px){#home .cardhead h2{font-size:18px}#home .formSymbol{display:none}#home .directionCards h2{font-size:15px}#home .directionCards article,#home .directionCards article:last-child{padding:18px 13px}}
#home .directionCards article[role=button]{cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
#home .directionCards article[aria-pressed=false]{background:linear-gradient(145deg,#252b2e,#171d20);border-color:#626b7055;box-shadow:0 8px 20px #0002}
#home .directionCards article[aria-pressed=false]:after{background:#70797e55}
#home .directionCards article[aria-pressed=true]{background:radial-gradient(ellipse at 0 0,#ddba6340,transparent 80%),linear-gradient(135deg,#3e3520,#20231f);border-color:#dfbd70;box-shadow:inset 0 0 0 1px #f9db9822,0 0 25px #c4a15615}
#home .directionCards article[aria-pressed=true]:after{background:linear-gradient(90deg,#b48b3c,#ffe5a5,#b48b3c)}
#home .directionCards article[aria-pressed=true] .directionIcon{background:linear-gradient(135deg,#f0d99a,#b38a3c);color:#1b201f;border-color:#f4dc9c}
#home .directionCards article[role=button]:hover{transform:translateY(-3px);border-color:#e9ce8a}
#home .directionCards article[role=button]:focus-visible{outline:3px solid #efcc7a;outline-offset:4px}

.mobile-order-list{display:none}@media(max-width:720px){#orderList .storefront-order-table{display:none}#orderList .mobile-order-list{display:grid;gap:12px;min-width:0}#orderList .mobile-order-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 16px;border:1px solid #c6a75f45;border-radius:14px;background:linear-gradient(125deg,#20241e,#121713);min-width:0}#orderList .mobile-order-row>div{min-width:0;display:grid;gap:7px}#orderList .mobile-order-row span{font-size:11px;color:#c7b891}#orderList .mobile-order-row b{font-size:16px;line-height:1.4;color:#fff4d9;overflow-wrap:anywhere}#orderList .mobile-order-row time{font-size:12px;color:#c5c8c1}#orderList .mobile-order-detail{flex:none;min-height:44px;padding:10px 15px;border:1px solid #d7b86f;border-radius:10px;background:#e5cb8d;color:#242014;font-weight:700}#orderList .mobile-order-detail:focus-visible{outline:2px solid #fff;outline-offset:3px}}

@media(max-width:720px){#orderList .mobile-order-status{margin-top:3px}#orderList .mobile-order-status .badge{display:inline-flex;align-items:center;font-size:12px;font-weight:700;line-height:1.5;padding:5px 10px;border-radius:7px}#orderList .mobile-order-status .awaiting_receipt{background:#624815;color:#ffdda0}#orderList .mobile-order-status .pending{background:#483c72;color:#e5d8ff}#orderList .mobile-order-status .processing{background:#193d59;color:#bce4ff}#orderList .mobile-order-status .completed{background:#1c4936;color:#b9f3d2}#orderList .mobile-order-status .failed,#orderList .mobile-order-status .rejected{background:#59292e;color:#ffd0d0}}