/* landing.css */
/* Abrahamson.tools · independent landing page · October 2026 */
:root{--ink:#0b1725;--muted:#667487;--blue:#38b6ff;--blue-dark:#0877b8;--ice:#f5f8fc;--line:#dfe6ef;--mint:#e4f5ef;--violet:#efebff;--radius:22px;--hero-progress:0;--journey-progress:0;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--ice);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}body.menu-open{overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}img,svg{max-width:100%}img{display:block}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #159bdf;outline-offset:5px}::selection{background:#b6e7ff;color:var(--ink)}[hidden]{display:none!important}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1240px,calc(100% - 104px));margin-inline:auto}.section-space{padding:112px 0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650;letter-spacing:-.052em}h2{font-size:clamp(38px,4.45vw,62px);line-height:1.08;margin-bottom:22px}h3{font-size:26px;line-height:1.18}p{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.5;color:var(--blue-dark);margin-bottom:23px}.section-index{color:#93a4b6;border-right:1px solid #ccd8e3;padding-right:12px;margin-right:3px;letter-spacing:0}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:14px 22px;background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:11px;font-size:13px;font-weight:650;line-height:1.4;transition:transform .25s,box-shadow .25s,background .25s}.button .icon{width:18px;height:18px;transition:transform .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0b17251d;background:#17344c}.button:hover .icon{transform:translate(2px,-1px)}.button-light{background:rgba(255,255,255,.8);color:var(--ink);border-color:var(--line)}.button-light:hover{background:#fff}.button-small{min-height:42px;padding:10px 16px;font-size:12px;border-radius:9px;gap:12px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:650;line-height:1.4}.text-link .icon{width:18px;height:18px;transition:transform .2s}.text-link:hover .icon{transform:translateX(4px)}.status-dot,.blue-dot{display:inline-block;width:7px;height:7px;background:#1ba984;border-radius:50%;box-shadow:0 0 0 4px #1ba98410;flex-shrink:0}.blue-dot{background:var(--blue);box-shadow:none;width:6px;height:6px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:20px;transform:translateY(-150%);z-index:500;background:var(--ink);color:white;padding:14px 20px;border-radius:10px}.skip-link:focus{transform:none}.reading-progress{height:2px;position:fixed;top:0;left:0;right:0;z-index:300;pointer-events:none}.reading-progress span{display:block;height:100%;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}

/* Navigation */
.site-header{position:fixed;top:17px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 64px));z-index:150;isolation:isolate}.nav-bar{height:70px;padding:0 19px 0 22px;display:flex;align-items:center;gap:25px;background:rgba(255,255,255,.83);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(215,226,237,.82);border-radius:15px;box-shadow:0 7px 22px #152a4010;transition:background .3s,box-shadow .3s}.scrolled .nav-bar{background:rgba(255,255,255,.95);box-shadow:0 8px 30px #12293b13}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.045em;white-space:nowrap;font-weight:750;line-height:1.1}.brand-mark{position:relative;display:grid;place-items:center;width:33px;height:33px;border-radius:9px;color:#fff;background:var(--ink);font-size:19px;letter-spacing:-.08em}.brand-mark>span{position:absolute;right:6px;bottom:7px;width:4px;height:4px;background:var(--blue);border-radius:50%;border:1px solid var(--ink)}.brand-end{color:#139fdf}.desktop-nav{display:flex;align-items:center;gap:6px;margin-left:auto;height:100%}.desktop-nav>a,.nav-trigger{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:520;border:0;background:transparent;padding:12px 10px;border-radius:8px;white-space:nowrap;color:#4c5e6d;transition:background .2s,color .2s}.nav-trigger .icon{width:13px;height:13px;transition:transform .2s}.desktop-nav>a:hover,.nav-trigger:hover,.nav-trigger[aria-expanded=true]{background:#edf5fb;color:var(--ink)}.nav-trigger[aria-expanded=true] .icon{transform:rotate(180deg)}.nav-actions{display:flex;align-items:center;gap:21px}.login-link{display:inline-flex;gap:4px;align-items:center;font-size:12px;font-weight:600}.login-link .icon{width:13px;height:13px;color:#82919f}.mobile-toggle{display:none;border:0;background:transparent;padding:10px}.mega-panel{max-height:calc(100dvh - 112px);overflow-y:auto;position:absolute;left:0;right:0;top:78px;background:rgba(255,255,255,.98);border:1px solid #dae5ee;box-shadow:0 24px 55px #19344c20;border-radius:17px;padding:26px;animation:menuIn .2s ease both}.mega-tools{display:grid;grid-template-columns:.78fr 1.3fr 1fr;gap:26px;min-height:min(374px,calc(100dvh - 112px))}.mega-intro{padding:14px 17px 13px 5px}.mega-intro .eyebrow{font-size:9px;margin-bottom:20px}.mega-intro h2{font-size:30px;letter-spacing:-.04em;line-height:1.08;margin-bottom:16px}.mega-intro p{font-size:12px;max-width:230px;line-height:1.6;margin-bottom:36px}.mega-tool-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:start;border-inline:1px solid var(--line);padding:3px 21px}.mega-tool-link{display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px 8px;transition:background .2s;min-height:67px;position:relative}.mega-tool-link:hover,.mega-tool-link.preview-active{background:#edf6fc}.mega-tool-link .small-icon{width:31px;height:31px;border-radius:9px;flex-shrink:0}.mega-tool-link .small-icon .icon{width:17px;height:17px}.mega-tool-link strong{font-size:11px;font-weight:650;line-height:1.3;display:block;letter-spacing:-.015em}.mega-tool-link small{font-size:9px;line-height:1.4;display:block;color:var(--muted);margin-top:3px}.mega-preview{padding:17px;background:#f2f7fc;border:1px solid #e5edf5;border-radius:13px;display:flex;flex-direction:column;min-width:0}.mega-preview .eyebrow{font-size:8px;margin:0 0 4px}.mega-preview .preview-art{height:129px;margin:4px 0 8px}.mega-preview h3{font-size:22px;letter-spacing:-.04em;margin:0 0 8px}.mega-preview p{font-size:11px;line-height:1.5;margin:0 0 15px}.mega-preview .text-link{font-size:11px;margin-top:auto}.preview-placeholder{display:grid;place-items:center;min-height:150px}.preview-placeholder>.icon{width:60px;height:60px;color:#68b7e6}.mega-plan,.mega-knowledge{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.menu-story{padding:20px;border-radius:12px;background:#f6f9fc;transition:background .2s;display:flex;flex-direction:column;align-items:flex-start}.menu-story:hover{background:#eaf5fc}.menu-story h3{font-size:23px;margin:17px 0 12px}.menu-story p{font-size:12px;max-width:270px;margin-bottom:22px}.menu-story .text-link{font-size:11px;margin-top:auto}.mini-portrait{width:45px;height:45px;object-fit:cover;object-position:center 20%;border-radius:50%}.menu-book{display:flex;flex-direction:row;align-items:center;gap:22px}.menu-book>img{width:92px;box-shadow:8px 14px 17px #0b172525;transform:rotate(-7deg)}.menu-book h3{margin-top:5px}.menu-book .eyebrow{margin-bottom:4px;font-size:8px}.nav-scrim{position:fixed;inset:0;background:rgba(15,34,52,.12);backdrop-filter:blur(3px);z-index:140;animation:fadeIn .2s}.mobile-nav{display:none}.small-icon{width:40px;height:40px;border-radius:12px;background:#e0f2ff;color:#1487c9;display:grid;place-items:center}.small-icon.mint,.mint{color:#218973;background:#e1f3ee}.small-icon.violet,.violet{color:#7867cf;background:#efebfd}.blue{color:#128bcc;background:#e2f2ff}.amber{color:#b88321;background:#fbf0d6}

/* First screen: a small, physical product scene */
.hero{position:relative;overflow:hidden;padding:160px 0 0;min-height:825px;isolation:isolate}.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#8498b608 1px,transparent 1px),linear-gradient(90deg,#8498b608 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(transparent,black 32%,transparent 93%)}.aura{position:absolute;border-radius:50%;filter:blur(60px);opacity:.42;will-change:transform;animation:drift 17s ease-in-out infinite alternate}.aura-one{width:620px;height:560px;right:-20px;top:120px;background:radial-gradient(ellipse,#7fcfff,transparent 70%)}.aura-two{width:570px;height:570px;left:26%;top:8px;background:radial-gradient(ellipse,#b7a8eb60,transparent 69%);animation-delay:-6s;animation-duration:23s}.orbital{position:absolute;width:1040px;height:550px;right:-260px;top:100px;border:1px solid #bad4e555;border-radius:50%;transform:rotate(-32deg)}.orbital-two{width:1120px;height:675px;top:41px;right:-318px;border-style:dashed;opacity:.55;transform:rotate(-32deg)}.hero-inner{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:13px;position:relative;min-height:565px}.hero-copy{position:relative;z-index:3;padding-bottom:20px}.hero-eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:25px;animation:riseIn .8s both}.hero-eyebrow .status-dot{width:6px;height:6px;background:#28a8e7;box-shadow:0 0 0 4px #2eacf213}.hero :is(h1,h2):where(#heroTitle){font-size:clamp(60px,6.7vw,96px);line-height:1.01;letter-spacing:-.065em;font-weight:680;margin:0 0 27px;white-space:nowrap;animation:riseIn .85s .06s both}.hero :is(h1,h2):where(#heroTitle)>span{color:#179edc;background:linear-gradient(125deg,#0e8bc4,#38b6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{max-width:430px;font-size:16px;line-height:1.8;letter-spacing:-.013em;margin-bottom:30px;animation:riseIn .85s .12s both}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;animation:riseIn .85s .18s both}.hero-actions .button{padding-inline:19px;font-size:12px;gap:13px}.creator-link{display:inline-flex;align-items:center;gap:12px;margin-top:37px;animation:riseIn .85s .25s both}.creator-link>img{border-radius:50%;object-fit:cover;object-position:center 20%;border:3px solid #fff;box-shadow:0 3px 13px #16314615}.creator-link>span{display:flex;flex-direction:column;line-height:1.55;gap:2px}.creator-link strong{font-size:11px;font-weight:650}.creator-link>span>span{font-size:9px;color:var(--muted)}.creator-link>.icon{width:16px;height:16px;color:#8797a6;margin-left:5px}.hero-stage{height:540px;position:relative;min-width:0;--device-scale:1;--lid-angle:-8deg}.stage-ring{position:absolute;left:50%;top:53%;width:620px;height:405px;border:1px solid #a3c4da43;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.stage-ring.ring-two{width:730px;height:520px;opacity:.55}.stage-floor{position:absolute;bottom:77px;left:9%;right:2%;height:60px;border-radius:50%;background:#43789328;filter:blur(20px);transform:rotate(-3deg)}.notebook-wrap{position:absolute;left:51%;top:52%;width:550px;height:350px;transform:translate(-50%,-50%) scale(var(--device-scale));perspective:1500px;z-index:2}.notebook{position:relative;transform-style:preserve-3d;transform:rotateY(calc(-11deg + var(--hero-progress)*8deg)) rotateZ(calc(-3deg + var(--hero-progress)*3deg)) translateY(calc(var(--hero-progress)*-25px));will-change:transform}.notebook-lid{position:relative;padding:9px 9px 17px;background:linear-gradient(145deg,#444b55,#0d121a 25%,#171f2a 75%,#6a7580);border-radius:17px 17px 5px 5px;border:1px solid #65717e;box-shadow:0 0 0 1px #29313c,0 22px 65px #0b1f3828;transform:rotateX(var(--lid-angle));transform-origin:center bottom;backface-visibility:hidden;animation:openNotebook 1.5s cubic-bezier(.22,.7,.2,1) both;transform-style:preserve-3d}.camera{position:absolute;z-index:5;top:2px;width:4px;height:4px;border-radius:50%;background:#728092;left:50%;box-shadow:0 0 0 2px #111820}.screen{height:319px;border-radius:7px 7px 3px 3px;background:#f7f9fc;overflow:hidden;position:relative}.screen-toolbar{height:27px;background:#eef2f7;border-bottom:1px solid #dfe5ef;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:7px;color:#8c98a8}.traffic-dots{display:flex;gap:4px}.traffic-dots i{width:5px;height:5px;border-radius:50%;background:#c4cfdb}.traffic-dots i:first-child{background:#dfb6b3}.traffic-dots i:nth-child(2){background:#dcc89a}.traffic-dots i:nth-child(3){background:#a8cec1}.screen-toolbar>.icon{width:9px;height:9px}.screen-layout{display:flex;height:calc(100% - 27px)}.screen-sidebar{width:46px;flex-shrink:0;background:#fff;border-right:1px solid #e6ebf1;display:flex;align-items:center;flex-direction:column;gap:19px;padding:16px 0 11px}.screen-brand{font-weight:700;color:#fff;background:var(--ink);display:grid;place-items:center;border-radius:6px;width:21px;height:21px;font-size:12px;margin-bottom:2px}.screen-sidebar>.icon{width:15px;height:15px;color:#9ba7b4}.screen-sidebar>.icon.selected{color:#189bd6}.screen-sidebar-bottom{margin-top:auto;background:#e9f1f8;color:#6a7a8a;font-size:8px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%}.screen-content{padding:20px 18px 0;flex:1;min-width:0}.screen-heading{display:flex;align-items:center;justify-content:space-between}.screen-heading>div{display:flex;flex-direction:column}.screen-heading small{font-size:6px;letter-spacing:.11em;color:#8696a7;margin-bottom:4px}.screen-heading strong{font-size:18px;line-height:1.1;letter-spacing:-.035em;font-weight:650}.screen-online{display:flex;align-items:center;gap:4px;font-size:6px;color:#749789;background:#eaf5f0;padding:4px 6px;border-radius:4px}.screen-online>i{width:3px;height:3px;border-radius:50%;background:#2e9a70}.screen-dashboard{display:grid;grid-template-columns:1fr 103px;gap:10px;margin-top:19px}.screen-chart-card{background:white;border-radius:8px;border:1px solid #e5ebf2;padding:12px 12px 8px;min-width:0;box-shadow:0 4px 8px #15365303}.screen-chart-label{display:flex;align-items:center;justify-content:space-between;font-size:6px;color:#8c98a7}.screen-chart-label .icon{width:9px;height:9px}.screen-chart-title{font-size:15px;letter-spacing:-.03em;margin-top:12px;font-weight:620}.screen-chart-title>span{display:block;font-size:6px;color:#8c98a7;margin-top:2px;letter-spacing:0;font-weight:400}.screen-chart{width:100%;height:99px;overflow:visible;margin-top:7px;display:block}.chart-grid{fill:none;stroke:#e6edf4;stroke-width:.7;stroke-dasharray:3 4}.hero-line{fill:none;stroke:#32adef;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:380;stroke-dashoffset:0;animation:drawChart 2.4s .7s both}.screen-baseline{stroke:#acbdcf;stroke-width:1;fill:none;stroke-dasharray:4 4}.screen-axis{display:flex;justify-content:space-between;font-size:5px;color:#90a0b1;margin-top:1px}.screen-side-cards{display:flex;flex-direction:column;gap:9px}.screen-side-cards>div{background:#fff;border:1px solid #e5ebf2;border-radius:8px;padding:10px;height:96px}.mini-tool{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;margin-bottom:6px}.mini-tool>.icon{width:12px;height:12px}.screen-side-cards strong{display:block;font-size:8px;line-height:1.3}.screen-side-cards small{display:block;font-size:5px;color:#8392a5;margin-top:3px}.mini-progress{height:3px;background:#ecf1f5;border-radius:2px;margin-top:7px}.mini-progress i{display:block;width:64%;height:100%;background:#74bdaa;border-radius:2px}.violet-progress i{width:78%;background:#9d91dc}.screen-bottom{display:flex;gap:14px;font-size:6px;color:#8b99a8;margin-top:12px}.screen-bottom>span{display:flex;align-items:center;gap:3px}.screen-bottom .icon{width:8px;height:8px;color:#5a9b89}.notebook-caption{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:4px;letter-spacing:.2em;color:#a9b5c2}.notebook-base{position:absolute;left:-30px;right:-30px;top:calc(100% - 2px);height:14px;border-radius:1px 1px 50% 50%;background:linear-gradient(#d2d8e0 0%,#9da9b8 35%,#adb8c5 65%,#5d6875 100%);box-shadow:0 2px 1px #737d88,0 10px 18px #13243c1c}.notebook-base>span{position:absolute;left:42%;right:42%;height:4px;background:#8593a4;border-radius:0 0 6px 6px;box-shadow:inset 1px 1px 3px #2f3d4e44}.floating-tool{display:flex;align-items:center;gap:11px;padding:14px 15px;background:rgba(255,255,255,.93);border:1px solid #fff;box-shadow:0 10px 35px #35547517,0 1px 3px #557b9310;backdrop-filter:blur(10px);border-radius:13px;position:absolute;z-index:4;white-space:nowrap;transition:box-shadow .25s,border-color .25s;animation:floatUp 1.4s .5s both}.floating-tool:hover{box-shadow:0 16px 42px #2f6a9630;border-color:#9fd8f9}.float-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex-shrink:0}.float-icon .icon{width:20px;height:20px}.floating-tool>span:not(.float-icon){display:flex;flex-direction:column}.floating-tool small{font-size:6px;letter-spacing:.1em;color:#8c9aa8;margin-bottom:5px}.floating-tool strong{font-size:10px;font-weight:650;letter-spacing:-.02em;line-height:1.3}.float-arrow{width:12px;height:12px;margin-left:5px;color:#8c9ca9}.floating-home{left:-32px;top:205px;animation:floatUp 1.3s .3s both,floatGentle 8s 1.6s infinite ease-in-out}.floating-future{right:0;top:76px;animation:floatUp 1.3s .6s both,floatGentle 10s 1.9s infinite ease-in-out reverse}.floating-money{right:6px;bottom:77px;animation:floatUp 1.3s .9s both,floatGentle 9s 2.2s infinite ease-in-out}.stage-caption{position:absolute;bottom:21px;left:0;right:0;text-align:center;display:flex;align-items:center;justify-content:center;gap:11px;letter-spacing:.16em;font-size:7px;font-weight:600;color:#8296a8}.tiny-line{width:24px;height:1px;background:#94b7cd}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:29px 0 26px;margin-top:29px;border-top:1px solid #dce5ee8c;font-size:10px;color:#7b8a9a;position:relative}.hero-bottom>div{display:flex;align-items:center;gap:12px}.divider-dot{color:#c5d0dc;margin:0 7px}.scroll-cue{font-size:8px;letter-spacing:.1em;display:flex;align-items:center;gap:15px;color:#748697}.scroll-cue>span{border:1px solid #d5dfe9;display:grid;place-items:center;width:25px;height:31px;border-radius:16px;font-size:15px;animation:scrollNudge 3s infinite}

/* Tool selection */
.intro-strip{padding:66px 0 72px;display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:45px;align-items:center;border-bottom:1px solid var(--line)}.intro-label{font-size:9px;letter-spacing:.15em;font-weight:650;color:#8b9aaa;line-height:1.7}.intro-strip>p{font-size:36px;font-weight:600;letter-spacing:-.045em;line-height:1.14;color:var(--ink);margin:0}.intro-strip>p>span{color:#8495a7}.intro-strip>div{font-size:13px;color:var(--muted);line-height:1.8}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;max-width:350px;margin:0 0 5px;line-height:1.8}.section-heading>.text-link{margin-bottom:8px}.tool-filter{display:flex;align-items:center;gap:6px;margin:36px 0 29px;flex-wrap:wrap}.tool-filter button{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#6d7b8d;border-radius:8px;padding:10px 15px;font-size:11px;line-height:1.5;transition:background .2s,color .2s,border-color .2s}.tool-filter button>.icon{width:15px;height:15px}.tool-filter button>span{font-size:9px;color:#9cabb8;padding:0 3px}.tool-filter button.active{background:#fff;color:var(--ink);border-color:#e0e7ee;box-shadow:0 2px 5px #213b5205}.tool-filter button.active>span{color:#1d99d6}.tool-filter button:hover{background:#fff}.tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;min-height:220px}.tool-card{grid-column:span 2;position:relative;background:white;border:1px solid #e0e7ef;border-radius:18px;overflow:hidden;transition:transform .32s,box-shadow .32s,border-color .32s;display:flex;flex-direction:column;min-width:0;animation:cardIn .35s both}.tool-card:hover{transform:translateY(-6px);box-shadow:0 16px 42px #1b415912;border-color:#b7d6eb}.tool-card.featured{grid-column:span 3}.tool-card.featured .tool-card-art{height:203px}.tool-card-art{height:142px;position:relative;margin:11px 11px 0;background:#f0f7fc;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.tool-card-art.mint-art{background:#eef6f3}.tool-card-art.violet-art{background:#f1eff9}.tool-card-art.amber-art{background:#faf5e9}.tool-card .preview-art{width:80%;max-width:330px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.tool-card:hover .preview-art{transform:scale(1.035) translateY(-3px)}.tool-card-art>.card-corner-icon{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.75);width:27px;height:27px;border:1px solid #ffffffb0;border-radius:8px;display:grid;place-items:center;color:#7c94a5}.card-corner-icon>.icon{width:14px;height:14px}.tool-card-body{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1}.tool-card-category{font-size:8px;letter-spacing:.15em;font-weight:650;color:#8b9bad;margin-bottom:10px}.tool-card h3{font-size:21px;margin:0 0 9px;letter-spacing:-.045em;line-height:1.17}.tool-card.featured h3{font-size:28px}.tool-card-body p{font-size:11px;line-height:1.7;margin:0 0 22px;max-width:390px}.tool-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:10px;font-weight:650}.card-open-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f4f7fb;color:#344e64;transition:background .3s,color .3s,transform .3s}.card-open-icon>.icon{width:15px;height:15px}.tool-card:hover .card-open-icon{color:#fff;background:var(--ink);transform:rotate(4deg)}.tool-note{font-size:10px;margin:23px 0 0;color:#8594a4;display:flex;gap:8px;align-items:center}.tool-note>.icon{width:14px;height:14px;color:#70a994}.tool-loading,.loading-copy{font-size:12px;color:#8293a2}.tool-loading{grid-column:1/-1;padding:30px 0}.tool-loading a{text-decoration:underline;text-underline-offset:3px}.noscript-tools{display:flex;gap:20px;flex-wrap:wrap}.noscript-tools a{text-decoration:underline;font-size:13px}.noscript-tools>p{flex-basis:100%}.preview-art{width:100%;display:block;height:100%;overflow:visible}.preview-art text{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* A functional model, presented as part of the page */
.demo-section{position:relative;background:#0a1726;color:#f0f7ff;overflow:hidden;isolation:isolate;padding-block:102px 76px}.demo-glow{position:absolute;top:-450px;right:-250px;width:900px;height:900px;z-index:-1;background:radial-gradient(ellipse,#236ca13b,transparent 68%);pointer-events:none}.demo-section .eyebrow{color:#6dcaff}.demo-section .section-index{color:#627a91;border-color:#2c4056}.demo-section .section-heading{margin-bottom:47px}.demo-section .section-heading>p{color:#8e9fb2}.live-demo{display:grid;grid-template-columns:.75fr 1.4fr;border:1px solid #ffffff1a;border-radius:19px;overflow:hidden;background:#0f2031;box-shadow:0 25px 60px #00000015}.demo-controls{padding:35px 31px 29px;border-right:1px solid #ffffff12;background:#102132}.demo-label{font-size:8px;letter-spacing:.14em;display:flex;gap:8px;align-items:center;color:#819aae;margin-bottom:23px}.demo-label .status-dot{width:5px;height:5px;background:#5bc5f7;box-shadow:none}.demo-controls h3{font-size:29px;line-height:1.1;margin-bottom:31px;font-weight:550}.range-field{margin-top:25px}.range-field label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a0b2c5;gap:8px}.range-field label>output{font-size:13px;color:#e8f4ff;font-weight:550;white-space:nowrap}.range-field input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:5px;border-radius:5px;background:linear-gradient(90deg,#55bcf1 var(--range-fill,25%),#2a3a4f var(--range-fill,25%));margin:20px 0 9px;cursor:pointer;border:0;padding:0}.range-field input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid #47baf6;box-shadow:0 0 0 4px #3fbbf614}.range-field input::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#fff;border:4px solid #47baf6}.range-ends{display:flex;justify-content:space-between;color:#8192a5;font-size:8px}.demo-controls>.text-link{margin-top:33px;font-size:10px;color:#7acbfa;gap:6px}.demo-controls>.text-link>.icon{width:13px;height:13px}.demo-visual{padding:37px 34px 27px;align-self:center;min-width:0}.demo-result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.demo-result-top>div{display:flex;flex-direction:column}.demo-overline{font-size:8px;letter-spacing:.15em;color:#8a9fb3;margin-bottom:13px}.demo-result-top strong{font-size:clamp(35px,4.5vw,62px);line-height:1.1;font-weight:550;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.demo-result-sub{font-size:9px;color:#90a5b7;margin-top:7px}.example-badge{font-size:8px;border:1px solid #ffffff14;border-radius:30px;padding:6px 9px;color:#7891a8;white-space:nowrap}.demo-chart-wrap{margin:30px -5px 16px}.demo-chart-wrap svg{display:block;width:100%;overflow:visible}.demo-grid-lines{fill:none;stroke:#829ab71e;stroke-width:1;stroke-dasharray:3 6}.demo-main-line{fill:none;stroke:#4dc1ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #38b6ff3b)}.demo-base-line{fill:none;stroke:#6f859e;stroke-width:1.5;stroke-dasharray:5 6}.chart-axis{fill:#8096ac;font-size:10px}.demo-breakdown{display:flex;gap:50px;border-top:1px solid #ffffff12;padding-top:25px}.demo-breakdown>div{display:flex;flex-direction:column;gap:5px}.demo-breakdown>div>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#90a6ba}.demo-breakdown i{width:6px;height:6px;border-radius:50%;background:#738ca7}.demo-breakdown i.legend-growth{background:#4fc3ff}.demo-breakdown strong{font-size:22px;font-weight:550;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.demo-disclaimer{font-size:9px;line-height:1.8;color:#8297ad;max-width:900px;margin:20px 0 0}

/* Norman and the path from discovery to advice */
.human-section{background:#fff;padding-block:125px}.human-grid{display:grid;grid-template-columns:.95fr 1fr;gap:100px;align-items:center}.human-photo{position:relative;border-radius:20px;overflow:hidden;background:#182c40;aspect-ratio:.79;box-shadow:0 20px 65px #0b263012;isolation:isolate}.human-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.human-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071823b3);z-index:1;pointer-events:none}.photo-caption{position:absolute;left:25px;top:25px;display:flex;gap:8px;align-items:center;font-size:7px;letter-spacing:.13em;color:white;background:#112a3d5e;border:1px solid #ffffff32;backdrop-filter:blur(10px);padding:9px 11px;border-radius:6px;z-index:2}.photo-caption .status-dot{width:5px;height:5px;background:#79d9b4;box-shadow:none}.photo-label{position:absolute;left:32px;bottom:32px;color:#fff;z-index:2;display:flex;flex-direction:column;gap:14px}.photo-label>strong{font-size:43px;line-height:.98;letter-spacing:-.045em;font-weight:580}.photo-label>strong>span{color:var(--blue)}.photo-label>span{font-size:7px;letter-spacing:.17em;color:#d1dce6}.human-copy .eyebrow{font-size:9px;margin-bottom:20px}.human-copy h2{font-size:clamp(36px,4vw,55px);line-height:1.09;margin-bottom:28px}.human-copy>p{font-size:13px;line-height:1.85;max-width:455px}.human-facts{display:flex;gap:40px;margin:28px 0 32px;padding:22px 0;border-block:1px solid #e6ebf0}.human-facts>div{display:flex;flex-direction:column}.human-facts strong{font-size:19px;letter-spacing:-.03em;font-weight:600;line-height:1.2}.human-facts span{font-size:9px;color:#93a1af;margin-top:8px}.human-more{font-size:11px;margin-left:22px}.human-more>.icon{width:14px;height:14px}.journey-section{background:#f6f9fc;padding-bottom:55px}.journey-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:110px;align-items:start}.journey-intro{position:sticky;top:130px;align-self:start}.journey-intro h2{font-size:clamp(36px,4.1vw,56px);line-height:1.12}.journey-intro h2>span{color:#8397aa}.journey-intro>p{max-width:370px;font-size:13px;line-height:1.85;margin:24px 0}.journey-intro .eyebrow{font-size:9px}.journey-fine{display:block;font-size:9px;color:#8999aa;margin-top:11px}.journey-orbit{width:250px;height:180px;border:1px solid #d6e2ec;border-radius:50%;position:relative;margin:49px 0 5px 15px;transform:rotate(-16deg);display:grid;place-items:center}.journey-orbit:before{content:"";position:absolute;inset:23px -14px;border:1px solid #d6e2ec;border-radius:50%;transform:rotate(57deg)}.journey-orbit>span{display:grid;place-items:center;width:64px;height:64px;background:white;border:1px solid #dce6ef;border-radius:50%;box-shadow:0 10px 30px #27516b0b;font-size:13px;font-weight:600;letter-spacing:.04em;transform:rotate(16deg);z-index:1}.orbit-label{position:absolute;transform:rotate(16deg);padding:7px 11px;background:#f6f9fc;border:1px solid #dde7ef;border-radius:7px;font-style:normal;font-size:9px;color:#6f889e}.orbit-label-one{top:-10px;left:88px}.orbit-label-two{bottom:8px;left:-14px}.orbit-label-three{bottom:38px;right:-26px}.journey-steps{position:relative;padding-top:13px;isolation:isolate}.journey-steps:before,.journey-steps:after{content:"";position:absolute;top:34px;bottom:74px;left:20px;width:1px;background:#d3e0eb;z-index:-1}.journey-steps:after{bottom:auto;height:calc((100% - 108px)*var(--journey-progress));background:#4bb2ee;transition:height .15s linear}.journey-step{display:grid;grid-template-columns:42px 1fr;gap:25px;position:relative;padding:0 0 52px}.step-number{display:grid;place-items:center;width:41px;height:41px;border:1px solid #d6e3ef;border-radius:50%;background:#f6f9fc;font-size:10px;font-weight:600;color:#9aaaba;transition:background .35s,color .35s,border-color .35s,box-shadow .35s}.journey-step.active .step-number{background:var(--ink);border-color:var(--ink);color:white;box-shadow:0 0 0 6px #dcebf580}.step-number .icon{width:19px;height:19px}.step-kicker{font-size:8px;letter-spacing:.1em;color:#8a9eaf;display:block;margin-top:3px;margin-bottom:11px}.journey-step h3{font-size:27px;line-height:1.16;margin:0 0 14px;letter-spacing:-.04em;font-weight:600}.journey-step p{font-size:12px;line-height:1.8;margin-bottom:15px}.step-tag{display:inline-flex;align-items:center;gap:6px;color:#879bad;font-size:9px}.step-tag .icon{width:12px;height:12px;color:#6cabc7}.journey-ongoing{padding-bottom:0}.journey-ongoing .step-kicker{color:#159bd3}.specialty-row{display:flex;align-items:center;gap:35px;justify-content:space-between;border-top:1px solid var(--line);padding-top:39px;margin-top:82px}.specialty-row>span{font-size:11px;color:#8da0b3}.specialty-row>div{display:flex;gap:11px;flex-wrap:wrap}.specialty-row>div>span{font-size:10px;padding:8px 11px;border:1px solid #dce6ef;border-radius:7px;color:#6c8296;background:#ffffff66}

/* Knowledge, closing sections */
.knowledge-section{background:#fff;padding-bottom:55px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.knowledge-card{border:1px solid #e4eaf0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}.knowledge-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #20344a10}.knowledge-image{aspect-ratio:1.61;background:#e9f2f8;position:relative;overflow:hidden}.knowledge-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.knowledge-card:hover img{transform:scale(1.045)}.image-arrow{position:absolute;right:14px;bottom:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffffbd;backdrop-filter:blur(8px);color:#34576c}.image-arrow .icon{width:14px;height:14px}.knowledge-card-copy{padding:25px 23px 22px;display:flex;flex-direction:column;flex:1}.knowledge-card-copy .eyebrow{font-size:8px;margin-bottom:13px;color:#7d96a9}.knowledge-card h3{font-size:25px;font-weight:600;line-height:1.2;margin-bottom:12px;letter-spacing:-.04em}.knowledge-card p{font-size:11px;line-height:1.8;margin-bottom:24px}.knowledge-card .text-link{font-size:10px;margin-top:auto}.knowledge-card .text-link .icon{width:13px;height:13px}.book-banner{margin-top:39px;display:grid;grid-template-columns:170px 1fr auto;gap:35px;align-items:center;padding:21px 38px 21px 22px;background:#f5f2ec;border:1px solid #ece5db;border-radius:16px;overflow:hidden;position:relative}.book-art{position:relative;height:197px;display:grid;place-items:center;isolation:isolate}.book-art img{width:105px;max-height:170px;object-fit:contain;transform:rotate(-9deg);box-shadow:10px 16px 24px #59401e2d;z-index:2;transition:transform .5s}.book-banner:hover .book-art img{transform:rotate(-4deg) translateY(-5px)}.book-halo{position:absolute;width:165px;height:165px;background:#ece0ca;border-radius:50%;z-index:-1}.book-text .eyebrow{font-size:8px;color:#8e846d;margin-bottom:12px}.book-text h3{font-size:47px;font-weight:560;letter-spacing:-.05em;margin:0 0 13px;line-height:1}.book-text h3>span{color:#aaa086}.book-text p{font-size:12px;color:#938775;line-height:1.8;margin:0}.book-banner>.button{font-size:11px;background:#fffdf9;border-color:#e5dbcc}.social-row{display:flex;gap:35px;align-items:center;padding-top:34px}.social-row>span{font-size:11px;color:#93a0ac;margin-right:auto}.social-row>a{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#526b7e}.social-row .icon{width:13px;height:13px}.faq-section{padding-block:83px 96px}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:start}.faq-grid h2{font-size:42px;font-weight:600}.faq-grid .eyebrow{font-size:9px;margin-bottom:20px}.faqs{border-top:1px solid #dae4ed}.faqs details{border-bottom:1px solid #dae4ed}.faqs summary{display:flex;justify-content:space-between;gap:25px;align-items:center;list-style:none;cursor:pointer;padding:21px 0;font-size:12px;font-weight:550}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{font-size:22px;color:#879cac;font-weight:400;transition:transform .25s}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details>p{font-size:12px;line-height:1.85;margin:0 0 24px;padding-right:35px}.final-section{padding:0 0 84px}.final-card{position:relative;overflow:hidden;text-align:center;border-radius:24px;padding:73px 25px 61px;isolation:isolate;border:1px solid #cddfee;background:radial-gradient(ellipse at 78% 24%,#bee7ff8a,transparent 60%),linear-gradient(120deg,#e8f3fc,#e8f1fc 50%,#d4ebf9)}.final-card .eyebrow{font-size:9px;color:#6496b7;margin-bottom:26px}.final-card h2{font-size:clamp(46px,5.7vw,78px);font-weight:630;letter-spacing:-.055em;line-height:1.04;margin-bottom:24px}.final-card h2>span{color:#2194cf}.final-card>p{font-size:13px;line-height:1.8;color:#6a859b;margin-bottom:29px}.final-actions{display:flex;justify-content:center;align-items:center;gap:29px;flex-wrap:wrap;position:relative}.final-actions>.text-link{font-size:11px;color:#516f83}.final-actions>.text-link>.icon{width:14px;height:14px}.final-note{display:block;font-size:8px;letter-spacing:.02em;color:#7492a8;margin-top:25px}.final-orbit{position:absolute;width:940px;height:465px;border:1px solid #91c6e547;top:20px;right:-194px;transform:rotate(-30deg);border-radius:50%;z-index:-1}.final-orbit:before,.final-orbit:after{content:"";position:absolute;inset:-50px -80px;border:1px solid #91c6e52c;border-radius:50%}.final-orbit:after{inset:-100px -150px}.site-footer{padding-bottom:26px}.footer-top{display:flex;justify-content:space-between;gap:70px;padding:0 0 52px}.footer-top>.brand{font-size:21px}.footer-top p{font-size:11px;line-height:1.8;margin:19px 0 0;color:#8a9cab}.footer-links{display:flex;gap:96px;padding-right:55px}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links strong{font-size:10px;margin-bottom:5px;font-weight:650}.footer-links a{font-size:10px;color:#8899a9}.footer-links a:hover{color:var(--blue-dark)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;border-top:1px solid var(--line);font-size:9px;color:#8b9aa9}.footer-bottom>div{display:flex;align-items:center;gap:23px}.footer-bottom button{display:inline-flex;align-items:center;gap:6px;padding:5px 0;border:0;background:transparent;color:#8398aa;font-size:9px}.footer-bottom button>.icon{width:12px;height:12px}.footer-bottom a:last-child{font-size:19px;line-height:1}

/* Motion is progressive enhancement; every state has a readable fallback. */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.65,.2,1)}.js .reveal.is-visible{opacity:1;transform:none}.paused-motion *, .paused-motion *:before,.paused-motion *:after{animation:none!important;transition-duration:.01ms!important}.paused-motion .reveal{opacity:1!important;transform:none!important}.paused-motion{scroll-behavior:auto}.paused-motion .notebook{transform:rotateY(-4deg) rotateZ(-1deg)}.paused-motion .notebook-lid{transform:rotateX(-5deg)}.paused-motion .hero-line{stroke-dashoffset:0}.offscreen .aura,.offscreen .floating-tool{animation-play-state:paused}.preview-unavailable{opacity:.65;cursor:default}.preview-unavailable:hover{transform:none}.tool-empty{grid-column:1/-1;font-size:13px;padding:30px;background:white;border-radius:12px}.error-note{color:#6d7e8f}
@keyframes riseIn{from{opacity:0;transform:translateY(21px)}to{opacity:1;transform:translateY(0)}}
@keyframes openNotebook{0%{transform:rotateX(-76deg);filter:brightness(.78)}100%{transform:rotateX(var(--lid-angle));filter:brightness(1)}}
@keyframes floatUp{from{opacity:0;translate:0 35px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@keyframes floatGentle{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes drawChart{from{stroke-dashoffset:380}to{stroke-dashoffset:0}}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-60px,35px) scale(1.17)}}
@keyframes scrollNudge{0%,60%,100%{transform:translateY(0)}75%{transform:translateY(4px)}}
@keyframes menuIn{from{opacity:0;transform:translateY(-7px) scale(.995)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes cardIn{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(min-width:1600px){.hero-inner{min-height:610px}.hero{padding-top:177px}.hero :is(h1,h2):where(#heroTitle){font-size:97px}.hero-stage{--device-scale:1.07}}
@media(max-width:1220px){.wrap{width:calc(100% - 80px)}.site-header{width:calc(100% - 42px)}.nav-bar{gap:13px;padding-inline:17px}.desktop-nav>a,.nav-trigger{font-size:11px;padding-inline:7px}.nav-actions{gap:14px}.brand{font-size:17px}.hero-stage{--device-scale:.87}.hero :is(h1,h2):where(#heroTitle){font-size:clamp(57px,6.6vw,80px)}.hero-lead{max-width:400px;font-size:15px}.hero-actions .button{padding-inline:15px;font-size:11px}.floating-home{left:-10px;top:213px}.floating-future{top:93px;right:-7px}.floating-money{right:0;bottom:91px}.hero-inner{grid-template-columns:1fr 1.03fr;gap:0}.floating-tool{padding:12px;gap:8px}.float-icon{width:32px;height:32px;border-radius:9px}.float-icon .icon{width:17px;height:17px}.floating-tool strong{font-size:9px}.floating-tool small{font-size:5.5px}.human-grid{gap:68px}.human-more{display:flex;width:max-content;margin:19px 0 0}.journey-grid{gap:75px}.mega-tools{grid-template-columns:.7fr 1.3fr 1fr;gap:17px}.mega-tool-list{padding-inline:11px}.mega-intro h2{font-size:27px}.mega-tool-link{padding:8px 5px;gap:7px}.mega-tool-link strong{font-size:10px}.mega-tool-link small{font-size:8px}.mega-preview h3{font-size:21px}.tool-grid{gap:13px}.tool-card-body{padding:20px}.tool-card h3{font-size:20px}.knowledge-card h3{font-size:23px}.human-facts{gap:25px}.book-banner{grid-template-columns:135px 1fr auto;gap:26px;padding-right:28px}.footer-links{padding-right:10px}}
@media(max-width:1000px){.brand{font-size:16px;gap:7px}.brand-mark{width:30px;height:30px;font-size:18px}.desktop-nav>a,.nav-trigger{font-size:10px;padding-inline:5px}.nav-actions{gap:12px}.nav-actions>.button{font-size:10px;min-height:39px;padding:10px}.nav-actions>.button .icon{width:14px;height:14px}.login-link{font-size:10px}.nav-bar{gap:15px;padding-inline:15px}.desktop-nav{gap:3px}.hero-stage{--device-scale:.76}.hero :is(h1,h2):where(#heroTitle){font-size:clamp(50px,6.6vw,66px)}.hero-eyebrow{font-size:7.4px;gap:8px}.hero-lead{font-size:14px;line-height:1.85}.hero-actions{gap:8px}.hero-actions .button{font-size:10px;padding:12px;gap:8px;min-height:48px}.hero-actions .button .icon{width:15px;height:15px}.hero-stage{height:485px}.hero-inner{min-height:485px}.hero{min-height:735px;padding-top:150px}.creator-link>span>span{font-size:8px}.creator-link strong{font-size:10px}.creator-link{gap:9px}.floating-home{left:-14px;top:216px}.floating-future{top:82px;right:-7px}.floating-money{bottom:67px;right:-5px}.floating-tool{padding:10px;gap:7px;border-radius:10px}.float-icon{width:27px;height:27px;border-radius:8px}.float-icon .icon{width:15px;height:15px}.floating-tool small{font-size:5px;letter-spacing:.07em}.floating-tool strong{font-size:8px}.float-arrow{display:none}.stage-caption{bottom:14px;font-size:6px}.hero-bottom{margin-top:21px;font-size:9px}.section-space{padding-block:85px}.intro-strip{gap:28px;grid-template-columns:.65fr 1.35fr 1fr;padding-block:50px}.intro-strip>p{font-size:29px}.intro-strip>div{font-size:11px}.intro-label{font-size:8px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{grid-column:auto}.tool-card.featured{grid-column:auto}.tool-card.featured .tool-card-art{height:142px}.tool-card.featured h3{font-size:20px}.tool-card-body{padding:19px}.live-demo{grid-template-columns:.83fr 1.2fr}.demo-controls{padding:29px 23px}.demo-controls h3{font-size:27px}.demo-visual{padding:28px 22px}.range-field label{font-size:9px}.range-field label>output{font-size:11px}.example-badge{font-size:7px;padding:5px 7px}.demo-result-top strong{font-size:44px}.demo-breakdown{gap:30px}.demo-breakdown>div>span{font-size:8px}.demo-breakdown strong{font-size:20px}.human-grid{gap:42px}.human-copy h2{font-size:40px}.human-copy>p{font-size:12px}.human-copy .eyebrow{font-size:8px}.human-facts{gap:22px;margin-block:22px}.human-facts strong{font-size:17px}.human-facts span{font-size:8px}.human-copy .button{font-size:11px;padding-inline:15px}.photo-label>strong{font-size:36px}.photo-label{left:25px;bottom:25px}.photo-caption{left:20px;top:20px;font-size:6px;padding:8px}.journey-grid{gap:47px;grid-template-columns:1fr 1.15fr}.journey-intro h2{font-size:40px}.journey-intro>.eyebrow{font-size:7.5px}.journey-step h3{font-size:23px}.journey-step{gap:19px}.journey-step p{font-size:11px}.journey-intro>p{font-size:12px}.journey-intro>.button{font-size:11px}.journey-orbit{scale:.85;transform-origin:left center;margin-top:32px}.specialty-row{gap:24px}.specialty-row>div{gap:7px}.specialty-row>div>span{font-size:8px}.specialty-row>span{font-size:10px}.knowledge-grid{gap:16px}.knowledge-card-copy{padding:21px 18px}.knowledge-card h3{font-size:21px}.book-banner{grid-template-columns:110px 1fr auto;gap:25px;padding:20px}.book-art{height:180px}.book-art img{width:90px}.book-halo{width:140px;height:140px}.book-text h3{font-size:40px}.book-text p{font-size:10px}.book-text .eyebrow{font-size:7px}.book-banner>.button{font-size:10px;padding-inline:14px;gap:8px}.faq-grid{gap:55px}.faq-grid h2{font-size:36px}.faqs summary{font-size:11px}.faqs details>p{font-size:11px}.mega-panel{padding:22px}.mega-tools{grid-template-columns:.65fr 1.3fr .9fr;gap:15px}.mega-intro h2{font-size:25px}.mega-intro p{font-size:10px}.mega-intro .eyebrow{font-size:7px}.mega-intro .text-link{font-size:10px}.mega-tool-link .small-icon{width:26px;height:26px}.mega-tool-link .small-icon .icon{width:14px;height:14px}.mega-preview{padding:13px}.mega-preview h3{font-size:19px}.mega-preview p{font-size:10px}.mega-tool-link strong{font-size:9px}.menu-story h3{font-size:20px}.menu-story p{font-size:11px}.mega-plan,.mega-knowledge{gap:18px}.menu-book{gap:15px}.menu-book>img{width:75px}}

@media(max-width:860px){.wrap{width:calc(100% - 48px)}.site-header{top:12px;width:calc(100% - 28px)}.nav-bar{height:62px;padding-inline:16px;gap:16px}.brand{font-size:18px;gap:9px}.brand-mark{width:31px;height:31px}.desktop-nav,.login-link{display:none}.nav-actions{margin-left:auto}.nav-actions>.button{font-size:11px;padding-inline:15px;min-height:39px}.nav-actions>.button .icon{width:15px;height:15px}.mobile-toggle{display:grid;place-items:center;padding:6px;margin-right:-2px}.mobile-toggle .icon{width:21px;height:21px}.mega-panel{display:none!important}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;padding:19px 23px 25px;background:#fff;border:1px solid #dce5ed;border-radius:14px;box-shadow:0 20px 50px #132b4926;max-height:calc(100dvh - 106px);overflow:auto;animation:menuIn .2s both}.mobile-nav>a:not(.button){display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;font-size:15px;font-weight:550;border-bottom:1px solid #e8eef4}.mobile-nav>a>span{font-size:9px;color:#9dabb9}.mobile-nav>a>.icon{width:16px;height:16px}.mobile-nav>.button{margin-top:21px}.hero{padding-top:133px;min-height:0}.hero-inner{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{text-align:center;padding:0;max-width:650px;margin-inline:auto}.hero-eyebrow{font-size:9px;margin-bottom:23px}.hero :is(h1,h2):where(#heroTitle){font-size:76px;line-height:1.02;margin-bottom:23px}.hero-lead{font-size:15px;max-width:450px;margin-inline:auto;margin-bottom:25px}.hero-actions{justify-content:center}.hero-actions .button{font-size:12px;padding:14px 19px;min-height:51px;gap:12px}.creator-link{margin-top:26px;text-align:left;gap:12px}.creator-link strong{font-size:11px}.creator-link>span>span{font-size:9px}.hero-stage{height:470px;width:min(630px,100%);margin:13px auto 0;--device-scale:.95}.floating-tool{padding:13px;gap:10px}.floating-tool small{font-size:6px}.floating-tool strong{font-size:10px}.float-icon{width:35px;height:35px}.float-icon .icon{width:20px;height:20px}.floating-future{top:36px;right:0}.floating-home{left:0;top:155px}.floating-money{right:10px;bottom:56px}.float-arrow{display:block}.stage-caption{font-size:7px;bottom:9px}.stage-floor{bottom:65px;left:10%;right:4%}.hero-bottom{margin-top:5px}.hero-atmosphere .aura-one{top:500px;right:0}.orbital{top:430px;right:-160px}.orbital-two{top:370px;right:-200px}.intro-strip{grid-template-columns:1fr 1fr;gap:22px;padding-block:48px}.intro-label{grid-column:1/-1;font-size:8px}.intro-strip>p{font-size:33px}.intro-strip>div{font-size:12px}.section-space{padding-block:78px}.section-heading>p{font-size:12px;max-width:260px}.section-heading h2{font-size:42px}.section-heading .eyebrow{font-size:9px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-card.featured{grid-column:auto}.tool-card h3,.tool-card.featured h3{font-size:23px}.tool-card.featured .tool-card-art,.tool-card .tool-card-art{height:165px}.tool-card-body p{font-size:12px}.tool-filter{gap:4px}.tool-filter button{padding:9px 11px;font-size:10px}.tool-filter button>.icon{width:13px;height:13px}.live-demo{grid-template-columns:.9fr 1.15fr}.demo-controls{padding:25px 21px}.demo-controls h3{font-size:24px}.demo-visual{padding:27px 20px}.demo-result-top{flex-direction:column;gap:12px}.demo-result-top strong{font-size:46px}.example-badge{display:none}.demo-overline{font-size:7px}.demo-result-sub{font-size:8px}.demo-chart-wrap{margin-top:32px}.demo-breakdown{gap:20px;padding-top:22px}.demo-breakdown>div>span{font-size:7px;gap:5px}.demo-breakdown strong{font-size:19px}.demo-disclaimer{font-size:9px}.human-grid{gap:35px;grid-template-columns:.9fr 1fr}.human-copy h2{font-size:37px}.human-copy>p{font-size:11px;line-height:1.8}.human-copy .eyebrow{font-size:7px;gap:6px}.human-copy .section-index{padding-right:7px;margin-right:0}.human-facts{margin:20px 0;padding:17px 0;gap:19px}.human-facts strong{font-size:16px}.human-copy .button{font-size:10px;min-height:48px;padding:12px;gap:8px}.human-copy .button .icon{width:15px;height:15px}.human-more{font-size:10px;margin-top:15px}.human-photo{aspect-ratio:.68}.photo-label>strong{font-size:32px}.photo-label>span{font-size:6px}.photo-caption{left:15px;top:15px;font-size:5px}.journey-grid{gap:35px}.journey-intro h2{font-size:36px}.journey-intro>.eyebrow{font-size:6.5px;gap:6px}.journey-intro>.eyebrow .section-index{padding-right:7px}.journey-intro>p{font-size:11px}.journey-intro>.button{font-size:10px;padding-inline:13px;gap:9px}.journey-intro>.button .icon{width:15px;height:15px}.journey-step{gap:15px}.journey-step h3{font-size:22px}.journey-step p{font-size:11px}.step-kicker{font-size:7px}.step-tag{font-size:8px}.specialty-row{display:block;margin-top:50px}.specialty-row>div{margin-top:14px}.specialty-row>div>span{font-size:9px}.knowledge-grid{gap:14px}.knowledge-card h3{font-size:20px}.knowledge-card-copy{padding:19px 15px}.knowledge-card p{font-size:10px}.knowledge-card-copy .eyebrow{font-size:6.5px}.knowledge-card .text-link{font-size:9px}.book-banner{gap:22px;grid-template-columns:90px 1fr auto;padding:20px}.book-art{height:156px}.book-art img{width:84px}.book-halo{width:130px;height:130px}.book-text h3{font-size:35px}.book-text .eyebrow{font-size:6.5px}.book-text p{font-size:9px}.book-banner>.button{font-size:9px;padding:12px 11px;min-height:43px}.book-banner>.button>.icon{width:14px;height:14px}.social-row{gap:25px}.social-row>span{font-size:10px}.social-row>a{font-size:10px}.faq-grid{gap:35px;grid-template-columns:.9fr 1.2fr}.faq-grid h2{font-size:33px}.faqs summary{font-size:11px}.footer-links{gap:56px}.footer-bottom>div{gap:17px}.footer-bottom{font-size:8px}.footer-bottom button{font-size:8px}}

@media(max-width:600px){html{scroll-padding-top:98px}.wrap{width:calc(100% - 38px)}.site-header{width:calc(100% - 22px);top:10px}.nav-bar{height:58px;border-radius:12px;padding:0 13px;gap:9px}.brand{font-size:16px;gap:8px}.brand-mark{width:29px;height:29px;border-radius:8px;font-size:17px}.nav-actions>.button{font-size:9px;min-height:34px;padding:8px 10px;gap:4px;border-radius:7px}.nav-actions>.button .icon{width:12px;height:12px}.mobile-toggle{padding:5px;margin:0 -3px 0 0}.mobile-toggle .icon{width:20px;height:20px}.hero{padding-top:117px}.hero-eyebrow{font-size:7px;letter-spacing:.12em;gap:8px;margin-bottom:22px}.hero :is(h1,h2):where(#heroTitle){font-size:clamp(47px,12.5vw,70px);line-height:1.03;letter-spacing:-.062em;margin-bottom:22px}.hero-lead{font-size:13px;line-height:1.8;max-width:325px;margin-bottom:24px}.hero-actions{gap:8px}.hero-actions .button{min-height:46px;padding:12px 13px;font-size:10px;gap:7px;border-radius:9px}.hero-actions .button .icon{width:15px;height:15px}.creator-link{margin-top:24px;gap:10px}.creator-link>img{width:36px;height:36px;border-width:2px}.creator-link strong{font-size:9px}.creator-link>span>span{font-size:7px}.creator-link>.icon{width:13px;height:13px;margin-left:0}.hero-stage{--device-scale:.61;height:331px;margin-top:16px;width:100%}.notebook-wrap{left:50%;top:50%}.stage-ring{width:420px;height:275px}.stage-ring.ring-two{width:485px;height:340px}.stage-floor{bottom:45px;left:4%;right:2%;height:26px;filter:blur(13px)}.floating-tool{padding:10px 11px;gap:8px;border-radius:10px}.float-icon{width:29px;height:29px;border-radius:8px}.float-icon>.icon{width:16px;height:16px}.floating-tool strong{font-size:8px}.floating-tool small{font-size:4.5px;letter-spacing:.09em;margin-bottom:4px}.floating-home{left:-3px;top:138px}.floating-future{right:2px;top:16px}.floating-money{right:0;bottom:28px}.float-arrow{display:none}.stage-caption{font-size:5.3px;bottom:-4px;gap:8px;letter-spacing:.1em}.tiny-line{width:15px}.hero-bottom{display:flex;justify-content:center;padding-top:26px;margin-top:15px;font-size:7.5px}.hero-bottom>div{gap:8px}.divider-dot{margin:0 3px}.hero-bottom .scroll-cue{display:none}.hero-bottom .blue-dot{width:4px;height:4px}.hero-atmosphere .aura-one{top:340px;width:440px;height:580px;right:-100px}.orbital{top:380px;width:700px;height:480px;right:-260px}.orbital-two{top:340px;right:-300px;width:800px;height:530px}.intro-strip{grid-template-columns:1fr;padding-block:42px;gap:21px}.intro-label{font-size:7px;letter-spacing:.15em}.intro-strip>p{font-size:36px;line-height:1.12}.intro-strip>div{font-size:12px;max-width:325px;line-height:1.8}.section-space{padding-block:61px}.eyebrow{font-size:8px;margin-bottom:20px}.section-index{padding-right:10px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:38px;letter-spacing:-.05em}.section-heading>p{font-size:12px;max-width:310px;margin-top:18px}.section-heading>.text-link{font-size:11px;margin:20px 0 0}.section-heading .eyebrow{font-size:8px}.tool-filter{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:28px 0 23px}.tool-filter button{justify-content:flex-start;font-size:9px;padding:10px 8px;gap:7px;min-height:37px}.tool-filter button>.icon{width:13px;height:13px}.tool-filter button:first-child{gap:8px}.tool-grid{gap:13px}.tool-card .tool-card-art,.tool-card.featured .tool-card-art{height:111px;margin:7px 7px 0;border-radius:8px}.tool-card{border-radius:13px}.tool-card .preview-art{width:89%}.tool-card-body{padding:16px 13px 13px}.tool-card h3,.tool-card.featured h3{font-size:19px;line-height:1.16;margin-bottom:9px;overflow-wrap:anywhere}.tool-card-category{font-size:6px;letter-spacing:.1em;margin-bottom:8px}.tool-card-body p{font-size:10px;line-height:1.65;margin-bottom:18px}.tool-card-bottom{font-size:8px;gap:5px}.card-open-icon{width:24px;height:24px;flex-shrink:0}.card-open-icon .icon{width:13px;height:13px}.tool-card-art>.card-corner-icon{width:20px;height:20px;border-radius:6px;top:7px;left:7px}.card-corner-icon>.icon{width:11px;height:11px}.tool-note{font-size:8px;line-height:1.7;align-items:flex-start;gap:6px}.tool-note>.icon{margin-top:2px;width:11px;height:11px}.live-demo{grid-template-columns:1fr;border-radius:15px}.demo-controls{border-right:0;border-bottom:1px solid #ffffff14;padding:27px 23px}.demo-controls h3{font-size:29px;margin-bottom:25px}.demo-label{font-size:7px;margin-bottom:20px}.range-field{margin-top:23px}.range-field label{font-size:11px}.range-field label>output{font-size:14px}.range-field input{margin-top:21px}.range-ends{font-size:9px}.demo-controls>.text-link{font-size:11px;margin-top:27px}.demo-visual{padding:28px 21px}.demo-result-top{flex-direction:row;gap:14px}.demo-result-top strong{font-size:46px}.demo-overline{font-size:7px;letter-spacing:.13em}.demo-result-sub{font-size:8px}.example-badge{display:block;font-size:7px;padding:5px 7px}.demo-chart-wrap{margin:24px -8px 15px}.demo-breakdown{gap:35px;padding-top:21px}.demo-breakdown>div>span{font-size:9px}.demo-breakdown strong{font-size:22px}.demo-disclaimer{font-size:8px;margin-top:17px;line-height:1.85}.demo-section .section-heading{margin-bottom:27px}.human-grid{grid-template-columns:1fr;gap:39px}.human-photo{aspect-ratio:.92;max-height:560px}.human-photo img{object-position:center 19%}.photo-caption{font-size:6px;left:20px;top:20px;padding:8px 9px}.photo-label{left:25px;bottom:25px;gap:11px}.photo-label>strong{font-size:40px}.photo-label>span{font-size:7px}.human-copy .eyebrow{font-size:8px;gap:9px}.human-copy h2{font-size:40px;line-height:1.08;max-width:360px}.human-copy>p{font-size:13px;line-height:1.8}.human-facts{gap:43px;padding-block:21px;margin-block:27px}.human-facts strong{font-size:21px}.human-facts span{font-size:9px}.human-copy .button{font-size:12px;min-height:50px;padding:13px 18px;gap:16px}.human-more{display:inline-flex;font-size:10px;margin:20px 0 0 21px}.journey-grid{grid-template-columns:1fr;gap:44px}.journey-intro{position:static}.journey-intro h2{font-size:41px;line-height:1.1}.journey-intro>.eyebrow{font-size:7.5px;gap:9px}.journey-intro>p{font-size:13px;line-height:1.8;max-width:330px;margin-block:22px}.journey-intro>.button{font-size:12px;padding:14px 17px;gap:13px;min-height:50px}.journey-fine{font-size:9px;margin-top:12px}.journey-orbit{display:none}.journey-steps{padding-top:0}.journey-step{grid-template-columns:37px 1fr;gap:20px;padding-bottom:34px}.step-number{width:37px;height:37px;font-size:10px}.journey-steps:before,.journey-steps:after{left:18px;top:20px;bottom:70px}.journey-steps:after{bottom:auto;height:calc((100% - 90px)*var(--journey-progress))}.journey-step h3{font-size:26px;line-height:1.15;margin-bottom:14px}.step-kicker{font-size:7px;margin:0 0 10px}.journey-step p{font-size:12px;line-height:1.85;margin-bottom:15px}.step-tag{font-size:8px}.journey-ongoing{padding-bottom:0}.specialty-row{margin-top:39px;padding-top:27px}.specialty-row>span{font-size:11px}.specialty-row>div{gap:7px;margin-top:16px}.specialty-row>div>span{font-size:9px;padding:7px 9px}.knowledge-grid{grid-template-columns:1fr;gap:23px}.knowledge-image{aspect-ratio:1.85}.knowledge-card-copy{padding:23px}.knowledge-card-copy .eyebrow{font-size:8px}.knowledge-card h3{font-size:28px}.knowledge-card p{font-size:12px;margin-bottom:20px}.knowledge-card .text-link{font-size:11px}.knowledge-card .text-link .icon{width:14px;height:14px}.book-banner{grid-template-columns:94px 1fr;gap:16px;padding:22px 19px;margin-top:28px;border-radius:14px}.book-art{height:153px}.book-art img{width:89px}.book-halo{width:120px;height:120px}.book-text .eyebrow{font-size:6px;line-height:1.6;margin-bottom:11px}.book-text h3{font-size:35px}.book-text p{font-size:10px;line-height:1.7}.book-banner>.button{grid-column:1/-1;font-size:11px;min-height:44px;width:100%;gap:14px}.social-row{flex-wrap:wrap;gap:24px;padding-top:29px}.social-row>span{width:100%;font-size:11px}.social-row>a{font-size:11px}.faq-grid{grid-template-columns:1fr;gap:20px}.faq-grid h2{font-size:37px}.faq-grid .eyebrow{font-size:8px}.faqs summary{font-size:12px;padding-block:20px;gap:18px}.faqs details>p{font-size:12px;padding-right:15px}.final-section{padding-bottom:58px}.final-card{padding:51px 16px 44px;border-radius:17px}.final-card .eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:22px}.final-card h2{font-size:clamp(34px,9vw,46px);line-height:1.09;margin-bottom:23px}.final-card>p{font-size:12px;margin-bottom:28px}.final-actions{gap:23px;flex-direction:column}.final-actions>.button{font-size:12px;min-height:49px;padding:13px 21px;gap:22px}.final-actions>.text-link{font-size:10px}.final-note{font-size:7px;margin-top:26px}.final-orbit{width:660px;top:64px;right:-241px;opacity:.8}.footer-top{display:flex;flex-direction:column;gap:35px;padding-bottom:31px}.footer-top .brand{font-size:20px;gap:10px}.footer-top .brand-mark{width:34px;height:34px;font-size:19px}.footer-top p{font-size:11px;margin-top:19px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0}.footer-links strong{font-size:11px;margin-bottom:8px}.footer-links a{font-size:11px}.footer-links>div{gap:12px}.footer-bottom{flex-direction:column;gap:17px;align-items:flex-start;padding-top:25px;font-size:8px}.footer-bottom>div{gap:20px;width:100%}.footer-bottom button{font-size:8px;margin-right:auto}.footer-bottom button>.icon{width:11px;height:11px}.footer-bottom a:last-child{font-size:18px}.site-footer{padding-bottom:23px}.js .reveal{transform:translateY(18px)}}
@media(max-width:380px){.wrap{width:calc(100% - 30px)}.brand{font-size:14px;gap:6px}.brand-mark{width:27px;height:27px}.nav-actions>.button{font-size:8px;padding-inline:8px}.nav-actions>.button .icon{display:none}.nav-bar{gap:8px;padding-inline:11px}.hero-stage{--device-scale:.54;height:303px}.floating-home{top:123px}.floating-future{top:10px}.floating-money{bottom:29px}.floating-tool{padding:9px;gap:6px}.floating-tool strong{font-size:7.5px}.float-icon{width:26px;height:26px}.hero :is(h1,h2):where(#heroTitle){font-size:46px}.hero-eyebrow{font-size:6.2px}.hero-lead{font-size:12px;max-width:292px}.hero-actions .button{font-size:9px;padding-inline:11px}.tool-filter button{font-size:8.2px;padding-inline:6px;gap:5px}.tool-card h3,.tool-card.featured h3{font-size:17px}.tool-card-body{padding:15px 11px 12px}.tool-card-body p{font-size:9px}.tool-card-bottom{font-size:7px}.tool-card .tool-card-art,.tool-card.featured .tool-card-art{height:99px}.hero-bottom{font-size:6.8px}.demo-visual{padding-inline:17px}.demo-breakdown{gap:26px}.demo-breakdown>div>span{font-size:8px}.demo-result-top strong{font-size:42px}.example-badge{display:none}.human-more{display:flex;margin-left:0}.book-banner{grid-template-columns:83px 1fr;gap:13px}.book-text h3{font-size:30px}.book-text p{font-size:9px}.book-art img{width:79px}.footer-bottom>div{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.notebook{transform:rotateY(-4deg) rotateZ(-1deg)!important}.notebook-lid{transform:rotateX(-5deg)}.hero-line{stroke-dashoffset:0}.floating-tool{translate:0 0;opacity:1}}
@media print{.site-header,.reading-progress,.nav-scrim,.hero-stage,.tool-filter,.motion-toggle,.footer-bottom button{display:none!important}.wrap{width:100%}.section-space{padding:30px 0}.hero{padding:0;min-height:0}.hero-inner,.human-grid,.journey-grid,.faq-grid{display:block}.hero :is(h1,h2):where(#heroTitle){font-size:50px}.hero-bottom{margin:0}.hero-atmosphere{display:none}.reveal{opacity:1!important;transform:none!important}.human-photo{height:250px;width:220px;float:left;margin:0 25px 20px 0}.demo-section{print-color-adjust:exact;-webkit-print-color-adjust:exact}.journey-intro{position:static}.knowledge-card,.tool-card,.journey-step{break-inside:avoid}a{color:inherit}.final-section{padding-bottom:20px}}

/* energy.css */
/* Abrahamson.tools / energy atmosphere. Decorative, isolated from page layout. */
.energy-field {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  contain: strict;
  pointer-events: none;
  user-select: none;
  --energy-origin-x: var(--energy-center-x, 50%);
  --energy-origin-y: var(--energy-center-y, 64%);
  --energy-pointer-x: 0px;
  --energy-pointer-y: 0px;
  background:
    radial-gradient(ellipse at 52% 62%, #122c60 0%, #0a1532 42%, #060c1d 77%),
    #060c1d;
}

.energy-field::before {
  content: "";
  position: absolute;
  inset: 0 -15% -5%;
  background:
    radial-gradient(ellipse at 79% 55%, #8957ff69 0%, #703dff32 15%, transparent 43%),
    radial-gradient(ellipse at 19% 63%, #00adff5c 0%, #1488fd24 19%, transparent 45%),
    radial-gradient(ellipse at 53% 96%, #3067fd52 0%, transparent 43%);
  opacity: .83;
  transform: translate3d(-1%, 0, 0) scale(1.02);
  animation: energy-aurora 10.8s ease-in-out infinite alternate;
  will-change: transform, opacity;
}

.energy-field::after {
  content: "";
  position: absolute;
  left: -35%;
  right: -35%;
  top: 67%;
  bottom: -42%;
  transform: perspective(580px) rotateX(59deg);
  transform-origin: center top;
  background-image:
    linear-gradient(#79bdff21 1px, transparent 1px),
    linear-gradient(90deg, #79bdff1a 1px, transparent 1px);
  background-size: 86px 64px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 15%, #000 0%, #0009 26%, transparent 63%);
  mask-image: radial-gradient(ellipse at 50% 15%, #000 0%, #0009 26%, transparent 63%);
  opacity: .65;
}

#energyCanvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

.energy-core {
  position: absolute;
  z-index: 1;
  left: var(--energy-origin-x);
  top: var(--energy-origin-y);
  width: clamp(760px, 100vw, 1480px);
  height: clamp(540px, 66vw, 900px);
  translate: calc(-50% + var(--energy-pointer-x)) calc(-50% + var(--energy-pointer-y));
  transform: scale(.9);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 49% 48%, #69e7ff6b 0%, #2fbbff61 12%, #196cff47 30%, #5b3cff2e 46%, transparent 69%);
  opacity: .7;
  filter: blur(18px);
  mix-blend-mode: screen;
  will-change: transform, opacity;
  animation: energy-breathe 6.4s ease-in-out infinite;
}

.energy-core::after {
  content: "";
  position: absolute;
  inset: 16% 5%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, #80cfff00 21%, #77dcff21 39%, #219cff2b 47%, transparent 70%);
  transform: rotate(-15deg) scaleY(.57);
}

.energy-ring {
  position: absolute;
  z-index: 1;
  left: var(--energy-origin-x);
  top: var(--energy-origin-y);
  width: clamp(750px, 87vw, 1380px);
  height: clamp(260px, 29vw, 450px);
  border: 1px solid #77d8ff9c;
  border-radius: 50%;
  translate: -50% -50%;
  transform: rotate(-15deg) scale(.76);
  box-shadow: 0 0 22px #35bbff2d, inset 0 0 26px #458dff24;
  opacity: 0;
  will-change: transform, opacity;
  animation: energy-ripple 6.4s cubic-bezier(.16, .4, .35, 1) infinite;
}

.energy-ring-two {
  border-color: #b591ff9c;
  box-shadow: 0 0 22px #a06bff2d, inset 0 0 26px #8c57ff24;
  animation-delay: -3.2s;
}

.energy-grain {
  position: absolute;
  inset: 0;
  z-index: 3;
  opacity: .038;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mix-blend-mode: screen;
}

.energy-is-paused.energy-field::before,
.energy-is-dormant.energy-field::before,
.energy-is-paused .energy-core,
.energy-is-paused .energy-ring,
.energy-is-dormant .energy-core,
.energy-is-dormant .energy-ring {
  animation-play-state: paused;
}

@keyframes energy-breathe {
  0%, 100% { opacity: .55; transform: scale(.86); }
  46%, 54% { opacity: .98; transform: scale(1.09); }
}

@keyframes energy-ripple {
  0% { opacity: 0; transform: rotate(-15deg) scale(.64); }
  19% { opacity: .5; }
  46% { opacity: .29; }
  100% { opacity: 0; transform: rotate(-15deg) scale(1.57); }
}

@keyframes energy-aurora {
  0% { opacity: .66; transform: translate3d(-1.8%, -.4%, 0) scale(1.02); }
  100% { opacity: 1; transform: translate3d(2.3%, 1%, 0) scale(1.09); }
}

@media (max-width: 700px) {
  .energy-field { --energy-origin-y: var(--energy-center-y, 68%); }
  .energy-field::before { inset: 7% -70% -8%; }
  .energy-field::after { background-size: 52px 44px; opacity: .48; }
  .energy-core { width: 650px; height: 570px; filter: none; mix-blend-mode: normal; }
  .energy-ring { width: 810px; height: 315px; }
  .energy-grain { display: none; }
}

/* The mobile atmosphere pulses on compositor-friendly CSS layers. It does not
   need a full-screen canvas repaint on every animation frame. */
@media (max-width: 760px) {
  #energyCanvas { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .energy-field::before,
  .energy-core,
  .energy-ring { animation: none; will-change: auto; }
  .energy-core { opacity: .72; transform: scale(1); }
  .energy-ring { opacity: .2; transform: rotate(-15deg) scale(1); }
  .energy-ring-two { opacity: .12; transform: rotate(-15deg) scale(1.29); }
}

@media print {
  .energy-field { display: none; }
}

/* showcase.css */
.cinema-section{position:relative;min-height:220svh;background:#071324;color:#f5f8fc;isolation:isolate;border-block:1px solid #456a873d;overflow:clip}
.cinema-sticky{position:sticky;top:88px;min-height:570px;height:calc(100svh - 100px);display:grid;grid-template-rows:auto auto minmax(180px,1fr) auto;gap:16px;padding:30px max(30px,calc((100vw - 1260px)/2)) 28px;isolation:isolate}
.cinema-aura{position:absolute;width:min(1100px,110vw);aspect-ratio:1.4;left:50%;top:20%;transform:translateX(-50%);background:radial-gradient(ellipse,#208cc55c,transparent 66%);pointer-events:none;z-index:-1;animation:cinema-breathe 7s ease-in-out infinite}
.cinema-heading{text-align:center;position:relative;z-index:4;pointer-events:none}
.cinema-eyebrow{font-size:9px;font-weight:650;letter-spacing:.2em;color:#7fdbff;display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}
.cinema-eyebrow i{width:6px;height:6px;background:#79dcff;border-radius:50%;box-shadow:0 0 17px #38b6ff}
.cinema-heading h2{font-size:clamp(34px,4.5vw,65px);font-weight:600;letter-spacing:-.06em;line-height:.99;margin:0 0 10px;color:#f5f8fc}
.cinema-heading h2 span{color:#85d5ff;background:linear-gradient(105deg,#a1e2ff 10%,#42b7ff 60%,#8495ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cinema-heading p{font-size:11px;color:#93a9be;margin:0;line-height:1.6}
.cinema-tabs{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:5px;justify-self:center;padding:5px;background:#0a1829c9;border:1px solid #7495b438;box-shadow:inset 0 1px 0 #ffffff07;border-radius:100px}
.cinema-tabs button{border:1px solid transparent;border-radius:30px;background:transparent;color:#91a8bd;padding:10px 19px;font-size:11px;font-weight:600;white-space:nowrap;transition:background .3s,border-color .3s,color .3s,box-shadow .3s}
.cinema-tabs button>span{font-size:9px;color:#58758e;margin-right:7px}
.cinema-tabs button:hover{color:white;background:#ffffff0a}.cinema-tabs button[aria-pressed=true]{color:#e5f6ff;border-color:#7bccff55;background:#28476480;box-shadow:0 0 28px #38b6ff12,inset 0 1px 0 #a7dfff20}.cinema-tabs button[aria-pressed=true]>span{color:#60c4ff}
.cinema-stage{position:relative;perspective:1600px;min-height:180px;isolation:isolate}
.cinema-grid{position:absolute;inset:0 -40vw -40%;background-image:linear-gradient(#67b0e421 1px,transparent 1px),linear-gradient(90deg,#67b0e421 1px,transparent 1px);background-size:62px 62px;transform:rotateX(76deg) translateY(24%);transform-origin:center 70%;mask-image:radial-gradient(ellipse,#000 5%,transparent 66%);pointer-events:none}
.cinema-horizon{position:absolute;bottom:-15%;left:-20%;right:-20%;height:25%;border-radius:50%;background:#008bff24;filter:blur(45px);pointer-events:none}
.cinema-window{position:absolute;left:50%;top:50%;width:48vw;max-width:840px;height:100%;max-height:540px;min-height:180px;border-radius:12px;border:1px solid #78cfff69;background:#0b1725;padding:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;box-shadow:0 30px 80px #0008,0 0 0 1px #030a15,inset 0 1px 0 #def5ff66;transform:translate(-50%,-50%);transform-style:preserve-3d;transition:transform .58s cubic-bezier(.22,.68,.18,1),opacity .5s,box-shadow .5s,filter .5s;will-change:transform;z-index:1;cursor:pointer}
.cinema-window[data-cinema-card=finanz]{transform:translate(-83%,-45%) translateZ(-160px) rotateY(22deg);opacity:.6}.cinema-window[data-cinema-card=vorsorge]{transform:translate(-17%,-45%) translateZ(-160px) rotateY(-22deg);opacity:.6}
.cinema-window.cinema-active{z-index:3;opacity:1;border-color:#8ddfffaf;box-shadow:0 35px 90px #000b,0 0 58px #38b6ff23,0 0 0 1px #77b9e340}
.cinema-window:focus-visible{outline:3px solid #b2eaff;outline-offset:7px}
.cinema-chrome{height:31px;min-height:31px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(#22384b,#192c3c);border-bottom:1px solid #8fceff20;color:#9db4c7;font-size:8px;letter-spacing:.035em}
.cinema-dots{display:flex;align-items:center;gap:5px}.cinema-dots i{width:5px;height:5px;border-radius:50%;background:#7798b0}.cinema-dots i:nth-child(1){background:#fa8179}.cinema-dots i:nth-child(2){background:#ebc268}.cinema-dots i:nth-child(3){background:#61cda5}.cinema-expand{font-size:14px;color:#b4dbf8}
.cinema-window img{display:block;width:100%;height:calc(100% - 31px);object-fit:cover;object-position:top;background:#e8edf4;flex:1;min-height:0}
.cinema-window-caption{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px 11px;background:linear-gradient(transparent,#071324ed);color:white;text-shadow:0 1px 5px #071324;font-size:10px;font-weight:600;opacity:0;transition:opacity .3s}.cinema-window:hover .cinema-window-caption,.cinema-window:focus-visible .cinema-window-caption{opacity:1}.cinema-window-caption>span{font-size:8px;color:#bfe8ff}
.cinema-footer{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px;background:linear-gradient(transparent,#071324 38%)}
.cinema-source{display:block;font-size:8px;letter-spacing:.1em;color:#91aabe;margin-bottom:5px}.cinema-detail strong{display:block;font-size:18px;font-weight:550;letter-spacing:-.025em;color:#eef8ff}.cinema-detail p{font-size:10px;color:#9bb0c4;margin:5px 0 0;line-height:1.5}
.cinema-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}.cinema-open,.cinema-zoom{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid #608aa650;min-height:43px;padding:11px 15px;border-radius:9px;font-size:10px;line-height:1.4;font-weight:650;white-space:nowrap;transition:transform .25s,background .25s}.cinema-zoom{background:#132a3e;color:#d5eafa}.cinema-open{background:#89d8ff;border-color:#89d8ff;color:#071324;text-decoration:none;box-shadow:0 0 30px #38b6ff20}.cinema-open:hover,.cinema-zoom:hover{transform:translateY(-2px);background:#b6e8ff;color:#071324}.cinema-open>span,.cinema-zoom>span{font-size:17px;font-weight:400}
.cinema-progress{position:absolute;bottom:0;height:1px;left:0;right:0;background:#56738e20;pointer-events:none}.cinema-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#38b6ff,#b8eeff);transform:scaleX(var(--cinema-progress,0));transform-origin:left;box-shadow:0 0 20px #38b6ff}
.cinema-dialog{border:1px solid #88c5ef66;background:#0b1725;color:#f5f8fc;padding:0;border-radius:16px;width:min(1200px,94vw);max-width:94vw;max-height:92svh;overflow:auto;box-shadow:0 40px 180px #000b}.cinema-dialog::backdrop{background:#020812e8;backdrop-filter:blur(13px)}
.cinema-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b1725f5;padding:18px 24px;border-bottom:1px solid #ffffff15;backdrop-filter:blur(10px)}.cinema-dialog-head h3{font-size:22px;margin:0;font-weight:550;letter-spacing:-.03em}.cinema-dialog-head button{color:#d5eafa;background:#172d42;border:1px solid #ffffff20;border-radius:50%;width:40px;height:40px;font-size:25px;line-height:1;flex-shrink:0}.cinema-dialog-head button:hover{background:#284764}.cinema-dialog-image img{width:100%;height:auto;max-height:calc(92svh - 175px);object-fit:contain;display:block}.cinema-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}.cinema-dialog-footer>span{font-size:11px;color:#a6bbce}
@keyframes cinema-breathe{0%,100%{transform:translateX(-50%) scale(.9);opacity:.55}50%{transform:translateX(-50%) scale(1.2);opacity:1}}
@media(min-width:1000px){.cinema-heading h2 br{display:none}.cinema-heading h2 span{margin-left:.18em}.cinema-heading h2{font-size:clamp(42px,4.15vw,60px)}}
@media(min-width:1000px) and (min-height:850px){.cinema-sticky{gap:23px;padding-top:42px;padding-bottom:35px}.cinema-heading h2{font-size:clamp(42px,4.15vw,60px)}.cinema-heading p{font-size:12px}.cinema-tabs button{padding:12px 22px}.cinema-detail strong{font-size:22px}.cinema-detail p{font-size:11px}}
@media(max-width:760px),(max-height:620px){.cinema-section{min-height:0}.cinema-sticky{position:relative;top:auto;height:auto;min-height:0;gap:22px;padding:66px 20px 42px}.cinema-heading h2{font-size:clamp(38px,8vw,58px);margin-bottom:18px}.cinema-heading p{max-width:330px;margin:auto;font-size:12px}.cinema-stage{aspect-ratio:1.45;height:auto;margin:8px 0;min-height:0;perspective:none}.cinema-window{width:100%;height:100%;min-height:0;border-radius:10px;transform:translate(-50%,-50%)!important;will-change:auto}.cinema-window:not(.cinema-active){display:none}.cinema-chrome{height:27px;min-height:27px;font-size:7px}.cinema-window img{height:calc(100% - 27px)}.cinema-window-caption{display:none}.cinema-tabs{gap:0;padding:4px;width:100%;max-width:410px}.cinema-tabs button{padding:10px 12px;flex:1;font-size:10px}.cinema-tabs button>span{margin-right:4px;font-size:8px}.cinema-grid{inset:-30px -10px -80px}.cinema-footer{display:block;text-align:center;padding-top:0;background:none}.cinema-detail strong{font-size:22px}.cinema-detail p{font-size:12px;max-width:340px;margin:8px auto 0}.cinema-source{font-size:8px;margin-bottom:8px}.cinema-actions{justify-content:center;margin-top:24px;gap:8px}.cinema-open,.cinema-zoom{font-size:10px;min-height:46px;padding:12px 14px;gap:12px}.cinema-progress{display:none}.cinema-dialog-head{padding:15px}.cinema-dialog-head h3{font-size:18px}.cinema-dialog-footer{padding:16px;align-items:flex-start}.cinema-dialog-footer>span{font-size:10px;max-width:180px}.cinema-dialog-image{overflow:auto}.cinema-dialog-image img{width:max(100%,700px);max-width:none;max-height:none}.cinema-aura{width:150%;top:25%}}
@media(prefers-reduced-motion:reduce){.cinema-section{min-height:0}.cinema-sticky{position:relative;top:auto;height:auto;min-height:0;padding-block:65px;grid-template-rows:auto auto minmax(300px,45vw) auto}.cinema-window{transition:none;will-change:auto}.cinema-aura{animation:none;opacity:.7}.cinema-progress{display:none}}
html.paused-motion .cinema-section{min-height:0}html.paused-motion .cinema-sticky{position:relative;top:auto;height:auto;min-height:0;padding-block:65px;grid-template-rows:auto auto minmax(300px,45vw) auto}html.paused-motion .cinema-window{transition:none;will-change:auto}html.paused-motion .cinema-aura{animation:none;opacity:.7}html.paused-motion .cinema-progress{display:none}
@media(max-width:760px),(max-height:620px){html.paused-motion .cinema-sticky{grid-template-rows:auto auto auto auto}.cinema-sticky{--cinema-mobile:1}}@media(max-width:760px) and (prefers-reduced-motion:reduce),(max-height:620px) and (prefers-reduced-motion:reduce){.cinema-sticky{grid-template-rows:auto auto auto auto}}


.cinema-dormant .cinema-aura { animation-play-state:paused; }

/* impact.css */
/* A bolder second direction. Product images are original public tool captures. */
.impact .hero{background:#070e21;color:#f8fbff;padding:127px 0 0;min-height:unset;--energy-center-y:67%;--device-scale:1;--lid-angle:-5deg}
.impact .hero-inner{display:flex;flex-direction:column;gap:0;width:min(1360px,calc(100% - 60px))}
.impact .hero-copy{text-align:center;padding:0;width:100%}
.impact .hero-eyebrow{font-size:10px;letter-spacing:.2em;color:#a9cce7;margin-bottom:22px}
.impact .hero-eyebrow .status-dot{background:#77e5ff;box-shadow:0 0 16px #54d2ff,0 0 0 4px #3cc9ff16}
.impact .hero :is(h1,h2):where(#heroTitle){font-size:clamp(74px,7.6vw,112px);font-weight:720;line-height:.98;letter-spacing:-.065em;margin:0 0 23px;text-shadow:0 3px 45px #02051233}
.impact .hero :is(h1,h2):where(#heroTitle)>span{background:linear-gradient(102deg,#4dc4ff 3%,#a5e8ff 35%,#55c8ff 59%,#c0b5ff 90%);background-size:140% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 30px #2c9bf52b)}
.impact .hero-lead{max-width:740px;margin:0 auto 25px;font-size:15px;line-height:1.8;color:#aebed7;letter-spacing:0}
.impact .hero-actions{justify-content:center;gap:13px}
.impact .hero-actions .button{font-size:12px;padding:15px 23px;min-height:51px;border-radius:10px;background:linear-gradient(135deg,#9de8ff,#45bcff);color:#05263d;border:1px solid #b3eeff;box-shadow:0 0 27px #31b8ff33,0 5px 24px #050b2180}
.impact .hero-actions .button:hover{box-shadow:0 0 48px #44c8ff77,0 8px 28px #03061588;transform:translateY(-3px)}
.impact .hero-actions .button-light{background:#a2ceff0a;border:1px solid #7d9dd047;color:#d4e0f1;box-shadow:none}
.impact .hero-actions .button-light:hover{background:#a2ceff19}
.impact .hero-stage{position:relative;margin:26px auto 0;width:100%;height:530px;min-height:0;perspective:1400px;isolation:isolate}
.impact .notebook-wrap{width:674px;height:441px;left:50%;top:44%;transform:translate(-50%,-50%) scale(var(--device-scale));z-index:3;filter:drop-shadow(0 14px 35px #03071777)}
.impact .notebook{transform:rotateX(calc(6deg - var(--hero-progress)*6deg)) rotateY(calc(var(--hero-progress)*-3deg)) translateY(calc(var(--hero-progress)*-15px));will-change:transform}
.impact .notebook-lid{padding:10px 10px 20px;border-radius:18px 18px 4px 4px;background:linear-gradient(130deg,#94a1b7,#141b2a 19%,#080b12 62%,#50627a);border-color:#92a4bf;box-shadow:0 0 0 1px #a8cfff22,0 0 60px #2e9bff29,0 26px 80px #02071466;animation:impact-lid-open 1.75s cubic-bezier(.16,.78,.2,1) both}
.impact .screen{height:414px;border-radius:7px;background:#eef5fa}
.impact .screen-toolbar{height:24px;font-size:8px;background:#e2eaf1;color:#708296;border-bottom:1px solid #cad7e3}
.impact .traffic-dots i{width:5px;height:5px}.impact .traffic-dots i:first-child{background:#ec8178}.impact .traffic-dots i:nth-child(2){background:#ecc371}.impact .traffic-dots i:nth-child(3){background:#80c298}
.impact-screen-image{width:100%;height:calc(100% - 24px);object-fit:cover;object-position:top;transition:opacity .16s ease}
.impact .notebook-caption{font-size:6px;letter-spacing:.25em;color:#8190a8;bottom:4px}
.impact .notebook-base{left:-38px;right:-38px;height:15px;box-shadow:0 2px 1px #7c8da1,0 9px 22px #06152688;background:linear-gradient(#e2edf8,#9db0c8 30%,#7d8fa6 55%,#55657d 84%,#29394e)}
.impact-stage-aura{position:absolute;inset:25% 10% 0;border-radius:50%;background:radial-gradient(ellipse,#59cfff43,#2855ff19 37%,transparent 67%);filter:blur(25px);z-index:0;pointer-events:none}
.impact-stage-label{position:absolute;top:2%;font-size:8px;font-weight:500;line-height:1.9;letter-spacing:.16em;color:#89a8ce;z-index:0;pointer-events:none}
.impact-stage-label strong{font-weight:600;color:#bbd7ec}.impact-label-left{left:3.5%}.impact-label-right{right:3.5%;text-align:right}.impact-label-right i{display:block;margin:0 0 11px auto;width:28px;height:2px;background:#8acfff;box-shadow:0 0 15px #33bdff}
.impact-window{position:absolute;padding:0;border:1px solid #b2dcff7d;border-radius:12px;overflow:hidden;background:#112237;color:#e5f4ff;width:311px;z-index:5;box-shadow:0 0 0 4px #7cc5ff05,0 30px 65px #00072066,0 0 40px #4cb9ff17;transform-style:preserve-3d;transition:border-color .3s,box-shadow .3s;animation:impact-window-enter 1.25s .8s both;text-align:left}
.impact-window:hover,.impact-window:focus-visible{border-color:#a8ebff;box-shadow:0 0 0 4px #7cc5ff13,0 30px 65px #00072077,0 0 45px #4cb9ff40}
.impact-window-home{left:calc(50% - 586px - var(--hero-progress)*38px);top:calc(98px - var(--hero-progress)*64px);transform:perspective(950px) rotateY(13deg) rotateZ(calc(-7deg - var(--hero-progress)*3deg)) translateZ(12px)}
.impact-window-house{right:calc(50% - 592px - var(--hero-progress)*34px);top:calc(159px - var(--hero-progress)*26px);transform:perspective(950px) rotateY(-12deg) rotateZ(calc(7deg + var(--hero-progress)*3deg)) translateZ(12px)}
.impact-window-bar{height:37px;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:9px;background:linear-gradient(110deg,#223c58,#112238)}
.impact-window-bar>span:last-child{margin-left:auto;font-size:16px;color:#79c9f7}.impact-window-bar strong{font-weight:580;letter-spacing:.01em}
.impact-window-icon{display:grid;place-items:center;width:21px;height:21px;color:#77d9ff}.impact-window-icon .icon{width:15px;height:15px}
.impact-window>img{width:100%;height:186px;object-fit:cover;object-position:top;background:#f1f6fa}
.impact-window-house>img{object-position:center}
.impact-window-foot{display:flex;justify-content:space-between;align-items:center;height:31px;padding:0 12px;background:#102135;font-size:8px;color:#a5bfd5}.impact-window-foot>span{color:#5c83a3;font-size:8px;letter-spacing:.15em}
.impact-device-reflection{position:absolute;z-index:0;top:81%;left:50%;width:730px;height:30px;transform:translateX(-50%);background:radial-gradient(ellipse,#79ddff8c,#5ebfff26 40%,transparent 72%);filter:blur(16px);pointer-events:none}
.impact-preview-controls{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;width:100%;font-size:10px;color:#9bb7d4;z-index:8}
.impact-preview-label{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.13em;color:#9cb8d0}.impact-preview-label i{width:5px;height:5px;display:block;border-radius:50%;background:#59d7ff;box-shadow:0 0 8px #59d7ff}
.impact-preview-tabs{display:flex;gap:3px;padding:4px;border:1px solid #8acbff28;background:#08152b99;border-radius:30px;backdrop-filter:blur(10px)}
.impact-preview-tabs button{font-size:10px;padding:6px 12px;min-height:30px;border:0;border-radius:30px;color:#8da7c6;background:transparent;transition:background .2s,color .2s}
.impact-preview-tabs button:hover{color:#e0f1ff;background:#9cd7ff10}.impact-preview-tabs button[aria-pressed=true]{color:#cef2ff;background:#50baff20;box-shadow:inset 0 0 0 1px #60cfff35}
.impact-preview-controls>a{font-size:10px;color:#b3e5ff;display:inline-flex;align-items:center;gap:6px}.impact-preview-controls>a .icon{width:13px;height:13px}
.impact .hero-bottom{border-color:#98c8ff1a;padding:23px 0 24px;margin-top:25px;gap:20px;color:#8ea8c4}
.impact .hero-bottom .creator-link{margin:0;animation:none;gap:10px}.impact .creator-link>img{width:35px;height:35px;border:1px solid #bbd7ff44;padding:0}.impact .creator-link strong{font-size:10px;font-weight:620;color:#dae9f6}.impact .creator-link span span{font-size:8px;color:#87a0ba;display:block}.impact .hero-bottom>div{gap:25px;font-size:9px}
.impact-hero-facts>span{display:flex;align-items:center;gap:7px}.impact-hero-facts i{width:5px;height:5px;border-radius:50%;background:#67caec;box-shadow:0 0 10px #39cfff55}
.impact .scroll-cue{color:#a9c1dc;letter-spacing:.15em;font-size:7px;gap:15px}.impact .scroll-cue>span{border-color:#669acc44;color:#a8ddf8}
/* Glass navigation and generous original screen previews. */
.impact .nav-bar,.impact .scrolled .nav-bar{background:#091429dd;border:1px solid #aecfff2b;box-shadow:0 9px 30px #00091f26;color:#edf6ff;backdrop-filter:blur(24px)}
.impact .brand-mark{background:linear-gradient(145deg,#70dbff,#1877d2);color:#061f36;border:1px solid #92e7ff55}.impact .brand-mark>span{background:#d2f8ff;border:0}.impact .brand-end{color:#68cfff}
.impact .desktop-nav>a,.impact .nav-trigger,.impact .login-link{color:#b4c6dd}.impact .desktop-nav>a:hover,.impact .nav-trigger:hover,.impact .nav-trigger[aria-expanded=true]{background:#85bfff13;color:#f1f8ff}
.impact .nav-actions .button{background:#b2eaff;color:#07314b;border-color:#b2eaff}.impact .nav-actions .button:hover{background:#d1f4ff;box-shadow:0 0 22px #35c5ff35}
.impact .mobile-toggle{color:#c6e3ff}.impact .mega-panel{background:linear-gradient(145deg,#10233afc,#0c192dfc);border-color:#94bceb36;color:#e6f1ff;box-shadow:0 30px 80px #000b2a70;backdrop-filter:blur(25px)}
.impact .mega-tools{grid-template-columns:.65fr 1.15fr 1.32fr;gap:22px;min-height:min(440px,calc(100dvh - 112px))}
.impact .mega-intro h2{color:#ebf7ff}.impact .mega-intro p{color:#9bb4d0}.impact .mega-intro .eyebrow{color:#5ec7ff}.impact .mega-intro .text-link{color:#acddff}
.impact .mega-tool-list{border-color:#7bb5df22;padding-inline:15px;gap:8px}.impact .mega-tool-link{min-height:71px}.impact .mega-tool-link small{color:#89a5c1}.impact .mega-tool-link strong{color:#d8e9f8}
.impact .mega-tool-link:hover,.impact .mega-tool-link.preview-active{background:#67c8ff17}.impact .mega-tool-link.preview-active::after{background:#51c8ff}
.impact .mega-tool-link .small-icon{background:#7bcaff13;color:#78cfff}.impact .mega-preview{background:#07162966;border-color:#7cb9eb29;padding:17px;overflow:hidden}.impact .mega-preview>.eyebrow{color:#83c8f3;font-size:8px;margin-bottom:14px}.impact .mega-preview h3{font-size:24px;margin-top:17px;color:#e7f5ff}.impact .mega-preview p{color:#9bb8d2}.impact .mega-preview .text-link{color:#a1dfff}
.impact .menu-story{background:#6ebeff0b}.impact .menu-story:hover{background:#6ebeff16}.impact .menu-story p{color:#96afc7}.impact .menu-story .eyebrow{color:#75c8f4}.impact .menu-story .small-icon{background:#69b7ff13;color:#69c6ff}
.impact .mobile-nav{background:#0b1a30f7;border-color:#668fb332;color:#dfedff}.impact .mobile-nav>a:not(.button){border-color:#91bfec20}.impact .mobile-nav>a>span{color:#6b8dac}.impact .mobile-nav .button{background:#a9e6ff;border-color:#a9e6ff;color:#062942}
.real-tool-preview{position:relative;width:100%;height:100%;background:#f1f6fa;overflow:hidden;border:1px solid #e8f5ffbb;border-radius:11px;box-shadow:0 15px 35px #06234b16;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.real-preview-chrome{height:22px;background:linear-gradient(100deg,#edf4f9,#f9fcff);display:flex;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid #d9e4ed;line-height:1}.real-preview-chrome>i{width:4px;height:4px;border-radius:50%;background:#d2bdba}.real-preview-chrome>i:nth-child(2){background:#d9cdaa}.real-preview-chrome>i:nth-child(3){background:#b4cdbb}.real-preview-chrome>span{margin-left:auto;color:#6b8295;font-size:7px;letter-spacing:.04em}
.real-tool-image{width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top}.real-preview-label{position:absolute;bottom:0;right:0;font-size:7px;line-height:1.5;letter-spacing:.06em;padding:5px 8px;background:#0a243ecc;color:#dcefff;border-radius:7px 0 0 0;backdrop-filter:blur(8px)}
.impact .mega-preview .real-tool-preview{height:202px;flex-shrink:0;transform:perspective(750px) rotateY(-5deg) rotateX(3deg);box-shadow:12px 18px 35px #000b2480,0 0 25px #3ac3ff17;border-color:#92c8f477}.impact .mega-preview .real-preview-label{font-size:6px}
/* The tool catalogue gets larger product windows, with individual depth on hover. */
.impact .tools-section{background:linear-gradient(180deg,#f5f8fc,#edf4fa);position:relative;overflow:hidden}
.impact .tool-card{border-color:#d7e5ef;box-shadow:0 8px 22px #143e6710;transition:transform .3s,border-color .3s,box-shadow .3s}
.impact .tool-card:hover{transform:translateY(-8px);border-color:#7ecaf6;box-shadow:0 24px 45px #185a8d20,0 0 0 1px #a5dfff33}
.impact .tool-card-art{height:220px;padding:19px 18px 0;margin:0;border-radius:19px 19px 0 0;background:radial-gradient(ellipse at 50% 85%,#70c8f663,#eaf4fc 72%)}
.impact .tool-card.featured .tool-card-art{height:312px;padding:22px 27px 0}.impact .tool-card-art.violet-art{background:radial-gradient(ellipse at 50% 85%,#b2a3ff66,#f0eefb 72%)}.impact .tool-card-art.mint-art{background:radial-gradient(ellipse at 50% 85%,#7bceb566,#eaf7f3 72%)}.impact .tool-card-art.amber-art{background:radial-gradient(ellipse at 50% 85%,#e4c0815c,#fbf6ea 72%)}
.impact .tool-card-art>.card-corner-icon{display:none}.impact .tool-card .real-tool-preview{transform:perspective(900px) rotateX(6deg) rotateY(-5deg) translateY(8px);transform-origin:center bottom;border-radius:11px 11px 0 0}
.impact .tool-card:nth-child(even) .real-tool-preview{transform:perspective(900px) rotateX(6deg) rotateY(5deg) translateY(8px)}.impact .tool-card:hover .real-tool-preview{transform:perspective(900px) rotateX(0) rotateY(0) translateY(1px)}
.impact .tool-card.featured .real-preview-chrome{height:25px}.impact .tool-card.featured .real-preview-chrome>span{font-size:8px}.impact .tool-card.featured .real-tool-image{height:calc(100% - 25px)}
.impact .tool-card-body{padding:25px 25px 22px}.impact .tool-card.featured h3{font-size:30px}.impact .tool-card-category{color:#5d819c}.impact .tool-card-bottom{border-top:1px solid #e2ecf3;padding-top:17px}
.impact .demo-section{background:#071329;color:#eaf5ff;isolation:isolate}.impact .demo-section .section-heading h2{color:#eaf5ff}.impact .demo-section .section-heading p{color:#9bb0cb}.impact .demo-section .eyebrow{color:#71cfff}.impact .demo-section .section-index{border-color:#41708e;color:#84a6c6}.impact .demo-glow{opacity:.85;background:radial-gradient(ellipse,#138ef854,transparent 64%)}
.impact .live-demo{box-shadow:0 0 80px #258fff22;border-color:#669cbb44}.impact .demo-disclaimer{color:#8ea7c5}
.impact .final-card{border-color:#96c7ea36;box-shadow:0 20px 80px #11497028}.impact .final-card:after{content:"";position:absolute;width:90%;height:90%;left:5%;top:20%;border-radius:50%;background:radial-gradient(ellipse,#35baff1c,transparent 68%);pointer-events:none;animation:impact-final-pulse 6.4s ease-in-out infinite;z-index:0}.impact .final-card>*{position:relative;z-index:1}.impact .final-card>.final-orbit{position:absolute;z-index:0}
@keyframes impact-lid-open{from{transform:rotateX(-79deg);filter:brightness(.55)}to{transform:rotateX(var(--lid-angle));filter:brightness(1)}}
@keyframes impact-window-enter{from{opacity:0;translate:0 100px;scale:.72}to{opacity:1;translate:0 0;scale:1}}
@keyframes impact-final-pulse{0%,100%{opacity:.45;scale:.85}50%{opacity:1;scale:1.12}}
.paused-motion .impact .notebook-lid{animation:none;transform:rotateX(-5deg)}.paused-motion .impact-window{animation:none}.paused-motion .impact .final-card:after{animation:none}
@media(min-width:1550px){.impact .hero-stage{height:575px;margin-top:38px}.impact .notebook-wrap{--device-scale:1.1}.impact-window{width:338px}.impact-window>img{height:205px}.impact-window-home{left:calc(50% - 644px - var(--hero-progress)*22px);top:113px}.impact-window-house{right:calc(50% - 650px - var(--hero-progress)*22px);top:190px}}
@media(max-width:1220px){.impact .hero{padding-top:119px}.impact .hero :is(h1,h2):where(#heroTitle){font-size:94px}.impact .hero-stage{height:480px}.impact .notebook-wrap{--device-scale:.89;top:45%}.impact-window{width:268px}.impact-window>img{height:162px}.impact-window-home{left:calc(50% - 490px - var(--hero-progress)*15px);top:110px}.impact-window-house{right:calc(50% - 490px - var(--hero-progress)*15px);top:169px}.impact-stage-label{font-size:7px}.impact .mega-tools{grid-template-columns:.65fr 1.15fr 1.2fr;gap:12px;min-height:min(400px,calc(100dvh - 112px))}.impact .mega-tool-list{padding-inline:10px}.impact .mega-preview .real-tool-preview{height:170px}.impact .mega-intro h2{font-size:27px}}
@media(max-width:1000px){.impact .hero-inner{width:calc(100% - 28px)}.impact .hero-stage{height:450px}.impact .notebook-wrap{--device-scale:.79}.impact-window{width:226px}.impact-window>img{height:139px}.impact-window-home{left:calc(50% - 418px);top:115px}.impact-window-house{right:calc(50% - 418px);top:185px}.impact-preview-controls{gap:10px 16px}.impact-preview-label{font-size:6px}.impact .hero-bottom .impact-hero-facts{display:none}.impact .tool-card-art,.impact .tool-card.featured .tool-card-art{height:196px;padding:16px 14px 0}.impact .tool-card.featured h3{font-size:22px}.impact .tool-card-body{padding:22px 20px}.impact-stage-label{top:6%}.impact .mega-tools{grid-template-columns:.75fr 1.3fr 1.2fr}.impact .mega-preview{padding:12px}.impact .mega-preview h3{font-size:20px}.impact .mega-preview .real-tool-preview{height:153px}.impact .mega-tool-link{gap:7px}.impact .mega-tool-list{gap:4px;padding-inline:9px}}
@media(max-width:860px){.impact .hero{padding-top:116px}.impact .hero :is(h1,h2):where(#heroTitle){font-size:86px}.impact .hero-lead{font-size:14px;max-width:570px}.impact .hero-stage{height:430px;margin-top:31px}.impact .notebook-wrap{--device-scale:.74;top:43%}.impact-window{width:208px}.impact-window>img{height:126px}.impact-window-home{left:calc(50% - 352px);top:90px}.impact-window-house{right:calc(50% - 352px);top:177px}.impact-stage-label{display:none}.impact .hero-bottom{width:calc(100% - 64px)}.impact .hero-bottom .scroll-cue{font-size:6px}.impact-preview-label{display:none}.impact .tool-card-art,.impact .tool-card.featured .tool-card-art{height:238px;padding:19px 18px 0}.impact .tool-card.featured h3{font-size:25px}}
@media(max-width:600px){.impact .hero{padding-top:111px;--energy-center-y:67%}.impact .hero-inner{width:100%}.impact .hero-copy{padding-inline:20px}.impact .hero-eyebrow{font-size:7px;letter-spacing:.17em;margin-bottom:24px}.impact .hero :is(h1,h2):where(#heroTitle){font-size:clamp(54px,13.2vw,78px);line-height:1.02;letter-spacing:-.068em;margin-bottom:22px}.impact .hero-lead{font-size:12px;line-height:1.8;max-width:345px;margin-bottom:24px}.impact .hero-lead br{display:none}.impact .hero-actions{flex-direction:column;align-items:center;gap:9px}.impact .hero-actions .button{width:auto;min-width:254px;padding:12px 17px;min-height:47px;font-size:11px}.impact .hero-actions .button-light{min-height:40px;border-color:#7da6db2b;background:#2944650c;font-size:10px}
.impact .hero-stage{height:348px;margin-top:27px}.impact .notebook-wrap{--device-scale:.51;top:42%;left:50%}.impact-window-home{display:none}.impact-window-house{width:155px;right:calc(50% - 187px);top:142px;transform:perspective(900px) rotateY(-12deg) rotateZ(8deg);border-radius:9px}.impact-window>img{height:89px}.impact-window-bar{height:25px;font-size:6px;gap:3px;padding:0 7px}.impact-window-icon{width:16px;height:16px}.impact-window-icon .icon{width:10px;height:10px}.impact-window-bar>span:last-child{font-size:11px}.impact-window-foot{font-size:6px;height:21px;padding-inline:7px}.impact-window-foot>span{font-size:6px}.impact-device-reflection{width:330px;top:72%;height:20px}.impact-preview-controls{gap:10px;bottom:0;flex-direction:column}.impact-preview-tabs{padding:3px;gap:1px}.impact-preview-tabs button{font-size:9px;padding:6px 11px;min-height:29px}.impact-preview-controls>a{font-size:9px}.impact .hero-bottom{margin-top:27px;width:calc(100% - 40px);padding:21px 0;justify-content:space-between;flex-direction:row}.impact .hero-bottom .creator-link{gap:9px}.impact .creator-link>img{width:30px;height:30px}.impact .creator-link strong{font-size:9px}.impact .creator-link span span{font-size:7px;max-width:180px}.impact .hero-bottom .scroll-cue{font-size:0;gap:0}.impact .scroll-cue>span{font-size:15px;width:28px;height:34px}.impact .tool-card-art,.impact .tool-card.featured .tool-card-art{height:248px;padding:22px 22px 0}.impact .tool-card.featured h3{font-size:26px}.impact .tool-card-body{padding:24px}.impact .tool-card .real-preview-chrome{height:24px}.impact .tool-card .real-preview-chrome>span{font-size:8px}.impact .real-tool-image{height:calc(100% - 24px)}.impact .real-preview-label{font-size:7px}.impact .nav-bar{border-radius:13px}}
@media(max-width:380px){.impact .hero{padding-top:105px}.impact .hero-copy{padding-inline:15px}.impact .hero :is(h1,h2):where(#heroTitle){font-size:51px}.impact .hero-eyebrow{font-size:6px;letter-spacing:.14em}.impact .hero-stage{height:313px}.impact .notebook-wrap{--device-scale:.435;top:40%}.impact-window-house{right:calc(50% - 157px);width:135px;top:132px}.impact-window>img{height:78px}.impact-window-bar{font-size:5px}.impact-preview-tabs button{font-size:8px;padding-inline:10px}.impact .tool-card-art,.impact .tool-card.featured .tool-card-art{height:210px;padding:17px 16px 0}}
@media(prefers-reduced-motion:reduce){.impact .notebook-lid{animation:none;transform:rotateX(-5deg)}.impact-window{animation:none;translate:none;scale:1}.impact .final-card:after{animation:none}.impact .notebook,.impact .notebook-wrap,.impact .real-tool-preview{transition:none}.impact .tool-card:hover{transform:none}}

@media(min-width:861px) and (max-height:950px){.impact .hero{padding-top:116px}.impact .hero :is(h1,h2):where(#heroTitle){font-size:92px;margin-bottom:19px}.impact .hero-eyebrow{margin-bottom:18px}.impact .hero-lead{font-size:14px;line-height:1.7;margin-bottom:23px}.impact .hero-stage{margin-top:20px;height:482px}.impact .notebook-wrap{--device-scale:.90;top:44%}.impact-window-home{top:100px}.impact-window-house{top:152px}}
.impact .mega-preview .real-tool-preview{height:292px}
.impact .tool-card .real-tool-image{transition:object-position 1s ease}
.impact .tool-card:hover .real-tool-image{object-position:bottom}
@media(max-width:1220px){.impact .mega-preview .real-tool-preview{height:224px}}
@media(max-width:1000px){.impact .mega-preview .real-tool-preview{height:170px}}

/* Stable first paint: the headline and explanation are the page's primary
   content. Entrance motion belongs to the notebook and its decorative cards. */
.impact .hero-eyebrow,
.impact .hero :is(h1,h2):where(#heroTitle),
.impact .hero-lead,
.impact .hero-actions { animation:none; }
.impact .hero :is(h1,h2):where(#heroTitle)>span { filter:none; }
.impact .notebook-lid { animation-duration:1.05s; }
.impact .hero.offscreen .notebook { will-change:auto; }
.impact .final-card:after { animation-play-state:paused; }
.impact .final-card.is-visible:after { animation-play-state:running; }

/* All copy remains readable before observers run. Scroll effects add movement
   and emphasis without concealing whole content sections from initial render. */
.js .reveal { opacity:1; transform:none; }
.js .reveal.is-visible { opacity:1; transform:none; }
@media (max-width:760px) {
  .impact .notebook-wrap { filter:none; }
  .impact .hero-stage { contain:layout style; }
}
.motion-dormant::before,.motion-dormant::after,
.motion-dormant *, .motion-dormant *::before, .motion-dormant *::after { animation-play-state:paused!important; }

/* articles.css */
/* Editorial articles from the existing public Soro publication feed. */
.journal{scroll-margin-top:115px;margin-top:12px}
.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 25px}
.journal-heading h2{font-size:28px;line-height:1.1;margin:0 0 9px;color:#12354d;letter-spacing:-.04em}
.journal-heading p{margin:0;font-size:12px;color:#6b8194}
.journal-heading .journal-kicker{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.14em;color:#218cbd;margin-bottom:12px;font-weight:700}
.journal-kicker i{width:6px;height:6px;border-radius:50%;background:#27b4df;box-shadow:0 0 0 4px #30b9e512}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journal-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dce7f0;border-radius:19px;background:white;box-shadow:0 9px 28px #113a590b;transition:transform .3s,box-shadow .3s,border-color .3s}
.journal-card:hover{transform:translateY(-5px);border-color:#93cfe9;box-shadow:0 20px 42px #126a9820}
.journal-image{position:relative;aspect-ratio:1.8;overflow:hidden;background:linear-gradient(135deg,#173859,#3988b8)}
.journal-image>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.journal-card:hover .journal-image>img{transform:scale(1.04)}
.journal-open{position:absolute;right:15px;top:15px;background:#f1fbffdf;border:1px solid #ffffffa6;color:#123e5e;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;backdrop-filter:blur(8px)}
.journal-open .icon{width:15px;height:15px}
.journal-copy{padding:23px 23px 20px;display:flex;flex-direction:column;flex:1}
.journal-meta{display:flex;flex-wrap:wrap;gap:5px 12px;justify-content:space-between;align-items:center;font-size:8px;line-height:1.5;margin-bottom:13px;color:#7993a8}
.journal-meta>span{font-size:7px;letter-spacing:.13em;color:#3485ae;font-weight:700}
.journal-copy h3{margin:0 0 12px;font-size:23px;line-height:1.14;letter-spacing:-.035em;color:#10324c;font-weight:650;overflow-wrap:anywhere}
.journal-copy p{margin:0 0 20px;font-size:11px;line-height:1.75;color:#6b8194;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.journal-read{display:flex;gap:10px;align-items:center;font-size:10px;font-weight:650;color:#187caa;margin-top:auto}
.journal-read .icon{width:13px;height:13px}
.journal-featured{grid-column:span 2;grid-row:span 2;position:relative;isolation:isolate;background:#0a2137;min-height:480px;border-color:#4c7698}
.journal-featured .journal-image{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
.journal-featured .journal-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#081a2b05 15%,#071c32a6 44%,#071b30f5 88%)}
.journal-featured .journal-open{top:22px;right:22px;z-index:2}
.journal-featured .journal-copy{padding:32px;margin-top:180px;justify-content:flex-end;flex:0}
.journal-featured .journal-meta{margin-bottom:17px;color:#bcd6e7;justify-content:flex-start;gap:18px}
.journal-featured .journal-meta>span{color:#8adeff;border:1px solid #79c8e65c;padding:5px 8px;border-radius:5px;background:#0d293f44;font-size:7px}
.journal-featured .journal-copy h3{font-size:clamp(29px,3vw,42px);color:#f2f9ff;letter-spacing:-.045em;max-width:630px;line-height:1.1}
.journal-featured .journal-copy p{font-size:12px;color:#b9cedd;max-width:570px;line-height:1.75;margin-bottom:22px}
.journal-featured .journal-read{color:#8adbff;font-size:11px;margin-top:0}
.journal-card:nth-child(2),.journal-card:nth-child(3){display:grid;grid-template-columns:32% 1fr;min-height:222px}
.journal-card:nth-child(2) .journal-image,.journal-card:nth-child(3) .journal-image{aspect-ratio:auto;height:100%}
.journal-card:nth-child(2) .journal-copy,.journal-card:nth-child(3) .journal-copy{padding:21px 18px}
.journal-card:nth-child(2) h3,.journal-card:nth-child(3) h3{font-size:20px;line-height:1.2}
.journal-card:nth-child(2) .journal-open,.journal-card:nth-child(3) .journal-open{width:24px;height:24px;right:9px;top:9px}
.journal-card:nth-child(2) .journal-copy p,.journal-card:nth-child(3) .journal-copy p{display:none}
.journal-actions{display:flex;justify-content:center;gap:15px;align-items:center;margin:28px 0 16px}
.journal-more{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;background:#e6f3fb;border:1px solid #bcdbea;border-radius:9px;font-size:11px;font-weight:650;color:#176189;transition:background .2s}
.journal-more:hover{background:#d7effd}
.journal-status{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:9px;color:#8095a8;margin-bottom:0;text-align:center}
.journal-status button{font-size:9px;color:#2585ad;background:none;border:0;padding:4px;text-decoration:underline;text-underline-offset:3px}
.journal-image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#d5efff;font-size:55px;font-weight:750;letter-spacing:-.06em}
.journal-image-fallback span{font-size:22px;color:#79c8f0}
.journal-image-error:before{content:"A.tools";position:absolute;inset:0;display:grid;place-items:center;color:#bde5ff;font-size:27px;font-weight:700}
.knowledge-evergreen-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #dde7ef;margin:62px 0 23px;padding-top:34px;scroll-margin-top:120px}
.knowledge-evergreen-heading h3{font-size:25px;line-height:1.2;color:#24455d;margin:0;letter-spacing:-.035em}
.knowledge-evergreen-heading>span{font-size:9px;color:#91a2b2;letter-spacing:.08em}
.impact .menu-latest-article{padding:16px}
.impact .menu-latest-article .latest-article-image{width:100%;height:119px;object-fit:cover;border-radius:8px;margin-bottom:15px}
.impact .menu-latest-article>.eyebrow{font-size:7px;letter-spacing:.08em;margin:0}
.impact .menu-latest-article h3{font-size:23px;margin:12px 0 19px;line-height:1.15}
.impact .mega-knowledge .mega-intro .text-link+.text-link{display:flex;margin-top:18px;font-size:11px;color:#90abc3}
@media(max-width:1100px){.journal-grid{gap:15px}.journal-featured .journal-copy{padding:28px}.journal-card:nth-child(2),.journal-card:nth-child(3){grid-template-columns:27% 1fr;min-height:215px}.journal-card:nth-child(2) h3,.journal-card:nth-child(3) h3{font-size:18px}.journal-card:nth-child(2) .journal-copy,.journal-card:nth-child(3) .journal-copy{padding:19px 14px}.journal-copy{padding:21px 19px}.journal-copy h3{font-size:21px}.journal-meta{font-size:7px}}
@media(max-width:860px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-featured{grid-column:span 2;grid-row:auto;min-height:430px}.journal-featured .journal-copy{margin-top:145px}.journal-card:nth-child(2),.journal-card:nth-child(3){display:flex;min-height:0}.journal-card:nth-child(2) .journal-image,.journal-card:nth-child(3) .journal-image{aspect-ratio:1.8;height:auto}.journal-card:nth-child(2) .journal-copy,.journal-card:nth-child(3) .journal-copy{padding:21px 19px}.journal-card:nth-child(2) h3,.journal-card:nth-child(3) h3{font-size:21px}.journal-card:nth-child(2) .journal-open,.journal-card:nth-child(3) .journal-open{width:32px;height:32px;right:15px;top:15px}.journal-card:nth-child(2) .journal-copy p,.journal-card:nth-child(3) .journal-copy p{display:-webkit-box}.journal-heading h2{font-size:25px}}
@media(max-width:600px){.journal-heading{align-items:start;gap:15px;flex-direction:column}.journal-heading h2{font-size:25px}.journal-heading p{font-size:11px}.journal-grid{grid-template-columns:1fr;gap:20px}.journal-featured{grid-column:auto;min-height:450px}.journal-featured .journal-copy{padding:25px;margin-top:155px}.journal-featured .journal-copy h3{font-size:32px}.journal-featured .journal-copy p{font-size:11px}.journal-featured .journal-meta{gap:9px 12px;font-size:8px}.journal-copy h3{font-size:23px}.journal-card:nth-child(2) h3,.journal-card:nth-child(3) h3{font-size:23px}.journal-meta{font-size:9px}.journal-card:nth-child(2) .journal-copy,.journal-card:nth-child(3) .journal-copy,.journal-copy{padding:23px}.journal-actions{margin-top:25px}.journal-status{font-size:8px;gap:5px}.knowledge-evergreen-heading{margin-top:45px;align-items:start;flex-direction:column;gap:9px}.knowledge-evergreen-heading h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.journal-card,.journal-image>img{transition:none}.journal-card:hover{transform:none}}
.paused-motion .journal-card,.paused-motion .journal-image>img{transition:none}.paused-motion .journal-card:hover{transform:none}

/* Static article cards, full article reader and complete crawlable archive. */
.journal{padding-top:66px;padding-bottom:72px}
.journal-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.055em}
.journal-heading p{font-size:14px;line-height:1.65;max-width:520px}
.journal-heading .journal-kicker{font-size:11px;letter-spacing:.12em}
.journal-archive-link{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:#176189;font-size:13px;font-weight:650;min-height:44px;text-decoration:none}
.journal-archive-link span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b9d9e9;border-radius:50%;font-size:18px}
.journal-copy p{font-size:13px;line-height:1.7}
.journal-meta,.journal-meta>span{font-size:10px}
.journal-meta>span{letter-spacing:.08em}
.journal-read,.journal-featured .journal-read{font-size:13px;min-height:28px}
.journal-featured .journal-meta,.journal-featured .journal-meta>span{font-size:10px}
.journal-featured .journal-copy p{font-size:13px;line-height:1.7}
.journal-open{font-size:22px;line-height:1}
.journal-card:focus-visible,.journal-archive-link:focus-visible,.article-archive-list a:focus-visible,.article-close:focus-visible,.article-permalink:focus-visible,.article-end a:focus-visible{outline:3px solid #009ee3;outline-offset:5px}
.article-reader[hidden]{display:none!important}
.article-reader,.article-archive{scroll-margin-top:0}
.article-reader{padding-top:44px;padding-bottom:28px}
.article-reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:960px;margin:0 auto 18px}
.article-close,.article-permalink{display:inline-flex;align-items:center;gap:10px;color:#285c7b;font-size:13px;font-weight:600;min-height:44px;text-decoration:none}
.article-close>span{font-size:27px;font-weight:400}
.article-permalink{font-weight:400;color:#657e91}
.article-paper{max-width:960px;margin:0 auto;background:#fff;border:1px solid #dce7ef;border-radius:24px;box-shadow:0 22px 70px #153e5910;overflow:hidden}
.article-header{padding:clamp(27px,5vw,64px) clamp(24px,6vw,76px) 35px}
.article-eyebrow{display:block;font-size:11px;letter-spacing:.13em;font-weight:700;color:#1783b1;margin-bottom:17px}
.article-header h1{font-size:clamp(30px,4vw,53px);line-height:1.11;font-weight:650;letter-spacing:-.045em;color:#10354f;margin:0 0 22px;text-wrap:balance;overflow-wrap:anywhere}
.article-header time{font-size:13px;color:#6c8190}
.article-feature-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;background:#e3edf2}
.article-prose{padding:35px clamp(24px,6vw,76px) 50px;color:#294a60;font-size:17px;line-height:1.86;overflow-wrap:anywhere}
.article-prose p{font-size:inherit;line-height:inherit;margin:0 0 1.25em;color:inherit}
.article-prose h2,.article-prose h3,.article-prose h4,.article-prose h5,.article-prose h6{color:#143e59;letter-spacing:-.026em;line-height:1.25;margin:1.8em 0 .7em;overflow-wrap:anywhere}
.article-prose h2{font-size:clamp(24px,3vw,32px)}
.article-prose h3{font-size:24px}.article-prose h4{font-size:21px}
.article-prose h2:first-child,.article-prose h3:first-child{margin-top:0}
.article-prose ul,.article-prose ol{padding-left:1.4em;margin:0 0 1.35em}
.article-prose li{padding-left:.3em;margin:.35em 0}
.article-prose a{color:#076f9b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-prose a:hover{color:#00325b}.article-prose strong{color:#153f5b}
.article-prose img{max-width:100%;height:auto;display:block;margin:24px auto}
.article-prose figure{margin:26px 0}.article-prose figcaption{font-size:13px;color:#657e91}
.article-prose blockquote{margin:25px 0;padding:12px 0 12px 24px;border-left:3px solid #009ee3;color:#244f6b}
.article-prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:26px 0;font-size:14px;line-height:1.6}
.article-prose th,.article-prose td{padding:12px;border:1px solid #dce7ef;text-align:left}.article-prose th{background:#f2f7fa}
.article-prose pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f6f9;padding:20px;border-radius:10px}
.article-prose [id]{scroll-margin-top:110px}
.article-end{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px clamp(24px,6vw,76px);border-top:1px solid #e1ebf2;background:#f5f9fc}
.article-end a{font-size:13px;line-height:1.6;color:#176189;min-height:30px;text-decoration:none;display:inline-flex;align-items:center;gap:12px}
.article-archive{padding-top:62px;padding-bottom:85px}
.article-archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:34px}
.article-archive-heading h2{font-size:clamp(30px,4vw,47px);line-height:1.08;letter-spacing:-.045em;color:#153e59;margin:0}
.article-archive-heading p{font-size:14px;line-height:1.8;max-width:360px;margin:0;color:#667f92}
.article-archive-list{list-style:none;padding:0;margin:0;border-top:1px solid #d8e4ec}
.article-archive-list>li{margin:0;border-bottom:1px solid #d8e4ec}
.article-archive-list a{display:grid;grid-template-columns:38px 1fr 32px;gap:23px;align-items:start;padding:27px 9px;color:inherit;text-decoration:none;transition:background-color .2s}
.article-archive-list a:hover{background:#f4f9fc}
.article-archive-number{font-size:12px;color:#6a8da3;font-variant-numeric:tabular-nums;padding-top:2px}
.article-archive-list time{font-size:11px;color:#7b91a1;display:block;margin-bottom:7px}
.article-archive-list h3{font-size:clamp(19px,2.2vw,25px);font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 10px;color:#163e58}
.article-archive-list p{font-size:14px;line-height:1.7;margin:0;color:#687f90;max-width:850px}
.article-archive-arrow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:10px;border:1px solid #c8dce8;border-radius:50%;color:#2083ae;font-size:18px;transition:background-color .2s}
.article-archive-list a:hover .article-archive-arrow{background:#e4f2fa}
.article-load-status{font-size:13px;color:#176189;margin:0}.article-load-status:empty{display:none}
@media(max-width:860px){.article-archive-heading{align-items:flex-start;flex-direction:column;gap:20px}.article-archive-heading p{max-width:560px}}
@media(max-width:600px){.journal{padding-top:42px;padding-bottom:46px}.journal-heading h2{font-size:34px}.journal-heading p{font-size:13px}.journal-heading .journal-kicker{font-size:10px}.journal-featured{min-height:430px}.journal-featured .journal-copy p,.journal-copy p{font-size:13px}.journal-featured .journal-meta,.journal-featured .journal-meta>span,.journal-meta,.journal-meta>span{font-size:10px}.journal-featured .journal-copy h3{font-size:31px}.article-reader{padding-top:25px;padding-bottom:12px}.article-reader-toolbar{gap:10px}.article-close,.article-permalink{font-size:12px}.article-permalink{display:none}.article-paper{border-radius:17px}.article-header{padding:29px 22px}.article-header h1{font-size:32px}.article-prose{padding:27px 22px 30px;font-size:16px;line-height:1.82}.article-prose h3{font-size:22px}.article-end{padding:22px;display:grid;gap:15px}.article-archive{padding-top:42px;padding-bottom:55px}.article-archive-heading{margin-bottom:25px}.article-archive-heading h2{font-size:33px}.article-archive-list a{grid-template-columns:24px 1fr 25px;gap:11px;padding:25px 0}.article-archive-list h3{font-size:20px}.article-archive-list p{font-size:13px;line-height:1.7}.article-archive-arrow{width:25px;height:25px;font-size:16px}.article-reader,.article-archive{scroll-margin-top:0}}
@media(prefers-reduced-motion:reduce){.article-archive-list a,.article-archive-arrow{transition:none}}

/* Focus targets are noninteractive headings; interactive focus rings remain. */
#articleTitle:focus,#archiveTitle:focus{outline:none}

/* savings-story.css */
/* Savings story — deliberately self-contained inside the existing notebook. */
#savingsStory{--budget-ink:#073454;--budget-blue:#009dd9;--budget-lime:#c8d400;position:absolute;inset:24px 0 0;z-index:3;display:flex;flex-direction:column;padding:15px 22px 10px;color:var(--budget-ink);background:radial-gradient(ellipse at 88% 24%,#b9dfef6b,transparent 52%),#f0f5f8;font-family:Arial,Helvetica,sans-serif;text-align:left;overflow:hidden;isolation:isolate;box-sizing:border-box}
#savingsStory[hidden]{display:none!important}
#savingsStory *,#savingsStory *::before,#savingsStory *::after{box-sizing:border-box}
#savingsStory svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#savingsStory .budget-story-symbols{position:absolute;width:0;height:0;overflow:hidden}
#savingsStory button{font-family:inherit;cursor:pointer}
#savingsStory button:focus-visible{outline:3px solid var(--budget-blue);outline-offset:3px}
#savingsStory .budget-story-masthead{display:flex;align-items:center;justify-content:space-between;min-height:22px;gap:12px;font-size:8px;font-weight:700;letter-spacing:.11em}
#savingsStory .budget-story-brand{display:flex;align-items:center;gap:7px}
#savingsStory .budget-story-brand>i{display:block;width:7px;height:15px;border-radius:1px;background:var(--budget-blue);box-shadow:5px -3px 0 -1px var(--budget-lime);transform:skew(-10deg)}
#savingsStory .budget-story-live{display:flex;align-items:center;gap:5px;color:#4a7288;font-size:7px;letter-spacing:.1em}
#savingsStory .budget-story-live i{height:4px;width:4px;border-radius:50%;background:var(--budget-blue);box-shadow:0 0 0 3px #009dd911}
#savingsStory .budget-story-viewport{position:relative;flex:1;min-height:0;margin:8px 0 7px}
#savingsStory .budget-story-scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.985);transition:opacity .36s ease,transform .55s cubic-bezier(.2,.8,.25,1),visibility .36s;display:flex;flex-direction:column;justify-content:center}
#savingsStory[data-step="0"] [data-story-scene="0"],#savingsStory[data-step="1"] [data-story-scene="1"],#savingsStory[data-step="2"] [data-story-scene="2"],#savingsStory[data-step="3"] [data-story-scene="3"]{opacity:1;visibility:visible;pointer-events:auto;transform:none}
#savingsStory h2{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.15;letter-spacing:-.035em;font-weight:400;margin:4px 0 0;color:var(--budget-ink)}
#savingsStory .budget-story-kicker{font-size:8px;line-height:1.2;font-weight:700;letter-spacing:.13em;color:#4a7288}
#savingsStory .budget-story-heading{margin-bottom:16px}
#savingsStory .budget-story-cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#savingsStory .budget-story-cost{position:relative;display:flex;align-items:center;gap:10px;padding:13px 11px;min-height:65px;border-radius:9px;border:1px solid #c8dde8;background:#fff;box-shadow:0 3px 7px #07345405;overflow:hidden}
#savingsStory .budget-story-cost>svg{color:var(--budget-blue);width:24px;height:24px}
#savingsStory .budget-story-cost>span{font-size:12px;font-weight:700;line-height:1.15;white-space:nowrap}
#savingsStory .budget-story-cost small{display:block;font-size:8px;color:#7392a2;font-weight:400;margin-top:7px}
#savingsStory .budget-story-cost>i{position:absolute;height:2px;left:45px;bottom:7px;right:12px;background:linear-gradient(90deg,#b9dfef,#e4edf2);transform-origin:left;transform:scaleX(.72)}
#savingsStory[data-step="0"].budget-story-playing .budget-story-cost{animation:budget-story-card-in .6s calc(var(--card-order)*.13s) both}
#savingsStory .budget-story-cost-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;font-size:10px;color:#527486}
#savingsStory .budget-story-cost-footer button{display:flex;align-items:center;gap:10px;background:var(--budget-ink);color:#fff;border:0;border-radius:6px;font-size:10px;font-weight:700;padding:9px 12px;white-space:nowrap;box-shadow:0 3px 9px #07345420}
#savingsStory .budget-story-cost-footer button svg{height:15px;width:15px;stroke-width:2}
#savingsStory .budget-story-cost-footer button:hover{background:#005e84}
#savingsStory .budget-story-analysis{align-items:center;text-align:center}
#savingsStory .budget-story-analysis-orbit{width:146px;height:136px;position:relative;margin-bottom:7px;display:grid;place-items:center}
#savingsStory .budget-story-analysis-orbit>span{position:absolute;inset:12px;border:1px solid #a7d3e6;border-radius:50%;transform:rotate(-22deg) scaleX(1.35)}
#savingsStory .budget-story-analysis-orbit>span:nth-child(2){inset:0;border-color:#c6dfe8;transform:rotate(28deg) scaleX(1.2)}
#savingsStory .budget-story-analysis-core{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--budget-ink);box-shadow:0 0 0 8px #ffffffb3,0 0 0 9px #bddce9,0 12px 30px #007fac20}
#savingsStory .budget-story-analysis-core>svg{width:49px;height:49px;stroke-width:3;stroke:var(--budget-lime);animation:budget-story-processing 2.2s linear infinite;animation-play-state:paused}
#savingsStory.budget-story-playing[data-step="1"] .budget-story-analysis-core>svg{animation-play-state:running}
#savingsStory .budget-story-orbit-icon{position:absolute;width:30px;height:30px;border:1px solid #c3dde9;border-radius:8px;background:#fff;display:grid;place-items:center;color:var(--budget-blue);box-shadow:0 3px 12px #0734540a}
#savingsStory .budget-story-orbit-icon svg{height:17px;width:17px}
#savingsStory .budget-story-orbit-one{top:10px;left:-2px;transform:rotate(-12deg)}
#savingsStory .budget-story-orbit-two{right:-15px;top:45px;transform:rotate(9deg)}
#savingsStory .budget-story-orbit-three{left:4px;bottom:0;transform:rotate(-5deg)}
#savingsStory .budget-story-analysis h2{font-size:29px;margin:7px 0 0}
#savingsStory .budget-story-analysis p{font-size:11px;margin:9px 0 0;color:#527486}
#savingsStory .budget-story-analysis-track{height:3px;width:110px;background:#d9e7ee;margin-top:14px;overflow:hidden;border-radius:3px}
#savingsStory .budget-story-analysis-track i{display:block;height:100%;background:var(--budget-blue);width:100%;transform:scaleX(var(--budget-story-phase,0));transform-origin:left}
#savingsStory .budget-story-budget{text-align:center;align-items:center}
#savingsStory .budget-story-budget h2{font-size:26px;margin-top:8px}
#savingsStory .budget-story-money-stage{width:305px;height:123px;position:relative;margin:11px auto 8px;perspective:600px}
#savingsStory .budget-story-note{position:absolute;left:25px;top:12px;width:260px;height:108px;border-radius:12px}
#savingsStory .budget-story-note-back{transform:rotate(-7deg) translate(-6px,-4px);border:1px solid #99c9de;background:#b9dfef;color:#1d7292;box-shadow:0 7px 18px #0734540d}
#savingsStory .budget-story-note-back>svg{position:absolute;left:18px;top:40px;width:31px;height:31px;opacity:.4}
#savingsStory .budget-story-note-front{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--budget-ink);color:white;box-shadow:0 15px 25px #07345426;border:1px solid #164962;transform:rotate(2deg)}
#savingsStory .budget-story-note-front>svg{position:absolute;left:17px;top:15px;width:23px;height:23px;color:#b9dfef;opacity:.55}
#savingsStory .budget-story-note-front strong{font-size:60px;font-weight:700;letter-spacing:-.065em;line-height:1}
#savingsStory .budget-story-note-front strong>span{font-size:33px;font-weight:400;margin-left:5px;letter-spacing:-.04em}
#savingsStory .budget-story-note-front>small{font-size:8px;align-self:flex-end;margin:0 0 23px 4px;color:#c5dfe9;letter-spacing:.06em}
#savingsStory .budget-story-note-front>i{position:absolute;right:-10px;top:-12px;width:35px;height:35px;border:4px solid #f0f5f8;border-radius:50%;display:grid;place-items:center;background:var(--budget-lime);color:var(--budget-ink)}
#savingsStory .budget-story-note-front>i svg{width:19px;height:19px;stroke-width:2}
#savingsStory[data-step="2"].budget-story-playing .budget-story-note-front{animation:budget-story-note-pop .75s cubic-bezier(.16,1,.3,1) both}
#savingsStory[data-step="2"].budget-story-playing .budget-story-note-back{animation:budget-story-back-pop .9s cubic-bezier(.16,1,.3,1) both}
#savingsStory .budget-story-budget-bridge{margin:6px 0 8px;font-size:12px;font-weight:700;color:#365f76}
#savingsStory .budget-story-invest-pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;padding:6px 10px;background:#c8d40025;border:1px solid #c8d40066;border-radius:5px;color:#425016}
#savingsStory .budget-story-invest-pill svg{width:14px;height:14px;transform:rotate(180deg)}
#savingsStory .budget-story-growth{justify-content:center}
#savingsStory .budget-story-growth-top{display:flex;justify-content:space-between;align-items:center}
#savingsStory .budget-story-growth-top h2{font-size:23px;margin-top:5px}
#savingsStory .budget-story-time{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:8px;background:#fff;border:1px solid #cbdfeb;font-size:10px;color:#648293}
#savingsStory .budget-story-time>svg{width:28px;height:28px;color:var(--budget-blue);stroke-width:1.5}
#savingsStory .budget-story-time strong{font-size:15px;color:var(--budget-ink);font-variant-numeric:tabular-nums}
#savingsStory .budget-story-clock-hour{transform-origin:16px 16px;transform:rotate(calc(var(--budget-story-growth,1)*120deg))}
#savingsStory .budget-story-clock-minute{transform-origin:16px 16px;transform:rotate(calc(var(--budget-story-growth,1)*720deg))}
#savingsStory .budget-story-growth-amount{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin:9px 0 10px;font-variant-numeric:tabular-nums}
#savingsStory .budget-story-growth-amount>strong{font-size:47px;line-height:1;font-weight:700;letter-spacing:-.05em;color:var(--budget-ink)}
#savingsStory .budget-story-growth-amount>span{font-size:25px;color:var(--budget-blue);line-height:1}
#savingsStory .budget-story-growth-amount>small{font-size:9px;color:#557487;margin-left:5px;line-height:1.3;max-width:130px}
#savingsStory .budget-story-chart{position:relative;height:96px}
#savingsStory .budget-story-chart-grid{position:absolute;inset:0 0 19px;background:repeating-linear-gradient(to bottom,#cadae580 0,#cadae580 1px,transparent 1px,transparent 25px);border-bottom:1px solid #9ec4d7}
#savingsStory .budget-story-bars{display:flex;gap:15px;align-items:flex-end;height:77px;padding:0 9px;position:relative}
#savingsStory .budget-story-bars>i{display:block;flex:1;height:100%;border-radius:4px 4px 0 0;transform-origin:bottom;transform:scaleY(var(--bar-height,.04));min-width:0;background:linear-gradient(180deg,#009dd9,#0d718f);box-shadow:inset 1px 0 #ffffff38;will-change:transform}
#savingsStory .budget-story-bars>i:nth-last-child(-n+2){background:linear-gradient(180deg,#c8d400,#a4b812)}
#savingsStory .budget-story-chart-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:8px;color:#6a899b}
#savingsStory .budget-story-growth-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
#savingsStory .budget-story-paid{font-size:9px;color:#658396;line-height:1.6;white-space:nowrap}
#savingsStory .budget-story-paid strong{color:var(--budget-ink);font-weight:700}
#savingsStory .budget-story-dreams{display:flex;gap:10px;font-size:9px;color:#436a80}
#savingsStory .budget-story-dreams>span{display:flex;align-items:center;gap:3px;white-space:nowrap}
#savingsStory .budget-story-dreams svg{height:18px;width:18px;color:#0082af}
#savingsStory .budget-story-controls{display:flex;align-items:center;gap:10px;padding:8px 0 0;border-top:1px solid #caddE8;min-height:36px}
#savingsStory .budget-story-steps{display:flex;flex:1;gap:8px}
#savingsStory .budget-story-steps button{position:relative;flex:1;display:flex;align-items:center;gap:5px;padding:5px 5px 9px;border:0;border-radius:3px;background:transparent;color:#7190a1;font-size:10px;text-align:left;line-height:1;white-space:nowrap}
#savingsStory .budget-story-steps button>span{font-size:7px;color:#91aab8}
#savingsStory .budget-story-steps button>i{position:absolute;height:2px;left:5px;bottom:2px;right:5px;background:#d2e3ec;overflow:hidden;border-radius:3px}
#savingsStory .budget-story-steps button>i::after{content:"";position:absolute;inset:0;background:var(--budget-blue);transform:scaleX(0);transform-origin:left}
#savingsStory .budget-story-steps button[aria-pressed="true"]{color:var(--budget-ink);font-weight:700}
#savingsStory .budget-story-steps button[aria-pressed="true"]>span{color:var(--budget-blue)}
#savingsStory .budget-story-steps button[aria-pressed="true"]>i::after{transform:scaleX(var(--budget-story-phase,1))}
#savingsStory .budget-story-steps button:hover{color:var(--budget-blue);background:#009dd909}
#savingsStory .budget-story-replay{display:grid;place-items:center;border:1px solid #bed7e4;border-radius:50%;height:26px;width:26px;background:#ffffff9c;color:#44728a;flex-shrink:0}
#savingsStory .budget-story-replay svg{height:13px;width:13px}
#savingsStory .budget-story-replay:hover{color:var(--budget-blue);background:#fff}
#savingsStory .budget-story-model{font-size:10px;line-height:1.35;text-align:center;margin:6px 0 0;color:#4f7286;min-height:27px;letter-spacing:0}
#savingsStory .budget-story-model span{font-size:10px;color:#5c798a}
#savingsStory .budget-story-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#savingsStory.budget-story-static *,#savingsStory.budget-story-static *::before,#savingsStory.budget-story-static *::after{animation:none!important;transition:none!important}
@keyframes budget-story-card-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes budget-story-processing{to{transform:rotate(360deg)}}
@keyframes budget-story-note-pop{from{opacity:0;transform:translateY(24px) rotate(-4deg) scale(.85)}to{opacity:1;transform:rotate(2deg)}}
@keyframes budget-story-back-pop{from{opacity:0;transform:rotate(0) translate(0,20px) scale(.9)}to{opacity:1;transform:rotate(-7deg) translate(-6px,-4px)}}
@media(prefers-reduced-motion:reduce){#savingsStory *,#savingsStory *::before,#savingsStory *::after{animation:none!important;transition:none!important}}

/* A fixed, immediately available heading frames all four animated phases.
   Large headline replacement is unnecessary for the budget story to unfold. */
#savingsStory { contain:layout style; }
#savingsStory .budget-story-stable-title { margin:7px 0 2px; font-size:24px; line-height:1.16; }
#savingsStory .budget-story-scene h3 { font:600 16px/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.02em; margin:5px 0 0; color:var(--budget-ink); }
#savingsStory .budget-story-heading { margin-bottom:11px; }
#savingsStory .budget-story-cost { min-height:57px; padding-block:10px; }
#savingsStory .budget-story-cost-footer { margin-top:12px; }
#savingsStory .budget-story-analysis-orbit { width:130px; height:112px; margin-bottom:3px; }
#savingsStory .budget-story-analysis-core { width:76px; height:76px; }
#savingsStory .budget-story-analysis-core>svg { width:43px; height:43px; }
#savingsStory .budget-story-analysis p { margin-top:7px; }
#savingsStory .budget-story-budget h3 { margin-top:5px; }
#savingsStory .budget-story-money-stage { margin-top:8px; }
#savingsStory .budget-story-growth-top h3 { margin-top:5px; font-size:15px; }
#savingsStory .budget-story-growth-amount { margin-block:8px; }
#savingsStory .budget-story-bars>i { transition:transform .08s linear; }
#savingsStory:not(.budget-story-playing) .budget-story-bars>i { will-change:auto; }

/* Progress bars animate independently of text updates. */
#savingsStory .budget-story-steps button>i::after { content:none; }
#savingsStory .budget-story-phase-fill { display:block; width:100%; height:100%; background:var(--budget-blue); transform:scaleX(0); transform-origin:left; }
#savingsStory .budget-story-bars>i { transition:none; }

/* savings.css */
/* Budget story + Startkonzept calculator treatment, scoped to this alternative page. */
.impact .hero :is(h1,h2):where(#heroTitle){font-size:clamp(74px,7.3vw,108px)}
.impact .hero-lead{max-width:690px}
.impact-screen-image[hidden]{display:none!important}
.impact-preview-tabs button{white-space:nowrap}
.impact-preview-tabs [data-hero-select="story"][aria-pressed="true"]{background:#c8d400;color:#073454;border-color:#c8d400}
.impact .screen{position:relative}
.impact .live-demo{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1.65fr);background:#fff;color:#073454;border:1px solid #c6dce8;border-radius:24px;overflow:hidden;box-shadow:0 25px 90px #0003;align-items:stretch;scroll-margin-top:115px}
.impact .demo-controls{background:#f0f5f8;padding:36px 32px;border-right:1px solid #d4e4ed;color:#073454}
.impact .demo-controls h3{font-family:Georgia,'Times New Roman',serif;color:#073454;font-size:35px;line-height:1.12;font-weight:400;letter-spacing:-.03em;margin:17px 0 31px}
.impact .demo-label{color:#47768e;font-size:10px;letter-spacing:.12em}
.impact .demo-label .status-dot{background:#009dd9;box-shadow:0 0 0 4px #009dd910}
.impact .range-field{margin-bottom:25px}
.impact .range-field label{font-family:Arial,Helvetica,sans-serif;color:#365b72;font-size:12px;gap:14px;display:flex;justify-content:space-between;align-items:center;line-height:1.5}
.impact .range-field output{color:#073454;font-size:17px;font-weight:700;white-space:nowrap}
.impact .range-field input[type=range]{width:100%;accent-color:#009dd9;margin:16px 0 7px;cursor:pointer;background:#c9dee9}
.impact .range-field input[type=range]::-webkit-slider-thumb{background:#009dd9;border-color:white;box-shadow:0 0 0 1px #009dd9}
.impact .range-ends{color:#618297;font-size:10px;display:flex;justify-content:space-between}
.impact .demo-controls>.text-link{color:#006d99;font-size:11px;margin-top:24px}
.budget-boost{border-top:1px solid #c7dce7;padding-top:23px;margin-top:31px}
.budget-boost-kicker{font-size:8px;font-weight:700;letter-spacing:.1em;color:#4f7689}
.budget-boost p{font-family:Arial,sans-serif;font-size:14px;line-height:1.65;color:#345e75;margin:10px 0 16px}
.budget-boost p strong{color:#073454;font-weight:700}
#demoBoost{width:100%;display:flex;align-items:center;gap:8px;min-height:54px;border:1px solid #b7c817;background:#c8d400;color:#073454;padding:10px 12px;border-radius:9px;font-family:Arial,sans-serif;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 3px 9px #7381111a;text-align:left;transition:background .2s,transform .2s}
#demoBoost:hover{background:#d9e533;transform:translateY(-1px)}
#demoBoost:focus-visible,.savings-check-panel button:focus-visible,.savings-check-panel summary:focus-visible{outline:3px solid #009dd9;outline-offset:4px}
.budget-boost-icon{font-size:25px;font-weight:400;line-height:1}
.budget-boost-switch{display:block;margin-left:auto;height:19px;min-width:33px;border-radius:20px;background:#07345435;padding:3px}
.budget-boost-switch i{display:block;height:13px;width:13px;border-radius:50%;background:#fff;transition:transform .2s}
#demoBoost[aria-pressed=true] .budget-boost-switch{background:#073454}
#demoBoost[aria-pressed=true] .budget-boost-switch i{transform:translateX(14px);background:#c8d400}
#demoResetExtra{font-family:Arial,sans-serif;font-size:10px;color:#426b80;border:0;background:none;text-decoration:underline;text-underline-offset:3px;padding:13px 0 0;cursor:pointer}
.impact .demo-visual{background:#fff;padding:38px 37px 28px;display:flex;flex-direction:column;min-width:0;justify-content:flex-start}
.impact .demo-result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.impact .demo-result-top>div{min-width:0}
.impact .demo-overline{color:#476e83;font-size:9px;letter-spacing:.1em;font-family:Arial,sans-serif}
.impact #demoTotal{display:block;color:#073454;font-size:clamp(39px,4.1vw,65px);letter-spacing:-.055em;font-weight:700;line-height:1.16;margin:10px 0 9px;font-family:Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.impact .demo-result-sub{display:block;color:#668398;font-size:11px;line-height:1.6}
.impact .example-badge{font-size:9px;border:1px solid #d3e3ec;border-radius:20px;background:#f0f5f8;color:#51768c;padding:7px 9px;white-space:nowrap;margin-top:1px}
.impact .demo-chart-wrap{margin:32px -4px 18px;min-height:0}
.impact #demoChart{width:100%;height:auto;overflow:visible;display:block}
.impact .demo-grid-lines path{stroke:#d6e4eb;stroke-width:1;stroke-dasharray:3 5;fill:none}
.impact .demo-main-line{stroke:#009dd9;stroke-width:3.5;fill:none;stroke-linejoin:round;stroke-linecap:round}
.impact .demo-base-line{stroke:#9caebb;stroke-width:1.5;fill:none;stroke-dasharray:0}
.impact .demo-baseline-curve{stroke:#073454;stroke-width:2;stroke-dasharray:6 5;fill:none;opacity:0}
.impact .chart-axis{fill:#668195;font-size:11px;font-family:Arial,sans-serif}
.demo-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d9e6ed;border-radius:10px;overflow:hidden;margin-bottom:20px}
.demo-comparison>div{padding:14px 15px;background:#f7fafc}
.demo-comparison>div+div{border-left:1px solid #d9e6ed}
.demo-comparison span{display:flex;align-items:center;gap:6px;color:#54768b;font-size:10px;line-height:1.4}
.demo-comparison strong{display:block;color:#073454;font:700 23px/1.2 Arial,sans-serif;letter-spacing:-.03em;margin-top:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
.comparison-dot{height:6px;width:6px;border-radius:50%;background:#073454;flex-shrink:0}
.comparison-dot.enhanced{background:#009dd9}
.has-boost .demo-comparison>div+div{background:#eaf6fb}
.demo-extra-result{padding:16px 20px;background:linear-gradient(115deg,#eef1bd,#f7f9e0);border:1px solid #d9dfa1;border-radius:10px;margin-bottom:21px;color:#073454;animation:budget-extra-in .5s ease both}
.demo-extra-result[hidden]{display:none}
.demo-extra-result>span{display:block;font:700 8px Arial,sans-serif;letter-spacing:.09em}
.demo-extra-result>strong{display:block;font:700 30px/1.2 Arial,sans-serif;letter-spacing:-.04em;margin:8px 0}
.demo-extra-result>small{display:block;color:#526939;font:10px/1.6 Arial,sans-serif}
.impact .demo-breakdown{margin-top:auto;border-top:1px solid #dce6ed;padding-top:21px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.impact .demo-breakdown>div>span{color:#618298;font-size:10px}
.impact .demo-breakdown strong{display:block;color:#073454;font:700 19px/1.3 Arial,sans-serif;margin-top:8px;letter-spacing:-.02em}
.impact .legend-base{background:#9caebb}.impact .legend-growth{background:#009dd9}
.demo-legend-note{color:#658295;font:10px/1.7 Arial,sans-serif;margin:18px 0 0}
.impact .demo-disclaimer{color:#a5bcd3;font-size:11px;line-height:1.9;margin:22px auto 0;max-width:930px;text-align:center}
.savings-check-panel{margin:0 0 25px;border:1px solid #7598b34f;border-radius:17px;overflow:hidden;background:#10253c;color:#e9f6ff}
.savings-check-panel>summary{padding:22px 26px;display:flex;align-items:center;gap:17px;cursor:pointer;list-style:none}
.savings-check-panel>summary::-webkit-details-marker,.savings-more>summary::-webkit-details-marker{display:none}
.savings-check-symbol{width:45px;height:45px;background:#173955;border:1px solid #356079;border-radius:12px;display:grid;place-items:center;flex-shrink:0;color:#71d5f5}
.savings-check-panel>summary strong{font-size:17px;line-height:1.5;color:#fff}
.savings-check-panel>summary small{display:block;color:#a7bfd3;font-size:11px;line-height:1.6;margin-top:4px}
.savings-open-label{margin-left:auto;font-size:10px;white-space:nowrap;color:#bfdaeb;display:flex;align-items:center;gap:18px}
.savings-open-label b{font-size:23px;font-weight:400;transition:transform .2s}
.savings-check-panel[open] .savings-open-label b{transform:rotate(45deg)}
#savingsCheck{padding:30px;background:#f0f5f8;color:#073454;font-family:Arial,sans-serif}
.savings-check-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin-bottom:24px}
.savings-check-intro h3{font-family:Georgia,serif;font-size:29px;line-height:1.2;font-weight:400;letter-spacing:-.035em;color:#073454;margin:0 0 12px}
.savings-check-intro p{color:#56768c;font-size:12px;line-height:1.9;max-width:670px;margin:0}
.savings-household{display:flex;background:#dce9f0;padding:4px;border-radius:8px;flex-shrink:0;gap:3px}
.savings-household button{font:12px Arial,sans-serif;border:0;padding:10px 12px;border-radius:5px;color:#53768d;background:transparent;cursor:pointer;white-space:nowrap}
.savings-household [aria-pressed=true]{background:#073454;color:#fff}
.savings-expenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.savings-expense{padding:17px;background:#fff;border:1px solid #d0e1eb;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:13px}
.savings-expense-name{grid-column:1/-1;display:flex;align-items:center;gap:9px;font-size:14px}
.savings-expense-name svg{width:20px;height:20px;fill:none;stroke:#009dd9;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.savings-expense label{min-width:0}
.savings-expense label>span{display:block;font-size:9px;line-height:1.5;color:#658296;margin-bottom:5px}
.savings-expense label>div{position:relative}
.savings-expense input{box-sizing:border-box;min-width:0;width:100%;height:39px;border:1px solid #c8dce7;border-radius:5px;padding:8px 22px 8px 8px;background:#f8fbfd;color:#073454;font:15px Arial,sans-serif;appearance:textfield;-moz-appearance:textfield}
.savings-expense input::-webkit-inner-spin-button{appearance:none}
.savings-expense input:focus{outline:2px solid #009dd9;outline-offset:1px;border-color:transparent}
.savings-expense input:invalid{border-color:#b63636}
.savings-expense input::placeholder{font-size:11px;color:#879da9}
.savings-expense label b{position:absolute;right:9px;top:12px;font-size:11px;font-weight:400;color:#688a9f;pointer-events:none}
.savings-more{margin:19px 0}
.savings-more>summary{display:flex;gap:18px;align-items:center;justify-content:space-between;color:#33647f;font-size:12px;list-style:none;cursor:pointer;padding:12px 0;border-bottom:1px solid #ccdee7}
.savings-more[open] .savings-expenses{margin-top:17px}
.savings-check-result{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#073454;color:#fff;border-radius:11px;padding:28px;margin-top:25px}
.savings-check-result>div:first-child>span{font-size:8px;letter-spacing:.12em;color:#a8d0e2}
#savingsSum{display:block;font-size:45px;letter-spacing:-.05em;line-height:1.1;margin:8px 0}
.savings-check-result small{font-size:11px;color:#b4d4e4}
#savingsCount{font-size:10px;line-height:1.6;margin:12px 0 0;color:#9fc4d9;max-width:440px}
.savings-check-result .button{background:#c8d400;color:#073454;font-size:12px;white-space:normal;text-align:left;border:0}
.savings-check-result .button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
#savingsReset{display:block;margin:13px 0 0 auto;border:0;color:#b5d1df;background:none;font:10px Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.savings-fine{font:10px/1.8 Arial,sans-serif;color:#628196;margin:17px 0 0}
.savings-next{display:grid;grid-template-columns:1fr auto;gap:4px 35px;align-items:center;margin:40px 0 0;padding:37px 0 0;border-top:1px solid #648aa33d}
.savings-next>div{grid-row:span 2}
.savings-next>div>span{font-size:8px;letter-spacing:.15em;color:#71bbdf}
.savings-next h3{font:400 30px/1.16 Georgia,serif;letter-spacing:-.025em;color:#edf7fd;margin:12px 0 0}
.savings-next .button{background:#c8d400;color:#073454;align-self:end;font-size:12px}
.savings-next small{font-size:10px;color:#a5bfd2;text-align:center;align-self:start;margin-top:7px}
@keyframes budget-extra-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.impact .live-demo{grid-template-columns:minmax(275px,.85fr) minmax(0,1.3fr)}.impact .demo-controls{padding:29px 23px}.impact .demo-visual{padding:29px 24px}.impact .demo-result-top{flex-wrap:wrap}.impact .demo-result-top .example-badge{order:-1;margin-bottom:4px}.impact .demo-result-top>div{width:100%}.impact #demoTotal{font-size:47px}.demo-comparison{grid-template-columns:1fr}.demo-comparison>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-comparison>div+div{border-left:0;border-top:1px solid #d9e6ed}.demo-comparison strong{margin:0;font-size:20px}.savings-check-intro{flex-direction:column;gap:15px}.savings-expenses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.impact .hero :is(h1,h2):where(#heroTitle){font-size:clamp(52px,10.8vw,79px)}.impact .live-demo{grid-template-columns:1fr}.impact .demo-controls{border-right:0;border-bottom:1px solid #d4e4ed;padding:29px}.impact .demo-controls h3{font-size:32px}.impact .demo-visual{padding:28px}.impact .demo-result-top{flex-wrap:nowrap}.impact .demo-result-top>div{width:auto}.impact .demo-result-top .example-badge{order:0}.impact #demoTotal{font-size:51px}.demo-comparison{grid-template-columns:1fr 1fr}.demo-comparison>div{display:block}.demo-comparison>div+div{border-top:0;border-left:1px solid #d9e6ed}.demo-comparison strong{margin-top:9px}.savings-check-panel>summary{padding:20px}.savings-open-label{font-size:0;gap:0}.savings-open-label b{font-size:23px}.savings-check-panel>summary strong{font-size:15px}.savings-check-panel>summary small{font-size:10px}.savings-check-symbol{height:37px;width:37px}.savings-check-result{align-items:stretch;flex-direction:column;gap:23px}.savings-next{grid-template-columns:1fr;gap:22px}.savings-next>div{grid-row:auto}.savings-next .button{justify-self:start}.savings-next small{text-align:left;margin-top:-10px}.savings-next h3{font-size:31px}}
@media(max-width:600px){.impact .hero :is(h1,h2):where(#heroTitle){font-size:clamp(47px,12vw,69px)}.impact-preview-tabs{max-width:calc(100vw - 22px);flex-wrap:wrap;justify-content:center}.impact-preview-tabs button{font-size:8px;padding:6px 8px}.impact-preview-tabs [data-hero-select=finanz]{display:none}.impact .hero-stage{height:353px}.impact .hero-lead{font-size:12px;max-width:335px}.impact .demo-section .section-heading h2{font-size:38px;letter-spacing:-.04em}.impact .demo-section .section-heading p{font-size:13px}.impact .demo-controls{padding:25px 22px}.impact .demo-visual{padding:26px 20px}.impact .demo-result-top{flex-wrap:wrap}.impact .demo-result-top .example-badge{order:-1}.impact .demo-result-top>div{width:100%}.impact #demoTotal{font-size:46px}.impact .demo-chart-wrap{margin-top:24px;margin-inline:-6px}.demo-comparison>div{padding:12px}.demo-comparison strong{font-size:19px}.demo-comparison span{font-size:9px}.impact .demo-breakdown strong{font-size:18px}.impact .demo-breakdown>div>span{font-size:9px}.demo-extra-result{padding:15px}.demo-extra-result>strong{font-size:27px}#savingsCheck{padding:23px 15px}.savings-expenses{grid-template-columns:1fr;gap:10px}.savings-expense{padding:14px}.savings-check-intro h3{font-size:27px}.savings-check-intro p{font-size:11px}.savings-check-panel>summary{padding:19px 15px;gap:11px}.savings-check-result{padding:23px 20px}.savings-check-result .button{font-size:11px;line-height:1.6}.impact .demo-disclaimer{text-align:left;font-size:10px;line-height:1.8}.savings-next .button{font-size:11px}}
@media(max-width:380px){.impact .hero :is(h1,h2):where(#heroTitle){font-size:43px}.impact .hero-stage{height:322px}.impact #demoTotal{font-size:39px}.demo-comparison strong{font-size:16px}.impact .demo-controls{padding:24px 19px}.impact .demo-visual{padding:25px 17px}.impact .demo-section .section-heading h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.demo-extra-result{animation:none}.budget-boost-switch i{transition:none}}
.paused-motion .demo-extra-result{animation:none}
/* Keep the savings story readable while original tool windows stay in view. */
.impact .hero-stage .impact-window{width:258px}
.impact .hero-stage .impact-window>img{height:156px}
.impact .hero-stage .impact-window-home{left:calc(50% - 690px);top:124px}
.impact .hero-stage .impact-window-house{right:calc(50% - 690px);top:193px}
@media(max-width:1350px){.impact .hero-stage .impact-window{width:222px}.impact .hero-stage .impact-window>img{height:133px}.impact .hero-stage .impact-window-home{left:calc(50% - 583px);top:122px}.impact .hero-stage .impact-window-house{right:calc(50% - 583px);top:174px}}
@media(max-width:1050px){.impact .hero-stage .impact-window{width:178px}.impact .hero-stage .impact-window>img{height:109px}.impact .hero-stage .impact-window-home{left:calc(50% - 467px);top:180px}.impact .hero-stage .impact-window-house{right:calc(50% - 467px);top:185px}}
@media(max-width:860px){.impact .hero-stage .impact-window{opacity:.9;width:149px}.impact .hero-stage .impact-window>img{height:88px}.impact .hero-stage .impact-window-home{left:calc(50% - 399px);top:222px}.impact .hero-stage .impact-window-house{right:calc(50% - 399px);top:237px}}
@media(max-width:600px){.impact .hero-stage .impact-window{display:none}.impact .hero-stage .notebook-wrap{top:42%}.impact .hero-stage .impact-preview-tabs [data-hero-select="finanz"]{display:inline-block}.impact .hero-stage .impact-preview-tabs button{padding-inline:6px;font-size:8px}}

.impact .hero-model-note{color:#a5bed5;font:10px/1.8 Arial,sans-serif;text-align:center;max-width:610px;margin:18px auto 0;padding:0 20px}.impact .hero-model-note[hidden]{display:none}

#einsparrechner{scroll-margin-top:110px}

/* trust.css */
/* Existing trust content and specialist network, in the landingpage's visual system. */
.network-section{position:relative;overflow:hidden;background:#08172a;color:#e9f4ff;isolation:isolate}
.network-section::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 20%,#1d94d51a,transparent 50%),radial-gradient(ellipse at 0 90%,#6461bb18,transparent 50%)}
.network-main{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}
.network-copy .eyebrow,.network-partners .eyebrow{color:#88c5e6}
.network-copy h2{font-size:clamp(38px,4.1vw,59px);letter-spacing:-.055em;line-height:1.08;margin-bottom:27px}
.network-copy h2>span{color:#74c9f3}
.network-copy p{max-width:475px;color:#a1b7cc;font-size:15px;line-height:1.85;margin-bottom:18px}
.network-copy .text-link{color:#b9e8ff;margin-top:16px}
.network-map{position:relative;isolation:isolate;padding:35px 16px 22px;min-width:0}
.network-orbits{position:absolute;inset:0;display:grid;place-items:center;z-index:-1;pointer-events:none}
.network-orbits i{position:absolute;width:420px;height:420px;border:1px solid #7ecaf023;border-radius:50%;box-shadow:0 0 55px #32bfff05}
.network-orbits i:nth-child(2){width:320px;height:320px;border-style:dashed;transform:rotate(25deg)}
.network-orbits i:nth-child(3){width:230px;height:230px;background:radial-gradient(#31aff317,transparent 72%)}
.network-center{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:43px}
.network-center>img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:center 20%;border:4px solid #b9e9ff;box-shadow:0 0 0 11px #7abfea0a,0 0 45px #159cea24}
.network-center strong{font-size:29px;letter-spacing:-.04em;display:block}
.network-center span{font-size:10px;display:block;color:#8eb2ce;margin-top:5px}
.network-specialties{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.network-specialty{position:relative;display:flex;align-items:center;gap:13px;padding:20px 16px;min-height:77px;background:#0e263cde;border:1px solid #77c5f334;border-radius:14px;box-shadow:0 15px 30px #000b151a;transition:transform .25s,border-color .25s}
.network-specialty:hover{transform:translateY(-4px);border-color:#65cfff80}
.network-specialty .icon{width:22px;height:22px;flex-shrink:0;color:#7acdf8}
.network-specialty span{font-size:12px;line-height:1.5;font-weight:550}
.network-map-note{text-align:center;margin:24px 0 0;color:#8baac5;font-size:10px;letter-spacing:.035em}
.network-experience{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #749abb27;margin-top:68px;padding:32px 0}
.network-experience>div{padding:0 30px;border-right:1px solid #749abb27}
.network-experience>div:first-child{padding-left:0}.network-experience>div:last-child{border:0}
.network-experience strong{display:block;font-size:clamp(32px,3.4vw,49px);letter-spacing:-.05em;line-height:1.1}
.network-experience strong>span{color:#65c8f5;font-size:.72em;margin-left:2px}
.network-experience>div>span{font-size:12px;color:#92b1c9;display:block;margin-top:12px}
.network-partners{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;padding-top:65px;scroll-margin-top:125px}
.network-partners h3{font-size:36px;line-height:1.15;letter-spacing:-.045em}
.network-partners p{font-size:14px;line-height:1.85;color:#9ab4cb;margin-bottom:24px}
.network-contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.network-contact{border:1px solid #87bfe622;background:#6dbafb07;padding:17px 11px;border-radius:10px;display:flex;align-items:center;gap:11px;min-width:0}
.network-contact .icon{color:#8ecbed;flex-shrink:0;width:22px;height:22px}
.network-contact span{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.network-scope{color:#7996b0;font-size:10px;line-height:1.7;margin:32px 0 0}
.trust-section{background:linear-gradient(180deg,#f4f8fb,#fff);color:#102d47;position:relative}
.trust-section h2{max-width:770px}
.trust-scoreboard{display:grid;grid-template-columns:1fr .8fr 1.25fr;gap:0;align-items:center;background:linear-gradient(115deg,#0c2e49,#083758);border:1px solid #2e6689;border-radius:22px;box-shadow:0 23px 60px #1b486414;color:white;overflow:hidden}
.trust-score{padding:37px 36px;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 20% 70%,#23b3ee21,transparent 75%)}
.trust-small{font-size:9px;letter-spacing:.16em;color:#87c7e9;font-weight:650}
.trust-score>strong{font-size:77px;letter-spacing:-.055em;line-height:1.15;margin:12px 0}
.trust-score>strong>span{font-size:24px;font-weight:400;letter-spacing:-.025em;color:#79a4bf;margin-left:9px}
.trust-score-caption{font-size:11px;display:flex;gap:12px;align-items:center;color:#b7dcec}.trust-score-caption .icon{width:14px;height:14px}
.trust-rating{padding:14px 32px;border-inline:1px solid #8dcdf42a;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.trust-stars{color:#c8d400;letter-spacing:.13em;font-size:16px;line-height:1.4}
.trust-rating strong{font-size:38px;letter-spacing:-.04em;font-weight:650}
.trust-rating strong>span{font-size:17px;color:#7fa7c1;font-weight:400}
.trust-rating>span{font-size:11px;line-height:1.6;max-width:160px;color:#9cc0d6}
.trust-score-action{padding:32px 37px}.trust-score-action>strong{font-size:21px;letter-spacing:-.035em}.trust-score-action>p{font-size:12px;color:#a5c5dc;line-height:1.7;margin:11px 0 21px;max-width:280px}
.trust-score-action .button{background:#b9e9fc;border-color:#b9e9fc;color:#082e47;padding:13px 16px;font-size:11px;gap:17px}.trust-score-action .button:hover{background:#d6f2ff;transform:translateY(-2px)}
.trust-score-action>small{display:block;color:#789db7;font-size:9px;margin-top:13px}
.trust-awards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}
.trust-award{display:flex;align-items:center;gap:15px;padding:20px 15px;background:#fff;border:1px solid #dce7ef;border-radius:14px;transition:transform .25s,box-shadow .25s;min-width:0}
.trust-award:hover{transform:translateY(-5px);box-shadow:0 16px 32px #163b5710}
.trust-award-image{width:72px;height:78px;flex-shrink:0;display:grid;place-items:center}.trust-award img{width:100%;height:100%;object-fit:contain}
.trust-award strong{font-size:12px;line-height:1.5;display:block}.trust-award span{display:block;font-size:9px;color:#7992a5;line-height:1.5;margin-top:5px}.trust-award>.icon{width:12px;height:12px;margin-left:auto;flex-shrink:0;color:#7398b1}
.trust-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.trust-quality{padding:30px 27px;background:#edf5fa;border:1px solid #dae7f0;border-radius:16px;display:flex;gap:24px;align-items:flex-start;min-width:0}
.trust-quality .eyebrow{font-size:8px;margin-bottom:10px;color:#337a9f}.trust-quality h3{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:0 0 12px}.trust-quality p{font-size:12px;line-height:1.8;margin:0 0 15px;color:#5c778c}.trust-quality .text-link{font-size:10px}
.trust-quality-logo{background:white;border:1px solid #dce8ef;padding:12px;border-radius:11px;width:112px;min-height:91px;flex-shrink:0;display:grid;place-items:center}.trust-quality-logo img{width:100%;height:auto}
.trust-quality-symbol{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#daeef8;flex-shrink:0;color:#1182b6}.trust-quality-symbol .icon{width:27px;height:27px}
.trust-reviews-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:75px 0 24px}.trust-reviews-head .eyebrow{font-size:9px;margin-bottom:12px}.trust-reviews-head h3{font-size:34px;letter-spacing:-.045em;line-height:1.2;margin-bottom:12px}.trust-reviews-head p{font-size:12px;color:#7890a3;margin:0}
.trust-review-controls{display:flex;gap:8px;flex-shrink:0}.trust-review-controls button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #c7dce9;color:#125576;background:#f3f8fb;cursor:pointer;transition:background .2s}.trust-review-controls button:hover{background:#d6effb}.trust-review-controls button:disabled{opacity:.3;cursor:default}.trust-review-controls button:first-child .icon{transform:rotate(180deg)}
.trust-review-track{display:grid;grid-auto-columns:calc((100% - 36px)/3);grid-auto-flow:column;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding:3px 1px 17px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b4d6e9 #edf4f8;outline-offset:7px}
.trust-review{scroll-snap-align:start;min-width:0;border:1px solid #dae7ef;border-radius:17px;background:#fff;padding:28px 26px;display:flex;flex-direction:column;box-shadow:0 6px 18px #183e5606}
.trust-review-top{display:flex;align-items:center;gap:11px;margin-bottom:23px}.trust-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e4f3fa;color:#237ba4;font-size:13px;font-weight:650;flex-shrink:0}.trust-review-top strong{display:block;font-size:11px;font-weight:650;line-height:1.5}.trust-review-top div>span{display:block;font-size:9px;color:#8aa0b0;margin-top:3px}.trust-source-mark{font-weight:700;font-size:16px;color:#7896ab;margin-left:auto;align-self:flex-start}
.trust-review .trust-stars{font-size:13px;color:#86a913;margin-bottom:16px}.trust-review p{font-size:14px;line-height:1.85;color:#49657b;margin:0 0 25px;flex-grow:1}.trust-review>a{font-size:10px;color:#217399;display:flex;align-items:center;gap:12px}.trust-review>a .icon{width:13px;height:13px}
.trust-review-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:24px}.trust-themes{display:flex;gap:18px;flex-wrap:wrap}.trust-themes span{font-size:9px;color:#607f93;display:flex;align-items:center;gap:6px}.trust-themes .icon{color:#42a4c7;width:12px;height:12px}.trust-review-bottom>.text-link{font-size:11px;white-space:nowrap}
.continuity-note{padding-top:16px;border-top:1px solid #cee2ef;margin-top:20px}.continuity-book-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#7996aa;margin-top:20px}.continuity-book-subjects{font-size:13px!important;margin-top:16px!important;max-width:440px;line-height:1.7!important}
.journey-quote{border-left:2px solid #399fce55;padding-left:18px;color:#6792ae;font-size:13px;line-height:1.8;margin:25px 0 0;max-width:340px;font-style:italic}
.nav-trust-preview{display:flex;align-items:center;gap:13px;min-width:0;margin-top:30px;padding-top:23px;border-top:1px solid #9dc7e225}.nav-trust-preview>strong{font-size:31px;letter-spacing:-.04em;color:#aff0ff;white-space:nowrap}.nav-trust-preview>strong>small{font-size:13px;font-weight:400;color:#7997b4}.nav-trust-preview>span{font-size:10px;color:#94b5cf;line-height:1.6}.nav-continuity-links{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px 21px;font-size:11px;color:#a1c5df}
@media(max-width:1100px){.network-main{gap:40px}.network-partners{gap:40px}.network-contacts{grid-template-columns:1fr 1fr}.trust-score-action{padding:25px}.trust-score{padding:32px 28px}.trust-rating{padding-inline:24px}.trust-award{gap:9px;padding:17px 10px}.trust-award-image{width:55px;height:66px}.trust-award>.icon{display:none}.trust-quality{gap:18px;padding:25px 22px}.trust-quality-logo{width:88px;padding:9px}.trust-review{padding:25px 21px}.trust-review-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.network-main{grid-template-columns:1fr;gap:18px}.network-copy h2>span>br{display:none}.network-copy p{max-width:630px}.network-map{max-width:580px;width:100%;margin:auto}.network-partners{grid-template-columns:1fr;gap:22px}.network-partners h3 br{display:none}.network-contacts{grid-template-columns:repeat(3,1fr)}.network-experience{margin-top:40px}.trust-scoreboard{grid-template-columns:1fr 1fr}.trust-rating{border-right:0}.trust-score-action{grid-column:1/-1;border-top:1px solid #8dcdf42a;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 25px;padding:25px 28px}.trust-score-action>p{margin:0;grid-row:2}.trust-score-action .button{grid-column:2;grid-row:1/3}.trust-score-action>small{grid-column:1/-1;margin:4px 0 0}.trust-awards{grid-template-columns:1fr 1fr}.trust-award{padding:18px 22px;gap:19px}.trust-award-image{width:70px;height:72px}.trust-award>.icon{display:block}.trust-quality-grid{grid-template-columns:1fr}.trust-quality-logo{width:100px}.trust-review-track{grid-auto-columns:calc((100% - 18px)/2)}.trust-reviews-head h3{font-size:30px}}
@media(max-width:540px){.network-copy h2{font-size:38px}.network-copy p{font-size:14px}.network-map{padding-inline:0}.network-center{gap:16px;margin-bottom:33px}.network-center>img{width:72px;height:72px}.network-center strong{font-size:27px}.network-center span{font-size:9px}.network-specialties{gap:9px}.network-specialty{padding:15px 12px;gap:9px;min-height:80px}.network-specialty span{font-size:10px}.network-specialty .icon{width:19px;height:19px}.network-experience{grid-template-columns:1fr;padding:0;margin-top:34px}.network-experience>div,.network-experience>div:first-child{padding:22px 0;border-right:0;border-bottom:1px solid #749abb27;display:flex;align-items:center;gap:20px;justify-content:space-between}.network-experience>div:last-child{border:0}.network-experience strong{font-size:37px;white-space:nowrap}.network-experience>div>span{font-size:10px;margin:0;text-align:right;max-width:125px;line-height:1.7}.network-partners{padding-top:43px}.network-partners h3{font-size:29px}.network-partners p{font-size:13px}.network-contacts{grid-template-columns:1fr 1fr;gap:8px}.network-contact{padding:17px 12px;gap:11px;min-height:68px}.network-contact span{font-size:10px;hyphens:auto}.network-contact .icon{width:20px;height:20px}.network-scope{font-size:9px}.trust-scoreboard{border-radius:18px}.trust-score{padding:27px 21px}.trust-small{font-size:7px}.trust-score>strong{font-size:59px}.trust-score>strong>span{font-size:18px;margin-left:5px}.trust-score-caption{font-size:9px;gap:8px;line-height:1.6}.trust-score-caption .icon{width:12px;height:12px;flex-shrink:0}.trust-rating{padding-inline:20px;gap:9px}.trust-rating .trust-stars{font-size:12px}.trust-rating strong{font-size:32px}.trust-rating>span{font-size:9px}.trust-score-action{padding:24px 21px;grid-template-columns:1fr;gap:10px}.trust-score-action>strong{font-size:21px}.trust-score-action>p{font-size:12px}.trust-score-action .button{grid-column:1;grid-row:3;margin:6px 0 0;justify-content:space-between;font-size:11px}.trust-score-action>small{font-size:8px}.trust-awards{gap:10px;margin-top:14px}.trust-award{flex-direction:column;gap:12px;align-items:flex-start;padding:19px 16px}.trust-award-image{width:68px;height:74px;align-self:center}.trust-award>.icon{display:none}.trust-award strong{font-size:11px}.trust-award span{font-size:9px}.trust-quality-grid{margin-top:23px;gap:15px}.trust-quality{padding:23px 20px;gap:20px;flex-direction:column}.trust-quality-logo{width:106px;min-height:80px;padding:10px}.trust-quality h3{font-size:23px}.trust-quality p{font-size:12px}.trust-quality-symbol{width:48px;height:48px}.trust-reviews-head{margin-top:48px;align-items:flex-start;gap:15px;flex-wrap:wrap}.trust-reviews-head h3{font-size:28px;max-width:300px}.trust-reviews-head .eyebrow{font-size:8px}.trust-reviews-head p{font-size:11px;line-height:1.7}.trust-review-controls{margin-left:auto}.trust-review-track{grid-auto-columns:calc(100% - 18px);gap:12px}.trust-review{padding:27px 23px}.trust-review p{font-size:14px}.trust-themes{gap:13px 15px}.trust-review-bottom>.text-link{font-size:11px}.continuity-book-meta{font-size:9px;gap:9px 15px}.continuity-book-subjects{font-size:12px!important}.nav-continuity-links{font-size:12px;gap:12px 18px}}
@media(prefers-reduced-motion:reduce){.trust-award,.network-specialty{transition:none}.trust-review-track{scroll-behavior:auto}}

/* social.css */
/* Social hub · original channel content · scoped additive landing section */
.social-hub{--social-ink:#f7fbff;--social-muted:#a7bbcf;--social-cyan:#42caff;position:relative;isolation:isolate;overflow:hidden;padding:clamp(66px,8vw,112px) 0;background:#070e21;color:var(--social-ink)}
.social-hub::before{content:"";position:absolute;z-index:-1;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at 14% 30%,#009dd925,transparent 43%),radial-gradient(ellipse at 88% 80%,#1649ab20,transparent 40%);animation:social-hub-glow 9s ease-in-out infinite alternate}
.social-hub::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#71ceff04 1px,transparent 1px),linear-gradient(90deg,#71ceff04 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent,#000 45%,transparent)}
.social-hub .social-hub-inner{width:min(1240px,calc(100% - 104px));margin-inline:auto;position:relative}
.social-hub .social-hub-heading{display:grid;grid-template-columns:1.1fr .65fr;align-items:end;gap:60px;margin-bottom:34px}
.social-hub .social-hub-kicker{display:flex;gap:11px;align-items:center;margin:0 0 22px;color:#79d5fb;font-size:11px;font-weight:700;letter-spacing:.15em;line-height:1.5}
.social-hub .social-hub-kicker::before{content:"";width:24px;height:1px;background:currentColor}
.social-hub .social-hub-heading h2{margin:0;font-size:clamp(38px,4.7vw,62px);line-height:1.07;letter-spacing:-.055em;font-weight:650;color:#f7fbff}
.social-hub .social-hub-heading h2 span{color:#55caff}
.social-hub .social-hub-intro{font-size:15px;line-height:1.8;color:var(--social-muted);margin:0 0 3px;max-width:390px}
.social-hub .social-hub-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.social-hub .social-hub-feed-status{color:#95afc5;margin:0;font-size:11px;line-height:1.7;display:flex;align-items:center;gap:9px}
.social-hub .social-hub-feed-status::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#72cdef;box-shadow:0 0 16px #42caff65}
.social-hub .social-hub-channel{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;padding:10px 17px;border:1px solid #89dbff35;border-radius:9px;color:#d8f3ff;background:#13375147;font-size:12px;font-weight:650;text-decoration:none;line-height:1.4;transition:background .2s,border-color .2s}
.social-hub .social-hub-channel:hover{background:#1b547466;border-color:#75d3fc}
.social-hub .social-hub-channel svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.social-hub .social-hub-videos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.social-hub .social-hub-video{display:flex;flex-direction:column;min-width:0;border:1px solid #7caccb27;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#142a415e,#091224);color:inherit;text-decoration:none;transition:transform .3s,border-color .3s,background .3s}
.social-hub .social-hub-video:hover{transform:translateY(-4px);border-color:#62c9ef8a;background:linear-gradient(145deg,#123b5870,#0c182e)}
.social-hub .social-hub-video:focus-visible,.social-hub a:focus-visible,.social-hub button:focus-visible{outline:3px solid #72dbff;outline-offset:5px}
.social-hub .social-hub-video--feature{grid-column:1/-1;display:grid;grid-template-columns:1.27fr 1fr;border-radius:21px;margin-bottom:8px;border-color:#70cefb47;background:linear-gradient(120deg,#153b5799,#0c182e 78%);box-shadow:0 25px 80px #0003}
.social-hub .social-hub-video--feature:hover{transform:translateY(-3px)}
.social-hub .social-hub-media{position:relative;isolation:isolate;display:block;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(130deg,#073454,#092037);flex:none}
.social-hub .social-hub-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:saturate(.92)}
.social-hub .social-hub-video:hover .social-hub-media img{transform:scale(1.025)}
.social-hub .social-hub-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#040b2766,transparent 50%);z-index:1}
.social-hub .social-hub-play{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #d0f2ff9e;background:#061b36b8;color:#fff;box-shadow:0 8px 30px #0004;backdrop-filter:blur(8px);transition:background .3s,scale .3s}
.social-hub .social-hub-play svg{width:17px;height:17px;fill:currentColor;margin-left:3px}
.social-hub .social-hub-video:hover .social-hub-play{background:#009dd9;scale:1.07}
.social-hub .social-hub-video--feature .social-hub-media{aspect-ratio:16/10;align-self:stretch;min-height:100%}
.social-hub .social-hub-video--feature .social-hub-play{width:76px;height:76px;border-color:#d9f7ffbb;background:#073454b3}
.social-hub .social-hub-video--feature .social-hub-play svg{width:24px;height:24px}
.social-hub .social-hub-video--feature .social-hub-play::before{content:"";position:absolute;inset:-10px;border:1px solid #a5e5ff70;border-radius:50%;animation:social-hub-ring 3.6s ease-out infinite;pointer-events:none}
.social-hub .social-hub-copy{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0;flex:1;padding:19px 17px 20px}
.social-hub .social-hub-video--feature .social-hub-copy{justify-content:center;padding:clamp(24px,3.7vw,48px);gap:22px}
.social-hub .social-hub-source{display:block;margin:0;color:#86cce9;font-size:10px;line-height:1.5;letter-spacing:.045em;font-weight:600}
.social-hub .social-hub-video h3{margin:0;color:#eef7ff;line-height:1.5;letter-spacing:-.017em;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.social-hub .social-hub-video--feature h3{font-size:clamp(25px,2.7vw,37px);line-height:1.18;letter-spacing:-.035em;font-weight:650}
.social-hub .social-hub-video time{display:block;color:#9eb5c9;font-size:11px;margin:0}
.social-hub .social-hub-watch{display:flex;gap:9px;align-items:center;margin-top:auto;padding-top:3px;font-size:11px;font-weight:650;color:#89ddff;line-height:1.5}
.social-hub .social-hub-watch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.social-hub .social-hub-video--feature .social-hub-watch{padding:12px 17px;min-height:46px;border-radius:8px;background:#b7edff;color:#073454;font-size:12px;gap:26px;margin-top:1px}
.social-hub .social-hub-video--feature .social-hub-watch svg{width:18px;height:18px}
.social-hub .social-hub-note{font-size:11px;line-height:1.7;margin:17px 0 0;color:#9ab0c5}
.social-hub .social-hub-accounts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px;padding-top:30px;border-top:1px solid #71b4d429}
.social-hub .social-hub-account{display:flex;align-items:center;gap:19px;min-width:0;padding:20px 23px;border:1px solid #6093b027;border-radius:13px;background:#0d1b303d;text-decoration:none;transition:border-color .3s,background .3s}
.social-hub .social-hub-account:hover{border-color:#7bcef27d;background:#15364d5c}
.social-hub .social-hub-account-icon{width:43px;height:43px;border-radius:11px;background:linear-gradient(135deg,#17648d55,#223151);display:grid;place-items:center;color:#bbebff;flex:none}
.social-hub .social-hub-account-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.social-hub .social-hub-account strong{display:block;color:#e9f6ff;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.5}
.social-hub .social-hub-account small{display:block;color:#91aec6;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.social-hub .social-hub-account-arrow{margin-left:auto;width:19px;height:19px;fill:none;stroke:#85d2f4;stroke-width:1.6;flex:none}
.social-hub .social-hub-dialog{width:min(1080px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 36px);padding:0;border:1px solid #77ccf358;border-radius:18px;background:#0a152a;color:#eef8ff;box-shadow:0 30px 140px #000b;overflow:auto}
.social-hub .social-hub-dialog::backdrop{background:#020715dd;backdrop-filter:blur(8px)}
.social-hub .social-hub-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 24px}
.social-hub .social-hub-dialog-head h3{margin:0;font-size:17px;letter-spacing:-.015em;line-height:1.5;color:#e9f6ff;overflow-wrap:anywhere}
.social-hub .social-hub-close{display:grid;place-items:center;min-width:44px;width:44px;height:44px;border:1px solid #80c5e439;background:#1c37584d;color:#c8edff;border-radius:9px;cursor:pointer}
.social-hub .social-hub-close:hover{background:#23567266}
.social-hub .social-hub-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.social-hub .social-hub-player{position:relative;aspect-ratio:16/9;background:#030713}
.social-hub .social-hub-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.social-hub .social-hub-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 24px;flex-wrap:wrap}
.social-hub .social-hub-dialog-foot p{margin:0;font-size:11px;line-height:1.7;color:#9ab4c9}
.social-hub .social-hub-dialog-foot a{font-size:12px;color:#a1e4ff;text-decoration:underline;text-underline-offset:4px}
@keyframes social-hub-glow{from{transform:scale(.97);opacity:.65}to{transform:scale(1.08);opacity:1}}
@keyframes social-hub-ring{0%{scale:.9;opacity:.65}80%,100%{scale:1.3;opacity:0}}
.paused-motion .social-hub::before,.paused-motion .social-hub .social-hub-play::before{animation:none}
@media(max-width:1100px){.social-hub .social-hub-inner{width:calc(100% - 70px)}.social-hub .social-hub-videos{grid-template-columns:repeat(3,minmax(0,1fr))}.social-hub .social-hub-heading{grid-template-columns:1fr .75fr;gap:40px}.social-hub .social-hub-video--feature{grid-template-columns:1.15fr 1fr}.social-hub .social-hub-video--feature .social-hub-copy{padding:28px}.social-hub .social-hub-video--feature .social-hub-media{aspect-ratio:auto}.social-hub .social-hub-video--feature .social-hub-media img{position:absolute;inset:0}.social-hub .social-hub-video--feature h3{font-size:29px}.social-hub .social-hub-video h3{font-size:14px}.social-hub .social-hub-video--feature h3{font-size:29px}}
@media(max-width:760px){.social-hub .social-hub-inner{width:calc(100% - 40px)}.social-hub .social-hub-heading{display:block;margin-bottom:26px}.social-hub .social-hub-heading h2{font-size:46px}.social-hub .social-hub-intro{margin-top:23px;font-size:13px;max-width:440px}.social-hub .social-hub-kicker{font-size:9px;margin-bottom:19px}.social-hub .social-hub-toolbar{align-items:flex-start;gap:15px}.social-hub .social-hub-channel{font-size:10px;min-height:43px;padding:10px 12px;gap:9px;flex:none}.social-hub .social-hub-feed-status{font-size:10px;max-width:190px;line-height:1.6;padding-top:6px}.social-hub .social-hub-videos{grid-template-columns:1fr;gap:13px}.social-hub .social-hub-video--feature{display:flex;flex-direction:column;margin-bottom:7px;border-radius:16px}.social-hub .social-hub-video--feature .social-hub-media{aspect-ratio:16/10;min-height:0}.social-hub .social-hub-video--feature .social-hub-media img{position:static}.social-hub .social-hub-video--feature .social-hub-copy{padding:25px;gap:18px}.social-hub .social-hub-video--feature h3{font-size:28px;line-height:1.2}.social-hub .social-hub-video:not(.social-hub-video--feature){display:grid;grid-template-columns:135px minmax(0,1fr);align-items:stretch;border-radius:12px}.social-hub .social-hub-video:not(.social-hub-video--feature) .social-hub-media{aspect-ratio:auto;min-height:124px}.social-hub .social-hub-video:not(.social-hub-video--feature) .social-hub-media img{position:absolute;inset:0;object-fit:cover}.social-hub .social-hub-copy{padding:15px;gap:9px}.social-hub .social-hub-video:not(.social-hub-video--feature) .social-hub-source{display:none}.social-hub .social-hub-video:not(.social-hub-video--feature) h3{font-size:13px;line-height:1.5}.social-hub .social-hub-watch{font-size:10px}.social-hub .social-hub-accounts{grid-template-columns:1fr;margin-top:26px;gap:12px;padding-top:24px}.social-hub .social-hub-account{padding:16px 18px}.social-hub .social-hub-account strong{font-size:13px}.social-hub .social-hub-account small{font-size:11px}.social-hub .social-hub-dialog-head{padding:15px;gap:14px}.social-hub .social-hub-dialog-head h3{font-size:13px}.social-hub .social-hub-dialog-foot{padding:17px;gap:10px}}
@media(max-width:380px){.social-hub .social-hub-inner{width:calc(100% - 30px)}.social-hub .social-hub-heading h2{font-size:37px}.social-hub .social-hub-toolbar{gap:8px}.social-hub .social-hub-feed-status{font-size:9px;gap:6px}.social-hub .social-hub-channel{font-size:9px;padding-inline:10px}.social-hub .social-hub-video--feature .social-hub-copy{padding:21px}.social-hub .social-hub-video--feature h3{font-size:25px}.social-hub .social-hub-video:not(.social-hub-video--feature){grid-template-columns:96px minmax(0,1fr)}.social-hub .social-hub-video:not(.social-hub-video--feature) .social-hub-media{min-height:133px}.social-hub .social-hub-copy{padding:13px 12px}.social-hub .social-hub-video:not(.social-hub-video--feature) h3{font-size:12px}.social-hub .social-hub-play{width:36px;height:36px}.social-hub .social-hub-account{gap:14px;padding:15px}.social-hub .social-hub-account-icon{width:38px;height:38px}.social-hub .social-hub-account small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.social-hub::before,.social-hub .social-hub-play::before{animation:none}.social-hub .social-hub-video,.social-hub .social-hub-media img,.social-hub .social-hub-play{transition:none}.social-hub .social-hub-video:hover{transform:none}.social-hub .social-hub-video:hover .social-hub-media img{transform:none}}
@media print{.social-hub{background:#fff;color:#073454;break-inside:auto;padding:25px 0}.social-hub .social-hub-inner{width:100%}.social-hub .social-hub-heading h2,.social-hub .social-hub-video h3{color:#073454}.social-hub .social-hub-play,.social-hub .social-hub-dialog,.social-hub::before,.social-hub::after{display:none}.social-hub .social-hub-video{break-inside:avoid}.social-hub .social-hub-videos{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* contact.css */
/* Contact presentation only. Original shared form, consent and routing stay intact. */
#kontakt{position:relative;isolation:isolate;background:#071426;color:#fff;padding:112px 0 104px;scroll-margin-top:106px}
#kontakt .contact-aura{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 5% 65%,#009dd921,transparent 49%),radial-gradient(ellipse at 80% 0,#009dd914,transparent 55%)}
#kontakt .contact-aura:after{content:"";position:absolute;width:650px;height:650px;left:-320px;top:150px;border:1px solid #58cafa19;border-radius:50%;box-shadow:0 0 0 80px #58cafa06,0 0 0 160px #58cafa04}
#kontakt .contact-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(40px,5vw,78px);align-items:start;max-width:1240px}
#kontakt .contact-copy{min-width:0;padding-top:15px}
#kontakt .contact-eyebrow{display:flex;align-items:center;gap:10px;color:#77d4f3;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:25px}
#kontakt .contact-eyebrow>span{width:6px;height:6px;background:#c8d400;border-radius:50%;box-shadow:0 0 0 5px #c8d410}
#kontakt #contactTitle{font-size:clamp(48px,5.1vw,72px);font-weight:600;line-height:1.03;letter-spacing:-.052em;color:#fff;margin:0 0 26px}
#kontakt #contactTitle em{font-style:normal;color:#66cef3}
#kontakt .contact-intro{font-size:19px;line-height:1.65;letter-spacing:-.02em;color:#eef7fb;margin:0 0 17px}
#kontakt .contact-body{font-size:14px;line-height:1.8;color:#aec2d2;max-width:415px;margin:0 0 31px}
#kontakt .contact-person{display:flex;align-items:center;gap:15px;margin-bottom:34px}
#kontakt .contact-person img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:center 21%;border:2px solid #86d9f033;box-shadow:0 0 0 5px #86d9f008}
#kontakt .contact-person strong{display:block;font-size:13px;line-height:1.5;color:#fff;letter-spacing:0}
#kontakt .contact-person span{display:block;color:#8faec1;font-size:10px;line-height:1.6;margin-top:3px}
#kontakt .contact-choices{display:grid;gap:10px}
#kontakt .contact-choice{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:13px;align-items:center;text-decoration:none;color:#dfeef6;border:1px solid #b9dfef24;background:#ffffff03;border-radius:13px;padding:18px 17px;min-height:86px;transition:background .2s,border-color .2s,transform .2s}
#kontakt .contact-choice:hover{background:#009dd912;border-color:#54c5ee80;transform:translateY(-2px)}
#kontakt .contact-choice-form{border-color:#79d9f150;background:#009dd90e}
#kontakt .contact-choice-number{font-size:10px;letter-spacing:.05em;color:#79d9f1;background:#b9dfef09;border:1px solid #b9dfef1f;border-radius:9px;width:32px;height:32px;display:grid;place-items:center}
#kontakt .contact-choice strong{display:block;font-size:13px;line-height:1.5;letter-spacing:0;font-weight:650}
#kontakt .contact-choice small{display:block;color:#94adbf;font-size:10px;line-height:1.6;margin-top:3px}
#kontakt .contact-choice svg,#kontakt .contact-reassurance svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;color:#79d9f1}
#kontakt .contact-reassurance{display:flex;align-items:center;gap:7px;color:#aac4d4;font-size:10px;line-height:1.6;margin:20px 0 0}
#kontakt .contact-reassurance svg{color:#c8d400;width:16px;height:16px;flex-shrink:0}
#kontakt .contact-form-panel{min-width:0;scroll-margin-top:120px;border-radius:24px;outline-offset:5px}
#kontakt .at-lead-card,#kontakt .contact-form-fallback{position:relative;width:100%;max-width:none;margin:0;padding:35px 32px 27px;border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(155deg,#fff 48%,#f0f5f8);color:#073454;box-shadow:0 25px 90px #0003,0 0 0 7px #b9dfef08;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
#kontakt .at-lead-eyebrow,#kontakt .contact-form-kicker{color:#006b95;display:block;font-size:10px;line-height:1.5;letter-spacing:.1em;font-weight:700;margin:0 0 12px}
#kontakt .at-lead-card h2,#kontakt .contact-form-fallback h2{font-family:inherit;font-size:clamp(25px,2.35vw,31px);font-weight:700;line-height:1.19;letter-spacing:-.035em;color:#073454;max-width:430px;margin:0 0 13px}
#kontakt .at-lead-intro,#kontakt .contact-form-fallback p{font-size:13px;line-height:1.7;color:#536e82;margin:0 0 24px}
#kontakt .at-lead-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
#kontakt .at-lead-field{min-width:0;gap:7px;color:#173f5a;font-size:12px;line-height:1.4;font-weight:700}
#kontakt .at-lead-field input{width:100%;min-width:0;min-height:49px;border:1px solid #c3d6e2;border-radius:10px;padding:11px 12px;background:#fff;color:#073454;font-family:inherit;font-size:16px;font-weight:400;box-shadow:inset 0 1px 2px #07345403;transition:border-color .2s,box-shadow .2s}
#kontakt .at-lead-field input:hover{border-color:#8eb9ce}
#kontakt .at-lead-field input:focus{border-color:#009dd9;box-shadow:0 0 0 3px #009dd919;outline:2px solid transparent;outline-offset:2px}
#kontakt .at-lead-consent{grid-template-columns:19px minmax(0,1fr);gap:10px;color:#466478;font-size:12px;line-height:1.65;margin:20px 0 0}
#kontakt .at-lead-consent input{width:18px;height:18px;margin-top:2px;accent-color:#007da9;cursor:pointer}
#kontakt .at-lead-consent a{color:#00658d;text-decoration:underline;text-underline-offset:2px}
#kontakt .at-lead-actions{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:10px;margin-top:23px}
#kontakt .at-lead-submit,#kontakt .at-lead-booking,#kontakt .contact-fallback-booking{min-height:49px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;padding:12px 10px;box-shadow:none;letter-spacing:0;transition:background .2s,box-shadow .2s}
#kontakt .at-lead-submit{background:#073454;border:1px solid #073454;color:#fff}
#kontakt .at-lead-submit:hover{background:#06466b;box-shadow:0 5px 15px #0734541a}
#kontakt .at-lead-submit:disabled{opacity:.65;cursor:wait}
#kontakt .at-lead-booking{background:#eef5f8;border:1px solid #bdd6e4;color:#073454;text-decoration:none}
#kontakt .at-lead-booking:hover{background:#e0f1f7}
#kontakt .at-lead-status{font-size:12px;line-height:1.55;margin:12px 0 0;min-height:19px;color:#34576e}
#kontakt .at-lead-status.error{color:#a42431}
#kontakt .at-lead-status.ok{color:#14714b}
#kontakt .at-lead-note{font-size:10px;line-height:1.65;color:#61798b;margin:10px 0 0;padding-top:13px;border-top:1px solid #d9e5ec}
#kontakt .contact-fallback-booking{display:inline-flex;align-items:center;justify-content:center;background:#073454;color:#fff;text-decoration:none;padding-inline:19px}
#kontakt .contact-preview-note{display:grid;gap:4px;margin:0 0 20px;padding:12px 14px;background:#e7f3f8;border:1px solid #c0dce9;border-radius:9px;color:#315c74;font-size:12px;line-height:1.55}
#kontakt .contact-preview-note strong{color:#073454;font-size:12px}
#kontakt .contact-preview-note a,#kontakt .at-lead-status a{color:#00658d;text-decoration:underline;text-underline-offset:2px;font-weight:700}
#kontakt :is(a,button,input):focus-visible{outline:3px solid #009dd9;outline-offset:4px}
html[data-at-lead-state="member"] #kontakt .contact-form-panel,html[data-at-lead-state="member"] #kontakt .contact-choice-form{display:none}
html[data-at-lead-state="member"] #kontakt .contact-layout{grid-template-columns:minmax(0,1fr);max-width:650px}
@media(max-width:1000px){#kontakt .contact-layout{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}#kontakt .at-lead-card,#kontakt .contact-form-fallback{padding:29px 24px}#kontakt .contact-choice{padding:15px 12px;gap:10px;grid-template-columns:29px minmax(0,1fr) 17px}#kontakt .contact-choice strong{font-size:12px}#kontakt .contact-choice small{font-size:10px}#kontakt .at-lead-actions{grid-template-columns:1fr}#kontakt .at-lead-grid{grid-template-columns:1fr}}
@media(max-width:780px){#kontakt{padding:76px 0}#kontakt .contact-layout{grid-template-columns:1fr;gap:37px;width:min(560px,calc(100% - 40px))}#kontakt .contact-copy{padding-top:0}#kontakt #contactTitle{font-size:58px}#kontakt .contact-body{max-width:100%;font-size:14px}#kontakt .contact-intro{font-size:18px}#kontakt .contact-person{margin-bottom:25px}#kontakt .contact-choices{gap:10px}#kontakt .contact-choice{padding:17px 15px;grid-template-columns:32px minmax(0,1fr) 19px;gap:13px}#kontakt .contact-choice strong{font-size:13px}#kontakt .contact-choice small{font-size:11px}#kontakt .contact-reassurance{font-size:11px}#kontakt .at-lead-card,#kontakt .contact-form-fallback{padding:29px 25px 25px;border-radius:20px}#kontakt .at-lead-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#kontakt .at-lead-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#kontakt .at-lead-consent{font-size:12px}#kontakt .at-lead-note{font-size:11px}}
@media(max-width:540px){#kontakt .at-lead-grid,#kontakt .at-lead-actions{grid-template-columns:minmax(0,1fr)}#kontakt .at-lead-card h2,#kontakt .contact-form-fallback h2{font-size:28px}#kontakt .at-lead-field{font-size:13px}#kontakt .at-lead-submit,#kontakt .at-lead-booking{font-size:14px;min-height:50px}#kontakt .at-lead-consent{font-size:12px;line-height:1.65}#kontakt .at-lead-intro{font-size:13px}#kontakt .at-lead-note{font-size:10px}#kontakt .at-lead-actions{gap:9px}}
@media(max-width:359px){#kontakt .contact-layout{width:calc(100% - 30px)}#kontakt #contactTitle{font-size:50px}#kontakt .contact-intro{font-size:16px}#kontakt .contact-body{font-size:13px}#kontakt .contact-choice{padding:15px 12px;gap:9px;grid-template-columns:27px minmax(0,1fr) 16px}#kontakt .contact-choice-number{width:27px;height:29px}#kontakt .contact-choice strong{font-size:12px}#kontakt .contact-choice small{font-size:10px}#kontakt .contact-person span{font-size:9px}#kontakt .at-lead-card,#kontakt .contact-form-fallback{padding:25px 19px 22px}#kontakt .at-lead-card h2,#kontakt .contact-form-fallback h2{font-size:26px}#kontakt .at-lead-consent{gap:8px;font-size:12px}#kontakt .contact-reassurance{font-size:10px}}
@media(prefers-reduced-motion:reduce){#kontakt .contact-choice,#kontakt .at-lead-field input,#kontakt .at-lead-submit,#kontakt .at-lead-booking{transition:none}#kontakt .contact-choice:hover{transform:none}}

/* seo-foundation.css */
/* Compact visible context, preserved public tool descriptions, no navigation expansion. */
.hero-identity{margin:0 0 16px;color:#c2cedf;font-size:clamp(12px,1.05vw,15px);font-weight:550;line-height:1.5;letter-spacing:.01em}
.budget-method{max-width:880px;color:#536277;font-size:16px;line-height:1.65;margin:-10px 0 30px}
.tool-function-name{display:block;font-size:12px;line-height:1.4;color:#62768a;font-weight:600;margin:8px 0 10px}
.provider-details{margin:25px 0;padding:18px 0;border-top:1px solid #dae3ed;border-bottom:1px solid #dae3ed}
.provider-details p{font-size:13px;line-height:1.7;margin:0 0 8px;color:#546479}
.provider-details a{font-size:13px;font-weight:600;line-height:1.7;color:#254d80;text-underline-offset:3px}
.provider-profiles{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}
.legacy-anchor{display:block;position:relative;top:-90px;height:0;pointer-events:none}
/* Old text stays visible even if observer delivery is delayed or JavaScript fails. */
html.js .reveal{opacity:1;visibility:visible;transform:none}
html.js .reveal.is-visible{opacity:1;visibility:visible;transform:none}
@media(max-width:600px){.hero-identity{font-size:12px;max-width:310px;margin-bottom:14px}.budget-method{font-size:15px;margin:0 0 24px}.provider-details p,.provider-details a{font-size:13px}.tool-function-name{font-size:12px}}

/* Mobile recording review: stable geometry, personal copy and quiet motion. */
.impact .hero-identity{max-width:none;margin:0 auto 18px;text-align:center;display:grid;gap:3px}
.hero-identity>span{display:block}
.impact .hero-model-note[hidden]{display:block!important;visibility:hidden}
.impact-preview-label{min-width:174px}
.impact-preview-controls>a{min-width:195px;justify-content:center}
.impact-screen-image:not([hidden]),#savingsStory:not([hidden]){animation:preview-appear .3s ease both}
@keyframes preview-appear{from{opacity:0}to{opacity:1}}
.impact .intro-strip{border-top:1px solid #c7e2f1;border-bottom:1px solid #c7e2f1;padding-block:42px}
.impact .intro-label{color:#176991;font-size:11px}
.impact .intro-strip>p>span{color:#246e96}
.impact #toolsTitle{font-size:clamp(30px,3.7vw,48px);line-height:1.18}
.tools-personal-note{margin-top:-12px;color:#385d74}
.impact .tool-card .real-tool-preview,.impact .tool-card:nth-child(even) .real-tool-preview{transform:translateY(8px)}
.impact .tool-card:hover .real-tool-preview,.impact .tool-card:focus-visible .real-tool-preview{transform:translateY(-8px)}
.impact .tool-card .real-tool-image{transition:object-position 1.3s ease;object-position:center top}
.impact .tool-card:hover .real-tool-image,.impact .tool-card:focus-visible .real-tool-image{object-position:center bottom}
.impact .tool-card-body h3,.impact .tool-card-body p,.impact .tool-card-bottom{font-family:inherit}
.impact .tool-card-body h3,.impact .tool-card.featured h3{font-size:clamp(22px,2vw,28px);line-height:1.25;margin-bottom:14px}
.impact .tool-card-body p{font-size:15px;line-height:1.75;color:#456177}
.impact .savings-check-panel{background:#87ceeb;border:1px solid #c0edff;box-shadow:0 10px 35px #44bcf126}
.impact .savings-check-panel>summary strong{color:#073454}
.impact .savings-check-panel>summary small,.impact .savings-open-label{color:#184b69}
.impact .savings-check-symbol{background:#c6eeff;color:#07557c;width:48px;height:48px}
.impact .savings-check-symbol .icon{width:36px;height:36px;stroke-width:1.7}
.impact .savings-open-label b{color:#073454;border-color:#22789e55;background:#beeaff}
.impact .site-footer{padding-top:64px;padding-bottom:28px}
.footer-top>div:first-child>p{margin-top:24px;line-height:1.8}
.footer-top{gap:46px;padding-bottom:42px}
.impact .menu-norman-portrait>img{width:100%;height:185px;object-fit:cover;object-position:center 22%;border-radius:12px;transform:rotate(-3deg);margin-bottom:22px}
.cinema-detail{min-height:74px}
@media(max-width:760px),(max-height:620px){
 .cinema-stage{overflow:hidden}
 .cinema-window:not(.cinema-active){display:flex;visibility:hidden;opacity:0!important;pointer-events:none}
 .cinema-window.cinema-active{visibility:visible;animation:preview-appear .3s ease both}
 .cinema-detail{min-height:118px}
}
@media(max-width:600px){
 .impact .hero-identity{font-size:13px;padding-inline:12px}
 .impact-preview-tabs{width:calc(100vw - 30px);max-width:410px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:17px;gap:2px}
 .impact .hero-stage .impact-preview-tabs button{padding:7px 3px;font-size:9px;min-height:34px}
 .impact-preview-tabs button[data-hero-select="story"]{grid-column:1 / -1}
 .impact .hero-stage{height:382px}
 .impact .hero-stage .notebook-wrap{top:36%}
 .impact-preview-controls>a{min-height:25px}
 .impact .hero-model-note{font-size:10px;min-height:54px}
 .impact .intro-strip{gap:16px;padding-block:32px}
 .impact .intro-strip>p{font-size:30px}
 .impact .site-footer{padding-top:48px}
 .footer-top{gap:36px}
}
@media(max-width:380px){.impact .hero-stage{height:348px}}
@media(prefers-reduced-motion:reduce){.impact-screen-image:not([hidden]),#savingsStory:not([hidden]),.cinema-window.cinema-active{animation:none}.impact .tool-card .real-tool-preview,.impact .tool-card .real-tool-image{transition:none}}
.paused-motion .impact-screen-image,.paused-motion #savingsStory,.paused-motion .cinema-window{animation:none!important}
.paused-motion .tool-card .real-tool-preview,.paused-motion .tool-card .real-tool-image{transition:none}
/* Long explanatory copy needs full-width cards on a phone. */
@media(max-width:600px){
 .impact .tool-grid{grid-template-columns:minmax(0,1fr)}
 .impact .tool-card,.impact .tool-card.featured{grid-column:auto}
 .impact .tool-card-body h3{overflow-wrap:anywhere;hyphens:auto}
 .impact .tool-card-art,.impact .tool-card.featured .tool-card-art{height:260px;padding:18px 18px 0}
}
.impact .menu-norman-portrait>img{height:230px;object-position:center 28%}
.impact #savingsCheck{background:#e8f6fd}