/* Hallmark · existing Attention8 system · pricing comparison · sunset landscape · pre-emit critique: P5 H5 E4 S5 R5 V4 */
:root{--paper:#101112;--surface:#1b1b1c;--surface-warm:#25201e;--ink:#f1ede7;--muted:#b0aaa4;--accent:#ff5a13;--line:#ffffff26;--border-warm:#e68b5870;--dark:#151515;--overlay:#10111255;--clear:transparent;--font:'Montserrat',sans-serif;--space:8px;--landscape:url('/scrollcraft/builds/feed-to-impact/assets/copper-landscape.jpg')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--font);overflow-x:clip}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:88%;max-width:1320px;margin-inline:auto}main{position:relative;isolation:isolate}main:before{content:'';position:absolute;inset:-100px 0 auto;height:900px;z-index:-1;pointer-events:none;background:linear-gradient(var(--overlay),var(--clear) 35%,var(--paper) 95%),var(--landscape) center 44%/cover no-repeat}
.nav{height:85px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:2}.brand{font-size:27px;font-weight:700;letter-spacing:-1.7px;line-height:1}.brand span{color:var(--accent)}nav{display:flex;gap:28px;font-size:12px;color:var(--ink)}nav a{white-space:nowrap}nav a:hover,nav a[aria-current]{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border:1px solid var(--line);border-radius:40px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--clear);transition:background .2s,transform .2s}.button:hover{background:var(--surface-warm);transform:translateY(-2px)}.button:active{transform:translateY(0)}.primary,.plan .button,.closing .button{background:var(--accent);color:var(--dark);border-color:var(--accent)}.primary:hover,.plan .button:hover,.closing .button:hover{background:var(--ink);border-color:var(--ink)}
.intro{text-align:center;padding:60px 0 64px}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--ink);margin:0 0 22px;display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow:before{content:'';height:5px;width:5px;border-radius:50%;background:var(--accent)}h1,h2,h3{font-weight:400;letter-spacing:-.06em;line-height:1.16;text-wrap:balance;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(44px,5.5vw,78px);margin:0 0 24px}h1 span{color:var(--ink)}.intro>p:last-child{font-size:14px;color:var(--ink);margin:0}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan{position:relative;display:flex;flex-direction:column;background:var(--surface);padding:32px;border:1px solid var(--line);border-radius:18px}.plan.featured{background:var(--surface-warm);border-color:var(--border-warm)}.plan h2{font-size:28px;margin:0}.for{font-size:12px;color:var(--muted);min-height:40px;margin:10px 0 24px}.price{font-size:clamp(40px,4vw,58px);line-height:1.2;letter-spacing:-.055em;font-weight:400;white-space:nowrap;margin:0 0 28px;font-variant-numeric:tabular-nums}.price span{font-size:12px;color:var(--muted);letter-spacing:0}.allowance{padding-top:24px;border-top:1px solid var(--line);font-size:13px;margin:0}.allowance strong{font-size:26px;font-weight:500;margin-right:4px}.plan ul{list-style:none;padding:0;margin:22px 0 30px;font-size:12px;color:var(--ink)}.plan li{padding:5px 0;line-height:1.6}.plan .button{width:100%;margin-top:auto}.plan:last-child .button{background:var(--clear);color:var(--ink);border-color:var(--line)}.plan:last-child .button:hover{background:var(--ink);color:var(--dark)}.recommendation{position:absolute;top:-12px;right:20px;padding:4px 12px;border:1px solid var(--border-warm);background:var(--surface-warm);color:var(--ink);border-radius:30px;font-size:9px;letter-spacing:.05em}.free-note{margin:12px 0 0;text-align:center;color:var(--muted);font-size:11px}.plan:last-child{padding-bottom:62px}.billing{color:var(--muted);font-size:11px;text-align:center;margin-block:24px 0}
.included,.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;padding-block:88px;border-bottom:1px solid var(--line)}h2{font-size:clamp(32px,3.3vw,48px);margin:0 0 24px}h2 span{color:var(--muted)}.included p{color:var(--muted);font-size:14px;max-width:390px}.included ul{list-style:none;margin:0;padding:0}.included li{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.included li:first-child{padding-top:0}.included li span{color:var(--accent);font-size:11px;margin-right:24px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:14px;padding-right:24px;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:var(--accent)}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:13px;margin:16px 0 0}.closing{text-align:center;padding:100px 0;background:linear-gradient(var(--paper),var(--clear),var(--paper)),var(--landscape) center 55%/cover}.closing h2{font-size:clamp(38px,5vw,72px)}.closing p{color:var(--ink);font-size:14px;margin:0 0 28px}footer{display:flex;align-items:center;gap:32px;padding-block:32px}footer .brand{font-size:27px}footer>span{margin-left:auto;font-size:11px;color:var(--muted)}footer>a:last-child{font-size:12px}
@media(max-width:1050px){.nav{gap:16px}nav{gap:16px}.nav-actions{gap:8px}.nav-actions .button{padding:12px 16px}.plan{padding:26px 22px}.plan:last-child{padding-bottom:56px}.price{font-size:44px}.recommendation{right:12px;font-size:8px}.included,.faq{gap:40px}}
@media(max-width:850px){.nav{height:auto;min-height:110px;flex-wrap:wrap;padding-block:20px;gap:18px}.nav nav{order:3;justify-content:center;width:100%;gap:28px}.intro{padding:44px 0 48px}.plans{grid-template-columns:minmax(0,1fr);gap:28px;max-width:560px}.plan,.plan:last-child{padding:32px}.for{min-height:0;margin-bottom:24px}.price{font-size:52px}.plan:last-child .button{margin-top:0}.included,.faq{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:64px}.included br{display:none}main:before{top:-160px;height:820px}.billing{max-width:560px}.closing{padding-block:72px}}
@media(max-width:450px){.wrap{width:calc(100% - 40px)}.brand{font-size:25px}.nav-actions .button{font-size:10px;padding:10px 12px;min-height:40px}.nav-actions .login{display:none}.nav nav{gap:20px;font-size:11px}h1{font-size:44px}.intro>p:last-child{font-size:13px;max-width:280px;margin-inline:auto}.plan,.plan:last-child{padding:26px 22px}.plan h2{font-size:27px}.price{font-size:48px}.recommendation{right:16px}.included li{font-size:13px}.included li span{margin-right:14px}footer{flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%;margin:0}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}