[hidden]{display:none!important}
/* =========================================================================
   tonle.co — intake experience
   ========================================================================= */
.fapp{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr)}
.fapp__main{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--off);position:relative;overflow:hidden;isolation:isolate}
.fapp__main::before,.fapp__main::after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;will-change:transform,opacity}
.fapp__main::before{width:min(920px,92vw);height:min(620px,70vw);right:-18%;top:-12%;
  background:radial-gradient(circle at 45% 45%,rgba(116,245,161,.25),rgba(116,245,161,.10) 46%,transparent 72%);
  filter:blur(5px);animation:startMintDrift 15s ease-in-out infinite alternate}
.fapp__main::after{width:min(700px,74vw);height:min(520px,60vw);left:-24%;bottom:-10%;
  background:radial-gradient(circle at 50% 50%,rgba(116,245,161,.14),rgba(116,245,161,.05) 50%,transparent 74%);
  filter:blur(8px);animation:startMintFloat 19s ease-in-out infinite}
@keyframes startMintDrift{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.74}
  35%{transform:translate3d(-10%,14%,0) scale(1.10);opacity:1}
  70%{transform:translate3d(5%,28%,0) scale(.95);opacity:.82}
  100%{transform:translate3d(-4%,8%,0) scale(1.06);opacity:.92}
}
@keyframes startMintFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.52}
  45%{transform:translate3d(18%,-20%,0) scale(1.12);opacity:.78}
  76%{transform:translate3d(8%,-8%,0) scale(.94);opacity:.64}
}
.fhead,.fbody{position:relative;z-index:1}
.fapp__side{background:var(--charcoal);color:var(--off);position:sticky;top:0;height:100vh;height:100dvh;align-self:start;overflow:hidden;
  display:flex;align-items:center;justify-content:center;padding:40px}
.fapp__side .dots{opacity:.4}

.fhead{position:sticky;top:0;z-index:20;background:rgba(243,243,243,.9);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)}
.fhead__in{display:flex;align-items:center;gap:14px;padding:14px clamp(20px,4vw,54px)}
.fhead .logo{font-size:1.2rem}
.fhead .spacer{flex:1}
.fhead .stepno{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fbar{height:3px;background:var(--gray);position:relative;overflow:hidden}
.fbar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--mint);transition:width .5s var(--ease-out);display:block}

.fbody{flex:1;padding:clamp(28px,5vw,64px) clamp(20px,4vw,54px) 140px;max-width:720px;width:100%}
.fstep{display:none;animation:stepIn .5s var(--ease-out)}
.fstep.is-active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.fq{margin-bottom:26px}
.fq h2{font-size:clamp(1.7rem,4.2vw,2.6rem);line-height:1.04}
.fq p{color:var(--muted);margin-top:12px;font-size:1.02rem;max-width:46ch}
.fq .tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mint-text);
  display:inline-flex;align-items:center;gap:.5em;margin-bottom:14px}
.fq .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}

.field{margin-bottom:20px}
.field>label,.flabel{display:block;font-weight:600;font-size:.95rem;margin-bottom:8px}
.field .help{font-size:.85rem;color:var(--muted);margin-top:7px}
.opt{color:var(--muted);font-weight:500;font-size:.85rem}
.input,.textarea,select.input{
  width:100%;background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);
  padding:15px 18px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;
}
.input:focus,.textarea:focus{border-color:var(--charcoal);box-shadow:0 0 0 4px rgba(116,245,161,.35)}
.textarea{min-height:130px;resize:vertical;line-height:1.5}
.input--big{font-family:var(--font-display);font-size:clamp(1.4rem,3.6vw,2rem);font-weight:600;letter-spacing:-.02em;padding:18px 20px}
.input.is-bad,.textarea.is-bad{border-color:#d4483b;box-shadow:0 0 0 4px rgba(212,72,59,.16)}
.err{color:#b93a2e;font-size:.86rem;margin-top:8px;display:none;font-weight:500}
.err.is-on{display:block}

/* url field */
.urlfield{display:flex;align-items:center;background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);
  padding:6px 16px 6px 18px;transition:border-color .2s,box-shadow .2s}
.urlfield:focus-within{border-color:var(--charcoal);box-shadow:0 0 0 4px rgba(116,245,161,.35)}
.urlfield input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:14px 0;
  font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,3vw,1.7rem);letter-spacing:-.02em}
.urlfield .sfx{font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,2.6vw,1.5rem);color:var(--muted);white-space:nowrap}
.urlstate{margin-top:12px;font-size:.9rem;display:flex;align-items:center;gap:.5em;min-height:1.4em;color:var(--muted)}
.urlstate.ok{color:#1a8f4d;font-weight:600}
.urlstate.bad{color:#b93a2e;font-weight:600}

/* option cards */
.optgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}
.optcard{
  position:relative;background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-lg);
  padding:18px 16px;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s var(--ease),box-shadow .2s;
  display:grid;gap:6px;min-height:104px;align-content:start;
}
.optcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:#c9c9c9}
.optcard .ic{font-size:1.5rem;line-height:1}
.optcard b{font-family:var(--font-display);font-size:1rem;letter-spacing:-.02em}
.optcard small{color:var(--muted);font-size:.82rem;line-height:1.35}
.optcard[aria-pressed="true"]{border-color:var(--charcoal);box-shadow:0 0 0 3px rgba(116,245,161,.55)}
.optcard[aria-pressed="true"]::after{content:"";position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;
  background:var(--mint) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}
.optcard:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}

.chipset{display:flex;flex-wrap:wrap;gap:9px}
.chipset .chip{min-height:46px}

/* uploads */
.drop{
  border:2px dashed var(--line);border-radius:var(--r-lg);background:var(--white);padding:30px 20px;text-align:center;
  transition:border-color .2s,background .2s;cursor:pointer;display:grid;gap:8px;justify-items:center
}
.drop:hover,.drop.is-over{border-color:var(--mint-deep);background:var(--mint-wash)}
.drop .big{font-family:var(--font-display);font-weight:600;font-size:1.05rem}
.drop small{color:var(--muted)}
.files{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.filechip{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--line);
  border-radius:12px;padding:7px 8px 7px 7px;font-size:.84rem;max-width:100%}
