/* Website Package page (/website-package). Bolder, ad-style layout; brand colors from site.css. */
.wp{--deep:#172443;--deep2:#1d2c55;--sky:#12aef5;--sky2:#0a84c9;--pink:#e5287f;--wp-head:"Montserrat",Arial,Helvetica,sans-serif;overflow:hidden}
.wp h2{font-family:var(--wp-head);font-weight:900;letter-spacing:-.03em}
.wp-dots{position:absolute;width:132px;height:132px;background-image:radial-gradient(rgba(255,255,255,.28) 1.7px,transparent 2.2px);background-size:22px 22px;pointer-events:none}
.wp-dots--tr{top:34px;right:34px}.wp-dots--bl{left:30px;bottom:40px}
/* Hero */
.wp-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 0%,#2a3d6e 0%,transparent 60%),linear-gradient(180deg,var(--deep2) 0%,var(--deep) 100%);color:#fff;text-align:center;padding:42px 0 70px}
.wp-stripe{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(160deg,var(--sky) 0%,var(--sky2) 100%);clip-path:polygon(81% 100%,89% 100%,100% 74%,100% 55%)}
.wp-stripe::after{content:'';position:absolute;inset:0;background:#fff;opacity:.06;clip-path:polygon(0 30%,0 38%,9% 0,4% 0)}
.wp-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 0 6%,rgba(255,255,255,.035) 6% 13%,transparent 13%)}
.wp-hero-inner{position:relative}
.wp-crumb{color:#aebbd6;text-align:left;margin-bottom:26px}.wp-crumb a{color:#d8e2f4}.wp-crumb span{color:#6f7fa6}
.wp-pill{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#bfe9ff;background:rgba(18,174,245,.12);border:1px solid rgba(18,174,245,.45);padding:8px 16px;border-radius:999px;margin-bottom:22px}
.wp-pill::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 4px rgba(18,174,245,.25)}
.wp-h1{font-family:var(--wp-head);font-weight:900;font-size:clamp(2.3rem,5.6vw,4.4rem);line-height:1.04;letter-spacing:-.035em;margin:0 auto 16px;max-width:none;color:#fff}
.wp-h1>span{display:block}.wp-h1-b{color:var(--sky)}
.wp-sub{font-size:clamp(1.15rem,2vw,1.55rem);color:#d6e0f2;margin:0 auto 38px}
.wp-devices{position:relative;max-width:820px;margin:0 auto;padding:0 13% 0 0}
.wp-devices figure{margin:0}
.wp-laptop{position:relative;filter:drop-shadow(0 30px 40px rgba(5,10,30,.55))}
.wp-laptop-screen{background:#0e1118;border-radius:18px 18px 4px 4px;padding:2.4% 2.4% 2.6%;border:1px solid #3a4152}
.wp-laptop-screen img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:3px}
.wp-laptop-base{position:relative;height:clamp(10px,1.9vw,18px);width:114%;margin-left:-7%;background:linear-gradient(180deg,#e3e7ee 0%,#b6bdcb 70%,#8e96a8 100%);border-radius:0 0 18px 18px/0 0 14px 14px}
.wp-laptop-base::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:16%;height:38%;background:#9aa2b3;border-radius:0 0 10px 10px}
.wp-phone{position:absolute;right:0;bottom:-2%;width:25%;background:#0b0d12;border:1px solid #3a4152;border-radius:16%/7.4%;padding:2.6% 1.6% 2.6%;filter:drop-shadow(0 22px 26px rgba(5,10,30,.6))}
.wp-phone::before{content:'';position:absolute;top:2.2%;left:50%;transform:translateX(-50%);width:32%;height:2.4%;background:#0b0d12;border-radius:20px;z-index:2}
.wp-phone-screen{border-radius:12%/5.6%;overflow:hidden;background:#fff}
.wp-phone-screen img{display:block;width:100%;height:auto;aspect-ratio:390/760;object-fit:cover;object-position:top}
.wp-kicker{font-family:var(--wp-head);font-weight:800;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:-.02em;margin:54px 0 24px;color:#fff}
.wp-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.wp-hero-note{margin:20px 0 0;font-size:14px;color:#aebbd6}
.wp .btn.wp-btn-blue::before{background:var(--sky2)}
.wp .btn.wp-btn-blue:hover::before{background:#0b6fae}
.wp .btn.wp-btn-white{color:var(--navy)!important}
.wp .btn.wp-btn-white::before{background:#fff}
.wp .btn.wp-btn-white:hover::before{background:#dff4ff}
.wp-hero .btn.outline-light::before{background:#34497c}
/* Shared section bits */
.wp-band{position:relative;padding:96px 0}
.wp-head{max-width:720px;margin-bottom:48px}
.wp-head h2{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:14px}
.wp-head p{color:var(--muted);font-size:18px;margin:0}
.wp-head--center{text-align:center;margin-left:auto;margin-right:auto}
.wp-head--center .eyebrow{justify-content:center}
.wp-head--light h2{color:#fff}.wp-head--light p{color:#c9d5eb}.wp-head--light .eyebrow{color:#bfe9ff}








.wp-tag{position:absolute;top:22px;right:16px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--pink);padding:4px 10px;border-radius:999px}
/* Pricing duo */
.wp-pricing{background:linear-gradient(160deg,#eef3fb 0%,#e3ebf7 100%)}
.wp-pricing::before{content:'';position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 62%,rgba(66,77,125,.07) 62% 76%,transparent 76%);pointer-events:none}
.wp-price-duo{position:relative;display:grid;grid-template-columns:1.12fr 1fr;gap:28px;align-items:stretch}
.wp-price{position:relative;border-radius:24px;padding:44px 40px 40px;display:flex;flex-direction:column}
.wp-price h3{font-size:22px;line-height:1.25;margin:22px 0 6px}
.wp-price-label{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.wp-price-amt{font-family:var(--wp-head);font-weight:900;font-size:clamp(4.2rem,8vw,6.6rem);line-height:.95;letter-spacing:-.05em;margin-top:16px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.wp-price-amt span{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:18px;letter-spacing:0}
.wp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.wp-chips span{font-size:13px;font-weight:700;padding:7px 13px;border-radius:999px}
.wp-checks{list-style:none;padding:0;margin:14px 0 26px}
.wp-checks li{position:relative;padding:9px 0 9px 32px;font-size:15px;line-height:1.45}
.wp-checks li::before{content:'✓';position:absolute;left:0;top:8px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}
.wp-price .btn{margin-top:auto;align-self:flex-start}
.wp-price--build{color:#fff;background:linear-gradient(135deg,#1a2a52 0%,var(--navy) 45%,#1d5f9c 100%);box-shadow:0 26px 50px rgba(23,36,67,.35)}
.wp-price--build::after{content:'';position:absolute;inset:0;border-radius:24px;pointer-events:none;background:linear-gradient(125deg,transparent 0 70%,rgba(18,174,245,.35) 70% 78%,transparent 78%)}
.wp-price--build .wp-price-label{color:#9fdcff}
.wp-price--build .wp-price-amt{color:#fff;text-shadow:0 6px 0 rgba(0,0,0,.12)}
.wp-price--build .wp-price-amt span{color:#c9d5eb}
.wp-price--build .wp-chips span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff}
.wp-price--build .wp-checks li{border-bottom:1px solid rgba(255,255,255,.12);color:#e6edf8}
.wp-price--build .wp-checks li::before{background:var(--sky);color:#fff}
.wp-price--build > *{position:relative;z-index:1}
.wp-price--care{background:#fff;color:var(--ink);border:3px solid var(--sky);box-shadow:0 22px 44px rgba(10,132,201,.18)}
.wp-price--care::before{content:'';position:absolute;left:-3px;right:-3px;top:-3px;height:12px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,var(--sky),var(--pink))}
.wp-price--care .wp-price-label{color:var(--sky2)}
.wp-price--care .wp-price-amt{color:var(--navy)}
.wp-price--care .wp-price-amt span{color:var(--muted)}
.wp-price--care .wp-chips span{background:#e6f6fe;color:#0a6aa3;border:1px solid #b5e3fb}
.wp-price--care .wp-checks li{border-bottom:1px solid #e3eaf4}
.wp-price--care .wp-checks li::before{background:#e6f6fe;color:var(--sky2)}
.wp-badge{position:absolute;top:24px;right:-12px;background:var(--pink);color:#fff;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:9px 18px 9px 16px;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);box-shadow:0 8px 16px rgba(229,40,127,.3)}
.wp-price-foot{margin:auto 0 0;font-size:14px;color:var(--muted)}
.wp-extra-row{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.wp-mini{background:rgba(255,255,255,.75);border:1px solid #d3dcea;border-left:5px solid var(--slate);border-radius:16px;padding:28px 30px}
.wp-mini h3{font-size:20px;margin-bottom:8px}
.wp-mini p{color:var(--muted);font-size:15px;margin:0 0 4px}
.wp-checks--dark{margin:10px 0 12px}
.wp-checks--dark li{border-bottom:1px solid #e3eaf4;color:var(--ink);font-size:14.5px}
.wp-checks--dark li::before{background:#eef1f8;color:var(--slate)}
.wp-mini .wp-mini-note{font-size:14px;margin:0}
/* Examples */
.wp-examples{background:linear-gradient(180deg,var(--deep2),var(--deep));color:#fff;overflow:hidden}
.wp-examples::after{content:'';position:absolute;inset:0;pointer-events:none;background:var(--sky2);opacity:.9;clip-path:polygon(0 100%,7% 100%,0 82%)}
.wp-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.wp-example{background:#fff;color:var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 26px 50px rgba(5,10,30,.45)}
.wp-browser{display:flex;align-items:center;gap:6px;background:#e9edf4;padding:10px 14px}
.wp-browser span{width:10px;height:10px;border-radius:50%;background:#c3cad8}.wp-browser span:first-child{background:#ff6b5e}.wp-browser span:nth-child(2){background:#ffc23d}.wp-browser span:nth-child(3){background:#2fca5a}
.wp-browser em{font-style:normal;font-size:12px;color:var(--muted);background:#fff;border-radius:999px;padding:3px 14px;margin-left:10px}
.wp-example img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.wp-example-body{padding:26px 28px 30px}
.wp-example-body h3{font-size:22px;margin-bottom:8px}
.wp-example-body p{color:var(--muted);font-size:15px}
/* FAQ */
.wp-faq{background:#fff}
.wp-faq .faq h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}
.wp-faq details{border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-top:12px;background:#f7f9fc}
.wp-faq details[open]{background:#fff;border-color:#b5e3fb;box-shadow:0 10px 24px rgba(35,51,92,.08)}
@media(max-width:850px){
 .wp-band{padding:72px 0}
 .wp-price-duo,.wp-extra-row,.wp-example-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 .wp-hero{padding:26px 0 52px}
 .wp-crumb{margin-bottom:18px}
 .wp-pill{font-size:10.5px;letter-spacing:.12em;padding:7px 13px}
 .wp-h1{font-size:clamp(2rem,9.4vw,2.6rem)}
 .wp-sub{margin-bottom:28px}
 .wp-devices{padding-right:16%}
 .wp-phone{width:30%;bottom:-6%}
 .wp-kicker{margin:46px 0 20px}
 .wp-hero-actions .btn{width:100%}
 .wp-dots{width:88px;height:88px}.wp-dots--tr{top:14px;right:10px}
 .wp-stripe{clip-path:polygon(70% 100%,84% 100%,100% 86%,100% 72%)}
 .wp-band{padding:58px 0}
 .wp-head{margin-bottom:32px}.wp-head p{font-size:16px}



 .wp-price{padding:34px 22px 28px;border-radius:20px}
 .wp-badge{right:-6px;top:18px;font-size:11px}
 .wp-price--care .wp-price-label{max-width:62%}
 .wp-price .btn{width:100%}
 .wp-mini{padding:22px 20px}
 .wp-example-body{padding:22px 20px 26px}.wp-example-body .btn{width:100%}
}
/* v2 refinements */
.wp-head{max-width:920px}
.wp-head--center{max-width:880px}



.wp-example:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}
.wp-example:only-child .wp-example-body{padding:36px 40px}
.wp-example:only-child .wp-example-body h3{font-size:28px}
.wp-example:only-child .wp-example-body p{font-size:17px}
@media(max-width:850px){.wp-example:only-child{grid-template-columns:1fr}.wp-example:only-child .wp-example-body{padding:24px 22px 28px}}
@media(max-width:620px){
 .wp-devices{margin:0 -6px}


}
/* v3 copy: longer headline, demo note, paired prices, Facebook link */
.wp-kicker{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;font-size:clamp(1.25rem,2.4vw,1.9rem)}
.wp-kp{display:inline-block;padding:10px 20px;border-radius:14px;line-height:1.2}
.wp-kp--build{background:#fff;color:var(--navy)}
.wp-kp--care{background:rgba(18,174,245,.16);border:2px solid var(--sky);color:#fff;font-size:.72em;font-weight:800}
.wp-fb-row{margin:18px 0 0}
.wp-fb{display:inline-flex;align-items:center;gap:8px;color:#bfe9ff;font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.wp-fb:hover{color:#fff}
.cta .wp-fb-row--cta{margin-top:16px}
@media(max-width:620px){
  .wp-kicker{flex-direction:column;gap:10px}
 .wp-kp{width:100%;max-width:340px}
}
/* v5 headline accents: gold "built" (ringmaster vest/rope tone) with a hand-drawn swoosh; italic "dime" */
.wp-gold{position:relative;display:inline-block;color:#f5b731;white-space:nowrap}
.wp-swoosh{position:absolute;left:-3%;bottom:-.16em;width:106%;height:.3em;color:#f5b731;overflow:visible;pointer-events:none}
.wp-italic{font-style:italic;padding-right:.04em}
.wp-h1-b{margin-top:.1em}
/* ===== Showcase (Oct 2026): animated hero devices, before/after slider, feature grid, gold timeline, tilt cards ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wp{--gold:#f5b731;--gold2:#e39b12}
/* Hero: laptop rises in, screen powers on, phone slides in and its screen scrolls the homepage */
@keyframes wp-rise{from{opacity:0;transform:translateY(46px) scale(.96)}to{opacity:1;transform:none}}
@keyframes wp-power{from{filter:brightness(.15) saturate(.4)}to{filter:none}}
@keyframes wp-slide-in{from{opacity:0;transform:translate(36%,8%) rotate(7deg)}to{opacity:1;transform:none}}
@keyframes wp-phone-scroll{0%,9%{transform:translateY(0)}46%,56%{transform:translateY(calc(-100% + 100cqh))}92%,100%{transform:translateY(0)}}
.wp-laptop{animation:wp-rise .8s cubic-bezier(.2,.8,.2,1) backwards}
.wp-laptop-screen img{animation:wp-power .9s .3s ease-out backwards}
.wp-phone{animation:wp-slide-in .9s .45s cubic-bezier(.2,.8,.2,1) backwards}
.wp-phone-screen{position:relative;aspect-ratio:390/760;container-type:size}
.wp-phone-screen .wp-phone-shot{width:100%;height:100%;aspect-ratio:auto}
.wp-phone-screen .wp-phone-tall{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:auto;object-fit:fill;max-width:none;opacity:0;transition:opacity .6s ease;will-change:transform}
.is-scrolling .wp-phone-tall{opacity:1;animation:wp-phone-scroll 30s 1s ease-in-out infinite}
.wp-phone:hover .wp-phone-tall,.is-paused .wp-phone-tall,.is-offscreen .wp-phone-tall{animation-play-state:paused}
.wp-phone-toggle{position:absolute;right:-16px;bottom:9%;z-index:3;width:38px;height:38px;border-radius:50%;border:2px solid var(--gold);background:var(--deep);color:var(--gold);cursor:pointer;display:grid;place-items:center;padding:0;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.wp-phone-toggle[hidden]{display:none}
.wp-pt-pause{width:12px;height:13px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.wp-phone-toggle[aria-pressed=true] .wp-pt-pause{width:0;height:0;border:0;border-left:12px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:4px}
.wp-phone-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.wp-kp--build{box-shadow:0 10px 26px rgba(0,0,0,.25)}
/* Scroll reveal (only once JS confirms it can reveal; never hides content otherwise) */
[data-rv]{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*90ms)}
.wp-anim [data-rv]:not(.is-in){opacity:0;transform:translateY(30px)}
/* Before / after */
.wp-compare{background:linear-gradient(180deg,#eef3fb 0%,#fff 100%)}
.wp-ba{max-width:1040px;margin:0 auto}
.wp-ba-frame{border-radius:18px;overflow:hidden;background:#fff;border:1px solid #d3dcea;box-shadow:0 30px 60px rgba(23,36,67,.22)}
.wp-ba-bar em{flex:0 1 260px}
.wp-ba-stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef0f4;user-select:none}
.wp-ba figure{margin:0;position:absolute;inset:0}
.wp-ba img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.wp-ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.wp-ba-label{position:absolute;top:16px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;box-shadow:0 6px 16px rgba(23,36,67,.2);white-space:nowrap}
.wp-ba-label--before{left:16px;background:#5d6577;color:#fff}
.wp-ba-label--after{right:16px;background:var(--gold);color:var(--deep)}
.wp-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:0;pointer-events:none;z-index:2}
.wp-ba-handle::before{content:'';position:absolute;top:0;bottom:0;left:-2px;width:4px;background:var(--gold);box-shadow:0 0 0 1px rgba(23,36,67,.25),0 0 18px rgba(245,183,49,.6)}
.wp-ba-handle span{position:absolute;top:50%;left:0;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--gold);border:4px solid #fff;box-shadow:0 10px 24px rgba(23,36,67,.35);display:block}
.wp-ba-handle span::before,.wp-ba-handle span::after{content:'';position:absolute;top:50%;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-top:-7px}
.wp-ba-handle span::before{left:9px;border-right:10px solid var(--deep)}
.wp-ba-handle span::after{right:9px;border-left:10px solid var(--deep)}
@keyframes wp-nudge{0%,100%{transform:translateX(0)}30%{transform:translateX(-10px)}60%{transform:translateX(10px)}}
.wp-ba.is-in .wp-ba-handle span{animation:wp-nudge 1.2s .5s ease-in-out 2}
.wp-ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;z-index:3}
.wp-ba-range::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:100%}
.wp-ba-range::-moz-range-thumb{width:2px;height:100%;border:0}
.wp-ba-stage:has(.wp-ba-range:focus-visible) .wp-ba-handle span{outline:3px solid var(--sky2);outline-offset:4px}
@media(pointer:coarse){.wp-ba-range{top:50%;bottom:auto;height:84px;margin-top:-42px}}
.wp-ba-note{text-align:center;color:var(--muted);font-size:14px;margin:16px 0 0}
/* What you get */
.wp-features{background:#fff}
.wp-feat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wp-feat{background:linear-gradient(180deg,#fff,#f6f8fc);border:1px solid var(--line);border-radius:18px;padding:26px 24px;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease}
.wp-feat{transition-delay:calc(var(--i,0)*90ms),calc(var(--i,0)*90ms),0s,0s}
.wp-feat:hover{box-shadow:0 18px 36px rgba(35,51,92,.12);border-color:#c9d6ea}
.wp-feat-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,var(--navy),var(--slate));box-shadow:0 10px 20px rgba(35,51,92,.22);margin-bottom:18px}
.wp-feat-icon svg{width:30px;height:30px;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wp-feat-icon svg *{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.3s ease;transition-delay:calc(.25s + var(--i,0)*90ms)}
.wp-anim .wp-feat:not(.is-in) .wp-feat-icon svg *{stroke-dashoffset:1}
.wp-feat:hover .wp-feat-icon{animation:wp-bob .6s ease}
@keyframes wp-bob{50%{transform:translateY(-4px) rotate(-4deg)}}
.wp-feat h3{font-size:19px;margin-bottom:8px;color:var(--ink)}
.wp-feat p{font-size:15px;color:var(--muted);margin:0}
/* Timeline: zig-zag on desktop, single rail on phones; the gold fill follows your scroll */
.wp-steps{background:radial-gradient(ellipse at 50% 0%,#2a3d6e 0%,transparent 60%),linear-gradient(180deg,var(--deep2),var(--deep));color:#fff;overflow:hidden}
.wp-steps .wp-dots--tr{top:40px;right:40px}
.wp-tl{--fill:1;list-style:none;margin:0 auto;padding:8px 0;position:relative;max-width:1060px}
.wp-tl::before,.wp-tl::after{content:'';position:absolute;left:50%;top:0;width:6px;margin-left:-3px;border-radius:6px}
.wp-tl::before{bottom:0;background:rgba(255,255,255,.13)}
.wp-tl::after{height:calc(var(--fill)*100%);background:linear-gradient(180deg,#fbd56e,var(--gold) 55%,var(--gold2));box-shadow:0 0 18px rgba(245,183,49,.55)}
.wp-tl-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);align-items:center}
.wp-tl-step+.wp-tl-step{margin-top:-30px}
.wp-step-num{grid-column:2;grid-row:1;justify-self:center;position:relative;z-index:2;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-family:var(--wp-head);font-weight:900;font-size:30px;color:#fff;background:var(--slate);border:4px solid #2f3f6c;box-shadow:0 0 0 7px var(--deep),0 12px 24px rgba(0,0,0,.35);transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease}
.wp-tl-step.is-on .wp-step-num{border-color:var(--gold);box-shadow:0 0 0 7px var(--deep),0 0 0 10px rgba(245,183,49,.22),0 12px 24px rgba(0,0,0,.35)}
.wp-tl-card{grid-row:1;position:relative;background:#fff;color:var(--ink);border-radius:18px;padding:24px 26px 22px;box-shadow:0 22px 44px rgba(5,10,30,.4);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.wp-tl-step:nth-child(odd) .wp-tl-card{grid-column:1}
.wp-tl-step:nth-child(even) .wp-tl-card{grid-column:3}
.wp-tl-card::after{content:'';position:absolute;top:50%;width:16px;height:16px;margin-top:-8px;background:#fff;transform:rotate(45deg)}
.wp-tl-step:nth-child(odd) .wp-tl-card::after{right:-7px}
.wp-tl-step:nth-child(even) .wp-tl-card::after{left:-7px}
.wp-tl-anim .wp-tl-step:not(.is-seen) .wp-tl-card{opacity:0;transform:translateX(-46px)}
.wp-tl-anim .wp-tl-step:nth-child(even):not(.is-seen) .wp-tl-card{transform:translateX(46px)}
.wp-tl-anim .wp-tl-step:not(.is-on) .wp-step-num{transform:scale(.88)}
.wp-tl-card h3{font-size:21px;margin:0 0 8px;color:var(--ink)}
.wp-tl-card p{font-size:15.5px;color:var(--muted);margin:0}
.wp-tl .wp-tag{position:absolute;top:-12px;right:20px;color:var(--deep);background:var(--gold);box-shadow:0 6px 14px rgba(245,183,49,.35)}
.wp-tl-step--live .wp-tl-card{box-shadow:0 0 0 3px var(--gold),0 22px 44px rgba(5,10,30,.4)}
/* Pricing: tilt + glow on mouse hover (JS adds .is-tilt only for a fine pointer) */
.wp-price{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:opacity .7s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.wp-price.is-tilt{transition:transform .12s linear,box-shadow .3s ease}
.wp-price--build.is-tilt{box-shadow:0 34px 60px rgba(23,36,67,.42),0 0 0 1px rgba(245,183,49,.35)}
.wp-price--care.is-tilt{box-shadow:0 30px 56px rgba(10,132,201,.26)}
.wp-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 62%)}
.wp-price--build>.wp-glow{position:absolute;z-index:2}
.wp-price--care .wp-glow{background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(18,174,245,.12),transparent 62%)}
.wp-price.is-tilt .wp-glow{opacity:1}
/* "What costs extra": polished card with a soft gradient border; "Without the Care Plan" stays plain on purpose */
.wp-mini--extra{border:2px solid transparent;border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--gold) 0%,#12aef5 55%,var(--slate) 100%) border-box;box-shadow:0 18px 40px rgba(35,51,92,.12);padding:28px 30px}
.wp-extra-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.wp-extra-head h3{margin:0}
.wp-extra-badge{flex:0 0 48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,var(--navy),var(--slate));box-shadow:0 8px 16px rgba(35,51,92,.22)}
.wp-extra-badge svg{width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wp-extra-list{list-style:none;padding:0;margin:14px 0 12px}
.wp-extra-list li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e3eaf4;font-size:14.5px;line-height:1.5;color:var(--ink)}
.wp-extra-list li:last-child{border-bottom:0}
.wp-extra-ico{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff7e3;border:1px solid #f3d58c}
.wp-extra-ico svg{width:18px;height:18px;fill:none;stroke:#a87203;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.wp-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .wp-tl::before,.wp-tl::after{left:32px}
 .wp-tl-step{grid-template-columns:64px minmax(0,1fr);gap:0 18px;align-items:start}
 .wp-tl-step+.wp-tl-step{margin-top:22px}
 .wp-step-num{grid-column:1;width:60px;height:60px;font-size:25px;box-shadow:0 0 0 6px var(--deep),0 10px 20px rgba(0,0,0,.35)}
 .wp-tl-step.is-on .wp-step-num{box-shadow:0 0 0 6px var(--deep),0 0 0 9px rgba(245,183,49,.22)}
 .wp-tl-step:nth-child(n) .wp-tl-card{grid-column:2}
 .wp-tl-step:nth-child(n) .wp-tl-card::after{left:-7px;right:auto;top:30px}
 .wp-tl-anim .wp-tl-step:nth-child(n):not(.is-seen) .wp-tl-card{transform:translateX(36px)}
 .wp-tl-card{padding:20px 20px 18px}
 .wp-tl-card h3{font-size:19px;padding-right:56px}
}
@media(max-width:620px){
 .wp-feat-grid{grid-template-columns:1fr;gap:14px}
 .wp-feat{display:grid;grid-template-columns:52px 1fr;gap:4px 16px;padding:18px}
 .wp-feat-icon{grid-row:span 2;width:52px;height:52px;margin:0}
 .wp-feat h3{font-size:17px;margin:4px 0 2px}
 .wp-ba-label{font-size:10.5px;padding:6px 10px;top:10px}
 .wp-ba-label--before{left:10px}.wp-ba-label--after{right:10px}
 .wp-ba-handle span{width:44px;height:44px;margin:-22px 0 0 -22px}
 .wp-ba-handle span::before,.wp-ba-handle span::after{border-top-width:5px;border-bottom-width:5px;margin-top:-5px}
 .wp-ba-handle span::before{left:5px;border-right-width:7px}
 .wp-ba-handle span::after{right:5px;border-left-width:7px}
 .wp-ba-bar em{font-size:11px}
 .wp-phone-toggle{width:32px;height:32px;right:-10px}
 .wp-mini--extra{padding:22px 20px}
}
/* Reduced motion: everything visible and still. No entrance animations, no phone scroll, no tilt; timeline shown fully gold. */
@media(prefers-reduced-motion:reduce){
 .wp-laptop,.wp-phone,.wp-laptop-screen img,.wp-ba-handle span,.wp-feat:hover .wp-feat-icon{animation:none!important}
 .wp-phone-tall,.wp-phone-toggle{display:none!important}
 [data-rv],.wp-tl-card,.wp-step-num,.wp-feat,.wp-price{transition:none!important}
 [data-rv],.wp-tl-card{opacity:1!important;transform:none!important}
 .wp-price{transform:none!important}
 .wp-feat-icon svg *{stroke-dashoffset:0!important;transition:none!important}
 .wp-tl{--fill:1!important}
}

/* Sitewide rope (Oct 2026): the timeline's gold fill uses the same twisted-rope texture as the rest of the site */
.wp-tl::before,.wp-tl::after{width:10px;margin-left:-5px;border-radius:10px}
.wp-tl::after{background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,0) 42%,rgba(70,40,0,.32)),url(/assets/design/rope-v.svg) repeat-y 0 0/100% 14px;box-shadow:0 0 16px rgba(245,183,49,.4)}
@media(max-width:760px){.wp-tl::before,.wp-tl::after{margin-left:-5px}}

/* Scam Help pill in the shared menu (same rules as design.css; this page doesn't load the design layer) */
.site-header .navlinks a.nav-scam{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border:1px solid #f3b8a6;border-bottom:1px solid #f3b8a6;border-radius:999px;background:#fff1ec;color:#8f2a17;font-weight:700;line-height:1.1}
.nav-scam__icon{width:16px;height:16px;flex:0 0 auto}
.site-header .navlinks a.nav-scam:hover,.site-header .navlinks a.nav-scam:focus-visible{background:#ffe2d6;color:#7a2213}
.site-header .navlinks a.nav-scam:focus-visible{outline:3px solid #c2410c;outline-offset:3px}
.site-header .navlinks a.nav-scam[aria-current=page]{border-color:#e8735a;box-shadow:0 0 0 2px rgba(232,115,90,.25);color:#7a2213}
@media(min-width:1251px){.site-header .nav-row{gap:12px}.site-header .navlinks{gap:8px}.site-header .navlinks .nav-contact{padding:12px 16px}.site-header .navlinks a.nav-scam{padding:6px 10px 6px 8px;gap:5px}}
@media(max-width:1250px){.site-header .navlinks a.nav-scam{align-self:flex-start;margin:4px 0;padding:9px 16px 9px 12px}.nav-scam__icon{width:18px;height:18px}}

/* Audit fixes (Oct 12): scope disclaimer sits at the bottom of "What costs extra". */
.wp-mini-note+.wp-extra-disclaimer{margin-top:14px;padding-top:14px;border-top:1px solid rgba(35,51,92,.12);font-size:13px;line-height:1.6;opacity:.9}