:root{--theme:#10233f;--theme-deep:#071426;--theme-soft:#eaf1f8;--theme-accent:#55d6be}
.hero-image{background-image:url('wristsure-hero.png')}
body,.announcement,.button,.app-section,.how,.cta,.studio-panel,.nfc-band,.tap-phone,.persona,.dynamic-features>div{transition:background-color .55s ease,color .35s ease,border-color .35s ease,box-shadow .55s ease}
.announcement,.button:not(.outline):not(.coral-btn){background:var(--theme-deep)}
h1 em,h2 em,.mint-text,.link-arrow,.check-list li:before{color:var(--theme)}
.eyebrow span,.app-tab.active{border-color:var(--theme);background:var(--theme)}
.app-section,.how{background:var(--theme-deep)}
.app-section .app-copy h2 em,.how h2 em,.app-section .mint-text,.app-section .link-arrow,.app-section .check-list li:before{color:var(--theme-accent)}
.app-tab.active{border-bottom-color:var(--theme-accent);background:transparent}
.cta{background:linear-gradient(125deg,var(--theme),color-mix(in srgb,var(--theme) 62%,white))}
.color-studio{margin-top:55px;min-height:690px;border-radius:42px;background:var(--theme-soft);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;box-shadow:0 35px 100px color-mix(in srgb,var(--theme) 16%,transparent)}
.studio-visual{position:relative;display:grid;place-items:center;min-height:690px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.95),transparent 42%),linear-gradient(145deg,var(--theme-soft),color-mix(in srgb,var(--theme-soft) 76%,white))}
.studio-visual:before,.studio-visual:after{content:"";position:absolute;width:430px;height:430px;border:1px solid color-mix(in srgb,var(--theme) 22%,transparent);border-radius:50%}
.studio-visual:after{width:580px;height:580px;opacity:.55}
.studio-glow{position:absolute;width:300px;height:430px;border-radius:50%;background:var(--theme);filter:blur(85px);opacity:.18}
.nfc-band{position:relative;width:245px;height:510px;border:55px solid var(--theme);border-radius:145px;transform:rotate(-19deg);box-shadow:inset 12px 12px 22px rgba(255,255,255,.22),inset -12px -14px 24px rgba(0,0,0,.15),28px 45px 70px color-mix(in srgb,var(--theme-deep) 28%,transparent);z-index:2}
.nfc-band.theme-pop{animation:bandPop .52s cubic-bezier(.2,.85,.35,1)}
@keyframes bandPop{0%{transform:rotate(-19deg) scale(.9)}55%{transform:rotate(-14deg) scale(1.035)}100%{transform:rotate(-19deg) scale(1)}}
.nfc-chip{position:absolute;width:118px;height:118px;left:8px;top:140px;border-radius:50%;background:color-mix(in srgb,var(--theme) 88%,white);box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),0 14px 30px rgba(0,0,0,.18);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(19deg)}
.nfc-waves{font-size:25px;letter-spacing:-6px;margin-right:6px}.nfc-chip small{font-weight:800;font-size:9px;letter-spacing:.18em;margin-top:8px}.band-shine{position:absolute;inset:-47px -45px;border-radius:120px;border-left:7px solid rgba(255,255,255,.18)}
.tap-phone{position:absolute;right:34px;bottom:38px;width:190px;padding:18px;border-radius:20px;background:rgba(255,255,255,.86);backdrop-filter:blur(15px);box-shadow:0 15px 45px rgba(16,35,63,.13);z-index:3;color:var(--theme-deep)}
.tap-phone span{font-weight:800;color:var(--theme);letter-spacing:-5px}.tap-phone b,.tap-phone small{display:block}.tap-phone b{margin:5px 0}.tap-phone small{font-size:10px;line-height:1.35;color:#65758b}
.studio-panel{padding:58px 52px;background:var(--theme-deep);color:white;display:flex;flex-direction:column;justify-content:center}.studio-top{display:flex;justify-content:space-between;align-items:center}.edition{font-size:11px;letter-spacing:.17em;color:var(--theme-accent);font-weight:800}.studio-number{font:700 12px 'Manrope';color:rgba(255,255,255,.45)}.studio-panel h3{font-size:clamp(50px,5vw,76px);letter-spacing:-.06em;margin:18px 0 0}.color-mood{color:rgba(255,255,255,.64);font-size:17px;margin:5px 0 26px}.persona{display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:14px;border-radius:16px}.persona>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--theme);color:var(--theme-accent);font-size:21px}.persona small,.persona strong{display:block}.persona small{font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.5);margin-bottom:3px}.dynamic-features{display:grid;gap:8px;margin:18px 0}.dynamic-features>div{display:grid;grid-template-columns:31px 1fr;gap:2px 10px;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.055);animation:featureIn .35s ease both}.dynamic-features>div:nth-child(2){animation-delay:.06s}.dynamic-features>div:nth-child(3){animation-delay:.12s}@keyframes featureIn{from{opacity:0;transform:translateX(12px)}}.dynamic-features span{grid-row:1/3;color:var(--theme-accent);font-size:10px;font-weight:800;padding-top:3px}.dynamic-features b{font:700 14px 'Manrope'}.dynamic-features small{color:rgba(255,255,255,.55);font-size:10px;line-height:1.35}.color-menu{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:6px 0 20px}.color-choice{border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.55);border-radius:14px;padding:9px 3px 7px;cursor:pointer;transition:.25s}.color-choice i{display:block;width:27px;height:27px;border-radius:50%;margin:0 auto 5px;background:currentColor;border:3px solid rgba(255,255,255,.75)}.color-choice span{font-size:9px}.color-choice.navy{color:#10233f}.color-choice.mint{color:#55d6be}.color-choice.coral{color:#ff6b6b}.color-choice.lilac{color:#9b8afb}.color-choice.sand{color:#e8cfae}.color-choice.active{border-color:var(--theme-accent);background:rgba(255,255,255,.1);transform:translateY(-3px)}.color-choice.active span{color:white}.studio-cta{align-self:flex-start;background:var(--theme)!important;color:white}.profile-preview{height:270px;border-radius:22px;background:linear-gradient(145deg,var(--theme-soft),white);margin:15px 0;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.preview-avatar{width:72px;height:72px;border-radius:50%;background:var(--theme);color:white;display:grid;place-items:center;font-weight:800;margin-bottom:12px}.profile-preview small{color:var(--muted);margin:4px 0 17px}.profile-preview button{border:0;border-radius:99px;background:var(--theme-deep);color:white;padding:9px 15px;font-size:10px}.function-list{display:grid;gap:9px;margin-bottom:14px}.function-list button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;border:0;border-radius:15px;background:white;padding:13px;box-shadow:0 5px 18px rgba(16,35,63,.06)}.function-list button>span{width:34px;height:34px;border-radius:10px;background:var(--theme-soft);color:var(--theme);display:grid;place-items:center}.function-list button b{font-size:12px}.function-list button small{font-size:9px;color:var(--theme)}
@media(max-width:900px){.color-studio{grid-template-columns:1fr}.studio-visual{min-height:570px}.studio-panel{padding:45px}.nfc-band{transform:rotate(-19deg) scale(.85)}@keyframes bandPop{0%{transform:rotate(-19deg) scale(.75)}55%{transform:rotate(-14deg) scale(.89)}100%{transform:rotate(-19deg) scale(.85)}}}
@media(max-width:600px){.color-studio{border-radius:28px;margin-top:35px}.studio-visual{min-height:480px}.nfc-band{transform:rotate(-19deg) scale(.65)}@keyframes bandPop{0%{transform:rotate(-19deg) scale(.55)}55%{transform:rotate(-14deg) scale(.69)}100%{transform:rotate(-19deg) scale(.65)}}.tap-phone{right:15px;bottom:18px;width:155px}.studio-panel{padding:32px 22px}.studio-panel h3{font-size:49px}.color-menu{gap:4px}.color-choice span{display:none}.color-choice{padding:9px 2px}.dynamic-features>div{padding:12px}.persona strong{font-size:13px}}