@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&display=swap";:root{--terracotta-light:#d4967e;--ease:cubic-bezier(.22, .61, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1)}.g-onboarding{background:radial-gradient(120% 80% at 50% -10%, #7a8b721a, transparent 60%), var(--parchment);min-height:100vh;color:var(--forest);justify-content:center;align-items:flex-start;padding:48px 24px 80px;font-family:DM Sans,system-ui,sans-serif;line-height:1.55;display:flex}.g-onboarding .meta{letter-spacing:.18em;text-transform:uppercase;color:var(--fern-muted);font-family:JetBrains Mono,monospace;font-size:11px}.g-onboarding .stage{opacity:0;width:100%;max-width:1040px;animation:g-stageIn .9s var(--ease) .1s forwards;transform:translateY(8px)}@keyframes g-stageIn{to{opacity:1;transform:none}}.g-onboarding .topbar{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.g-onboarding .brand{align-items:center;gap:11px;display:flex}.g-onboarding .brand .mark{width:30px;height:30px;display:block}.g-onboarding .brand .name{letter-spacing:.01em;font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:500}.g-onboarding .step-meta{align-items:center;gap:10px;display:flex}.g-onboarding .step-meta .dot{background:var(--stone);border-radius:50%;width:6px;height:6px}.g-onboarding .step-meta .dot.on{background:var(--fern)}.g-onboarding .hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;margin-bottom:64px;display:grid}@media (width<=860px){.g-onboarding .hero{grid-template-columns:1fr;gap:40px}}.g-onboarding .hello{color:var(--fern);margin-bottom:14px;font-family:Fraunces,Georgia,serif;font-size:17px;font-style:italic;font-weight:400}.g-onboarding h1{letter-spacing:-.01em;margin-bottom:22px;font-family:Fraunces,Georgia,serif;font-size:clamp(34px,4.4vw,52px);font-weight:400;line-height:1.08}.g-onboarding h1 em{color:var(--fern);font-style:italic}.g-onboarding .lede{color:#4a5043;max-width:34ch;margin-bottom:30px;font-size:16.5px}.g-onboarding .lede strong{color:var(--forest);font-weight:600}.g-onboarding .cta-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.g-onboarding .btn{cursor:pointer;border-radius:var(--radius-pill);transition:transform .25s var(--ease), background .25s, box-shadow .25s;border:none;padding:14px 26px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600}.g-onboarding .btn-primary{background:var(--forest);color:var(--parchment)}.g-onboarding .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #2c332829}.g-onboarding .btn-ghost{color:var(--forest);border-radius:var(--radius);background:0 0;padding:14px 6px;font-weight:500}.g-onboarding .btn-ghost:hover{color:var(--fern)}.g-onboarding .shelf-wrap{justify-content:center;display:flex;position:relative}.g-onboarding .shelf-svg{width:100%;max-width:380px;height:auto;overflow:visible}.g-onboarding .spine{transform-box:fill-box;transform-origin:bottom;opacity:0;animation:g-spineUp .7s var(--ease) forwards;transform:scaleY(.2)translateY(6px)}@keyframes g-spineUp{to{opacity:1;transform:none}}.g-onboarding .spine:first-child{animation-delay:.45s}.g-onboarding .spine:nth-child(2){animation-delay:.55s}.g-onboarding .spine:nth-child(3){animation-delay:.65s}.g-onboarding .spine:nth-child(4){animation-delay:.75s}.g-onboarding .spine:nth-child(5){animation-delay:.85s}.g-onboarding .spine:nth-child(6){animation-delay:.95s}.g-onboarding .spine-tilt{transform-box:fill-box;transform-origin:100% 100%;animation:g-tiltIn .8s var(--ease) 1.1s forwards}@keyframes g-tiltIn{0%{transform:rotate(0)}to{transform:rotate(-9deg)}}.g-onboarding .shelf-board{opacity:0;animation:g-fadeIn .6s var(--ease) .35s forwards}@keyframes g-fadeIn{to{opacity:1}}.g-onboarding .panel{background:var(--paper);border:1px solid var(--stone);border-radius:var(--radius-card);margin-bottom:40px;padding:40px}@media (width<=640px){.g-onboarding .panel{padding:26px}}.g-onboarding .panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:8px;display:flex}.g-onboarding .panel-head h2{letter-spacing:-.005em;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:500}.g-onboarding .panel-head p{color:#4a5043;max-width:52ch;margin-top:8px;font-size:15px}.g-onboarding .three-five{background:var(--parchment-deep);border:1px solid var(--stone);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:9px;padding:7px 15px 7px 11px;display:inline-flex}.g-onboarding .three-five .n{color:var(--terracotta);font-family:Fraunces,Georgia,serif;font-size:17px;font-weight:500}.g-onboarding .three-five span{color:#4a5043;font-size:13px}.g-onboarding .dropzone{border:1.5px dashed var(--stone);border-radius:var(--radius-card);cursor:pointer;background:linear-gradient(#f4f1ec80,#fafaf680);min-height:260px;margin-top:28px;padding:30px;transition:border-color .3s,background .3s;position:relative;overflow:hidden}.g-onboarding .dropzone:hover{border-color:var(--fern-muted);background:linear-gradient(#ede9e199,#fafaf699)}.g-onboarding .dropzone.dragging{border-color:var(--fern);background:#7a8b7212}.g-onboarding .dropzone.done{cursor:default}.g-onboarding .dz-prompt{text-align:center;transition:opacity .5s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.g-onboarding .dz-prompt.hide{opacity:0;pointer-events:none}.g-onboarding .dz-icon{width:46px;height:46px;color:var(--fern)}.g-onboarding .dz-prompt .big{font-family:Fraunces,Georgia,serif;font-size:19px}.g-onboarding .dz-prompt .small{color:#6a705f;max-width:40ch;font-size:13.5px}.g-onboarding .dz-steps{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.g-onboarding .dz-steps .pill{letter-spacing:.12em;text-transform:uppercase;color:var(--fern);border:1px solid var(--stone);background:var(--paper);border-radius:var(--radius-pill);padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:10.5px}.g-onboarding .tile-grid{z-index:1;grid-template-columns:repeat(5,1fr);gap:12px;display:grid;position:relative}@media (width<=560px){.g-onboarding .tile-grid{grid-template-columns:repeat(3,1fr)}}.g-onboarding .tile{aspect-ratio:4/5;border-radius:var(--radius);opacity:0;filter:saturate(.2)brightness(1.18)blur(7px);border:1px solid var(--stone-light);position:relative;overflow:hidden;transform:scale(.96)}.g-onboarding .tile.dev{animation:g-develop 1.15s var(--ease-soft) forwards}@keyframes g-develop{0%{opacity:0;filter:saturate(.2)brightness(1.18)blur(7px);transform:scale(.96)}35%{opacity:1}to{opacity:1;filter:saturate()brightness()blur();transform:scale(1)}}.g-onboarding .tile .flash{box-shadow:inset 0 0 0 2px var(--terracotta);border-radius:var(--radius);opacity:0;position:absolute;inset:0}.g-onboarding .tile.dev .flash{animation:g-flash 1.4s var(--ease) forwards}@keyframes g-flash{0%,30%{opacity:0}45%{opacity:1}to{opacity:0}}.g-develop-stage{max-width:760px;margin:0 auto;padding:8px 0 4px;scroll-margin-top:24px}.g-develop-intro{text-align:center;margin-bottom:22px}.g-develop-h{font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:500}.g-develop-sub{color:#4a5043;max-width:460px;margin:8px auto 0;font-size:15px}.g-develop-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=560px){.g-develop-grid{grid-template-columns:repeat(3,1fr)}}.g-onboarding .tile img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.g-develop-progress{text-align:center;letter-spacing:.04em;color:var(--fern);margin:26px 0 4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82rem}.g-develop-line{text-align:center;color:var(--forest);margin:26px 0 6px;font-family:Fraunces,Georgia,serif;font-size:1.3rem;font-style:italic}.g-onboarding .ph{position:absolute;inset:0}.g-onboarding .ph-1{background:linear-gradient(150deg,#3c4a36,#5c7a52 60%,#7a8b72)}.g-onboarding .ph-2{background:linear-gradient(160deg,#c2785c,#d4967e 55%,#e7c2ad)}.g-onboarding .ph-3{background:linear-gradient(140deg,#2c3328,#4a5043 70%,#7a8b72)}.g-onboarding .ph-4{background:linear-gradient(165deg,#ede9e1,#d4cfc3 60%,#a3b09b)}.g-onboarding .ph-5{background:linear-gradient(150deg,#7a8b72,#a3b09b 50%,#d4967e)}.g-onboarding .ph:after{content:"";background:radial-gradient(circle at 35% 35%,#fafaf673,#0000 65%);border-radius:50%;width:34%;height:34%;position:absolute;bottom:16%;left:14%}.g-onboarding .ph-2:after,.g-onboarding .ph-4:after{left:auto;right:14%}.g-onboarding .label-card{background:var(--paper);border:1px solid var(--stone);border-radius:var(--radius-card);opacity:0;pointer-events:none;z-index:3;width:236px;padding:16px 16px 14px;position:absolute;bottom:30px;right:30px;transform:translateY(10px);box-shadow:0 14px 34px #2c332824}.g-onboarding .label-card.show{animation:g-cardIn .6s var(--ease) forwards}@keyframes g-cardIn{to{opacity:1;transform:none}}.g-onboarding .label-card .lc-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.g-onboarding .label-card .lc-head .t{letter-spacing:.14em;text-transform:uppercase;color:var(--fern-muted);font-family:JetBrains Mono,monospace;font-size:10px}.g-onboarding .label-card .lc-head .c{color:var(--terracotta);font-size:11px;font-weight:600}.g-onboarding .field{margin-bottom:9px}.g-onboarding .field:last-child{margin-bottom:0}.g-onboarding .field .fl{letter-spacing:.1em;text-transform:uppercase;color:var(--fern-muted);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:9.5px;display:block}.g-onboarding .field .fv{border:1px solid var(--stone-light);background:var(--parchment);border-radius:var(--radius);color:var(--forest);justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;display:flex}.g-onboarding .field .fv.req{border-color:var(--stone)}.g-onboarding .field .fv .tag{color:var(--fern);font-size:9px}.g-onboarding .payoff{margin-top:8px}.g-onboarding .payoff-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.g-onboarding .payoff-head h3{font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:500}.g-onboarding .payoff-head .sub{color:#6a705f;max-width:46ch;font-size:13.5px}.g-onboarding .year{background:var(--paper);border:1px solid var(--stone);border-radius:var(--radius-card);padding:22px 22px 18px;overflow:hidden}.g-onboarding .seasons{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=720px){.g-onboarding .seasons{grid-template-columns:repeat(2,1fr)}}.g-onboarding .season{border:1px solid var(--stone-light);border-radius:var(--radius);background:var(--parchment);padding:12px}.g-onboarding .season .sname{letter-spacing:.14em;text-transform:uppercase;color:var(--fern);align-items:center;gap:7px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.g-onboarding .season .sdot{background:var(--fern-muted);border-radius:2px;width:7px;height:7px}.g-onboarding .s-winter .sdot{background:#8aa0c0}.g-onboarding .s-spring .sdot{background:var(--fern)}.g-onboarding .s-summer .sdot{background:var(--terracotta)}.g-onboarding .s-autumn .sdot{background:var(--terracotta-light)}.g-onboarding .months{gap:7px;display:flex}.g-onboarding .month{flex-direction:column;flex:1;gap:5px;display:flex}.g-onboarding .month .mlabel{letter-spacing:.06em;color:var(--fern-muted);text-align:center;font-family:JetBrains Mono,monospace;font-size:9px}.g-onboarding .cell{background:repeating-linear-gradient(135deg, var(--stone-light), var(--stone-light) 5px, var(--parchment-deep) 5px, var(--parchment-deep) 10px);border:1px solid var(--stone-light);border-radius:4px;height:30px;position:relative;overflow:hidden}.g-onboarding .cell.filled{opacity:0;background:0 0;border-color:#0000;transform:translateY(8px)}.g-onboarding .cell.filled.in{animation:g-cellIn .7s var(--ease) forwards}@keyframes g-cellIn{to{opacity:1;transform:none}}.g-onboarding .cell.filled .chip{border-radius:4px;position:absolute;inset:0}.g-onboarding .empty-note{color:var(--fern-muted);align-items:center;gap:8px;margin-top:16px;font-size:12.5px;display:flex}.g-onboarding .empty-note .swatch{background:repeating-linear-gradient(135deg, var(--stone-light), var(--stone-light) 5px, var(--parchment-deep) 5px, var(--parchment-deep) 10px);border:1px solid var(--stone-light);border-radius:3px;width:22px;height:12px}.g-onboarding .closing{text-align:center;color:var(--fern);margin-top:38px;font-family:Fraunces,Georgia,serif;font-size:16px;font-style:italic}.g-onboarding .replay{border:1px solid var(--stone);color:#6a705f;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;background:0 0;margin:14px auto 0;padding:7px 16px;font-family:JetBrains Mono,monospace;font-size:12px;transition:border-color .25s,color .25s;display:block}.g-onboarding .replay:hover{border-color:var(--fern-muted);color:var(--fern)}.g-loader-uploading-note{width:100%;color:var(--fern);margin:0 0 6px;font-size:.85rem}.g-review{max-width:760px;margin:0 auto;scroll-margin-top:24px}.g-review-intro{text-align:center;margin-bottom:30px}.g-review-h{font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:500}.g-review-sub{color:#4a5043;margin-top:8px;font-size:15px}.g-review-session{margin-bottom:26px}.g-review-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.g-review-name{font-family:Fraunces,Georgia,serif;font-size:19px}.g-review-meta{color:var(--fern-muted);font-size:13px}.g-review-slice{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}@media (width<=560px){.g-review-slice{grid-template-columns:repeat(3,1fr)}}.g-review-tile{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--stone-light);overflow:hidden}.g-review-tile img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.g-review-more{background:var(--parchment-deep);color:var(--fern-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.g-review-actions{border-top:1px solid var(--stone);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:34px;padding-top:26px;display:flex}.g-review-prompt{text-align:center;width:100%;color:var(--forest);margin-bottom:6px;font-family:Fraunces,Georgia,serif;font-size:18px;font-style:italic}
