/* Additions for the Software Shippers funnel. App/dashboard styles stay separate. */
[hidden]{display:none!important}
.marketing-nav{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:700}
.marketing-nav a{text-decoration:none}
.marketing-nav .btn{min-height:40px;padding:8px 14px}
.marketing-flash{margin-block:20px;padding:15px 18px;border:1px solid var(--line2);border-radius:12px;background:var(--surface)}
.skip-link{position:absolute;z-index:100;top:8px;left:12px;transform:translateY(-180%);padding:10px 16px;border:2px solid var(--ink);border-radius:8px;background:var(--paper)}
.skip-link:focus{transform:none}
.hero-masthead{display:flex;align-items:center;gap:22px;margin-top:-30px;margin-bottom:10px}
.hero-masthead img{display:block;width:155px;height:155px;object-fit:contain}
.hero-masthead .eyebrow{line-height:1.7;margin:0}
.hero-grid{gap:40px}
.hero h1{font-size:clamp(44px,5.6vw,72px)}
.hero-grid>.ticket{max-width:480px;justify-self:end;width:100%}
.marketing-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0 20px;font-size:12px;line-height:1.6;color:var(--muted);cursor:pointer}
.marketing-consent input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--lime)}
.signup-fineprint{color:var(--muted);margin:12px 0 0}
.turnstile-widget{margin-block:14px;min-height:65px;max-width:100%;overflow:hidden}
.turnstile-widget:empty{min-height:0}
.format .btn{width:fit-content}
.tiers p{font-size:14.5px}
.tiers h3{color:var(--lime)}
.tiers .panel:first-child h3{color:var(--coral)}
.tiers .panel:nth-child(2) h3{color:var(--cyan)}
.trace{margin-top:26px}
.loop-steps{margin-top:24px;max-width:800px}
.portrait-card .tiny{margin:8px 4px 0}
.portrait-card .bot-quote{margin:12px 4px 0}
.cohort-grid,.public-session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.cohort-card{padding:26px;border:1px solid var(--line2);border-radius:18px;background:var(--surface)}
.cohort-card.is-selected{box-shadow:6px 6px 0 var(--lime-bright)}
.cohort-capacity{font-size:13px}
.cohort-capacity strong{font:650 28px var(--serif);color:var(--lime)}
.cohort-capacity span{display:block;color:var(--muted)}
.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.cohort-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;align-items:center;margin-top:36px;padding:28px;border:1px solid var(--line2);border-radius:18px;background:var(--bg2)}
.cohort-strip h2{font-size:34px}
.cohort-strip p{margin-bottom:0}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;text-align:center}
.countdown>div{padding:14px 6px;border:1px solid var(--line2);border-radius:10px;background:var(--surface)}
.countdown strong{font:600 34px var(--mono);display:block}
.countdown span{font:500 10px var(--mono);text-transform:uppercase;color:var(--muted)}
.countdown-label{grid-column:2;font:500 11px var(--mono);text-align:center;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-session-grid time{display:block;color:var(--coral);font:600 11px/1.6 var(--mono);margin-bottom:12px}
.public-session-grid p,.public-session-grid span{font-size:13px}
.live-session-banner{border:1px solid var(--lime);border-radius:14px;background:var(--bg2);padding:24px;margin-top:24px}
.calendar-facilitators{margin-top:32px}
.facilitator{display:flex;gap:20px;align-items:center;margin-top:20px}
.portrait{width:100px;height:100px;border:1px solid var(--line2);border-radius:16px;overflow:hidden;display:grid;place-items:center;background:var(--surface);font:600 48px var(--serif);flex:none}
.portrait img{width:100%;height:100%;object-fit:cover}
.cohort-details{margin-top:28px;border:1px solid var(--line2);border-radius:14px;padding:20px;background:var(--surface)}
.cohort-details>summary{font:600 24px var(--serif);cursor:pointer}
.cohort-details[open]>summary{margin-bottom:20px}
.readiness-list{list-style:none;padding:0;display:grid;gap:12px}
.readiness-item{position:relative;border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}
.readiness-item label{display:flex;align-items:start;gap:12px;cursor:pointer}
.readiness-item input{width:19px;height:19px;accent-color:var(--lime);flex:none;margin-top:2px}
.readiness-checkbox{display:none}
.readiness-smallprint{font-size:12px;color:var(--muted)}
[data-readiness-checklist-target="effects"]{position:relative;width:1px;height:1px;margin:auto;pointer-events:none}
.readiness-pop{position:absolute;right:10px;top:0;pointer-events:none;animation:shipper-pop .5s ease-out forwards}
.readiness-confetti{position:absolute;left:0;top:0;pointer-events:none;color:var(--lime);font-style:normal;animation:shipper-confetti .8s ease-out var(--confetti-delay) forwards}
@keyframes shipper-pop{from{opacity:1;transform:scale(.8)}to{opacity:0;transform:translateY(-30px) scale(1.4)}}
@keyframes shipper-confetti{from{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--confetti-x),var(--confetti-y)) rotate(var(--confetti-spin))}}
.engineer-group{margin-top:42px}
.group-title{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line2);padding-bottom:12px;margin-bottom:20px}
.group-title h3{font-size:28px;margin:0}
.info-tip{position:relative}
.info-tip summary{cursor:pointer;list-style:none;border:1px solid var(--line2);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:14px;background:var(--surface)}
.info-tip summary::-webkit-details-marker{display:none}
.info-tip p{position:absolute;z-index:3;top:26px;left:0;width:180px;padding:10px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);font-size:12px;box-shadow:3px 3px 0 var(--cyan-bright)}
.engineer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.engineer-card{min-width:0;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:5px 5px 0 var(--bg2)}
.engineer-card:nth-child(3n+2){transform:rotate(.6deg)}
.engineer-image{height:215px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,var(--line2) 1px,transparent 1px) 0 0/16px 16px,var(--bg2)}
.engineer-image img{width:100%;height:100%;object-fit:cover}
.engineer-image .initial{font:650 74px var(--serif);color:var(--lime)}
.engineer-copy{padding:20px;min-height:150px}
.engineer-copy h4{font:650 22px/1.2 var(--serif);overflow-wrap:anywhere;margin:0 0 10px}
.engineer-copy .product-link{font-size:13px;color:var(--lime);overflow-wrap:anywhere}
.engineer-copy blockquote{margin:16px 0 0;font-size:13px;color:var(--muted)}
.private-label{font:600 9px/1.5 var(--mono);text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.shine-copy,.empty-group{font-size:13px;color:var(--muted)}
.fluid-specimen{--fluid-hue:43;--fluid-level:61%;--fluid-tilt:-10deg;position:relative;width:100%;height:100%;display:grid;place-items:center}
.specimen-vessel{width:70px;height:140px;border:3px solid var(--ink);border-top-width:7px;border-radius:8px 8px 35px 35px;background:rgba(255,253,242,.72);position:relative;display:block;overflow:hidden;transform:rotate(var(--fluid-tilt));box-shadow:5px 6px 0 var(--line)}
.specimen-vessel::after{content:"";position:absolute;left:9px;top:14px;width:7px;height:87px;border-radius:8px;background:rgba(255,255,255,.65)}
.specimen-liquid{position:absolute;left:-35%;bottom:-5%;width:170%;height:var(--fluid-level);border-radius:42% 58% 0 0/20% 25% 0 0;background:hsl(var(--fluid-hue) 77% 48%);border-top:3px solid var(--ink)}
.specimen-vessel i{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;position:absolute;z-index:1;bottom:25%;left:22%;background:hsl(var(--fluid-hue) 85% 78%)}
.specimen-vessel i:nth-of-type(2){width:8px;height:8px;left:62%;bottom:40%}
.specimen-vessel i:nth-of-type(3){width:6px;height:6px;left:45%;bottom:12%}
.specimen-splash{width:92px;height:18px;position:absolute;bottom:14%;left:calc(50% - 40px);border:2px solid var(--ink);border-radius:63% 37% 68% 32%;background:hsl(var(--fluid-hue) 77% 48%);transform:rotate(-4deg)}
.specimen-number{position:absolute;bottom:9px;right:10px;padding:2px 5px;background:var(--surface);border:1px solid var(--ink);font:9px var(--mono);transform:rotate(-3deg)}
.final-signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1040px}
.final-signup-grid>div:first-child>img{display:block;width:220px;height:220px;object-fit:contain;margin:0 auto 20px}
.final-signup-grid>div:first-child{text-align:center}
.final-signup-grid h2{font-size:44px}
.plan-hero{padding-bottom:0}
.plan-hero h1{max-width:900px}
.plan-section{border-top:0;padding-top:48px}
.plan h2{font-size:34px}
.plan-summary{font:600 11px/1.7 var(--mono);text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.plan-note{max-width:860px;margin-inline:auto}
.signup-identity{overflow-wrap:anywhere;font-size:14px}
.checkout-return{font-size:13px;color:var(--muted);margin-top:24px;text-align:center}
.checkout-hero{padding-bottom:24px}
.checkout-hero h1{font-size:clamp(38px,5vw,64px)}
.checkout-section{border-top:0;padding-top:16px}
.checkout-title{font-size:30px}
.checkout-benefits{margin:18px 0 26px}
.checkout-mascot{display:block;width:210px;height:210px;object-fit:contain;margin:0 auto 25px}
.checkout-payment form{margin-top:22px}
@media(max-width:1000px){.cohort-grid,.public-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engineer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-nav{gap:15px}}
@media(max-width:900px){.hero-grid>.ticket{justify-self:center;max-width:560px}.hero-masthead{margin-top:-15px}.final-signup-grid{gap:35px}.cohort-strip{grid-template-columns:1fr}.countdown-label{grid-column:1}}
@media(max-width:700px){.marketing-nav{gap:12px}.marketing-nav>a:first-child{display:none}.mark small{font-size:8px}.mark{font-size:14px;gap:9px}.mark-card{width:34px;height:36px}.topbar-inner{gap:12px}.hero-masthead img{width:115px;height:115px}.hero-masthead{gap:18px}.hero h1{font-size:clamp(43px,8vw,64px)}.final-signup-grid{grid-template-columns:1fr}.final-signup-grid>.ticket{max-width:560px;width:100%;margin:auto}.engineer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engineer-image{height:190px}.engineer-copy{padding:16px}.engineer-copy h4{font-size:20px}.cohort-grid,.public-session-grid{grid-template-columns:1fr}.hero-grid{gap:32px}.cohort-strip{padding:20px}.countdown strong{font-size:28px}.checkout-title,.plan h2{font-size:30px}.summary-line{font-size:11px}.signup-identity{font-size:13px}}
@media(max-width:420px){.marketing-nav>a:nth-child(2){display:none}.engineer-grid{grid-template-columns:1fr}.engineer-image{height:225px}.ticket{padding:20px}.ticket-row{font-size:10px}.ticket-kicker{font-size:8px}.hero-masthead .eyebrow{font-size:9px}.countdown{gap:6px}.countdown strong{font-size:23px}.cohort-strip h2{font-size:29px}.facilitator{align-items:start}.portrait{width:75px;height:75px}.plan{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shippers-marketing *{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
