/* Property Launch AI landing page. One light theme, one accent, one radius scale.
   Radius rule: buttons are full pills, panels and images are 20px, small controls are 12px. */
:root{
  --bg:#f5f7fa;--bg2:#ebeff5;--surface:#ffffff;--ink:#011537;--muted:#4a5568;--line:#d9dfe8;
  --accent:#0055ec;--accent-ink:#ffffff;--accent-soft:#e6f1ff;--shadow:14 20 32;color-scheme:light;
  --r-panel:20px;--r-ctl:12px;--font:'Plus Jakarta Sans','Montserrat',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.lp{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.6 var(--font);-webkit-font-smoothing:antialiased}
.lp a{color:inherit}
.lp img,.lp canvas{display:block;max-width:100%}
.lp .wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.lp h1,.lp h2,.lp h3{font-family:var(--font);letter-spacing:-.025em;line-height:1.08;margin:0}
.lp h2{font-size:clamp(32px,4vw,52px);font-weight:800}
.lp h3{font-size:24px;font-weight:700;letter-spacing:-.015em}
.lp p{margin:0}
.lp .sub{color:var(--muted);font-size:20px;max-width:60ch;margin-top:16px}
.lp section{padding:112px 0}
.lp .hidden{display:none!important}
.lp :focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}

/* buttons */
.lp .b{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;border-radius:999px;font:700 18px var(--font);text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .2s}
.lp .b:active{transform:scale(.98)}
.lp .b-main{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 28px rgb(0 85 236 / .28)}
.lp .b-main:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgb(0 85 236 / .34)}
.lp .b-line{background:transparent;color:var(--ink);border-color:var(--line)}
.lp .b-line:hover{border-color:var(--ink)}
.lp .b-sm{min-height:46px;padding:0 22px;font-size:16px}

