.app{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}.scroll-globe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;transition:opacity .55s ease}.scroll-globe-stage{width:min(105vw,900px);aspect-ratio:1 / 1;opacity:.55;mask-image:radial-gradient(circle at center,#000 44%,transparent 74%);-webkit-mask-image:radial-gradient(circle at center,#000 44%,transparent 74%)}.scroll-globe-stage .globe-root{position:relative;width:100%;height:100%;min-height:0;aspect-ratio:unset;margin:0}.main{flex:1;position:relative;z-index:1}.pill-nav-shell,.site-footer{position:relative;z-index:1}.pill-nav-shell{position:sticky;top:0;z-index:50;display:flex;justify-content:center;width:100%;padding:1rem 1rem .35rem;pointer-events:none}.pill-nav-shell>*{pointer-events:auto}.pill-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:920px;padding:.55rem .65rem .55rem .9rem;background:#111114eb;border:1px solid var(--line);border-radius:999px;box-shadow:0 12px 40px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;z-index:10}.pill-nav-brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:#fff;flex:0 0 auto}.pill-nav-brand:hover{text-decoration:none;color:#fff}.pill-nav-brand-text{font-weight:800;font-style:italic;font-size:1.02rem;letter-spacing:-.01em}.brand-mark{width:32px;height:32px;border-radius:0;object-fit:contain;display:block;background:transparent;box-shadow:none;flex:0 0 auto}.pill-nav-desktop{display:none;align-items:center;gap:1.5rem}.pill-nav-link{position:relative;display:inline-block;color:#ffffffe0;text-decoration:none;font-weight:500;font-size:.92rem;padding-bottom:.2rem;transition:color .2s ease}.pill-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}.pill-nav-desktop .pill-nav-link:hover{color:var(--green);text-decoration:none}.pill-nav-desktop .pill-nav-link:hover:after{transform:scaleX(1)}.pill-nav-link--mobile{font-size:1.15rem;font-weight:600;color:#fff;padding-bottom:0}.pill-nav-link--mobile:after{display:none}.pill-nav-link--mobile:hover{color:var(--green);text-decoration:none}.pill-nav-actions{display:none;align-items:center;gap:.75rem;flex:0 0 auto}.pill-nav-login{color:#ffffffb8;text-decoration:none;font-weight:600;font-size:.9rem}.pill-nav-login:hover{color:#fff;text-decoration:none}.pill-nav-account{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:#ffffffc7;text-decoration:none;transition:color .15s ease,background .15s ease}.pill-nav-account:hover{color:#fff;background:#ffffff14;text-decoration:none}.pill-nav-account-mobile{gap:.55rem}.pill-nav-cta{padding:.5rem .95rem!important;font-size:.88rem!important}.pill-nav-burger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;padding:0}.pill-nav-mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0a0a;padding:5.5rem 1.5rem 2rem}.pill-nav-mobile-close{position:absolute;top:1.25rem;right:1.25rem;width:42px;height:42px;border:0;border-radius:999px;background:#ffffff0f;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pill-nav-mobile-list{display:flex;flex-direction:column;gap:1.35rem}.pill-nav-mobile-ctas{display:grid;gap:.75rem;padding-top:1.25rem}@media(min-width:860px){.pill-nav-desktop,.pill-nav-actions{display:flex}.pill-nav-burger{display:none}}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;padding:clamp(3rem,7vw,5rem) clamp(1rem,4vw,2rem) 0;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.hero-globe-wrap{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:min(120vw,900px);aspect-ratio:1 / 1}.hero-globe-wrap .globe-root{position:relative;width:100%;height:100%;min-height:0;aspect-ratio:unset;margin:0}.globe-canvas{width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .6s ease}.hero-bg-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 48% at 50% 34%,transparent 0%,rgba(5,5,5,.12) 52%,rgba(5,5,5,.42) 100%),linear-gradient(180deg,rgba(5,5,5,.18) 0%,transparent 28%,transparent 72%,rgba(5,5,5,.28) 100%)}.hero-inner{position:relative;z-index:2;width:min(100%,920px);display:grid;justify-items:center;gap:1.35rem;margin-bottom:clamp(2rem,5vw,3rem);animation:rise .65s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-title{margin:0;font-size:clamp(2.4rem,7vw,4.25rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;max-width:14ch}.hero-title .geoguessr-text{color:#fff;-webkit-text-fill-color:#ffffff;-webkit-text-stroke:7px #cd2f2e;paint-order:stroke fill;font-weight:800;font-style:italic}@media(max-width:640px){.hero-title .geoguessr-text{-webkit-text-stroke:4px #cd2f2e}}.hero-lede{margin:0;max-width:44ch;color:#ffffffd1;font-size:1.05rem;text-shadow:0 1px 2px rgba(0,0,0,.65),0 0 18px rgba(5,5,5,.85),0 0 36px rgba(5,5,5,.55)}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.25rem}.demo-video-wrap{position:relative;z-index:2;width:min(calc(100vw - 2.5rem),820px);margin:0 auto 2.5rem;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #0006;background:#0b0b0d;animation:rise .8s .08s ease-out both}.demo-video{display:block;width:100%;height:auto;object-fit:contain;background:#0b0b0d;pointer-events:none}.demo-placeholder{position:relative;z-index:2;width:min(calc(100vw - 2rem),1100px);margin:0 auto 2.5rem;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #00000073;background:radial-gradient(ellipse at center,rgba(48,209,88,.08),transparent 55%),#0b0b0d;aspect-ratio:16 / 9;display:grid;place-items:center;animation:rise .8s .08s ease-out both}.demo-placeholder-inner{display:grid;justify-items:center;gap:.45rem;text-align:center;padding:1.5rem}.demo-placeholder-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#30d15826;color:var(--green);margin-bottom:.35rem;padding-left:3px}.demo-placeholder-title{margin:0;font-weight:800;font-size:1.1rem;color:#fff}.demo-placeholder-copy{margin:0;color:var(--muted);font-size:.95rem}.section{padding:clamp(3.5rem,8vw,5.5rem) clamp(1rem,4vw,2.5rem);max-width:1120px;margin:0 auto}.section-narrow{max-width:760px}.section-kicker{margin:0 0 .55rem;color:var(--green);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-title{margin:0 0 .65rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.section-lede{margin:0 0 2rem;color:var(--muted);max-width:48ch;font-size:1.05rem}.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem}.feature h3{margin:0 0 .45rem;font-size:1.15rem;font-weight:700}.feature p{margin:0;color:var(--muted);font-size:.98rem}@media(max-width:800px){.feature-grid{grid-template-columns:1fr}}.section-features{max-width:1120px}.section-features .section-title{margin-bottom:2rem}.features-panel{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(0,1.35fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center}.features-panel-list{display:flex;flex-direction:column;gap:.55rem}.features-panel-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;width:100%;padding:.95rem 1rem;border:1px solid transparent;border-radius:16px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.features-panel-item:hover{background:#ffffff08}.features-panel-item.is-active{background:#0c0e12e0;border-color:#ffffff1a;box-shadow:0 16px 36px #00000047}.features-panel-item:focus-visible{outline:2px solid rgba(48,209,88,.65);outline-offset:2px}.features-panel-icon{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:#30d1581f;color:var(--green);transition:background .2s ease,color .2s ease,box-shadow .2s ease}.features-panel-item.is-active .features-panel-icon{background:var(--green);color:#07110a;box-shadow:0 8px 18px #30d15847}.features-panel-copy{display:grid;gap:.28rem;min-width:0}.features-panel-title{color:#f5f7fab3;font-size:1.02rem;font-weight:750;letter-spacing:-.01em;transition:color .2s ease}.features-panel-item:hover .features-panel-title,.features-panel-item.is-active .features-panel-title{color:#fff}.features-panel-description{color:#abb1bb9e;font-size:.9rem;line-height:1.45;max-width:34ch;transition:color .2s ease}.features-panel-item.is-active .features-panel-description{color:#c4cad3c7}.features-panel-track{display:block;margin-top:.55rem;height:3px;border-radius:999px;overflow:hidden;background:#ffffff14}.features-panel-progress{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#28b84c,#30d158 55%,#7dff9a)}.features-panel-preview{min-width:0}.features-panel-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #0000006b,inset 0 1px #ffffff0a;background:#0b0b0d}.features-panel-video{display:block;background:#0b0b0d}@media(max-width:900px){.features-panel{grid-template-columns:1fr}.features-panel-list{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:.65rem;padding-bottom:.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.features-panel-list::-webkit-scrollbar{display:none}.features-panel-item{flex:0 0 min(78vw,280px);scroll-snap-align:center;border-color:#ffffff14;background:#0c0e12b8}.features-panel-preview{order:-1}}@media(prefers-reduced-motion:reduce){.features-panel-item,.features-panel-icon,.features-panel-title,.features-panel-description{transition:none}}.section-guide{max-width:880px}.section-guide .section-lede{margin-bottom:2rem}.section-guide .welcome-steps{margin-top:.25rem}.billing-toggle-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0 0 1.25rem}.billing-toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;width:fit-content;margin:0;padding:.25rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0c0e0cb8;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 8px 28px #00000047,inset 0 1px #ffffff0f;isolation:isolate}.billing-toggle-pill{position:absolute;top:.25rem;left:.25rem;width:calc(50% - .25rem);height:calc(100% - .5rem);border-radius:999px;background:var(--green);box-shadow:0 4px 14px #30d15847;z-index:0;transition:transform .32s cubic-bezier(.22,1,.36,1);will-change:transform}.billing-toggle[data-interval=year] .billing-toggle-pill{transform:translate(100%)}.billing-toggle button{position:relative;z-index:1;min-width:112px;padding:.58rem .9rem;border-radius:999px;background:transparent;color:#ffffff9e;font-size:.88rem;box-shadow:none;transition:color .22s ease}.billing-toggle button:hover{background:transparent;color:#ffffffe6}.billing-toggle button.active,.billing-toggle button.active:hover{background:transparent;color:#050505}@media(prefers-reduced-motion:reduce){.billing-toggle-pill{transition:none}}.pricing-grid{display:grid;gap:1.15rem;grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;align-items:stretch}.pricing-stripe{display:flex;justify-content:center;width:100%;max-width:820px;margin-top:1.75rem}.stripe-badge{display:inline-flex;opacity:.92;transition:opacity .15s ease}.stripe-badge:hover{opacity:1;text-decoration:none}.stripe-badge img{display:block;height:56px;width:auto}.plan{position:relative;height:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column}.plan.featured{z-index:1;border:1px solid rgba(120,180,255,.38);background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 18%),linear-gradient(180deg,#152536,#0e1722 55%,#0b1016);box-shadow:0 1px #ffffff1a inset,0 0 0 1px #468ce61f,0 28px 56px #00000080,0 12px 28px #1e5ab424;overflow:visible}.plan.featured h3{color:#f2f7ff;letter-spacing:-.03em;text-shadow:none}.plan.featured .price-current{color:#fff;text-shadow:none}.plan.featured .price-period,.plan.featured ul{color:#d2def0b8}.plan.featured li:before{color:#6eb4ff}.plan>.btn{transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease}.plan:not(.featured)>.btn:hover{transform:translateY(-1px)}.plan:not(.featured)>.btn:active{transform:translateY(0)}.plan.featured>.btn{margin-top:.15rem;background:#3d8dff;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 1px #ffffff38 inset,0 10px 22px #286edc47}.plan.featured>.btn:hover{background:#5299ff;color:#fff;transform:translateY(-1px)}.plan.featured>.btn:active{transform:translateY(0)}.plan-deal-tag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:.65rem 1.25rem;border-radius:999px;background:#e84848;color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:.06em;line-height:1;white-space:nowrap;box-shadow:0 6px 18px #e848486b;overflow:hidden;isolation:isolate}.plan-deal-tag:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.15) 40%,rgba(255,255,255,.85) 49%,rgba(255,255,255,.85) 51%,rgba(255,255,255,.15) 60%,transparent 72%);transform:translate(-130%);animation:deal-slash 7s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes deal-slash{0%,40%{transform:translate(-130%)}75%,to{transform:translate(130%)}}@media(prefers-reduced-motion:reduce){.plan-deal-tag:after{animation:none;opacity:.5;transform:translate(0)}}.plan h3{margin:0;font-size:clamp(1.65rem,2.4vw,1.9rem);font-weight:800;letter-spacing:-.02em}.price{margin:.5rem 0 1rem;font-size:2.4rem;font-weight:800;letter-spacing:-.03em}.price span{font-size:1rem;font-weight:600;color:var(--muted)}.price-block{margin:.5rem 0 1rem;min-height:6.75rem}.price-block .price{margin:0;display:flex;align-items:baseline;flex-wrap:wrap}.price-block .price-original{margin-right:.55rem;font-size:1.85rem;color:var(--muted);font-weight:700;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ffffff73}.price-block .price-current{font-size:2.85rem;font-weight:800;letter-spacing:-.03em;color:#fff}.price-block .price-period{margin-left:.2rem;font-size:1.05rem;font-weight:600;color:var(--muted)}.price-deal-note{margin:.4rem 0 0;color:#ff6868;font-size:1.12rem;font-weight:700;letter-spacing:.01em}.plan ul{list-style:none;margin:0 0 1.25rem;padding:0;color:var(--muted);flex:1}.plan li{padding:.28rem 0 .28rem 1.2rem;position:relative}.plan li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}}.pricing-faq{width:100%;max-width:760px;margin:clamp(3rem,7vw,4.5rem) auto 0}.pricing-faq-title{margin:0 0 1.5rem;text-align:center;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em}.faq{display:grid;gap:.65rem}.faq details{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0;background:#0c0e12b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 32px #00000038;overflow:hidden;animation:faq-rise .55s ease-out both;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.faq details:nth-child(1){animation-delay:.04s}.faq details:nth-child(2){animation-delay:.1s}.faq details:nth-child(3){animation-delay:.16s}.faq details:nth-child(4){animation-delay:.22s}.faq details:nth-child(5){animation-delay:.28s}.faq details:nth-child(6){animation-delay:.34s}.faq details:hover{border-color:#30d15847;background:#0e1216d1;box-shadow:0 16px 40px #0000004d}.faq details[open]{border-color:#30d15857;background:#0e1410e0}.faq summary{cursor:pointer;font-weight:700;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:color .2s ease}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--green);font-size:1.15rem;line-height:1;flex:0 0 auto;transition:transform .25s ease}.faq details[open] summary:after{content:"–";transform:rotate(180deg)}.faq p{margin:0;padding:0 1.1rem 1.1rem;color:var(--muted);max-width:54ch;animation:faq-answer .28s ease-out both}@keyframes faq-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes faq-answer{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.faq details,.faq p{animation:none}.faq summary:after{transition:none}}.contact-form{max-width:480px}.page-contact{display:flex;justify-content:center}.contact-shell{width:100%;max-width:560px}.contact-head{text-align:center;margin-bottom:1.75rem}.contact-head h1{margin:0 0 .65rem;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em}.contact-head .lede{margin:0 auto;color:var(--muted);max-width:46ch}.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.35rem,3vw,2rem)}.contact-form{display:grid;gap:1rem}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.contact-row{grid-template-columns:1fr}}.contact-form label{display:grid;gap:.4rem;color:var(--muted);font-size:.9rem;font-weight:600}.select-wrap{position:relative}.select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:.75rem 2.4rem .75rem .9rem;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;font:inherit;cursor:pointer}.select-wrap select:focus{outline:2px solid rgba(48,209,88,.35);border-color:var(--green)}.select-wrap svg{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.contact-success{display:grid;justify-items:center;gap:.5rem;text-align:center;padding:.75rem 0}.contact-success-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);margin-bottom:.35rem}.contact-success-icon svg{width:26px;height:26px}.contact-success h2{margin:0;font-size:1.4rem;font-weight:800}.contact-success p{margin:0 0 .75rem;color:var(--muted)}.contact-block{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;max-width:480px}.contact-block p{margin:0 0 1rem;color:var(--muted)}.cta-band{margin-top:1rem;padding:clamp(3rem,7vw,4.5rem) clamp(1rem,4vw,2.5rem);text-align:center;background:linear-gradient(180deg,rgba(5,5,5,.55),var(--bg) 42%,rgba(48,209,88,.06));border-top:1px solid var(--line)}.cta-band h2{margin:0 0 .5rem;font-size:clamp(1.7rem,3.5vw,2.3rem);font-weight:800}.cta-band p{margin:0 auto 1.25rem;color:var(--muted);max-width:38ch}.cta-band .hero-ctas{margin-top:0}.page{padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,2.5rem);max-width:920px;margin:0 auto}.page h1{margin:0 0 .5rem;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em}.page>.lede{margin:0 0 1.75rem;color:var(--muted);max-width:42ch}.page-pricing{display:flex;flex-direction:column;align-items:center}.pricing-hero{text-align:center;margin-bottom:1.75rem;max-width:min(100%,820px)}.pricing-hero h1{margin:0 0 .65rem;font-size:clamp(2rem,5.6vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;white-space:nowrap}.pricing-hero .lede{margin:0;color:#ffffffd1;font-size:clamp(1.05rem,2.2vw,1.2rem);max-width:none;text-shadow:0 1px 2px rgba(0,0,0,.65),0 0 18px rgba(5,5,5,.85),0 0 36px rgba(5,5,5,.55)}.page-pricing .billing-toggle-wrap{margin-left:auto;margin-right:auto}.page-pricing .pricing-grid,.page-pricing .pricing-stripe{width:100%}.page-account{display:flex;justify-content:center}.account-shell{width:100%;max-width:560px}.account-head{text-align:center;margin-bottom:1.75rem}.account-head h1{margin:0 0 .65rem;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em}.account-head .lede{margin:0 auto;color:var(--muted);max-width:42ch}.account-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.35rem,3vw,2rem);display:grid;gap:1.35rem}.account-card--signed-out{justify-items:center;text-align:center}.account-card--signed-out p{margin:0;color:var(--muted)}.account-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.account-identity h2{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;word-break:break-word}.account-email{margin:.35rem 0 0;color:var(--muted);font-size:.95rem;word-break:break-word}.account-plan-badge{flex:0 0 auto;display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.account-plan-badge.is-pro{color:var(--green);border-color:#30d15859;background:var(--green-soft)}.account-usage{display:grid;gap:.65rem;padding-top:1.15rem;border-top:1px solid var(--line)}.account-usage-row{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.95rem;font-weight:600}.account-usage-row strong{color:#fff;font-variant-numeric:tabular-nums}.account-usage-bar{height:6px;border-radius:999px;overflow:hidden;background:#ffffff14}.account-usage-bar span{display:block;height:100%;border-radius:inherit;background:var(--green)}.account-usage-bar.is-pro span{background:var(--green)}.account-usage p{margin:0;color:var(--muted);font-size:.92rem}.account-actions{display:grid;gap:.75rem;padding-top:.25rem}.account-actions .btn,.account-actions .btn-ghost{width:100%}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem}.auth-form{width:100%;display:grid;gap:.9rem}.auth-form label{display:grid;gap:.45rem;color:var(--muted);font-size:.82rem;font-weight:600;letter-spacing:.02em}.auth-form .btn,.auth-form button[type=submit]{width:100%;margin-top:.15rem;border-radius:12px}.auth-form .btn-ghost{width:100%;border-radius:12px}.app--auth{min-height:100vh;min-height:100dvh}.app--auth .main{display:flex;flex-direction:column;flex:1;min-height:100vh;min-height:100dvh}.auth-screen{position:relative;flex:1;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden}.auth-screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(5,5,5,.35),transparent 60%),radial-gradient(ellipse 55% 45% at 50% 100%,rgba(5,5,5,.45),transparent 55%)}.auth-screen-bg:before{content:none}.auth-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem clamp(1.1rem,4vw,2rem)}.auth-brand{display:inline-flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;font-weight:800;font-style:italic;font-size:1.05rem;letter-spacing:-.01em}.auth-brand:hover{color:#fff;text-decoration:none}.auth-brand img{width:28px;height:28px;object-fit:contain;display:block}.auth-back{color:var(--muted);font-size:.9rem;font-weight:600;text-decoration:none}.auth-back:hover{color:#fff;text-decoration:none}.auth-main{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem clamp(1rem,4vw,1.5rem) 2.5rem}.auth-panel{width:100%;max-width:400px;padding:clamp(1.6rem,4vw,2.15rem);background:#111114e0;border:1px solid var(--line);border-radius:20px;box-shadow:0 0 0 1px #ffffff05 inset,0 24px 64px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:auth-panel-in .45s ease both}.auth-panel--status{text-align:center}@keyframes auth-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-panel-head{margin-bottom:1.5rem}.auth-panel--status .auth-panel-head{margin-bottom:.35rem}.auth-eyebrow{margin:0 0 .55rem;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}.auth-panel-head h1{margin:0 0 .45rem;font-size:clamp(1.75rem,4vw,2.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}.auth-lede{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}.login-handoff{display:flex;align-items:flex-start;gap:.65rem;margin:0 0 1.25rem;padding:.8rem .9rem;border:1px solid rgba(48,209,88,.28);border-radius:12px;background:var(--green-soft);color:#d4f5dc;font-size:.84rem;line-height:1.4}.login-handoff svg{width:18px;height:18px;flex:0 0 auto;margin-top:.1rem;color:var(--green)}.auth-code-input{font-family:var(--font-mono);font-size:1.35rem;letter-spacing:.35em;text-align:center;padding-left:.5rem}.auth-panel-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:1.35rem 0 0;padding-top:1.15rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.auth-panel-foot a{color:var(--muted);font-weight:600;text-decoration:none}.auth-panel-foot a:hover{color:#fff;text-decoration:none}.error{color:var(--danger);margin:0;font-size:.9rem}.muted{color:var(--muted)}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:1.15rem 0;color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line)}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:100%;padding:.8rem 1rem;border-radius:12px;background:#fff;color:#111!important;font-weight:700;text-decoration:none;border:0}.btn-google:hover{background:#f4f4f5;text-decoration:none}.btn-google svg{flex:0 0 auto}.dev-code{margin:0;padding:.7rem .85rem;border-radius:12px;background:var(--green-soft);border:1px solid rgba(48,209,88,.35);font-family:var(--font-mono);font-size:.92rem}.site-footer{padding:2rem clamp(1rem,4vw,2.5rem);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;color:var(--muted);font-size:.9rem}.site-footer-meta{display:grid;gap:.35rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:1rem}.site-footer-brand{display:inline-flex;align-items:center;gap:.55rem}.site-footer-brand img{width:22px;height:22px;object-fit:contain}.site-footer-attribution{margin:0;font-size:.82rem;color:#ffffff73}.site-footer-attribution span{color:#ffffffb8;font-weight:600}.site-footer a{color:#ffffffbf;font-weight:600;text-decoration:none}.site-footer a:hover{color:#fff}.legal-page .legal-block{margin-bottom:1.75rem;max-width:58ch}.legal-page .legal-block h2{margin:0 0 .65rem;font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.legal-page .legal-block p,.legal-page .legal-block li{color:var(--muted);line-height:1.6}.legal-page .legal-block ul{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}.legal-page .legal-block a{color:var(--green);font-weight:600;text-decoration:none}.legal-page .legal-block a:hover{text-decoration:underline}.page-welcome{max-width:880px}.welcome-hero{text-align:center;margin-bottom:clamp(2rem,5vw,3rem)}.welcome-hero .lede{margin:.65rem auto 0;color:var(--muted);max-width:36ch}.welcome-steps{list-style:none;margin:0;padding:0;display:grid;gap:clamp(2rem,5vw,3rem)}.welcome-step{display:grid;gap:1.1rem}.welcome-step-num{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--green);margin-bottom:.45rem}.welcome-step-copy h2{margin:0 0 .4rem;font-size:clamp(1.25rem,2.6vw,1.55rem);font-weight:800;letter-spacing:-.02em}.welcome-step-copy p{margin:0;color:var(--muted);max-width:42ch;line-height:1.5}.welcome-demo{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:#ffffff08;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.welcome-demo--video{background:#0b0b0d}.welcome-demo-video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.welcome-demo-inner{text-align:center;color:#ffffff8c}.welcome-demo-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:#ffffff0f;color:#ffffffb3;margin-bottom:.55rem}.welcome-demo-title{margin:0;font-weight:700;color:#ffffffd1}.welcome-demo-copy{margin:.25rem 0 0;font-size:.9rem}.welcome-cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:clamp(2.25rem,5vw,3.25rem)}@media(min-width:800px){.welcome-step{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:center;gap:1.75rem}.welcome-step:nth-child(2n) .welcome-step-copy{order:2}}.page-goodbye{max-width:640px;padding-top:clamp(2rem,5vw,3.25rem)}.goodbye-shell{display:grid;gap:1.75rem}.goodbye-hero{text-align:center}.goodbye-emoji{display:block;font-size:clamp(2.4rem,5vw,3.1rem);line-height:1;margin-bottom:.85rem;filter:grayscale(.15)}.goodbye-hero h1{margin:0;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}.goodbye-hero .lede{margin:.7rem auto 0;color:var(--muted);max-width:28ch;font-size:1.02rem}.goodbye-form{display:grid;gap:1.25rem;padding:1.35rem 1.25rem 1.4rem;border-radius:calc(var(--radius) + 2px);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%),#111114b8}.goodbye-reasons{margin:0;padding:0;border:none}.goodbye-reasons legend{margin-bottom:.75rem;font-weight:700;font-size:.95rem}.goodbye-reason-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.goodbye-reason{position:relative;display:flex;align-items:center;gap:.65rem;padding:.72rem .85rem;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:#00000038;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.goodbye-reason:hover{border-color:#ffffff29;background:#ffffff0a}.goodbye-reason input{position:absolute;opacity:0;pointer-events:none}.goodbye-reason span{font-size:.94rem;font-weight:600;color:#ffffffdb}.goodbye-reason:before{content:"";width:16px;height:16px;flex:0 0 auto;border-radius:999px;border:1.5px solid rgba(255,255,255,.28);background:transparent;box-shadow:inset 0 0 0 0 var(--green);transition:border-color .15s ease,box-shadow .15s ease}.goodbye-reason.is-selected{border-color:#30d1586b;background:#30d1581a}.goodbye-reason.is-selected:before{border-color:var(--green);box-shadow:inset 0 0 0 4px var(--green)}.goodbye-reason.is-selected span{color:#fff}.goodbye-message{display:grid;gap:.5rem;font-weight:700;font-size:.95rem}.goodbye-message textarea{width:100%;resize:vertical;min-height:96px;padding:.8rem .9rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000047;color:inherit;font:inherit;font-weight:500;line-height:1.45}.goodbye-message textarea:focus{outline:none;border-color:#30d15873}.goodbye-form .btn-primary{width:100%;margin-top:.15rem;color:#fff}.goodbye-form .btn-primary:hover{color:#fff}.goodbye-redownload{text-align:center;display:grid;gap:.75rem;justify-items:center;padding-top:.25rem}.goodbye-redownload p{margin:0;color:var(--muted);font-weight:600;font-size:.92rem}.goodbye-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#000000ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.goodbye-modal{position:relative;width:min(100%,400px);padding:1.75rem 1.45rem 1.5rem;border-radius:calc(var(--radius) + 4px);border:1px solid rgba(255,255,255,.1);background:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(48,209,88,.14),transparent 60%),#101210;box-shadow:0 28px 70px #00000080;text-align:center;display:grid;gap:0;justify-items:stretch}.goodbye-modal-close{position:absolute;top:.7rem;right:.7rem;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:transparent;color:#ffffffa6;cursor:pointer;padding:0}.goodbye-modal-close:hover{color:#fff;background:#ffffff14}.goodbye-modal-close svg{width:18px;height:18px}.goodbye-modal-kicker{margin:0 0 .4rem;color:var(--green);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.goodbye-modal h2{margin:0 0 .55rem;font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.goodbye-modal-copy{margin:0 0 1.15rem;color:var(--muted);line-height:1.45;font-size:.95rem}.goodbye-code{width:100%;display:grid;gap:.2rem;padding:.95rem 1rem;border-radius:12px;border:1px dashed rgba(48,209,88,.5);background:#30d15817;color:#fff;cursor:pointer;font:inherit;margin-bottom:.9rem}.goodbye-code:hover{background:#30d15824;color:#fff}.goodbye-code span{font-size:1.35rem;font-weight:800;letter-spacing:.14em}.goodbye-code small{color:var(--muted);font-size:.76rem;font-weight:600}.goodbye-modal-cta{width:100%}@media(min-width:560px){.goodbye-reason-grid{grid-template-columns:1fr 1fr}.goodbye-form{padding:1.5rem 1.45rem 1.55rem}}:root{--bg: #050505;--bg-2: #0a0a0a;--panel: #111114;--panel-2: #17171b;--ink: #ffffff;--muted: #a1a1aa;--line: rgba(255, 255, 255, .1);--green: #30d158;--green-hover: #28b84c;--green-soft: rgba(48, 209, 88, .15);--accent-word: #ff6b6b;--danger: #f87171;--font: "Outfit", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 16px;--nav-h: 88px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,.btn{font:inherit;font-weight:700;border:0;border-radius:999px;padding:.85rem 1.4rem;cursor:pointer;background:var(--green);color:#050505;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;transition:background .15s ease,transform .15s ease;text-decoration:none;white-space:nowrap}button:hover,.btn:hover{background:var(--green-hover);text-decoration:none;color:#050505}button:disabled,.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:#ffffff0f;color:var(--ink)}.btn-guide{background:#ef4444;color:#fff}.btn-guide:hover{background:#dc2626;color:#fff}.btn-chrome{background:var(--green);color:#fff;transition:background .2s ease,transform .2s ease}.btn-chrome:hover{color:#fff;background:#3adf66;transform:translateY(-2px) scale(1.03)}.btn-chrome:active{transform:translateY(0) scale(1)}.btn-lg{padding:.95rem 1.6rem;font-size:1.02rem}.btn svg{width:18px;height:18px;flex:0 0 auto}.chrome-icon{width:20px;height:20px;flex:0 0 auto;display:block;object-fit:contain}input,textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;padding:.75rem .9rem;font:inherit}input:focus,textarea:focus{outline:2px solid rgba(48,209,88,.35);border-color:var(--green)}textarea{resize:vertical;min-height:140px;line-height:1.45}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
