/* Shared — Applications + $FREEQ inner pages (Figma 543:979, 543:1109) */
.in-pg .eyebrow{font-size:14px;letter-spacing:.08em;margin:0}
.in-pg h2.disp{margin:14px 0 0;font-size:clamp(32px,3.47vw,50px);line-height:1;letter-spacing:.018em;max-width:900px}
.btn-l,.btn-o,.btn-d{display:inline-flex;align-items:center;gap:14px;padding:7px 7px 7px 22px;border-radius:99px;font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s}
.btn-l span,.btn-o span,.btn-d span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:15px;transition:transform .3s}
.btn-l{background:var(--lime);color:#05040c}.btn-l span{background:#05040c;color:var(--lime)}.btn-l:hover{background:#fff}
.btn-o{color:var(--lime);box-shadow:inset 0 0 0 1.5px var(--lime)}.btn-o span{background:var(--lime);color:#05040c}.btn-o:hover{background:rgba(209,255,162,.1)}
.btn-d{background:#05040c;color:#fff}.btn-d span{background:var(--lime);color:#05040c}.btn-d:hover{background:#222}
.btn-l:hover span,.btn-o:hover span,.btn-d:hover span{transform:translateX(2px)}
.ip-pill{display:inline-block;padding:5px 12px;border-radius:99px;border:1px solid rgba(209,255,162,.5);background:rgba(209,255,162,.08);color:var(--lime);font-family:var(--font-ui);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.ip-pill--d{border-style:dashed;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.05);color:rgba(255,255,255,.8)}
.rings{position:absolute;border-radius:50%;pointer-events:none}

/* hero */
.ip-hero{min-height:780px;display:flex;align-items:center;padding:120px 0 60px;overflow:clip}
.ip-hero-g{display:grid;grid-template-columns:minmax(0,600px) 1fr;gap:40px;align-items:center}
.ip-hero h1{margin:0;font-size:clamp(44px,4.44vw,64px);line-height:.96;letter-spacing:.02em}
.ip-hero .lede{margin-top:28px;max-width:600px}
.ip-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.ip-orb,.tk-coins{position:relative;aspect-ratio:1;width:min(560px,100%);justify-self:center}
.ip-orb .rings,.tk-coins .rings{inset:-30%}
.ip-orb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;animation:ipSpin 60s linear infinite}
@keyframes ipSpin{to{transform:rotate(360deg)}}

/* app rows */
.ip-app{padding:100px 0}
.ip-app-g{display:grid;grid-template-columns:minmax(0,480px) minmax(0,600px);justify-content:space-between;align-items:center;gap:48px}
.ip-flip{grid-template-columns:minmax(0,600px) minmax(0,500px)}
.ip-app-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.ip-logo{height:64px;width:auto}.ip-logo--hf{height:44px}
.ip-app .lede{max-width:480px}
.ip-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}
.ip-stats div{padding:24px;border-radius:14px;background:#0d0c13;border:1px solid var(--line)}
.ip-stats b{display:block;font-family:var(--font-display);font-size:clamp(34px,3vw,44px);line-height:1;color:var(--lime)}
.ip-stats span{display:block;margin-top:14px;font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.ip-vis .fa-col{height:366px;border-radius:20px}
.ip-cw{padding:26px 30px;border-radius:16px;background:var(--lime);color:#05040c}
.ip-cw small{font-family:var(--font-ui);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.ip-cw h3{margin:10px 0 12px;font-size:24px;line-height:1}
.ip-cw p{margin:0;font-size:15px;line-height:1.5}

/* future */
.ip-future{padding:110px 0 40px}
.ip-future .lede{margin-top:28px;max-width:640px}
.ip-uam{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:40px;padding:56px 64px;border-radius:24px;background:#8b00c2;min-height:421px}
.ip-uam h3{margin:22px 0 0;font-size:clamp(30px,3.06vw,44px);line-height:1}
.ip-uam p{margin:22px 0 0;max-width:500px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.88)}
.ip-uam .art img{width:100%;max-width:440px;display:block;margin:0 auto}

/* token */
.tk-coins .floater{position:absolute}
.tk-coins img{width:100%;display:block}
.tk-coins .c1{left:0;top:18%;width:48%}.tk-coins .c2{right:0;top:0;width:44%}.tk-coins .c3{left:34%;top:46%;width:46%}
.tk-hero{min-height:672px}
.tk-sec{padding:90px 0}
.tk-table{margin-top:48px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#0d0c13}
.tk-table .tr{display:grid;grid-template-columns:1fr 1fr 1fr}
.tk-table .tr>span{padding:14px 32px;font-size:15px;border-top:1px solid var(--line)}
.tk-table .tr>span+span{border-left:1px solid var(--line)}
.tk-table .tr>span[role=rowheader]{font-family:var(--font-ui);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);display:flex;align-items:center}
.tk-table .th>span{border-top:0;padding:18px 32px;font-family:var(--font-display);font-weight:700;font-size:22px;text-transform:uppercase}
.tk-table .hl{background:#16161d}
.tk-table .th .hl{background:var(--lime);color:#05040c;display:flex;align-items:center;gap:12px}
.tk-table .th .hl img{width:34px;height:34px}
.tk-note{margin:24px 0 0;max-width:820px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.5)}
.tk-role{text-align:center}
.tk-role h2.disp{margin:20px auto 0}
.tk-tl{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:80px auto 0;max-width:1080px;text-align:left}
.tk-tl .ln{position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--lime) 0,var(--lime) 30%,transparent 30%),repeating-linear-gradient(90deg,rgba(209,255,162,.45) 0 6px,transparent 6px 12px)}
.tk-tl .st{position:relative;padding-top:42px}
.tk-tl .dot{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(209,255,162,.15)}
.tk-tl .st--f .dot{background:#05040c;border:1.5px dashed var(--lime);box-shadow:none}
.tk-tl small{font-family:var(--font-ui);font-weight:700;font-size:11px;letter-spacing:.08em;color:var(--lime);text-transform:uppercase}
.tk-tl h3{margin:8px 0 6px;font-size:22px}
.tk-tl p{margin:0;font-size:14px;color:rgba(255,255,255,.6)}
.tk-tl .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tk-tl .tags span{padding:5px 12px;border-radius:99px;border:1px dashed rgba(255,255,255,.35);font-family:var(--font-ui);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.tk-c{margin:56px auto 0;max-width:740px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.7)}
.tk-facts{margin-top:40px;border-radius:16px;border:1px solid var(--line);background:#0d0c13;overflow:hidden}
.tf-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:24px 32px;border-top:1px solid var(--line)}
.tf-row:first-child{border-top:0}
.tf-row .k{font-family:var(--font-ui);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.tf-row .v{font-size:15px;color:rgba(255,255,255,.45)}.tf-row .v b{color:#fff;font-family:var(--font-ui);font-size:20px}
.tf-badge{padding:5px 12px;border-radius:99px;border:1px dashed rgba(255,255,255,.3);font-family:var(--font-ui);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.tf-badge.ok{border:1px solid var(--lime);color:var(--lime);background:rgba(209,255,162,.08)}
.tk-close{padding:40px 0 20px}
.tk-panel{padding:72px 40px;border-radius:24px;background:var(--lime);color:#05040c;text-align:center;display:flex;flex-direction:column;align-items:center;gap:36px}
.tk-panel h2.disp{margin:0;font-size:clamp(32px,3.89vw,56px);max-width:800px}

@media (max-width:1000px){.ip-hero-g,.ip-app-g,.ip-flip,.ip-uam{grid-template-columns:1fr}.ip-flip .ip-vis{order:2}.ip-orb,.tk-coins{width:min(420px,90%)}}
@media (max-width:640px){.ip-uam{padding:36px 24px}.tk-table .tr{grid-template-columns:1fr 1fr}.tk-table .tr>span:first-child{grid-column:1/-1;border-left:0}.tk-table .th>span:first-child{display:none}.tk-table .tr>span{padding:12px 16px}.tk-tl{grid-template-columns:1fr}.tk-tl .ln{display:none}.tf-row{grid-template-columns:1fr;gap:8px;padding:18px 20px}.ip-vis .fa-col{height:auto}}
.ip-gl{position:absolute;inset:-25%}
.ip-gl canvas{display:block;width:100%;height:100%}
/* $FREEQ hero: coins float straight up/down only (no tilt wobble) */
.tk-coins .floater{animation:tkFloat var(--float-dur,10s) ease-in-out infinite;animation-delay:var(--float-delay,0s);transform:none}
@keyframes tkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.tk-coins .floater{animation:none}}
/* Breathing room: hero fills the screen so the next section stays below the fold */
.tk-hero,.ip-hero{min-height:100vh;min-height:100svh}
.tk-hero+.tk-sec{padding-top:140px}
@media (max-width:1000px){.tk-hero,.ip-hero{min-height:0}.tk-hero+.tk-sec{padding-top:90px}}
/* Hero rings 20% smaller (160% → 128% of the visual) so they sit fully inside the section */
.ip-orb .rings,.tk-coins .rings{inset:-14%}
.ip-hero,.tk-hero{padding-top:110px;padding-bottom:110px}
.ip-orb,.tk-coins{width:min(520px,100%,calc((100vh - 240px)/1.28))}

/* token timeline animation 2026-10-23 */
.tk-tl .ln{background:repeating-linear-gradient(90deg,rgba(209,255,162,.45) 0 6px,transparent 6px 12px);-webkit-mask:linear-gradient(90deg,#000 50%,transparent 50%) 100% 0/200% 100% no-repeat;mask:linear-gradient(90deg,#000 50%,transparent 50%) 100% 0/200% 100% no-repeat;animation:tkDash 1.2s linear infinite paused}
.tk-tl .ln::after{content:"";position:absolute;left:0;top:0;height:100%;width:30%;background:var(--lime);box-shadow:0 0 10px rgba(209,255,162,.6);transform:scaleX(0);transform-origin:left}
.tk-tl .st>*:not(.dot){opacity:0;transform:translateY(12px)}
.tk-tl .dot{transform:scale(0)}
.tk-tl .tags span{opacity:0;transform:scale(.85)}
.tk-tl.in .ln{mask-position:0 0;-webkit-mask-position:0 0;transition:mask-position 1.4s ease .2s,-webkit-mask-position 1.4s ease .2s;animation-play-state:running}
.tk-tl.in .ln::after{transform:scaleX(1);transition:transform 1.1s cubic-bezier(.6,0,.2,1) .5s}
.tk-tl.in .st:first-of-type .dot{animation:tkPop .5s cubic-bezier(.3,1.6,.5,1) .2s forwards,tkGlow 2.4s ease-in-out 1.6s infinite}
.tk-tl.in .st--f .dot{animation:tkPop .5s cubic-bezier(.3,1.6,.5,1) 1.3s forwards,tkSpin 8s linear 1.8s infinite}
.tk-tl.in .st>*:not(.dot){opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
.tk-tl.in .st:first-of-type>small{transition-delay:.4s}.tk-tl.in .st:first-of-type>h3{transition-delay:.5s}.tk-tl.in .st:first-of-type>p{transition-delay:.6s}
.tk-tl.in .st--f>small{transition-delay:1.5s}.tk-tl.in .st--f>h3{transition-delay:1.6s}.tk-tl.in .st--f>.tags{transition-delay:1.7s}
.tk-tl.in .tags span{opacity:1;transform:none;transition:opacity .4s ease,transform .4s cubic-bezier(.3,1.6,.5,1)}
.tk-tl.in .tags span:nth-child(1){transition-delay:1.85s}.tk-tl.in .tags span:nth-child(2){transition-delay:1.95s}.tk-tl.in .tags span:nth-child(3){transition-delay:2.05s}
@keyframes tkPop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes tkGlow{0%,100%{box-shadow:0 0 0 6px rgba(209,255,162,.15)}50%{box-shadow:0 0 0 12px rgba(209,255,162,.05)}}
@keyframes tkSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes tkDash{from{background-position:0 0}to{background-position:12px 0}}
@media (prefers-reduced-motion:reduce){.tk-tl *,.tk-tl .ln,.tk-tl .ln::after{animation:none!important;transition:none!important;opacity:1!important;transform:none!important;-webkit-mask:none!important;mask:none!important}}

/* UAM 3D graphic (storefront) */
.ip-uam .art--uam img{width:100%;max-width:346px;height:auto}