/* announcement + nav */
.lp .announce{background:var(--accent);color:#fff;font-size:17px;font-weight:600}
.lp .announce .wrap{display:flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding-top:8px;padding-bottom:8px;position:relative;padding-right:64px}
.lp .an-badge{flex:0 0 auto;background:#fff;color:var(--accent);font-weight:800;font-size:14px;padding:5px 12px;border-radius:999px}
.lp .an-text{line-height:1.4}
.lp .an-code{display:inline-flex;align-items:center;gap:10px;margin:0 6px;padding:5px 6px 5px 14px;border-radius:999px;border:2px dashed rgb(255 255 255 / .75);background:rgb(255 255 255 / .12);color:#fff;font:inherit;cursor:pointer;vertical-align:middle;transition:background .2s}
.lp .an-code:hover{background:rgb(255 255 255 / .22)}
.lp .an-code b{font-weight:800;letter-spacing:.06em}
.lp .an-code i{font-style:normal;font-size:14px;font-weight:700;background:#fff;color:var(--accent);border-radius:999px;padding:3px 11px;min-width:64px;text-align:center}
.lp .an-x{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.lp .an-x:hover{background:rgb(255 255 255 / .18)}
.lp .announce :focus-visible{outline-color:#fff}
@media (max-width:700px){.lp .announce .wrap{flex-wrap:wrap;gap:8px;padding-right:52px;justify-content:flex-start}.lp .an-x{right:8px}}
.lp .nav{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid transparent;transition:border-color .2s}
.lp .nav.stuck{border-bottom-color:var(--line)}
.lp .nav .wrap{display:flex;align-items:center;gap:28px;height:72px}
.lp .nav .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-.02em}
.lp .nav .logo svg,.lp .foot .logo svg{width:32px;height:32px}
.lp .nav .links{display:flex;gap:26px;margin-left:12px}
.lp .nav .links a{text-decoration:none;font-weight:600;font-size:16px;color:var(--muted)}
.lp .nav .links a:hover{color:var(--ink)}
.lp .nav .grow{flex:1}
.lp .nav .auth{display:flex;gap:10px;align-items:center}
#navSentinel{position:absolute;top:0;height:1px;width:1px}

/* hero */
.lp .hero{padding:48px 0 72px;min-height:calc(100dvh - 72px);display:flex;align-items:center}
.lp .hero .wrap{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px;align-items:center;width:100%}
.lp .hero h1{font-size:clamp(36px,4.3vw,58px);font-weight:800}
.lp .hero h1 em{font-style:normal;color:var(--accent)}
.lp .hero .sub{font-size:21px;max-width:36ch}
.lp .linkbox{margin-top:30px;background:var(--surface);border:2px solid var(--line);border-radius:var(--r-panel);padding:18px;box-shadow:0 14px 30px rgb(var(--shadow) / .08);max-width:600px;transition:border-color .2s}
.lp .linkbox:focus-within{border-color:var(--accent)}
.lp .linkbox label{display:block;font-weight:700;font-size:17px;margin:0 0 10px 4px}
.lp .linkbox .row{display:flex;gap:10px}
.lp .linkbox input{flex:1;min-width:0;min-height:56px;border-radius:var(--r-ctl);border:2px solid var(--line);background:var(--bg);color:var(--ink);font:500 18px var(--font);padding:0 16px}
.lp .linkbox input::placeholder{color:#5b6577}
.lp .linkbox input:focus{border-color:var(--accent);outline:none}
.lp .linkbox .help{color:var(--muted);font-size:16px;margin:10px 4px 0}
.lp .facts{background:var(--ink);color:#fff;padding:40px 0}
.lp .facts .wrap{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px;align-items:center}
.lp .fact b{display:block;font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.lp .fact span{display:block;color:rgb(255 255 255 / .78);font-size:18px;margin-top:8px}
.lp .fact.big{display:flex;align-items:center;gap:20px}
.lp .dial{flex:0 0 auto;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:800;letter-spacing:-.03em;background:conic-gradient(#6f8dff var(--p,0%),rgb(255 255 255 / .16) 0);position:relative}
.lp .dial::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--ink)}
.lp .dial i{position:relative;font-style:normal}
.lp .rise{opacity:0;transform:translateY(22px);animation:rise .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i,0) * 110ms)}
@keyframes rise{to{opacity:1;transform:none}}

/* 3D stage: three real designs at different depths, turning toward the pointer */
.lp .stage{perspective:1400px;height:min(620px,72dvh);position:relative;touch-action:pan-y}
.lp .stack{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,4deg)) rotateY(var(--ry,-14deg));transition:transform .5s cubic-bezier(.16,1,.3,1);}
.lp .stage.live .stack{transition:transform .12s linear}
.lp .ply{position:absolute;border-radius:var(--r-panel);overflow:hidden;background:var(--surface);box-shadow:0 18px 36px rgb(var(--shadow) / .2);backface-visibility:hidden}
.lp .ply canvas{width:100%;height:auto}
.lp .ply-post{width:58%;left:21%;top:6%;transform:translateZ(70px)}
.lp .ply-story{width:33%;left:0;top:20%;transform:translateZ(-40px) rotateY(10deg)}
.lp .ply-flyer{width:40%;right:0;top:24%;transform:translateZ(-90px) rotateY(-8deg)}

.lp .works{border-bottom:1px solid var(--line);background:var(--bg2);padding:20px 0;text-align:center;color:var(--muted);font-size:17px;font-weight:600}

/* how it works: words on the left, one 3D card on the right that turns as you read */
.lp .how .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}
.lp .how .steps{display:grid;gap:0}
.lp .how .step{min-height:62dvh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .4s}
.lp .how .step.on{opacity:1}
.lp .how .step b.n{font-size:88px;font-weight:800;line-height:1;color:var(--accent);letter-spacing:-.04em}
.lp .how .step h3{font-size:34px;margin-top:10px}
.lp .how .step p{color:var(--muted);font-size:20px;margin-top:12px;max-width:30ch}
.lp .how .pin{position:sticky;top:120px;height:min(600px,70dvh);perspective:1400px}
.lp .how .turn{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.lp .how .face{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:rotateY(70deg) scale(.9);transition:opacity .6s,transform .9s cubic-bezier(.16,1,.3,1);pointer-events:none}
.lp .how .face.on{opacity:1;transform:none}
.lp .how .face.past{transform:rotateY(-70deg) scale(.9)}
.lp .how .photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,520px)}
.lp .how .photos img{border-radius:var(--r-panel);aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:0 14px 30px rgb(var(--shadow) / .16)}
.lp .how .one{width:min(78%,400px);border-radius:var(--r-panel);overflow:hidden;box-shadow:0 30px 60px rgb(var(--shadow) / .22)}
.lp .how .fan{position:relative;width:min(100%,560px);height:100%;min-height:420px;justify-self:stretch}
.lp .how .fan .ply:nth-child(1){width:44%;left:2%;top:14%;transform:rotate(-7deg)}
.lp .how .fan .ply:nth-child(2){width:50%;left:25%;top:6%;z-index:2}
.lp .how .fan .ply:nth-child(3){width:34%;right:2%;top:16%;transform:rotate(7deg)}

/* try it */
.lp .try{background:var(--bg2)}
.lp .try .grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:64px;align-items:center;margin-top:56px}
.lp .tilt{perspective:1200px}
.lp .tilt .card3d{border-radius:var(--r-panel);overflow:hidden;box-shadow:0 30px 60px rgb(var(--shadow) / .22);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.16,1,.3,1);background:var(--surface)}
.lp .tilt.live .card3d{transition:transform .1s linear}
.lp .tilt .card3d.swap{animation:swap .55s cubic-bezier(.16,1,.3,1)}
@keyframes swap{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(-90deg)}100%{transform:rotateY(0)}}
.lp .ctl{display:grid;gap:34px}
.lp .ctl label{display:block;font-weight:800;font-size:21px;margin-bottom:12px}
.lp .opts{display:flex;flex-wrap:wrap;gap:10px}
.lp .opt{min-height:52px;padding:0 20px;border-radius:var(--r-ctl);border:2px solid var(--line);background:var(--surface);color:var(--ink);font:600 17px var(--font);cursor:pointer;transition:border-color .2s,transform .2s}
.lp .opt:hover{border-color:var(--ink)}
.lp .opt:active{transform:scale(.97)}
.lp .opt[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}
.lp .sw{width:52px;height:52px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line);cursor:pointer;padding:0}
.lp .sw[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent)}
.lp .try .note{color:var(--muted);font-size:17px}

