/* Mini Tech Website V1.2 preview refinements
   Scope: homepage product snapshots, SlideTell pricing/value communication,
   DoneBrief copy presentation, pricing alignment. Approved font system preserved. */

/* -------------------------------------------------------------------------
   Homepage — SlideTell snapshot
   ------------------------------------------------------------------------- */
.v12-present-btn{
  position:relative;overflow:hidden;margin-left:auto;margin-right:8px;height:26px;padding:0 11px;
  border:1px solid rgba(104,132,255,.7);border-radius:8px;background:linear-gradient(100deg,#127cff,#5b4dff 58%,#9b2dff);
  color:#fff;font:600 .58rem/1 Manrope,system-ui,sans-serif;display:inline-flex;align-items:center;gap:6px;box-shadow:0 0 20px rgba(70,86,255,.24)
}
.v12-present-btn i{font-style:normal;font-size:.55rem}.v12-present-btn span{position:relative;z-index:2}
.v12-present-btn:after{content:"";position:absolute;top:-30%;bottom:-30%;width:34%;left:-45%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);animation:v12PresentSweep 3.6s ease-in-out infinite}
.v11-window-bar .v12-present-btn + em{margin-left:0}
@keyframes v12PresentSweep{0%,58%{left:-45%;opacity:0}65%{opacity:1}82%{left:115%;opacity:0}100%{left:115%;opacity:0}}

