:root{--cc-store-ink:#0b1524;--cc-store-muted:#617084;--cc-store-paper:#f7f7f3;--cc-store-white:#fff;--cc-store-line:#d9dee4;--cc-store-gold:#8b6324;--cc-store-gold-light:#ead7aa;--cc-store-night:#071425;--cc-store-success:#0b8f61;--cc-store-shadow:0 30px 80px rgba(7,20,37,.12)}
.cc-experience-loader{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;background:var(--cc-store-night);color:#fff;animation:ccLoaderFailsafe 0s 4s forwards;transition:visibility 0s linear .8s}.cc-experience-loader__brand{display:grid;min-width:min(21rem,76vw);grid-template-columns:auto 1fr;align-items:end;gap:.35rem 1rem}.cc-experience-loader__brand span{font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(2rem,6vw,4.5rem);font-weight:800;letter-spacing:-.065em;line-height:1}.cc-experience-loader__brand i{height:1px;margin-bottom:.34rem;background:rgba(255,255,255,.18);transform-origin:left}.cc-experience-loader__brand small{grid-column:1/-1;color:#cbaa67;font-size:.58rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.cc-experience-loader.is-complete{visibility:hidden}.cc-scroll-progress{position:fixed;z-index:110;top:0;left:0;width:100%;height:2px;background:#c9a55e;transform:scaleX(0);transform-origin:left;will-change:transform}.site-header{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.site-header.cc-header-hidden{transform:translateY(-105%)}.site-header.cc-header-scrolled{box-shadow:0 10px 30px rgba(7,20,37,.08)}[data-motion-section]{scroll-margin-top:5.5rem}
.cc-store-marquee{overflow:hidden;border-block:1px solid #1d2939;background:var(--cc-store-night);color:#f4f0e7}.cc-store-marquee__track{display:flex;width:max-content;align-items:center;gap:2rem;padding:1.4rem 0;animation:ccMarquee 24s linear infinite;will-change:transform}.cc-store-marquee span{font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(1.4rem,3.5vw,2.7rem);font-weight:700;letter-spacing:-.045em;white-space:nowrap}.cc-store-marquee i{width:.48rem;height:.48rem;border-radius:50%;background:#d4b36e}.cc-store-button{--cc-magnetic-x:0px;--cc-magnetic-y:0px;--cc-btn-lift:0px;transform:translate3d(var(--cc-magnetic-x),calc(var(--cc-magnetic-y) + var(--cc-btn-lift)),0);will-change:transform}.cc-store-button:hover{--cc-btn-lift:-2px}
[data-motion-title]{transform-origin:left bottom}.cc-store-product,[data-motion-tilt]{--cc-tilt-x:0deg;--cc-tilt-y:0deg;--cc-pointer-x:50%;--cc-pointer-y:50%;--cc-tilt-lift:0px;transform:perspective(800px) rotateX(var(--cc-tilt-x)) rotateY(var(--cc-tilt-y)) translateY(var(--cc-tilt-lift));transform-style:preserve-3d;will-change:transform}.cc-store-product:hover{--cc-tilt-lift:-4px}.cc-store-product:after,.cc-store-feature--wide:after{position:absolute;z-index:4;inset:0;background:radial-gradient(28rem circle at var(--cc-pointer-x) var(--cc-pointer-y),rgba(255,255,255,.26),transparent 42%);content:"";opacity:0;pointer-events:none;transition:opacity .25s ease}.cc-store-product:hover:after,.cc-store-feature--wide:hover:after{opacity:1}.cc-store-product>*{position:relative;z-index:1}.cc-store-product-portrait picture{transform:translate3d(var(--cc-hero-x,0),var(--cc-hero-y,0),0) scale(1.035);transition:transform .15s linear;will-change:transform}.cc-store-unboxing__image img{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.cc-store-unboxing__image:hover img{transform:scale(1.025)}.cc-store-demo__visual>*{transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .55s ease}.cc-store-demo__stage[data-demo-step="0"] .cc-store-demo-card{transform:rotate(-8deg) translate3d(0,0,0)}.cc-store-demo__stage[data-demo-step="1"] .cc-store-demo-card{transform:rotate(-4deg) translate3d(3.4rem,-1rem,0)}.cc-store-demo__stage[data-demo-step="1"] .cc-store-demo-phone{transform:translate3d(-1.5rem,-1rem,0)}.cc-store-demo__stage[data-demo-step="2"] .cc-store-demo-card{transform:rotate(-12deg) translate3d(-1rem,2rem,0)}.cc-store-demo__stage[data-demo-step="2"] .cc-store-demo-phone{transform:translate3d(-3rem,-2rem,0)}.cc-store-demo__stage[data-demo-step="2"] .cc-store-demo__signal{opacity:.15;transform:scale(1.55)}
@keyframes ccMarquee{to{transform:translateX(-50%)}}@keyframes ccLoaderFailsafe{to{visibility:hidden}}
.cc-store-shell{width:min(100% - 3rem,78rem);margin-inline:auto}.cc-store-section{padding:clamp(5.5rem,9vw,8.5rem) 0}.cc-store-heading{max-width:46rem;margin-inline:auto;text-align:center}.cc-store-heading>p,.cc-store-feature-lead>p,.cc-store-final__panel>div>p{margin:0 0 1rem;color:var(--cc-store-gold);font-size:.7rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.cc-store-heading h2,.cc-store-feature-lead h2,.cc-store-final h2{margin:0;color:var(--cc-store-ink);font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(2.25rem,4.6vw,4rem);font-weight:800;letter-spacing:-.055em;line-height:1.02;text-wrap:balance}.cc-store-heading>span,.cc-store-feature-lead>span{display:block;max-width:42rem;margin:1.25rem auto 0;color:var(--cc-store-muted);font-size:1rem;line-height:1.75}
.cc-store-hero{position:relative;overflow:hidden;padding:clamp(5.75rem,8vw,8.5rem) 0 clamp(4.75rem,7vw,7rem);background:var(--cc-store-paper);color:var(--cc-store-ink)}.cc-store-hero:before{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(11,21,36,.055) 1px,transparent 1px);background-size:calc((min(100vw,78rem) - 1px)/12) 100%;content:"";opacity:.55;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}.cc-store-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(25rem,.84fr);align-items:center;gap:clamp(3rem,8vw,8rem)}.cc-store-kicker{display:flex;align-items:center;gap:.75rem;margin:0;color:var(--cc-store-gold);font-size:.7rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.cc-store-kicker:before{width:2rem;height:1px;background:currentColor;content:""}.cc-store-hero__title{max-width:10.5ch;margin:1.35rem 0 0;font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(3.4rem,6.4vw,5.9rem);font-weight:800;letter-spacing:-.075em;line-height:.93;text-wrap:balance}.cc-store-hero__lead{max-width:39rem;margin:1.7rem 0 0;color:var(--cc-store-muted);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.75}.cc-store-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.cc-store-button{display:inline-flex;min-height:3.3rem;align-items:center;justify-content:center;gap:.7rem;padding:.85rem 1.2rem;border:1px solid transparent;border-radius:.55rem;font-size:.8rem;font-weight:900;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.cc-store-button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cc-store-button--primary{border-color:var(--cc-store-night);background:var(--cc-store-night);color:#fff;box-shadow:0 15px 35px rgba(7,20,37,.18)}.cc-store-button--quiet{border-color:#cbd2d9;background:transparent;color:var(--cc-store-ink)}.cc-store-button--quiet:hover{border-color:var(--cc-store-ink);background:#fff}.cc-store-assurances{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;margin:2.2rem 0 0;padding:1.2rem 0 0;border-top:1px solid var(--cc-store-line);list-style:none}.cc-store-assurances li{display:flex;align-items:center;gap:.4rem;color:#536174;font-size:.7rem;font-weight:750}.cc-store-assurances svg{width:.85rem;height:.85rem;fill:none;stroke:var(--cc-store-gold);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.cc-store-hero__visual{min-width:0}.cc-store-scene{position:relative;min-height:37rem}.cc-store-phone{position:absolute;z-index:2;top:0;right:1rem;width:19rem;height:36rem;padding:.6rem;border:1px solid #192536;border-radius:2.55rem;background:#050b14;box-shadow:0 40px 90px rgba(7,20,37,.28);transform:rotate(2deg)}.cc-store-phone__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:2rem;padding:0 .65rem;color:#fff;font-size:.55rem;font-weight:800}.cc-store-phone__bar>span:last-child{text-align:right}.cc-store-phone__island{width:5rem;height:1.25rem;border-radius:2rem;background:#000}.cc-store-phone__profile{height:calc(100% - 2rem);overflow:hidden;border-radius:1.8rem;background:#f7f6f1;text-align:center}.cc-store-phone__cover{height:7rem;background:linear-gradient(135deg,#0b1e35,#28445d)}.cc-store-phone__avatar{display:grid;width:4.7rem;height:4.7rem;margin:-2.4rem auto .65rem;place-items:center;border:3px solid #f7f6f1;border-radius:50%;background:#d3b576;color:#fff;font-size:1rem;font-weight:900;box-shadow:0 8px 24px rgba(7,20,37,.16)}.cc-store-phone__verified{display:inline-flex;padding:.25rem .45rem;border:1px solid #d7c496;border-radius:2rem;color:#8b682d;font-size:.46rem;font-weight:900;text-transform:uppercase}.cc-store-phone__profile>strong,.cc-store-phone__profile>small{display:block}.cc-store-phone__profile>strong{margin-top:.55rem;color:#111c2b;font-size:1rem}.cc-store-phone__profile>small{margin-top:.2rem;color:#718093;font-size:.56rem}.cc-store-phone__actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:1rem .85rem}.cc-store-phone__actions span,.cc-store-phone__row{border:1px solid #dfe3e6;background:#fff;color:#1a2737;font-size:.53rem;font-weight:800}.cc-store-phone__actions span{padding:.65rem .3rem;border-radius:.5rem}.cc-store-phone__row{display:flex;align-items:center;justify-content:space-between;margin:.45rem .85rem;padding:.8rem;border-radius:.55rem;text-align:left}.cc-store-card{position:absolute;z-index:4;display:flex;flex-direction:column;justify-content:space-between;width:20rem;aspect-ratio:1.586;padding:1.35rem;border:1px solid rgba(255,255,255,.14);border-radius:.8rem;background:linear-gradient(145deg,#11151b,#02050a);color:#fff;box-shadow:0 32px 70px rgba(3,10,19,.34);transform:rotate(-9deg)}.cc-store-card--hero{left:-2rem;bottom:2.4rem}.cc-store-card__topline{display:flex;align-items:flex-start;justify-content:space-between}.cc-store-card__monogram{font-size:1.3rem;font-weight:900;letter-spacing:-.08em}.cc-store-card__topline svg{width:1.75rem;height:1.75rem;fill:none;stroke:#d1ad62;stroke-width:1.7;stroke-linecap:round}.cc-store-card>div:last-child>*{display:block}.cc-store-card small{color:#cba75e;font-size:.48rem;font-weight:900;letter-spacing:.2em}.cc-store-card strong{margin-top:.45rem;font-size:.92rem;letter-spacing:.04em}.cc-store-card>div:last-child span{margin-top:.2rem;color:#aeb7c3;font-size:.55rem}.cc-store-tap-wave{position:absolute;z-index:3;left:14.3rem;bottom:14.5rem;border:1px solid rgba(183,138,67,.55);border-radius:50%;pointer-events:none}.cc-store-tap-wave--one{width:3rem;height:3rem}.cc-store-tap-wave--two{width:5.2rem;height:5.2rem;margin:-1.1rem}.cc-store-live-pill{position:absolute;z-index:5;right:-.25rem;bottom:3.75rem;display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .75rem;border:1px solid rgba(255,255,255,.75);border-radius:4rem;background:rgba(255,255,255,.92);color:#172334;font-size:.62rem;font-weight:900;box-shadow:0 16px 38px rgba(7,20,37,.15)}.cc-store-live-pill i{width:.48rem;height:.48rem;border-radius:50%;background:#19b878;box-shadow:0 0 0 .24rem rgba(25,184,120,.12)}.cc-store-hero__caption{margin:1.2rem 0 0;color:#748092;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-align:right;text-transform:uppercase}
.cc-store-product-portrait{position:relative;margin:0}.cc-store-product-portrait picture{display:block;overflow:hidden;border:1px solid #ded9cf;background:#e9e1d6;box-shadow:0 34px 80px rgba(7,20,37,.16)}.cc-store-product-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.cc-store-product-portrait figcaption{position:absolute;right:-1.25rem;bottom:3.1rem;display:grid;width:min(17rem,70%);gap:.25rem;padding:.75rem;border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(7,20,37,.14)}.cc-store-product-portrait figcaption span{display:flex;align-items:center;gap:.55rem;color:#3f4d60;font-size:.6rem;font-weight:800}.cc-store-product-portrait figcaption b{display:grid;width:1.45rem;height:1.45rem;place-items:center;background:var(--cc-store-night);color:#d4b36e;font-size:.48rem}.cc-store-product-portrait .cc-store-hero__caption{margin:.85rem 0 0;color:#748092;font-size:.61rem;font-weight:900;letter-spacing:.12em;text-align:right;text-transform:uppercase}
.cc-store-proof{border-block:1px solid var(--cc-store-line);background:#fff;color:var(--cc-store-ink)}.cc-store-proof__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cc-store-proof p{margin:0;padding:1.45rem 1.5rem;border-right:1px solid var(--cc-store-line)}.cc-store-proof p:first-child{padding-left:0}.cc-store-proof p:last-child{border-right:0}.cc-store-proof strong,.cc-store-proof span{display:block}.cc-store-proof strong{font-size:.73rem}.cc-store-proof span{margin-top:.22rem;color:var(--cc-store-muted);font-size:.62rem;line-height:1.45}
.cc-store-unboxing{padding:clamp(5rem,8vw,8rem) 0;background:#fff;color:var(--cc-store-ink)}.cc-store-unboxing__grid{display:grid;grid-template-columns:minmax(18rem,.82fr) minmax(0,1fr);align-items:center;gap:clamp(3rem,8vw,8rem)}.cc-store-unboxing__image{position:relative;margin:0}.cc-store-unboxing__image picture{display:block;overflow:hidden;background:#131519}.cc-store-unboxing__image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 64%}.cc-store-unboxing__image:after{position:absolute;inset:1rem;border:1px solid rgba(229,195,121,.55);content:"";pointer-events:none}.cc-store-unboxing__image figcaption{position:absolute;right:-1.1rem;bottom:1.6rem;padding:.55rem .7rem;background:#fff;color:#5d6877;font-size:.53rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 12px 35px rgba(7,20,37,.14)}.cc-store-unboxing__copy h2{max-width:12ch;margin:1.2rem 0 0;font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(2.35rem,4.8vw,4.25rem);font-weight:800;letter-spacing:-.06em;line-height:1}.cc-store-unboxing__copy>p:not(.cc-store-kicker){max-width:39rem;margin:1.4rem 0 0;color:var(--cc-store-muted);font-size:.92rem;line-height:1.75}.cc-store-unboxing__copy dl{display:grid;margin:2rem 0 0;border-top:1px solid var(--cc-store-line)}.cc-store-unboxing__copy dl div{display:grid;grid-template-columns:6.5rem 1fr;gap:1.2rem;padding:1rem 0;border-bottom:1px solid var(--cc-store-line)}.cc-store-unboxing__copy dt{color:var(--cc-store-gold);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cc-store-unboxing__copy dd{margin:0;color:#364457;font-size:.72rem;font-weight:750;line-height:1.55}.cc-store-unboxing__copy .cc-store-button{margin-top:1.8rem}
.cc-store-demo{background:#fff;color:var(--cc-store-ink)}.cc-store-demo__stage{margin-top:3rem;border:1px solid var(--cc-store-line);background:var(--cc-store-white);box-shadow:0 22px 60px rgba(7,20,37,.07)}.cc-store-demo__tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--cc-store-line)}.cc-store-demo__tabs button{display:flex;align-items:center;gap:.8rem;min-height:4.6rem;padding:1rem 1.4rem;border:0;border-right:1px solid var(--cc-store-line);background:#fff;color:var(--cc-store-muted);text-align:left;cursor:pointer}.cc-store-demo__tabs button:last-child{border-right:0}.cc-store-demo__tabs button[aria-selected=true]{background:var(--cc-store-night);color:#fff}.cc-store-demo__tabs b{color:var(--cc-store-gold);font-size:.65rem;letter-spacing:.1em}.cc-store-demo__tabs span{font-size:.78rem;font-weight:900}.cc-store-demo__content{display:grid;grid-template-columns:1.05fr .95fr;min-height:30rem}.cc-store-demo__visual{position:relative;overflow:hidden;min-height:30rem;background:#eef0ef}.cc-store-demo__visual:before{position:absolute;inset:0;background-image:linear-gradient(rgba(7,20,37,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,20,37,.05) 1px,transparent 1px);background-size:34px 34px;content:""}.cc-store-demo-phone{position:absolute;z-index:2;right:12%;bottom:-6rem;width:15rem;height:27rem;padding:.55rem;border-radius:2.2rem;background:#07111e;box-shadow:0 30px 60px rgba(7,20,37,.24)}.cc-store-demo-phone__notch{position:absolute;z-index:3;top:.9rem;left:50%;width:4.7rem;height:1.1rem;border-radius:2rem;background:#02060c;transform:translateX(-50%)}.cc-store-demo-phone__screen{display:flex;height:100%;align-items:center;flex-direction:column;padding:4rem 1rem 1rem;border-radius:1.65rem;background:#faf9f5}.cc-store-demo-phone__avatar{display:grid;width:4rem;height:4rem;place-items:center;border-radius:50%;background:#caa661;color:#fff;font-size:.85rem;font-weight:900}.cc-store-demo-phone__screen strong{margin-top:.8rem;font-size:.8rem}.cc-store-demo-phone__screen small{margin-top:.25rem;color:#718093;font-size:.5rem}.cc-store-demo-phone__screen i{width:100%;height:2.3rem;margin-top:.55rem;border:1px solid #e0e3e5;border-radius:.45rem;background:#fff}.cc-store-demo-card{position:absolute;z-index:4;top:22%;left:6%;display:flex;width:17rem;aspect-ratio:1.586;align-items:flex-end;justify-content:space-between;padding:1.15rem;border-radius:.65rem;background:#080d14;color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.12em;box-shadow:0 28px 50px rgba(7,20,37,.25);transform:rotate(-8deg)}.cc-store-demo-card span{color:#d2ae67;font-size:.55rem}.cc-store-demo__signal{position:absolute;z-index:3;top:37%;left:44%;width:5rem;height:5rem;border:1px solid rgba(183,138,67,.55);border-radius:50%}.cc-store-demo__signal:after{position:absolute;inset:-1.2rem;border:1px solid rgba(183,138,67,.28);border-radius:inherit;content:""}.cc-store-demo__copy{display:flex;justify-content:center;flex-direction:column;padding:clamp(2.2rem,5vw,4.6rem);background:#fff}.cc-store-demo__step{margin:0;color:var(--cc-store-gold);font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.cc-store-demo__copy h3{margin:1rem 0 0;font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(2rem,3.8vw,3.3rem);letter-spacing:-.055em;line-height:1.05}.cc-store-demo__copy>p:not(.cc-store-demo__step){margin:1.25rem 0 0;color:var(--cc-store-muted);font-size:.93rem;line-height:1.75}.cc-store-demo__copy ul{display:grid;gap:.7rem;margin:1.4rem 0 0;padding:1.25rem 0 0;border-top:1px solid var(--cc-store-line);list-style:none}.cc-store-demo__copy li{position:relative;padding-left:1.2rem;color:#425064;font-size:.75rem;font-weight:700;line-height:1.5}.cc-store-demo__copy li:before{position:absolute;top:.52em;left:0;width:.38rem;height:.38rem;border-radius:50%;background:var(--cc-store-gold);content:""}
.cc-store-shop{background:var(--cc-store-paper);color:var(--cc-store-ink)}.cc-store-shop__intro{display:grid;grid-template-columns:1.1fr .55fr;align-items:end;gap:3rem}.cc-store-heading--left{margin:0;text-align:left}.cc-store-shop__intro>p{margin:0;color:var(--cc-store-muted);font-size:.9rem;line-height:1.75}.cc-store-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3.25rem}.cc-store-product{position:relative;overflow:hidden;border:1px solid var(--cc-store-line);background:#fff;transition:transform .2s ease,box-shadow .2s ease}.cc-store-product:hover{box-shadow:0 22px 55px rgba(7,20,37,.1)}.cc-store-product--featured{border-color:#c6a35e}.cc-store-product__badge{position:absolute;z-index:3;top:.8rem;right:.8rem;padding:.38rem .5rem;border-radius:.3rem;background:#fff;color:#856329;font-size:.55rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.cc-store-product__art{position:relative;display:grid;min-height:18.5rem;place-items:center;overflow:hidden}.cc-store-product__art--black{background:#e9ebeb}.cc-store-product__art--gold{background:#e8dfcc}.cc-store-product__art--qr{background:#e7ece9}.cc-store-product__art:before{position:absolute;inset:0;background-image:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%);content:"";transform:translateX(-100%);transition:transform .7s ease}.cc-store-product:hover .cc-store-product__art:before{transform:translateX(100%)}.cc-store-product-card{position:relative;display:flex;width:76%;aspect-ratio:1.586;flex-direction:column;padding:1.1rem;border-radius:.55rem;box-shadow:0 25px 38px rgba(7,20,37,.22);transform:rotate(-5deg)}.cc-store-product-card>span{font-size:1rem;font-weight:900;letter-spacing:-.07em}.cc-store-product-card small{margin-top:auto;font-size:.45rem;font-weight:900;letter-spacing:.18em}.cc-store-product-card b{margin-top:.18rem;font-size:.68rem;letter-spacing:.08em}.cc-store-product__art--black .cc-store-product-card{background:linear-gradient(145deg,#181c22,#05070a);color:#e8bd67}.cc-store-product__art--gold .cc-store-product-card{border:1px solid #ceb36e;background:linear-gradient(145deg,#ead29a,#a7782e);color:#17130b;box-shadow:0 25px 38px rgba(92,61,13,.25)}.cc-store-product__art--qr .cc-store-product-card{background:#f8f7f1;color:#102336}.cc-store-mini-qr{position:absolute;right:1rem;bottom:1rem;width:3.1rem;height:3.1rem;fill:#102336}.cc-store-product__finish{position:absolute;right:1rem;bottom:1rem;color:#526071;font-size:.52rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.cc-store-product__body{padding:1.4rem}.cc-store-product__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cc-store-product__heading p{margin:0;color:var(--cc-store-gold);font-size:.55rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cc-store-product__heading h3{margin:.3rem 0 0;font-size:1.25rem;letter-spacing:-.03em}.cc-store-product__heading>strong{font-family:Manrope,"DM Sans",sans-serif;font-size:1rem}.cc-store-product__body>p{min-height:4.6rem;margin:1rem 0 0;color:var(--cc-store-muted);font-size:.75rem;line-height:1.65}.cc-store-product__body ul{display:grid;gap:.48rem;margin:1.1rem 0 0;padding:1rem 0 0;border-top:1px solid var(--cc-store-line);list-style:none}.cc-store-product__body li{position:relative;padding-left:1rem;color:#455469;font-size:.68rem;font-weight:700}.cc-store-product__body li:before{position:absolute;top:.38em;left:0;width:.35rem;height:.35rem;border-radius:50%;background:var(--cc-store-gold);content:""}.cc-store-add{display:flex;width:100%;min-height:3rem;align-items:center;justify-content:space-between;margin-top:1.3rem;padding:.75rem 1rem;border:1px solid var(--cc-store-night);border-radius:.45rem;background:var(--cc-store-night);color:#fff;font-size:.73rem;font-weight:900;cursor:pointer;transition:background .18s ease,color .18s ease}.cc-store-add:hover,.cc-store-add.is-added{background:#fff;color:var(--cc-store-night)}.cc-store-add span{font-size:1rem}.cc-store-shop__note{margin:1.25rem 0 0;color:#748092;font-size:.62rem;text-align:center}
.cc-store-features{background:#fff;color:var(--cc-store-ink)}.cc-store-feature-lead{display:grid;grid-template-columns:.9fr 1fr;column-gap:4rem;align-items:end}.cc-store-feature-lead>p{grid-column:1/-1}.cc-store-feature-lead h2{max-width:12ch}.cc-store-feature-lead>span{margin:0}.cc-store-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3.25rem}.cc-store-feature{position:relative;min-height:21rem;padding:2rem;border:1px solid var(--cc-store-line);background:#fafaf8}.cc-store-feature--wide{grid-row:span 2;min-height:43rem;overflow:hidden;background:#f0ece3}.cc-store-feature--dark{background:var(--cc-store-night);color:#fff}.cc-store-feature__icon{display:grid;width:2.7rem;height:2.7rem;place-items:center;border:1px solid #d9c89f;color:var(--cc-store-gold)}.cc-store-feature__icon svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cc-store-feature>p{margin:2.2rem 0 0;color:var(--cc-store-gold);font-size:.62rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.cc-store-feature h3{max-width:16ch;margin:.7rem 0 0;font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(1.5rem,2.5vw,2.35rem);letter-spacing:-.045em;line-height:1.08}.cc-store-feature>span:last-of-type{display:block;max-width:32rem;margin:1rem 0 0;color:var(--cc-store-muted);font-size:.82rem;line-height:1.7}.cc-store-feature--dark>span:last-of-type{color:#aeb8c6}.cc-store-qr-preview{position:absolute;right:2rem;bottom:2rem;display:grid;width:14rem;aspect-ratio:1;grid-template-columns:repeat(4,1fr);gap:.6rem;padding:1.3rem;background:#0a1727;box-shadow:0 25px 50px rgba(7,20,37,.2);transform:rotate(3deg)}.cc-store-qr-preview i{background:#d6b56e}.cc-store-qr-preview i:nth-child(2),.cc-store-qr-preview i:nth-child(5),.cc-store-qr-preview i:nth-child(7),.cc-store-qr-preview i:nth-child(11){background:transparent}
.cc-store-testimonials{background:var(--cc-store-paper);color:var(--cc-store-ink)}.cc-store-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem}.cc-store-testimonial-grid figure{display:flex;min-height:19rem;justify-content:space-between;flex-direction:column;margin:0;padding:1.7rem;border-top:2px solid var(--cc-store-night);background:#fff}.cc-store-testimonial-grid blockquote{margin:0;font-family:Manrope,"DM Sans",sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.025em;line-height:1.55}.cc-store-testimonial-grid figcaption{display:flex;align-items:center;gap:.75rem;margin-top:2rem}.cc-store-testimonial-grid figcaption>span{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:var(--cc-store-night);color:#fff;font-size:.58rem;font-weight:900}.cc-store-testimonial-grid figcaption p{margin:0}.cc-store-testimonial-grid figcaption strong,.cc-store-testimonial-grid figcaption small{display:block}.cc-store-testimonial-grid figcaption strong{font-size:.7rem}.cc-store-testimonial-grid figcaption small{margin-top:.15rem;color:var(--cc-store-muted);font-size:.6rem}.cc-store-trust-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--cc-store-line);color:#788391;font-size:.58rem;font-weight:900;letter-spacing:.13em}
.cc-store-final{padding:0 0 clamp(5rem,8vw,7rem);background:var(--cc-store-paper);color:#fff}.cc-store-final__panel{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3rem;padding:clamp(2.3rem,5vw,4.3rem);background:var(--cc-store-night)}.cc-store-final h2{max-width:13ch;color:#fff}.cc-store-final__panel>div>span{display:block;max-width:42rem;margin-top:1.1rem;color:#adb7c5;font-size:.86rem;line-height:1.7}.cc-store-button--light{border-color:#fff;background:#fff;color:var(--cc-store-night)}
.cc-store-cart{position:fixed;z-index:90;right:1.2rem;bottom:1.2rem;width:min(24rem,calc(100% - 2rem));color:var(--cc-store-ink)}.cc-store-cart__summary{display:flex;width:100%;align-items:center;gap:.75rem;padding:.65rem .75rem;border:1px solid #223146;border-radius:.65rem;background:var(--cc-store-night);color:#fff;box-shadow:0 20px 50px rgba(7,20,37,.28);cursor:pointer}.cc-store-cart__icon{position:relative;display:grid;width:2.45rem;height:2.45rem;place-items:center;border:1px solid rgba(255,255,255,.2)}.cc-store-cart__icon svg{width:1.15rem;height:1.15rem;fill:none;stroke:#d4af66;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cc-store-cart__icon b{position:absolute;top:-.45rem;right:-.45rem;display:grid;width:1.2rem;height:1.2rem;place-items:center;border-radius:50%;background:#d4af66;color:#081424;font-size:.55rem}.cc-store-cart__summary>span:nth-child(2){display:flex;min-width:0;align-items:flex-start;flex:1;flex-direction:column}.cc-store-cart__summary small{color:#9eabba;font-size:.54rem}.cc-store-cart__summary strong{font-size:.75rem}.cc-store-cart__summary>i{font-size:.62rem;font-style:normal;font-weight:900}.cc-store-cart__panel{position:absolute;right:0;bottom:calc(100% + .6rem);width:100%;padding:1.1rem;border:1px solid var(--cc-store-line);background:#fff;box-shadow:var(--cc-store-shadow)}.cc-store-cart__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--cc-store-line)}.cc-store-cart__head p{margin:0;font-size:.82rem;font-weight:900}.cc-store-cart__head span{display:block;margin-top:.15rem;color:var(--cc-store-muted);font-size:.58rem}.cc-store-cart__head button{border:0;background:transparent;color:#526071;font-size:1.4rem;cursor:pointer}.cc-store-cart__items{display:grid;gap:.65rem;margin-top:.9rem}.cc-store-cart__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cc-store-cart__item>span:first-child strong,.cc-store-cart__item>span:first-child small{display:block}.cc-store-cart__item>span:first-child strong{font-size:.68rem}.cc-store-cart__item>span:first-child small{margin-top:.1rem;color:var(--cc-store-muted);font-size:.55rem}.cc-store-cart__quantity{display:flex;align-items:center;border:1px solid var(--cc-store-line)}.cc-store-cart__quantity button{width:1.8rem;height:1.8rem;border:0;background:#f3f4f2;cursor:pointer}.cc-store-cart__quantity b{min-width:1.5rem;text-align:center;font-size:.65rem}.cc-store-cart__total{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--cc-store-line);font-size:.72rem}.cc-store-cart__checkout{width:100%;min-height:2.9rem;margin-top:1rem;border:0;background:var(--cc-store-night);color:#fff;font-size:.69rem;font-weight:900;cursor:pointer}.cc-store-cart__panel>p{margin:.7rem 0 0;color:var(--cc-store-muted);font-size:.53rem;line-height:1.5;text-align:center}
.cc-privacy-modal[hidden]{display:none}.cc-privacy-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:1rem}.cc-privacy-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(2,10,20,.72);backdrop-filter:blur(6px)}.cc-privacy-modal__panel{position:relative;width:min(36rem,100%);padding:1.6rem;border:1px solid #dce1e5;background:#fff;color:var(--cc-store-ink);box-shadow:var(--cc-store-shadow)}.cc-privacy-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--cc-store-line)}.cc-privacy-modal__head small{color:var(--cc-store-gold);font-weight:900;letter-spacing:.15em}.cc-privacy-modal__head h2{margin:.25rem 0 0;font-size:1.35rem}.cc-privacy-modal__head button{border:0;background:transparent;font-size:1.7rem;cursor:pointer}.cc-privacy-modal__panel>p{margin:1rem 0 0;color:var(--cc-store-muted);font-size:.78rem;line-height:1.7}.cc-privacy-modal__panel a{color:var(--cc-store-ink);font-weight:900}.cc-modal-open{overflow:hidden}
@media(max-width:1000px){.cc-store-hero__grid{grid-template-columns:1fr}.cc-store-hero__copy{max-width:48rem}.cc-store-hero__visual{width:min(100%,45rem);margin-inline:auto}.cc-store-product-portrait figcaption{right:1rem}.cc-store-unboxing__grid{grid-template-columns:minmax(16rem,.75fr) minmax(0,1fr);gap:3rem}.cc-store-products{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-store-product:last-child{grid-column:1/-1;width:calc(50% - .5rem);margin-inline:auto}.cc-store-feature-lead{grid-template-columns:1fr}.cc-store-feature-lead>span{max-width:42rem;margin:1rem 0 0}.cc-store-testimonial-grid{grid-template-columns:1fr}.cc-store-testimonial-grid figure{min-height:0}.cc-store-trust-row{flex-wrap:wrap;justify-content:center}}
@media(max-width:760px){.cc-store-shell{width:min(100% - 1.5rem,78rem)}.cc-store-section{padding:4.75rem 0}.cc-store-hero{padding:4.5rem 0 4rem}.cc-store-hero__title{font-size:clamp(2.9rem,14vw,4.8rem)}.cc-store-product-portrait figcaption{position:relative;right:auto;bottom:auto;width:100%;grid-template-columns:1fr 1fr;border-top:0;box-shadow:none}.cc-store-product-portrait .cc-store-hero__caption{text-align:center}.cc-store-unboxing{padding:4.75rem 0}.cc-store-unboxing__grid{grid-template-columns:1fr}.cc-store-unboxing__image{width:min(100%,32rem);margin-inline:auto}.cc-store-unboxing__image figcaption{right:.75rem}.cc-store-unboxing__copy h2{max-width:14ch}.cc-store-proof__grid{grid-template-columns:repeat(2,1fr)}.cc-store-proof p,.cc-store-proof p:first-child{padding:1.1rem}.cc-store-proof p:nth-child(2){border-right:0}.cc-store-proof p:nth-child(-n+2){border-bottom:1px solid var(--cc-store-line)}.cc-store-demo__tabs button{min-height:4rem;justify-content:center;padding:.8rem .35rem;text-align:center}.cc-store-demo__tabs button{flex-direction:column;gap:.25rem}.cc-store-demo__content{grid-template-columns:1fr}.cc-store-demo__visual{min-height:24rem}.cc-store-demo__copy{padding:2rem}.cc-store-demo-phone{right:8%;width:12rem;height:22rem}.cc-store-demo-card{width:14rem}.cc-store-shop__intro{grid-template-columns:1fr;gap:1rem}.cc-store-products{grid-template-columns:1fr}.cc-store-product:last-child{grid-column:auto;width:auto}.cc-store-product__body>p{min-height:0}.cc-store-feature-grid{grid-template-columns:1fr}.cc-store-feature--wide{grid-row:auto;min-height:34rem}.cc-store-feature{min-height:0}.cc-store-qr-preview{width:10rem}.cc-store-final__panel{grid-template-columns:1fr;align-items:start}.cc-store-final h2{max-width:16ch}}
@media(max-width:480px){.cc-store-hero__actions,.cc-store-button{width:100%}.cc-store-assurances{display:grid}.cc-store-product-portrait figcaption{grid-template-columns:1fr;padding:.65rem}.cc-store-unboxing__copy dl div{grid-template-columns:1fr;gap:.35rem}.cc-store-unboxing__image figcaption{right:.5rem;bottom:.8rem}.cc-store-demo__tabs span{font-size:.66rem}.cc-store-demo__visual{min-height:20rem}.cc-store-demo-phone{bottom:-5rem;width:10rem;height:18rem}.cc-store-demo-card{top:23%;width:11rem}.cc-store-demo__signal{display:none}.cc-store-product__art{min-height:16rem}.cc-store-feature{padding:1.4rem}.cc-store-feature--wide{min-height:31rem}.cc-store-qr-preview{right:1.4rem;bottom:1.4rem}.cc-store-cart{right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));width:calc(100% - 1.5rem)}}
.cc-store-demo__stage{border:0;background:transparent;box-shadow:none}.cc-store-demo__tabs{position:sticky;z-index:8;top:5.3rem;border:1px solid var(--cc-store-line);background:#fff;box-shadow:0 12px 35px rgba(7,20,37,.08)}.cc-store-demo__content{align-items:start;gap:1rem;min-height:0}.cc-store-demo__visual{position:sticky;z-index:2;top:10.15rem;height:calc(100vh - 12.2rem);min-height:30rem;max-height:42rem;border:1px solid var(--cc-store-line);box-shadow:0 22px 60px rgba(7,20,37,.08)}.cc-store-demo-card{display:block;width:min(48%,19rem);height:auto;padding:0;border-radius:0;background:transparent;filter:drop-shadow(0 27px 26px rgba(7,20,37,.28));box-shadow:none}.cc-store-demo-card img{display:block;width:100%;height:auto}.cc-store-demo__scroll-cue{position:absolute;z-index:5;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.45rem;padding:.55rem .7rem;border:1px solid rgba(7,20,37,.12);background:rgba(255,255,255,.84);color:#526071;font-size:.52rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(8px)}.cc-store-demo__scroll-cue i{color:var(--cc-store-gold);font-size:.8rem;font-style:normal;animation:ccDemoCue 1.5s ease-in-out infinite}.cc-store-demo__story{display:grid;gap:1rem}.cc-store-demo__scroll-step{position:relative;display:flex;min-height:65vh;justify-content:center;flex-direction:column;padding:clamp(2rem,5vw,4.5rem);border:1px solid var(--cc-store-line);background:#fff;opacity:.36;transform:translateY(1rem);transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1),border-color .45s ease,box-shadow .45s ease}.cc-store-demo__scroll-step.is-active{border-color:#c7a45e;opacity:1;transform:translateY(0);box-shadow:0 22px 60px rgba(7,20,37,.08)}.cc-store-demo__scroll-step:before{position:absolute;top:0;left:0;width:0;height:2px;background:#c7a45e;content:"";transition:width .65s cubic-bezier(.22,1,.36,1)}.cc-store-demo__scroll-step.is-active:before{width:100%}.cc-store-demo__scroll-step h3{margin:1rem 0 0;font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(2rem,3.8vw,3.3rem);letter-spacing:-.055em;line-height:1.05}.cc-store-demo__scroll-step>p:not(.cc-store-demo__step){margin:1.25rem 0 0;color:var(--cc-store-muted);font-size:.93rem;line-height:1.75}.cc-store-demo__scroll-step ul{display:grid;gap:.7rem;margin:1.4rem 0 0;padding:1.25rem 0 0;border-top:1px solid var(--cc-store-line);list-style:none}.cc-store-demo__scroll-step li{position:relative;padding-left:1.2rem;color:#425064;font-size:.75rem;font-weight:700;line-height:1.5}.cc-store-demo__scroll-step li:before{position:absolute;top:.52em;left:0;width:.38rem;height:.38rem;border-radius:50%;background:var(--cc-store-gold);content:""}@keyframes ccDemoCue{0%,100%{transform:translateY(-1px)}50%{transform:translateY(3px)}}
.cc-store-card-reveal{position:relative;overflow:hidden;padding:clamp(5.5rem,9vw,8.5rem) 0;background:var(--cc-store-night);color:#fff}.cc-store-card-reveal:before{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 45%,rgba(212,179,110,.07) 45% 45.1%,transparent 45.1%),radial-gradient(circle at 77% 48%,rgba(222,188,116,.12),transparent 29%);content:"";pointer-events:none}.cc-store-card-reveal__grid{position:relative;display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(28rem,1.28fr);align-items:center;gap:clamp(3rem,7vw,7rem)}.cc-store-card-reveal__copy h2{max-width:8ch;margin:1.15rem 0 0;font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(2.8rem,5.2vw,4.9rem);font-weight:800;letter-spacing:-.065em;line-height:.96}.cc-store-card-reveal__copy>p:not(.cc-store-kicker){max-width:35rem;margin:1.45rem 0 0;color:#aeb9c7;font-size:.9rem;line-height:1.75}.cc-store-card-reveal__copy ul{display:grid;margin:2rem 0;padding:0;border-top:1px solid rgba(255,255,255,.14);list-style:none}.cc-store-card-reveal__copy li{display:grid;grid-template-columns:2.2rem 5rem 1fr;align-items:center;gap:.65rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.14)}.cc-store-card-reveal__copy li span{color:#d4b36e;font-size:.55rem;font-weight:900;letter-spacing:.14em}.cc-store-card-reveal__copy li strong{font-size:.7rem}.cc-store-card-reveal__copy li small{color:#8f9cad;font-size:.62rem;line-height:1.45}.cc-store-card-reveal__visual{position:relative;min-height:36rem;margin:0;transform-origin:center}.cc-store-card-reveal__halo{position:absolute;top:50%;left:51%;width:60%;aspect-ratio:1;border-radius:50%;background:rgba(212,179,110,.18);filter:blur(65px);transform:translate(-50%,-50%)}.cc-store-card-reveal__card{position:absolute;display:block;width:min(88%,43rem);filter:drop-shadow(0 35px 42px rgba(0,0,0,.45));transition:transform .85s cubic-bezier(.22,1,.36,1),filter .35s ease}.cc-store-card-reveal__card img{display:block;width:100%;height:auto}.cc-store-card-reveal__card--back{z-index:1;top:7%;right:-3%;transform:rotate(8deg)}.cc-store-card-reveal__card--front{z-index:2;right:9%;bottom:5%;transform:rotate(-7deg)}.cc-store-card-reveal__visual:hover .cc-store-card-reveal__card--back{transform:translate3d(1rem,-.5rem,0) rotate(10deg)}.cc-store-card-reveal__visual:hover .cc-store-card-reveal__card--front{transform:translate3d(-1rem,.5rem,0) rotate(-9deg)}.cc-store-card-reveal__visual figcaption{position:absolute;z-index:4;right:0;bottom:0;display:grid;gap:.2rem;padding:.8rem 1rem;border-left:2px solid #d4b36e;background:#fff;color:var(--cc-store-ink);box-shadow:0 20px 40px rgba(0,0,0,.2)}.cc-store-card-reveal__visual figcaption span{font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.cc-store-card-reveal__visual figcaption small{color:#697689;font-size:.55rem}.cc-store-product__actual-card{position:relative;z-index:1;display:block;width:83%;filter:drop-shadow(0 24px 24px rgba(7,20,37,.28));transform:rotate(-5deg);transition:transform .7s cubic-bezier(.22,1,.36,1)}.cc-store-product__actual-card img{display:block;width:100%;height:auto}.cc-store-product:hover .cc-store-product__actual-card{transform:rotate(-2deg) scale(1.035)}
@media(max-width:1000px){.cc-store-card-reveal__grid{grid-template-columns:minmax(16rem,.7fr) minmax(24rem,1.3fr);gap:2rem}.cc-store-card-reveal__visual{min-height:31rem}}
@media(max-width:760px){.cc-store-card-reveal__grid{grid-template-columns:1fr}.cc-store-card-reveal__copy h2{max-width:11ch}.cc-store-card-reveal__visual{width:min(100%,39rem);min-height:31rem;margin-inline:auto}.cc-store-card-reveal__card{width:90%}.cc-store-card-reveal__card--back{right:-2%}.cc-store-card-reveal__card--front{right:8%}}
@media(max-width:480px){.cc-store-card-reveal{padding:4.75rem 0}.cc-store-card-reveal__copy li{grid-template-columns:2rem 1fr}.cc-store-card-reveal__copy li small{grid-column:2}.cc-store-card-reveal__visual{min-height:22rem}.cc-store-card-reveal__visual figcaption{right:.25rem;bottom:-.5rem}.cc-store-product__actual-card{width:91%}}
.cc-home-contact{max-width:none!important;padding-block:clamp(5rem,8vw,7rem)!important;background:#fff}.cc-home-contact__panel{width:min(100% - 3rem,78rem)!important;margin-inline:auto;padding:clamp(2.5rem,6vw,5rem)!important;border:1px solid var(--cc-store-line)!important;border-radius:0!important;background:var(--cc-store-paper)!important;box-shadow:none!important}.cc-home-contact__decoration{display:none!important}.cc-home-contact__panel .soft-bg{border:1px solid #d9c69a!important;border-radius:0!important;background:#fff!important;color:var(--cc-store-gold)!important}.cc-home-contact__panel h2{max-width:16ch!important;color:var(--cc-store-ink)!important;font-size:clamp(2.2rem,4.5vw,4rem)!important;letter-spacing:-.055em!important;line-height:1.03!important}.cc-home-contact__panel .muted{color:var(--cc-store-muted)!important}.cc-home-contact__button{min-height:3.3rem!important;padding:.85rem 1.25rem!important;border:1px solid var(--cc-store-night)!important;border-radius:.55rem!important;background:var(--cc-store-night)!important;color:#fff!important;box-shadow:none!important;font-size:.78rem!important}.cc-home-contact__button:hover{background:var(--cc-store-gold)!important;color:var(--cc-store-night)!important;transform:translateY(-2px)!important}.cc-home-contact__privacy{max-width:32rem;margin:1.4rem auto 0;padding-top:1rem;border-top:1px solid var(--cc-store-line);color:var(--cc-store-muted);font-size:.63rem;line-height:1.6}.cc-home-contact__privacy strong{color:var(--cc-store-ink)}.cc-contact-modal__panel{border-radius:.7rem!important}.cc-contact-modal__panel input,.cc-contact-modal__panel select,.cc-contact-modal__panel textarea,.cc-contact-modal__panel button{border-radius:.5rem!important}.cc-contact-modal__panel .brand-gradient{background:var(--cc-store-night)!important;color:#fff!important}
.cc-store-final__panel>div>p{color:#d4b36e}.cc-store-testimonial-grid figure>p{margin:1rem 0 0;color:var(--cc-store-muted);font-size:.74rem;line-height:1.7}
@media(prefers-reduced-motion:reduce){.cc-experience-loader{display:none}.cc-store-marquee__track{animation:none}.cc-store-product,.cc-store-button,.cc-store-product__art:before,.site-header,.cc-store-demo__visual>*{transition:none!important}.cc-store-product:hover,.cc-store-button:hover,.cc-store-product-portrait picture{transform:none!important}}
@media(max-width:760px){.cc-store-demo__tabs{top:0;overflow-x:auto;overscroll-behavior-inline:contain}.cc-store-demo__tabs button{min-width:8.5rem}.cc-store-demo__content{display:block}.cc-store-demo__visual{top:4.05rem;height:38vh;min-height:18rem;max-height:22rem}.cc-store-demo__story{position:relative;z-index:3;margin-top:-38vh}.cc-store-demo__scroll-step{min-height:76vh;padding:calc(42vh + 2rem) 1.4rem 2rem;border-inline:1px solid var(--cc-store-line);background:linear-gradient(to bottom,transparent 0 40vh,#fff 40vh);opacity:.55;box-shadow:none}.cc-store-demo__scroll-step.is-active{box-shadow:none}.cc-store-demo__scroll-step:before{top:40vh}.cc-store-demo-card{top:18%;left:4%;width:13.5rem}.cc-store-demo-phone{right:4%;bottom:-5rem;width:11rem;height:20rem}.cc-store-demo__scroll-cue{bottom:.65rem}}
@media(max-width:480px){.cc-store-demo__tabs button{min-width:7rem}.cc-store-demo__visual{top:4rem;height:36vh;min-height:16.5rem}.cc-store-demo__story{margin-top:-36vh}.cc-store-demo__scroll-step{min-height:74vh;padding:calc(40vh + 1.5rem) 1rem 1.75rem;background:linear-gradient(to bottom,transparent 0 38vh,#fff 38vh)}.cc-store-demo__scroll-step:before{top:38vh}.cc-store-demo-card{top:20%;width:10.5rem}.cc-store-demo-phone{right:1%;bottom:-4rem;width:9rem;height:17rem}.cc-store-demo__scroll-cue{font-size:.46rem}}
@media(prefers-reduced-motion:reduce){.cc-store-demo__scroll-cue i{animation:none}.cc-store-demo__scroll-step{transition:none}}
/* ============================================================
Scroll-scrubbed card scene (.cc-cardscene)
The section is taller than the viewport; .cc-cardscene__sticky pins while
scroll progress drives a real 3D rotation of the card. This is possible
because the card artwork is a transparent cut-out, unlike the box photos.
setupCardScene() in app.js writes the custom properties below.
============================================================ */
/* .cc-store-card-reveal sets overflow:hidden, which silently disables
position:sticky on the child. The clipping moves to the sticky element. */
.cc-cardscene{height:460vh;padding:0;overflow:visible}
.cc-cardscene__sticky{position:sticky;top:0;display:flex;align-items:center;min-height:100vh;padding:clamp(3rem,7vw,6rem) 0;overflow:hidden}
.cc-cardscene__visual{position:relative;min-height:min(56vh,28rem);perspective:1600px}
.cc-cardscene__card{position:absolute;top:50%;left:50%;width:min(86%,40rem);aspect-ratio:1260/785;transform:translate(-50%,-50%) rotateX(var(--cs-rx,14deg)) rotateY(var(--cs-ry,-34deg)) scale(var(--cs-s,.78));transform-style:preserve-3d;will-change:transform}
/* backface-visibility is not inherited, so the ![]()
inside each
needs it too - otherwise the front image keeps painting through the flip. */
.cc-cardscene__face{position:absolute;display:block;inset:0}
.cc-cardscene__face,.cc-cardscene__face img{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cc-cardscene__face img{display:block;width:100%;height:auto;filter:drop-shadow(0 40px 48px rgba(0,0,0,.55))}
/* The two faces sit on the outer surfaces of the card rather than both at z=0,
so they cap the edge below instead of intersecting it. */
.cc-cardscene__face--front{transform:translateZ(4.5px)}
.cc-cardscene__face--back{transform:rotateY(180deg) translateZ(4.5px)}
/* Card thickness. Sits perpendicular to both faces, so it is what you see at the
half-way point of the turn instead of nothing. Deliberately keeps its backface
visible - it is a solid edge, so the mirrored side is identical. */
.cc-cardscene__edge{position:absolute;top:1.5%;width:9px;height:97%;border-radius:2px;background:linear-gradient(180deg,#31363f,#12161c 30%,#0a0d11 70%,#272c34)}
.cc-cardscene__edge--l{left:0;transform-origin:left center;transform:translateZ(-4.5px) rotateY(-90deg)}
.cc-cardscene__edge--r{right:0;transform-origin:right center;transform:translateZ(-4.5px) rotateY(90deg)}
.cc-cardscene .cc-store-card-reveal__halo{opacity:var(--cs-halo,.55);transform:translate(-50%,-50%) scale(var(--cs-halo-s,1))}
.cc-cardscene .cc-store-card-reveal__copy li{opacity:.32;transition:opacity .45s ease}
.cc-cardscene .cc-store-card-reveal__copy li.is-active{opacity:1}
.cc-cardscene .cc-store-card-reveal__visual figcaption{opacity:var(--cs-caption,0);transition:opacity .4s ease}
@media(max-width:1000px){.cc-cardscene{height:400vh}.cc-cardscene__visual{min-height:min(40vh,20rem)}.cc-cardscene__card{width:min(94%,26rem)}}
/* The pinned viewport must hold the card and the copy at once, so on small
screens the card leads and the long lead paragraph steps aside. */
@media(max-width:760px){.cc-cardscene{height:360vh}.cc-cardscene__sticky{align-items:flex-start;padding-top:4.25rem}.cc-cardscene__visual{order:-1;min-height:30vh}.cc-cardscene__card{width:min(78%,20rem)}.cc-cardscene .cc-store-card-reveal__grid{gap:1.25rem}.cc-cardscene .cc-store-card-reveal__copy>p:not(.cc-store-kicker){display:none}.cc-cardscene .cc-store-card-reveal__copy h2{margin-top:.75rem;font-size:clamp(1.85rem,6.8vw,2.4rem)}.cc-cardscene .cc-store-card-reveal__copy ul{margin:1.1rem 0}.cc-cardscene .cc-store-card-reveal__copy li{padding:.55rem 0}.cc-cardscene .cc-store-card-reveal__visual figcaption{display:none}}
@media(prefers-reduced-motion:reduce){.cc-cardscene{height:auto}.cc-cardscene__sticky{position:static;min-height:0;padding:clamp(3rem,7vw,6rem) 0}.cc-cardscene__card{transform:translate(-50%,-50%) rotateX(0) rotateY(0) scale(1)}.cc-cardscene .cc-store-card-reveal__copy li{opacity:1}.cc-cardscene .cc-store-card-reveal__visual figcaption{opacity:1}}
/* ============================================================
Demo section - rebuilt layout.
Previously the tabs and the visual were two independent sticky
elements pinned at hardcoded offsets (5.3rem / 10.15rem). Those
offsets assumed a fixed header, but this site hides its header on
scroll, so the two drifted apart and overlapped the story column.
They now live in one pinned column and cannot separate.
============================================================ */
.cc-store-demo__layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(2rem,4vw,3rem)}
.cc-store-demo__pin{position:sticky;top:0;display:flex;justify-content:center;flex-direction:column;gap:.9rem;height:100vh;padding:5.5rem 0 2rem}
.cc-store-demo__tabs{position:static;top:auto;flex:0 0 auto;border:1px solid var(--cc-store-line);background:#fff;box-shadow:none}
/* relative, not static: the card and phone inside are absolutely positioned
against this box, so it must stay a containing block once sticky is dropped. */
.cc-store-demo__visual{position:relative;top:auto;flex:1 1 auto;height:auto;min-height:0;max-height:none;overflow:hidden;border:1px solid var(--cc-store-line);box-shadow:0 22px 60px rgba(7,20,37,.08)}
.cc-store-demo__story{display:grid;gap:1rem;margin-top:0}
/* A real profile on the phone rather than blank placeholder bars. */
.cc-store-demo-phone__screen{justify-content:flex-start;padding:3.4rem .9rem 1rem}
.cc-store-demo-phone__verified{display:inline-flex;align-items:center;gap:.25rem;margin-top:.4rem;padding:.2rem .45rem;border:1px solid #d7c496;border-radius:2rem;color:#8b682d;font-size:.44rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.cc-store-demo-phone__verified:before{content:"✓";font-size:.5rem}
.cc-store-demo-phone__actions{display:grid;width:100%;gap:.38rem;margin:.85rem 0 0;padding:0;list-style:none}
.cc-store-demo-phone__actions li{display:flex;align-items:center;gap:.4rem;padding:.5rem .55rem;border:1px solid #e2e5e7;border-radius:.5rem;background:#fff;color:#243040;font-size:.52rem;font-weight:800;transition:border-color .45s ease,background .45s ease,transform .45s ease}
.cc-store-demo-phone__actions svg{width:.7rem;height:.7rem;flex:0 0 auto;fill:none;stroke:var(--cc-store-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Step 03 is about turning the moment into action, so the actions light up. */
.cc-store-demo__stage[data-demo-step="2"] .cc-store-demo-phone__actions li{border-color:#cdb075;background:#fffaf0;transform:translateX(2px)}
@media(max-width:900px){
.cc-store-demo__layout{grid-template-columns:1fr;gap:1rem}
.cc-store-demo__pin{top:0;height:auto;padding:4.25rem 0 .85rem;background:#fff;z-index:6}
.cc-store-demo__visual{height:36vh;min-height:13rem}
.cc-store-demo__story{margin-top:0}
/* Tall enough that the step observer resolves one step at a time; with
min-height:auto the tabs fall out of sync with the visible copy. */
.cc-store-demo__scroll-step{min-height:52vh;padding:1.5rem;border:1px solid var(--cc-store-line);background:#fff;opacity:1;transform:none;box-shadow:none}
.cc-store-demo__scroll-step:before{top:0}
.cc-store-demo__scroll-step.is-active{border-color:#c7a45e;box-shadow:0 18px 40px rgba(7,20,37,.07)}
}
@media(max-width:480px){
.cc-store-demo__pin{padding-top:4rem}
.cc-store-demo__visual{height:32vh;min-height:11rem}
.cc-store-demo__scroll-step{padding:1.2rem}
}
@media(prefers-reduced-motion:reduce){
.cc-store-demo__pin{position:static;height:auto;padding:0 0 1.5rem}
.cc-store-demo__visual{height:22rem}
}
/* ---- Vector device frame ----
The frame SVG carries the body, rails, island and bezel, with the screen
area masked out; the profile markup sits underneath and shows through.
Screen insets below are the mask geometry expressed as percentages of the
412x828 viewBox, so the two stay aligned at any size. */
.cc-store-demo-phone{top:7%;right:8%;bottom:auto;width:auto;height:86%;aspect-ratio:412/828;padding:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 26px 44px rgba(7,20,37,.34))}
.cc-store-demo-phone__frame{position:absolute;z-index:3;display:block;width:100%;height:100%;inset:0;pointer-events:none}
.cc-store-demo-phone__screen{position:absolute;z-index:2;top:1.449%;left:4.369%;width:91.262%;height:97.101%;padding:11% .55rem .7rem;border-radius:11%/5.4%;background:#faf9f5}
.cc-store-demo-phone__notch{display:none}
/* The phone reads as the foreground object; the card tucks behind it rather
than covering the profile UI (the card carries z-index 4 from earlier CSS). */
.cc-store-demo-phone{z-index:5}
/* Fit the profile comfortably inside the device screen. */
.cc-store-demo-phone__avatar{width:3rem;height:3rem;font-size:.75rem}
.cc-store-demo-phone__screen strong{margin-top:.5rem;font-size:.72rem}
.cc-store-demo-phone__screen small{font-size:.46rem}
.cc-store-demo-phone__verified{margin-top:.3rem;padding:.16rem .4rem;font-size:.4rem;white-space:nowrap}
.cc-store-demo-phone__actions{margin-top:.7rem;gap:.32rem}
.cc-store-demo-phone__actions li{padding:.42rem .45rem;font-size:.47rem}
/* The screen UI is sized in container units so it scales with the device at any
breakpoint. Fixed rem sizes overflowed the screen once the phone got smaller. */
.cc-store-demo-phone{container-type:inline-size}
.cc-store-demo-phone__screen{padding:15cqw 4.5cqw 4cqw}
.cc-store-demo-phone__avatar{width:25cqw;height:25cqw;margin:0;font-size:7cqw}
.cc-store-demo-phone__screen strong{margin-top:3.5cqw;font-size:6.2cqw}
.cc-store-demo-phone__screen small{margin-top:1cqw;font-size:4cqw}
.cc-store-demo-phone__verified{margin-top:2.4cqw;padding:1.4cqw 2.6cqw;font-size:3.4cqw;white-space:nowrap}
.cc-store-demo-phone__actions{gap:2.4cqw;margin-top:5cqw}
.cc-store-demo-phone__actions li{gap:2cqw;padding:3.2cqw 3cqw;border-radius:2.6cqw;font-size:4cqw;white-space:nowrap}
.cc-store-demo-phone__actions svg{width:5cqw;height:5cqw;stroke-width:2.4}
/* ---- Inside the portal: picture-led feature cards --------------------------
Each card leads with a small drawing of the thing it describes, so the copy
can stay to a headline and one line. Prefixed cc-portal- so it cannot collide
with the cc-store- rules above. */
.cc-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2.5rem;background:var(--cc-store-line);border:1px solid var(--cc-store-line)}
.cc-portal-card{display:flex;flex-direction:column;gap:.9rem;padding:1.7rem 1.5rem 1.9rem;background:var(--cc-store-white)}
.cc-portal-card--dark{background:var(--cc-store-night)}
.cc-portal-viz{display:flex;align-items:center;justify-content:center;height:4.6rem}
.cc-portal-viz svg{width:100%;height:100%;overflow:visible}
.cc-portal-card h3{margin:0;font-size:1.02rem;font-weight:750;letter-spacing:-.01em;line-height:1.25;color:var(--cc-store-ink)}
.cc-portal-card p{margin:0;font-size:.86rem;line-height:1.5;color:var(--cc-store-muted)}
.cc-portal-card--dark h3{color:var(--cc-store-white)}
.cc-portal-card--dark p{color:#9fb2c6}
@media (max-width:900px){.cc-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cc-portal-grid{grid-template-columns:minmax(0,1fr)}.cc-portal-viz{height:4rem}}
/* Four short cards read best as a single row; in the 3-column default the
fourth wraps and leaves two empty cells showing the grid's rule colour. */
.cc-portal-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.cc-portal-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cc-portal-grid--four{grid-template-columns:minmax(0,1fr)}}
/* ---- Portal/NFC drawing animations ----------------------------------------
Each drawing plays once when its card scrolls into view, via .is-drawn added
by setupPortalGraphics() in app.js. Parts opt in with a class and stagger
with --d. Paths carry pathLength="1" so the draw-on works without measuring
geometry. Nothing loops except the NFC signal, where a repeating pulse is the
thing being described rather than decoration. */
/* The hidden start state is applied only once JS has armed the card. Without
it the drawings render plainly instead of disappearing, so a JS failure
costs the animation, never the content. */
.cc-portal-card.is-armed .cc-pv-draw{stroke-dasharray:1;stroke-dashoffset:1}
.cc-portal-card.is-armed :is(.cc-pv-pop,.cc-pv-fade,.cc-pv-slide){opacity:0}
.cc-portal-card.is-armed .cc-pv-pop{transform:scale(.4)}
.cc-portal-card.is-armed .cc-pv-slide{transform:translateX(-8px)}
.cc-portal-card.is-armed .cc-pv-fade{transform:translateY(5px)}
.cc-pv-pop{transform-origin:center;transform-box:fill-box}
.is-drawn .cc-pv-draw{animation:cc-pv-draw .85s cubic-bezier(.65,0,.35,1) forwards;animation-delay:var(--d,0s)}
.is-drawn .cc-pv-pop{animation:cc-pv-pop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d,0s)}
.is-drawn .cc-pv-fade{animation:cc-pv-fade .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d,0s)}
.is-drawn .cc-pv-slide{animation:cc-pv-slide .55s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d,0s)}
.is-drawn .cc-pv-spin{animation:cc-pv-spin 22s linear infinite}
.is-drawn .cc-pv-wave{animation:cc-pv-wave 2.1s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes cc-pv-draw{to{stroke-dashoffset:0}}
@keyframes cc-pv-pop{from{opacity:0;transform:scale(.4)}60%{opacity:1}to{opacity:1;transform:scale(1)}}
@keyframes cc-pv-fade{to{opacity:1;transform:translateY(0)}}
@keyframes cc-pv-slide{to{opacity:1;transform:translateX(0)}}
@keyframes cc-pv-spin{to{transform:rotate(360deg)}}
@keyframes cc-pv-wave{0%{opacity:0}25%{opacity:1}100%{opacity:0}}
/* Nothing hidden if the animation never runs. */
@media (prefers-reduced-motion:reduce){
.cc-pv-draw{stroke-dasharray:none;stroke-dashoffset:0}
.cc-pv-pop,.cc-pv-fade,.cc-pv-slide,.cc-pv-wave{opacity:1;transform:none}
.is-drawn .cc-pv-draw,.is-drawn .cc-pv-pop,.is-drawn .cc-pv-fade,
.is-drawn .cc-pv-slide,.is-drawn .cc-pv-spin,.is-drawn .cc-pv-wave{animation:none}
}