.filechip img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none;background:var(--gray)}
.filechip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.filechip button{border:0;background:rgba(33,33,33,.08);width:24px;height:24px;border-radius:50%;cursor:pointer;flex:none;line-height:1}
.filechip button:hover{background:rgba(33,33,33,.18)}

/* footer nav */
.fnav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:linear-gradient(to top,var(--off) 62%,rgba(243,243,243,0));
  padding:18px clamp(20px,4vw,54px) max(18px,env(safe-area-inset-bottom))}
.fnav__in{display:flex;gap:12px;align-items:center;max-width:720px}
.fnav .btn--ghost{background:var(--white)}
.fnav .grow{flex:1}
@media (min-width:961px){.fnav{right:46%}}

/* review */
.review{display:grid;gap:2px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.review__row{display:grid;grid-template-columns:150px 1fr auto;gap:14px;background:var(--white);padding:14px 18px;font-size:.94rem;align-items:start}
.review__row b{color:var(--muted);font-weight:500;font-size:.86rem}
.review__row .v{word-break:break-word}
.review__row button{border:0;background:transparent;color:var(--mint-text);font-weight:600;cursor:pointer;font-size:.86rem}
@media (max-width:600px){.review__row{grid-template-columns:1fr auto}.review__row b{grid-column:1/-1}}

/* live preview panel */
.pv{width:min(100%,380px);position:relative;z-index:2}
.pv__label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-dark);
  margin-bottom:14px;display:flex;align-items:center;gap:.6em}
.pv__label i{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:blip 1.9s infinite}
.pvsite{aspect-ratio:9/13;background:var(--off);display:flex;flex-direction:column;color:var(--charcoal);
  container-type:inline-size;font-size:14px;transition:background .4s,color .4s}
