*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;background:#f4f1e9;color:#171717}
.hero{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fffdf8 0%,#f6f2e8 48%,#ece7dc 100%);perspective:900px;perspective-origin:50% 50%}
.galaxy{position:absolute;inset:-8%;transform-style:preserve-3d;overflow:visible;pointer-events:none}
.particle{position:absolute;width:clamp(92px,10vw,170px);aspect-ratio:1/1;transform-origin:center;will-change:transform}
.particle:nth-child(3n){width:clamp(78px,8.2vw,145px)}
.particle:nth-child(4n){width:clamp(105px,11.2vw,190px)}
.particle img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 18px 50px rgba(67,45,20,.11);user-select:none;-webkit-user-drag:none}
.particle-overlay{position:absolute;inset:0;border-radius:10px;background:#f6f3eb;pointer-events:none}
.copy{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,1050px);text-align:center}
.copy h1{margin:0;text-transform:uppercase}
.copy h1 span{display:block}
.costco-headline{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-style:italic;font-weight:900;transform:skewX(-8deg)}
.price{font-size:clamp(76px,10vw,150px);line-height:.78;letter-spacing:-.085em;color:#e31837;text-shadow:2px 2px 0 rgba(255,255,255,.95)}
.product-name{position:relative;display:inline-block!important;width:max-content;max-width:95%;margin:24px auto 0;padding:0 .08em .34em;font-size:clamp(24px,3.1vw,46px);line-height:.92;letter-spacing:-.05em;color:#e31837;text-shadow:1px 1px 0 rgba(255,255,255,.9)}
.product-name:before,.product-name:after{content:"";position:absolute;left:1.5%;width:97%;height:clamp(4px,.42vw,7px);background:#005daa;transform:skewX(8deg);border-radius:999px}
.product-name:before{bottom:.13em}
.product-name:after{bottom:-.08em}
.socials{display:flex;justify-content:center;gap:12px;margin-top:38px;transform:skewX(8deg)}
.social-button{width:48px;height:48px;border:1px solid rgba(23,23,23,.24);border-radius:50%;display:grid;place-items:center;color:#171717;background:rgba(255,255,255,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:transform .18s ease,background .18s ease,border-color .18s ease;pointer-events:auto}
.social-button:hover{transform:translateY(-3px) scale(1.04);background:#fff;border-color:#171717}
.social-button:active{transform:translateY(0) scale(.95)}
.social-button svg{width:20px;height:20px;fill:currentColor}
.pons-button svg{width:22px;height:22px}
.contract-bar{position:fixed;z-index:45;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:min(560px,calc(100vw - 190px));min-height:52px;padding:6px 6px 6px 14px;border:1px solid rgba(23,23,23,.2);border-radius:999px;background:rgba(255,255,255,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(67,45,20,.09);pointer-events:auto}
.contract-label{flex:0 0 auto;font-size:10px;font-weight:900;letter-spacing:.18em;color:#e31837;text-transform:uppercase}
.contract-address{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;letter-spacing:-.01em;color:#171717;text-align:left}
.copy-ca{position:relative;flex:0 0 auto;width:40px;height:40px;border:1px solid rgba(23,23,23,.2);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.74);color:#171717;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.copy-ca:hover:not(:disabled){transform:translateY(-2px);background:#fff;border-color:#171717}
.copy-ca:active:not(:disabled){transform:scale(.94)}
.copy-ca svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.copy-ca .check-icon{display:none}
.copy-ca.is-copied .copy-icon{display:none}
.copy-ca.is-copied .check-icon{display:block}
.copy-ca:disabled{opacity:.45;cursor:not-allowed}
.copy-feedback{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);padding:5px 8px;border-radius:999px;background:#171717;color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;white-space:nowrap}
.copy-ca.is-copied .copy-feedback{opacity:1;transform:translateX(-50%) translateY(0)}
.corner-mark{position:fixed!important;z-index:40!important;left:14px!important;bottom:14px!important;width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:cover!important;border-radius:9px!important;display:block!important;filter:drop-shadow(0 6px 14px rgba(0,0,0,.16));user-select:none;-webkit-user-drag:none;pointer-events:none}
.grain{position:absolute;z-index:10;inset:0;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.scroll-hint{position:absolute;z-index:30;right:32px;bottom:28px;display:flex;align-items:center;gap:12px;font-size:9px;font-weight:700;letter-spacing:.25em;transform:rotate(90deg);transform-origin:right bottom}
.scroll-line{width:36px;height:1px;background:#171717;display:block}
@media(max-width:700px){.hero{perspective:720px}.galaxy{inset:-12%}.particle{width:clamp(70px,23vw,105px)}.particle:nth-child(3n){width:clamp(62px,19vw,90px)}.particle:nth-child(4n){width:clamp(75px,25vw,115px)}.copy{width:94vw}.price{font-size:clamp(74px,22vw,112px)}.product-name{font-size:clamp(21px,7vw,34px);margin-top:18px;max-width:92%}.socials{margin-top:30px}.social-button{width:44px;height:44px}.contract-bar{bottom:12px;width:min(420px,calc(100vw - 84px));min-height:46px;padding:5px 5px 5px 11px;gap:8px}.contract-label{font-size:9px}.contract-address{font-size:10px}.copy-ca{width:36px;height:36px}.corner-mark{left:10px!important;bottom:10px!important;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}.scroll-hint{display:none}}
@media(max-width:430px){.contract-bar{left:auto;right:10px;transform:none;width:calc(100vw - 76px)}.contract-label{display:none}}
@media(prefers-reduced-motion:reduce){.particle{will-change:auto}}