:root{
  --trial-blue:#2196f3;
  --trial-blue-deep:#1d4ed8;
  --trial-bg:#060b14;
  --trial-panel:#0d1524;
  --trial-line:rgba(255,255,255,.13);
  --trial-muted:#a9b4c5;
}

html{scroll-behavior:smooth}
body.trial-body{
  min-height:100vh;
  height:auto;
  padding-bottom:var(--trial-footer-space,74px)!important;
  background:var(--trial-bg);
  overflow-x:hidden;
}
#contact-app{display:none!important}
body.trial-body>footer.site-footer{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  display:block!important;
  margin:0!important;
  transform:none!important;
}

.trial-page{
  position:relative;
  min-height:100vh;
  color:#fff;
  background:
    radial-gradient(circle at 78% 10%,rgba(33,150,243,.16),transparent 28%),
    linear-gradient(180deg,#07101d 0%,#060b14 48%,#08111d 100%);
}
.trial-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 62%);
}
.trial-page section{position:relative}
.trial-shell{width:min(1180px,90vw);margin:0 auto}
.trial-kicker{
  margin:0 0 16px;
  color:var(--trial-blue);
  font-size:.76rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.22em;
}

.trial-hero{
  /* First screen: keep the complete introduction + CTA visible without scrolling. */
  min-height:calc(100svh - var(--trial-footer-space,74px));
  display:flex;
  align-items:center;
  padding:118px 0 42px;
  overflow:hidden;
}
.trial-hero__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.trial-hero::after{
  content:"";
  position:absolute;
  right:-14vw;
  top:11%;
  width:50vw;
  height:78%;
  border:1px solid rgba(33,150,243,.12);
  border-radius:50%;
  transform:rotate(-12deg);
  pointer-events:none;
}
.trial-hero__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.72fr);gap:8vw;align-items:center}
.trial-hero__copy{position:relative;z-index:2}
.trial-hero h1{
  margin:0;
  max-width:780px;
  font-family:Poppins,Montserrat,sans-serif;
  font-size:clamp(2.8rem,5.6vw,5.75rem);
  line-height:.92;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.trial-lead{max-width:700px;margin:20px 0 0;color:#c3cad5;font-size:clamp(.98rem,1.25vw,1.14rem);line-height:1.62}
.trial-meta{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 22px}
.trial-meta span{padding:8px 12px;border:1px solid var(--trial-line);border-radius:999px;color:#d7deea;background:rgba(255,255,255,.035);font-size:.78rem;font-weight:600}
/* Main trial CTA: intentionally more visible than secondary site buttons */
.trial-cta{
  position:relative;
  isolation:isolate;
  display:inline-flex!important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:58px;
  padding:7px 8px 7px 24px!important;
  border:1px solid rgba(116,192,252,.5)!important;
  border-radius:18px!important;
  overflow:hidden;
  color:#fff!important;
  background:linear-gradient(115deg,#155ee8 0%,#1689f7 58%,#34b3ff 100%)!important;
  box-shadow:0 18px 50px rgba(16,112,238,.34),inset 0 1px 0 rgba(255,255,255,.28)!important;
  font-weight:700!important;
  letter-spacing:.01em;
  transform:translateZ(0);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.trial-cta::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.24) 46%,transparent 72%);
  transform:translateX(-120%);
  transition:transform .65s ease;
}
.trial-cta:hover{
  transform:translateY(-2px);
  border-color:rgba(190,226,255,.9)!important;
  box-shadow:0 24px 62px rgba(16,112,238,.42),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.trial-cta:hover::before{transform:translateX(120%)}
.trial-cta:focus-visible{outline:3px solid rgba(125,211,252,.55);outline-offset:4px}
.trial-cta__text{white-space:nowrap}
.trial-cta__icon{
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:13px;
  background:rgba(4,22,48,.28);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.trial-cta__icon svg{transition:transform .22s ease}
.trial-cta:hover .trial-cta__icon svg{transform:translateY(3px)}

.trial-showcase{position:relative;z-index:2;justify-self:center;width:min(100%,350px)}
.trial-phone{
  position:relative;
  aspect-ratio:9/16;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  border-radius:34px;
  background:#03060a;
  box-shadow:0 35px 90px rgba(0,0,0,.62),0 0 0 8px rgba(255,255,255,.035),0 0 70px rgba(33,150,243,.14);
  transform:rotate(2deg);
}
.trial-phone::before{
  content:"";
  position:absolute;
  z-index:3;
  top:11px;
  left:50%;
  width:34%;
  height:20px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#05080e;
}
.trial-phone video{width:100%;height:100%;display:block;object-fit:cover}
.trial-phone__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 50%,rgba(0,0,0,.76));pointer-events:none}
.trial-phone__label{position:absolute;left:22px;bottom:22px;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.trial-phone__label span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--trial-blue);box-shadow:0 0 16px var(--trial-blue)}
.trial-showcase__caption{text-align:center;color:#8f9daf;font-size:.78rem;margin:20px 0 0;letter-spacing:.06em}

.trial-process{padding:105px 0!important;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,17,30,.62)}
.trial-process h2,.trial-upload-copy h2{margin:0;font:700 clamp(2rem,4.1vw,4.4rem)/1.02 Poppins,Montserrat,sans-serif;letter-spacing:-.04em;text-transform:uppercase}
.trial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;background:var(--trial-line);border:1px solid var(--trial-line);border-radius:22px;overflow:hidden}
.trial-step{padding:36px 30px;background:#09111e;min-height:230px}
.trial-step>span{display:block;margin-bottom:42px;color:var(--trial-blue);font-size:.78rem;font-weight:800;letter-spacing:.18em}
.trial-step h3{font-size:1.2rem;margin:0 0 12px}
.trial-step p{margin:0;color:var(--trial-muted);line-height:1.65}

.trial-upload-section{padding:115px 0!important}
.trial-upload-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.15fr);gap:8vw;align-items:start}
.trial-upload-copy{position:sticky;top:145px}
.trial-upload-copy>p:not(.trial-kicker){color:var(--trial-muted);line-height:1.7;margin:25px 0}
.trial-rules{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--trial-line)}
.trial-rules li{position:relative;padding:14px 0 14px 24px;border-bottom:1px solid var(--trial-line);color:#d5dce7;font-size:.9rem}
.trial-rules li::before{content:"";position:absolute;left:0;top:19px;width:7px;height:7px;border-radius:50%;background:var(--trial-blue)}

#trialForm{scroll-margin-top:28px}
.trial-form{padding:34px;border:1px solid var(--trial-line);border-radius:24px;background:rgba(12,22,38,.84);box-shadow:0 30px 70px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.trial-preview-note{display:none;margin:-8px 0 24px;padding:11px 13px;border-radius:10px;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.28);color:#cce8ff;font-size:.8rem;line-height:1.45}
.trial-form-progress{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 34px;padding:0}
.trial-form-progress li{position:relative;display:flex;align-items:center;gap:9px;min-width:0;color:#687589;font-size:.72rem;font-weight:700;transition:color .2s ease}
.trial-form-progress li:not(:last-child)::after{content:"";position:absolute;left:calc(100% - 4px);right:-6px;top:15px;height:1px;background:var(--trial-line)}
.trial-form-progress li>span{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--trial-line);border-radius:50%;background:#0c1626;color:#7e8b9e;transition:.2s ease}
.trial-form-progress li small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}
.trial-form-progress li.is-active,.trial-form-progress li.is-complete{color:#e8eef7}
.trial-form-progress li.is-active>span{border-color:var(--trial-blue);background:var(--trial-blue);color:#fff;box-shadow:0 0 0 5px rgba(33,150,243,.11)}
.trial-form-progress li.is-complete>span{border-color:rgba(33,150,243,.55);background:rgba(33,150,243,.12);color:#8bd0ff}
.trial-form-step[hidden]{display:none!important}
.trial-step-heading{margin:0 0 28px}
.trial-step-heading>span{display:block;margin-bottom:9px;color:var(--trial-blue);font-size:.67rem;font-weight:800;letter-spacing:.16em}
.trial-step-heading h3{margin:0;font:700 clamp(1.55rem,2.5vw,2.15rem)/1.1 Poppins,Montserrat,sans-serif;letter-spacing:-.035em}
.trial-step-heading p{margin:10px 0 0;color:#8f9caf;font-size:.84rem;line-height:1.55}
.trial-fields{display:grid;gap:18px}
.trial-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.trial-form label>span,.trial-style-picker legend{display:block;margin-bottom:9px;color:#dce3ed;font-size:.82rem;font-weight:700}
.trial-form input[type=text],.trial-form input[type=email],.trial-form input[type=url],.trial-form select,.trial-form textarea{
  width:100%;
  border:1px solid var(--trial-line);
  border-radius:12px;
  outline:none;
  background:rgba(255,255,255,.035);
  color:#fff;
  font:inherit;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.trial-form input[type=text],.trial-form input[type=email],.trial-form input[type=url],.trial-form select{height:50px;padding:0 14px}
.trial-form select{appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,#8390a3 50%),linear-gradient(135deg,#8390a3 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.trial-form select option{background:#0d1727;color:#fff}
.trial-form textarea{min-height:118px;padding:14px;resize:vertical}
.trial-form-step textarea{min-height:92px}
.trial-form input:focus,.trial-form select:focus,.trial-form textarea:focus{border-color:var(--trial-blue);background-color:rgba(33,150,243,.055);box-shadow:0 0 0 3px rgba(33,150,243,.1)}
.trial-form input::placeholder,.trial-form textarea::placeholder{color:#6f7b8d}
.trial-field{display:block;margin-top:18px}
.trial-field-group{margin-top:18px}
.trial-style-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 0;padding:0;border:0}
.trial-style-picker--four{grid-template-columns:repeat(2,1fr)}
.trial-style-picker legend{grid-column:1/-1}
.trial-style-picker label{cursor:pointer}
.trial-style-picker input{position:absolute;opacity:0;pointer-events:none}
.trial-style-picker label>span{height:100%;margin:0;padding:14px;border:1px solid var(--trial-line);border-radius:12px;background:rgba(255,255,255,.025);line-height:1.3;transition:.2s ease}
.trial-style-picker label small{color:#8794a6;font-weight:400;font-size:.7rem}
.trial-style-picker input:checked+span{border-color:var(--trial-blue);background:rgba(33,150,243,.095);box-shadow:inset 0 0 0 1px rgba(33,150,243,.18)}

.trial-trust-choice{display:flex;align-items:flex-start;gap:12px;margin-top:22px;padding:16px;border:1px solid rgba(33,150,243,.25);border-radius:14px;background:rgba(33,150,243,.055)}
.trial-trust-choice input{flex:0 0 auto;margin-top:3px;accent-color:var(--trial-blue)}
.trial-trust-choice label{margin:0;cursor:pointer}
.trial-trust-choice label strong{display:block;color:#edf5ff;font-size:.84rem}
.trial-trust-choice label small{display:block;margin-top:5px;color:#8190a4;font-size:.72rem;line-height:1.5}

.trial-step-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px}
.trial-step-actions--end{justify-content:flex-end}
.trial-next{min-width:155px;border:0}
.trial-back{padding:10px 0;border:0;background:transparent;color:#8c99aa;font:700 .78rem Montserrat,sans-serif;cursor:pointer}
.trial-back:hover{color:#fff}

.trial-delivery-card{margin-bottom:22px;padding:20px;border:1px solid rgba(33,150,243,.28);border-radius:16px;background:linear-gradient(135deg,rgba(33,150,243,.105),rgba(33,150,243,.035))}
.trial-delivery-card>span{display:block;margin-bottom:7px;color:#75c7ff;font-size:.66rem;font-weight:800;letter-spacing:.15em}
.trial-delivery-card strong{display:block;color:#fff;font-size:1.08rem}
.trial-delivery-card p{margin:7px 0 0;color:#8d9caf;font-size:.75rem;line-height:1.5}

.trial-dropzone{margin-top:22px;padding:42px 20px;text-align:center;border:1px dashed rgba(100,181,246,.55);border-radius:18px;background:rgba(33,150,243,.04);cursor:pointer;transition:.2s ease}
.trial-dropzone:hover,.trial-dropzone:focus,.trial-dropzone.is-dragging{border-color:var(--trial-blue);background:rgba(33,150,243,.085);outline:none}
.trial-upload-icon{position:relative;width:44px;height:44px;margin:0 auto 14px;border:1px solid rgba(255,255,255,.2);border-radius:50%}
.trial-upload-icon::before{content:"";position:absolute;left:50%;top:12px;width:2px;height:18px;background:#fff;transform:translateX(-50%)}
.trial-upload-icon::after{content:"";position:absolute;left:50%;top:11px;width:8px;height:8px;border-left:2px solid #fff;border-top:2px solid #fff;transform:translateX(-50%) rotate(45deg)}
.trial-dropzone strong{display:block;font-size:1rem}
.trial-dropzone p{margin:7px 0;color:#8794a6;font-size:.84rem}
.trial-dropzone p span{color:var(--trial-blue);font-weight:700}
.trial-dropzone small{color:#667386}
.trial-file-summary{margin-top:14px;color:#bac5d4;font-size:.78rem}
.trial-file-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:7px}
.trial-file-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--trial-line);border-radius:10px;background:rgba(255,255,255,.025);font-size:.78rem}
.trial-file-list li span:first-child{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trial-file-list li small{color:#7f8da0}
.trial-file-list button{border:0;background:transparent;color:#9faabb;cursor:pointer;font-size:1rem;line-height:1}
.trial-file-list button:hover{color:#fff}
.trial-consent{display:flex!important;align-items:flex-start;gap:10px;margin:22px 0 0;color:#9eabba;font-size:.76rem;line-height:1.5}
.trial-consent input{margin-top:3px;accent-color:var(--trial-blue)}
.trial-consent span{margin:0!important;font-weight:400!important}
.trial-consent a{text-decoration:underline;text-underline-offset:2px}
.trial-submit{flex:1 1 auto;justify-content:center;min-height:50px;border:0;border-radius:12px!important;font-family:inherit;cursor:pointer}
.trial-submit:disabled{opacity:.5;cursor:not-allowed}
.trial-status{display:none;margin-top:14px;padding:13px;border-radius:10px;font-size:.8rem;line-height:1.5}
.trial-status.is-warn{display:block;color:#f9e6b0;background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.25)}
.trial-status.is-error{display:block;color:#ffd0d0;background:rgba(239,68,68,.09);border:1px solid rgba(239,68,68,.25)}

.trial-fineprint{padding:0 0 90px!important}
.trial-fineprint p{max-width:920px;margin:0;color:#6f7d90;font-size:.76rem;line-height:1.65}

@media (max-width:1050px){
  .trial-hero__grid{gap:5vw}
  .trial-hero h1{font-size:clamp(3rem,7.4vw,5.4rem)}
  .trial-upload-grid{gap:5vw}
}

@media (max-width:900px){
  .trial-hero{
    min-height:calc(100svh - var(--trial-footer-space,60px));
    padding:108px 0 28px;
    align-items:center;
  }
  .trial-hero__grid{grid-template-columns:minmax(0,1fr);gap:0}
  .trial-hero__copy{text-align:center;align-items:center;margin:auto}
  .trial-kicker{margin-bottom:12px}
  .trial-hero h1{font-size:clamp(2.3rem,10vw,4.3rem);line-height:.94;max-width:720px}
  .trial-lead{max-width:620px;margin-top:16px;line-height:1.55}
  .trial-meta{justify-content:center;margin:16px 0 18px}
  .trial-cta{display:inline-flex;align-items:center;justify-content:space-between}
  /* The example Reel continues below the first viewport; the CTA stays immediately visible. */
  .trial-showcase{display:none}
  .trial-process{padding:68px 0!important}
  .trial-steps{grid-template-columns:1fr}
  .trial-step{min-height:auto;padding:28px 24px}
  .trial-step>span{margin-bottom:24px}
  .trial-upload-section{padding:68px 0!important}
  .trial-upload-grid{grid-template-columns:1fr;gap:45px}
  .trial-upload-copy{position:static}

  body.trial-body>footer.site-footer{padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important}
  body.trial-body>footer.site-footer .footer-inner{width:100%;max-width:none;justify-content:center;flex-wrap:nowrap;gap:0}
  body.trial-body>footer.site-footer .footer-socials,
  body.trial-body>footer.site-footer .footer-links{display:none!important}
  body.trial-body>footer.site-footer .footer-right{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:9px}
  body.trial-body>footer.site-footer .footer-email{flex:0 0 auto;font-size:11px;white-space:nowrap}
  body.trial-body>footer.site-footer .footer-ticker{display:flex!important;flex:1 1 auto;min-width:0;max-width:none;margin:0;opacity:1!important;visibility:visible!important;transform:none!important}
  body.trial-body>footer.site-footer .ticker-badge{display:none!important}
  body.trial-body>footer.site-footer .ticker-viewport{display:flex;align-items:center;width:100%;min-width:0;overflow:hidden;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025)}
  body.trial-body>footer.site-footer .ticker-track{display:flex;align-items:center;gap:26px;width:max-content;white-space:nowrap;will-change:transform;animation:footerTickerMarquee 90s linear infinite}
  body.trial-body>footer.site-footer .ticker-content{display:inline-block;font-size:10px;color:#d8e0eb}
}

@media (max-width:620px){
  .trial-shell{width:min(100% - 36px,1180px)}
  .trial-hero{min-height:calc(100svh - var(--trial-footer-space,56px));padding:94px 0 22px}
  .trial-hero h1{font-size:clamp(2.05rem,10.6vw,3.55rem);line-height:.94}
  .trial-lead{font-size:.9rem;line-height:1.48;margin-top:14px}
  .trial-meta{gap:6px;margin:14px 0 16px}
  .trial-meta span{font-size:.64rem;padding:6px 8px}
  .trial-cta{width:100%;max-width:330px;min-height:54px}
  .trial-showcase{display:none}
  .trial-process h2,.trial-upload-copy h2{font-size:clamp(2rem,10.7vw,3.2rem)}
  .trial-fields--two,.trial-style-picker{grid-template-columns:1fr}
  .trial-form{padding:22px 17px;border-radius:18px}
  .trial-dropzone{padding:34px 14px}
  .trial-form-progress{gap:6px;margin-bottom:28px}
  .trial-form-progress li{justify-content:center}
  .trial-form-progress li small{display:none}
  .trial-form-progress li:not(:last-child)::after{left:calc(50% + 18px);right:calc(-50% + 18px)}
  .trial-step-actions{align-items:stretch;flex-direction:column-reverse}
  .trial-step-actions--end{flex-direction:column}
  .trial-next,.trial-submit{width:100%}
  .trial-back{min-height:42px}
}

@media (max-width:380px){
  .trial-shell{width:calc(100% - 24px)}
  .trial-hero{padding-top:88px;padding-bottom:18px}
  .trial-hero h1{font-size:1.95rem;letter-spacing:-.045em}
  .trial-lead{font-size:.82rem;line-height:1.42}
  .trial-meta{margin:12px 0 14px}
  .trial-meta span{font-size:.64rem}
  .trial-showcase{width:min(72vw,252px)}
  .trial-form{padding:20px 14px}
  .trial-step-heading h3{font-size:1.45rem}
  body.trial-body>footer.site-footer .footer-email{font-size:10px}
  body.trial-body>footer.site-footer .ticker-viewport{padding-inline:8px}
}


.trial-review-card{margin:24px 0 18px;padding:18px;border:1px solid rgba(87,183,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(33,150,243,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.trial-review-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}
.trial-review-head span{color:#59b7ff;font-size:.62rem;font-weight:800;letter-spacing:.17em}
.trial-review-head strong{color:#fff;font:700 1.08rem/1.1 Poppins,Montserrat,sans-serif}
.trial-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.trial-review-grid>div{min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}
.trial-review-grid small{display:block;margin-bottom:5px;color:#77869a;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.trial-review-grid b{display:block;overflow:hidden;color:#eaf3ff;font-size:.82rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:620px){.trial-review-card{padding:15px;border-radius:15px}.trial-review-grid{grid-template-columns:1fr 1fr;gap:8px}.trial-review-grid>div{padding:10px}.trial-review-grid b{font-size:.76rem}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .trial-phone{transform:none}
  body.trial-body>footer.site-footer .ticker-track{animation:none!important}
}

/* =========================================================
   2P DRONE — MOBILE / TABLET TRIAL APP
   Dedicated compact experience for email traffic.
   Desktop keeps the full storytelling page.
   ========================================================= */
.trial-mobile-appbar,
.trial-mobile-intro,
.trial-upload-mobile{display:none}

@media (max-width:1024px){
  html{scroll-behavior:smooth;background:#060b14}
  body.trial-body{
    min-height:100svh;
    padding:0!important;
    background:
      radial-gradient(circle at 90% -5%,rgba(33,150,243,.16),transparent 28%),
      #060b14;
  }

  /* The compact link is a focused mini-app: no site navigation or fixed footer. */
  body.trial-body>header,
  body.trial-body>footer.site-footer,
  .trial-hero,
  .trial-process,
  .trial-upload-copy,
  .trial-fineprint{display:none!important}

  .trial-page{
    min-height:100svh;
    background:
      radial-gradient(circle at 85% 0%,rgba(33,150,243,.13),transparent 31%),
      linear-gradient(180deg,#07101c 0%,#060b14 50%,#07101b 100%);
  }
  .trial-page::before{opacity:.08;background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 45%)}
  .trial-upload-section{min-height:100svh;padding:0!important}
  .trial-shell.trial-upload-grid{width:100%;margin:0;display:block}

  .trial-form{
    width:min(720px,100%);
    min-height:100svh;
    margin:0 auto;
    padding:calc(14px + env(safe-area-inset-top)) 22px calc(36px + env(safe-area-inset-bottom));
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }

  .trial-mobile-appbar{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) 38px;
    align-items:center;
    gap:12px;
    padding:4px 0 14px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .trial-mobile-brand{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:rgba(255,255,255,.035);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }
  .trial-mobile-brand img{display:block;width:51px;height:auto;max-height:51px;object-fit:contain}
  .trial-mobile-title{min-width:0}
  .trial-mobile-title>span{display:block;margin-bottom:4px;color:#59b7ff;font-size:.61rem;font-weight:800;letter-spacing:.17em}
  .trial-mobile-title strong{display:block;color:#fff;font:700 1.18rem/1.08 Poppins,Montserrat,sans-serif;letter-spacing:-.025em}
  .trial-mobile-title small{display:block;margin-top:4px;color:#7f8da1;font-size:.7rem}
  .trial-mobile-secure{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid rgba(95,183,255,.22);
    border-radius:12px;
    color:#77c7ff;
    background:rgba(33,150,243,.065);
  }

  .trial-mobile-intro{display:block;padding:18px 0 14px}
  .trial-mobile-intro p{margin:0;color:#b8c2d0;font-size:.88rem;line-height:1.55}
  .trial-mobile-chips{display:flex;gap:7px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:none}
  .trial-mobile-chips::-webkit-scrollbar{display:none}
  .trial-mobile-chips span{
    flex:0 0 auto;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    color:#dbe4ef;
    background:rgba(255,255,255,.032);
    font-size:.67rem;
    font-weight:700;
  }

  .trial-preview-note{margin:0 0 12px}

  .trial-form-progress{
    position:sticky;
    top:0;
    z-index:20;
    margin:0 -6px 22px;
    padding:10px 6px 12px;
    border-bottom:1px solid rgba(255,255,255,.07);
    background:linear-gradient(180deg,rgba(6,11,20,.98) 0%,rgba(6,11,20,.94) 82%,rgba(6,11,20,0) 100%);
    backdrop-filter:blur(14px);
  }
  .trial-form-progress li{font-size:.69rem;color:#68758a}
  .trial-form-progress li>span{width:29px;height:29px;flex-basis:29px;background:#0b1524}
  .trial-form-progress li.is-active>span{box-shadow:0 0 0 4px rgba(33,150,243,.10)}

  .trial-form-step.is-active{animation:trialMobileStepIn .3s cubic-bezier(.2,.7,.2,1) both}
  @keyframes trialMobileStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

  .trial-step-heading{margin:0 0 22px}
  .trial-step-heading>span{margin-bottom:8px;font-size:.61rem;letter-spacing:.18em}
  .trial-step-heading h3{font-size:clamp(1.62rem,5.6vw,2.05rem);line-height:1.04}
  .trial-step-heading p{margin-top:9px;font-size:.79rem;line-height:1.5}

  .trial-fields{gap:14px}
  .trial-fields--two{grid-template-columns:1fr 1fr;gap:14px}
  .trial-form label>span,.trial-style-picker legend{margin-bottom:7px;font-size:.76rem}
  .trial-form input[type=text],.trial-form input[type=email],.trial-form input[type=url],.trial-form select{
    height:54px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    font-size:16px; /* prevents iOS zoom */
  }
  .trial-form textarea{min-height:104px;border-radius:14px;background:rgba(255,255,255,.04);font-size:16px}
  .trial-field,.trial-field-group{margin-top:16px}

  .trial-style-picker,.trial-style-picker--four{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
  .trial-style-picker label>span{padding:13px 12px;border-radius:14px;font-size:.77rem}
  .trial-style-picker label small{font-size:.66rem}
  .trial-trust-choice{margin-top:18px;padding:14px;border-radius:14px}

  .trial-step-actions{
    position:sticky;
    bottom:0;
    z-index:15;
    margin:26px -8px -12px;
    padding:14px 8px calc(12px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(6,11,20,0),rgba(6,11,20,.93) 26%,#060b14 62%);
  }
  .trial-step-actions--end{justify-content:flex-end}
  .trial-next,.trial-submit{
    min-height:54px;
    border-radius:15px!important;
    box-shadow:0 14px 34px rgba(16,112,238,.22);
  }
  .trial-back{min-height:48px;padding-inline:8px}

  .trial-delivery-card{margin-bottom:18px;padding:16px;border-radius:15px}
  .trial-delivery-card strong{font-size:1rem}
  .trial-dropzone{
    margin-top:16px;
    padding:32px 18px;
    border:1px solid rgba(86,181,255,.42);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(33,150,243,.095),rgba(33,150,243,.025));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  .trial-dropzone strong{font-size:1.05rem}
  .trial-dropzone p{margin:7px auto;max-width:330px;font-size:.78rem;line-height:1.45}
  .trial-dropzone small{display:block;margin-top:8px;font-size:.68rem;line-height:1.45}
  .trial-upload-desktop{display:none!important}
  .trial-upload-mobile{display:inline!important}
  .trial-upload-icon{width:50px;height:50px;margin-bottom:15px;border-color:rgba(118,200,255,.35);background:rgba(33,150,243,.07)}
  .trial-file-list li{min-height:44px;border-radius:12px}
  .trial-consent{margin-top:18px;padding:0 2px;font-size:.7rem}
}

@media (min-width:621px) and (max-width:1024px){
  .trial-form{
    min-height:auto;
    margin:20px auto 40px;
    padding:24px 28px 36px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:26px;
    background:rgba(10,18,31,.80);
    box-shadow:0 30px 90px rgba(0,0,0,.30);
    backdrop-filter:blur(16px);
  }
}

@media (max-width:620px){
  .trial-form{padding-left:17px;padding-right:17px}
  .trial-mobile-appbar{grid-template-columns:52px minmax(0,1fr) 36px;gap:10px}
  .trial-mobile-brand{width:52px;height:52px;border-radius:15px}
  .trial-mobile-brand img{width:46px;max-height:46px}
  .trial-mobile-title strong{font-size:1.08rem}
  .trial-mobile-secure{width:36px;height:36px}
  .trial-fields--two{grid-template-columns:1fr}
  .trial-form-progress{gap:4px}
  .trial-form-progress li{justify-content:center}
  .trial-form-progress li small{display:none}
  .trial-form-progress li:not(:last-child)::after{left:calc(50% + 18px);right:calc(-50% + 18px)}
  .trial-style-picker,.trial-style-picker--four{grid-template-columns:1fr 1fr}
  .trial-step-actions{align-items:stretch;flex-direction:column-reverse}
  .trial-step-actions--end{flex-direction:column}
  .trial-next,.trial-submit{width:100%}
}

@media (max-width:390px){
  .trial-mobile-title small{font-size:.64rem}
  .trial-mobile-intro p{font-size:.82rem}
  .trial-mobile-chips span{font-size:.63rem;padding:6px 8px}
  .trial-style-picker,.trial-style-picker--four{grid-template-columns:1fr}
}

/* Real Drive upload states */
.trial-file-list li.trial-file-item{align-items:stretch;gap:12px;padding:12px}
.trial-file-main{min-width:0;flex:1;display:grid;gap:7px}
.trial-file-top,.trial-file-meta{display:flex;align-items:center;gap:10px;min-width:0}
.trial-file-name{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trial-file-size{flex:0 0 auto;color:#7f8da0}
.trial-file-state{color:#8fa0b7;line-height:1.25}
.trial-file-item.is-complete .trial-file-state{color:#7ce6a7}
.trial-file-item.is-error .trial-file-state{color:#ff9d9d}
.trial-file-progress{height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}
.trial-file-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#2f66ff,#63b8ff);transition:width .24s ease}
.trial-file-item.is-complete .trial-file-progress span{background:#68dfa0}
.trial-file-item.is-error .trial-file-progress span{background:#ef6f6f}
.trial-file-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.trial-file-list .trial-file-actions button{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);color:#aeb9c8;min-height:30px;padding:4px 9px;font:inherit}
.trial-file-list .trial-file-actions .trial-file-remove{width:30px;padding:0;font-size:1.05rem}
.trial-file-list .trial-file-actions .trial-file-retry{color:#dbe7ff;font-size:.7rem;font-weight:750}
.trial-file-list .trial-file-actions button:hover{color:#fff;border-color:rgba(99,184,255,.45);background:rgba(47,102,255,.1)}
.trial-status.is-success{display:block;color:#c9ffe0;background:rgba(59,191,112,.1);border:1px solid rgba(92,224,145,.3)}
.trial-submit:disabled{opacity:.7;cursor:wait;transform:none!important}
.trial-dropzone.is-locked{pointer-events:none;opacity:.58}

@media (max-width:1024px){
  .trial-file-list li.trial-file-item{min-height:58px;padding:10px 11px;border-radius:14px}
  .trial-file-top{gap:8px}
  .trial-file-name{font-size:.78rem}
  .trial-file-size,.trial-file-state{font-size:.66rem}
  .trial-file-actions{align-items:flex-start;padding-top:1px}
  .trial-file-list .trial-file-actions button{min-height:30px}
}


/* =========================================================
   2P STUDIO — IMMERSIVE FOCUS MODE
   The public page explains the service; the Studio is the task.
   ========================================================= */
body.trial-studio-open{
  overflow:hidden!important;
  padding-right:var(--trial-scrollbar-comp,0px)!important;
}
body.trial-studio-open>header,
body.trial-studio-open>main,
body.trial-studio-open>footer.site-footer{
  pointer-events:none;
  user-select:none;
}

.trial-launch-grid{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(360px,1fr);
  gap:8vw;
  align-items:center;
}
.trial-launch-card{
  position:relative;
  overflow:hidden;
  padding:42px;
  border:1px solid rgba(111,190,255,.22);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(20,34,56,.86),rgba(8,17,30,.88));
  box-shadow:0 35px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055);
}
.trial-launch-card::before{
  content:"";
  position:absolute;
  width:300px;height:300px;
  right:-120px;top:-145px;
  border-radius:50%;
  background:rgba(33,150,243,.16);
  filter:blur(4px);
  pointer-events:none;
}
.trial-launch-card__eyebrow{display:block;margin-bottom:16px;color:#66c0ff;font-size:.68rem;font-weight:800;letter-spacing:.2em}
.trial-launch-card h3{position:relative;margin:0;color:#fff;font:700 clamp(2rem,3.3vw,3.7rem)/.98 Poppins,Montserrat,sans-serif;letter-spacing:-.045em;text-transform:uppercase}
.trial-launch-card>p{position:relative;max-width:560px;margin:20px 0 28px;color:#9dacbf;line-height:1.65}
.trial-cta--studio{position:relative}
.trial-launch-card__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.trial-launch-card__meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.03);color:#92a1b5;font-size:.67rem;font-weight:700}

.trial-studio{
  position:fixed;
  z-index:2147482000;
  inset:0;
  display:grid;
  place-items:center;
  padding:22px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .34s ease,visibility .34s ease;
}
.trial-studio__backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,13,.76);
  backdrop-filter:blur(18px) saturate(.7);
  -webkit-backdrop-filter:blur(18px) saturate(.7);
}
.trial-studio__backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 70% 10%,rgba(33,150,243,.15),transparent 35%),linear-gradient(180deg,rgba(2,7,14,.08),rgba(2,7,14,.46));
}
.trial-studio__panel{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  width:min(1060px,calc(100vw - 44px));
  height:min(88svh,860px);
  overflow:hidden;
  border:1px solid rgba(154,211,255,.20);
  border-radius:28px;
  outline:none;
  background:linear-gradient(180deg,rgba(11,21,36,.985),rgba(6,13,24,.985));
  box-shadow:0 45px 140px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.025) inset,0 0 80px rgba(33,150,243,.09);
  transform:translateY(18px) scale(.975);
  transition:transform .42s cubic-bezier(.2,.78,.22,1),opacity .32s ease;
  opacity:0;
}
.trial-studio.is-open{opacity:1;visibility:visible;pointer-events:auto}
.trial-studio.is-open .trial-studio__panel{transform:none;opacity:1}
.trial-studio__topbar{
  min-height:76px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:18px;
  padding:12px 16px 12px 18px;
  border-bottom:1px solid rgba(255,255,255,.075);
  background:rgba(9,17,29,.88);
  backdrop-filter:blur(18px);
}
.trial-studio__identity{display:flex;align-items:center;min-width:0;gap:12px}
.trial-studio__identity img{width:55px;height:55px;object-fit:contain;flex:0 0 auto}
.trial-studio__identity div{min-width:0}
.trial-studio__identity span{display:block;margin-bottom:2px;color:#57b8ff;font-size:.56rem;font-weight:800;letter-spacing:.18em}
.trial-studio__identity strong{display:inline;color:#fff;font:700 1.05rem/1 Poppins,Montserrat,sans-serif;letter-spacing:-.025em}
.trial-studio__identity small{margin-left:10px;color:#718096;font-size:.66rem}
.trial-studio__state{display:flex;align-items:center;gap:8px;color:#91a0b4;font-size:.67rem;font-weight:700;white-space:nowrap}
.trial-studio__state span{width:7px;height:7px;border-radius:50%;background:#52e29b;box-shadow:0 0 14px rgba(82,226,155,.65)}
.trial-studio__close{
  display:grid;place-items:center;width:42px;height:42px;padding:0;
  border:1px solid rgba(255,255,255,.09);border-radius:13px;
  background:rgba(255,255,255,.035);color:#aeb9c8;cursor:pointer;
  transition:.2s ease;
}
.trial-studio__close:hover{color:#fff;border-color:rgba(112,194,255,.35);background:rgba(33,150,243,.09);transform:rotate(2deg)}
.trial-studio__scroll{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(89,183,255,.35) transparent;
  scroll-behavior:smooth;
}
.trial-studio__scroll::-webkit-scrollbar{width:9px}
.trial-studio__scroll::-webkit-scrollbar-thumb{background:rgba(89,183,255,.28);border:3px solid transparent;background-clip:padding-box;border-radius:999px}

/* The form no longer behaves like a card inside the page: it becomes the Studio canvas. */
.trial-studio .trial-form{
  width:100%;
  min-height:0;
  margin:0;
  padding:24px 34px 30px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.trial-studio .trial-mobile-appbar,
.trial-studio .trial-mobile-intro{display:none!important}
.trial-studio .trial-preview-note{margin:0 0 14px}
.trial-studio .trial-form-progress{
  position:sticky;
  z-index:25;
  top:0;
  margin:0 -8px 20px;
  padding:7px 8px 12px;
  background:linear-gradient(180deg,rgba(8,16,29,.99) 0%,rgba(8,16,29,.95) 76%,rgba(8,16,29,0) 100%);
  backdrop-filter:blur(12px);
}
.trial-studio .trial-step-heading{margin-bottom:18px}
.trial-studio .trial-step-heading>span{margin-bottom:6px}
.trial-studio .trial-step-heading h3{font-size:clamp(1.45rem,2.3vw,2rem)}
.trial-studio .trial-step-heading p{margin-top:7px;max-width:760px}
.trial-studio .trial-fields{gap:12px 14px}
.trial-studio .trial-fields--two{grid-template-columns:repeat(3,minmax(0,1fr))}
.trial-studio .trial-field,.trial-studio .trial-field-group{margin-top:12px}
.trial-studio .trial-form label>span,.trial-studio .trial-style-picker legend{margin-bottom:6px;font-size:.75rem}
.trial-studio .trial-form input[type=text],
.trial-studio .trial-form input[type=email],
.trial-studio .trial-form input[type=url],
.trial-studio .trial-form select{height:46px}
.trial-studio .trial-form textarea{min-height:72px;max-height:130px}
.trial-studio .trial-dropzone{margin-top:12px;padding:27px 18px}
.trial-studio .trial-upload-icon{margin-bottom:10px}
.trial-studio .trial-file-list{max-height:185px;overflow:auto;padding-right:2px}
.trial-studio .trial-step-actions{margin-top:18px}
.trial-studio .trial-style-picker,.trial-studio .trial-style-picker--four{margin-top:13px;gap:8px}
.trial-studio .trial-style-picker label>span{padding:11px 10px}
.trial-studio .trial-trust-choice{margin-top:12px;padding:12px}
.trial-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.trial-notes-grid .trial-field{margin:0!important}
.trial-finish-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:12px;align-items:stretch;margin-top:14px}
.trial-finish-grid .trial-review-card,.trial-finish-grid .trial-delivery-card{margin:0;height:100%}
.trial-studio .trial-review-card{padding:14px}
.trial-studio .trial-review-head{margin-bottom:10px}
.trial-studio .trial-review-grid{gap:7px}
.trial-studio .trial-review-grid>div{padding:8px 10px}
.trial-studio .trial-delivery-card{padding:14px}
.trial-studio .trial-consent{margin-top:13px}

/* Tablet */
@media (max-width:900px){
  .trial-launch-grid{grid-template-columns:1fr;gap:34px}
  .trial-launch-card{padding:32px}
  .trial-studio{padding:12px}
  .trial-studio__panel{width:calc(100vw - 24px);height:calc(100svh - 24px);border-radius:24px}
  .trial-studio .trial-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trial-notes-grid{grid-template-columns:1fr 1fr}
  .trial-notes-grid .trial-field:first-child{grid-column:1/-1}
  .trial-finish-grid{grid-template-columns:1fr 1fr}
}

/* Smartphone / tablet landing: a clean launch screen; the Studio itself is full-screen. */
@media (max-width:1024px){
  body.trial-body>header{display:block!important}
  body.trial-body>footer.site-footer{display:block!important}
  .trial-hero{display:flex!important}
  .trial-process,.trial-upload-section,.trial-fineprint{display:none!important}
  .trial-page{min-height:calc(100svh - var(--trial-footer-space,60px));background:radial-gradient(circle at 86% 5%,rgba(33,150,243,.17),transparent 31%),linear-gradient(180deg,#07101d,#060b14 78%)}
  .trial-hero{min-height:calc(100svh - var(--trial-footer-space,60px));padding-bottom:36px!important}

  .trial-studio{padding:0}
  .trial-studio__panel{width:100vw;height:100svh;max-height:none;border:0;border-radius:0;box-shadow:none}
  .trial-studio__topbar{min-height:68px;padding:8px 11px 8px 13px;grid-template-columns:minmax(0,1fr) auto}
  .trial-studio__identity img{width:47px;height:47px}
  .trial-studio__identity span{font-size:.52rem}
  .trial-studio__identity strong{font-size:1rem}
  .trial-studio__identity small{display:block;margin:4px 0 0;font-size:.6rem}
  .trial-studio__state{display:none}
  .trial-studio__close{width:40px;height:40px;border-radius:12px}
  .trial-studio .trial-form{min-height:100%;padding:14px 18px calc(26px + env(safe-area-inset-bottom))}
  .trial-studio .trial-form-progress{margin:0 -2px 18px;padding:7px 2px 11px}
  .trial-studio .trial-step-heading{margin-bottom:16px}
  .trial-studio .trial-step-heading h3{font-size:clamp(1.45rem,5.6vw,1.9rem)}
  .trial-studio .trial-step-heading p{font-size:.78rem;line-height:1.5}
  .trial-studio .trial-form input[type=text],
  .trial-studio .trial-form input[type=email],
  .trial-studio .trial-form input[type=url],
  .trial-studio .trial-form select{height:52px;font-size:16px}
  .trial-studio .trial-form textarea{font-size:16px;min-height:82px}
  .trial-studio .trial-step-actions{position:sticky;bottom:0;z-index:20;margin:22px -4px -8px;padding:12px 4px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(6,13,24,0),rgba(6,13,24,.96) 28%,#060d18 58%)}
}

@media (max-width:620px){
  .trial-studio .trial-form{padding-left:14px;padding-right:14px}
  .trial-studio .trial-fields--two{grid-template-columns:1fr}
  .trial-notes-grid{grid-template-columns:1fr}
  .trial-notes-grid .trial-field:first-child{grid-column:auto}
  .trial-finish-grid{grid-template-columns:1fr}
  .trial-studio .trial-style-picker,.trial-studio .trial-style-picker--four{grid-template-columns:1fr 1fr}
  .trial-studio .trial-dropzone{padding:26px 14px}
  .trial-studio .trial-file-list{max-height:160px}
  .trial-studio .trial-step-actions{flex-direction:column-reverse;align-items:stretch}
  .trial-studio .trial-step-actions--end{flex-direction:column}
  .trial-studio .trial-next,.trial-studio .trial-submit{width:100%}
}

@media (max-width:390px){
  .trial-studio .trial-style-picker,.trial-studio .trial-style-picker--four{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .trial-studio,.trial-studio__panel{transition:none!important}
}

/* =========================================================
   2P STUDIO — ONE QUESTION AT A TIME
   No long form, no visible step count, no workspace scrolling.
   ========================================================= */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.trial-studio__identity small{color:#7d8ba0}
.trial-studio__scroll{overflow:hidden!important;scroll-behavior:auto!important}
.trial-studio .trial-form--questions{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  padding:18px 34px 24px;
  overflow:hidden;
}
.trial-studio .trial-preview-note{position:absolute;z-index:70;top:14px;left:50%;width:min(560px,calc(100% - 40px));margin:0;transform:translateX(-50%);box-shadow:0 18px 55px rgba(0,0,0,.32)}

.trial-question-progress{
  --question-progress:7%;
  position:relative;
  flex:0 0 auto;
  width:100%;
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.065);
}
.trial-question-progress span{position:absolute;inset:0 auto 0 0;width:var(--question-progress);border-radius:inherit;background:linear-gradient(90deg,#168df4,#62c5ff);box-shadow:0 0 18px rgba(47,167,255,.4);transition:width .38s cubic-bezier(.2,.75,.2,1)}
.trial-question-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 auto;margin:9px 0 4px;color:#66778d;font-size:.61rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.trial-question-progress-copy>span{color:#7891aa}
.trial-question-progress-copy small{font:inherit;color:#536276;text-transform:none;letter-spacing:0}

.trial-studio .trial-question-screen{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  margin:0;
}
.trial-studio .trial-question-screen.is-active{
  display:flex;
  animation:trialQuestionIn .28s cubic-bezier(.2,.72,.2,1) both;
}
@keyframes trialQuestionIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.trial-question-wrap{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:min(820px,100%);
  min-height:0;
  margin:auto;
  padding:12px 0 8px;
}
.trial-question-wrap--upload{width:min(870px,100%)}
.trial-question-wrap--review{width:min(900px,100%)}
.trial-studio .trial-question-screen .trial-step-heading{margin:0 0 22px;text-align:left}
.trial-studio .trial-question-screen .trial-step-heading>span{margin-bottom:8px;color:#56b8ff;font-size:.6rem;letter-spacing:.19em}
.trial-studio .trial-question-screen .trial-step-heading h3{max-width:780px;margin:0;font-size:clamp(1.8rem,3.15vw,2.65rem);line-height:1.04;letter-spacing:-.045em}
.trial-studio .trial-question-screen .trial-step-heading p{max-width:680px;margin-top:10px;color:#8391a4;font-size:.84rem;line-height:1.55}

.trial-question-input{display:block;width:100%;margin:0!important}
.trial-question-input>span{margin-bottom:9px!important;color:#98a8ba!important;font-size:.7rem!important;letter-spacing:.02em}
.trial-studio .trial-question-input input[type=text],
.trial-studio .trial-question-input input[type=email],
.trial-studio .trial-question-input input[type=url]{height:64px;padding:0 19px;border-radius:15px;font-size:1.05rem;background:rgba(255,255,255,.04)}
.trial-studio .trial-question-input textarea{min-height:150px;max-height:150px;padding:17px 19px;border-radius:15px;resize:none;font-size:.98rem;line-height:1.55;background:rgba(255,255,255,.04)}

.trial-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
.trial-choice-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.trial-choice-grid label{position:relative;min-width:0;cursor:pointer}
.trial-choice-grid input{position:absolute;opacity:0;pointer-events:none}
.trial-choice-grid label>span{display:flex;flex-direction:column;justify-content:center;min-height:78px;margin:0!important;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.027);color:#e7edf5;font-size:.82rem!important;font-weight:750!important;line-height:1.2;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.trial-choice-grid label>span small{display:block;margin-top:5px;color:#6f7f93;font-size:.66rem;font-weight:500;line-height:1.3}
.trial-choice-grid label:hover>span{border-color:rgba(91,187,255,.35);background:rgba(40,150,235,.055);transform:translateY(-1px)}
.trial-choice-grid input:focus-visible+span{outline:2px solid #4db8ff;outline-offset:2px}
.trial-choice-grid input:checked+span{border-color:#2aa7ff;background:linear-gradient(135deg,rgba(33,150,243,.15),rgba(33,150,243,.055));box-shadow:inset 0 0 0 1px rgba(92,193,255,.16),0 9px 28px rgba(0,0,0,.12)}
.trial-choice-grid input:checked+span::after{content:"✓";position:absolute;top:10px;right:12px;color:#70c9ff;font-size:.78rem;font-weight:900}

.trial-studio .trial-question-wrap--upload .trial-dropzone{margin:0;padding:25px 18px;border-radius:16px}
.trial-studio .trial-question-wrap--upload .trial-upload-icon{width:40px;height:40px;margin-bottom:9px}
.trial-studio .trial-question-wrap--upload .trial-file-summary{margin-top:9px}
.trial-studio .trial-question-wrap--upload .trial-file-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:130px;margin-top:8px;overflow:auto;gap:6px;padding-right:3px}
.trial-studio .trial-question-wrap--upload .trial-file-item{min-height:46px;padding:7px 9px}

.trial-studio .trial-step-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto;margin-top:22px;padding:0;background:none;position:static}
.trial-studio .trial-step-actions .trial-back{margin-right:auto}
.trial-skip{padding:11px 5px;border:0;background:transparent;color:#728196;font:700 .72rem Montserrat,sans-serif;cursor:pointer;transition:color .18s ease}
.trial-skip:hover{color:#c4d2e1}
.trial-studio .trial-next{min-width:158px;min-height:47px;padding:0 18px;border-radius:12px}
.trial-studio .trial-submit{flex:0 0 auto;min-width:190px;min-height:49px}

.trial-studio .trial-question-wrap--review .trial-step-heading{margin-bottom:14px}
.trial-studio .trial-question-wrap--review .trial-finish-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:10px;margin-top:0}
.trial-studio .trial-question-wrap--review .trial-review-card,
.trial-studio .trial-question-wrap--review .trial-delivery-card{padding:12px 14px}
.trial-studio .trial-question-wrap--review .trial-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.trial-studio .trial-question-wrap--review .trial-review-grid>div{padding:7px 9px}
.trial-studio .trial-question-wrap--review .trial-consent{margin-top:11px}

/* Status becomes a toast so errors never make the question layout jump. */
.trial-studio .trial-status{position:absolute;z-index:80;right:24px;bottom:20px;width:min(430px,calc(100% - 48px));margin:0;box-shadow:0 22px 60px rgba(0,0,0,.38)}

@media (max-width:900px){
  .trial-studio .trial-form--questions{padding:13px 20px calc(18px + env(safe-area-inset-bottom))}
  .trial-question-wrap{width:min(700px,100%);padding:8px 0 5px}
  .trial-studio .trial-question-screen .trial-step-heading{margin-bottom:18px}
  .trial-studio .trial-question-screen .trial-step-heading h3{font-size:clamp(1.65rem,5vw,2.3rem)}
  .trial-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .trial-choice-grid label>span{min-height:68px;padding:11px 12px}
  .trial-studio .trial-question-input input[type=text],
  .trial-studio .trial-question-input input[type=email],
  .trial-studio .trial-question-input input[type=url]{height:58px;font-size:16px}
  .trial-studio .trial-question-input textarea{min-height:128px;max-height:128px;font-size:16px}
  .trial-studio .trial-question-wrap--review .trial-finish-grid{grid-template-columns:1fr 1fr}
  .trial-studio .trial-step-actions{margin-top:16px}
}

@media (max-width:620px){
  .trial-studio__topbar{min-height:60px;padding:7px 10px}
  .trial-studio__identity img{width:42px;height:42px}
  .trial-studio__identity small{margin-top:2px;font-size:.56rem}
  .trial-studio .trial-form--questions{padding:11px 14px calc(12px + env(safe-area-inset-bottom))}
  .trial-question-progress-copy{margin:7px 0 2px}
  .trial-question-progress-copy small{display:none}
  .trial-question-wrap{justify-content:center;padding:3px 0}
  .trial-studio .trial-question-screen .trial-step-heading{margin-bottom:15px}
  .trial-studio .trial-question-screen .trial-step-heading>span{font-size:.55rem;margin-bottom:6px}
  .trial-studio .trial-question-screen .trial-step-heading h3{font-size:clamp(1.5rem,7.2vw,2rem)}
  .trial-studio .trial-question-screen .trial-step-heading p{margin-top:7px;font-size:.74rem;line-height:1.45}
  .trial-choice-grid,.trial-choice-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trial-choice-grid label>span{min-height:61px;padding:9px 10px;font-size:.75rem!important}
  .trial-choice-grid label>span small{font-size:.6rem}
  .trial-studio .trial-question-input input[type=text],
  .trial-studio .trial-question-input input[type=email],
  .trial-studio .trial-question-input input[type=url]{height:56px}
  .trial-studio .trial-question-input textarea{min-height:118px;max-height:118px}
  .trial-studio .trial-question-wrap--upload .trial-dropzone{padding:19px 12px}
  .trial-studio .trial-question-wrap--upload .trial-upload-icon{width:36px;height:36px}
  .trial-studio .trial-question-wrap--upload .trial-file-list{grid-template-columns:1fr;max-height:106px}
  .trial-studio .trial-step-actions{flex-direction:row!important;align-items:center!important;gap:8px;margin-top:14px;padding:0!important;background:none!important}
  .trial-studio .trial-step-actions .trial-back{font-size:.68rem}
  .trial-skip{font-size:.68rem}
  .trial-studio .trial-next{width:auto!important;min-width:130px;min-height:44px;padding:0 13px;font-size:.72rem}
  .trial-studio .trial-submit{width:auto!important;min-width:155px;min-height:45px;font-size:.72rem}
  .trial-studio .trial-question-wrap--review .trial-finish-grid{grid-template-columns:1fr;gap:7px}
  .trial-studio .trial-question-wrap--review .trial-delivery-card{display:none}
  .trial-studio .trial-question-wrap--review .trial-review-card{padding:10px}
  .trial-studio .trial-question-wrap--review .trial-consent{font-size:.68rem;line-height:1.4}
  .trial-studio .trial-status{right:12px;bottom:12px;width:calc(100% - 24px)}
}

@media (max-width:380px){
  .trial-choice-grid,.trial-choice-grid--four{gap:6px}
  .trial-choice-grid label>span{min-height:56px;padding:7px 8px}
  .trial-choice-grid label>span small{display:none}
  .trial-studio .trial-question-screen .trial-step-heading p{display:none}
}

@media (max-height:640px) and (min-width:621px){
  .trial-studio .trial-question-screen .trial-step-heading p{display:none}
  .trial-studio .trial-question-screen .trial-step-heading{margin-bottom:12px}
  .trial-choice-grid label>span{min-height:62px}
  .trial-studio .trial-question-input textarea{min-height:105px;max-height:105px}
  .trial-studio .trial-question-wrap--upload .trial-file-list{max-height:88px}
}

/* =========================================================
   2P STUDIO — VIEWPORT FIT / MOBILE + TABLET POLISH v2
   Keep every question mentally "complete" in one view.
   ========================================================= */

/* Dynamic viewport first: prevents mobile browser chrome from pushing actions away. */
.trial-studio__panel{height:min(860px,calc(100vh - 34px));height:min(860px,calc(100dvh - 34px))}
.trial-studio__scroll{min-height:0}
.trial-studio .trial-form--questions{min-height:0}
.trial-studio .trial-question-screen.is-active{min-height:0;overflow:hidden}
.trial-question-wrap{height:100%;max-height:100%;box-sizing:border-box}

/* Upload is a true app screen: heading + picker + summary + scrollable files + fixed action. */
.trial-question-wrap--upload{
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  align-content:stretch;
  justify-content:stretch;
  gap:0;
  height:100%;
  margin:auto;
  padding:8px 0 4px;
}
.trial-question-wrap--upload .trial-step-heading{grid-row:1}
.trial-question-wrap--upload .trial-dropzone{grid-row:2}
.trial-question-wrap--upload .trial-file-summary{grid-row:3;min-height:18px}
.trial-question-wrap--upload .trial-file-list{
  grid-row:4;
  min-height:0;
  max-height:none!important;
  align-content:start;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-bottom:4px;
}
.trial-question-wrap--upload .trial-step-actions{
  grid-row:5;
  margin-top:10px!important;
  padding-top:8px!important;
  border-top:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(7,15,27,.10),rgba(7,15,27,.98) 26%)!important;
  z-index:3;
}

/* Once at least one file exists the picker becomes a compact "add more" surface. */
.trial-question-wrap--upload.has-files .trial-step-heading{margin-bottom:10px!important}
.trial-question-wrap--upload.has-files .trial-step-heading p{display:none}
.trial-question-wrap--upload.has-files .trial-dropzone{
  min-height:0;
  padding:10px 14px!important;
  border-style:solid;
  display:grid;
  grid-template-columns:32px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:center;
  text-align:left;
}
.trial-question-wrap--upload.has-files .trial-upload-icon{grid-row:1/3;grid-column:1;width:32px!important;height:32px!important;margin:0!important}
.trial-question-wrap--upload.has-files .trial-dropzone>strong{grid-column:2;margin:0;font-size:.78rem}
.trial-question-wrap--upload.has-files .trial-dropzone>p{grid-column:2;margin:1px 0 0;font-size:.63rem}
.trial-question-wrap--upload.has-files .trial-dropzone .trial-upload-desktop:first-child::after,
.trial-question-wrap--upload.has-files .trial-dropzone .trial-upload-mobile:first-child::after{content:" · add more";color:#72c7ff;font-weight:700}
.trial-question-wrap--upload.has-files .trial-file-summary{margin:7px 0 4px!important}

/* Balanced touch ergonomics. */
.trial-studio button,.trial-studio input,.trial-studio textarea,.trial-studio label{touch-action:manipulation}
.trial-studio .trial-next,.trial-studio .trial-submit{box-shadow:0 12px 30px rgba(22,141,244,.16)}

/* Tablet: an app card with generous width, but no desktop-style dead space. */
@media (min-width:621px) and (max-width:1024px){
  .trial-studio__panel{height:100vh;height:100dvh}
  .trial-studio__topbar{min-height:64px;padding:7px 18px}
  .trial-studio__identity img{width:44px;height:44px}
  .trial-studio__identity strong{font-size:.96rem}
  .trial-studio__identity small{font-size:.56rem}
  .trial-studio .trial-form--questions{padding:12px clamp(24px,5vw,52px) calc(14px + env(safe-area-inset-bottom))}
  .trial-question-wrap{width:min(760px,100%);padding:4px 0}
  .trial-studio .trial-question-screen .trial-step-heading{margin-bottom:14px}
  .trial-studio .trial-question-screen .trial-step-heading h3{font-size:clamp(1.75rem,4.2vw,2.35rem)}
  .trial-studio .trial-question-screen .trial-step-heading p{max-width:620px;font-size:.78rem}
  .trial-choice-grid{gap:9px}
  .trial-choice-grid label>span{min-height:64px}
  .trial-studio .trial-question-input input[type=text],
  .trial-studio .trial-question-input input[type=email],
  .trial-studio .trial-question-input input[type=url]{height:56px}
  .trial-studio .trial-question-input textarea{min-height:118px;max-height:118px}
  .trial-question-wrap--upload{width:min(800px,100%)}
  .trial-question-wrap--upload .trial-file-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trial-studio .trial-step-actions{margin-top:12px}
}

/* Phone: full-screen service UI, designed around the thumb and the real visible viewport. */
@media (max-width:620px){
  .trial-studio__panel{height:100vh;height:100dvh}
  .trial-studio__topbar{min-height:54px;padding:5px 9px 5px 11px}
  .trial-studio__identity{gap:8px}
  .trial-studio__identity img{width:36px;height:36px}
  .trial-studio__identity span{font-size:.47rem;letter-spacing:.14em}
  .trial-studio__identity strong{font-size:.88rem;line-height:1.05}
  .trial-studio__identity small{display:none}
  .trial-studio__close{width:38px;height:38px;border-radius:11px}

  .trial-studio .trial-form--questions{
    padding:8px 12px calc(8px + env(safe-area-inset-bottom));
  }
  .trial-question-progress{height:2px}
  .trial-question-progress-copy{margin:5px 0 1px;font-size:.54rem}
  .trial-question-wrap{width:100%;padding:2px 0}
  .trial-studio .trial-question-screen .trial-step-heading{margin-bottom:11px}
  .trial-studio .trial-question-screen .trial-step-heading>span{margin-bottom:5px;font-size:.5rem}
  .trial-studio .trial-question-screen .trial-step-heading h3{font-size:clamp(1.35rem,6.6vw,1.85rem);line-height:1.03}
  .trial-studio .trial-question-screen .trial-step-heading p{margin-top:6px;font-size:.69rem;line-height:1.38}

  .trial-studio .trial-question-input>span{margin-bottom:6px!important;font-size:.63rem!important}
  .trial-studio .trial-question-input input[type=text],
  .trial-studio .trial-question-input input[type=email],
  .trial-studio .trial-question-input input[type=url]{height:50px;padding:0 14px;border-radius:13px;font-size:16px}
  .trial-studio .trial-question-input textarea{min-height:100px;max-height:100px;padding:13px 14px;border-radius:13px;font-size:16px}

  .trial-choice-grid,.trial-choice-grid--four{gap:7px}
  .trial-choice-grid label>span{min-height:54px;padding:8px 9px;border-radius:12px;font-size:.71rem!important}
  .trial-choice-grid label>span small{margin-top:3px;font-size:.56rem}

  .trial-question-wrap--upload{padding:2px 0 0}
  .trial-studio .trial-question-wrap--upload .trial-dropzone{padding:14px 10px;border-radius:13px}
  .trial-studio .trial-question-wrap--upload .trial-upload-icon{width:31px;height:31px;margin-bottom:5px}
  .trial-question-wrap--upload .trial-file-list{grid-template-columns:1fr!important;margin-top:4px;gap:5px;padding-right:1px}
  .trial-studio .trial-question-wrap--upload .trial-file-item{min-height:42px;padding:6px 8px;border-radius:10px}
  .trial-file-name{font-size:.68rem}
  .trial-file-size,.trial-file-state{font-size:.56rem}
  .trial-question-wrap--upload.has-files .trial-dropzone{padding:8px 10px!important;grid-template-columns:28px 1fr;column-gap:8px}
  .trial-question-wrap--upload.has-files .trial-upload-icon{width:28px!important;height:28px!important}
  .trial-question-wrap--upload.has-files .trial-dropzone>strong{font-size:.7rem}
  .trial-question-wrap--upload.has-files .trial-dropzone>p{font-size:.57rem}
  .trial-question-wrap--upload .trial-step-actions{margin-top:6px!important;padding-top:7px!important}

  .trial-studio .trial-step-actions{gap:7px;margin-top:10px}
  .trial-studio .trial-step-actions .trial-back,.trial-skip{min-height:40px;padding:0 4px;font-size:.63rem}
  .trial-studio .trial-next{min-width:122px;min-height:42px;padding:0 12px;border-radius:11px;font-size:.68rem}
  .trial-studio .trial-submit{min-width:145px;min-height:43px;border-radius:11px;font-size:.68rem}
}

/* Very short phones / landscape: preserve the action, sacrifice helper copy first. */
@media (max-height:700px) and (max-width:620px){
  .trial-studio__topbar{min-height:48px}
  .trial-studio__identity img{width:32px;height:32px}
  .trial-question-progress-copy{display:none}
  .trial-studio .trial-form--questions{padding-top:6px}
  .trial-studio .trial-question-screen .trial-step-heading{margin-bottom:8px}
  .trial-studio .trial-question-screen .trial-step-heading p{display:none}
  .trial-studio .trial-question-screen .trial-step-heading h3{font-size:clamp(1.22rem,5.9vw,1.65rem)}
  .trial-choice-grid label>span{min-height:49px}
  .trial-studio .trial-question-input input[type=text],
  .trial-studio .trial-question-input input[type=email],
  .trial-studio .trial-question-input input[type=url]{height:46px}
  .trial-studio .trial-question-input textarea{min-height:84px;max-height:84px}
}

/* =========================================================
   2P STUDIO — UPLOAD SCROLL v3
   One scroll surface only: picker + selected files + action.
   The question heading remains stable while the user reviews
   everything they selected and reaches Continue naturally.
   ========================================================= */

/* Undo the previous forced compression/fixed-action layout. */
.trial-question-wrap--upload{
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start!important;
  height:100%;
  max-height:100%;
  min-height:0;
  padding:8px 0 4px;
  overflow:hidden;
}
.trial-question-wrap--upload .trial-step-heading{
  flex:0 0 auto;
  margin-bottom:14px!important;
}

/* This is the only scrollable surface on the upload question. */
.trial-upload-scroll{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  padding:1px 10px 10px 1px;
}
.trial-upload-scroll::-webkit-scrollbar{width:7px}
.trial-upload-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:999px}
.trial-upload-scroll::-webkit-scrollbar-thumb{background:rgba(91,174,236,.34);border-radius:999px}
.trial-upload-scroll::-webkit-scrollbar-thumb:hover{background:rgba(91,174,236,.5)}
.trial-upload-scroll{scrollbar-width:thin;scrollbar-color:rgba(91,174,236,.34) rgba(255,255,255,.025)}

/* Let the contents grow naturally inside the single scroll area. */
.trial-studio .trial-question-wrap--upload .trial-dropzone{
  margin:0;
  min-height:0;
  padding:24px 18px!important;
  display:block!important;
  text-align:center!important;
}
.trial-question-wrap--upload .trial-upload-icon{
  width:40px!important;
  height:40px!important;
  margin:0 auto 9px!important;
}
.trial-question-wrap--upload .trial-dropzone>strong{
  display:block!important;
  margin:0!important;
  font-size:.92rem!important;
}
.trial-question-wrap--upload .trial-dropzone>p{
  display:block!important;
  margin:6px auto!important;
  font-size:.75rem!important;
}
.trial-question-wrap--upload .trial-dropzone>small{
  display:block!important;
  margin-top:8px!important;
  line-height:1.4;
}
.trial-question-wrap--upload .trial-file-summary{
  min-height:18px;
  margin:10px 0 5px!important;
}
.trial-question-wrap--upload .trial-file-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  max-height:none!important;
  min-height:0;
  overflow:visible!important;
  margin:0;
  padding:0;
}
.trial-question-wrap--upload .trial-step-actions{
  position:static!important;
  margin:14px 0 2px!important;
  padding:12px 0 2px!important;
  border-top:1px solid rgba(255,255,255,.055);
  background:none!important;
}

/* Completely disable the old post-selection squeeze treatment. */
.trial-question-wrap--upload.has-files .trial-step-heading{margin-bottom:14px!important}
.trial-question-wrap--upload.has-files .trial-step-heading p{display:block!important}
.trial-question-wrap--upload.has-files .trial-dropzone{
  padding:24px 18px!important;
  display:block!important;
  text-align:center!important;
}
.trial-question-wrap--upload.has-files .trial-upload-icon{width:40px!important;height:40px!important;margin:0 auto 9px!important}
.trial-question-wrap--upload.has-files .trial-dropzone>strong{display:block!important;font-size:.92rem!important}
.trial-question-wrap--upload.has-files .trial-dropzone>p{display:block!important;margin:6px auto!important;font-size:.75rem!important}
.trial-question-wrap--upload.has-files .trial-dropzone .trial-upload-desktop:first-child::after,
.trial-question-wrap--upload.has-files .trial-dropzone .trial-upload-mobile:first-child::after{content:none!important}
.trial-question-wrap--upload.has-files .trial-file-summary{margin:10px 0 5px!important}

/* Tablet: roomy file review, still one scroll surface. */
@media (min-width:621px) and (max-width:1024px){
  .trial-question-wrap--upload{width:min(820px,100%)}
  .trial-upload-scroll{padding-right:8px}
  .trial-question-wrap--upload .trial-file-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phone: clean single-column review with generous touch targets. */
@media (max-width:620px){
  .trial-question-wrap--upload{padding-top:2px}
  .trial-question-wrap--upload .trial-step-heading{margin-bottom:9px!important}
  .trial-question-wrap--upload .trial-step-heading p{display:none}
  .trial-upload-scroll{padding:1px 5px calc(8px + env(safe-area-inset-bottom)) 0}
  .trial-studio .trial-question-wrap--upload .trial-dropzone,
  .trial-question-wrap--upload.has-files .trial-dropzone{padding:16px 11px!important;border-radius:14px}
  .trial-question-wrap--upload .trial-upload-icon,
  .trial-question-wrap--upload.has-files .trial-upload-icon{width:34px!important;height:34px!important;margin:0 auto 6px!important}
  .trial-question-wrap--upload .trial-dropzone>strong,
  .trial-question-wrap--upload.has-files .trial-dropzone>strong{font-size:.76rem!important}
  .trial-question-wrap--upload .trial-dropzone>p,
  .trial-question-wrap--upload.has-files .trial-dropzone>p{font-size:.62rem!important;margin:4px auto!important}
  .trial-question-wrap--upload .trial-dropzone>small{margin-top:6px!important;font-size:.58rem!important}
  .trial-question-wrap--upload .trial-file-list{grid-template-columns:1fr!important;gap:6px}
  .trial-studio .trial-question-wrap--upload .trial-file-item{min-height:50px;padding:8px 9px;border-radius:11px}
  .trial-question-wrap--upload .trial-step-actions{margin-top:12px!important;padding-top:10px!important}
  .trial-question-wrap--upload .trial-step-actions .trial-next{width:100%!important;min-height:46px;font-size:.72rem}
}

@media (max-height:700px) and (max-width:620px){
  .trial-question-wrap--upload .trial-step-heading{margin-bottom:6px!important}
  .trial-studio .trial-question-wrap--upload .trial-dropzone,
  .trial-question-wrap--upload.has-files .trial-dropzone{padding:12px 10px!important}
  .trial-question-wrap--upload .trial-dropzone>small{display:none!important}
}


/* =========================================================
   2P STUDIO — COMPLETION HANDOFF
   A confident post-submit state: what happens next, email
   expectations and social follow-through in one focused view.
   ========================================================= */
.trial-complete[hidden]{display:none!important}
.trial-complete{
  position:absolute;
  inset:0;
  z-index:30;
  display:grid;
  place-items:center;
  overflow:auto;
  overscroll-behavior:contain;
  padding:clamp(18px,3vw,38px);
  background:
    radial-gradient(circle at 18% 10%,rgba(38,160,255,.16),transparent 34%),
    radial-gradient(circle at 88% 78%,rgba(68,226,160,.09),transparent 30%),
    linear-gradient(180deg,rgba(6,14,25,.985),rgba(4,10,19,.995));
  opacity:0;
  visibility:hidden;
  transition:opacity .32s ease,visibility .32s ease;
}
.trial-complete.is-visible{opacity:1;visibility:visible}
.trial-complete__glow{
  position:absolute;inset:0;pointer-events:none;overflow:hidden;
}
.trial-complete__glow::before{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:50%;top:-300px;transform:translateX(-50%);
  background:rgba(49,168,255,.14);filter:blur(74px);
}
.trial-complete__inner{
  position:relative;
  width:min(900px,100%);
  margin:auto;
  padding:clamp(24px,3.2vw,42px);
  border:1px solid rgba(131,204,255,.14);
  border-radius:26px;
  outline:none;
  background:linear-gradient(180deg,rgba(14,27,45,.86),rgba(8,17,30,.9));
  box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);
  transform:translateY(14px) scale(.985);
  opacity:0;
  transition:transform .44s cubic-bezier(.2,.78,.22,1),opacity .3s ease;
}
.trial-complete.is-visible .trial-complete__inner{transform:none;opacity:1}
.trial-complete__check{
  display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:18px;
  color:#07131f;background:linear-gradient(135deg,#62e5a9,#60bfff);box-shadow:0 14px 44px rgba(76,214,173,.2);
}
.trial-complete__eyebrow{margin:0 0 7px;color:#62dca7;font-size:.62rem;font-weight:800;letter-spacing:.19em}
.trial-complete h2{max-width:760px;margin:0;color:#fff;font:700 clamp(1.85rem,4vw,3.35rem)/.98 Poppins,Montserrat,sans-serif;letter-spacing:-.055em}
.trial-complete__lead{max-width:700px;margin:14px 0 0;color:#9cacbf;font-size:clamp(.82rem,1.4vw,.98rem);line-height:1.65}
.trial-complete__timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px}
.trial-complete__timeline article{display:flex;gap:11px;min-width:0;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}
.trial-complete__timeline article>span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid rgba(91,184,255,.26);border-radius:10px;color:#66bcff;background:rgba(33,150,243,.07);font-size:.58rem;font-weight:800}
.trial-complete__timeline strong{display:block;margin:1px 0 5px;color:#edf6ff;font-size:.76rem;line-height:1.25}
.trial-complete__timeline p{margin:0;color:#7e8da1;font-size:.65rem;line-height:1.48}
.trial-complete__email{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-top:12px;padding:14px 16px;border:1px solid rgba(101,196,255,.15);border-radius:16px;background:linear-gradient(90deg,rgba(29,139,228,.09),rgba(255,255,255,.02))}
.trial-complete__email-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;color:#70c4ff;background:rgba(45,157,239,.1);border:1px solid rgba(93,192,255,.14)}
.trial-complete__email span{display:block;color:#8291a4;font-size:.59rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.trial-complete__email strong{display:block;margin:2px 0;color:#fff;font-size:.8rem;overflow-wrap:anywhere}
.trial-complete__email small{display:block;color:#77879a;font-size:.63rem;line-height:1.4}
.trial-complete__email small b{color:#a9b8c9;font-weight:700}
.trial-complete__request{margin-top:10px;color:#53647a;font-size:.57rem;letter-spacing:.04em}
.trial-complete__request strong{color:#7f91a7;font-weight:700}
.trial-complete__social{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}
.trial-complete__social-copy span{display:block;color:#5baef0;font-size:.55rem;font-weight:800;letter-spacing:.16em}
.trial-complete__social-copy strong{display:block;margin-top:3px;color:#edf5ff;font-size:.78rem}
.trial-complete__social-links{display:flex;align-items:center;gap:8px}
.trial-complete__social-links a{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#b7c5d5;background:rgba(255,255,255,.025);font-size:.63rem;font-weight:700;text-decoration:none;transition:.2s ease}
.trial-complete__social-links a svg{fill:currentColor;flex:0 0 auto}
.trial-complete__social-links a:hover{color:#fff;border-color:rgba(84,185,255,.3);background:rgba(33,150,243,.08);transform:translateY(-1px)}
.trial-complete__done{display:inline-flex;justify-content:center;min-width:190px;margin-top:20px;min-height:46px;border:0!important;border-radius:13px!important;font-family:inherit;cursor:pointer}

@media (max-width:760px){
  .trial-complete{place-items:start center;padding:14px 10px calc(14px + env(safe-area-inset-bottom))}
  .trial-complete__inner{margin:auto 0;padding:20px 14px 16px;border-radius:20px}
  .trial-complete__check{width:49px;height:49px;margin-bottom:13px;border-radius:15px}
  .trial-complete__check svg{width:28px;height:28px}
  .trial-complete h2{font-size:clamp(1.55rem,8vw,2.25rem)}
  .trial-complete__lead{margin-top:10px;font-size:.72rem;line-height:1.52}
  .trial-complete__timeline{grid-template-columns:1fr;gap:6px;margin-top:16px}
  .trial-complete__timeline article{padding:10px 11px;border-radius:13px}
  .trial-complete__timeline article>span{width:26px;height:26px;flex-basis:26px;border-radius:8px}
  .trial-complete__timeline strong{font-size:.69rem;margin-bottom:2px}
  .trial-complete__timeline p{font-size:.59rem;line-height:1.4}
  .trial-complete__email{gap:10px;margin-top:8px;padding:11px 12px;border-radius:13px}
  .trial-complete__email-icon{width:35px;height:35px;border-radius:10px}
  .trial-complete__email strong{font-size:.72rem}
  .trial-complete__email small{font-size:.57rem}
  .trial-complete__social{align-items:flex-start;flex-direction:column;gap:10px;margin-top:13px;padding-top:13px}
  .trial-complete__social-links{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .trial-complete__social-links a{justify-content:center;min-width:0;padding:0 7px;min-height:42px}
  .trial-complete__social-links a span{display:none}
  .trial-complete__done{width:100%;margin-top:13px;min-height:44px;font-size:.7rem}
}

@media (max-height:700px) and (max-width:760px){
  .trial-complete__inner{padding-top:14px;padding-bottom:12px}
  .trial-complete__check{width:40px;height:40px;margin-bottom:8px}
  .trial-complete__check svg{width:23px;height:23px}
  .trial-complete__lead{display:none}
  .trial-complete__timeline{margin-top:10px}
  .trial-complete__timeline p{display:none}
  .trial-complete__email{margin-top:7px}
  .trial-complete__social{margin-top:9px;padding-top:9px}
  .trial-complete__done{margin-top:9px}
}