/* Ampya v29 visual system: editorial creator warmth + crisp product UI. */
:root{
  --font-display:"Bricolage Grotesque","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;
  --font-ui:"Figtree","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;
  --v29-night:#17152c;
  --v29-ink:#201d2d;
  --v29-cream:#fbf7f0;
  --v29-coral:#ec6f68;
  --v29-line:rgba(32,29,45,.12);
  --v29-shadow:0 24px 70px rgba(32,29,45,.12);
  --display:var(--font-display);
  --sf:var(--font-ui);
}

body{
  font-family:var(--sf)!important;
  color:var(--v29-ink)!important;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,.h2,.brand{
  font-family:var(--display)!important;
}

.band{padding-block:clamp(72px,8vw,112px)}
.h2{max-width:18ch;margin-inline:auto;font-size:clamp(36px,4.8vw,64px);line-height:1.02!important}
.sub{max-width:42ch;font-size:clamp(17px,1.65vw,21px);line-height:1.58!important;font-weight:450!important}

/* Navigation */
.nav{background:rgba(251,247,240,.9)!important;border-bottom:1px solid var(--v29-line)!important}
.nav .wrap{height:64px!important;max-width:1260px!important}
.nav .brand{font-size:21px!important;font-weight:750!important;letter-spacing:-.035em!important}
.nav .brand img{width:26px!important;height:auto!important;filter:drop-shadow(0 4px 8px rgba(236,111,104,.16))}
.nav nav{gap:clamp(14px,1.8vw,24px)!important}
.nav nav a{font-size:13.5px!important;font-weight:600!important;letter-spacing:0!important}
.nav .btn.sm{padding:9px 16px!important;background:var(--v29-night)!important}
.nav-toggle{display:none;margin-left:auto;width:42px;height:42px;padding:0;border:1px solid var(--v29-line);border-radius:50%;background:#fff;color:var(--v29-ink);cursor:pointer;place-items:center;position:relative}
.nav-toggle span{position:absolute;width:17px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .2s,top .2s}
.nav-toggle span:first-child{top:16px}.nav-toggle span:last-child{top:24px}
.nav-toggle[aria-expanded="true"] span:first-child{top:20px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:last-child{top:20px;transform:rotate(-45deg)}

/* Hero */
.hero.hx{
  background:
    radial-gradient(circle at 14% 18%,rgba(236,111,104,.23),transparent 34%),
    radial-gradient(circle at 82% 22%,rgba(108,118,225,.18),transparent 32%),
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    var(--v29-night)!important;
  background-size:auto,auto,64px 64px,64px 64px,auto!important;
  padding-block:clamp(64px,8vw,112px) clamp(72px,9vw,124px)!important;
}
.hx-grid{gap:clamp(42px,6vw,88px)!important}
.hx-pill{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.hx-h{font-size:clamp(66px,8.2vw,116px)!important;line-height:.87!important;letter-spacing:-.065em!important}
.hx-h{font-family:var(--font-display)!important}
.hx-h .yo{background:linear-gradient(105deg,#ffb37e 5%,#f37772 48%,#df9ed7 95%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.hx-sub{max-width:35ch!important;font-size:clamp(18px,1.55vw,22px)!important;line-height:1.58!important;color:#d8d5e7!important}
.hclaim{box-shadow:0 20px 50px rgba(0,0,0,.24)!important;border-color:rgba(255,255,255,.2)!important}
.hclaim button{background:linear-gradient(135deg,#f37a72,#d9606c)!important;box-shadow:0 8px 20px rgba(236,111,104,.28)}
.hx-links .weblink{font-weight:650}
.hx .cd{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.1)}

.hx-art{filter:none!important}
.hx-glow{background:radial-gradient(closest-side,rgba(236,111,104,.4),rgba(92,86,179,.18) 58%,transparent)!important;filter:blur(34px)!important}
.hx .hx-phone{box-shadow:0 36px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.12)!important}
.sp-cover{position:relative;overflow:hidden;background:#db8a6f!important}
.sp-cover>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:saturate(.94) contrast(1.03)}
.sp-cover::after{content:"";position:absolute;inset:0;background:var(--cov);opacity:.17;mix-blend-mode:color;pointer-events:none}
.hx-co{background:rgba(30,27,57,.72)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 18px 38px rgba(5,4,18,.22);-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}
.hx-co b{font-weight:700!important}.hx-co code{color:#a9edc4!important}

/* Product previews: remove scaled blur and present them like a real product. */
.uxs{background:linear-gradient(180deg,#f8f6f1 0%,#f1eef7 100%)!important}
.uxs::before,.uxs::after{opacity:.62}
.ux-ctl .seg{border:1px solid var(--v29-line);background:rgba(255,255,255,.82)!important}
.ux-grid{gap:22px!important;transform:translateX(-50%) scale(.88)!important}
.ux-col{gap:22px!important}
.ux-ph{width:300px!important;border-radius:34px!important;border:1px solid rgba(32,29,45,.08);box-shadow:0 26px 60px -30px rgba(32,29,45,.32)!important}
.ux-ph.dim{opacity:.82!important;filter:saturate(.88)!important}
.ux-hc .ux-art{width:100%;height:178px;object-fit:cover;object-position:center 38%;display:block}
.ux-ov{box-shadow:0 14px 34px -20px rgba(32,29,45,.32)!important}
.ux-stage.focus .ux-ph{filter:none!important}
.ux-stage.focus .ux-ph.on{box-shadow:0 38px 90px -38px rgba(32,29,45,.46),0 0 0 1px rgba(255,255,255,.94)!important}

/* Quiet, editorial cards and stronger hierarchy. */
.creators:empty{display:none!important}
.facts-band{background:var(--v29-cream)!important}
.pz{gap:20px!important}
.pz-c{border:1px solid var(--v29-line)!important;background:rgba(255,255,255,.82)!important;border-radius:22px!important;box-shadow:none!important}
.pz-c:hover{transform:translateY(-3px)!important;box-shadow:var(--v29-shadow)!important}
.pz-c code{color:#7d718f!important}
.pz-s b{font-family:var(--display)!important}
.tile,.case,.pc,.dsn>div{border-color:var(--v29-line)!important}
.pcards.p4 .pc{border-radius:22px!important}
.pc.pro{box-shadow:0 28px 70px rgba(32,29,45,.16)!important}
.faq details{border-color:var(--v29-line)!important}

/* Make all picture edges stay crisp at high density. */
img{image-rendering:auto}
.brand img,.dlogo img,.linkedit img{object-fit:contain}

@media (max-width:1180px){
  .ux-grid{transform:translateX(-50%) scale(.76)!important}
}

@media (min-width:961px) and (max-width:1180px){
  .hx-grid{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;gap:36px!important}
  .hx-art{grid-template-columns:292px!important;justify-items:center!important}
  .hx-cos{display:none!important}
  .hx-pick{justify-content:center!important}
}

@media (max-width:760px){
  .nav .wrap{min-height:62px;height:auto!important;gap:10px!important;flex-wrap:wrap}
  .nav-toggle{display:none}
  .nav-toggle[data-enhanced="true"]{display:grid}
  .nav-toggle[data-enhanced="true"]+nav{display:none!important;position:absolute;top:calc(62px + env(safe-area-inset-top,0px));left:12px;right:12px;margin:0!important;padding:12px;border:1px solid var(--v29-line);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 64px rgba(32,29,45,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch!important;gap:2px!important}
  .nav-toggle[data-enhanced="true"]+nav[data-open="true"]{display:flex!important}
  .nav-toggle[data-enhanced="true"]+nav[data-open="true"] a.hide-m{display:block!important}
  .nav nav a,.nav nav .btn.sm{display:block!important;padding:12px 14px!important;border-radius:12px;text-align:left;font-size:15px!important}
  .nav nav a:hover{background:#f5f1eb}
  .nav nav .btn.sm{margin-top:8px;text-align:center;background:var(--v29-night)!important}
  .nav .lang{display:flex!important;align-items:center;gap:8px;padding:10px 14px}
  .nav .lang select{font-size:15px}

  .hero.hx{padding-top:52px!important}
  .hx-grid{gap:0!important}
  .hx-copy{display:contents}
  .hx-pill{order:1;justify-self:start}
  .hx-h{order:2;font-size:clamp(56px,18vw,72px)!important}
  .hx-sub{order:3}
  .hclaim{order:4}
  .hclaim-msg{order:5}
  .hx-note{order:6}
  .hx-art{order:7}
  .hx-links{order:8}
  .soonmsg{order:9}
  .hx-meta{display:none!important}
  .hx-links .badge{display:none!important}
  .hx-art{margin-top:32px}
  .hx-art .hx-cos,.hx-art .hx-pick,.hx-art .au-hero{display:none!important}
  .hx-sub{font-size:17px!important}
  .hclaim{border-radius:20px!important;padding:7px!important;align-items:stretch!important}
  .hclaim .pre{display:none}
  .hclaim input{min-width:0!important;padding-left:12px!important}
  .hclaim button{padding-inline:14px!important}
  .hx-links{gap:12px 18px!important}
  .hx-meta{margin-top:16px!important}

  .ux-stage{height:auto!important;margin-top:28px!important;padding:8px 0 20px;-webkit-mask-image:none!important;mask-image:none!important;overflow:visible!important}
  .ux-grid{position:relative!important;left:auto!important;top:auto!important;display:block!important;transform:none!important}
  .ux-col{display:contents!important}
  .ux-ph{display:none!important}
  .ux-stage.focus .ux-ph.on{display:flex!important;margin:0 auto!important;width:min(320px,calc(100vw - 32px))!important;transform:none!important;opacity:1!important}
  .ux-stage:not(.focus) .ux-col.c1 .ux-ph:first-child{display:flex!important;margin:0 auto!important;width:min(320px,calc(100vw - 32px))!important;opacity:1!important}
  .ux-cap{padding-inline:18px}
  .ux-ctl{display:block!important;padding-inline:16px}
  .ux-ctl .seg{width:100%;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;padding:4px!important;scrollbar-width:none}
  .ux-ctl .seg::-webkit-scrollbar{display:none}
  .ux-ctl .seg button{flex:0 0 auto}
  .ux-ctl .seg [data-g="menu"],.ux-ctl .seg [data-g="all"]{display:none!important}
  .au-ux{display:none!important}
}

@media (max-width:430px){
  .band{padding-block:64px}
  .h2{font-size:clamp(34px,11vw,46px)}
  .hx-pill{font-size:11px!important;padding-inline:11px!important}
  .hx-cos{grid-template-columns:1fr!important}
  .hp-g{width:100%}
  .hp-n{font-size:12px!important;padding:7px 10px!important}
}

@media (prefers-reduced-motion:reduce){
  .nav-toggle span,.pz-c{transition:none!important}
}

/* v30 polish: product surfaces for the three annotated sections. */
.hx-art{
  grid-template-columns:minmax(300px,350px) minmax(280px,390px)!important;
  column-gap:clamp(28px,4vw,44px)!important;
  align-items:center!important;
}
.hx .hx-phone{
  width:314px!important;
  height:632px!important;
  border-radius:50px!important;
  padding:12px!important;
}
.hx .glass{border-radius:38px!important;background:#fbfbfd!important}
.hx .sp-cover{height:152px!important}
.hx .sp-cover>img{object-position:center 26%!important}
.hx .sp-id{padding-inline:22px!important;margin-top:-39px!important}
.hx .sp-av{width:66px!important;height:66px!important;box-shadow:0 10px 26px rgba(32,29,45,.12)}
.hx .sp-stats{
  margin:16px 18px 0!important;
  background:#fff!important;
  border-color:#e7e3ef!important;
  box-shadow:0 12px 30px -22px rgba(32,29,45,.34);
}
.hx .sp-stats div{padding:12px 9px!important}
.hx .sp-src{
  width:max-content;
  max-width:calc(100% - 36px);
  padding:6px 10px;
  border-radius:999px;
  background:#eef8f3;
}
.hx .sp-rate{
  margin:14px 18px 0!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff7f0,#fff);
  border:1px solid #f1d9d5;
  align-items:center!important;
}
.hx .sp-rate span{font-weight:650;color:#5f5768!important}
.hx .sp-rate b{font-size:20px!important;color:#17152c!important}
.hx .sp-chips{gap:6px!important;margin-top:9px!important}
.hx .sp-chips i{background:#f1eff7!important;color:#4a4358!important}
.hx .sp-btn{
  margin:18px 18px 0!important;
  border-radius:16px!important;
  padding:13px!important;
}
.hx-cos{
  position:static!important;
  height:auto!important;
  display:grid!important;
  gap:13px!important;
  align-self:center!important;
}
.hx-co{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  padding:16px 18px 16px 54px!important;
  border-radius:20px!important;
  min-height:76px;
}
.hx-co::before{
  right:auto!important;
  left:18px!important;
  top:18px!important;
  width:22px!important;
  height:22px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#ff9f6e,#f0616e 52%,#8f96e8)!important;
  box-shadow:none!important;
}
.hx-co::after{display:none!important}
.hx-co b{font-size:16px!important}
.hx-co code{font-size:12px!important}
.hx-pick{margin-top:22px!important}

.how.blk-night{
  background:
    radial-gradient(circle at 16% 12%,rgba(236,111,104,.18),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(127,178,255,.15),transparent 32%),
    #15132a!important;
}
.hw{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)!important;gap:clamp(26px,4vw,52px)!important}
.hw-steps{gap:16px!important}
.hw-ph{margin-left:0!important;padding-left:2px!important}
.hw-grp ol::before{left:18px!important;background:rgba(255,255,255,.16)!important}
.hw-step{
  grid-template-columns:38px minmax(0,1fr)!important;
  padding:10px 12px 10px 0!important;
  border-radius:18px!important;
}
.hw-step em{display:none!important}
.hw-step.on{background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hw-panel{
  border:1px solid rgba(255,255,255,.16)!important;
  background:#f8f6ff!important;
  color:var(--v29-ink)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34)!important;
}
.hw-bar{
  background:#211d3f!important;
  color:#bdb7dc!important;
  border-bottom:0!important;
}
.hw-bar .ph code,.hw-bar code{color:#fff!important}
.hw-prog{padding:16px 22px 0!important}
.hw-prog i{height:4px!important;background:#e5e0f0!important}
.hw-body{padding:clamp(22px,3vw,34px)!important}
.hw-k code{color:#786e91!important}
.hw-body h3{color:var(--v29-ink)!important;font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.035em!important}
.hw-rows{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.hw-rows div{
  display:block!important;
  min-height:128px;
  padding:14px!important;
  border:1px solid #e7e2ef;
  border-radius:18px;
  background:#fff;
}
.hw-rows dt{color:#8a7aa2!important}
.hw-rows dd{margin-top:8px!important;color:#3f384d!important;font-size:15px!important;line-height:1.45!important}
.hw-rows .g{box-shadow:none!important;background:#fff5f4!important;border-color:#f4cac8!important}
.hw-log{
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  color:#4c455d!important;
  overflow:visible!important;
}
.hw-log span{
  white-space:normal!important;
  padding:12px!important;
  border-radius:16px;
  background:#fff;
  border:1px solid #e7e2ef;
  line-height:1.35!important;
}
.hw-log i{display:none!important}
.hw-log b{display:block!important;margin:6px 0 0!important}
.hw-log .ok{color:#167c4d!important}.hw-log .wn{color:#9a6400!important}.hw-log .bd{color:#b13551!important}.hw-log .mu{color:#6f6682!important}
.hw-ctl button{background:rgba(255,255,255,.08)!important}
.hw-note{display:none!important}

#try.screener{background:linear-gradient(180deg,#f6efff 0%,#f1eef7 100%)!important}
#try .lab2{
  grid-template-columns:minmax(0,.96fr) minmax(320px,360px)!important;
  align-items:center!important;
  gap:clamp(28px,5vw,64px)!important;
}
#try .leftcol{gap:14px!important}
#try .mail,#try .trace{
  border:1px solid rgba(32,29,45,.12)!important;
  background:rgba(255,255,255,.9)!important;
  color:var(--v29-ink)!important;
  border-radius:24px!important;
  box-shadow:0 22px 60px -38px rgba(32,29,45,.42)!important;
}
#try .mail{padding:22px 24px!important}
#try .mail .hd{font-size:12.5px!important;color:#81788e!important;border-bottom-color:#ece7f3!important}
#try .mail p{font-size:17px!important;line-height:1.65!important;color:#302a3c!important}
#try .mail.lit mark.w{background:#fff1ce!important;box-shadow:inset 0 -2px #e3a633}
#try .mail.lit mark.b{background:#ffe6ed!important;box-shadow:inset 0 -2px #d94d68}
#try .mail.lit mark.g{background:#e5f7ed!important;box-shadow:inset 0 -2px #2a9d64}
#try .trace{padding:18px!important;font-family:var(--sf)!important}
#try .trace .th{color:#81788e!important}
#try .trace ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
#try .trace li{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:8px!important;
  padding:10px!important;
  border-radius:14px;
  background:#f5f1fb;
  color:#4c455d!important;
}
#try .trace li .rs{grid-column:2;color:#7b728e!important;font-size:11.5px!important}
#try .trace .foot{border-top-color:#ece7f3!important;color:#4c455d!important;font-weight:700}
#try #inq{
  width:min(360px,100%)!important;
  height:700px!important;
  justify-self:center!important;
  box-shadow:0 36px 86px rgba(70,59,120,.22),0 0 0 1.5px #201d2d inset!important;
}
#try #inq .glass{background:#fbfbfd!important}
#try #inq .scr{opacity:1!important}
#try .si-top{padding:58px 22px 14px!important}
#try .si-top b{font-size:22px!important}
#try .si-card{
  margin:14px 16px 0!important;
  padding:15px!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 18px 44px -30px rgba(32,29,45,.5);
}
#try .si-from i{border-radius:12px!important}
#try .si-ok span{font-size:10px!important;padding:4px 8px!important}
#try .si-deal{gap:8px!important}
#try .si-deal div{
  padding:7px 0;
  border-top:1px solid #efedf4;
}
#try .si-deal div:first-child{border-top:0}
#try .si-deal dt{font-size:12px!important;color:#81788e!important}
#try .si-deal dd{font-size:13.5px!important;color:#1f1a2d!important}
#try .si-h{margin-top:6px!important;color:#81788e!important}
#try .si-flags{gap:8px!important}
#try .si-flags li{padding:10px 11px!important;border-radius:14px!important}
#try .si-flags q{
  display:none!important;
}
#try .si-prio{margin:12px 16px 0!important;background:#fff!important;border:1px solid #efedf4!important}

@media (min-width:761px) and (max-width:1040px){
  .hx-art{grid-template-columns:minmax(300px,340px) minmax(260px,330px)!important}
  .hx .hx-phone{width:300px!important;height:612px!important}
  .hx-co{min-height:70px!important}
  .hw{grid-template-columns:minmax(0,1fr)!important}
  .hw-rows{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #try .lab2{grid-template-columns:minmax(0,1fr)!important}
}

@media (max-width:760px){
  .hx .hx-phone{width:min(316px,calc(100vw - 44px))!important;height:620px!important}
  .hw-rows,.hw-log{grid-template-columns:minmax(0,1fr)!important}
  .hw-rows div{min-height:0}
  #try .lab2{grid-template-columns:minmax(0,1fr)!important}
  #try .trace ol{grid-template-columns:minmax(0,1fr)}
  #try #inq{height:660px!important;width:min(340px,calc(100vw - 42px))!important}
}

/* v31 agency pass: installed UI capability lift without changing product scope. */
:root{
  --v31-ease:cubic-bezier(.22,1,.36,1);
  --v31-shell:rgba(255,255,255,.76);
  --v31-line:rgba(32,29,45,.105);
  --v31-hair:rgba(255,255,255,.72);
  --v31-shadow:0 30px 90px -58px rgba(24,18,48,.54);
  --v31-deep:0 32px 110px -64px rgba(5,4,18,.72);
}

::selection{background:#ffd8c9;color:#17152c}
html{scrollbar-color:rgba(32,29,45,.35) rgba(251,247,240,.75)}
:focus-visible{outline:3px solid rgba(240,97,110,.78)!important;outline-offset:4px!important}

body{
  background:
    radial-gradient(circle at 8% 2%,rgba(255,159,110,.16),transparent 30vw),
    radial-gradient(circle at 96% 8%,rgba(90,99,224,.12),transparent 28vw),
    linear-gradient(180deg,#fffaf6 0%,#f7f4ee 48%,#f4f0f8 100%)!important;
}

.nav{
  top:12px!important;
  width:min(1120px,calc(100% - 32px))!important;
  margin:14px auto 0!important;
  border:1px solid rgba(32,29,45,.1)!important;
  border-radius:999px!important;
  background:rgba(255,250,246,.86)!important;
  box-shadow:0 22px 70px -52px rgba(27,20,51,.62),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:saturate(150%) blur(22px)!important;
  backdrop-filter:saturate(150%) blur(22px)!important;
}
.nav .wrap{height:58px!important;max-width:none!important}
.nav nav a{
  position:relative;
  border-radius:999px;
  transition:opacity .35s var(--v31-ease),background .35s var(--v31-ease),transform .35s var(--v31-ease);
}
.nav nav a:not(.btn){padding:8px 2px}
.nav nav a:not(.btn):hover{background:rgba(32,29,45,.055);transform:translateY(-1px)}
.nav .btn.sm{
  box-shadow:0 14px 32px -22px rgba(23,21,44,.72),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.band{position:relative}
.band::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 12%,rgba(255,159,110,.08),transparent 28%),
    radial-gradient(circle at 84% 8%,rgba(90,99,224,.07),transparent 26%);
  opacity:.8;
}
.band>.wrap{position:relative;z-index:1}
.blk-peach,.blk-lilac,.blk-cream{
  background-image:
    radial-gradient(rgba(27,20,51,.055) .8px,transparent 1.1px),
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0))!important;
  background-size:28px 28px,auto!important;
}
.blk-indigo,.blk-night,.blk-berry,.hero.hx{
  background-image:
    radial-gradient(circle at 16% 12%,rgba(236,111,104,.16),transparent 34%),
    radial-gradient(circle at 86% 16%,rgba(120,142,255,.13),transparent 32%),
    linear-gradient(rgba(255,255,255,.042) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.042) 1px,transparent 1px)!important;
  background-size:auto,auto,56px 56px,56px 56px!important;
}

.h2{letter-spacing:-.055em!important;text-wrap:balance}
.sub{text-wrap:pretty}
.tag-ai{
  border:1px solid rgba(32,29,45,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.dark .tag-ai,.blk-berry .tag-ai,.hero .tag-ai{
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

.btn,.hclaim button,.claim-row button,.copy,.pz-go,.seg button,.hw-ctl button,.au-btn{
  transition:transform .5s var(--v31-ease),box-shadow .5s var(--v31-ease),background .5s var(--v31-ease),color .5s var(--v31-ease),border-color .5s var(--v31-ease)!important;
}
.btn:hover,.hclaim button:hover,.claim-row button:hover,.copy:hover,.pz-go:hover,.seg button:hover,.hw-ctl button:hover,.au-btn:hover{
  transform:translateY(-2px);
}
.btn:active,.hclaim button:active,.claim-row button:active,.copy:active,.pz-go:active,.seg button:active,.hw-ctl button:active,.au-btn:active{
  transform:translateY(0) scale(.985);
}

.seg{
  background:rgba(32,29,45,.075)!important;
  box-shadow:inset 0 1px 2px rgba(32,29,45,.06),inset 0 -1px 0 rgba(255,255,255,.72);
}
.seg button[aria-pressed="true"]{
  box-shadow:0 14px 34px -24px rgba(32,29,45,.46),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.dark .seg{background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

.pz-c,.tile,.case,.human,.code,.mail,.trace,.panel,.phonechat,.pc,.dsn>div,.ux-ph{
  border:1px solid var(--v31-line)!important;
  box-shadow:var(--v31-shadow)!important;
}
.pz-c,.tile,.case,.human,.code,.mail,.trace,.panel,.phonechat,.dsn>div{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78))!important;
}
.pz-c,.tile,.case,.panel,.phonechat,.pc,.dsn>div{
  transition:transform .55s var(--v31-ease),box-shadow .55s var(--v31-ease),border-color .55s var(--v31-ease)!important;
}
.pz-c:hover,.tile:hover,.case:hover,.panel:hover,.phonechat:hover,.pc:hover,.dsn>div:hover{
  transform:translateY(-4px);
  border-color:rgba(236,111,104,.26)!important;
  box-shadow:0 34px 95px -54px rgba(24,18,48,.62)!important;
}
.pc.pro:hover{box-shadow:0 36px 100px -48px rgba(24,18,48,.72)!important}
.pc .btn,.pc.pro .btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}

.hero.hx{isolation:isolate}
.hx-h{filter:drop-shadow(0 16px 30px rgba(0,0,0,.12))}
.hclaim{
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 24px 70px -42px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.hx .hx-phone,#try #inq{
  box-shadow:0 44px 110px -42px rgba(6,4,18,.74),0 0 0 1px rgba(255,255,255,.2),0 0 0 12px rgba(255,255,255,.035)!important;
}
.hx-co{
  box-shadow:0 24px 64px -38px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.hx-co:nth-child(2){transform:translateX(8px)}
.hx-co:nth-child(3){transform:translateX(-2px)}
.hx-co:nth-child(4){transform:translateX(12px)}
.hx-co b{letter-spacing:-.012em}

.hw-panel{
  border-radius:30px!important;
  box-shadow:0 46px 120px -52px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.hw-step{transition:background .45s var(--v31-ease),transform .45s var(--v31-ease),box-shadow .45s var(--v31-ease)!important}
.hw-step:hover{transform:translateX(4px)}
.hw-step.on{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 18px 54px -42px rgba(0,0,0,.72)!important}
.hw-rows div,.hw-log span{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 18px 48px -38px rgba(32,29,45,.42);
}

#try.screener{
  background:
    radial-gradient(circle at 16% 22%,rgba(255,159,110,.18),transparent 30%),
    radial-gradient(circle at 80% 16%,rgba(90,99,224,.14),transparent 28%),
    linear-gradient(180deg,#f8f0ff 0%,#f4f1fb 58%,#fff7f0 100%)!important;
}
#try .mail,#try .trace{
  box-shadow:0 30px 90px -58px rgba(70,59,120,.56),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
#try .mail{background:linear-gradient(180deg,#fff,#fff8f4)!important}
#try .trace li{box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
#try .si-card{box-shadow:0 22px 58px -36px rgba(32,29,45,.56),inset 0 1px 0 rgba(255,255,255,.85)!important}
#try .si-flags li{box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}
.dsn>div{min-height:100%;background:rgba(255,255,255,.74)!important}

.builder .panel{
  background:linear-gradient(180deg,#fff,#fbf8f3)!important;
  border-radius:34px!important;
}
.faq details{
  background:rgba(255,255,255,.54);
  border:1px solid rgba(32,29,45,.08)!important;
  border-radius:20px;
  margin-top:10px;
  padding-inline:20px;
}
.faq details[open]{box-shadow:0 24px 70px -52px rgba(32,29,45,.38)}

@media (min-width:1181px){
  .hx-art{perspective:1200px}
  .hx-crop{transform:rotateY(-4deg) rotateX(.8deg)}
}

@media (max-width:760px){
  .nav{
    top:8px!important;
    width:calc(100% - 20px)!important;
    margin-top:8px!important;
    border-radius:28px!important;
  }
  .nav .wrap{min-height:58px!important}
  .nav-toggle[data-enhanced="true"]+nav{
    top:calc(66px + env(safe-area-inset-top,0px))!important;
    border-radius:24px!important;
  }
  .band::before{opacity:.55}
  .btn:hover,.hclaim button:hover,.claim-row button:hover,.copy:hover,.pz-go:hover,.seg button:hover,.hw-ctl button:hover,.au-btn:hover,
  .pz-c:hover,.tile:hover,.case:hover,.panel:hover,.phonechat:hover,.pc:hover,.dsn>div:hover,
  .hw-step:hover{
    transform:none;
  }
  .hx-co:nth-child(n){transform:none}
  .hclaim{border-radius:24px!important}
}

@media (prefers-reduced-motion:reduce){
  .btn,.hclaim button,.claim-row button,.copy,.pz-go,.seg button,.hw-ctl button,.au-btn,.pz-c,.tile,.case,.panel,.phonechat,.pc,.dsn>div,.hw-step{
    transition:none!important;
  }
}