.h3{--w: 1;--sun: 0;--flash: 0;position:relative;overflow:hidden;isolation:isolate;height:100vh;height:100svh;min-height:640px;max-height:1100px;background:radial-gradient(ellipse 90% 70% at 50% 30%,#1c222a,#11151a 55%,#07080a);color:#fff;touch-action:pan-y}.h3.h3-drag{cursor:grabbing}.h3-layer{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.h3-sky{z-index:0}.h3-gl{z-index:2}.h3-fx{z-index:3;mix-blend-mode:screen}.h3-fallback{position:absolute;z-index:1;left:50%;top:58%;width:min(54vw,760px,90vh);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 40px 40px rgba(0,0,0,.55)) brightness(.85);transition:opacity .6s ease}.h3-ready .h3-fallback{opacity:0;visibility:hidden}.h3-flash{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:calc(var(--flash) * .55);mix-blend-mode:screen;background:radial-gradient(ellipse 80% 70% at var(--fx, 60%) 0%,rgba(236,243,255,.95) 0%,rgba(150,175,215,.4) 45%,rgba(60,80,110,0) 85%)}.h3-vig{position:absolute;z-index:5;inset:0;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 55%,transparent 55%,rgba(0,0,0,.55) 100%),linear-gradient(0deg,#050506d1,#05050600 22%),linear-gradient(180deg,#05050680,#05050600 16%)}.h3-top{position:absolute;z-index:10;left:0;right:0;top:104px;padding:0 16px;text-align:center;pointer-events:none}.h3-kick{margin:0;font-family:var(--f-mono);font-weight:600;font-size:13px;letter-spacing:.42em;color:var(--gold-light);text-shadow:0 0 22px rgba(10,6,2,.85),0 2px 6px rgba(0,0,0,.7)}.h3 .h3-title{margin:10px 0 0;font-family:Prompt,var(--f-head);font-weight:800;font-size:clamp(42px,6vw,98px);line-height:1.05;letter-spacing:-.02em;background:linear-gradient(100deg,#8a6a22,#c89a3c,#f6e3a1 40%,#fff8dd,#e8c06a 60%,#b8862e,#8a6a22);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:roGoldSweep 6s ease-in-out infinite;filter:drop-shadow(0 6px 24px rgba(0,0,0,.55))}.h3 .h3-title .nw{white-space:nowrap}.h3-cap{position:relative;height:34px;margin:10px 0 0;font-family:var(--f-head);font-weight:400;font-size:clamp(17px,1.6vw,23px)}.h3-cap span{position:absolute;left:0;right:0;color:#eef2f6;text-shadow:0 0 22px rgba(10,6,2,.85),0 2px 6px rgba(0,0,0,.7);transform:translateY(calc((1 - var(--o)) * 8px))}.h3-cap .c-rain{--o: clamp(0, calc(var(--w) * 2 - 1), 1);opacity:var(--o)}.h3-cap .c-sun{--o: clamp(0, calc(var(--sun) * 2 - 1), 1);opacity:var(--o);color:#fff5dc}.h3-cap em{font-style:normal;color:var(--gold-light)}.h3-ann{position:absolute;z-index:9;left:0;top:0;pointer-events:none;opacity:0;transition:opacity .8s}.h3-lit .h3-ann{opacity:1}.h3-ann i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#fff1c4;box-shadow:0 0 0 4px #e8c06a4d,0 0 18px #e8c06a}.h3-ann i:after{content:"";position:absolute;left:6px;top:6px;width:1px;height:70px;background:linear-gradient(180deg,#e8c06a,#e8c06a00);transform-origin:0 0;transform:rotate(var(--rot, 140deg))}.h3-ann p{position:absolute;left:var(--px);top:var(--py);width:190px;margin:0;padding-left:12px;border-left:2px solid var(--gold-light);text-shadow:0 1px 10px rgba(0,0,0,.8)}.h3-ann b{display:block;font-family:var(--f-head);font-weight:600;font-size:18px;color:#fff}.h3-ann span{display:block;font-size:13px;font-weight:500;color:#ffffffc7}.h3-ann small{display:block;font-family:var(--f-mono);font-weight:600;font-size:11px;letter-spacing:.2em;color:var(--gold-light)}.h3-bar{position:absolute;z-index:20;left:50%;bottom:0;transform:translate(-50%);width:min(1280px,calc(100% - 48px));display:flex;align-items:center;gap:28px;padding:18px 0 26px;border-top:1px solid rgba(232,192,106,.32)}.h3-price{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.h3-price small,.h3-price span{font-family:var(--f-head);font-weight:500;font-size:16px;color:#fffc}.h3-price b{font-family:Prompt,var(--f-head);font-weight:800;font-size:clamp(44px,4vw,60px);line-height:1;letter-spacing:-.03em;background:var(--g-text-light);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:roGoldSweep 6s ease-in-out infinite}.h3-trust{list-style:none;display:flex;gap:22px;margin:0 auto;padding:0;font-weight:500;font-size:15px;color:#ffffffdb}.h3-trust li{display:flex;align-items:center;gap:8px;white-space:nowrap}.h3-trust li:before{content:"";width:8px;height:8px;background:var(--gold-light);transform:rotate(45deg)}.h3-acts{display:flex;gap:12px}.h3-acts .btn-gold,.h3-acts .btn-line-light{height:52px;padding:0 22px;font-size:17px}.h3-acts .btn-line-light{background:#0a0a0a40}@media(max-width:1100px){.h3-trust{display:none}.h3-bar{justify-content:space-between}}@media(max-width:900px){.h3-ann{display:none}}@media(max-width:700px){.h3{min-height:600px}.h3-top{top:92px}.h3-kick{font-size:11px;letter-spacing:.3em}.h3-cap{height:56px}.h3-cap span{padding:0 8px}.h3-fallback{width:92vw}.h3-bar{flex-wrap:wrap;justify-content:center;gap:12px;width:calc(100% - 32px);padding-bottom:18px}.h3-acts{width:100%}.h3-acts .btn-gold,.h3-acts .btn-line-light{flex:1;justify-content:center;height:48px;padding:0 10px;font-size:15px}}@media(prefers-reduced-motion:reduce){.h3 .h3-title,.h3-price b{animation:none}}