@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Serif+Display&display=swap');
.imp-wad{--blue:#2563EB;--blue-d:#1D4ED8;--blue-l:#EFF6FF;--navy:#0F172A;--navy-2:#1E293B;--navy-3:#334155;--ink:#0F172A;--body:#334155;--muted:#64748B;--bg:#F8FAFC;--tone:#F1F5F9;--tone-2:#E2E8F0;--green:#16A34A;
font-family:'DM Sans',Arial,sans-serif;color:var(--body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.imp-wad *{box-sizing:border-box;margin:0;padding:0}
.imp-wad a{text-decoration:none}
.imp-wad h1,.imp-wad h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:var(--ink);letter-spacing:-.01em;line-height:1.08}
.imp-wad h3{font-family:'DM Sans',Arial,sans-serif;font-weight:700;color:var(--ink);font-size:18px;line-height:1.3}
.imp-wad h2{font-size:clamp(24px,3vw,36px);max-width:30ch}
.imp-wad .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.imp-wad section{padding:96px 0}
.imp-wad .eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.imp-wad .lead{font-size:17px;color:var(--body);max-width:62ch;margin-top:14px}
.imp-wad .btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;padding:13px 24px;border-radius:8px;border:0;cursor:pointer;transition:background .2s,transform .15s,color .2s}
.imp-wad .btn:active{transform:translateY(1px)}
.imp-wad .btn-blue{background:var(--blue);color:#fff}
.imp-wad .btn-blue:hover{background:var(--blue-d);color:#fff}
.imp-wad .btn-quiet{background:rgba(255,255,255,.08);color:#fff}
.imp-wad .btn-quiet:hover{background:rgba(255,255,255,.16);color:#fff}
.imp-wad :focus-visible{outline:3px solid #93C5FD;outline-offset:2px}

/* hero */
.imp-wad .hero{background:var(--navy);color:#CBD5E1;padding:80px 0 88px;position:relative;overflow:hidden;isolation:isolate}
.imp-wad .hero::before,.imp-wad .hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.imp-wad .hero::before{width:900px;height:900px;right:-220px;top:-380px;background:radial-gradient(closest-side,rgba(37,99,235,.58),rgba(37,99,235,.18) 55%,rgba(37,99,235,0));animation:wadglow 9s ease-in-out infinite}
.imp-wad .hero::after{width:700px;height:700px;left:-260px;bottom:-420px;background:radial-gradient(closest-side,rgba(56,189,248,.26),rgba(56,189,248,0));animation:wadglow 11s ease-in-out infinite reverse}
@keyframes wadglow{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}
.imp-wad .hero .grid{display:grid;grid-template-columns:1.02fr 1fr;gap:64px;align-items:center}
.imp-wad .hero .eyebrow{color:#93C5FD}
.imp-wad .hero h1{color:#fff;font-size:clamp(32px,4.5vw,52px)}
.imp-wad .hero .lead{font-size:18px;color:#CBD5E1}
.imp-wad .hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.imp-wad .hero .ticks{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:14px;color:#E2E8F0}
.imp-wad .hero .ticks li{display:flex;align-items:center;gap:8px}
.imp-wad .hero .ticks svg{color:#4ADE80;flex:none}

/* hero board: retainer months */
.imp-wad .board{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.imp-wad .board-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.imp-wad .board-top b{color:#fff;font-size:15px}
.imp-wad .board-top{flex-wrap:wrap}
.imp-wad .board-top span{white-space:nowrap;font-size:12px;font-weight:600;color:#4ADE80;background:rgba(74,222,128,.1);padding:4px 10px;border-radius:99px}
.imp-wad .month{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:14px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
.imp-wad .month:last-of-type{border-bottom:0}
.imp-wad .month .m{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#93C5FD;padding-top:3px}
.imp-wad .month ul{list-style:none;display:grid;gap:6px}
.imp-wad .month li{display:flex;align-items:center;gap:10px;font-size:14px;color:#E2E8F0}
.imp-wad .month li i{width:16px;height:16px;border-radius:5px;flex:none;border:1.5px solid #475569}
.imp-wad .month li.done i{background:var(--blue);border-color:var(--blue);position:relative}
.imp-wad .month li.done i::after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.imp-wad .month li.now i{border-color:#60A5FA;box-shadow:0 0 0 3px rgba(96,165,250,.2)}
.imp-wad .board-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#94A3B8}
.imp-wad .board-foot b{color:#fff;font-size:15px}

/* what we build */
.imp-wad .build .head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:48px}
.imp-wad .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.imp-wad .card{background:#fff;border:1px solid var(--tone-2);border-radius:14px;padding:28px;transition:border-color .2s,transform .2s}
.imp-wad .card:hover{border-color:#BFDBFE;transform:translateY(-2px)}
.imp-wad .card .ic{width:44px;height:44px;border-radius:10px;background:var(--blue-l);color:var(--blue);display:grid;place-items:center;margin-bottom:18px}
.imp-wad .card p{margin-top:8px;font-size:15px}
.imp-wad .card .eg{display:block;margin-top:14px;font-size:13px;color:var(--muted)}

/* two ways to pay */
.imp-wad .pay{background:var(--bg)}
.imp-wad .pay .two{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:44px;align-items:stretch}
.imp-wad .opt{border-radius:16px;padding:36px;display:flex;flex-direction:column}
.imp-wad .opt.ret{background:var(--navy);color:#CBD5E1;position:relative}
.imp-wad .opt.ret h3{color:#fff;font-size:22px}
.imp-wad .opt.one{background:#fff;border:1px solid var(--tone-2)}
.imp-wad .opt.one h3{font-size:22px}
.imp-wad .opt .tag{align-self:flex-start;font-size:12px;font-weight:700;padding:5px 12px;border-radius:99px;margin-bottom:16px}
.imp-wad .opt.ret .tag{background:var(--blue);color:#fff}
.imp-wad .opt.one .tag{background:var(--tone);color:var(--body)}
.imp-wad .opt .sum{margin-top:10px;font-size:15px}
.imp-wad .opt ul{list-style:none;display:grid;gap:12px;margin:24px 0 30px}
.imp-wad .opt li{display:flex;gap:12px;font-size:15px;align-items:flex-start}
.imp-wad .opt li svg{flex:none;margin-top:4px;color:var(--green)}
.imp-wad .opt.ret li svg{color:#4ADE80}
.imp-wad .opt.ret li b{color:#fff}
.imp-wad .opt.one li b{color:var(--ink)}
.imp-wad .opt .btn{margin-top:auto;justify-content:center}
.imp-wad .opt.one .btn{background:var(--tone);color:var(--ink)}
.imp-wad .opt.one .btn:hover{background:var(--tone-2);color:var(--ink)}
.imp-wad .cashflow{margin-top:20px;background:#fff;border:1px solid var(--tone-2);border-radius:16px;padding:28px 32px;display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:center}
.imp-wad .cashflow p{font-size:15px;margin-top:8px}
.imp-wad .bars{display:grid;gap:14px}
.imp-wad .bar{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;font-size:13px;color:var(--muted)}
.imp-wad .bar .track{display:flex;gap:4px;height:26px}
.imp-wad .bar .track span{border-radius:5px}
.imp-wad .bar.big .track span{background:#CBD5E1;flex:1}
.imp-wad .bar.big .track span:first-child{background:var(--navy-3);flex:9}
.imp-wad .bar.ret .track span{background:var(--blue);flex:1}
.imp-wad .bar.ret .track span:first-child{background:#93C5FD}
.imp-wad .bars small{font-size:12px;color:var(--muted)}

/* complexity */
.imp-wad .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.imp-wad .tier{border:1px solid var(--tone-2);border-radius:14px;padding:28px;background:#fff}
.imp-wad .tier .lvl{display:flex;gap:4px;margin-bottom:16px}
.imp-wad .tier .lvl i{width:22px;height:6px;border-radius:3px;background:var(--tone-2)}
.imp-wad .tier .lvl i.on{background:var(--blue)}
.imp-wad .tier p{font-size:15px;margin-top:8px}
.imp-wad .tier ul{list-style:none;margin-top:16px;display:grid;gap:8px;font-size:14px}
.imp-wad .tier li{padding-left:16px;position:relative}
.imp-wad .tier li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#93C5FD}
.imp-wad .tier .time{margin-top:18px;padding-top:16px;border-top:1px solid var(--tone);font-size:14px;color:var(--muted)}
.imp-wad .tier .time b{color:var(--ink)}
.imp-wad .note{margin-top:24px;font-size:15px;color:var(--muted);max-width:80ch}

/* how it works */
.imp-wad .how{background:var(--navy);color:#CBD5E1}
.imp-wad .how h2{color:#fff}
.imp-wad .how .lead{color:#CBD5E1}
.imp-wad .how ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:48px;counter-reset:s}
.imp-wad .how li{counter-increment:s;border-top:2px solid rgba(255,255,255,.12);padding-top:22px;position:relative}
.imp-wad .how li::before{content:counter(s,decimal-leading-zero);display:block;font-family:'DM Serif Display',Georgia,serif;font-size:36px;color:#60A5FA;line-height:1;margin-bottom:14px}
.imp-wad .how li h3{color:#fff}
.imp-wad .how li p{font-size:15px;margin-top:8px}

/* proof */
.imp-wad .proof .grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.imp-wad .shot{border:1px solid var(--tone-2);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 60px -30px rgba(15,23,42,.35)}
.imp-wad .shot .bar-top{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--tone);border-bottom:1px solid var(--tone-2);font-size:12px;color:var(--muted)}
.imp-wad .shot .bar-top i{width:9px;height:9px;border-radius:50%;background:#CBD5E1}
.imp-wad .shot .bar-top span{margin-left:10px}
.imp-wad .shot .body{padding:22px;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.imp-wad .shot .body b{aspect-ratio:1;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff}
.imp-wad .shot .cap{padding:0 22px 20px;font-size:13px;color:var(--muted)}
.imp-wad .facts{list-style:none;display:grid;gap:18px;margin-top:26px}
.imp-wad .facts li{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:15px}
.imp-wad .facts svg{color:var(--blue);margin-top:4px}
.imp-wad .facts b{color:var(--ink)}

/* faq */
.imp-wad .faq{background:var(--bg)}
.imp-wad .faq .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}
.imp-wad details{border-bottom:1px solid var(--tone-2);padding:22px 0}
.imp-wad details:first-child{padding-top:0}
.imp-wad summary{cursor:pointer;list-style:none;font-weight:700;color:var(--ink);font-size:17px;display:flex;justify-content:space-between;gap:16px}
.imp-wad summary::-webkit-details-marker{display:none}
.imp-wad summary::after{content:"+";font-weight:400;font-size:24px;line-height:1;color:var(--blue);transition:transform .2s}
.imp-wad details[open] summary::after{transform:rotate(45deg)}
.imp-wad details p{margin-top:12px;max-width:68ch}

/* close */
.imp-wad .close{background:var(--blue);color:#DBEAFE;padding:80px 0}
.imp-wad .close .grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.imp-wad .close h2{color:#fff;max-width:20ch}
.imp-wad .close .lead{color:#DBEAFE}
.imp-wad .close .btn{background:#fff;color:var(--blue-d)}
.imp-wad .close .btn:hover{background:#EFF6FF;color:var(--blue-d)}
.imp-wad .close small{display:block;margin-top:14px;color:#DBEAFE;font-size:14px}

/* entrance */
.imp-wad.js .rise{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0ms)}
.imp-wad.js .rise.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.imp-wad .hero::before,.imp-wad .hero::after{animation:none}.imp-wad *{transition:none!important}.imp-wad.js .rise{opacity:1;transform:none}}

@media (max-width:980px){
 .imp-wad section{padding:88px 0}
 .imp-wad .hero .grid,.imp-wad .faq .grid,.imp-wad .close .grid,.imp-wad .proof .grid,.imp-wad .build .head,.imp-wad .cashflow{grid-template-columns:1fr;gap:36px}
 .imp-wad .cards,.imp-wad .tiers{grid-template-columns:1fr 1fr}
 .imp-wad .pay .two{grid-template-columns:1fr}
 .imp-wad .how ol{grid-template-columns:1fr 1fr;row-gap:40px}
}
@media (max-width:680px){
 .imp-wad .wrap{padding:0 18px}
 .imp-wad section{padding:72px 0}
 .imp-wad .hero{padding:64px 0 72px}
 .imp-wad .cards,.imp-wad .tiers,.imp-wad .how ol{grid-template-columns:1fr}
 .imp-wad .opt{padding:28px 22px}
 .imp-wad .cashflow{padding:24px 20px}
 .imp-wad .bar{grid-template-columns:1fr;gap:6px}
 .imp-wad .month{grid-template-columns:1fr;gap:6px}
 .imp-wad .hero .cta .btn{width:100%;justify-content:center}
}
.imp-wad .hero .price{margin-top:22px;color:#fff;font-size:16px}
.imp-wad .hero .price b{font-size:24px;font-family:'DM Serif Display',Georgia,serif;font-weight:400;margin:0 4px}
.imp-wad .from{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-top:22px;background:#fff;border:1px solid var(--tone-2);border-radius:12px;padding:14px 20px;font-size:14px;color:var(--muted)}
.imp-wad .from b{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:28px;color:var(--ink);line-height:1}
.imp-wad .from .sep{width:1px;height:22px;background:var(--tone-2);margin:0 8px;align-self:center}
/* who does what */
.imp-wad .split{padding-bottom:0}
.imp-wad .split .cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.imp-wad .split .col{border-radius:16px;padding:32px}
.imp-wad .split .col.you{background:var(--blue-l);border:1px solid #BFDBFE}
.imp-wad .split .col.us{background:var(--navy);color:#CBD5E1}
.imp-wad .split .col.us h3{color:#fff}
.imp-wad .split .col h3{font-size:20px}
.imp-wad .split ul{list-style:none;display:grid;gap:12px;margin-top:18px;font-size:15px}
.imp-wad .split li{padding-left:26px;position:relative}
.imp-wad .split li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:var(--blue)}
.imp-wad .split .col.us li::before{background:#4ADE80}
@media (max-width:680px){.imp-wad .split .cols{grid-template-columns:1fr}.imp-wad .split .col{padding:26px 22px}}
