.packet-home { background: #f8fafb; color: #172d32; }
.packet-hero { max-width: 1200px; margin: auto; padding: 42px 32px 30px; }
.packet-copy .eyebrow { font-size: 11px; color: #426655; margin-bottom: 14px; }
.packet-copy h1 { font-size: 54px; line-height: 1.06; font-weight: 600; margin-bottom: 18px; color: #142c32; }
.packet-copy h1 span { color: #087b65; }
.packet-lead { font-size: 17px; color: #455e55; margin-bottom: 20px; }
.packet-copy .actions { gap: 24px; align-items: center; margin: 18px 0 12px; }
.packet-copy a.primary { background: #154b3a; border-color: #154b3a; padding: 12px 24px; }
.packet-sample-action { color: #204f40; font-size: 14px; font-weight: 600; }
.packet-copy .trial-offer,.packet-audience { font-size: 12px; color: #456052; margin-bottom: 10px; }
.packet-story { background: #10191d; color: #fff; }
.packet-visual { max-width: 1440px; margin: auto; padding: 26px 40px 20px; }
.packet-track { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid #52656b; padding-top: 14px; color: #b4c9cc; font-size: 11px; }
.packet-stage-captions { padding: 26px 0; }
.packet-home .packet-caption { font-size: 34px; line-height: 1.15; color: #fff; margin: 0; }
.packet-caption span { color: #58dcc1; }
.packet-caption-two,.packet-caption-three { display: none; }
.packet-scene { position: relative; max-width: 1000px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; isolation: isolate; }
.packet-receipt { background: #fff; color: #25373d; padding: 22px; font-family: 'Courier New',monospace; box-shadow: 0 20px 45px #0004; }
.packet-receipt small,.packet-receipt strong,.packet-receipt span,.packet-receipt b { display: block; }
.packet-receipt small { font-size: 9px; margin-bottom: 14px; }
.packet-receipt strong { font-size: 15px; margin-bottom: 10px; }
.packet-receipt span { font-size: 11px; }
.packet-receipt hr { border: 0; border-top: 1px dashed #adbdb9; margin-block: 16px; }
.packet-receipt b { font-size: 26px; margin-top: 20px; }
.packet-receipt i { display: block; width: 65%; height: 18px; margin-top: 20px; background: repeating-linear-gradient(90deg,#48605c 0 1px,transparent 1px 4px); }
.packet-ribbon { display: none; }
.packet-review { grid-column: 1/-1; background: #18292f; border: 1px solid #48636d; padding: 24px; border-radius: 4px; }
.packet-review-heading { display: flex; justify-content: space-between; font-size: 11px; color: #69e0c3; padding-bottom: 16px; }
.packet-review-row { display: grid; grid-template-columns: 1fr 1.2fr 80px; gap: 10px; padding: 17px 0; border-top: 1px solid #3a5057; font-size: 14px; }
.packet-review-row strong { text-align: right; font-variant-numeric: tabular-nums; }
.packet-review-note { font-size: 12px; margin-top: 12px; color: #bbced2; }
.packet-home .packet-report { grid-column: 1/-1; margin: 14px 0 0; padding: 0; border: 1px solid #c7d6d4; border-radius: 2px; background: #fff; box-shadow: 0 24px 60px #0005; }
.packet-report a,.packet-report img { display: block; width: 100%; height: auto; }
.packet-report img { aspect-ratio: 1800/1391; }
.packet-report figcaption { display: flex; justify-content: space-between; gap: 8px; padding: 12px 18px; color: #415b52; font-size: 10px; border-top: 1px solid #dae5df; }
.packet-controls { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 50px; margin-top: 20px; color: #b4c9cc; font-size: 11px; }
.packet-controls > div { display: flex; align-items: center; gap: 20px; }
.packet-controls a { color: #c5e4df; }
.packet-controls button { min-width: 116px; min-height: 36px; border: 1px solid #6b9295; border-radius: 4px; background: #1b3034; color: #fff; font-size: 12px; padding: 7px 12px; }
.packet-proof { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding: 24px max(28px,calc((100% - 1120px)/2)); background: #edf4f0; color: #365447; font-size: 13px; }
.packet-proof a { color: #205240; }
.packet-home .studio-process { background: #fff; max-width: none; width: 100%; padding-inline: max(28px,calc((100% - 1120px)/2)); }
.packet-home .studio-process .eyebrow { color: #48705e; }
@media (prefers-reduced-motion: no-preference) {
 .scroll-enabled { height: 300vh; }
 .scroll-enabled .packet-visual { position: sticky; top: 0; height: 100vh; display: grid; grid-template-rows: auto 1fr auto; overflow: clip; --gather: 0; --finish: 0; }
 .scroll-enabled .packet-stage-captions { position: absolute; top: 100px; left: 40px; width: 26%; z-index: 3; }
 .scroll-enabled .packet-caption { font-size: 32px; }
 .scroll-enabled .packet-caption-one { display: none; }
 .scroll-enabled [data-stage="0"] .packet-caption-one,.scroll-enabled [data-stage="1"] .packet-caption-two,.scroll-enabled [data-stage="2"] .packet-caption-three { display: block; }
 .scroll-enabled .packet-scene { display: block; width: min(68%,850px); height: 100%; max-height: 740px; margin: auto 0 auto auto; }
 .scroll-enabled .packet-ribbon { display: block; position: absolute; left: 12%; top: 20%; width: 76%; height: 55%; z-index: -1; background: linear-gradient(125deg,#15c692,#44dfcc 42%,#306bea); transform: skewY(-10deg); box-shadow: -15px 5px 60px #17b98544,20px 20px 65px #246cdd55; opacity: .65; }
 .scroll-enabled .packet-receipt { position: absolute; width: 34%; top: 16%; padding: 24px; opacity: var(--receipt-opacity,1); }
 .scroll-enabled .packet-receipt-one { left: 8%; transform: translate(calc(var(--gather)*95px),calc(var(--gather)*45px)) rotate(calc(-14deg + var(--gather)*14deg)); }
 .scroll-enabled .packet-receipt-two { right: 5%; top: 30%; transform: translate(calc(var(--gather)*-95px),calc(var(--gather)*-35px)) rotate(calc(12deg - var(--gather)*12deg)); }
 .scroll-enabled .packet-review { position: absolute; top: 24%; left: 8%; width: 86%; opacity: var(--review-opacity,0); transform: translateY(calc((1 - var(--gather))*70px - var(--finish)*35px)) scale(calc(.92 + var(--gather)*.08)); }
 .scroll-enabled .packet-review-row { transform: translateX(calc((1 - var(--gather))*30px)); }
 .scroll-enabled .packet-report { position: absolute; left: 12%; top: 6%; width: 78%; max-width: 620px; margin: 0; opacity: var(--report-opacity,0); transform: translateY(calc((1 - var(--finish))*100px)) rotate(calc((1 - var(--finish))*8deg)) scale(calc(.86 + var(--finish)*.14)); }
 .scroll-enabled .packet-track span { opacity: .5; }
 .scroll-enabled [data-stage="0"] .packet-track span:nth-child(1),.scroll-enabled [data-stage="1"] .packet-track span:nth-child(2),.scroll-enabled [data-stage="2"] .packet-track span:nth-child(3) { opacity: 1; color: #6cedce; }
}
@media (max-width: 900px) {
 .packet-hero { padding: 30px 22px 24px; }
 .packet-copy h1 { font-size: 40px; }
 .packet-lead { font-size: 15px; }
 .packet-visual { padding: 24px 22px 16px; }
 .packet-home .packet-caption { font-size: 28px; }
 .packet-scene { gap: 12px; }
 .packet-receipt { padding: 14px 10px; }
 .packet-receipt strong { font-size: 11px; }
 .packet-receipt span { font-size: 9px; }
 .packet-review { padding: 16px; }
 .packet-review-row { font-size: 11px; grid-template-columns: 1fr 1fr 44px; gap: 7px; }
 .packet-review-row span { overflow-wrap: anywhere; }
 .packet-controls { flex-wrap: wrap; }
 .packet-proof { display: grid; grid-template-columns: 1fr 1fr; padding: 22px; font-size: 12px; }
}
@media (max-width: 370px) { .packet-copy h1 { font-size: 34px; } .packet-track { font-size: 9px; } }

/* A calm, product-led opening with the same visual rhythm as TermClerk. */
body.cinematic{background:#101923}.cinematic .site-header{background:#101923;color:#edf7f7;border-color:#ffffff16;max-width:none;padding-inline:max(24px,calc((100% - 1120px)/2))}.cinematic .site-header a{color:#dbe9ec}.cinematic .wordmark{color:white}
.packet-hero{max-width:none;text-align:center;padding:88px 24px 72px;background:radial-gradient(ellipse at 50% 100%,#204f5c88,transparent 65%),#101923}
.packet-copy{max-width:880px;margin:auto}.packet-copy h1{font-size:clamp(42px,5.4vw,76px);font-weight:500;letter-spacing:-2.6px;color:#f0f7fa;line-height:1.08}.packet-copy h1 span{color:#80d2bc}.packet-copy .eyebrow{color:#9bbcc1;letter-spacing:2px;font-size:12px}.packet-lead{color:#b8c8d3;max-width:680px;margin:24px auto;font-size:18px;line-height:1.75}.packet-copy .actions{justify-content:center;margin:30px 0 18px}.packet-copy a.primary{background:#c0eddd;color:#123b31;border:0;border-radius:8px;padding:15px 25px}.packet-copy .packet-sample-action{color:#e1efef;border:1px solid #6d858c;padding:13px 22px;border-radius:8px}.packet-copy .trial-offer,.packet-audience{color:#a8bec5;font-size:13px}.packet-story{background:radial-gradient(ellipse at 50% 35%,#23455355,transparent 65%),#101923}.packet-visual{border-top:1px solid #ffffff1c}.packet-proof{padding-block:32px}.packet-home .studio-process{padding-block:70px}
@media(max-width:900px){.packet-hero{padding:55px 22px 45px}.packet-copy h1{font-size:43px;letter-spacing:-1.6px}.packet-lead{font-size:17px}.packet-copy .actions{gap:12px;flex-wrap:wrap}.packet-copy .actions a{font-size:14px}.packet-home .studio-process{padding-block:45px}}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
.scroll-enabled{height:300svh}.scroll-enabled .packet-visual{height:100svh;max-height:900px;padding:20px 18px 12px;grid-template-rows:45px 1fr 48px}
.scroll-enabled .packet-stage-captions{top:78px;left:22px;width:88%;padding:0}.scroll-enabled .packet-caption{font-size:28px}
.scroll-enabled .packet-scene{width:100%;height:100%;margin:0;padding:0;max-height:none}.scroll-enabled .packet-receipt{width:43%;top:28%;padding:18px 12px}.scroll-enabled .packet-receipt-two{top:40%;right:3%}.scroll-enabled .packet-receipt-one{left:3%}.scroll-enabled .packet-receipt b{font-size:23px}.scroll-enabled .packet-review{top:32%;left:0;width:100%;padding:18px}.scroll-enabled .packet-report{left:0;top:27%;width:100%;max-width:none}.scroll-enabled .packet-ribbon{top:32%;height:40%;opacity:.35}.packet-controls{font-size:11px;gap:8px}.packet-controls>div{gap:10px}.packet-controls button{min-width:100px}.packet-track{font-size:10px}
}
/* Spendan's public home: continuous ink-and-mint identity. */
body.spendan-home{background:#101923;color:#deeceb}.spendan-home .site-header{background:#101923;border-bottom:1px solid #ffffff14;max-width:1340px;margin:auto;padding:27px 40px;min-height:96px}.spendan-home .wordmark{color:#edf5f3;font-size:25px;letter-spacing:-.8px;font-weight:600;gap:11px}.spendan-home .wordmark svg{width:38px;height:38px;flex-basis:38px;filter:drop-shadow(0 3px 12px #75d1b522)}.spendan-home .wordmark svg path:first-child{fill:#9bddc8}.spendan-home .wordmark svg path:nth-child(2){fill:#effff9}.spendan-home .wordmark svg path:last-child{stroke:#154b40}.spendan-home .site-header nav{gap:30px}.spendan-home .site-header nav a{color:#b8cacd;font-size:14px}.spendan-home .site-header nav a:hover{color:#fff;text-decoration:none}.spendan-home .site-header .nav-signin{padding:9px 21px;border:1px solid #ffffff30;border-radius:24px;font-weight:500;color:#eff9f6}.sp-mobile-menu{display:none}.spendan-home .packet-home{background:#edf3f0}.spendan-home .packet-hero{padding-top:75px}.spendan-home .packet-copy .packet-sample-action{text-decoration:none}.spendan-home .packet-copy a.primary:hover{background:#dcfff1;color:#123b31}
.sp-finish{max-width:1240px;margin:auto;padding:95px 40px;display:grid;grid-template-columns:1fr 1.12fr;gap:80px;align-items:center}.sp-finish .eyebrow,.sp-start .eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;color:#52776e;margin-bottom:23px}.sp-finish h2,.sp-start h2{font-size:clamp(32px,3.4vw,46px);line-height:1.12;letter-spacing:-1.7px;font-weight:500;color:#19392f;margin-bottom:24px}.sp-finish h2 span{color:#638278}.sp-finish-heading>p:last-child{font-size:17px;line-height:1.8;color:#5a6f68;max-width:350px;margin:0}.sp-deliverables{display:grid;gap:0}.sp-deliverables>a{display:grid;grid-template-columns:54px 1fr 18px;gap:19px;align-items:center;padding:25px 0;border-bottom:1px solid #cbdcd4;text-decoration:none;color:#375d50}.sp-deliverables>a:first-child{padding-top:0}.sp-deliverables>a:last-child{border:0;padding-bottom:0}.sp-file-icon{display:grid;place-items:center;width:50px;height:62px;border:1px solid #b7cec2;border-radius:7px 16px 7px 7px;color:#3a7260;font-size:10px;font-weight:650;letter-spacing:.6px;background:linear-gradient(140deg,#fff,#e1eee6);box-shadow:0 5px 12px #1d503b08}.sp-deliverables h3{font-size:19px;letter-spacing:-.3px;font-weight:550;color:#203f34;margin:0 0 7px}.sp-deliverables p{font-size:14px;line-height:1.65;color:#5a7066;margin:0;max-width:370px}.sp-deliverables>a:hover .sp-file-icon{border-color:#528d75;background:#fff}.sp-start{max-width:1160px;margin:0 auto 80px;padding:48px 50px 24px;border:1px solid #c2d8cd;border-radius:22px;background:radial-gradient(ellipse at 90% 0,#c3e4d5aa,transparent 65%),#e1ece5;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}.sp-start h2{font-size:39px;margin-bottom:20px}.sp-start>div>p:not(.eyebrow){font-size:16px;color:#5b7467;line-height:1.7}.sp-start-action{text-align:center}.sp-start .sp-start-action a.primary{background:#234e3c;color:#f5fff9;border:0;border-radius:30px;padding:15px 30px;min-width:210px}.sp-start .sp-start-action a.primary:hover{background:#16392c}.sp-start .sp-start-action p{font-size:12px;margin:16px 0}.sp-start-action>a:last-child{font-size:14px;color:#345e4c;text-decoration:none;border-bottom:1px solid #a7bfb2;padding-bottom:4px}.sp-start-notes{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #bed3c6;padding:21px 0 0;font-size:12px;color:#486451}.sp-start-notes span:before{content:'✓';margin-right:10px;color:#528567}
.spendan-home>footer{display:block;background:#101923;border:0;color:#93aaa9;padding:60px max(28px,calc((100% - 1160px)/2)) 28px}.sp-footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding-bottom:45px}.sp-footer-brand p{font-size:16px;line-height:1.7;color:#93aaa9;margin:19px 0 0}.sp-footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.sp-footer-main nav>span{font-size:10px;letter-spacing:1.6px;color:#71928d;margin-bottom:8px}.spendan-home footer nav a{color:#c4d4d2;text-decoration:none;font-size:13px}.spendan-home footer nav a:hover{color:white}.sp-footer-bottom{border-top:1px solid #ffffff17;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px}.sp-footer-bottom nav{gap:25px}
@media(max-width:760px){.spendan-home .site-header{padding:21px 23px;min-height:82px;gap:15px;flex-wrap:nowrap}.spendan-home .wordmark{font-size:23px}.spendan-home .site-header nav{width:auto;gap:15px;flex-wrap:nowrap}.spendan-home .site-header nav>a:not(.nav-signin){display:none}.spendan-home .site-header .nav-signin{padding:7px 13px;font-size:12px}.sp-mobile-menu{display:block;position:relative}.sp-mobile-menu summary{cursor:pointer;list-style:none;font-size:13px;color:#d0e3dc;display:flex;gap:8px;align-items:center;min-height:40px}.sp-mobile-menu summary::-webkit-details-marker{display:none}.sp-mobile-menu>div{position:absolute;z-index:20;right:0;top:46px;background:#1b2b32;border:1px solid #49605e;border-radius:13px;min-width:200px;padding:10px;box-shadow:0 18px 45px #0006;display:grid;gap:2px}.spendan-home .sp-mobile-menu>div a{display:block;padding:10px 13px}.spendan-home .packet-hero{padding-top:45px}.sp-finish{grid-template-columns:1fr;gap:38px;padding:60px 25px}.sp-finish h2{font-size:37px}.sp-deliverables>a{gap:14px}.sp-deliverables h3{font-size:18px}.sp-start{margin:0 18px 50px;padding:29px 25px 23px;grid-template-columns:1fr;gap:22px;border-radius:18px}.sp-start h2{font-size:33px;letter-spacing:-1.1px}.sp-start-action{text-align:left}.sp-start-notes{flex-direction:column;gap:11px}.sp-footer-main{grid-template-columns:1fr 1fr;gap:34px 22px}.sp-footer-brand{grid-column:1/-1}.spendan-home>footer{padding:42px 25px 25px}.sp-footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.sp-footer-bottom nav{gap:20px}.sp-footer-main nav a{overflow-wrap:anywhere}}
@media(max-width:370px){.spendan-home .site-header{padding-inline:16px}.spendan-home .wordmark{font-size:21px;gap:6px}.spendan-home .site-header nav{gap:10px}}

/* Keep motion controls within the sticky stage, including wrapped phone layouts. */
.packet-controls{position:relative;z-index:5;flex-shrink:0}
.packet-controls>div{flex-wrap:wrap}
.packet-controls button,.packet-controls a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(prefers-reduced-motion:no-preference){
 .scroll-enabled .packet-visual{grid-template-rows:auto minmax(0,1fr) auto}
 .scroll-enabled .packet-scene{min-height:0}
 .scroll-enabled .packet-controls{margin-top:0;padding-top:12px;min-height:0}
}
@media(max-width:900px){
 .packet-controls{align-items:flex-start;gap:8px;padding-bottom:env(safe-area-inset-bottom,0px)}
 .packet-controls>div{width:100%;gap:12px}
 .packet-controls>span{display:block;width:100%}
 .packet-controls a{padding:8px 6px}
 .sp-mobile-menu summary{min-height:44px}
 .spendan-home .site-header .nav-signin{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-height:560px) and (prefers-reduced-motion:no-preference){
 .scroll-enabled .packet-stage-captions{top:65px}
 .scroll-enabled .packet-caption{font-size:22px}
 .scroll-enabled .packet-report{top:20%;width:65%;left:17.5%}
}
/* Clear product introduction and a visual, browser-first sample. */
.spendan-home .packet-hero{padding-bottom:48px}
.spendan-home .packet-lead{max-width:665px;font-size:19px;line-height:1.7;color:#c0d3d6}
.sp-value-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;padding:24px 0 0;margin:24px auto 0;border-top:1px solid #ffffff17;list-style:none;color:#bbd3cf;font-size:13px;max-width:650px}
.sp-value-strip span{color:#8fe2c4;margin-right:7px}
.spendan-home .sp-watch-link{display:inline-flex;align-items:center;gap:10px;margin-top:25px;min-height:44px;font-size:13px;text-decoration:none;color:#9ebdb9}
.spendan-home .sp-watch-link:hover{color:white}
.sp-output-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:19px}
.sp-output-list li{border-left:2px solid #85bda8;padding-left:16px}
.sp-output-list strong,.sp-output-list span{display:block}
.sp-output-list strong{font-size:15px;color:#244e40;font-weight:600}
.sp-output-list span{font-size:14px;color:#5a7067;line-height:1.6;margin-top:4px}
.spendan-home .sp-sample-card{display:block;min-width:0;overflow:hidden;border:1px solid #c3d8ce;border-radius:20px;background:#e2eee7;text-decoration:none;color:#244e40;box-shadow:0 18px 50px #173c3410;transition:border-color .2s,box-shadow .2s}
.sp-sample-card:hover{border-color:#719f8e;box-shadow:0 22px 60px #173c341c}
.sp-sample-top{display:flex;justify-content:space-between;gap:12px;padding:21px 24px;font-size:10px;letter-spacing:1.1px;border-bottom:1px solid #c9ddd1;color:#4c6e5e}
.sp-sample-art{height:330px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#bedbc9,transparent 70%)}
.sp-sample-art img{position:absolute;height:auto;border:1px solid #d1dcd7;border-radius:3px;box-shadow:0 12px 32px #173c3424}
.sp-sample-cover{width:78%;left:6%;top:85px;transform:rotate(-6deg)}
.sp-sample-receipts{width:43%;right:8%;top:28px;transform:rotate(8deg)}
.sp-sample-bottom{position:relative;padding:23px 24px;background:#f9fcfa;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ccddd3}
.sp-sample-bottom strong,.sp-sample-bottom span:not(.sp-sample-arrow){display:block}
.sp-sample-bottom strong{font-size:17px;line-height:1.5;font-weight:600}
.sp-sample-bottom div>span{font-size:13px;color:#5d7769;line-height:1.6;margin-top:4px}
.sp-sample-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c4d8cc;border-radius:50%;flex-shrink:0;font-size:22px}
.sp-home-answers{max-width:1160px;margin:0 auto 75px;padding:48px 0;border-top:1px solid #cbdcd4;display:grid;grid-template-columns:1fr 1.35fr;gap:75px;color:#244e40}
.sp-home-answers .eyebrow{font-size:11px;letter-spacing:1.5px;color:#52776e}
.sp-home-answers h2{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:16px 0 22px;color:#19392f}
.sp-home-answers a{color:#2e6754;text-underline-offset:4px;font-size:14px;line-height:1.6}
.sp-answer-list details{border-bottom:1px solid #cbdcd4;padding:0;background:transparent}
.sp-answer-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;min-height:64px;cursor:pointer;font-size:16px;font-weight:550;line-height:1.5;color:#244e40}
.sp-answer-list summary::-webkit-details-marker{display:none}
.sp-answer-list summary:after{content:'+';font-size:23px;color:#638278;font-weight:400}
.sp-answer-list details[open] summary:after{content:'−'}
.sp-answer-list p{margin:0;padding:0 25px 22px 0;font-size:15px;line-height:1.8;color:#516d60}
.sp-first-help{grid-column:1/-1;text-align:center;margin:0;padding:12px 0 0;color:#526f60;font-size:14px;line-height:1.7}
.sp-first-help a{color:#244e40;text-underline-offset:4px;margin-left:5px}
.spendan-home :is(a,summary,button):focus-visible{outline:3px solid #409d80;outline-offset:5px}
.spendan-home .packet-hero :is(a,summary,button):focus-visible{outline-color:#c0eddd}
@media(max-width:1250px){.sp-home-answers{margin-inline:40px}}
@media(max-width:760px){.spendan-home .packet-lead{font-size:16px;line-height:1.75}.spendan-home .packet-hero{padding-bottom:25px}.sp-value-strip{gap:10px 18px;font-size:12px;margin-top:20px;padding-top:20px}.spendan-home .packet-copy h1{font-size:clamp(36px,10.6vw,54px);letter-spacing:-1.6px}.spendan-home .packet-copy .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spendan-home .packet-copy .actions a{padding:14px 10px;font-size:13px;display:flex;align-items:center;justify-content:center;min-height:50px;gap:7px}.sp-finish{gap:30px}.sp-sample-art{height:270px}.sp-sample-top{padding:18px;font-size:9px}.sp-sample-bottom{padding:20px 18px}.sp-sample-bottom strong{font-size:15px}.sp-home-answers{grid-template-columns:1fr;gap:12px;margin:0 25px 42px;padding:30px 0}.sp-home-answers h2{font-size:29px;margin-bottom:14px}.sp-answer-list summary{font-size:15px}.sp-first-help{text-align:left;font-size:13px}.sp-sample-cover{top:75px}}
@media(prefers-reduced-motion:reduce){.sp-sample-card{transition:none}}