/* Demo-only layout for the GSAP batch (gallery + demo pages). Not part of any effect. */
.fx-id-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fx-id-grid .card{padding:16px}.fx-id-grid .card p{font-size:15px}.fx-id-grid h3{font-size:20px}
.fx-id-grid .card h3{margin-top:14px}
.fx-od-grid{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}
.fx-od-n{font:800 clamp(46px,7vw,76px)/1 var(--hf);font-stretch:78%;letter-spacing:-.02em;color:var(--ink)}
.fx-od-grid p{margin-top:8px;font-size:15.5px}
.fx-sf-big{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.fx-sf-big>b{font:800 clamp(64px,10vw,96px)/.9 var(--hf);font-stretch:78%}
.fx-sf-big p{margin:6px 0 0;font-size:15px}
.fx-sf-reviews{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.fx-sf-reviews blockquote{margin:0}
.fx-sf-reviews blockquote p{color:var(--ink);font-size:16px;margin:10px 0 8px}
.fx-sf-reviews cite{font-style:normal;font-size:14px;color:var(--mute)}
.fx-mp-list{margin:12px 0 0;font-size:15.5px}
.fx-tc-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.card .fx-tc-p{font:800 44px/1 var(--hf);font-stretch:80%;color:var(--ink)!important;margin:10px 0 6px!important}
.fx-tc-hi{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.fx-ss.card{max-width:560px}
/* mini phone for cta-handoff */
.fx-ho-phone{max-width:330px;height:440px;margin:0 auto;border:9px solid #1d2430;border-radius:30px;overflow:hidden;background:var(--bg);box-shadow:0 20px 40px -24px rgba(29,36,48,.5)}
.fx-ho-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.fx-ho-scroll::-webkit-scrollbar{display:none}
.fx-ho-bar,.fx-ho-pagebar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line)}
.fx-ho-logo{font:800 17px/1 var(--hf);font-stretch:75%;white-space:nowrap}
.fx-ho-bar .fx-ho-btn{height:40px;font-size:13.5px;padding-left:14px}.fx-ho-bar .fx-ho-ic{width:40px;height:40px}
html.fx-js .fx-ho-bar .fx-ho-btn:not(.is-big){clip-path:inset(0 0 0 calc(100% - 40px) round 99px)}
.fx-ho-hero{padding:26px 16px 30px;background:var(--dk);color:var(--on-dk)}
.fx-ho-hero .k{color:#f0a072;margin-bottom:10px}
.fx-ho-hero h3{font-size:30px;line-height:1;margin-bottom:18px}
.fx-ho-hero .btn{padding:14px 18px;font-size:15px}
.fx-ho-body{padding:18px 16px 60px;font-size:15px}
.fx-ho-body h4{font:800 20px/1.1 var(--hf);font-stretch:85%;margin:18px 0 4px}.fx-ho-body p{margin:0;color:var(--mute)}
.fx-ho-hint{font-weight:600;color:var(--ak)!important}
.fx-ho-pagebar{padding:8px 16px}
.fx-ho-pagebar .w{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}
.rp{font:600 15px/1 var(--bf);padding:12px 16px;min-height:44px;border-radius:99px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);cursor:pointer;display:inline-flex;gap:8px;align-items:center}