@supports (container-type:inline-size){.pvsite{font-size:3.6cqw}}
.pvsite__nav{display:flex;justify-content:space-between;align-items:center;padding:1.2em 1.3em;font-size:.8em}
.pvsite__nav b{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:1.1em}
.pvsite__nav span{opacity:.5}
.pvsite__h{font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;font-size:2.4em;line-height:.98;padding:.1em .55em .3em}
.pvsite__sub{padding:0 1.3em;font-size:.82em;opacity:.62;line-height:1.4}
.pvsite__tags{display:flex;flex-wrap:wrap;gap:.4em;padding:1em 1.3em 0}
.pvsite__tags span{border:1px solid currentColor;opacity:.45;border-radius:99em;padding:.3em .7em;font-size:.66em}
.pvsite__grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.5em;padding:1em 1.1em}
.pvsite__grid div{border-radius:.6em;background:currentColor;opacity:.14;min-height:0}
.pvsite__cta{margin:auto 1.2em 1.3em;text-align:center;border-radius:99em;padding:.85em;font-size:.78em;font-weight:700;
  font-family:var(--font-display);background:var(--mint);color:#111}
.pvsite.s-dark{background:#151515;color:#F3F3F3}
.pvsite.s-bold{background:var(--mint);color:#111}
.pvsite.s-warm{background:#F7EFE6;color:#2b2119}
.pvsite.s-editorial{background:#FFFFFF;color:#111}
.pvsite.s-play{background:#EDF7FF;color:#16324a}
.pv__note{margin-top:18px;color:var(--muted-dark);font-size:.86rem;line-height:1.5}

/* success */
.done{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:90px 20px 60px;text-align:center;position:relative;overflow:hidden}
.done__in{position:relative;z-index:2;max-width:640px}
.done h2.doneTitle,.done h1{font-size:clamp(3rem,13vw,7rem);letter-spacing:-.05em;line-height:.9}
.done .u{display:inline-flex;align-items:center;gap:.5em;background:var(--charcoal);color:var(--off);border-radius:99px;
  padding:12px 22px;font-family:var(--font-mono);font-size:clamp(.9rem,2.6vw,1.15rem);margin-top:28px}
.done .u b{color:var(--mint)}
.donegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:34px;text-align:left}
.donegrid div{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}
.donegrid b{display:block;font-family:var(--font-display);font-size:1.05rem;margin-bottom:4px}
.donegrid span{color:var(--muted);font-size:.9rem}
.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.confetti i{position:absolute;top:-12%;width:9px;height:14px;background:var(--mint);border-radius:2px;opacity:.9;
  animation:fall linear infinite}
.confetti i:nth-child(even){background:var(--charcoal);width:7px;height:7px;border-radius:50%}
@keyframes fall{to{transform:translateY(115vh) rotate(540deg)}}

@media (max-width:960px){
  .fapp{grid-template-columns:1fr}
  .fapp__side{display:none}
  .fbody{padding-bottom:130px}
  .fapp__main::before{width:135vw;height:76vh;right:-54%;top:-12%;animation-duration:12s}
  .fapp__main::after{width:110vw;height:64vh;left:-44%;bottom:-8%;animation-duration:16s}
}
@media (prefers-reduced-motion:reduce){
  .fstep{animation:none}
  .confetti{display:none}
  .fapp__main::before,.fapp__main::after{animation:none!important;transform:none!important}
}

.done .ink-underline path{animation:draw .9s var(--ease-out) .35s forwards}

.other-writein{margin-top:12px}

/* Custom personality words */
.chip--add{border-style:dashed}
.chip--custom{padding-right:14px}
.persona-add{display:flex;gap:8px;flex:1 1 100%;margin-top:8px;align-items:center}
.persona-add .input{min-width:0;flex:1}
.persona-add .btn{flex:none;padding:12px 16px}
@media(max-width:640px){.persona-add{align-items:stretch}.persona-add .btn{padding-inline:14px}}

/* required contact + referral source */
.contact-required{padding:16px;border:1.5px solid transparent;border-radius:var(--r-lg);transition:border-color .2s,background .2s}
.contact-required.is-bad-group{border-color:#d4483b;background:rgba(212,72,59,.035)}
.contact-required .field:last-of-type{margin-bottom:0}
.contact-err{margin:10px 2px 0}
.req{font-size:.72rem;color:var(--mint-text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-left:.35em}

/* richer success / onboarding screen */
.done{background:var(--off);align-items:start;padding-top:72px}
.done__in{max-width:920px;width:100%}
.doneTitle{font-size:clamp(3rem,10vw,6.4rem)!important;max-width:880px;margin:.18em auto 0}
.doneLead{max-width:650px}
.doneGlow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(10px);will-change:transform,opacity;background:radial-gradient(circle,rgba(116,245,161,.25) 0%,rgba(116,245,161,.10) 44%,transparent 72%)}
.doneGlow--one{width:min(760px,72vw);height:min(560px,62vw);right:-14%;top:-6%;animation:doneMintA 15s ease-in-out infinite alternate}
.doneGlow--two{width:min(620px,64vw);height:min(480px,56vw);left:-18%;top:38%;opacity:.7;animation:doneMintB 18s ease-in-out infinite}
.doneGlow--three{width:min(520px,54vw);height:min(400px,48vw);right:8%;bottom:-10%;opacity:.54;animation:doneMintC 20s ease-in-out infinite alternate}
@keyframes doneMintA{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-13%,18%,0) scale(1.12)}100%{transform:translate3d(7%,30%,0) scale(.96)}}
@keyframes doneMintB{0%,100%{transform:translate3d(0,0,0) scale(.96)}45%{transform:translate3d(22%,-18%,0) scale(1.14)}75%{transform:translate3d(8%,12%,0) scale(1.02)}}
@keyframes doneMintC{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-28%,-20%,0) scale(1.18)}}
.siteSave{margin:30px auto 0;padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border-radius:var(--r-xl);max-width:720px}
.siteSave__label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.siteSave .u{margin-top:0}
.siteSave__actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.siteSave__tip{font-size:.84rem;color:var(--muted);max-width:360px;text-align:left}
.nextflow{display:grid;gap:12px;margin:34px auto 0;max-width:780px;text-align:left}
.nextflow__item{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;backdrop-filter:blur(10px)}
.nextflow__num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--charcoal);color:var(--mint);font:700 .78rem/1 var(--font-mono)}
.nextflow__item b{display:block;font-family:var(--font-display);font-size:1.12rem;letter-spacing:-.02em;margin-bottom:5px}
.nextflow__item span:not(.nextflow__num){display:block;color:var(--muted);font-size:.93rem;line-height:1.5}
.earnfree{margin:42px auto 0;max-width:780px;text-align:left}
.earnfree__head{text-align:center;margin-bottom:18px}
.earnfree__head h2,.teamcard h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-top:8px}
.earnfree__head p,.teamcard p{color:var(--muted);margin-top:8px;line-height:1.55}
.perk{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-top:10px}
.perk summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 20px}
.perk summary::-webkit-details-marker{display:none}
.perk summary span{display:grid;gap:3px}
.perk summary b{font-family:var(--font-display);font-size:1.08rem}
.perk summary small{color:var(--muted);font-size:.86rem}
.perk summary i{font-style:normal;font-size:1.5rem;transition:transform .2s}
.perk[open] summary{background:rgba(116,245,161,.17)}
.perk[open] summary i{transform:rotate(45deg)}
.perk__body{padding:0 20px 20px;color:var(--muted);line-height:1.58;font-size:.92rem}
.perk__body p+p{margin-top:10px}
.refShare{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.teamcard{margin:42px auto 0;max-width:780px;text-align:left;background:var(--charcoal);color:var(--off);border-radius:var(--r-xl);padding:clamp(24px,5vw,42px)}
.teamcard .tag{color:var(--mint)}
.teamcard p{color:rgba(243,243,243,.7);max-width:60ch}
.doneActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px}
@media(max-width:640px){
  .done{padding:64px 16px 44px}
  .doneTitle{font-size:clamp(2.7rem,15vw,4.7rem)!important}
  .doneGlow--one{width:120vw;height:74vh;right:-58%;top:-7%;animation-duration:12s}
  .doneGlow--two{width:105vw;height:64vh;left:-48%;top:40%;animation-duration:15s}
  .doneGlow--three{width:90vw;height:55vh;right:-30%;bottom:-5%}
  .siteSave{padding:18px}
  .siteSave__tip{text-align:center}
  .nextflow__item{grid-template-columns:44px 1fr;padding:16px;gap:12px}
  .nextflow__num{width:38px;height:38px}
  .refShare,.doneActions{display:grid}
  .refShare .btn,.doneActions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.doneGlow{animation:none!important}}

