/* Gonzo Tiger: index (home) page styles */
/* --u: one percent of the page width, capped so the layout stops growing at a 1200px column
   --gut: side margin matching the spoke pages */
:root{--u:min(1vw,13.333px);--gut:max(5%, calc((100% - 1200px) / 2));
  /* column sits a little left of center on wide screens: left margin is 82% of the centered margin */
  --gut-l:max(5%, calc((100% - 1200px) / 2 * 0.82));--gut-r:max(5%, calc(100% - 1200px - max(5%, calc((100% - 1200px) / 2 * 0.82))));--gold:#D9A404;--orange:#C65F04;--sand:#C9A97A;--peri:#4C5B8C;--hi:#98A7D7;--rose:#D65A91;--plum:#140A10;}
*{box-sizing:border-box;}
html,body{margin:0;background:var(--plum);}
body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;}
.site-header{padding:clamp(16px,calc(3 * var(--u)),36px) var(--gut-r) 0 var(--gut-l);position:relative;z-index:2;}
.site-header svg,.site-footer svg{display:block;width:100%;height:auto;}
/* Fit to one screen (computer screens): the stage takes whatever height is left after the name,
   ticker, and footer, and the tiger and phone scale to it; short windows keep a 360px minimum and scroll */
.stage{flex:1;position:relative;min-height:360px;}
/* Tiger: locked to the screen's right edge, outside the column */
.tiger{position:absolute;right:0;bottom:calc(24px - var(--ft-h,0px));height:calc((100% + var(--ft-h,0px) + 4 * var(--u)) * 0.84);width:auto;max-width:96vw;pointer-events:none;user-select:none;z-index:0;}
/* Phone: dropped and shifted left by --phone-shift (about the ticker-to-phone gap) */
/* Phone track: runs from the phone's home spot to the bottom of the tiger area.
   The phone rides it as a sticky element: it scrolls normally until its top reaches
   the top of the window, then follows the visitor down, stopping at the bottom of the track. */
