/* v2 palette */
:root{--sand:#FBF4EC;--peach:#FDE3C4;--amber:#C96F3B;--amber-d:#a85a2e;--gold:#E8A163;--plum:#2E3D57}
.wnav.warm{background:transparent;border-bottom:1px solid rgba(46,61,87,.12)}

/* ── F11 · Bold & Warm ── */
.f11{height:880px;background:linear-gradient(160deg,#FFF9F1 0%,#FDE9D2 100%)}
.f11-hero{position:relative;height:808px;padding:88px 88px 0;overflow:hidden}
.f11-wm{position:absolute;right:-60px;top:34px;font-family:var(--fd);font-weight:800;font-size:250px;line-height:1;letter-spacing:-.06em;color:rgba(201,111,59,.08);pointer-events:none;user-select:none}
.f11 h1{font-family:var(--fd);font-size:78px;font-weight:800;color:var(--navy);letter-spacing:-.04em;line-height:1.04;max-width:1050px;margin-bottom:28px;position:relative;z-index:1}
.f11 h1 em{font-style:normal;color:var(--amber);position:relative;white-space:nowrap}
.f11 h1 em::after{content:'';position:absolute;left:0;bottom:4px;height:6px;width:100%;background:var(--gold);border-radius:4px;opacity:.5;transform:scaleX(0);transform-origin:left;animation:f11sweep 4s ease-in-out infinite}
@keyframes f11sweep{0%{transform:scaleX(0)}30%,80%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}
.f11-desc{font-size:19px;color:#5b5648;font-weight:300;line-height:1.7;max-width:560px;margin-bottom:38px;position:relative;z-index:1}
.f11-actions{display:flex;gap:14px;margin-bottom:54px;position:relative;z-index:1}
.f11-chips{display:flex;gap:12px;position:relative;z-index:1}
.f11-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.75);border:1px solid rgba(201,111,59,.22);border-radius:100px;padding:9px 18px;font-size:13.5px;font-weight:600;color:var(--plum)}
.f11-chip b{color:var(--amber);font-weight:700}
.f11-quote{position:absolute;right:72px;bottom:56px;background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(46,61,87,.14);padding:20px 24px;max-width:330px;animation:bob 6s ease-in-out infinite;z-index:1}
.f11-quote i{font-style:normal;color:#f5a623;font-size:13px;letter-spacing:2px;display:block;margin-bottom:7px}
.f11-quote p{font-family:var(--fs);font-style:italic;font-size:17.5px;color:var(--navy);line-height:1.45;margin-bottom:8px}
.f11-quote span{font-size:12px;color:var(--muted)}

/* ── F12 · The Night Shift ── */
.f12{height:940px;background:var(--navy-deep)}
.f12-hero{position:relative;height:868px;background:linear-gradient(180deg,#0a2440 0%,#0d2d52 46%,#3a4a6b 74%,#8a6a55 92%,#C96F3B 100%);overflow:hidden;padding:72px 72px 0;text-align:center}
.f12-stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 32% 9%,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 56% 22%,rgba(255,255,255,.35) 50%,transparent 51%),radial-gradient(1px 1px at 74% 12%,rgba(255,255,255,.45) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 89% 26%,rgba(255,255,255,.3) 50%,transparent 51%);pointer-events:none}
.f12-sun{position:absolute;bottom:-130px;left:50%;transform:translateX(-50%);width:520px;height:260px;border-radius:260px 260px 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(255,180,110,.55) 0%,transparent 70%);pointer-events:none}
.f12 .eyeb{color:var(--gold);position:relative;z-index:1}
.f12 h1{font-family:var(--fd);font-size:54px;font-weight:800;color:#fff;letter-spacing:-.035em;line-height:1.1;margin:0 auto 16px;max-width:820px;position:relative;z-index:1}
.f12 h1 em{font-style:normal;color:var(--gold)}
.f12-lead{font-size:18px;color:rgba(255,255,255,.6);font-weight:300;max-width:620px;margin:0 auto 56px;position:relative;z-index:1}
.f12-tl{position:relative;max-width:1250px;margin:0 auto 46px;z-index:1}
.f12-line{position:absolute;top:58px;left:60px;right:60px;height:3px;background:rgba(255,255,255,.14);border-radius:3px}
.f12-line i{position:absolute;inset:0;background:linear-gradient(90deg,var(--blue-soft),var(--gold));border-radius:3px;transform-origin:left;animation:f2grow 10s linear infinite;box-shadow:0 0 14px rgba(232,161,99,.6)}
.f12-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding-top:8px}
.f12-stop{opacity:0;animation:fadeup .6s ease forwards}
.f12-stop:nth-child(1){animation-delay:.2s}.f12-stop:nth-child(2){animation-delay:2.1s}.f12-stop:nth-child(3){animation-delay:4s}.f12-stop:nth-child(4){animation-delay:5.9s}.f12-stop:nth-child(5){animation-delay:7.8s}
.f12-time{font-family:var(--fd);font-size:17px;font-weight:800;color:var(--blue-soft);letter-spacing:-.01em;margin-bottom:12px}
.f12-stop:last-child .f12-time{color:var(--gold)}
.f12-node{width:15px;height:15px;border-radius:50%;background:var(--navy);border:3.5px solid var(--blue-soft);margin:0 auto 20px;position:relative;z-index:1;box-shadow:0 0 12px rgba(170,216,255,.5)}
.f12-stop:last-child .f12-node{border-color:var(--gold);box-shadow:0 0 14px rgba(232,161,99,.7)}
.f12-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(6px);border-radius:14px;padding:20px 16px;min-height:138px}
.f12-card h4{font-family:var(--fd);font-size:14.5px;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:-.01em}
.f12-card p{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.55}
.f12-stop:last-child .f12-card{background:rgba(232,161,99,.14);border-color:rgba(232,161,99,.4)}
.f12-actions{display:flex;gap:14px;justify-content:center;position:relative;z-index:1}

/* ── F13 · Statement + Story ── */
.f13{height:900px;background:#FBF4EC}
.f13-hero{height:828px;display:grid;grid-template-columns:1fr 520px;gap:80px;align-items:center;padding:0 80px;background:linear-gradient(135deg,#FDFAF4 0%,#FAEEDD 100%)}
.f13 h1{font-family:var(--fd);font-size:60px;font-weight:800;color:var(--navy);letter-spacing:-.038em;line-height:1.06;margin-bottom:24px}
.f13 h1 em{font-style:normal;color:var(--amber)}
.f13-desc{font-size:18.5px;color:#5b5648;font-weight:300;line-height:1.7;max-width:500px;margin-bottom:36px}
.f13-actions{display:flex;gap:14px;margin-bottom:44px}
.f13-stats{display:flex;border-top:1px solid rgba(201,111,59,.25);max-width:520px}
.f13-stat{padding:22px 32px 0 0;margin-right:32px;border-right:1px solid rgba(201,111,59,.25);padding-right:32px}
.f13-stat:last-child{border-right:none}
.f13-stat b{font-family:var(--fd);font-size:33px;font-weight:800;color:var(--navy);letter-spacing:-.035em;display:block;line-height:1.1}
.f13-stat b em{font-style:normal;color:var(--amber)}
.f13-stat span{font-family:var(--fm);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#a08a70}
.f13-stack{position:relative;height:460px}
.f13-back{position:absolute;inset:26px -14px -14px 30px;background:rgba(255,255,255,.5);border:1px solid rgba(201,111,59,.15);border-radius:20px;transform:rotate(2.5deg)}
.f13-back.b2{inset:14px -6px -6px 16px;background:rgba(255,255,255,.7);transform:rotate(1.2deg)}
.f13-q{position:absolute;inset:0;background:#fff;border-radius:20px;box-shadow:0 24px 64px rgba(46,61,87,.13);padding:44px 42px;display:flex;flex-direction:column;opacity:0;animation:f13cycle 15s infinite}
.f13-q:nth-child(3){animation-delay:0s}.f13-q:nth-child(4){animation-delay:5s}.f13-q:nth-child(5){animation-delay:10s}
@keyframes f13cycle{0%{opacity:0;transform:translateY(10px)}3%,30%{opacity:1;transform:translateY(0)}36%,100%{opacity:0;transform:translateY(-8px)}}
.f13-q i{font-style:normal;color:#f5a623;font-size:16px;letter-spacing:3px;margin-bottom:18px}
.f13-q p{font-family:var(--fs);font-style:italic;font-size:27px;color:var(--navy);line-height:1.42;flex:1}
.f13-q footer{display:flex;align-items:center;gap:13px;padding-top:22px;border-top:1px dashed rgba(201,111,59,.3)}
.f13-q .av{width:42px;height:42px;border-radius:50%;background:var(--amber);color:#fff;font-family:var(--fd);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.f13-q .av.a2{background:var(--blue)}.f13-q .av.a3{background:var(--plum)}
.f13-q b{font-family:var(--fd);font-size:14px;font-weight:700;color:var(--navy);display:block}
.f13-q span{font-size:12.5px;color:var(--muted)}
.f13-dots{position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.f13-dots i{width:8px;height:8px;border-radius:50%;background:rgba(201,111,59,.25);animation:f13dot 15s infinite}
.f13-dots i:nth-child(2){animation-delay:5s}.f13-dots i:nth-child(3){animation-delay:10s}
@keyframes f13dot{0%,3%{background:var(--amber)}30%{background:var(--amber)}36%,100%{background:rgba(201,111,59,.25)}}

/* ── F14 · Consider It Handled ── */
.f14{height:880px;background:#FCF5EB}
.f14-hero{position:relative;height:736px;background:radial-gradient(ellipse 900px 480px at 50% -120px,#FDE3C4 0%,#FCF5EB 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 90px;overflow:hidden}
.f14 .eyeb{color:var(--amber)}
.f14 h1{font-family:var(--fd);font-size:88px;font-weight:800;color:var(--navy);letter-spacing:-.045em;line-height:1.05;margin-bottom:26px}
.f14-rot{display:inline-grid;text-align:left;color:var(--amber)}
.f14-rot span{grid-area:1/1;opacity:0;animation:f14rot 12.5s infinite}
.f14-rot span:nth-child(1){animation-delay:0s}.f14-rot span:nth-child(2){animation-delay:2.5s}.f14-rot span:nth-child(3){animation-delay:5s}.f14-rot span:nth-child(4){animation-delay:7.5s}.f14-rot span:nth-child(5){animation-delay:10s}
@keyframes f14rot{0%{opacity:0;transform:translateY(26px)}3%,17%{opacity:1;transform:translateY(0)}21%,100%{opacity:0;transform:translateY(-26px)}}
.f14-desc{font-size:19px;color:#5b5648;font-weight:300;line-height:1.7;max-width:580px;margin-bottom:40px}
.f14-actions{display:flex;gap:14px;justify-content:center;margin-bottom:66px}
.f14-quotes{display:flex;gap:18px;max-width:1180px}
.f14-mini{flex:1;background:rgba(255,255,255,.8);border:1px solid rgba(201,111,59,.16);border-radius:16px;padding:20px 24px;text-align:left}
.f14-mini i{font-style:normal;color:#f5a623;font-size:12px;letter-spacing:2px;display:block;margin-bottom:8px}
.f14-mini p{font-size:14px;color:var(--navy);line-height:1.55;font-weight:500;margin-bottom:10px}
.f14-mini span{font-size:12px;color:#a08a70}
.f14-band{height:72px;background:var(--plum);display:flex;align-items:center;overflow:hidden}
.f14-band-in{display:flex;white-space:nowrap;animation:marq 34s linear infinite}
.f14-band b{font-family:var(--fm);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(253,227,196,.75);font-weight:600;padding:0 26px;display:flex;align-items:center;gap:26px}
.f14-band b::after{content:'✦';font-size:9px;color:var(--gold)}

/* ── F15 · The Promise Wall ── */
.f15{height:900px;background:#FDF8F0}
.f15-hero{height:750px;background:linear-gradient(120deg,#FDF8F0 0%,#FAE9D3 100%);padding:84px 88px 0;position:relative;overflow:hidden}
.f15-glow{position:absolute;top:-160px;right:-120px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(232,161,99,.35) 0%,transparent 65%);pointer-events:none}
.f15 .eyeb{color:var(--amber)}
.f15-lines{display:flex;flex-direction:column;gap:26px;margin-bottom:48px}
.f15-line{display:flex;align-items:baseline;gap:28px;opacity:0;animation:fadeup .9s ease forwards}
.f15-line:nth-child(1){animation-delay:.2s}.f15-line:nth-child(2){animation-delay:.7s}.f15-line:nth-child(3){animation-delay:1.2s}
.f15-line h2{font-family:var(--fd);font-size:66px;font-weight:800;color:var(--navy);letter-spacing:-.04em;line-height:1.05;white-space:nowrap}
.f15-line:nth-child(2) h2{color:var(--amber)}
.f15-line .pf{font-family:var(--fm);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a08a70;font-weight:600;border-left:2px solid rgba(201,111,59,.35);padding-left:16px;line-height:1.5;max-width:230px}
.f15-line .pf b{display:block;font-family:var(--fd);font-size:17px;letter-spacing:-.01em;text-transform:none;color:var(--navy)}
.f15-actions{display:flex;gap:14px;opacity:0;animation:fadeup .9s ease 1.7s forwards}
.f15-marq{height:78px;background:#fff;border-top:1px solid rgba(201,111,59,.18);display:flex;align-items:center;overflow:hidden}
.f15-marq-in{display:flex;white-space:nowrap;animation:marq 44s linear infinite}
.f15-marq .q{display:flex;align-items:center;gap:12px;padding:0 34px;font-family:var(--fs);font-style:italic;font-size:17px;color:var(--navy)}
.f15-marq .q b{font-family:var(--fm);font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a08a70;font-weight:600}
.f15-marq .q::after{content:'✦';font-size:10px;color:var(--gold);margin-left:22px}

/* ── F16 · The Morning Report ── */
.f16{height:900px;background:#FCF1E4}
.f16-hero{height:828px;background:linear-gradient(150deg,#FDF7EE 0%,#FBE7CD 100%);display:grid;grid-template-columns:1fr 540px;gap:76px;align-items:center;padding:0 80px}
.f16 .eyeb{color:var(--amber)}
.f16 h1{font-family:var(--fd);font-size:62px;font-weight:800;color:var(--navy);letter-spacing:-.038em;line-height:1.05;margin-bottom:24px}
.f16 h1 em{font-style:normal;color:var(--amber)}
.f16-desc{font-size:18.5px;color:#5b5648;font-weight:300;line-height:1.7;max-width:490px;margin-bottom:36px}
.f16-actions{display:flex;gap:14px;margin-bottom:40px}
.f16-quote{border-left:3px solid var(--gold);padding:4px 0 4px 18px;max-width:460px}
.f16-quote p{font-family:var(--fs);font-style:italic;font-size:18.5px;color:var(--navy);line-height:1.5;margin-bottom:6px}
.f16-quote span{font-size:12.5px;color:#a08a70}
.f16-card{background:#fff;border-radius:22px;box-shadow:0 28px 80px rgba(46,61,87,.16);overflow:hidden}
.f16-head{background:var(--plum);padding:22px 30px;display:flex;align-items:center;justify-content:space-between}
.f16-head b{font-family:var(--fd);font-size:16px;font-weight:700;color:#fff;display:block}
.f16-head span{font-size:12px;color:rgba(253,227,196,.7)}
.f16-sun{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#FFD9A0,#E8A163);flex-shrink:0}
.f16-rows{padding:14px 30px 8px}
.f16-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #f3e8da;opacity:0;animation:f16row 10s infinite}
.f16-row:nth-child(1){animation-delay:.3s}.f16-row:nth-child(2){animation-delay:1.1s}.f16-row:nth-child(3){animation-delay:1.9s}.f16-row:nth-child(4){animation-delay:2.7s}.f16-row:nth-child(5){animation-delay:3.5s;border-bottom:none}
@keyframes f16row{0%{opacity:0;transform:translateY(10px)}7%,88%{opacity:1;transform:translateY(0)}95%,100%{opacity:0}}
.f16-tick{width:26px;height:26px;border-radius:50%;background:var(--green-bg);color:var(--green);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.f16-row h5{font-family:var(--fd);font-size:14.5px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.f16-row p{font-size:12.5px;color:var(--muted)}
.f16-row .val{margin-left:auto;font-family:var(--fd);font-size:15px;font-weight:800;color:var(--amber);white-space:nowrap}
.f16-foot{background:#FCF5EB;padding:16px 30px;font-size:13px;color:#8a7a62;display:flex;align-items:center;gap:10px}
.f16-foot i{font-style:normal;width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2.4s infinite;flex-shrink:0}