/* what you get */
.lp .kit{display:grid;grid-template-columns:1fr 1fr 0.82fr;gap:20px;margin-top:56px}
.lp .tile{border-radius:var(--r-panel);padding:28px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px;overflow:hidden;position:relative}
.lp .tile p{color:var(--muted);font-size:17px}
.lp .tile .shot{border-radius:14px;overflow:hidden;box-shadow:0 12px 26px rgb(var(--shadow) / .16);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.lp .tile .shot canvas{width:100%;height:auto}
.lp .tile:hover .shot{transform:translateY(-6px)}
.lp .tile.t-post{grid-column:span 2;flex-direction:row;align-items:center;gap:32px}
.lp .tile.t-post .shot{flex:0 0 44%}
.lp .tile.t-story{grid-row:span 2;background:var(--accent-soft);border-color:transparent}
.lp .tile.t-story .shot{margin-top:6px}
.lp .tile.t-photo{color:#fff;border:0;background:#101623 center/cover;justify-content:flex-end;min-height:280px}
.lp .tile.t-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(8 12 20 / .1),rgb(8 12 20 / .82))}
.lp .tile.t-photo>*{position:relative}
.lp .tile.t-photo p{color:rgb(255 255 255 / .86)}
.lp .tile.t-flyer .shot{max-height:230px}

/* pricing */
.lp .seg{display:inline-flex;border:2px solid var(--line);border-radius:999px;padding:4px;margin-top:28px;background:var(--surface)}
.lp .seg button{min-height:44px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:700 16px var(--font);cursor:pointer}
.lp .seg button.on{background:var(--ink);color:var(--bg)}
.lp .plans{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:20px;margin-top:40px;align-items:stretch}
.lp .plan{border-radius:var(--r-panel);padding:34px 30px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}
.lp .plan.best{border:2px solid var(--accent);box-shadow:0 24px 50px rgb(0 85 236 / .16)}
.lp .plan .tag{align-self:flex-start;background:var(--accent-soft);color:var(--ink);font-weight:700;font-size:14px;padding:6px 12px;border-radius:999px;margin-bottom:14px}
.lp .plan .amt{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:14px}
.lp .plan .amt small{font-size:18px;font-weight:600;color:var(--muted);letter-spacing:0}
.lp .plan .per{color:var(--muted);font-size:16px;margin-top:8px;min-height:26px}
.lp .plan ul{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:12px;font-size:17px}
.lp .plan li{padding-left:30px;position:relative}
.lp .plan li::before{content:"";position:absolute;left:4px;top:.5em;width:12px;height:7px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg)}
.lp .plan li.no{color:var(--muted);text-decoration:line-through}
.lp .plan li.no::before{border:0;width:12px;height:3px;background:var(--line);transform:none;top:.72em}
.lp .plan .b{margin-top:auto;width:100%}