.phone-track{--phone-shift:calc(1.3 * var(--u));position:absolute;left:calc(var(--gut-l) + var(--u) - var(--phone-shift));top:calc(var(--u) + var(--phone-shift));bottom:0;width:clamp(280px,calc(30 * var(--u)),540px);z-index:2;pointer-events:none;}
.phone-slot{position:sticky;top:12px;width:100%;pointer-events:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.75)) drop-shadow(0 0 18px rgba(152,167,215,.15));}
.site-footer{padding:clamp(14px,calc(1.6 * var(--u)),24px) var(--gut-r) clamp(12px,calc(1.6 * var(--u)),22px) var(--gut-l);position:relative;z-index:2;}
/* Footer text at the spoke pages' footer size (16 to 19px) instead of stretching to the column */
.site-footer svg.only-wide{max-width:calc(clamp(16px,1.2vw,19px) * 42.55);margin:0 auto;}
.ft7 a tspan{fill:var(--orange);text-decoration:underline;}
.ft7 a:hover tspan,.ft7 a:focus-visible tspan{fill:var(--gold);}
.ft7 a.ft-map tspan{fill:#D65A91;}
.ft7 a.ft-map:hover tspan,.ft7 a.ft-map:focus-visible tspan{fill:#98A7D7;}
/* Intuit trademark notice: required by the ProAdvisor brand use guide; 8px light blue Share Tech Mono */
.ft-notice{margin:6px auto 0;text-align:center;color:var(--hi);font-family:'Share Tech Mono',monospace;font-weight:400;font-size:8px;line-height:1.4;}
.gt-name{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Nunito',sans-serif;font-weight:900;color:#D9A404;font-size:8.8vw;line-height:1.08;white-space:nowrap;padding:.16em 0 .08em;}
.gt-letters{display:inline-block;}
.gl{display:inline-block;transform-origin:50% 100%;animation:gtCrack 30s linear calc(3s + var(--d,0s)) infinite both;}
.gl-sp{width:.26em;animation:none;}
/* Name intro: big "Gonzo Tiger" clicks down in two steps, ", LLC" snaps in from the right,
   then the first crack 3 seconds after it lands. Steps are driven by js/index.js. */
.gt-main,.gt-llc{display:inline-block;transform-origin:50% 50%;}
.gt-intro .gt-name{visibility:hidden;}
.gt-intro .gt-name.ready{visibility:visible;}
.gt-main.step{transition:transform .1s cubic-bezier(.3,1.7,.55,1);}
/* Keystone Cops run-in: choppy hand-cranked motion; the comma lands first and the
   L, L, C pile in behind it, bumping, tilting, and popping back into line */
.cop{display:inline-block;}
.gt-llc.cops{animation:gtCopIn .52s steps(7,end) both;}
@keyframes gtCopIn{from{transform:translateX(var(--off,100vw));}to{transform:none;}}
.gt-llc.cops .cop{animation:gtCop .8s both;}
@keyframes gtCop{
0%{translate:var(--lag) 0;rotate:0deg;animation-timing-function:steps(2,end);}
18%{translate:calc(var(--lag) * .85) calc(-.14em * var(--j));rotate:calc(-9deg * var(--j));animation-timing-function:steps(2,end);}
34%{translate:calc(var(--lag) * .65) calc(.05em * var(--j));rotate:calc(7deg * var(--j));animation-timing-function:steps(2,end);}
50%{translate:calc(var(--lag) * .4) calc(-.11em * var(--j));rotate:calc(-6deg * var(--j));animation-timing-function:steps(2,end);}
66%{translate:calc(var(--lag) * .15) 0;rotate:calc(4deg * var(--j));animation-timing-function:steps(1,end);}
76%{translate:-.09em calc(-.04em * var(--j));rotate:calc(-5deg * var(--j));animation-timing-function:steps(1,end);}
86%{translate:.04em 0;rotate:calc(3deg * var(--j));animation-timing-function:steps(1,end);}
93%{translate:-.015em 0;rotate:0deg;animation-timing-function:steps(1,end);}
100%{translate:0 0;rotate:0deg;}
}
.gt-intro .gl,.gt-intro .tiger{animation:none;}
.gt-intro.gt-run .gl{animation:gtCrack 30s linear calc(10.3s + var(--d,0s)) infinite both;}
.gt-intro.gt-run .gl.gl-sp{animation:none;}
.gt-intro.gt-run .tiger{animation:tigerGlow 30s linear 11.21s infinite both;}
@keyframes gtCrack{
0%{transform:none;animation-timing-function:cubic-bezier(.15,.9,.3,1);}
1.25%{transform:translateY(calc(var(--h) * -1)) rotate(var(--r));animation-timing-function:cubic-bezier(.55,0,.85,.35);}
2.6%{transform:translateY(0) rotate(0deg);animation-timing-function:cubic-bezier(.2,.8,.4,1);}
3.5%{transform:translateY(calc(var(--h) * -.3)) rotate(calc(var(--r) * -.35));animation-timing-function:cubic-bezier(.55,0,.85,.35);}
4.4%{transform:translateY(0) rotate(0deg);animation-timing-function:cubic-bezier(.2,.8,.4,1);}
5.3%{transform:translateY(calc(var(--h) * -.09)) rotate(calc(var(--r) * .1));animation-timing-function:cubic-bezier(.55,0,.85,.35);}
6.2%{transform:none;}
100%{transform:none;}
}
@media (prefers-reduced-motion:reduce){.gl{animation:none;}}
.tiger{animation:tigerGlow 30s linear 3.91s infinite both;}
@keyframes tigerGlow{
0%{filter:brightness(1) drop-shadow(0 0 0 rgba(217,164,4,0)) drop-shadow(0 0 0 rgba(217,164,4,0));animation-timing-function:cubic-bezier(.2,.8,.3,1);}
1.3%{filter:brightness(1.22) drop-shadow(0 0 14px rgba(217,164,4,.85)) drop-shadow(0 0 42px rgba(217,164,4,.5));}
2.3%{filter:brightness(1.18) drop-shadow(0 0 12px rgba(217,164,4,.75)) drop-shadow(0 0 36px rgba(217,164,4,.42));animation-timing-function:ease-in-out;}
5.6%{filter:brightness(1) drop-shadow(0 0 0 rgba(217,164,4,0)) drop-shadow(0 0 0 rgba(217,164,4,0));}
100%{filter:brightness(1) drop-shadow(0 0 0 rgba(217,164,4,0)) drop-shadow(0 0 0 rgba(217,164,4,0));}
}
@media (prefers-reduced-motion:reduce){.tiger{animation:none;}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.ticker{position:relative;margin:clamp(6px,calc(1 * var(--u)),14px) 0 0;overflow:hidden;cursor:pointer;outline:none;font-family:'Nunito',sans-serif;font-weight:400;color:#C65F04;font-size:clamp(15px,calc(1.75 * var(--u)),26px);line-height:1.5;white-space:nowrap;}
/* Home ticker breaks out of the column: runs nearly the full screen width, 3% from each edge (computer screens) */
@media (min-width:701px){
  .site-header .ticker{--gl:max(5vw, calc((100vw - 1200px) / 2 * 0.82));margin-left:calc(3vw - var(--gl));margin-right:calc(3vw - max(5vw, calc(100vw - 1200px - var(--gl))));}
}
.ticker:focus-visible{box-shadow:0 0 0 2px #98A7D7;border-radius:3px;}
.tk-strip{display:inline-flex;align-items:baseline;will-change:transform;}
.tk-strip.sliding{transition:transform .45s ease;}
.tk-sep{margin:0 .75em;opacity:.85;}
.only-narrow{display:none!important;}
@media (max-width:700px){
  .only-wide{display:none!important;}
  .only-narrow{display:block!important;}
  .ft-notice{padding:0 5%;}
  .site-footer{padding:clamp(18px,calc(2.7 * var(--u)),40px) 0 clamp(14px,calc(2.5 * var(--u)),28px);}
  .stage{min-height:128vw;}
  .phone-track{left:50%;top:6vw;transform:translateX(-50%);width:min(380px,84vw);}
  .tiger{top:calc(6vw + min(380px,84vw)*0.96 - 12vw);bottom:auto;transform:none;height:auto;width:104vw;max-width:none;}
  .stage{min-height:calc(min(380px,84vw)*0.96 + 99vw);}
}
/* Phone and EXPLORE menu */
.gt-phone{position:relative;width:100%;aspect-ratio:300/340;font-family:'Share Tech Mono',monospace;}
.gt-phone > svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.gt-toggle{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;}
.gt-btn{position:absolute;left:50%;top:68.82%;transform:translate(-50%,-50%);width:40%;height:15%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:14px;background:linear-gradient(180deg,#B5C0E3 0%,#98A7D7 45%,#8796C8 100%);border:none;color:#140A10;font-weight:bold;font-size:clamp(14px,5vw,19px);letter-spacing:3px;cursor:pointer;user-select:none;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(20,10,16,.18),0 6px 0 #4C5B8C,0 9px 14px rgba(0,0,0,.7),0 0 18px rgba(152,167,215,.55);text-shadow:0 1px 0 rgba(255,255,255,.35);z-index:2;transition:transform .08s ease,box-shadow .08s ease;}
.gt-btn:hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(20,10,16,.18),0 6px 0 #4C5B8C,0 9px 14px rgba(0,0,0,.7),0 0 28px rgba(152,167,215,.95);}
.gt-btn:active{transform:translate(-50%,calc(-50% + 5px));box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(20,10,16,.2),0 1px 0 #4C5B8C,0 3px 6px rgba(0,0,0,.6),0 0 16px rgba(152,167,215,.5);}
.gt-phone > svg,.gt-btn{transition:opacity .25s ease;}
.gt-phone:has(.gt-toggle:checked) > svg,.gt-phone:has(.gt-toggle:checked) .gt-btn{opacity:0;pointer-events:none;}
.gt-phone{animation:gtDrift 7.2s ease-in-out infinite;}
@keyframes gtDrift{0%,100%{transform:translate(0,0);}24%{transform:translate(3px,-7px);}49%{transform:translate(-2px,-10px);}73%{transform:translate(-4px,-4px);}89%{transform:translate(1.6px,2px);}}
.gt-phone:has(.gt-toggle:checked){animation:none;}
@media (prefers-reduced-motion:reduce){.gt-phone{animation:none;}}
.gt-panel{position:absolute;top:8%;left:50%;width:60%;container-type:inline-size;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(-50%) scale(.9);transform-origin:50% 0;transition:opacity .2s ease,transform .22s ease,visibility 0s .22s;z-index:3;}
.gt-toggle:checked ~ .gt-panel{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);transition:opacity .2s ease,transform .22s ease,visibility 0s;}
.gt-panel ul{list-style:none;margin:0 0 5.45cqw;padding:0;display:flex;flex-direction:column;gap:4.5cqw;}
.gt-panel a{--ln:#8E3560;position:relative;margin:0 5.5cqw;font-family:'Nunito',sans-serif;font-weight:800;font-size:8.6cqw;letter-spacing:.7cqw;text-transform:uppercase;text-decoration:none;background:#D65A91;color:#140A10;padding:4.6cqw 5cqw 4.6cqw 5.5cqw;white-space:nowrap;border-radius:5.45cqw;text-align:left;display:block;min-height:20cqw;box-sizing:border-box;line-height:11cqw;border:2px solid #E784AF;box-shadow:0 0 6px rgba(214,90,145,.45);transition:transform .15s ease,box-shadow .15s ease;}
.gt-close{--ln:#4C5B8C;position:relative;margin:0 5.5cqw;background:#98A7D7;color:#140A10;padding:3cqw;border-radius:5.45cqw;display:flex;align-items:center;justify-content:center;min-height:22cqw;box-sizing:border-box;cursor:pointer;border:2px solid #B5C0E3;box-shadow:0 0 6px rgba(152,167,215,.45);transition:transform .15s ease,box-shadow .15s ease;}
/* A2 wire block behind each menu button, set up and to the left */
.gt-panel a::before,.gt-close::before{content:"";position:absolute;left:-1.8cqw;top:-1.8cqw;right:1.8cqw;bottom:1.8cqw;margin:-2px;background:#140A10;border:1.5px solid var(--ln);border-radius:inherit;z-index:-1;pointer-events:none;}
.gt-panel a:hover{box-shadow:0 0 12px rgba(214,90,145,.95);}
.gt-close:hover{box-shadow:0 0 12px rgba(152,167,215,.95);}
.gt-panel a:active,.gt-close:active{transform:translate(-.9cqw,-.9cqw);}
/* Heavy back arrow with shimmy glow */
.gt-arw{display:block;height:11cqw;width:auto;overflow:visible;animation:gtArwShimmy 4s ease-in-out infinite;}
.gt-arw path{fill:#140A10;}
.gt-close:hover .gt-arw{animation:none;transform:translateX(-2.5cqw);filter:drop-shadow(0 0 1.5cqw rgba(255,255,255,.95));transition:transform .2s ease,filter .2s ease;}
@keyframes gtArwShimmy{0%,72%,100%{transform:translateX(0);filter:drop-shadow(0 0 0 rgba(255,255,255,0));}78%{transform:translateX(-2.6cqw);filter:drop-shadow(0 0 1.5cqw rgba(255,255,255,.95));}84%{transform:translateX(0);filter:drop-shadow(0 0 1cqw rgba(255,255,255,.6));}89%{transform:translateX(-1.3cqw);filter:drop-shadow(0 0 1.2cqw rgba(255,255,255,.8));}95%{transform:translateX(0);filter:drop-shadow(0 0 0 rgba(255,255,255,0));}}
@media (prefers-reduced-motion:reduce){.gt-arw{animation:none;}.gt-panel a,.gt-close{transition:none;}}
.gt-panel a:focus-visible,.gt-close:focus-visible{outline:2px solid #98A7D7;outline-offset:2px;}
.gt-toggle:focus-visible ~ .gt-btn{outline:2px solid #98A7D7;outline-offset:4px;}
@media (prefers-reduced-motion:reduce){.gt-panel,.gt-toggle:checked ~ .gt-panel{transition:none;}}
