/* Hero-only preview. No production files or product data are modified. */
.reference-hero.ep-glass-hero{--hero-ink:#102b46;--hero-secondary:#31535d;--hero-green:#007346;--hero-mint:#d9fff0;--hero-mint-end:#f1fcff;--hero-sky:#c1eaff;--hero-sky-end:#78bdf0;display:grid;grid-template-columns:minmax(0,66fr) minmax(0,34fr);gap:16px;align-items:stretch;padding-top:24px;padding-bottom:0}
.ep-glass-hero .ref-main,.ep-glass-hero .ref-accessories{display:block;position:relative;isolation:isolate;min-width:0;height:390px;min-height:390px;padding:32px;overflow:hidden;border:1px solid #ffffffd9;border-radius:24px;box-shadow:inset 0 1px 0 #fff9,0 18px 44px -22px #246f8e50}
.ep-glass-hero .ref-main{background:linear-gradient(120deg,var(--hero-mint),var(--hero-mint-end) 60%,#9fdbdc)}
.ep-glass-hero .ref-accessories{background:linear-gradient(125deg,var(--hero-sky),#a4d8fc 60%,var(--hero-sky-end));padding:32px 22px}
.ep-glass-hero .ref-main:before,.ep-glass-hero .ref-accessories:before{content:"";position:absolute;inset:-65%;z-index:-1;background:radial-gradient(ellipse at 30% 25%,#fff9,transparent 35%),radial-gradient(ellipse at 65% 70%,#a3f5d6a0,transparent 40%);animation:ep-hero-light 24s ease-in-out infinite alternate;pointer-events:none}
.ep-glass-hero .ref-accessories:before{background:radial-gradient(ellipse at 35% 25%,#fff9,transparent 35%),radial-gradient(ellipse at 75% 65%,#58aaf6a0,transparent 45%);animation-delay:-9s}
.ep-glass-hero .ref-main:after{content:"";position:absolute;right:0;top:0;bottom:0;width:27%;z-index:-1;opacity:.45;background:repeating-linear-gradient(90deg,#ffffff36 0 3px,#b5dede36 3px 10px,#fff4 10px 12px);mask-image:linear-gradient(90deg,transparent,#000 30%);pointer-events:none}
.ep-glass-hero .ref-main>.ref-copy{position:relative;z-index:4;width:64%;padding-top:0;min-width:0}
.ep-glass-hero .ref-main .eyebrow,.ep-glass-hero .ref-accessories .eyebrow{display:inline-flex;align-items:center;max-width:100%;background:linear-gradient(125deg,#fffffff0,#ffffff86);border:1px solid #ffffffed;box-shadow:inset 0 1px 0 #fff,0 3px 9px #268b9730;border-radius:999px;backdrop-filter:blur(12px);color:var(--hero-ink);font-size:10px;line-height:1.7;font-weight:650;letter-spacing:.005em;padding:6px 12px;margin:0 0 20px}
.ep-glass-hero .ref-main h1{font-size:clamp(30px,2.75vw,40px);font-weight:750;line-height:1.27;letter-spacing:-.035em;color:var(--hero-ink);margin:0 0 23px;overflow:visible;word-break:normal;overflow-wrap:normal}
.ep-glass-hero .ref-main h1 span{color:var(--hero-green);white-space:nowrap}
.ep-glass-hero .ref-perks{display:flex;flex-wrap:nowrap;gap:14px;list-style:none;padding:0;margin:0 0 25px;font-size:11px;line-height:1.65;color:var(--hero-secondary)}
.ep-glass-hero .ref-perks li{display:flex;align-items:center;gap:7px;min-width:0}
.ep-glass-hero .ref-perks b{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #ffffffb3;border-radius:50%;color:#00834e;background:linear-gradient(145deg,#e9fff9f0,#b8f4dbe6);box-shadow:inset 0 1px 1px #fff,0 5px 12px #00884918;font-size:0}
.ep-glass-hero .ref-perks svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ep-glass-hero .ref-main .hero-actions{display:flex;flex-wrap:nowrap;gap:10px;margin:0}
.ep-glass-hero .hero-actions .button,.ep-glass-hero .ref-accessories .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;min-width:0;min-height:48px;border:1px solid #fff9;border-radius:999px;padding:11px 19px;font-size:13px;line-height:1.5;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .25s,box-shadow .25s,filter .25s;box-shadow:inset 0 1px 0 #ffffff80,0 7px 16px #16866d26}
.ep-glass-hero .hero-actions .primary{color:#fff;background:linear-gradient(145deg,#16bc7b,#008b50 60%,#007344)}
.ep-glass-hero .hero-actions .ghost{color:var(--hero-ink);background:linear-gradient(145deg,#fffffff7,#eff9ffff);border-color:#c3d9e0;box-shadow:inset 0 2px 0 #fff,0 7px 16px #477e9514}
.ep-glass-hero .hero-actions .primary:after{content:"→";display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#008849;font-size:20px;font-weight:500}
.ep-glass-hero .hero-actions .ghost:after{content:"→";font-size:21px;font-weight:500}
.ep-glass-hero .button:hover{transform:translateY(-3px);filter:brightness(1.04);box-shadow:inset 0 1px 0 #fff8,0 12px 23px #246a9340}
.ep-glass-hero .button:focus-visible{outline:3px solid #1765c1;outline-offset:4px}
.ep-glass-hero .ep-main-scene{position:absolute;inset:0 0 0 auto;width:45%;z-index:1;pointer-events:none;perspective:900px}
.ep-glass-hero .ep-phone{position:absolute;bottom:49px;right:5%;height:320px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(7px 14px 10px #235a7840);transform:rotate(-4deg);z-index:3}
.ep-glass-hero .ep-podium{position:absolute;width:95%;height:91px;bottom:-28px;right:-2%;border:1px solid #ffffffbc;border-radius:50% / 15%;background:linear-gradient(90deg,#c8ebf4,#fff 28%,#e8faff 65%,#80c6e4);box-shadow:inset 0 -14px 20px #348cb923,0 14px 25px #4da7b633;z-index:1;transform:rotate(-3deg)}
.ep-glass-hero .ep-podium:before{content:"";position:absolute;left:-1px;right:-1px;height:39px;top:-11px;border-radius:50%;background:linear-gradient(120deg,#fff,#e3f8fc 80%,#bbdce6);border:1px solid #fff;box-shadow:inset 0 5px 13px #fff9,0 3px 2px #fff7}
.ep-glass-hero .ep-podium:after{content:"";position:absolute;inset:14px 4% auto;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent)}
.ep-glass-hero .ep-ribbon{position:absolute;width:132%;height:65%;left:-21%;bottom:41px;z-index:4;overflow:visible;transform:rotate(-6deg);filter:drop-shadow(0 6px 5px #348cab18);opacity:.8}
.ep-glass-hero .ep-ribbon-back{z-index:0;opacity:.4;transform:rotate(19deg);bottom:107px}
.ep-glass-hero .ep-orb{position:absolute;display:block;pointer-events:none;border-radius:50%;border:1px solid #ffffff8c;background:radial-gradient(circle at 29% 22%,#ffffffed 0 5%,#e0faff90 17%,#8fd8ec55 45%,#56adce8c 70%,#edffffdc 100%);box-shadow:inset -4px -5px 9px #188fbe22,inset 3px 3px 8px #fff8,0 7px 13px #218c9c16;animation:ep-hero-orb 9s ease-in-out infinite alternate;z-index:2}
.ep-glass-hero .ep-orb-one{width:35px;height:35px;right:13px;bottom:110px}.ep-glass-hero .ep-orb-two{width:24px;height:24px;left:49%;bottom:36px;animation-delay:-4s}.ep-glass-hero .ep-orb-three{width:42px;height:42px;right:32%;top:31px;opacity:.45;animation-delay:-7s}
.ep-glass-hero .ep-leaf-light{position:absolute;right:-36px;bottom:-43px;width:140px;height:110px;border-radius:90% 10% 90% 10%;background:radial-gradient(ellipse at 30% 30%,#55b780b3,#2c866c40 60%,transparent 72%);transform:rotate(-35deg);filter:blur(8px);z-index:3;pointer-events:none}
.ep-glass-hero .ref-accessories>.ref-copy{position:relative;z-index:4;width:65%;padding-top:20px}
.ep-glass-hero .ref-accessories .eyebrow{font-size:10px;padding:6px 10px;margin-bottom:29px;white-space:nowrap}
.ep-glass-hero .ref-accessories h2{font-size:clamp(23px,2vw,29px);font-weight:800;line-height:1.2;letter-spacing:-.035em;color:var(--hero-ink);margin:0 0 18px;white-space:nowrap}
.ep-glass-hero .ref-accessories .ref-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;color:var(--hero-secondary);margin:0 0 24px}
.ep-glass-hero .ref-accessories .button{color:#fff;background:linear-gradient(150deg,#31bcff,#057df4 50%,#0067d5);font-size:16px;padding:10px 19px;border-color:#ffffff70;min-height:49px;box-shadow:inset 0 1px 0 #fff9,0 9px 20px #087be43b}
.ep-glass-hero .ep-accessory-scene{position:absolute;width:46%;right:0;bottom:0;height:82%;z-index:2;pointer-events:none}
.ep-glass-hero .ref-accessory-art{position:absolute;right:6%;bottom:43px;width:158px;height:auto;max-width:100%;max-height:258px;object-fit:contain;mix-blend-mode:normal;opacity:1;z-index:3;filter:drop-shadow(0 12px 8px #1768ae35);border-radius:4px}
.ep-glass-hero .ep-accessory-scene .ep-podium{width:125%;height:104px;right:-18%;bottom:-21px;transform:rotate(-2deg);background:linear-gradient(90deg,#a9d5f3a8,#f4ffffd9 24%,#c9ecffcc 65%,#71b7e9a8);backdrop-filter:blur(10px);border-color:#e2faffad}
.ep-glass-hero .ep-accessory-scene .ep-podium:before{background:linear-gradient(110deg,#efffffed,#cbeaffb8,#e1f6ffdc);height:43px;box-shadow:inset 0 3px 10px #ffffffbb}
.ep-glass-hero .ref-accessories .ep-orb-one{width:32px;height:32px;left:52%;top:33px;bottom:auto}.ep-glass-hero .ref-accessories .ep-orb-two{left:28%;bottom:22px}.ep-glass-hero .ref-accessories .ep-orb-three{right:-26px;top:14px;width:180px;height:180px;opacity:.23;box-shadow:inset 1px 1px 4px #fff9}
.ep-glass-hero .ref-art-note{z-index:5;right:10px;bottom:7px;font-size:8px;line-height:1.5;color:var(--hero-secondary);background:#ffffffa6;border:1px solid #ffffff8c;border-radius:4px;padding:1px 5px}
html[data-theme="dark"] .ep-glass-hero{--hero-ink:#f1f5f9;--hero-secondary:#d1e6e9;--hero-green:#8aefbe;--hero-mint:#103f39;--hero-mint-end:#153f4d;--hero-sky:#174768;--hero-sky-end:#195781}
html[data-theme="dark"] .ep-glass-hero .ref-main,html[data-theme="dark"] .ep-glass-hero .ref-accessories{border-color:#b6efff38;box-shadow:inset 0 1px 0 #d9ffff22,0 18px 40px -22px #0008}
html[data-theme="dark"] .ep-glass-hero .ref-main{background:linear-gradient(120deg,var(--hero-mint),var(--hero-mint-end) 65%,#246b70)}
html[data-theme="dark"] .ep-glass-hero .ref-accessories{background:linear-gradient(125deg,var(--hero-sky),#164965 60%,var(--hero-sky-end))}
html[data-theme="dark"] .ep-glass-hero .ref-main:before,html[data-theme="dark"] .ep-glass-hero .ref-accessories:before{opacity:.23}
html[data-theme="dark"] .ep-glass-hero .eyebrow{background:linear-gradient(145deg,#274e5ae0,#23465fb3);border-color:#c5ffff40;box-shadow:inset 0 1px 0 #ffffff18,0 4px 10px #0002;color:var(--hero-ink)}
html[data-theme="dark"] .ep-glass-hero .hero-actions .ghost{color:#f1f5f9;background:linear-gradient(145deg,#315965,#234659);border-color:#b4e8f966}
html[data-theme="dark"] .ep-glass-hero .ref-art-note{background:#12394bba;border-color:#b7e9ff33}
@keyframes ep-hero-light{from{transform:translate3d(-4%,-3%,0) rotate(-3deg)}to{transform:translate3d(4%,3%,0) rotate(3deg)}}
@keyframes ep-hero-orb{from{transform:translate3d(0,0,0)}to{transform:translate3d(3px,-11px,0)}}
@media(min-width:761px) and (max-width:1100px){.reference-hero.ep-glass-hero{grid-template-columns:1fr}.ep-glass-hero .ref-main,.ep-glass-hero .ref-accessories{height:365px;min-height:365px}.ep-glass-hero .ref-main h1{font-size:40px}.ep-glass-hero .ref-main>.ref-copy{width:62%}.ep-glass-hero .ref-accessories>.ref-copy{width:52%}.ep-glass-hero .ep-accessory-scene{width:40%}.ep-glass-hero .ref-accessory-art{max-width:190px;width:190px;right:14%}.ep-glass-hero .ref-accessories h2{font-size:34px}}
@media(max-width:760px){.reference-hero.ep-glass-hero{grid-template-columns:1fr;gap:14px;padding-top:14px}.ep-glass-hero .ref-main{height:auto;min-height:590px;padding:22px 20px;display:flex;flex-direction:column}.ep-glass-hero .ref-main>.ref-copy{width:100%;padding:0}.ep-glass-hero .ref-main .eyebrow{font-size:9px;letter-spacing:0;margin-bottom:15px;padding:6px 10px}.ep-glass-hero .ref-main h1{font-size:clamp(25px,7.2vw,36px);line-height:1.32;letter-spacing:-.025em;margin-bottom:18px}.ep-glass-hero .ref-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:10px;margin-bottom:18px}.ep-glass-hero .ref-perks li{gap:5px;align-items:center}.ep-glass-hero .ref-perks b{width:28px;height:28px;flex-basis:28px}.ep-glass-hero .ref-perks svg{width:17px;height:17px}.ep-glass-hero .ref-main .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ep-glass-hero .hero-actions .button{padding:10px 8px;font-size:11px;min-height:46px;gap:5px}.ep-glass-hero .hero-actions .primary:after{width:23px;height:23px;font-size:17px}.ep-glass-hero .hero-actions .ghost:after{font-size:18px}.ep-glass-hero .ep-main-scene{position:relative;inset:auto;flex:1;align-self:center;min-height:270px;width:min(100%,350px);margin-top:6px;margin-bottom:-22px}.ep-glass-hero .ep-phone{height:253px;right:15%;bottom:35px;max-width:79%}.ep-glass-hero .ep-podium{width:92%;right:4%;height:70px;bottom:-18px}.ep-glass-hero .ep-ribbon{left:-12%;width:125%;height:75%;bottom:29px}.ep-glass-hero .ep-ribbon-back{bottom:70px}.ep-glass-hero .ref-main .ep-orb-one{right:12%;bottom:130px}.ep-glass-hero .ref-main .ep-orb-two{left:12%;bottom:43px}.ep-glass-hero .ref-main .ep-orb-three{right:7%;top:50%;width:30px;height:30px}.ep-glass-hero .ref-accessories{display:block;height:280px;min-height:280px;padding:24px 20px}.ep-glass-hero .ref-accessories>.ref-copy{width:63%;padding-top:0}.ep-glass-hero .ref-accessories .eyebrow{font-size:9px;padding:5px 9px;margin-bottom:24px}.ep-glass-hero .ref-accessories h2{font-size:clamp(23px,6vw,29px);margin-bottom:14px}.ep-glass-hero .ref-accessories .ref-copy>p:not(.eyebrow){font-size:12px;margin-bottom:17px}.ep-glass-hero .ref-accessories .button{font-size:13px;min-height:46px;padding:10px 17px}.ep-glass-hero .ep-accessory-scene{height:88%;width:46%;right:0}.ep-glass-hero .ref-accessory-art{width:135px;right:6%;bottom:38px;max-height:210px}.ep-glass-hero .ep-accessory-scene .ep-podium{width:121%;right:-18%;bottom:-28px;height:95px}.ep-glass-hero .ref-art-note{font-size:7px;bottom:5px}.ep-glass-hero .ref-accessories .ep-orb-one{top:20px;left:58%;width:23px;height:23px}}
@media(max-width:350px){.ep-glass-hero .ref-main{padding:20px 15px;min-height:555px}.ep-glass-hero .ref-main h1{font-size:25px}.ep-glass-hero .ref-main .eyebrow{font-size:8px;padding:5px 8px}.ep-glass-hero .ref-perks{font-size:9px;gap:5px}.ep-glass-hero .ref-perks b{width:24px;height:24px;flex-basis:24px}.ep-glass-hero .hero-actions .button{font-size:10px;gap:4px;padding-inline:5px}.ep-glass-hero .hero-actions .primary:after{width:20px;height:20px}.ep-glass-hero .ref-accessories{padding:23px 15px;height:265px;min-height:265px}.ep-glass-hero .ref-accessories .eyebrow{font-size:8px}.ep-glass-hero .ref-accessories h2{font-size:22px}.ep-glass-hero .ref-accessories .ref-copy>p:not(.eyebrow){font-size:11px}.ep-glass-hero .ref-accessory-art{width:120px;right:3%}.ep-glass-hero .ep-phone{height:235px;right:15%}}
@media(prefers-reduced-motion:reduce){.ep-glass-hero *, .ep-glass-hero:before,.ep-glass-hero :before{animation:none!important;transition:none!important}.ep-glass-hero .button:hover{transform:none}}