/* questions */
.lp .faq{max-width:820px;margin-top:40px;display:grid;gap:12px}
.lp .faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:0 26px}
.lp .faq summary{list-style:none;cursor:pointer;font-weight:700;font-size:20px;padding:22px 40px 22px 0;position:relative}
.lp .faq summary::-webkit-details-marker{display:none}
.lp .faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:30px;font-weight:500;color:var(--accent);transition:transform .25s}
.lp .faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.lp .faq p{color:var(--muted);padding:0 0 24px;max-width:62ch}

/* closing call to action */
.lp .close .panel{border-radius:var(--r-panel);background:var(--ink);color:#fff;padding:72px 40px;text-align:center}
.lp .close .panel p{color:rgb(255 255 255 / .8);font-size:20px;margin:16px auto 30px;max-width:44ch}
.lp .close .b-main{background:#fff;color:var(--ink);box-shadow:none}

.lp .foot{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:16px}
.lp .foot .wrap{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.lp .foot .logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);text-decoration:none}
.lp .foot .grow{flex:1}
.lp .foot a{text-decoration:none}
.lp .foot a:hover{color:var(--ink)}

/* reveal on scroll */
.lp .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 80ms)}
.lp .rv.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lp .rise,.lp .rv{opacity:1;transform:none;animation:none;transition:none}
  .lp .stack,.lp .tilt .card3d,.lp .how .face,.lp .tile .shot{transition:none;animation:none}
  .lp .how .face{transform:none}
}
@media (max-width:980px){
  .lp .nav .links{display:none}
  .lp section{padding:80px 0}
  .lp .hero{min-height:0;padding:40px 0 72px}
  .lp .hero .wrap,.lp .how .wrap,.lp .try .grid{grid-template-columns:1fr;gap:40px}
  .lp .stage{height:440px}
  .lp .how .pin{position:relative;top:0;height:420px;order:-1}
  .lp .how .step{min-height:0;padding:28px 0;opacity:1}
  .lp .kit{grid-template-columns:1fr}
  .lp .tile.t-post{grid-column:auto;flex-direction:column;align-items:stretch}
  .lp .tile.t-story{grid-row:auto}
  .lp .tile.t-story .shot{max-height:420px}
  .lp .facts .wrap{grid-template-columns:1fr;gap:26px}
  .lp .plans{grid-template-columns:1fr}
  .lp .close .panel{padding:48px 22px}
}
@media (max-width:560px){
  .lp .wrap{padding:0 18px}
  body.lp{font-size:17px}
  .lp .nav .auth .b-line{display:none}
  .lp .linkbox .row{flex-direction:column}
}
.lp .logo em{font-style:normal;color:var(--accent)}

