.gp{background:var(--paper-2);border-radius:32px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:28px;padding:28px;display:grid;box-shadow:inset 0 1px #fff,0 30px 60px -40px #0000004d}.gp-main{align-content:space-between;gap:26px;padding:6px 4px 4px;display:grid}.gp-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.gp-hint{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;display:inline-flex}.gp-hint i{background:var(--b);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--b), transparent 40%);border-radius:9px;animation:1.8s ease-out infinite gp-beacon}.gp-hint.is-done i{background:var(--green);animation:none}@keyframes gp-beacon{to{box-shadow:0 0 0 10px #0000}}.gp-shuffle{height:36px;box-shadow:inset 0 0 0 1px var(--line), 0 6px 16px -10px #0000004d;font:600 13px var(--body);transition:transform .6s var(--spring);background:#fff;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 11px;display:inline-flex}.gp-shuffle svg{width:15px;height:15px;transition:transform .7s var(--spring)}.gp-shuffle:hover{transform:translateY(-1px)scale(1.04)}.gp-shuffle:hover svg{transform:rotate(180deg)}.gp-shuffle:active{transform:scale(.94)}.gp-sentence{font-family:var(--display);font-weight:var(--display-weight);letter-spacing:var(--display-track);font-size:clamp(32px,3.8vw,56px);line-height:1.3}.gp-choice{vertical-align:baseline;display:inline-block;position:relative}.gp-choice__btn{font:inherit;letter-spacing:inherit;color:inherit;transition:transform .6s var(--spring), box-shadow .3s;border:0;border-radius:.42em;align-items:center;gap:.14em;padding:.02em .26em .06em .32em;line-height:1.12;display:inline-flex}.gp-choice__btn:hover{transform:translateY(-2px)rotate(-1.5deg)}.gp-choice__btn:active{transform:scale(.93)}.gp-choice__btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.gp-choice__chev{opacity:.55;width:.46em;height:.46em;transition:transform .5s var(--spring)}.gp-choice.is-open .gp-choice__chev{transform:rotate(180deg)}.gp-choice--yellow .gp-choice__btn{background:var(--yellow)}.gp-choice--green .gp-choice__btn{background:var(--green);color:#0e3d22}.gp-choice--lilac .gp-choice__btn{background:var(--lilac);color:#261d8a}.gp.is-demo .gp-choice--lilac .gp-choice__btn{animation:3.2s ease-out infinite gp-ring}@keyframes gp-ring{0%{box-shadow:0 0 #4b3fd159}40%,to{box-shadow:0 0 0 14px #4b3fd100}}.gp-pop{z-index:30;overscroll-behavior:contain;width:240px;max-width:calc(100vw - 24px);font:600 16px/1.2 var(--body);letter-spacing:-.01em;color:var(--ink);transform-origin:0 0;opacity:0;pointer-events:none;visibility:hidden;transition:transform .55s var(--spring), opacity .2s, visibility 0s .55s;background:#fff;border-radius:22px;outline:none;gap:2px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);left:0;overflow-y:auto;transform:scale(.6)translateY(-10px);box-shadow:0 30px 60px -20px #00000059,0 0 0 1px #0000000a}.gp-choice.is-open .gp-pop{opacity:1;pointer-events:auto;visibility:visible;transition:transform .55s var(--spring), opacity .2s;transform:none}.gp-pop--above{transform-origin:0 100%;top:auto;bottom:calc(100% + 10px)}.gp-pop__label{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 10px 8px}.gp-pop__opt{cursor:pointer;white-space:nowrap;opacity:0;transition:background .15s, opacity .3s, transform .5s var(--spring);transition-delay:0s, calc(var(--i) * 35ms), calc(var(--i) * 35ms);border-radius:12px;justify-content:space-between;gap:12px;padding:11px 12px;display:flex;transform:translateY(6px)}.gp-choice.is-open .gp-pop__opt{opacity:1;transform:none}.gp-pop__opt.is-active{background:var(--paper-2)}.gp-pop__opt[aria-selected=true]{color:var(--blue)}.gp-morph{vertical-align:bottom;white-space:nowrap;margin:-.16em -.12em;padding-block:.16em;transition:width .38s cubic-bezier(.22,1,.36,1);display:inline-grid;overflow:hidden}.gp-morph>span{grid-area:1/1;justify-self:start;padding-inline:.12em}.gp-morph{flex-shrink:0}.gp-morph__in{animation:gp-in .65s var(--spring) .15s both}.gp-morph__out{animation:.4s both gp-out}@keyframes gp-in{0%{opacity:0;filter:blur(6px);transform:translateY(75%)}}@keyframes gp-out{to{opacity:0;filter:blur(6px);transform:translateY(-75%)}}.gp-facts{gap:14px;display:grid}.gp-week{color:var(--muted);font-size:17px}.gp-week b{color:var(--ink);font-weight:700}.gp-path{isolation:isolate;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.gp-path:before{content:"";z-index:-1;border-top:1.5px dashed #0000002e;position:absolute;top:50%;left:20px;right:20px}.gp-path__step{box-shadow:inset 0 0 0 1px var(--line);animation:2.7s ease-in-out infinite gp-glow;animation-delay:calc(var(--i) * .9s);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 7px;font-size:14px;font-weight:600;display:inline-flex}.gp-path__step b{background:var(--paper-2);width:24px;height:24px;font:500 10px var(--f-mono);color:var(--muted);border-radius:99px;place-items:center;display:grid}@keyframes gp-glow{0%,30%,to{box-shadow:inset 0 0 0 1px var(--line)}12%{box-shadow:inset 0 0 0 2px var(--b), 0 6px 18px -8px var(--b)}}.gp-path__dot{z-index:-1;background:var(--b);border-radius:9px;width:9px;height:9px;margin-top:-4.5px;animation:2.7s cubic-bezier(.5,0,.3,1) infinite gp-travel;position:absolute;top:50%;left:20px}@keyframes gp-travel{0%{opacity:0;left:20px}8%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 28px)}}.gp-track{color:var(--muted);font-size:15px}.gp-track__metric{color:var(--ink);background:linear-gradient(transparent 62%, var(--green-soft) 62%);font-weight:600}.gp-plan{background:#fff;border-radius:24px;align-content:start;gap:16px;padding:20px;display:grid;box-shadow:0 1px #00000005}.gp-plan__head{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;display:flex}.gp-plan__tag{background:var(--paper-2);max-width:60%;color:var(--ink);text-transform:none;letter-spacing:0;font:500 11.5px var(--body);border-radius:999px;padding:5px 10px;overflow:hidden}.gp-concepts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.gp-concept{animation:gp-flip .85s var(--spring) both;animation-delay:calc(var(--i) * 90ms);align-content:start;gap:9px;display:grid}@keyframes gp-flip{0%{opacity:0;transform:perspective(700px)rotateY(-55deg)translateY(18px)scale(.9)}}.gp-thumb{aspect-ratio:9/14;color:#fff;isolation:isolate;background:linear-gradient(165deg, var(--a), var(--b) 62%, var(--c));box-shadow:0 16px 30px -18px color-mix(in srgb, var(--c), transparent 20%);transition:transform .6s var(--spring);border-radius:14px;position:relative;overflow:hidden}.gp-concept:hover .gp-thumb{transform:translateY(-4px)rotate(-1.5deg)}.gp-thumb .scene{z-index:-1}.gp-thumb:after{content:"";z-index:-1;background:linear-gradient(#0000,#00000080);position:absolute;inset:40% 0 0}.gp-thumb__hook{font:600 12px/1.2 var(--body);letter-spacing:-.01em;text-shadow:0 1px 8px #00000059;position:absolute;bottom:38px;left:9px;right:9px}.gp-thumb__cta{color:#111;height:24px;font:600 10.5px var(--body);background:#fffffff0;border-radius:8px;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.gp-thumb.pulse-a{animation:gp-bump-a .6s var(--spring)}.gp-thumb.pulse-b{animation:gp-bump-b .6s var(--spring)}@keyframes gp-bump-a{40%{transform:scale(.95)}}@keyframes gp-bump-b{40%{transform:scale(.95)}}.gp-concept__text{gap:3px;display:grid}.gp-concept__text b{letter-spacing:-.01em;font-size:13.5px;line-height:1.25}.gp-concept__text span{font:500 10.5px var(--f-mono);color:var(--muted)}.gp-cta{background:var(--ink);color:#fff;height:52px;font:600 15px var(--body);letter-spacing:-.01em;transition:transform .6s var(--spring);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;display:flex}.gp-cta:hover{transform:translateY(-2px)scale(1.02)}.gp-cta:active{transform:scale(.96)}.gp-fine{color:var(--muted);text-align:center;font-size:12px;line-height:1.45}@media (max-width:960px){.gp{border-radius:26px;grid-template-columns:1fr;gap:20px;padding:18px}.gp-sentence{font-size:clamp(24px,7.4vw,40px)}.gp-path{gap:6px}.gp-path:before{left:12px;right:12px}.gp-path__dot{display:none}.gp-path__step{padding:7px 11px;font-size:12.5px}.gp-path__step b{display:none}.gp-plan{padding:14px}.gp-plan__tag{display:none}.gp-concepts{gap:8px}.gp-concept__text b{font-size:12.5px}.gp-thumb__cta{font-size:10px;left:6px;right:6px}.gp-thumb__hook{font-size:11px;bottom:34px}.gp-pop{width:210px}}@media (max-width:400px){.gp-thumb__cta>span[aria-hidden]{display:none}}@media (prefers-reduced-motion:reduce){.gp *,.gp :before,.gp :after{transition-duration:0s!important;animation:none!important}}.gp--service .gp-main{align-content:start;gap:30px;min-width:0}.gp--service .gp-plan{gap:22px;min-width:0}.gp--service .gp-plan__tag{max-width:none;overflow:visible}.gp--service .gp-pop{width:260px}.gp--service .gp-pop__opt{white-space:normal;transition-delay:0s}.gp-goal-note{color:var(--muted);max-width:46ch;font-size:13px;line-height:1.5}.gp-goal-note b{color:var(--ink)}.gp-service-steps{gap:20px;margin:0;padding:0;list-style:none;display:grid}.gp-service-step{grid-template-columns:38px minmax(0,1fr);gap:12px;display:grid}.gp-service-number{background:var(--a);width:36px;height:36px;color:var(--c);font:600 12px var(--f-mono);border-radius:12px;place-items:center;display:grid}.gp-service-label{font:500 10px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.AB .gp-service-step h3{letter-spacing:-.025em;margin:5px 0 7px;font-size:22px;line-height:1.1}.gp-service-step p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.gp--service .gp-cta{text-align:center;height:auto;min-height:52px;padding:14px 16px;text-decoration:none}.gp--service .gp-sentence{letter-spacing:-.035em}@media (max-width:960px){.gp--service .gp-sentence{letter-spacing:-.025em;font-size:clamp(23px,6.8vw,40px)}.gp--service .gp-path{flex-wrap:wrap;justify-content:flex-start;gap:8px}.gp--service .gp-path:before{display:none}.gp--service .gp-path__step{padding:7px 9px;font-size:12px}.gp--service .gp-top{align-items:flex-start}.gp--service .gp-hint{font-size:10px;line-height:1.5}.gp--service .gp-shuffle{flex:none}.gp--service .gp-plan{padding:18px 14px}}