/* The approved Ideas Flow motion is intentionally clipped to the old green-circle area only. */
.v11-slide-graphic.v12-ideas-flow{
  /* V1.2 POLISH FOR 100 — motion floats inside the marked lower-right slide area. */
  width:46%;height:55%;right:1.8%;bottom:2.8%;border-radius:16px;overflow:hidden;
  border:1px solid rgba(94,148,241,.34);
  background:radial-gradient(circle at 50% 48%,rgba(103,82,255,.20),transparent 36%),linear-gradient(145deg,rgba(7,20,33,.96),rgba(10,29,49,.96) 58%,rgba(7,21,34,.96));
  box-shadow:0 15px 34px rgba(22,48,91,.22),0 0 24px rgba(58,124,255,.10),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateZ(0)
}
.v12-flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.v12-flow-lines path{fill:none;stroke:url(#v12flowA);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:8 10;opacity:.82;animation:v12FlowDash 3.2s linear infinite}
.v12-flow-lines path:nth-of-type(1),.v12-flow-lines path:nth-of-type(4){stroke:url(#v12flowB)}
.v12-flow-inputs{position:absolute;left:6%;top:25%;bottom:24%;display:flex;flex-direction:column;justify-content:space-between;z-index:3}
.v12-flow-inputs i{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:rgba(17,45,71,.94);border:1px solid rgba(112,169,225,.34);color:#eaf7ff;font-style:normal;font-size:.68rem;box-shadow:0 7px 16px rgba(0,0,0,.2)}
.v12-ai-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:34%;aspect-ratio:1;border-radius:16px;z-index:4;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#102b46,#0a1a2c);border:1px solid rgba(131,176,236,.5);box-shadow:0 0 26px rgba(89,181,255,.4),0 0 42px rgba(128,84,255,.22);animation:v12CorePulse 3.8s ease-in-out infinite}
.v12-ai-core b{position:absolute;top:10%;font-size:.72rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8)}
.v12-ai-core strong{font-size:clamp(.72rem,1.4vw,1.12rem);line-height:1;color:#fff}
.v12-ai-core small{position:absolute;bottom:11%;font-size:.35rem;letter-spacing:.08em;text-transform:uppercase;color:#9db3ce}
.v12-flow-output{position:absolute;right:6%;top:25%;bottom:24%;display:flex;flex-direction:column;justify-content:space-between;z-index:3}
.v12-flow-output i{display:block;width:38px;height:25px;border-radius:5px;background:linear-gradient(180deg,#f8fbff,#e8f0fb);border:1px solid rgba(255,255,255,.65);box-shadow:0 7px 16px rgba(0,0,0,.22);position:relative;animation:v12DeckFloat 3.6s ease-in-out infinite}
.v12-flow-output i:before{content:"";position:absolute;left:6px;right:6px;top:6px;height:3px;border-radius:2px;background:#4f6f96;box-shadow:0 6px 0 #9eb0c6}
.v12-flow-output i:nth-child(2){animation-delay:.3s}.v12-flow-output i:nth-child(3){animation-delay:.6s}
.v12-flow-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px rgba(89,181,255,.72);z-index:5;opacity:0}
.v12-flow-particle.fp1{left:16%;top:32%;animation:v12ParticleIn 3.8s linear infinite .4s}.v12-flow-particle.fp2{left:17%;top:52%;animation:v12ParticleIn 4.1s linear infinite 1.3s;background:#75e8ff}.v12-flow-particle.fp3{left:54%;top:50%;animation:v12ParticleOut 4s linear infinite 1.8s;background:#b58cff}
@keyframes v12FlowDash{to{stroke-dashoffset:-42}}
@keyframes v12CorePulse{0%,100%{box-shadow:0 0 20px rgba(89,181,255,.28),0 0 34px rgba(128,84,255,.16)}50%{box-shadow:0 0 34px rgba(89,181,255,.5),0 0 52px rgba(128,84,255,.28)}}
@keyframes v12DeckFloat{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes v12ParticleIn{0%{opacity:0;transform:translate(0,0)}14%{opacity:1}56%{opacity:1;transform:translate(96px,38px)}66%,100%{opacity:0;transform:translate(108px,42px)}}
@keyframes v12ParticleOut{0%{opacity:0;transform:translate(0,0)}13%{opacity:1}55%{opacity:1;transform:translate(92px,-28px)}64%,100%{opacity:0;transform:translate(104px,-31px)}}

/* DoneBrief snapshot AI marker */
.v12-brief-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.v12-brief-label>span{font-size:.5rem;color:#c8ad69;letter-spacing:.1em}.v12-ai-badge{font-size:.48rem!important;color:#8ad8ff!important;background:rgba(43,111,255,.12);border:1px solid rgba(83,148,255,.24);padding:3px 6px;border-radius:999px;font-weight:600!important}

/* -------------------------------------------------------------------------
   SlideTell — pricing/value story
   ------------------------------------------------------------------------- */
.billing-period{font-size:1rem!important;color:#b5c4d9;letter-spacing:0!important;font-weight:500!important;margin-left:7px;vertical-align:middle}
.price-amount .billing-period{font-size:1rem!important}
.v12-upgrade-gap{padding:26px;border-radius:25px;border:1px solid rgba(118,84,255,.48);background:radial-gradient(circle at 75% 15%,rgba(123,70,255,.18),transparent 35%),linear-gradient(180deg,rgba(10,29,68,.9),rgba(6,18,43,.9));box-shadow:0 22px 65px rgba(74,46,183,.14);display:flex;flex-direction:column;min-height:100%}
.v12-gap-kicker{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:rgba(151,66,255,.13);border:1px solid rgba(151,66,255,.24);color:#d1a6ff;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.v12-upgrade-gap h3{font-size:1.45rem;line-height:1.12;margin:16px 0 8px}.v12-upgrade-gap>p{font-size:.84rem;line-height:1.65;color:#9eb1cd;margin:0 0 18px}
.v12-gap-grid{display:grid;gap:10px;flex:1}.v12-gap-grid>div{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:11px;border:1px solid rgba(126,161,222,.12);border-radius:12px;background:rgba(255,255,255,.025)}
.v12-gap-grid i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(30,119,255,.13);color:#83c8ff;font-style:normal;font-size:.8rem}.v12-gap-grid b{display:block;font-size:.78rem;color:#edf4ff}.v12-gap-grid small{display:block;color:#8399ba;font-size:.65rem;line-height:1.45;margin-top:3px}.v12-gap-link{margin-top:15px}

/* -------------------------------------------------------------------------
   Pricing page — aligned cards and explicit product truth
   ------------------------------------------------------------------------- */
#panel-slidetell .pricing-grid{align-items:stretch}
#panel-slidetell .price-card{display:flex;flex-direction:column;height:100%}
#panel-slidetell .price-card .check-list{flex:1}
#panel-slidetell .price-card .btn-wide{margin-top:auto}
.v12-pro-share{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;line-height:1.25}.v12-pro-share small{display:block;color:#7f96b7;font-size:.64rem;font-weight:500}
.v12-pricing-benefits{display:grid;gap:10px;margin-top:28px}.v12-pricing-benefits span{display:block;padding:11px 12px;border-radius:11px;border:1px solid rgba(112,151,217,.13);background:rgba(255,255,255,.025);color:#c8d5e8;font-size:.76rem}

@media(max-width:820px){.v12-present-btn{height:24px;padding:0 8px}.v12-upgrade-gap{min-height:auto}.billing-period{font-size:.9rem!important}}
@media(max-width:560px){.v12-present-btn{margin-right:4px;font-size:.5rem}.v12-present-btn i{display:none}.v12-flow-inputs i{width:22px;height:22px;font-size:.5rem}.v12-flow-output i{width:29px;height:20px}.v12-ai-core{width:38%}.v12-upgrade-gap{padding:20px}.v12-gap-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){.v12-present-btn:after,.v12-flow-lines path,.v12-ai-core,.v12-flow-output i,.v12-flow-particle{animation:none!important}.v12-flow-particle{display:none}}

/* Reset legacy green-circle child styling inside the V1.2 motion component. */
.v11-slide-graphic.v12-ideas-flow .v12-flow-inputs i,
.v11-slide-graphic.v12-ideas-flow .v12-flow-output i{position:static;right:auto;top:auto;transform:none}
.v11-slide-graphic.v12-ideas-flow .v12-flow-inputs i:nth-of-type(2),
.v11-slide-graphic.v12-ideas-flow .v12-flow-inputs i:nth-of-type(3),
.v11-slide-graphic.v12-ideas-flow .v12-flow-output i:nth-of-type(2),
.v11-slide-graphic.v12-ideas-flow .v12-flow-output i:nth-of-type(3){right:auto;top:auto;transform:none}
.v11-slide-graphic.v12-ideas-flow > .v12-flow-particle{width:5px;height:5px;border-radius:50%;background:#fff;right:auto;bottom:auto;box-shadow:0 0 10px 3px rgba(89,181,255,.72)}
.v11-slide-graphic.v12-ideas-flow > .v12-flow-particle.fp2{background:#75e8ff}
.v11-slide-graphic.v12-ideas-flow > .v12-flow-particle.fp3{background:#b58cff}


/* V1.2 POLISH — account launcher / product selector */
.nav-actions{position:relative;align-items:center}
.account-launcher{position:relative}
.account-menu-trigger{min-width:174px;cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.account-chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:14px;height:14px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:900;line-height:14px;transition:transform .18s ease;transform-origin:50% 50%;position:relative;top:-1px}
.account-menu-trigger[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
.account-menu{position:absolute;top:calc(100% + 10px);right:0;width:286px;padding:9px;border-radius:18px;border:1px solid rgba(112,145,214,.26);background:rgba(5,14,33,.98);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.985);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:140}
.account-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.account-menu-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#eaf2ff;transition:background .16s ease,transform .16s ease}
.account-menu-item:hover,.account-menu-item:focus-visible{background:rgba(49,92,176,.20);transform:translateX(2px);outline:none}
.account-menu-item img{width:31px;height:31px;object-fit:contain;flex:none}
.account-menu-item span{display:flex;flex-direction:column;min-width:0}
.account-menu-item strong{font-size:13px;font-weight:600;color:#f6f8ff}
.account-menu-item small{margin-top:2px;font-size:11px;color:#8398bb;line-height:1.35}
.account-menu-divider{height:1px;background:rgba(105,143,213,.14);margin:4px 8px}
.account-home{background:rgba(29,68,145,.12)}

/* SlideTell Free/Pro card polish: matching workflow/AI box baseline on desktop. */
#panel-slidetell .price-card>p{min-height:3.55em}
#panel-slidetell .price-card .engine{min-height:76px;margin-top:18px}

@media(max-width:1080px){.account-menu{right:0}}
@media(max-width:820px){#panel-slidetell .price-card>p{min-height:0}#panel-slidetell .price-card .engine{min-height:0}}
@media(prefers-reduced-motion:reduce){.account-menu,.account-chevron,.account-menu-item{transition:none!important}}