:root{color-scheme:dark;--bg:#0b0b0c;--ink:#f5f5f2;--muted:#9b9b99;--line:#d9d9d5;--signal:#f5f5f2;--panel:#151516;--border:#333334;font-family:Inter,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{overflow-x:hidden}.page{min-height:100svh;display:flex;flex-direction:column;padding:max(24px,env(safe-area-inset-top)) clamp(22px,5vw,72px) max(24px,env(safe-area-inset-bottom));isolation:isolate}.masthead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;position:relative;z-index:2}.brand{font-size:clamp(1.65rem,4.8vw,3.35rem);font-weight:800;letter-spacing:-.075em;line-height:.85}.brand span{font-weight:500}.hebrew{font-family:Assistant,Arial,sans-serif;font-size:clamp(.88rem,2.7vw,1.15rem);font-weight:600;margin:0;color:var(--muted);letter-spacing:.01em}.hero{flex:1;display:grid;grid-template-rows:auto minmax(290px,1fr);padding-top:clamp(74px,14vh,150px);position:relative}.copy{position:relative;z-index:2}.copy h1{font-size:clamp(3.3rem,13.8vw,6rem);font-weight:700;line-height:.82;letter-spacing:-.075em;margin:0;max-width:8ch}.copy h1 span{display:block;white-space:nowrap}.access-button{margin-top:clamp(36px,7vh,64px);min-width:188px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font:700 1rem Assistant,Arial,sans-serif;padding:17px 20px 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:28px;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.access-button:hover{transform:translateY(-2px)}.access-button:active{transform:scale(.98)}.access-button:focus-visible,.close:focus-visible,.channel:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.access-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.market-graph{position:absolute;z-index:-1;right:clamp(-220px,-18vw,-70px);bottom:clamp(-130px,-9vw,-50px);width:min(950px,135vw);height:min(64vh,650px);margin:0;color:var(--signal);opacity:.92}.market-graph svg{width:100%;height:100%;overflow:visible}.graph-line{fill:none;stroke:currentColor;stroke-width:1.2;opacity:.85;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 6s cubic-bezier(.3,0,.2,1) forwards}.reveal{transform-origin:left;animation:reveal 6s cubic-bezier(.3,0,.2,1) forwards}.signal{fill:none;stroke:var(--signal);stroke-width:2;stroke-linecap:round;stroke-dasharray:.025 .975;opacity:0;animation:travel 13s linear 6s infinite}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(5px);z-index:10}.sheet{position:fixed;z-index:11;left:0;right:0;bottom:0;background:var(--panel);border:1px solid var(--border);border-bottom:0;border-radius:24px 24px 0 0;padding:12px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -18px 80px rgba(0,0,0,.45);transform:translateY(110%);transition:transform .28s cubic-bezier(.2,.75,.2,1)}.sheet.open{transform:translateY(0)}.handle{width:40px;height:4px;border-radius:4px;background:var(--border);margin:0 auto 24px}.close{position:absolute;top:20px;left:20px;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--ink);font-size:1.8rem;line-height:1;cursor:pointer}.sheet-copy{font-family:Assistant,Arial,sans-serif}.eyebrow{color:var(--muted);font-size:.86rem;margin:0 0 5px}.sheet h2{font-size:1.55rem;margin:0 0 24px}.channels{display:grid;gap:10px}.channel{width:100%;border:1px solid var(--border);border-radius:15px;background:transparent;color:var(--ink);font:600 1rem Inter,Arial,sans-serif;padding:13px 15px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;text-align:left;gap:12px;cursor:pointer;transition:border-color .18s,background .18s}.channel:hover{border-color:var(--muted);background:rgba(255,255,255,.035)}.channel-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;font-size:.8rem}.chevron{color:var(--muted)}.pending{font-family:Assistant,Arial,sans-serif;color:var(--muted);font-size:.85rem;margin:14px 2px 0;min-height:1.3em}.pending:not(.visible){visibility:hidden}
body[data-variant="bone"]{--bg:#0d0d0c;--ink:#e8e4da;--muted:#96928b;--line:#bcb8af;--signal:#e8e4da;--panel:#181714;--border:#393730}
body[data-variant="teal"]{--bg:#0b0b0c;--ink:#f5f5f2;--muted:#9b9b99;--line:#d9d9d5;--signal:#70c8bf;--panel:#141616;--border:#30403f}.teal .access-button svg{color:#70c8bf}
body[data-variant="light"]{--bg:#f4f3ef;--ink:#111112;--muted:#5f6062;--line:#28292b;--signal:#242628;--panel:#fff;--border:#d5d3cc}
body[data-variant="light"] .page{background:radial-gradient(ellipse 110% 52% at 52% 40%,#fff 0%,#efeee9 48%,#d9d8d2 100%);box-shadow:inset 22px 0 45px -35px #8c8b86,inset -22px 0 45px -35px #8c8b86}
body[data-variant="sand"]{--bg:#d8bd92;--ink:#17130e;--muted:#65543d;--line:#33291d;--signal:#2f261b;--panel:#ead8b9;--border:#9d815d}
body[data-variant="sand"] .page{background:radial-gradient(ellipse 110% 52% at 52% 40%,#ead9bb 0%,#d2b385 46%,#a88252 100%);box-shadow:inset 22px 0 45px -35px #4b3822,inset -22px 0 45px -35px #4b3822}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes travel{0%{stroke-dashoffset:1;opacity:0}10%,80%{opacity:.85}100%{stroke-dashoffset:0;opacity:0}}
@media(min-width:900px){.page{min-height:100vh}.hero{grid-template-columns:minmax(480px,.85fr) 1.15fr;grid-template-rows:1fr;align-items:center;padding-top:0}.copy{padding-top:5vh}.copy h1{font-size:clamp(5.2rem,8.1vw,9.5rem);line-height:.79;max-width:none}.market-graph{right:-8vw;bottom:-13vh;width:67vw;height:85vh}.sheet{left:auto;right:36px;bottom:36px;width:390px;border-radius:24px;border-bottom:1px solid var(--border);padding:12px 24px 24px}}
@media(max-width:420px){.copy h1{font-size:clamp(2.85rem,13.2vw,3.55rem)}.hero{padding-top:clamp(68px,12vh,110px)}.market-graph{height:53vh;bottom:-75px}.access-button{margin-top:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.graph-line{stroke-dashoffset:0}.reveal{transform:scaleX(1)}.signal{display:none}}
@media(max-width:899px){.copy h1{font-size:clamp(2.55rem,10.8vw,4rem)}}
@media(max-width:899px){.page{padding-left:22px;padding-right:22px}.masthead{flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding-top:76px}.brand{font-size:2.7rem;letter-spacing:-.065em}.hebrew{font-size:1.18rem;color:var(--ink)}.hero{display:block;padding-top:0;min-height:650px}.copy{padding-top:365px}.copy h1{font-size:clamp(2.5rem,10.5vw,3.35rem);line-height:.84;max-width:9ch;letter-spacing:-.06em}.access-button{display:flex;width:100%;margin-top:44px;border-radius:16px;padding:17px 20px}.market-graph{left:-22px;right:-22px;top:28px;bottom:auto;width:calc(100% + 44px);height:310px}.graph-line{stroke-width:1.5}}
@media(max-width:899px){body{background:radial-gradient(ellipse 105% 46% at 52% 40%,#272b2d 0%,#151719 38%,#0b0c0d 72%,#070808 100%)}.page{background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 20%,rgba(255,255,255,.025) 40%,transparent 66%,rgba(0,0,0,.3) 100%);box-shadow:inset 22px 0 45px -35px #000,inset -22px 0 45px -35px #000}}
@media(max-width:420px){.masthead{padding-top:100px}.copy{padding-top:199px;padding-left:3px;padding-right:3px}.copy h1{display:flex;flex-direction:column;gap:3px;font-size:2rem;line-height:1.03;letter-spacing:-.04em}.market-graph{top:-70px;height:320px}.access-button{height:50px;margin-top:48px;padding:0;display:grid;place-items:center;font-size:1rem;line-height:1}.access-button span{display:block;line-height:1;transform:translateY(-1px)}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sheet{padding:18px 22px calc(22px + env(safe-area-inset-bottom));background:rgba(14,15,16,.96)}.sheet .handle,.sheet .close{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.sheet .channels{grid-template-columns:1fr;gap:10px;margin:0}.sheet .channel{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:11px;min-height:52px;padding:0 18px;border:1px solid var(--ink);border-radius:16px;background:var(--ink);color:var(--bg);text-align:center;font-size:.96rem}.sheet .channel+ .channel{border-left:1px solid var(--ink)}.sheet .channel:hover{border-color:var(--ink);background:var(--ink);transform:translateY(-1px)}.sheet .channel:active{transform:scale(.985)}.sheet .channel img{width:21px;height:21px}.sheet .pending{text-align:center;margin:8px 0 0}

/* The approved experience is a fixed mobile canvas, even in a wide window. */
html{background:#050506}
/* One mobile layout at every viewport width. Shared by both themes. */
body{width:100%;display:flex;justify-content:center;background:#050506}
.page{width:min(100%,390px);height:100svh;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse 105% 46% at 52% 40%,#272b2d 0%,#151719 38%,#0b0c0d 72%,#070808 100%);box-shadow:inset 22px 0 45px -35px #000,inset -22px 0 45px -35px #000}
.sheet{width:min(100%,390px);left:50%;right:auto;transform:translate(-50%,110%)}
.sheet.open{transform:translate(-50%,0)}
.sheet{background:var(--panel)}
body[data-variant="light"]{color-scheme:light}
body[data-variant="light"] .channel img{filter:brightness(0) invert(1)}
.sheet .channel{height:50px;min-height:50px}
.sheet{padding-left:24px;padding-right:24px}
@media(min-width:421px) and (max-width:899px){.masthead{padding-top:100px}.copy{padding-top:199px;padding-left:3px;padding-right:3px}.copy h1{display:flex;flex-direction:column;gap:3px;font-size:2rem;line-height:1.03;letter-spacing:-.04em}.market-graph{top:-70px;height:320px}.access-button{height:50px;margin-top:48px;padding:0;display:grid;place-items:center;font-size:1rem;line-height:1}.access-button span{display:block;line-height:1;transform:translateY(-1px)}}
@media(min-width:900px){body .page{padding-left:22px;padding-right:22px}body .sheet{bottom:0;border-radius:24px 24px 0 0;border-bottom:0;padding:18px 24px calc(22px + env(safe-area-inset-bottom))}}
@media(min-width:900px){.page{min-height:100svh}.masthead{flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding-top:100px}.brand{font-size:2.7rem;letter-spacing:-.065em}.hebrew{font-size:1.18rem;color:var(--ink)}.hero{display:block;padding-top:0;min-height:650px}.copy{padding-top:199px;padding-left:3px;padding-right:3px}.copy h1{display:flex;flex-direction:column;gap:3px;font-size:2rem;line-height:1.03;max-width:9ch;letter-spacing:-.04em}.market-graph{left:-22px;right:-22px;top:-70px;bottom:auto;width:calc(100% + 44px);height:320px}.graph-line{stroke-width:1.5}.access-button{height:50px;width:100%;margin-top:48px;padding:0;display:grid;place-items:center;border-radius:16px;font-size:1rem;line-height:1}.access-button span{display:block;line-height:1;transform:translateY(-1px)}}