.lp .logo .logo-img{height:38px;width:auto}
.lp .foot .logo .logo-img{height:32px}
@media(max-width:640px){.lp .logo .logo-img{height:30px}}
.lp .b-main,.lp .announce{background:linear-gradient(100deg,#0055ec 0%,#01a3f3 100%)}

.lp .b-main,.lp .announce{background-origin:border-box;background-repeat:no-repeat}

/* ---- v60: try-it preview ---- */
.try-bg { position: fixed; inset: 0; z-index: 90; background: rgba(1, 21, 55, .6); display: grid; place-items: center; padding: 16px; overflow: auto; }
.try { position: relative; background: #fff; border-radius: 22px; width: min(860px, 100%); padding: 28px; box-shadow: 0 30px 80px rgba(1, 21, 55, .35); }
.try-x { position: absolute; right: 12px; top: 10px; border: 0; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: #566078; padding: 6px 10px; }
.try-body { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 28px; align-items: center; }
.try-art canvas { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 14px 40px rgba(1, 21, 55, .2); display: block; }
.try-side h3 { font-size: 26px; margin: 4px 0 10px; line-height: 1.15; }
.try-side p { color: #566078; margin: 0 0 18px; }
.try-side .eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #0055ec; margin: 0; }
.try-side .help { font-size: 13px; margin: 10px 0 0; }
.try-wait { grid-column: 1 / -1; text-align: center; padding: 40px 10px; }
.try-wait b { display: block; font-size: 20px; margin-bottom: 6px; }
.try-wait p { color: #566078; margin: 0 auto 18px; max-width: 44ch; }
.try-spin { display: inline-block; width: 30px; height: 30px; border: 3px solid #dbe4f3; border-top-color: #0055ec; border-radius: 50%; animation: tryspin .8s linear infinite; margin-bottom: 14px; }
@keyframes tryspin { to { transform: rotate(360deg); } }
@media (max-width: 720px) { .try-body { grid-template-columns: 1fr; } .try { padding: 22px 18px; } }
@media (prefers-reduced-motion: reduce) { .try-spin { animation-duration: 2.4s; } }

/* v75 pricing extras */
.founding { max-width: 760px; margin: 0 auto 18px; padding: 12px 18px; border-radius: 14px; background: #fff7e6; color: #5a3d00; text-align: center; font-size: 15px; }
.founding span { display: inline-block; margin-left: 6px; font-weight: 700; }
.plan-extras { text-align: center; margin-top: 18px; color: #5b6575; font-size: 14px; }
.lp .linkbox .ref-note { margin: 6px 4px 0; font-size: 15px; font-weight: 600; color: #0f766e; }
.ent-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:22px auto 0;max-width:1100px;padding:20px 24px;border:2px solid var(--line);border-radius:var(--r-panel);background:var(--surface)}
.ent-strip b{display:block;font-size:19px;margin-bottom:4px}.ent-strip span{color:var(--ink-2,#475569);font-size:15px}
/* support chat (shared) */
.sc { display: flex; flex-direction: column; gap: 10px; }
.sc-log { max-height: 380px; min-height: 160px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding: 2px; }
.sc-log.sc-static { max-height: 60vh; }
.sc-msg { max-width: 88%; padding: 10px 12px; border-radius: 14px; font-size: 14.5px; line-height: 1.45; background: #f1f4f9; color: #011537; }
.sc-msg p { margin: 0 0 6px; } .sc-msg p:last-child { margin: 0; } .sc-msg ul { margin: 4px 0; padding-left: 18px; }
.sc-msg.user { align-self: flex-end; background: #0055ec; color: #fff; border-bottom-right-radius: 4px; }
.sc-msg.ai, .sc-msg.agent { align-self: flex-start; border-bottom-left-radius: 4px; }
.sc-msg.agent { background: #e8f6f1; }
.sc-who { display: block; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; opacity: .65; margin-bottom: 3px; }
.sc-typing { display: inline-flex; gap: 4px; padding: 12px 14px; }
.sc-typing span { width: 6px; height: 6px; border-radius: 50%; background: #94a3b8; animation: scDot 1s infinite ease-in-out; }
.sc-typing span:nth-child(2) { animation-delay: .15s; } .sc-typing span:nth-child(3) { animation-delay: .3s; }
@keyframes scDot { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.sc-refs { display: flex; flex-wrap: wrap; gap: 6px; }
.sc-ref { border: 1px solid #d9dfe8; background: #fff; border-radius: 999px; padding: 5px 10px; font: inherit; font-size: 12.5px; font-weight: 600; color: #0055ec; cursor: pointer; }
.sc-form { display: flex; gap: 8px; }
.sc-form input { flex: 1; min-width: 0; border: 1px solid #d9dfe8; border-radius: 12px; padding: 10px 12px; font: inherit; font-size: 14.5px; }
.sc-human { background: #fff8e6; border: 1px solid #f5d98b; border-radius: 12px; padding: 12px; }
.sc-human input { flex: 1; min-width: 0; border: 1px solid #d9dfe8; border-radius: 10px; padding: 8px 10px; font: inherit; }
.sc-foot { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
.sc .linklike, .lp-chat .linklike { background: none; border: 0; padding: 0; color: #0055ec; font: inherit; font-weight: 600; cursor: pointer; }
.lp-chat .hidden, .lp-chat-btn.hidden, .lp-chat.hidden { display: none !important; }
.lp-chat .btn { border: 0; border-radius: 10px; padding: 8px 14px; font: inherit; font-weight: 700; cursor: pointer; background: var(--accent); color: #fff; white-space: nowrap; }
.lp-chat .row { display: flex; align-items: center; }
.lp-chat-btn { position: fixed; right: 20px; bottom: 20px; z-index: 80; display: flex; align-items: center; gap: 8px; border: 0; border-radius: 999px; padding: 13px 18px; background: var(--accent); color: #fff; font: 700 15px var(--font); box-shadow: 0 14px 32px rgba(0, 85, 236, .35); cursor: pointer; }
.lp-chat { position: fixed; right: 20px; bottom: 20px; z-index: 81; width: min(380px, calc(100vw - 24px)); max-height: min(620px, calc(100vh - 40px)); display: flex; flex-direction: column; background: #fff; border-radius: 20px; box-shadow: 0 24px 60px rgba(1, 21, 55, .28); overflow: hidden; font-family: var(--font); }
.lp-chat-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: var(--ink); color: #fff; }
.lp-chat-head b { display: block; font-size: 16px; } .lp-chat-head span { font-size: 12.5px; opacity: .75; }
.lp-chat-x { background: none; border: 0; color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.lp-chat-body { padding: 14px; overflow-y: auto; flex: 1; }
.lp-chat-mail { padding: 0 14px 12px; font-size: 13px; }
.lp-ticket { display: grid; gap: 10px; } .lp-ticket label { display: grid; gap: 4px; font-size: 13px; font-weight: 600; }
.lp-ticket input, .lp-ticket textarea { border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; font: inherit; font-weight: 400; }
@media (max-width: 600px) { .lp-chat-btn span { display: none; } .lp-chat-btn { padding: 14px; } }

/* v90 chat launcher: icon only, brand gradient */
.lp-chat-btn{width:62px;height:62px;padding:0;gap:0;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#0055ec 0%,#01a3f3 100%);box-shadow:0 14px 30px rgb(0 85 236 / .34),inset 0 1px 0 rgb(255 255 255 / .28);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.lp-chat-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 18px 38px rgb(0 85 236 / .42),inset 0 1px 0 rgb(255 255 255 / .28)}
.lp-chat-btn:active{transform:scale(.96)}
.lp-chat-btn span{display:none}
.lp-chat-head{background:linear-gradient(120deg,#0055ec 0%,#01a3f3 100%)}
@media (max-width:600px){.lp-chat-btn{width:56px;height:56px;padding:0;right:16px;bottom:16px}}
@media (prefers-reduced-motion:reduce){.lp-chat-btn{transition:none}.lp-chat-btn:hover{transform:none}}
/* v90 plan cards + enterprise band */
.lp .plan .pitch{color:var(--muted);font-size:16px;line-height:1.45;margin-top:8px;min-height:46px}
.lp .plan .b{margin:22px 0 0;width:100%}
.lp .plan ul{margin:22px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:16px;gap:11px}
.lp .plan li.lead{padding-left:0;font-weight:700}
.lp .plan li.lead::before{display:none}
.lp .plan.best .tag{background:linear-gradient(100deg,#0055ec,#01a3f3);color:#fff}
.lp .ent-strip{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:28px;max-width:none;margin-top:24px;padding:30px 34px;border:0;border-radius:var(--r-panel);background:linear-gradient(120deg,#011537 0%,#06306f 100%);color:#fff}
.lp .ent-strip .ent-copy b{font-size:22px;letter-spacing:-.015em;margin-bottom:6px}
.lp .ent-strip .ent-copy span{color:rgb(255 255 255 / .78);font-size:16px}
.lp .ent-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;font-size:15px;color:rgb(255 255 255 / .92)}
.lp .ent-list li{position:relative;padding-left:24px}
.lp .ent-list li::before{content:"";position:absolute;left:2px;top:.45em;width:10px;height:6px;border-left:2.5px solid #5fb8ff;border-bottom:2.5px solid #5fb8ff;transform:rotate(-45deg)}
@media (max-width:980px){.lp .ent-strip{grid-template-columns:1fr;gap:18px;padding:26px 22px}.lp .ent-strip .b{width:100%}}
@media (max-width:560px){.lp .ent-list{grid-template-columns:1fr}}
/* v91: Starter blue, Pro black */
.lp .plan-pro .tag{background:#0b1220;color:#fff}
.lp .plan-pro .b-line{background:#0b1220;color:#fff;border-color:#0b1220}
.lp .plan-pro .b-line:hover{background:#1c2536}

/* ===== v95 landing refresh ===== */
.lp .kit-more{margin-top:22px;color:var(--muted);font-size:17px;text-align:center}
/* pricing: four plans in one row */
.lp .plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp .plan{padding:30px 24px}
.lp .plan .amt{font-size:44px}
.lp .plan-ent{background:linear-gradient(180deg,#eef3fb 0%,var(--surface) 55%)}
.lp .plan-ent .tag{background:#0b1220;color:#fff}
.lp .plan-ent .amt{letter-spacing:-.03em}
@media (max-width:1180px){.lp .plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lp .plans{grid-template-columns:1fr}}
@supports (grid-template-rows:subgrid){
  @media (min-width:1181px){
    .lp .plans{grid-auto-rows:auto;row-gap:0}
    .lp .plans>.plan{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;align-content:start}
    .lp .plans>.plan>.tag{justify-self:start}
  }
}
.lp .ent-strip{display:none}

/* listing journey */
.lp .journey{background:var(--ink);color:#fff;overflow:hidden}
.lp .journey .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px;align-items:center}
.lp .journey .sub{color:rgb(255 255 255 / .78)}
.lp .jr-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.lp .jr-steps button{border:1px solid rgb(255 255 255 / .22);background:rgb(255 255 255 / .06);color:#fff;border-radius:999px;padding:10px 16px;font:600 15px var(--font);cursor:pointer;transition:background .25s,border-color .25s,transform .25s cubic-bezier(.16,1,.3,1)}
.lp .jr-steps button:hover{border-color:rgb(255 255 255 / .5)}
.lp .jr-steps button:active{transform:scale(.97)}
.lp .jr-steps button.on{background:linear-gradient(100deg,#0055ec,#01a3f3);border-color:transparent;box-shadow:0 10px 24px rgb(0 85 236 / .4)}
.lp .jr-art{justify-self:center;width:min(420px,100%);border-radius:18px;overflow:hidden;box-shadow:0 40px 80px rgb(0 0 0 / .45),0 0 0 1px rgb(255 255 255 / .08)}
.lp .jr-art canvas{width:100%;height:auto;display:block}

/* features bento */
.lp .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);gap:18px;margin-top:52px}
.lp .cell{position:relative;border-radius:var(--r-panel);padding:28px;background:var(--surface);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;gap:18px}
.lp .cell h3{font-size:22px}
.lp .cell p{color:var(--muted);font-size:16.5px;margin-top:8px;max-width:52ch}
.lp .c-studio{grid-column:span 2;flex-direction:row;align-items:center;gap:28px;background:var(--accent-soft);border-color:transparent}
.lp .c-studio .c-text{flex:1 1 0}
.lp .c-shots{display:flex;gap:14px;flex:0 0 auto}
.lp .c-shots canvas{width:170px;height:170px;border-radius:12px;box-shadow:0 16px 30px rgb(var(--shadow) / .18);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.lp .c-shots canvas:nth-child(2){transform:translateY(18px) rotate(2deg)}
.lp .c-studio:hover .c-shots canvas:nth-child(1){transform:translateY(-6px) rotate(-1.5deg)}
.lp .c-photo,.lp .c-video{color:#fff;border:0;background:#101623 center/cover;justify-content:flex-end}
.lp .c-photo{grid-row:span 2}
.lp .c-photo::before,.lp .c-video::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(8 12 20 / .05) 30%,rgb(8 12 20 / .85))}
.lp .c-photo>*,.lp .c-video>*{position:relative}
.lp .c-photo p,.lp .c-video p{color:rgb(255 255 255 / .86)}
.lp .c-tag{position:absolute;top:22px;left:22px;padding:6px 12px;border-radius:999px;background:rgb(255 255 255 / .16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .25);font-size:13px;font-weight:700}
.lp .c-play{position:absolute;top:50%;left:50%;width:68px;height:68px;margin:-58px 0 0 -34px;border-radius:50%;background:rgb(255 255 255 / .9);box-shadow:0 12px 30px rgb(0 0 0 / .35)}
.lp .c-play::after{content:"";position:absolute;left:27px;top:21px;border-left:20px solid #0055ec;border-top:13px solid transparent;border-bottom:13px solid transparent}
.lp .c-ai{background:linear-gradient(140deg,#0055ec 0%,#0a7cf0 55%,#01a3f3 100%);color:#fff;border:0}
.lp .c-ai p{color:rgb(255 255 255 / .88)}
.lp .c-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.lp .c-chips span{padding:7px 12px;border-radius:999px;background:rgb(255 255 255 / .16);border:1px solid rgb(255 255 255 / .28);font-size:13.5px;font-weight:600}
.lp .c-leads{grid-column:span 2;flex-direction:row;align-items:center;gap:28px}
.lp .c-leads .c-text{flex:1 1 0}
.lp .c-list{list-style:none;margin:0;padding:0;flex:0 0 300px;display:grid;gap:10px}
.lp .c-list li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.lp .c-list b{font-size:15px}
.lp .c-list span{grid-column:1;color:var(--muted);font-size:13.5px}
.lp .c-list em{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;font-size:12px;font-weight:700;color:#0055ec;background:var(--accent-soft);padding:4px 10px;border-radius:999px}
.lp .c-cal{display:grid;gap:8px;margin-top:auto}
.lp .c-cal span{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:14px;color:var(--muted)}
.lp .c-cal b{color:var(--ink);font-size:13.5px;min-width:64px}
@media (max-width:980px){
  .lp .journey .wrap{grid-template-columns:1fr;gap:40px}
  .lp .bento{grid-template-columns:1fr}
  .lp .c-studio,.lp .c-leads{grid-column:auto;flex-direction:column;align-items:stretch}
  .lp .c-photo{grid-row:auto;min-height:340px}
  .lp .c-video{min-height:280px}
  .lp .c-list{flex:none}
  .lp .c-shots{justify-content:center}
}
@media (max-width:480px){.lp .c-shots canvas{width:140px;height:140px}}

/* teams */
.lp .teams .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.lp .tm-art{position:relative;height:440px}
.lp .tm-art canvas{position:absolute;width:250px;height:auto;border-radius:14px;box-shadow:0 26px 50px rgb(var(--shadow) / .22);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.lp .tm-art canvas:nth-child(1){left:0;top:40px;transform:rotate(-6deg)}
.lp .tm-art canvas:nth-child(2){left:50%;top:0;margin-left:-125px;z-index:2}
.lp .tm-art canvas:nth-child(3){right:0;top:60px;transform:rotate(6deg)}
.lp .teams:hover .tm-art canvas:nth-child(1){transform:rotate(-8deg) translateX(-10px)}
.lp .teams:hover .tm-art canvas:nth-child(3){transform:rotate(8deg) translateX(10px)}
.lp .tm-list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:18px}
.lp .tm-list li{display:grid;gap:4px;padding-left:22px;border-left:3px solid #0055ec}
.lp .tm-list b{font-size:19px}
.lp .tm-list span{color:var(--muted);font-size:17px}
.lp .tm-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
@media (max-width:980px){.lp .teams .wrap{grid-template-columns:1fr;gap:40px}.lp .tm-art{height:360px;max-width:520px;width:100%;margin:0 auto}.lp .tm-art canvas{width:200px}.lp .tm-art canvas:nth-child(2){margin-left:-100px}}
@media (max-width:480px){.lp .tm-art{height:300px}.lp .tm-art canvas{width:160px}.lp .tm-art canvas:nth-child(2){margin-left:-80px}}
@media (prefers-reduced-motion:reduce){.lp .jr-steps button,.lp .c-shots canvas,.lp .tm-art canvas{transition:none}}
.lp .plan .tag-empty{visibility:hidden}
@supports (grid-template-rows:subgrid){@media (min-width:1181px){
  .lp .plans>.plan>.b{align-self:start}
  .lp .plans>.plan>ul{align-content:start;align-self:start}
  .lp .plans>.plan>.amt{align-self:end}
}}
@media (max-width:1180px){.lp .plan .tag-empty{display:none}}