/* Corivo elevation layer — "The Path" system. Scoped to body.el; loads after site.css. */
.el h1{font-size:clamp(56px,9vw,120px);font-weight:700;line-height:.98;letter-spacing:-.02em;font-optical-sizing:auto}
.el h2{font-size:clamp(32px,4.5vw,48px);line-height:1.06}
.el .sec{padding:140px 0}
.el .sec-tight{padding:72px 0}
.el .hero{padding:104px 0 36px}
.el :focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}
.el .card{transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}
.el a.card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(20,23,43,.08)}
.dotp{display:inline-block;width:.13em;height:.13em;border-radius:50%;background:var(--coral);vertical-align:baseline;margin-left:.06em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.g75{display:grid;grid-template-columns:7fr 5fr;gap:56px}
.g57{display:grid;grid-template-columns:5fr 7fr;gap:56px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:56px}
.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.hero-grid h1{grid-column:1/-1;max-width:14ch}
.hero-sub{grid-column:1/8;display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin-top:8px}
.rise{opacity:0;transform:translateY(28px);animation:riseIn .6s cubic-bezier(.16,1,.3,1) forwards}
.rise.d1{animation-delay:.07s}.rise.d2{animation-delay:.14s}
@keyframes riseIn{to{opacity:1;transform:none}}
/* The Path */
.pathzone{position:relative}
.pathzone>section{position:relative}
.pathzone .band-cobalt{z-index:2}
.pathzone .wrap{position:relative;z-index:1}
#pathSvg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}
#pathLine{stroke:var(--cobalt);stroke-width:12;fill:none;stroke-linecap:round;stroke-linejoin:round}
.anchor{display:inline-block;width:2px;height:2px}
.station{display:grid;grid-template-columns:1fr 88px 1fr;gap:24px;align-items:center;padding:40px 0}
.station .st-copy{max-width:520px;grid-column:1;grid-row:1;justify-self:end}
.station.alt .st-copy{grid-column:3;justify-self:start}
.station .st-node{grid-column:2;grid-row:1;justify-self:center;width:22px;height:22px;border-radius:50%;background:var(--cobalt);box-shadow:0 0 0 7px var(--paper);position:relative;z-index:1}
.station .label{color:var(--cobalt);display:block;margin-bottom:10px}
.price-big{font-size:clamp(48px,6.5vw,96px);line-height:.98;letter-spacing:-.02em;font-weight:700}
/* How-it-works journey steps */
.jstep{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center;padding:88px 0;position:relative}
.jstep.alt .jtext{grid-column:2;grid-row:1}
.jstep.alt .jmedia{grid-column:1;grid-row:1}
.jstep .jtext{position:relative;z-index:1}
.bignum{display:block;font:700 clamp(64px,8vw,120px)/.82 var(--font-display);letter-spacing:-.03em;color:var(--mist);margin:0 0 6px -.02em;pointer-events:none;user-select:none}
.jnode{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--cobalt);box-shadow:0 0 0 7px var(--paper);z-index:1}
/* App pinned product tour */
.tour-grid{display:grid;grid-template-columns:6fr 6fr;gap:64px;align-items:start}
.tour-pin{position:sticky;top:clamp(90px,calc(50vh - 330px),50vh);display:none;justify-content:center;padding-top:8px}
body.tour-on .tour-pin{display:flex}
body.tour-on .tour-step .phone-hold{display:none}
.tour-step{min-height:min(72vh,600px);display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px 0}
.tour-pin .phone{position:relative;height:520px;transform:scale(1.16);transform-origin:top center}
.tour-pin .scr{position:absolute;inset:10px;height:auto;opacity:0;transition:opacity .28s var(--ease-out)}
.tour-pin .scr.on{opacity:1}
@keyframes chatIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tour-pin .scr .chat-seq>*{opacity:0}
.tour-pin .scr.play .chat-seq>*{animation:chatIn .3s var(--ease-out) both}
.tour-pin .scr.play .chat-seq>:nth-child(2){animation-delay:.12s}
.tour-pin .scr.play .chat-seq>:nth-child(3){animation-delay:.24s}
@media (max-width:1000px){body.tour-on .tour-pin{display:none}body.tour-on .tour-step .phone-hold{display:block}.tour-grid{grid-template-columns:1fr;gap:0}.tour-step{min-height:0;padding:40px 0}}
@media (prefers-reduced-motion:reduce){.rise{animation:none;opacity:1;transform:none}}
@media (max-width:860px){
.g75,.g57{grid-template-columns:1fr;gap:32px}
.jstep{grid-template-columns:1fr;gap:28px;padding:52px 0}
.jstep.alt .jtext,.jstep.alt .jmedia{grid-column:1}
.jstep.alt .jtext{grid-row:1}.jstep.alt .jmedia{grid-row:2}
.bignum{font-size:72px}
.jnode{width:16px;height:16px;margin:-8px 0 0 -8px;box-shadow:0 0 0 5px var(--paper)}
.hero-sub{grid-column:1/-1}
.station{grid-template-columns:32px 1fr;gap:20px;padding:36px 0;position:relative}
.station::before{content:"";position:absolute;left:16px;top:0;bottom:0;width:4px;transform:translateX(-50%);background:var(--cobalt);border-radius:2px;z-index:0}
.station .st-node{grid-column:1;grid-row:1;width:16px;height:16px;box-shadow:0 0 0 5px var(--paper);z-index:1}
.station .st-copy,.station.alt .st-copy{grid-column:2;grid-row:1;justify-self:start}
#pathSvg{display:none!important}
.jnode{display:none}
}
@media (max-width:700px){.el .sec{padding:80px 0}.el .hero{padding:64px 0 20px}.el .sec-tight{padding:56px 0}}
/* Pricing: fine-print wall */
.fpwall{position:relative;background:var(--mist);border-radius:16px;padding:44px 40px;overflow:hidden;min-height:420px}
.fpwall .fp-text{color:rgba(20,23,43,.2);font:400 13px/1.9 var(--font-body);filter:blur(2.6px);user-select:none;word-break:break-all;text-align:justify}
.fpwall .fp-ast{position:absolute;color:rgba(20,23,43,.34);font:700 26px var(--font-display);filter:blur(.6px)}
.fpwall::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(231,233,242,0) 55%,var(--mist))}
.price-panel{display:flex;flex-direction:column;justify-content:center;gap:18px}
@media (max-width:860px){.fpwall{min-height:280px}}
/* Ghost mark + frame overlap */
.ghostwrap{position:relative;overflow:hidden}
.ghostwrap .ghost{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(46vw,560px);opacity:.55;pointer-events:none}
.ghostwrap .wrap{position:relative}
.overlap-down{margin-bottom:-72px;position:relative;z-index:2}
@media (max-width:860px){.overlap-down{margin-bottom:0}.ghostwrap .ghost{width:70vw;right:-20%}}
.arrive-wrap{position:relative}
.arrive-dot{position:absolute;left:-46px;top:52px;width:16px;height:16px;border-radius:50%;background:var(--coral)}
.arrive-dot::before{content:"";position:absolute;left:7px;bottom:22px;width:2px;height:44px;background:var(--cobalt);border-radius:2px;opacity:.35}
@media (max-width:700px){.arrive-dot{display:none}}
.el-doc h1{font-size:clamp(34px,4vw,52px)}
.el-doc h2{font-size:clamp(24px,3vw,32px)}
/* Article CTA buttons: keep white text (beats .article a{color:var(--link)}) */
.article .btn,.article .btn:hover{color:#fff}
.blog-feat{grid-column:1/-1}
.blog-feat>a{display:grid;grid-template-columns:7fr 5fr}
.blog-feat .img-slot{min-height:280px;border-bottom:none;border-right:1px solid var(--mist)}
@media (max-width:860px){.blog-feat>a{grid-template-columns:1fr}.blog-feat .img-slot{min-height:180px;border-right:none;border-bottom:1px solid var(--mist)}}
.seq{display:flex;flex-direction:column}
.seq-row{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:baseline;padding:44px 0;border-top:1px solid var(--mist)}
.seq-row:first-child{border-top:0}
.seq-row.alt{grid-template-columns:5fr 7fr}
.seq-row.alt>h3{order:2}.seq-row.alt>p{order:1}
.seq-num{font:700 15px var(--font-body);color:var(--cobalt);display:block;margin-bottom:8px}
@media (max-width:860px){.seq-row,.seq-row.alt{grid-template-columns:1fr;gap:10px;padding:28px 0}.seq-row.alt>h3{order:1}.seq-row.alt>p{order:2}}