/* v6 confirmation refinement */
.siteSave__urlrow{display:flex;align-items:center;justify-content:center;gap:12px;padding:3px 0}
.siteSave__urlrow b{font-family:var(--font-display);font-size:clamp(1.45rem,4vw,2.25rem);letter-spacing:-.035em}
.copyIcon{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.copyIcon:hover{transform:translateY(-2px);background:var(--mint);border-color:rgba(0,0,0,.12)}
.copyIcon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.copyState{display:block;min-height:1.2em;margin-top:8px;font:600 .72rem/1.2 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.nextflow{grid-template-columns:repeat(3,minmax(0,1fr));max-width:920px;gap:14px}
.nextflow__item{display:block;min-height:205px;padding:22px}
.nextflow__num{margin-bottom:28px}
.nextflow__item b{font-size:1.25rem}
.earnfree{max-width:920px;padding:clamp(24px,4vw,38px);border-radius:var(--r-xl);background:linear-gradient(135deg,#a8ffbf 0%,#74f5a1 52%,#c8ffd8 100%);box-shadow:0 24px 70px rgba(75,220,127,.18)}
.earnfree__head{text-align:left;margin-bottom:20px}
.earnfree__head .tag{color:#123b24}
.earnfree__head h2{font-size:clamp(2.3rem,6vw,4.7rem);line-height:.92;letter-spacing:-.055em;color:#102318;margin-top:10px}
.earnfree__head p{color:rgba(16,35,24,.72);max-width:48ch}
.earnfree .perk{background:rgba(255,255,255,.72);border-color:rgba(15,40,23,.12);backdrop-filter:blur(12px)}
.earnfree .perk--bright{background:#fff}
.earnfree .perk[open] summary{background:rgba(255,255,255,.55)}
.earnfree .perk__body{color:rgba(16,35,24,.8)}
.upgradePath{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.upgradePath i{font-style:normal;color:rgba(16,35,24,.48)}
.planPill{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;font:800 .76rem/1 var(--font-mono);text-decoration:none;border:1px solid transparent}
.planPill--basic{background:#dfe8ff;color:#2647a0;border-color:#c6d5ff}
.planPill--care{background:#efe5ff;color:#6935a0;border-color:#dfcaff}
.planPill--pro{background:#b9ffcb;color:#123b24;border-color:#7ff3a0}
.planPill--pearl{position:relative;overflow:hidden;color:#473a2e;background:linear-gradient(120deg,#fff 0%,#f3eee7 26%,#fff 50%,#e7ddd0 74%,#fff 100%);border-color:#d7c8b7;transition:transform .2s ease,box-shadow .2s ease}
.planPill--pearl:before{content:"";position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%);transform:translateX(-80%);transition:transform .5s ease}
.planPill--pearl:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(81,66,50,.14)}
.planPill--pearl:hover:before{transform:translateX(80%)}
.btn--facebook{background:#1461cc;color:#fff;border:1px solid #1461cc}   /* AA on white text */
.btn--facebook:hover{background:#0f68dc;border-color:#0f68dc;transform:translateY(-1px)}
.teamcard{max-width:920px}
@media(max-width:760px){
  .nextflow{grid-template-columns:1fr}
  .nextflow__item{min-height:0;display:grid;grid-template-columns:44px 1fr;gap:12px}
  .nextflow__num{margin-bottom:0}
  .earnfree{padding:22px 16px}
  .siteSave__urlrow b{font-size:1.35rem}
  .copyIcon{width:38px;height:38px;flex:0 0 auto}
}

/* v9 — final confirmation polish */
.done__in{text-align:center}
.doneTitle{position:relative;z-index:4}
.doneTitle .ink-underline{position:relative;z-index:5}
.doneTitle .ink-underline svg{z-index:8!important;left:-4%!important;width:110%!important;bottom:-.2em!important;overflow:visible!important}
.doneTitle .ink-underline path{stroke-width:10;stroke-linecap:round}
.doneLead{margin-left:auto!important;margin-right:auto!important;text-align:center}
.siteSave{text-align:center}
.earnfree__head h2 span{white-space:nowrap}
.rotatingBuilt{display:inline-flex;align-items:center;gap:.32em;min-height:1.2em}
.rotatingBuilt b{display:inline-block;min-width:7.8em;font-weight:800;transition:opacity .18s ease,transform .18s ease}
.rotatingBuilt b.is-swapping{opacity:0;transform:translateY(5px)}
.earnfree .perk,.earnfree .perk--bright,.earnfree .perk--white{background:#fff!important;backdrop-filter:none!important}
.earnfree .perk[open],.earnfree .perk[open] summary,.earnfree .perk[open] .perk__body{background:#fff!important}
.earnfree .perk[open] summary{box-shadow:inset 0 -1px 0 rgba(0,0,0,.07)}
.earnfree .perk__body{color:#2c352f!important}
.planPill--pro{position:relative;overflow:hidden;animation:proFloat 2.6s ease-in-out infinite,proGlow 2.1s ease-in-out infinite alternate;box-shadow:0 8px 22px rgba(81,220,126,.20);transition:transform .22s ease,box-shadow .22s ease}
.planPill--pro::after{content:"";position:absolute;inset:-120% -50%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.75) 50%,transparent 58%);transform:translateX(-90%);animation:proShine 2.8s ease-in-out infinite}
.planPill--pro:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 12px 30px rgba(81,220,126,.35)}
@keyframes proFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes proGlow{0%{filter:saturate(1)}100%{filter:saturate(1.15) brightness(1.04)}}
@keyframes proShine{0%,35%{transform:translateX(-90%)}68%,100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.planPill--pro,.planPill--pro::after{animation:none!important}.rotatingBuilt b{transition:none}}


/* v10 — final onboarding steps + continuous ALMOST swipe */
.doneWordSwipe{z-index:6}
.doneWordSwipe svg{z-index:10!important;left:-4%!important;width:110%!important;bottom:-.18em!important;transform-origin:left center;transform:scaleX(0)}
.doneWordSwipe path{stroke-dasharray:none!important;stroke-dashoffset:0!important;stroke-width:10!important}
.done:not([hidden]) .doneWordSwipe svg{animation:swipeRevealDone .8s var(--ease-out) .3s forwards}
@keyframes swipeRevealDone{to{transform:scaleX(1)}}
.nextflow__num{width:auto!important;min-width:70px;height:auto!important;border-radius:999px!important;padding:8px 11px!important;font-size:.72rem!important;color:#fff!important;margin-bottom:24px}
.nextflow__num--one{background:#3b56cc!important}
.nextflow__num--two{background:#7a4dcc!important}
.nextflow__num--three{background:#14764e!important}
.planPill--pearl{animation:pearlFloat 2.7s ease-in-out infinite,pearlGlow 2s ease-in-out infinite alternate;box-shadow:0 8px 24px rgba(120,104,82,.15)}
.planPill--pearl:before{animation:pearlShine 2.9s ease-in-out infinite}
.planPill--pearl:hover{transform:translateY(-4px) scale(1.07);box-shadow:0 14px 34px rgba(120,104,82,.25)}
.teamcard h2{color:var(--mint)}
.teamcard__white{color:#fff}
@keyframes pearlFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes pearlGlow{from{filter:saturate(1)}to{filter:saturate(1.18) brightness(1.04)}}
@keyframes pearlShine{0%,35%{transform:translateX(-90%)}68%,100%{transform:translateX(100%)}}
@media(max-width:760px){.nextflow__num{margin-bottom:0;min-width:66px!important}}
@media(prefers-reduced-motion:reduce){.doneWordSwipe svg{transform:scaleX(1);animation:none!important}.planPill--pearl,.planPill--pearl:before{animation:none!important}}
\n\n/* Submit progress state — keeps long Google Drive submissions feeling alive */\n#btnNext.is-submitting{\n  --submit-progress:0%;\n  position:relative;\n  overflow:hidden;\n  isolation:isolate;\n  min-width:190px;\n  justify-content:space-between;\n  cursor:wait;\n  background:#fff;\n  color:var(--charcoal);\n  border-color:rgba(33,33,33,.14);\n}\n#btnNext.is-submitting::before{\n  content:\"\";\n  position:absolute;\n  z-index:-1;\n  inset:0 auto 0 0;\n  width:var(--submit-progress);\n  background:linear-gradient(90deg,rgba(116,245,161,.72),rgba(187,255,211,.92));\n  transition:width .28s cubic-bezier(.2,.8,.2,1);\n}\n#btnNext.is-submitting::after{\n  content:\"\";\n  position:absolute;\n  inset:-120% auto -120% -28%;\n  width:34%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);\n  transform:skewX(-18deg);\n  animation:submitSweep 1.45s linear infinite;\n  pointer-events:none;\n}\n.submitProgress__label,.submitProgress__pct{position:relative;z-index:2}\n.submitProgress__pct{font-family:var(--font-mono);font-size:.78em;letter-spacing:.04em;margin-left:18px;font-variant-numeric:tabular-nums}\n@keyframes submitSweep{to{transform:translateX(410%) skewX(-18deg)}}\n@media (prefers-reduced-motion:reduce){\n  #btnNext.is-submitting::after{animation:none}\n  #btnNext.is-submitting::before{transition:none}\n}\n

/* Playful submit experience — visible only while the final request is sending */
.sendPlay{margin:20px 0 4px;padding:18px;border:1px solid rgba(33,33,33,.10);border-radius:22px;background:linear-gradient(145deg,#fff 0%,#fbfffc 58%,#f3fff7 100%);box-shadow:0 18px 50px rgba(33,33,33,.07);opacity:0;transform:translateY(10px) scale(.985);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1);overflow:hidden;position:relative}
.sendPlay.is-on{opacity:1;transform:none}
.sendPlay::after{content:"";position:absolute;inset:-50% auto auto -18%;width:46%;height:180%;background:linear-gradient(90deg,transparent,rgba(116,245,161,.10),transparent);transform:rotate(18deg);animation:sendPlayWash 3.8s ease-in-out infinite;pointer-events:none}
.sendPlay__top{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;position:relative;z-index:1}
.sendPlay__orb{width:52px;height:52px;border-radius:50%;background:#202020;color:#baffcf;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.sendPlay__orb>b{font-size:18px;animation:sendStarPulse 1.4s ease-in-out infinite}
.sendPlay__orb i{position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(186,255,207,.24);animation:sendOrbit 3s linear infinite}
.sendPlay__orb i:nth-child(2){inset:11px;animation-duration:2.15s;animation-direction:reverse}
.sendPlay__orb i:nth-child(3){inset:17px;animation-duration:1.55s}
.sendPlay__orb i::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#baffcf;top:-3px;left:50%;box-shadow:0 0 10px rgba(116,245,161,.65)}
.sendPlay__copy{display:flex;flex-direction:column;min-width:0}
.sendPlay__copy strong{font-size:15px;line-height:1.2;letter-spacing:-.02em;color:#212121}
.sendPlay__copy strong.is-swap{animation:sendTextPop .35s ease}
.sendPlay__copy span{font-size:12px;line-height:1.35;color:rgba(33,33,33,.58);margin-top:4px}
.sendPlay__bigpct{font-family:var(--font-mono);font-size:20px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#212121}
.sendPlay__track{height:10px;border-radius:999px;background:rgba(33,33,33,.07);margin-top:16px;position:relative;overflow:visible;z-index:1}
.sendPlay__track>i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#7cf0a5,#baffcf,#f1fff6);box-shadow:0 0 18px rgba(116,245,161,.28);transition:width .32s cubic-bezier(.2,.8,.2,1)}
.sendPlay__track>b{position:absolute;top:50%;left:0;transform:translate(-2px,-50%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#212121;color:#baffcf;font-size:10px;box-shadow:0 7px 18px rgba(33,33,33,.18);transition:left .32s cubic-bezier(.2,.8,.2,1)}
.sendPlay__fun{margin-top:14px;padding-top:13px;border-top:1px dashed rgba(33,33,33,.11);display:flex;align-items:center;gap:10px;min-width:0;position:relative;z-index:1}
.sendPlay__fun>span{font-size:11px;font-weight:700;color:rgba(33,33,33,.62);margin-right:auto}
.sendPlay__fun>em{font-family:var(--font-mono);font-style:normal;font-size:10px;color:rgba(33,33,33,.48);min-width:52px;text-align:right}
.sendPlay__spark{--sx:50%;width:38px;height:38px;min-width:38px;border:0;border-radius:50%;background:#212121;color:#baffcf;display:grid;place-items:center;font-size:15px;cursor:pointer;box-shadow:0 8px 18px rgba(33,33,33,.14);transition:transform .18s ease,background .18s ease}
.sendPlay__spark:hover{transform:translateY(-2px) rotate(8deg);background:#2d2d2d}
.sendPlay__spark:active{transform:scale(.9)}
.sendPlay__spark.is-popped{animation:sparkPop .5s cubic-bezier(.2,.9,.3,1)}
@keyframes sendOrbit{to{transform:rotate(360deg)}}
@keyframes sendStarPulse{50%{transform:scale(1.24) rotate(12deg)}}
@keyframes sendPlayWash{0%,100%{transform:translateX(-35%) rotate(18deg)}50%{transform:translateX(320%) rotate(18deg)}}
@keyframes sendTextPop{0%{opacity:.25;transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes sparkPop{0%{transform:scale(1)}35%{transform:scale(.65) rotate(-20deg)}65%{transform:scale(1.22) rotate(20deg)}100%{transform:scale(1)}}
@media(max-width:620px){.sendPlay{margin-top:16px;padding:15px;border-radius:18px}.sendPlay__top{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.sendPlay__orb{width:44px;height:44px}.sendPlay__bigpct{font-size:17px}.sendPlay__copy strong{font-size:14px}.sendPlay__copy span{font-size:11px}.sendPlay__fun>span{max-width:150px}.sendPlay__spark{width:36px;height:36px;min-width:36px}}
@media(prefers-reduced-motion:reduce){.sendPlay,.sendPlay__track>i,.sendPlay__track>b{transition:none}.sendPlay::after,.sendPlay__orb i,.sendPlay__orb>b,.sendPlay__spark.is-popped{animation:none}}

/* v17 — grand Tonle launch sequence */
.sendPlay--grand{
  --send-progress:0%;
  margin:24px 0 8px;
  padding:24px;
  border:1px solid rgba(33,33,33,.12);
  border-radius:28px;
  background:linear-gradient(145deg,#fff 0%,#fbfbff 48%,#f5fff8 100%);
  box-shadow:0 28px 80px rgba(33,33,33,.11);
  overflow:hidden;
  position:relative;
  isolation:isolate;
}
.sendPlay--grand::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;
  background:
    radial-gradient(circle at 18% 15%,rgba(183,160,255,.14),transparent 30%),
    radial-gradient(circle at 82% 72%,rgba(116,245,161,.16),transparent 34%);
}
.sendPlay__aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.sendPlay__aurora i{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(42px);opacity:.23;animation:launchDrift 7s ease-in-out infinite alternate}
.sendPlay__aurora i:nth-child(1){background:#baffcf;left:-60px;top:-80px}
.sendPlay__aurora i:nth-child(2){background:#bfaaff;right:-70px;top:20%;animation-delay:-2.4s}
.sendPlay__aurora i:nth-child(3){background:#fff3bd;left:35%;bottom:-150px;animation-delay:-4.1s}
.sendPlay__brand{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(33,33,33,.54);position:relative;z-index:2}
.sendPlay__brandDot{width:8px;height:8px;border-radius:50%;background:#74f5a1;box-shadow:0 0 0 5px rgba(116,245,161,.14);animation:launchDot 1.25s ease-in-out infinite}
.sendPlay__brand b{color:#212121;letter-spacing:.11em}.sendPlay__brand em{font-style:normal;margin-left:auto;border:1px solid rgba(33,33,33,.12);border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.58)}
.sendPlay__hero{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:center;margin:24px 0 20px;position:relative;z-index:2}
.sendPlay__orbitWrap{width:180px;height:180px;position:relative;display:grid;place-items:center;margin:auto}
.sendPlay__core{width:106px;height:106px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#191919;color:#fff;position:relative;z-index:4;box-shadow:0 18px 38px rgba(33,33,33,.22),inset 0 0 0 1px rgba(255,255,255,.1);animation:coreBreathe 2.4s ease-in-out infinite}
.sendPlay__core::after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(186,255,207,.18)}
.sendPlay__core span{font-family:var(--font-mono);font-weight:900;font-size:27px;letter-spacing:-.07em;font-variant-numeric:tabular-nums;z-index:1}
.sendPlay__core small{font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;color:#baffcf;margin-top:4px;z-index:1}
.sendPlay__orbit{position:absolute;border-radius:50%;border:1px solid rgba(33,33,33,.11);animation:orbitSpin 8s linear infinite}
.sendPlay__orbit--one{inset:8px}.sendPlay__orbit--two{inset:28px;animation-duration:5s;animation-direction:reverse;border-style:dashed}
.sendPlay__orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#74f5a1;box-shadow:0 0 16px rgba(116,245,161,.7)}
.sendPlay__orbit i:nth-child(1){left:50%;top:-5px}.sendPlay__orbit i:nth-child(2){right:-5px;top:50%;background:#bfaaff;box-shadow:0 0 16px rgba(191,170,255,.65)}.sendPlay__orbit i:nth-child(3){left:11%;bottom:12%;background:#fff0a9;box-shadow:0 0 16px rgba(255,240,169,.7)}
.sendPlay__copy--grand{align-items:flex-start}.sendPlay__eyebrow{font-family:var(--font-mono);font-size:9px!important;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#755bb3!important;margin:0 0 8px!important}.sendPlay__copy--grand strong{font-size:clamp(25px,4vw,42px);line-height:1.02;letter-spacing:-.055em;max-width:520px}.sendPlay__copy--grand>span:not(.sendPlay__eyebrow){font-size:13px;max-width:440px;margin-top:9px}.sendPlay__site{display:inline-flex;margin-top:14px;padding:7px 10px;border-radius:10px;background:#fff;border:1px solid rgba(33,33,33,.09);font-family:var(--font-mono);font-size:10px;box-shadow:0 6px 18px rgba(33,33,33,.05)}
.sendPlay__track--grand{height:12px;margin:2px 0 18px;background:rgba(33,33,33,.07);box-shadow:inset 0 1px 2px rgba(33,33,33,.05)}
.sendPlay__track--grand>i{background:linear-gradient(90deg,#b9a6ff 0%,#74f5a1 55%,#edff96 100%);box-shadow:0 0 22px rgba(116,245,161,.34)}
.sendPlay__track--grand>b{width:27px;height:27px;font-size:11px;background:#fff;color:#212121;border:1px solid rgba(33,33,33,.12);box-shadow:0 7px 20px rgba(33,33,33,.16);animation:runnerPulse 1s ease-in-out infinite}
.sendPlay__stages{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;position:relative;z-index:2}
.sendPlay__stages span{min-width:0;padding:10px 8px;border:1px solid rgba(33,33,33,.08);border-radius:13px;background:rgba(255,255,255,.58);display:flex;align-items:center;gap:7px;opacity:.46;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,border-color .25s ease,background .25s ease}
.sendPlay__stages i{font-family:var(--font-mono);font-style:normal;font-size:8px;color:rgba(33,33,33,.45)}.sendPlay__stages b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sendPlay__stages span.is-active{opacity:1;transform:translateY(-3px);background:#fff;border-color:rgba(116,245,161,.48);box-shadow:0 9px 18px rgba(33,33,33,.07)}.sendPlay__stages span.is-done{opacity:.78}.sendPlay__stages span.is-done i{color:#198f45}.sendPlay__stages span.is-done i::after{content:" ✓"}
.sendPlay__interactive{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;margin-top:18px;padding:15px 16px;border-radius:18px;background:#1f1f1f;color:#fff;position:relative;z-index:3;overflow:hidden}.sendPlay__interactive::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 45%,rgba(186,255,207,.08) 50%,transparent 55%);transform:translateX(-90%);animation:interactiveShine 3.6s ease-in-out infinite;pointer-events:none}.sendPlay__interactive>div{display:flex;flex-direction:column;min-width:0}.sendPlay__interactive strong{font-size:12px}.sendPlay__interactive div span{font-size:10px;color:rgba(255,255,255,.58);margin-top:2px}.sendPlay__boost{border:0;border-radius:999px;padding:11px 14px;background:#baffcf;color:#17251c;font-weight:900;font-size:10px;letter-spacing:.03em;cursor:pointer;white-space:nowrap;box-shadow:0 0 0 0 rgba(186,255,207,.28);transition:transform .18s ease,box-shadow .18s ease}.sendPlay__boost span{display:inline-block;margin-right:4px}.sendPlay__boost:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 7px rgba(186,255,207,.10)}.sendPlay__boost:active{transform:scale(.95)}.sendPlay__boost.is-popped span{animation:boostStar .45s ease}.sendPlay__interactive>em{font-family:var(--font-mono);font-style:normal;font-size:9px;color:#baffcf;min-width:58px;text-align:right}.sendPlay__burst{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden}.sendPlay__burst i{position:absolute;left:var(--x);bottom:62px;width:7px;height:7px;border-radius:2px;background:#74f5a1;animation:burstBit .82s cubic-bezier(.16,.74,.27,1) var(--delay) forwards}.sendPlay__burst i:nth-child(3n){background:#bda7ff;border-radius:50%}.sendPlay__burst i:nth-child(4n){background:#fff09c;width:5px;height:10px}.sendPlay__stay{text-align:center;font-size:9px;color:rgba(33,33,33,.46);margin:13px 0 0;position:relative;z-index:2}.sendPlay.is-boosted{animation:panelBoost .58s ease}
@keyframes launchDrift{to{transform:translate(45px,30px) scale(1.18)}}
@keyframes launchDot{50%{transform:scale(.68);box-shadow:0 0 0 8px rgba(116,245,161,.08)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes coreBreathe{50%{transform:scale(1.035);box-shadow:0 22px 46px rgba(33,33,33,.25),0 0 0 8px rgba(116,245,161,.05)}}
@keyframes runnerPulse{50%{transform:translate(-2px,-50%) scale(1.12)}}
@keyframes interactiveShine{0%,35%{transform:translateX(-95%)}70%,100%{transform:translateX(95%)}}
@keyframes boostStar{50%{transform:rotate(180deg) scale(1.45)}}
@keyframes burstBit{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--r))}}
@keyframes panelBoost{35%{transform:scale(1.008)}70%{box-shadow:0 28px 90px rgba(116,245,161,.18)}}
@media(max-width:700px){.sendPlay--grand{padding:18px 15px;border-radius:23px}.sendPlay__hero{grid-template-columns:1fr;text-align:center;gap:14px;margin:18px 0}.sendPlay__orbitWrap{width:148px;height:148px}.sendPlay__core{width:92px;height:92px}.sendPlay__core span{font-size:24px}.sendPlay__copy--grand{align-items:center}.sendPlay__copy--grand strong{font-size:28px}.sendPlay__copy--grand>span:not(.sendPlay__eyebrow){font-size:12px}.sendPlay__stages{gap:4px}.sendPlay__stages span{padding:8px 4px;display:block;text-align:center}.sendPlay__stages span i,.sendPlay__stages span b{display:block}.sendPlay__stages span b{font-size:8px;margin-top:3px}.sendPlay__interactive{grid-template-columns:1fr auto;padding:13px}.sendPlay__interactive>div{grid-column:1 / -1}.sendPlay__interactive>em{font-size:8px}.sendPlay__boost{padding:10px 12px}.sendPlay__stay{padding:0 8px}}
@media(prefers-reduced-motion:reduce){.sendPlay__aurora i,.sendPlay__brandDot,.sendPlay__orbit,.sendPlay__core,.sendPlay__track--grand>b,.sendPlay__interactive::before,.sendPlay.is-boosted{animation:none!important}.sendPlay__burst{display:none}}

/* v19 locked submit modal — v17 launch loader, simplified chrome */
body.is-sending-locked{overflow:hidden!important;touch-action:none}
.sendModal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(12,14,13,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .28s ease;overscroll-behavior:contain}
.sendModal.is-on{opacity:1}
.sendModal .sendPlay{width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:auto;margin:0;box-shadow:0 28px 90px rgba(0,0,0,.32);border-color:rgba(255,255,255,.72)}
.sendPlay__brand--logo{display:flex;align-items:center;justify-content:flex-start;min-height:34px;position:relative;z-index:3}
.sendPlay__brand--logo img{display:block;width:112px;height:auto;max-height:34px}
.sendPlay__copy--grand strong{margin-top:0}
.sendPlay__interactive{background:#202321}
.sendPlay__interactive div span{min-height:13px}
.sendPlay__boost:focus-visible{outline:3px solid rgba(116,245,161,.4);outline-offset:3px}
@media(max-width:700px){
  .sendModal{padding:12px;place-items:center}
  .sendModal .sendPlay{max-height:calc(100dvh - 24px);border-radius:22px}
  .sendPlay__brand--logo{justify-content:center}
  .sendPlay__brand--logo img{width:104px}
}
@media(prefers-reduced-motion:reduce){.sendModal{transition:none}}

.startLegal{position:fixed;left:0;right:0;bottom:0;z-index:5;text-align:center;padding:10px 12px;
  font-size:.78rem;color:var(--muted);pointer-events:none}
.startLegal a{pointer-events:auto;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.startLegal a:hover{color:var(--ink)}
@media(max-width:960px){.startLegal{display:none}}


/* v11 plan chooser */
.planChange{border:1px solid rgba(33,33,33,.13);background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;cursor:pointer;white-space:nowrap}.planChange b{text-transform:capitalize}
.planGate,.creatorGate{padding:clamp(46px,7vw,92px) 24px 80px;min-height:calc(100vh - 78px);background:#f3f3f3}.planGate__inner,.creatorGate__inner{max-width:1080px;margin:auto}.planGate h1,.creatorGate h1{font-size:clamp(46px,8vw,92px);line-height:.88;letter-spacing:-.07em;max-width:8ch;margin:20px 0}.planGate__inner>p{max-width:540px;font-size:16px;color:rgba(33,33,33,.62)}.planGate__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:42px}.planGateCard{text-align:left;border:1px solid rgba(33,33,33,.13);border-radius:22px;background:#fff;padding:24px;min-height:260px;display:flex;flex-direction:column;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.planGateCard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(33,33,33,.08)}.planGateCard small{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.planGateCard b{font-size:29px;letter-spacing:-.04em;margin:25px 0 10px}.planGateCard span{font-size:12px;line-height:1.55;color:rgba(33,33,33,.58)}.planGateCard em{margin-top:auto;padding-top:25px;font-style:normal;font-weight:900}.planGateCard--managed{background:#212121;color:#fff}.planGateCard--managed span{color:rgba(255,255,255,.62)}
.creatorGate__inner{max-width:780px}.creatorGate__inner>p{max-width:680px;line-height:1.65}.creatorGate__back{border:0;background:transparent;padding:0 0 18px;font-weight:800;cursor:pointer}.creatorGate__notes{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.creatorGate__notes span{border:1px solid rgba(33,33,33,.12);background:#fff;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}.creatorSuccess{margin:28px auto;max-width:720px;padding:24px;border-radius:20px;background:#f5f0ff;border:1px solid rgba(108,82,180,.16);text-align:center}.creatorSuccess__mark{font-size:30px}.creatorSuccess h3{font-size:27px;margin:8px 0}.creatorSuccess p{font-size:12px;color:rgba(33,33,33,.62);max-width:510px;margin:auto;line-height:1.55}
@media(max-width:800px){.planGate__grid{grid-template-columns:1fr}.planGateCard{min-height:210px}.planGate h1,.creatorGate h1{font-size:52px}.stepno{display:none}.planChange{font-size:9px}}

/* =========================================================================
   Short mobile-first intake (live start.html). The original 10-step brief is
   preserved in start-full.html.
   ========================================================================= */
.liteIntakePage{background:#f3f3f3;color:#212121;min-height:100vh}
.liteHead{position:sticky;top:0;z-index:20;background:rgba(243,243,243,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(33,33,33,.08)}
.liteHead__in{max-width:760px;margin:auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}
.liteIntake{width:min(760px,calc(100% - 32px));margin:0 auto;padding:clamp(38px,8vw,78px) 0 110px}
.litePlanGate,.liteFormWrap,.liteDone{background:#fff;border:1px solid rgba(33,33,33,.1);border-radius:28px;padding:clamp(24px,5vw,46px);box-shadow:0 20px 60px rgba(33,33,33,.06)}
.litePlanGate .d2,.liteIntro .d2,.liteDone .d2{margin:.3em 0 .2em;max-width:12ch}
.litePlanGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.litePlanCard{appearance:none;border:1px solid rgba(33,33,33,.13);border-radius:18px;background:#f7f7f7;padding:18px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:150px;color:#212121}
.litePlanCard small{font:800 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.litePlanCard b{font-size:24px;letter-spacing:-.04em}.litePlanCard span{font-size:12px;line-height:1.45;opacity:.67}.litePlanCard--growth{background:#212121;color:#fff;border-color:#212121}.litePlanCard:hover{transform:translateY(-2px)}
.litePlanChange{appearance:none;border:0;background:transparent;padding:0;margin:0 0 22px;font:700 11px/1.2 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:#546257}
.liteForm{display:grid;gap:20px;margin-top:36px}.liteTwo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.liteForm .field{margin:0}.liteForm label{display:block;font-weight:800;font-size:13px;margin-bottom:8px}.liteForm .req{color:#277c45;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.liteForm .opt{font-weight:600;opacity:.48;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.liteLegal{font-size:11px;line-height:1.5;color:rgba(33,33,33,.55);margin:2px 0 -2px}.liteSubmitErr{margin:0}.liteDone{text-align:center}.liteDone .d2{margin-left:auto;margin-right:auto}.liteDone .lead{max-width:42ch;margin:14px auto 28px}.liteDone .doneActions{justify-content:center}
@media(max-width:620px){.liteIntake{width:min(100% - 20px,760px);padding-top:18px}.litePlanGate,.liteFormWrap,.liteDone{padding:22px 18px;border-radius:22px}.litePlanGrid,.liteTwo{grid-template-columns:1fr}.litePlanCard{min-height:0}.liteForm{gap:17px;margin-top:28px}.liteForm .input,.liteForm .textarea{font-size:16px}.liteHead__in{padding:14px 15px}}