/* NullCash's product narrative: existing brand palette and type families. */
.product-site{--nc-font-sans:Inter,Arial,sans-serif;--nc-font-display:Poppins,Arial,sans-serif;--brand:#94C249;--soft:#C5DD8E;--navy:#143558;--cream:#F5F1E8;margin:0;background:var(--soft);color:var(--navy);font-family:Inter,Arial,sans-serif;overflow-x:clip}
.product-site *{box-sizing:border-box}.product-site h1,.product-site h2,.product-site h3{color:inherit}.product-site a{color:inherit;text-decoration:none}.product-site a:focus-visible,.product-site select:focus-visible{outline:3px solid currentColor;outline-offset:6px}.product-site .skip{position:fixed;top:-100px;z-index:30;background:white;padding:15px}.product-site .skip:focus{top:10px}
.site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:27px 5vw;gap:20px}.wordmark img{width:150px;height:auto}.site-header nav{display:flex;gap:34px;font-size:14px;font-weight:600}.header-actions{display:flex;align-items:center;gap:20px}.product-site .lang-select{width:auto;background:transparent;border:0;color:var(--navy);font:inherit;font-size:13px;padding:8px}.contact{border:1px solid var(--navy);padding:12px 25px;border-radius:30px;font-weight:600;font-size:14px}
.product-journey{position:relative}.stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;pointer-events:none;overflow:hidden;background:var(--soft)}.stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.product-halo{position:absolute;width:63vw;height:63vw;right:-9vw;top:-4vw;background:rgba(245,241,232,.18);border-radius:50%}.product-shadow{position:absolute;width:30vw;height:3vw;right:8vw;bottom:15vh;background:rgba(20,53,88,.17);filter:blur(25px);border-radius:50%}
.product-site .hero,.product-site .chapter{min-height:100svh;position:relative;padding:15vh 6vw 8vh;display:flex;align-items:center;background:transparent}.product-site .hero::before,.product-site .hero::after{display:none}.hero-copy{position:relative;z-index:3;max-width:53%}.intro{font-size:17px;font-weight:500;margin:0 0 23px}.product-site h1,.product-site .chapter h2,.product-site .organizer h2{font-family:Poppins,Arial,sans-serif;font-weight:800;letter-spacing:-.075em;line-height:.93;margin:0}.product-site h1{font-size:clamp(80px,9.5vw,170px);white-space:nowrap}.lede{font-size:21px;line-height:1.5;margin:27px 0 30px}.pill{display:inline-flex;align-items:center;background:var(--navy);color:#fff!important;border-radius:40px;padding:18px 25px;font-size:14px;font-weight:600}.side-note{position:absolute;right:5.5vw;bottom:13%;text-align:right;font-size:19px;line-height:1.35;z-index:3;font-family:Poppins,Arial,sans-serif}.hero-foot{position:absolute;bottom:27px;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:13px;font-weight:500}
.product-site .chapter{padding-top:10vh}.product-site .chapter h2{font-size:clamp(74px,8.2vw,130px)}.chapter-copy{width:42%;position:relative;z-index:3}.chapter-copy>p:last-child{font-size:19px;line-height:1.6;max-width:340px;margin-top:30px}.chapter-one .chapter-copy,.chapter-three .chapter-copy{margin-left:57%}.chapter-two .chapter-copy,.chapter-four .chapter-copy{margin-left:1%}.scene-caption{position:absolute;left:6vw;bottom:10%;font-size:15px;font-family:Poppins,Arial,sans-serif}
.organizer{position:relative;background:var(--navy);color:var(--cream);padding:100px 7vw 110px;z-index:4}.product-site .organizer h2{font-size:clamp(62px,7.4vw,118px);max-width:1100px}.organizer .intro{color:var(--soft)}.product-site .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin:65px 0 40px;max-width:1000px}.benefits h3{font-size:24px;letter-spacing:-.7px;margin:0 0 15px}.benefits p{line-height:1.6;max-width:280px;color:var(--cream)}.pill.light{background:var(--soft);color:var(--navy)!important}.site-footer{position:relative;z-index:4;display:flex;gap:40px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--cream);padding:40px 6vw}.site-footer p{font-size:12px;line-height:1.6}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.footer-links a:hover{text-decoration:underline}
@media(max-width:700px){.site-header{padding:22px 6vw}.wordmark img{width:115px}.site-header nav{display:none}.header-actions{gap:8px}.contact{padding:10px 17px}.product-site .hero{align-items:flex-start;padding-top:145px;min-height:940px}.hero-copy{max-width:100%;width:100%}.product-site h1{font-size:clamp(64px,18vw,112px);max-width:100%}.intro{font-size:14px;margin-bottom:19px}.lede{font-size:17px;margin:20px 0}.pill{padding:14px 20px;font-size:12px}.side-note{bottom:10%;font-size:19px}.hero-foot{font-size:11px}.product-halo{width:110vw;height:110vw;top:48vh}.product-shadow{width:70vw;bottom:11vh;right:15vw}.product-site .chapter{align-items:flex-start;padding:115px 7vw 0;min-height:940px}.chapter-copy,.chapter-one .chapter-copy,.chapter-two .chapter-copy,.chapter-three .chapter-copy,.chapter-four .chapter-copy{margin-left:0;width:100%}.product-site .chapter h2{font-size:clamp(64px,17vw,88px)}.chapter-copy>p:last-child{font-size:16px;max-width:310px;line-height:1.5;margin-top:22px}.scene-caption{bottom:5%;font-size:14px}.organizer{padding:75px 7vw}.product-site .organizer h2{font-size:clamp(47px,12vw,70px)}.product-site .benefits{grid-template-columns:1fr;gap:25px;margin:35px 0}.benefits h3{margin-bottom:5px}.benefits p{max-width:none;margin-top:8px;font-size:15px}.site-footer{gap:25px}.site-footer p{width:100%;margin:0}.footer-links{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.product-site *{transition:none!important;animation:none!important}}
@media(prefers-reduced-motion:reduce){
 .product-site .stage{position:absolute;top:0;left:0;right:0;height:100svh;margin:0}
 .product-site .chapter{background:var(--cream)}
}
/* Keep the final chapter's longest word intact within its reserved text column. */
@media(min-width:701px){.product-site .chapter-three h2{font-size:clamp(48px,7.2vw,118px);overflow-wrap:normal}}
@media(max-width:700px){.product-site .stage{height:940px;margin-bottom:-940px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.product-site .stage{height:940px;margin:0}}

.illustrative{display:block;font-size:11px;line-height:1.6;margin-top:18px;max-width:320px;opacity:.8}
@media(min-width:701px){.product-site .chapter-four h2{font-size:clamp(48px,7.2vw,118px);overflow-wrap:normal}}
.static-phone{display:none}
@media(prefers-reduced-motion:reduce){
 .static-phone{display:flex;position:absolute;left:9%;top:50%;transform:translateY(-50%);width:clamp(240px,27vw,340px);padding:45px 20px 30px;flex-direction:column;align-items:center;background:#F5F1E8;border:9px solid #0B2240;border-radius:38px;box-shadow:8px 12px 0 rgba(20,53,88,.12);color:#143558;margin:0}
 .static-phone__brand{width:150px;height:auto;margin-bottom:28px}.static-phone>p{font-size:12px;margin:0 0 22px;text-align:center}.static-phone__qr{width:100%;height:auto;background:white}.static-phone figcaption{text-align:center;font-size:12px;margin-top:25px}.static-phone figcaption small{display:block;font-size:10px;margin-top:8px}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.product-site .admission{flex-direction:column;padding-bottom:55px}.static-phone{position:relative;left:auto;top:auto;transform:none;width:260px;margin:35px auto 0}}
/* Photography replaces the experimental procedural wearable; motion ends after admission. */
.fabric-product{position:absolute;left:75%;top:50%;width:54%;height:75%;object-fit:contain;transform:translate(-50%,-50%);z-index:3;will-change:transform,opacity}
.system-section{position:relative;background:#F5F1E8;padding:110px 6vw 75px;color:#143558;overflow:hidden}
.system-heading{max-width:1050px;margin:0 auto 55px}.system-heading h2,.questions h2,.contact-section h2{font-family:Poppins,Arial,sans-serif;font-weight:800;font-size:clamp(42px,6.5vw,100px);line-height:1.02;letter-spacing:-.065em;margin:0 0 25px}.system-heading>p:last-child{font-size:19px;line-height:1.6;max-width:560px}
.ecosystem-art{position:relative;margin:0 auto;max-width:1180px;min-height:720px}.panel-art{width:86%;margin-left:14%;background:white;border-radius:18px;box-shadow:0 22px 70px rgba(20,53,88,.15);overflow:hidden;border:1px solid rgba(20,53,88,.1)}.panel-art__header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 34px;border-bottom:1px solid rgba(20,53,88,.1);font-size:13px}.panel-art__header img{width:120px;height:auto}.panel-art__body{display:grid;grid-template-columns:145px 1fr;gap:30px;min-height:365px;padding:35px 35px 35px 25px}.panel-art__navigation{display:flex;flex-direction:column;gap:32px;font-size:13px;padding:10px 15px;color:#305C8C}.panel-art__chart svg{width:100%;height:auto}.panel-art__bars{display:flex;gap:15px;align-items:flex-end;height:70px;margin-top:25px}.panel-art__bars i{display:block;background:#C5DD8E;width:7%;height:50%;border-radius:3px 3px 0 0}.panel-art__bars i:nth-child(3n){height:90%;background:#94C249}.panel-art__bars i:nth-child(3n+1){height:65%}.panel-art__bars i:nth-child(4n){height:75%;background:#143558}
.composition-phone{position:absolute;left:2%;top:125px;width:22%;max-width:245px;background:#F5F1E8;border:8px solid #0B2240;border-radius:32px;padding:35px 15px 25px;box-shadow:12px 15px 30px rgba(20,53,88,.15);display:flex;flex-direction:column;align-items:center;gap:25px;transform:rotate(-6deg)}.composition-phone>img:first-child{width:76%;height:auto}.composition-phone>img:nth-child(2){width:100%;height:auto}.composition-phone small{font-size:10px;line-height:1.4;text-align:center}.composition-fabric{position:absolute;right:2%;top:275px;width:73%;height:420px;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(20,53,88,.12))}.ecosystem-art>figcaption{position:absolute;bottom:0;left:0;font-size:11px;opacity:.7}
.questions{background:#F5F1E8;color:#143558;padding:100px 7vw}.questions h2{font-size:clamp(40px,5.5vw,76px);max-width:1000px;margin:0 auto 45px}.question-list{max-width:1000px;margin:auto}.question-list details{border-top:1px solid rgba(20,53,88,.24);padding:23px 0}.question-list details:last-child{border-bottom:1px solid rgba(20,53,88,.24)}.question-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:30px;align-items:center;list-style:none;font-size:19px;font-weight:600;line-height:1.4}.question-list summary::-webkit-details-marker{display:none}.question-list summary::after{content:'+';font-size:28px;font-weight:400;flex-shrink:0}.question-list details[open] summary::after{content:'−'}.question-list details>p{font-size:16px;line-height:1.7;max-width:760px;padding-top:18px;color:#305C8C}
.contact-section{padding:90px 7vw 100px;background:#C5DD8E;color:#143558}.contact-section h2{font-size:clamp(42px,6vw,90px);max-width:950px}.contact-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:35px}.pill.outline{background:transparent;border:1px solid #143558;color:#143558!important}
@media(max-width:700px){.fabric-product{left:50%;width:92%;height:370px;top:70%}.system-section{padding:75px 7vw 55px}.system-heading h2{font-size:clamp(43px,11vw,70px)}.system-heading>p:last-child{font-size:16px}.ecosystem-art{min-height:500px;margin:0 -4vw}.panel-art{width:94%;margin-left:6%;border-radius:12px}.panel-art__header{padding:18px;font-size:10px}.panel-art__header img{width:88px}.panel-art__body{grid-template-columns:65px 1fr;gap:15px;padding:20px 12px;min-height:230px}.panel-art__navigation{font-size:9px;gap:24px;padding:5px}.panel-art__bars{height:50px;gap:6px}.composition-phone{width:29%;left:1%;top:175px;padding:22px 9px 15px;border-width:5px;border-radius:20px;gap:17px}.composition-phone small{font-size:8px}.composition-fabric{top:245px;right:-4%;width:82%;height:230px}.ecosystem-art>figcaption{left:4%;font-size:10px}.questions{padding:70px 7vw}.questions h2{font-size:42px}.question-list summary{font-size:17px;gap:15px}.question-list details>p{font-size:15px}.contact-section{padding:70px 7vw}.contact-actions{flex-direction:column;align-items:flex-start}}
.webgl-unavailable .static-phone{display:flex;position:absolute;left:9%;top:50%;transform:translateY(-50%);width:clamp(240px,27vw,340px);padding:45px 20px 30px;flex-direction:column;align-items:center;background:#F5F1E8;border:9px solid #0B2240;border-radius:38px;color:#143558;margin:0}
.webgl-unavailable .static-phone__brand{width:150px;height:auto;margin-bottom:28px}.webgl-unavailable .static-phone>p{font-size:12px;margin:0 0 22px;text-align:center}.webgl-unavailable .static-phone__qr{width:100%;height:auto}.webgl-unavailable .static-phone figcaption{text-align:center;font-size:12px;margin-top:25px}.webgl-unavailable .static-phone figcaption small{display:block;font-size:10px;margin-top:8px}
@media(max-width:700px){.webgl-unavailable .admission{flex-direction:column;padding-bottom:55px}.webgl-unavailable .static-phone{position:relative;left:auto;top:auto;transform:none;width:260px;margin:35px auto 0}}
/* Phone-to-panel handoff uses the same illustration and settles into its static slot. */
.dashboard-transfer{position:fixed;left:0;top:0;margin:0!important;z-index:6;pointer-events:none;transform-origin:center top;will-change:transform,opacity;overflow:hidden}
.dashboard-transfer[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.dashboard-transfer{display:none!important}}
/* The phone uses its own viewport canvas so the second transition cannot crop it at a section edge. */
.phone-canvas{position:fixed;left:0;top:0;pointer-events:none;z-index:4;max-width:100%;display:block}
.phone-canvas[hidden]{display:none}
.dashboard-transfer{box-shadow:0 15px 35px rgba(20,53,88,.12)}
/* Stable depth order: panel behind the photograph and the single 3D phone. */
.panel-art{position:relative;z-index:1}.dashboard-transfer{z-index:2}.composition-fabric{z-index:3}.phone-canvas{z-index:4}
.composition-phone-slot{position:absolute;left:2%;top:125px;width:22%;max-width:245px;aspect-ratio:1.94/3.72;z-index:4}
.composition-phone-fallback{width:100%;height:100%;background:#F5F1E8;border:8px solid #0B2240;border-radius:32px;padding:35px 15px 25px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;box-shadow:12px 15px 30px rgba(20,53,88,.15)}
.composition-phone-fallback>img:first-child{width:76%;height:auto}.composition-phone-fallback>img:nth-child(2){width:100%;height:auto}.composition-phone-fallback small{font-size:10px;text-align:center}
.is-3d:not(.webgl-unavailable) .composition-phone-fallback{visibility:hidden}
@media(max-width:700px){.composition-phone-slot{width:29%;left:1%;top:175px}.composition-phone-fallback{padding:20px 8px 15px;border-width:5px;border-radius:20px;gap:12px}.composition-phone-fallback small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.is-3d .composition-phone-fallback{visibility:visible}}
@media(prefers-reduced-motion:reduce){.is-3d:not(.webgl-unavailable) .composition-phone-fallback{visibility:visible}}
.panel-art.dashboard-transfer{position:fixed;z-index:2}
/* Product proportions: the textile badge is roughly half the width of the phone. */
.ecosystem-art{--composition-phone-width:min(22%,245px)}
.composition-phone-slot{width:var(--composition-phone-width);max-width:none}
.composition-fabric{width:calc(var(--composition-phone-width)*1.8)}
@media(max-width:700px){.ecosystem-art{--composition-phone-width:29%}}
/* The fabric rests across the phone base, in the foreground, without covering its QR. */
.ecosystem-art{
 --composition-art-width:min(1180px,88vw);
 --composition-phone-width:min(calc(var(--composition-art-width)*.22),245px);
 --composition-phone-top:125px;
 --composition-phone-left:2%;
}
.composition-fabric{
 left:calc(var(--composition-phone-left) + var(--composition-phone-width)*.25);
 right:auto;
 top:calc(var(--composition-phone-top) + var(--composition-phone-width)*1.32);
 height:auto;
 z-index:5;
}
@media(max-width:700px){
 .ecosystem-art{
  --composition-art-width:94vw;
  --composition-phone-width:calc(var(--composition-art-width)*.29);
  --composition-phone-top:175px;
  --composition-phone-left:1%;
 }
}
/* Product artwork mirrors the real organizer workspace: navy navigation, light content, lime accents. */
.admin-illustration{display:block;width:100%;height:auto;font-family:Inter,Arial,sans-serif}
.admin-illustration--mobile{display:none}
@media(max-width:700px){.admin-illustration--desktop{display:none}.admin-illustration--mobile{display:block}}
/* Accessible non-WebGL/reduced-motion phone artwork uses the same consumer-app palette. */
.static-phone,.composition-phone-fallback{background:radial-gradient(circle at 100% 0,rgba(148,194,73,.3),transparent 60%),#0B2240!important;color:#F4F7FB!important}
.static-phone .phone-eyebrow{color:#C5DD8E;font-weight:600;font-size:12px;margin-bottom:9px}
.static-phone .phone-event{font-family:'Instrument Serif',Georgia,serif;font-size:30px;line-height:1.05;font-style:italic;color:white;margin:0 0 18px}
.static-phone__qr{border:15px solid #1F4773;border-radius:18px}
.static-phone figcaption{color:#C9D6E4}
.composition-phone-fallback .phone-event{font-family:'Instrument Serif',Georgia,serif;font-size:22px;font-style:italic;line-height:1.05;text-align:center;color:white}
.composition-phone-fallback>img:nth-child(3){width:100%;height:auto;border:8px solid #1F4773;border-radius:12px;background:white}
.composition-phone-fallback small{color:#C9D6E4}
@media(max-width:700px){.composition-phone-fallback .phone-event{font-size:12px}.composition-phone-fallback>img:nth-child(3){border-width:4px}}
/* Exact supplied color artwork, backed by cream only where the app surface is dark. */
.static-phone__brand,.composition-phone-fallback>img:first-child{object-fit:contain}
/* The original logo remains an exact raster asset, attached to the photographed badge plane. */
.fabric-product{display:grid;place-items:center}
.branded-wristband{position:relative;width:100%;aspect-ratio:1774/887}
.branded-wristband__photo{display:block;width:100%;height:auto}
.branded-wristband__logo{position:absolute;left:22.72%;top:56.14%;width:24.3%;height:auto;max-width:none;transform-origin:top left;transform:rotate(10deg) skewX(3deg) scaleY(1.1);object-fit:contain;pointer-events:none}
/* The original three-line promise fits beside the product at each breakpoint. */
.product-site .hero h1{font-size:clamp(44px,5.1vw,84px);line-height:1.03;letter-spacing:-.065em;white-space:nowrap}
@media(max-width:700px){.product-site .hero h1{font-size:clamp(36px,9.8vw,66px);line-height:1.06}}
/* Parallel audience benefits share a consistent editorial reading rhythm. */
.editorial-benefits{padding:100px 6vw 110px;background:#EFF6DD;border-top:8px solid #94C249;position:relative;z-index:1}.benefits-intro,.benefits-audience{max-width:1180px;margin:auto}.benefits-intro{margin-bottom:45px}.benefits-audience{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:6%;align-items:start}.editorial-benefits h2{font:800 clamp(44px,4.3vw,68px)/1.08 Poppins,Arial,sans-serif;letter-spacing:-.055em;margin:0;max-width:none;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}.benefits-lines{list-style:none;padding:0;margin:0;border-top:1px solid #14355855;min-width:0}.benefits-lines li{padding:28px 0;border-bottom:1px solid #14355835}.benefits-lines h3{font:600 clamp(23px,2.4vw,34px)/1.2 Poppins,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 13px}.benefits-lines p{font-size:17px;line-height:1.65;max-width:540px;margin:0}.benefits-audience--attendees{margin-top:85px}
@media(max-width:900px){.editorial-benefits{padding:70px 6vw 80px}.benefits-intro{margin-bottom:30px}.benefits-audience{display:block}.editorial-benefits h2{font-size:clamp(36px,6.5vw,58px);margin-bottom:35px}.benefits-lines li{padding:25px 0}.benefits-audience--attendees{margin-top:65px}.benefits-lines p{font-size:16px}}
/* Mobile tells the same product story in its own natural document flow. */
@media(max-width:700px){
 .product-site .product-journey>.stage{display:none}
 .product-site .phone-canvas,.product-site .dashboard-transfer{display:none!important}
 .product-site .hero{display:flex;flex-direction:column;min-height:100svh;padding:130px 6vw 45px;gap:24px}
 .product-site .hero-copy{width:100%;max-width:100%}
 .product-site .hero>.fabric-product{position:relative;inset:auto;display:grid;width:110%;height:auto;aspect-ratio:1774/887;align-self:center;transform:none;opacity:1;will-change:auto;margin:0 -5%}
 .product-site .hero-foot{position:relative;inset:auto;display:flex;gap:20px;width:100%;margin-top:15px}
 .product-site .admission{display:flex;flex-direction:column;min-height:0;padding:65px 7vw 70px;gap:35px;background:#C5DD8E}
 .product-site .admission .chapter-copy{width:100%;margin:0}
 .product-site .admission .static-phone{display:flex;position:relative;inset:auto;transform:none;width:min(280px,85%);margin:0 auto;padding:45px 18px 25px;flex-direction:column;align-items:center;border:8px solid #0B2240;border-radius:36px;box-shadow:8px 12px 0 #14355818}
 .product-site .static-phone__brand{width:135px;height:auto;margin-bottom:25px}
 .product-site .static-phone>p{font-size:12px;text-align:center;margin:0 0 18px}
 .product-site .static-phone .phone-event{font-size:29px;margin-bottom:16px}
 .product-site .static-phone figcaption{font-size:11px;text-align:center;margin-top:20px}
 .product-site .static-phone figcaption small{display:block;font-size:9px;margin-top:7px}
 .product-site .composition-phone-fallback{visibility:visible!important}
 .product-site .system-section{padding-top:65px}
}