:root{--ink:#071f3d;--ink2:#0c3558;--blue:#0869e7;--blue2:#0aa9e8;--white:#fff;--muted:#60758a;--line:#dce7f0;--deep:#032744;--deep2:#005483}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1480px,calc(100% - 64px));margin-inline:auto}
.topline{background:linear-gradient(90deg,#083e9b,#0675d4 55%,#03a9d7);color:#fff}.top-line-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.top-promises{display:flex;gap:28px;white-space:nowrap}.top-claim{opacity:.96}
.header-main{background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(245,251,255,.95));border-bottom:1px solid rgba(14,81,125,.12)}.header-inner{min-height:116px;display:flex;align-items:center;gap:42px}.brand{position:relative;display:grid;grid-template-columns:126px auto;grid-template-rows:auto auto;align-items:end;min-width:430px}.brand-fish{grid-row:1/3;width:126px;height:78px;object-fit:contain;object-position:left center}.brand-type{display:flex;align-items:baseline;gap:1px;line-height:.9;white-space:nowrap}.brand-type b{font-size:45px;letter-spacing:-.05em}.brand-type em{font-family:Kalam,"Segoe Script",cursive;font-size:50px;color:var(--blue);font-weight:600;margin:0 -2px -2px 1px}.brand-sub{grid-column:2;font-size:13px;letter-spacing:.02em;margin-top:4px;color:#223e58}.mainnav{margin-left:auto;display:flex;align-items:center;gap:28px;font-family:"Barlow Condensed",Arial,sans-serif;font-weight:700;text-transform:uppercase}.mainnav>a:not(.zucht-link){position:relative;font-size:15px;letter-spacing:.01em;padding:16px 0}.mainnav>a:not(.zucht-link)::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:2px;background:var(--blue);transition:.2s}.mainnav>a:hover::after{right:0}.zucht-link{background:#073f9f;color:#fff;padding:18px 22px;display:flex;gap:16px;align-items:center;box-shadow:0 9px 22px rgba(6,61,153,.18)}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);padding:8px}.menu-toggle span{display:block;width:29px;height:2px;background:currentColor;margin:6px 0}.menu-toggle strong{position:absolute;clip:rect(0,0,0,0)}
.hero{position:relative;min-height:520px;overflow:hidden;background:#031f3c}.hero-photo{position:absolute;inset:0;background:url('../img/hero-dumbo-guppys.jpg') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,23,41,.82) 0%,rgba(2,23,41,.58) 28%,rgba(2,23,41,.18) 48%,rgba(0,0,0,0) 72%)}.hero-inner{position:relative;z-index:2;min-height:520px;display:flex;align-items:center}.hero-copy{width:47%;padding:62px 0 58px}.hero h1{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;color:#fff;font-size:clamp(68px,5.5vw,96px);letter-spacing:-.025em;line-height:.84;margin:0 0 22px;font-weight:800;text-shadow:0 3px 14px rgba(0,0,0,.26)}.hero-lead{max-width:560px;color:#fff;font-size:18px;line-height:1.52;margin:0 0 28px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.action{min-height:54px;padding:0 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-family:"Barlow Condensed",Arial,sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;border:1px solid transparent;transition:.2s}.action:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.18)}.action-primary{background:linear-gradient(90deg,#0565e6,#0b88ef);color:#fff}.action-ghost{color:#fff;border-color:rgba(255,255,255,.78);background:rgba(1,23,43,.25)}
.benefits{background:linear-gradient(90deg,#032744,#00375d 55%,#005483);color:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(5,1fr)}.benefits article{padding:26px 28px 28px;min-height:142px;border-right:1px solid rgba(101,203,239,.4)}.benefits article:last-child{border-right:0}.benefits h2{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-size:24px;line-height:.94;letter-spacing:.01em;margin:0 0 14px}.benefits h2::after{content:"";display:block;width:36px;height:3px;background:#0da7f1;margin-top:10px}.benefits p{font-size:13px;line-height:1.45;color:#d9ebf5;margin:0}
.topics{padding:30px 0 46px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px;gap:24px}.section-heading p{display:none}.eyebrow{text-transform:uppercase;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 5px}.section-heading h2{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-size:38px;line-height:1;margin:0;display:flex;align-items:center;gap:18px}.section-heading h2::after{content:"";width:95px;height:2px;background:#1a73e8;display:block}.section-heading>a{font-size:12px;text-transform:uppercase;color:#064cbf;font-weight:800;letter-spacing:.08em}.topic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.topic-card{min-height:210px;position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(1,16,27,.88) 100%),var(--img);background-size:cover;background-position:center;box-shadow:0 10px 26px rgba(8,45,74,.10);transition:.25s}.topic-card::after{content:"";position:absolute;inset:0;border:1px solid rgba(7,31,61,.08);pointer-events:none}.topic-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(8,45,74,.16)}.topic-card>div{position:absolute;inset:auto 20px 20px;z-index:2;color:#fff}.topic-card small{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;opacity:.8;margin-bottom:7px}.topic-card h3{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-size:27px;line-height:.93;margin:0 0 13px}.topic-card span{font-size:28px;color:#0ca9ff}
.advisor{display:grid;grid-template-columns:1.08fr 1.05fr .78fr;min-height:290px;margin-bottom:70px;background:linear-gradient(110deg,#f2f8fb 0%,#fff 55%,#eaf7ff 100%);border:1px solid #dce9f1;box-shadow:0 16px 42px rgba(11,64,101,.09);overflow:hidden}.advisor-photo{min-height:290px}.advisor-photo img{width:100%;height:100%;object-fit:cover}.advisor-copy{padding:34px 34px;display:flex;flex-direction:column;justify-content:center}.advisor h2{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-size:36px;line-height:.94;margin:0 0 16px}.advisor-copy>p:not(.eyebrow){color:#435d73;line-height:1.5;margin:0 0 15px}.advisor ul{list-style:none;margin:0;padding:0}.advisor li{margin:8px 0;position:relative;padding-left:27px}.advisor li::before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;background:var(--blue);color:#fff;border-radius:50%;font-size:12px;display:grid;place-items:center;font-weight:800}.advisor-action{padding:34px 32px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.advisor-action .action{width:100%}.advisor-action p{font-family:Kalam,"Segoe Script",cursive;color:#0a6ad6;font-size:19px;text-align:center;margin:16px 0 0;transform:rotate(-2deg)}
.zucht{display:grid;grid-template-columns:.9fr 1.1fr;min-height:440px;margin-bottom:90px;background:#062a49;color:#fff;overflow:hidden}.zucht-copy{padding:70px}.zucht h2{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-size:58px;line-height:.9;margin:0 0 18px}.zucht-copy>p:not(.eyebrow){color:#d7e7f3;max-width:520px;line-height:1.6}.plain-link{display:inline-block;margin-top:18px;color:#fff;text-transform:uppercase;font-family:"Barlow Condensed",Arial,sans-serif;font-size:18px;font-weight:700;border-bottom:2px solid #0ca9ff;padding-bottom:5px}.zucht-photo{background:linear-gradient(90deg,rgba(6,42,73,.1),transparent),url('../img/card-guppy.jpg') center/cover no-repeat}
.footer{border-top:1px solid var(--line);padding:38px 0 50px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-inner>div{display:flex;align-items:baseline;gap:14px}.footer strong{font-size:24px}.footer span{color:#71879a;font-size:13px}.footer nav{display:flex;gap:24px;font-size:13px}
@media(max-width:1250px){.header-inner{gap:24px}.brand{min-width:350px;grid-template-columns:92px auto}.brand-fish{width:92px;height:60px}.brand-type b{font-size:36px}.brand-type em{font-size:40px}.brand-sub{font-size:11px}.mainnav{gap:18px}.mainnav>a:not(.zucht-link){font-size:14px}.topic-grid{grid-template-columns:repeat(3,1fr)}.advisor{grid-template-columns:1fr 1fr}.advisor-action{grid-column:2;padding-top:0}.advisor-photo{grid-row:1/3}.benefits-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:980px){.wrap{width:min(100% - 38px,920px)}.top-claim{display:none}.top-line-inner{justify-content:center}.top-promises{gap:16px}.header-inner{min-height:96px}.brand{min-width:0}.menu-toggle{display:block;margin-left:auto}.mainnav{display:none;position:absolute;left:0;right:0;top:132px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 20px;z-index:40;box-shadow:0 18px 35px rgba(6,38,64,.14)}.mainnav.open{display:grid}.mainnav>a:not(.zucht-link){padding:12px 0}.zucht-link{margin-top:6px}.hero-photo{inset:0;background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(3,31,60,.92),rgba(3,31,60,.68) 46%,rgba(3,31,60,.12))}.hero-copy{width:62%}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits article{border-bottom:1px solid rgba(101,203,239,.28)}.topic-grid{grid-template-columns:repeat(2,1fr)}.advisor{grid-template-columns:1fr}.advisor-photo{grid-row:auto;min-height:290px}.advisor-action{grid-column:auto;padding-top:0}.zucht{grid-template-columns:1fr}.zucht-photo{min-height:360px}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.topline{display:none}.header-inner{min-height:88px}.brand{grid-template-columns:66px auto}.brand-fish{width:66px;height:47px}.brand-type b{font-size:29px}.brand-type em{font-size:32px}.brand-sub{font-size:9px}.mainnav{top:88px}.hero{min-height:660px}.hero-photo{inset:0;background-position:70% center}.hero-shade{background:linear-gradient(180deg,rgba(3,31,60,.08),rgba(3,31,60,.30) 42%,rgba(3,31,60,.96) 78%)}.hero-inner{min-height:660px;align-items:flex-end}.hero-copy{width:100%;padding:0 0 46px}.hero h1{font-size:58px;line-height:.88;margin-bottom:16px}.hero-lead{font-size:15px;max-width:96%}.hero-actions{display:grid}.action{width:100%;font-size:16px}.benefits-grid{grid-template-columns:1fr}.benefits article{min-height:0;padding:23px 4px}.benefits h2{font-size:27px}.benefits p{font-size:14px}.topics{padding-top:45px}.section-heading{align-items:flex-start}.section-heading h2{font-size:39px}.section-heading>a{max-width:110px;text-align:right}.topic-grid{grid-template-columns:1fr 1fr;gap:10px}.topic-card{min-height:230px}.topic-card>div{inset:auto 14px 14px}.topic-card h3{font-size:23px}.advisor{margin-bottom:65px}.advisor-copy{padding:34px 25px}.advisor h2{font-size:39px}.advisor-action{padding:0 25px 34px}.zucht{margin-bottom:65px}.zucht-copy{padding:45px 26px}.zucht h2{font-size:50px}.zucht-photo{min-height:280px}.footer-inner,.footer-inner>div{align-items:flex-start;flex-direction:column}.footer nav{flex-wrap:wrap}}
@media(max-width:420px){.brand-type b{font-size:25px}.brand-type em{font-size:28px}.brand-sub{font-size:8px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:250px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* --- AquaMySoul v06: motion + richer homepage content --- */
.hero{isolation:isolate}
.hero::after{content:"";position:absolute;inset:-20% -10%;z-index:1;pointer-events:none;opacity:.18;background:radial-gradient(ellipse at 35% 0%,rgba(63,213,255,.55),transparent 30%),repeating-linear-gradient(108deg,transparent 0 84px,rgba(131,226,255,.13) 88px 94px,transparent 98px 180px);mix-blend-mode:screen;animation:aquaCaustics 15s ease-in-out infinite alternate}
@keyframes aquaCaustics{0%{transform:translate3d(-2%,0,0) skewX(-4deg);opacity:.11}55%{opacity:.22}100%{transform:translate3d(4%,2%,0) skewX(4deg);opacity:.15}}
.hero-kicker{color:#bcecff;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;margin:0 0 12px}
.hero-script{font-family:Kalam,"Segoe Script",cursive;font-size:clamp(32px,3vw,50px);line-height:1;color:transparent;margin:-5px 0 18px;background:linear-gradient(100deg,#1e8cff 0%,#7ee8ff 38%,#fff 49%,#13a8ff 62%,#1e8cff 100%);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;animation:scriptShimmer 6.5s linear infinite;text-shadow:0 0 22px rgba(41,178,255,.1)}
@keyframes scriptShimmer{to{background-position:-230% 0}}
.hero-note{position:absolute;right:2.8%;bottom:46px;color:#fff;font-family:Kalam,"Segoe Script",cursive;font-size:clamp(30px,3vw,52px);line-height:.87;transform:rotate(-6deg);text-shadow:0 3px 18px rgba(0,0,0,.4)}
.hero-note span{display:block;width:120px;height:4px;background:#0ca9ff;margin:10px 0 0 18px;transform:skewX(-25deg)}
.flicker-text .flicker-char{display:inline-block;opacity:1;filter:none}
body.fx-ready .flicker-text .flicker-char{animation:letterIgnite .72s cubic-bezier(.16,.8,.22,1) both;animation-delay:calc(var(--i) * 34ms)}
@keyframes letterIgnite{0%{opacity:.06;color:#6b7c89;text-shadow:none;filter:brightness(.4)}20%{opacity:.8;color:#fff;text-shadow:0 0 3px #fff,0 0 14px #3abfff;filter:brightness(1.7)}34%{opacity:.23;text-shadow:none}48%{opacity:1;text-shadow:0 0 4px #fff,0 0 22px #1fa9ff}64%{opacity:.5}100%{opacity:1;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.26);filter:none}}
.topic-card::before{content:"";position:absolute;z-index:1;top:-40%;bottom:-40%;left:-42%;width:32%;background:linear-gradient(90deg,transparent,rgba(164,232,255,.23),transparent);transform:skewX(-17deg);transition:left .72s ease;pointer-events:none}
@media(hover:hover){.topic-card:hover::before{left:120%}}
.benefits article{position:relative;overflow:hidden}.benefits article::before{content:"";position:absolute;left:28px;right:100%;top:0;height:2px;background:linear-gradient(90deg,#1ab4ff,#9eeeff);transition:right .55s ease}.benefits article:hover::before{right:28px}
.value-section{padding:30px 0 86px}.section-heading-large{margin-bottom:28px}.section-heading-large p{display:block;text-transform:uppercase;color:#1473d6;font-size:11px;font-weight:800;letter-spacing:.17em;margin:0 0 8px}.section-heading-large h2{font-size:50px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cddce8;border-top:1px solid #cddce8;border-bottom:1px solid #cddce8}.value-card{background:#fff;min-height:330px;padding:42px 42px 38px;position:relative;overflow:hidden}.value-card::after{content:"";position:absolute;left:0;bottom:0;width:0;height:4px;background:linear-gradient(90deg,#0565e6,#19c3ef);transition:width .45s ease}.value-card:hover::after{width:100%}.value-no{font-family:"Barlow Condensed";font-size:17px;color:#1590db;font-weight:800;letter-spacing:.08em}.value-card h3{font-family:"Barlow Condensed";font-size:38px;text-transform:uppercase;line-height:.95;margin:54px 0 16px}.value-card p{color:#50697d;line-height:1.65;margin:0 0 26px}.value-card a{font-family:"Barlow Condensed";text-transform:uppercase;font-size:18px;font-weight:700;color:#064fb9;border-bottom:2px solid #109ce5;padding-bottom:4px}
.journal-section{padding:76px 0 88px;background:linear-gradient(115deg,#031e37,#063d64 66%,#075985);color:#fff;position:relative;overflow:hidden}.journal-section::before{content:"";position:absolute;inset:0;opacity:.18;background:radial-gradient(circle at 82% 0%,rgba(44,206,255,.35),transparent 30%),linear-gradient(130deg,transparent 44%,rgba(255,255,255,.04) 45% 46%,transparent 47%)}.journal-section>.wrap{position:relative}.section-heading.inverted p{color:#72d8ff}.section-heading.inverted h2{color:#fff}.section-heading.inverted>a{color:#7ddcff}.journal-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:22px}.journal-feature{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;color:var(--ink);min-height:410px}.journal-image{background:center/cover no-repeat}.journal-image-filter{background-image:linear-gradient(180deg,transparent,rgba(0,20,36,.22)),url('../img/card-filter.jpg')}.journal-copy{padding:46px}.journal-copy>span,.journal-small>span{display:block;color:#0c78db;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.16em}.journal-copy h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:42px;line-height:.96;margin:18px 0 20px}.journal-copy p{color:#52697c;line-height:1.6}.journal-copy a,.journal-small a{font-family:"Barlow Condensed";text-transform:uppercase;font-size:17px;font-weight:700;color:#075bc5}.journal-side{display:grid;grid-template-rows:1fr 1fr;gap:22px}.journal-small{background:rgba(255,255,255,.08);border:1px solid rgba(143,221,255,.22);padding:36px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.journal-small::after{content:"";position:absolute;inset:auto -20% 0 20%;height:1px;background:linear-gradient(90deg,transparent,#42c7ff,transparent);animation:lineDrift 5s ease-in-out infinite}.journal-small h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:32px;line-height:.97;margin:14px 0}.journal-small p{color:#c7dceb;line-height:1.5;font-size:14px}.journal-small a{color:#7edcff;margin-top:auto}@keyframes lineDrift{50%{transform:translateX(-35%)}}
.designer-teaser{margin-top:84px;margin-bottom:84px;min-height:420px;display:grid;grid-template-columns:.9fr 1.1fr;background:#edf7fc;border-top:5px solid #096de2;overflow:hidden}.designer-text{padding:58px 54px;display:flex;flex-direction:column;justify-content:center}.designer-text h2{font-family:"Barlow Condensed";text-transform:uppercase;font-size:54px;line-height:.9;margin:10px 0 22px}.designer-text>p:not(.eyebrow){max-width:620px;color:#4b667a;line-height:1.65}.dark-link{color:#063b72}.designer-visual{position:relative;min-height:420px;background:linear-gradient(180deg,#b8eaff,#e9faff 72%,#d3edf6);overflow:hidden}.designer-visual::before{content:"";position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.72),transparent)}.designer-tank{position:absolute;left:11%;right:8%;bottom:9%;height:69%;border:4px solid rgba(8,66,98,.55);border-top-color:rgba(240,252,255,.9);background:linear-gradient(180deg,rgba(28,174,218,.27),rgba(4,87,118,.18));box-shadow:inset 0 0 0 2px rgba(255,255,255,.34),0 24px 42px rgba(1,64,94,.18)}.sand{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(170deg,#d8c59c,#bfa875)}.designer-tank b{position:absolute;bottom:14%;display:block;background:#263c3b;clip-path:polygon(48% 0,100% 100%,0 100%)}.r1{width:19%;height:30%;left:19%}.r2{width:14%;height:22%;right:23%}.designer-tank i{position:absolute;bottom:15%;display:block;width:5px;background:#2a9656;border-radius:50% 50% 0 0;transform-origin:bottom}.p1{height:42%;left:10%;box-shadow:12px 5px 0 #54aa6b,22px -2px 0 #3c9257}.p2{height:54%;left:54%;box-shadow:11px 4px 0 #54aa6b,22px -8px 0 #3c9257,34px 3px 0 #61b676}.p3{height:34%;right:11%;box-shadow:12px -5px 0 #54aa6b}.designer-light{position:absolute;left:18%;right:14%;top:9%;height:9px;background:#f7ffff;box-shadow:0 5px 18px #66dcff,0 16px 55px #45cfff;animation:lampFlicker 9s infinite}@keyframes lampFlicker{0%,7%,9%,11%,100%{opacity:1}8%,10%{opacity:.56}}
.reveal-card{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)}.reveal-card.is-visible{opacity:1;transform:none}
@media(max-width:980px){.hero-note{display:none}.value-grid{grid-template-columns:1fr}.value-card{min-height:0}.journal-grid{grid-template-columns:1fr}.journal-feature{grid-template-columns:1fr 1fr}.designer-teaser{grid-template-columns:1fr}.designer-visual{min-height:360px}}
@media(max-width:650px){.hero-script{font-size:32px}.section-heading-large h2{font-size:42px}.value-section{padding-bottom:58px}.value-card{padding:34px 26px}.value-card h3{margin-top:34px;font-size:34px}.journal-section{padding:58px 0}.journal-feature{grid-template-columns:1fr}.journal-image{min-height:260px}.journal-copy{padding:30px 25px}.journal-copy h3{font-size:36px}.journal-small{padding:30px 25px;min-height:250px}.designer-teaser{margin:58px auto}.designer-text{padding:42px 26px}.designer-text h2{font-size:44px}.designer-visual{min-height:300px}}
@media(prefers-reduced-motion:reduce){.hero::after,.hero-script,.designer-light,.journal-small::after{animation:none!important}.reveal-card{opacity:1;transform:none}.flicker-text .flicker-char{animation:none!important}}

/* Subtle irregular lamp flicker for the benefit headings */
.benefits h2{
  transition:color .2s ease,text-shadow .2s ease,opacity .2s ease,filter .2s ease;
}
.benefits h2.lamp-flicker{
  animation:benefit-lamp-flicker .82s ease-in-out 1;
}
@keyframes benefit-lamp-flicker{
  0%,100%{opacity:1;filter:brightness(1);text-shadow:0 0 0 rgba(75,202,255,0)}
  12%{opacity:.72;filter:brightness(.78);text-shadow:0 0 1px rgba(75,202,255,.10)}
  18%{opacity:1;filter:brightness(1.2);text-shadow:0 0 7px rgba(75,202,255,.26)}
  26%{opacity:.86;filter:brightness(.91);text-shadow:0 0 2px rgba(75,202,255,.10)}
  33%{opacity:1;filter:brightness(1.13);text-shadow:0 0 5px rgba(75,202,255,.20)}
  47%,76%{opacity:1;filter:brightness(1);text-shadow:0 0 0 rgba(75,202,255,0)}
  82%{opacity:.91;filter:brightness(.94)}
  89%{opacity:1;filter:brightness(1.08);text-shadow:0 0 4px rgba(75,202,255,.16)}
}
@media (prefers-reduced-motion: reduce){
  .benefits h2.lamp-flicker{animation:none}
}

/* === AquaMySoul v0.8: brighter topic imagery, stronger lamp flicker, premium designer stage === */
.benefits h2.lamp-flicker{animation:benefit-lamp-flicker-v08 .92s ease-in-out 1}
@keyframes benefit-lamp-flicker-v08{
  0%,100%{opacity:1;filter:brightness(1);text-shadow:0 0 0 rgba(65,207,255,0)}
  8%{opacity:.48;filter:brightness(.62);text-shadow:none}
  13%{opacity:1;filter:brightness(1.42);text-shadow:0 0 13px rgba(72,210,255,.48)}
  18%{opacity:.70;filter:brightness(.80);text-shadow:0 0 2px rgba(72,210,255,.12)}
  23%{opacity:1;filter:brightness(1.28);text-shadow:0 0 9px rgba(72,210,255,.34)}
  31%,66%{opacity:1;filter:brightness(1);text-shadow:none}
  72%{opacity:.78;filter:brightness(.86)}
  77%{opacity:1;filter:brightness(1.18);text-shadow:0 0 7px rgba(72,210,255,.28)}
  83%{opacity:.94;filter:brightness(.96)}
  89%{opacity:1;filter:brightness(1.08);text-shadow:0 0 4px rgba(72,210,255,.18)}
}
.topic-card{min-height:250px;background-image:linear-gradient(180deg,rgba(0,18,31,0) 0 54%,rgba(2,20,32,.82) 100%),var(--img);background-position:center;background-size:cover;isolation:isolate}
.topic-card::before{content:"";position:absolute;inset:-35% -70%;z-index:1;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.32) 49%,rgba(88,215,255,.18) 52%,transparent 58%);transform:translateX(-45%) rotate(1deg);opacity:0;pointer-events:none}
.topic-card>div{z-index:3}.topic-card small{display:none}.topic-card h3{font-size:29px;text-shadow:0 2px 12px rgba(0,0,0,.55)}
@media (hover:hover) and (pointer:fine){.topic-card:hover::before{opacity:1;animation:topicLightSweep 1.15s ease-out}.topic-card:hover{background-size:103%}}
@keyframes topicLightSweep{from{transform:translateX(-45%) rotate(1deg)}to{transform:translateX(85%) rotate(1deg)}}

.designer-stage{margin-top:72px;margin-bottom:72px;display:grid;grid-template-columns:1.08fr .92fr;min-height:470px;border-top:4px solid var(--blue);background:#f3f9fd;overflow:hidden;box-shadow:0 16px 42px rgba(3,48,79,.08)}
.designer-showcase{position:relative;min-height:470px;overflow:hidden;background:#041f35;color:#fff}
.designer-showcase>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.03)}
.designer-showcase::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,24,42,.94) 0%,rgba(2,24,42,.72) 42%,rgba(2,24,42,.14) 76%,rgba(2,24,42,0) 100%)}
.designer-showcase-copy{position:relative;z-index:3;width:min(58%,570px);padding:54px 48px;min-height:470px;display:flex;flex-direction:column;justify-content:center}
.designer-showcase-copy .eyebrow{color:#61d7ff}.designer-showcase-copy h2{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-size:clamp(48px,4.3vw,70px);line-height:.88;margin:8px 0 18px}.designer-showcase-copy>p:not(.eyebrow){line-height:1.6;color:#d7e9f4;margin:0 0 26px}.designer-showcase-copy .action{align-self:flex-start}.mini-label{align-self:flex-start;background:#0b72e9;padding:6px 10px;font-family:"Barlow Condensed";font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin-bottom:14px}.designer-beam{position:absolute;z-index:2;left:30%;right:7%;top:8%;height:8px;background:#fff;box-shadow:0 5px 24px #6de4ff,0 15px 72px rgba(40,192,255,.85);animation:designerBeamFlicker 8.8s infinite}
@keyframes designerBeamFlicker{0%,5%,7%,9%,100%{opacity:1}6%{opacity:.38}8%{opacity:.72}68%{opacity:1}69%{opacity:.58}70%{opacity:1}}
.designer-process{padding:54px 46px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#fff,#eaf7ff)}
.designer-process h2{font-family:"Barlow Condensed";text-transform:uppercase;font-size:48px;line-height:.92;margin:7px 0 28px}
.process-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfe2ee;border-left:1px solid #cfe2ee}
.process-grid article{padding:24px 22px;min-height:150px;border-right:1px solid #cfe2ee;border-bottom:1px solid #cfe2ee;transition:background .2s ease,transform .2s ease}
.process-grid b{display:block;font-family:"Barlow Condensed";font-size:15px;letter-spacing:.12em;color:#0b75df}.process-grid h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:26px;margin:10px 0 7px}.process-grid p{font-size:13px;line-height:1.5;color:#567084;margin:0}
@media (hover:hover) and (pointer:fine){.process-grid article:hover{background:#fff;transform:translateY(-2px)}}
.trust-strip{margin:0 0 74px;background:linear-gradient(90deg,#041f38,#064b78);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:24px 28px;border-right:1px solid rgba(113,210,244,.28)}.trust-grid>div:last-child{border-right:0}.trust-grid strong{display:block;font-family:"Barlow Condensed";font-size:22px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}.trust-grid span{font-size:12px;color:#cde5f1;line-height:1.45}
@media(max-width:1100px){.designer-stage{grid-template-columns:1fr}.designer-showcase{min-height:430px}.designer-showcase-copy{min-height:430px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div:nth-child(2){border-right:0}.trust-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(113,210,244,.28)}}
@media(max-width:650px){.topic-card{min-height:225px}.designer-stage{margin-top:54px}.designer-showcase{min-height:520px}.designer-showcase-copy{width:100%;min-height:520px;padding:38px 26px;justify-content:flex-end;background:linear-gradient(180deg,transparent 15%,rgba(2,24,42,.82) 52%,rgba(2,24,42,.97) 100%)}.designer-showcase::after{background:linear-gradient(180deg,rgba(2,24,42,.08),rgba(2,24,42,.22) 45%,rgba(2,24,42,.65) 80%,rgba(2,24,42,.9))}.designer-showcase-copy h2{font-size:48px}.designer-beam{left:10%;right:10%}.designer-process{padding:38px 24px}.designer-process h2{font-size:40px}.process-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid rgba(113,210,244,.28)}.trust-grid>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.designer-beam,.topic-card:hover::before{animation:none!important}}

/* v09 – bring HTML in line with the latest approved graphic */
.topics{padding-bottom:18px}
.topic-grid{gap:16px}
.topic-card{
  min-height:238px;
  box-shadow:0 8px 24px rgba(8,45,74,.10);
  background-position:center;
}
.topic-card h3{
  font-size:27px;
  line-height:.94;
  letter-spacing:.005em;
}
.designer-stage{
  margin-top:14px;
  margin-bottom:0;
  border-top:0;
  min-height:390px;
  grid-template-columns:1.02fr .98fr;
  box-shadow:0 12px 32px rgba(3,48,79,.08);
}
.designer-showcase{
  min-height:390px;
}
.designer-showcase>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.designer-showcase-copy{
  min-height:390px;
}
.trust-strip{
  margin:0 0 74px;
}
@media(max-width:980px){
  .designer-stage{grid-template-columns:1fr;margin-top:24px}
}


/* v11 – unified subpage identity and more breathing room on the homepage */
.chapter-break{
  position:relative;
  padding:120px 0 112px;
  text-align:center;
  max-width:1080px;
}
.chapter-break .chapter-line{
  display:block;
  width:1px;
  height:72px;
  margin:0 auto 34px;
  background:linear-gradient(180deg,transparent,#35bfff 45%,#35bfff 65%,transparent);
  box-shadow:0 0 14px rgba(53,191,255,.42);
}
.chapter-break .eyebrow{margin-bottom:10px}
.chapter-break h2{
  margin:0;
  font-family:"Barlow Condensed",Arial,sans-serif;
  text-transform:uppercase;
  font-size:clamp(58px,7vw,104px);
  line-height:.84;
  color:#05243d;
  letter-spacing:-.025em;
}
.chapter-break h2 em{
  font-style:normal;
  color:#0a79e8;
  text-shadow:0 0 26px rgba(46,190,255,.12);
}
.chapter-break>p:last-child{
  max-width:760px;
  margin:28px auto 0;
  color:#5d7687;
  font-size:17px;
  line-height:1.7;
}
.chapter-break + .designer-stage{margin-top:0}

.subhero{
  position:relative;
  min-height:365px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background-image:var(--subhero-image);
  background-size:cover;
  background-position:center;
  color:#fff;
  isolation:isolate;
}
.subhero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--subhero-image);
  background-size:cover;
  background-position:center;
  filter:saturate(1.05) contrast(1.04);
  transform:scale(1.015);
}
.subhero-shade{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,24,42,.93) 0%,rgba(2,24,42,.72) 48%,rgba(2,24,42,.18) 78%,rgba(2,24,42,.08) 100%),
    linear-gradient(0deg,rgba(2,24,42,.48),transparent 48%);
}
.subhero-inner{padding:54px 0 50px}
.breadcrumbs{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:34px;
  font:700 12px "Barlow Condensed",Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:#bfe7f7;
}
.breadcrumbs a{color:#fff;text-decoration:none}
.breadcrumbs a:hover{color:#65dcff}
.subhero-kicker{
  margin:0 0 8px;
  color:#63d9ff;
  font:800 14px "Barlow Condensed",Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.subhero h1{
  max-width:900px;
  margin:0;
  font:800 clamp(54px,6.5vw,94px)/.86 "Barlow Condensed",Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:-.02em;
  text-shadow:0 4px 24px rgba(0,0,0,.24);
}
.subhero-copy{
  max-width:720px;
  margin:20px 0 0;
  color:#e1f0f7;
  font-size:17px;
  line-height:1.65;
}
.simple-page{padding-top:0!important}
.simple-page .content-grid{padding-top:62px}
.site-header + .simple-page .subhero{margin-top:0}

@media(max-width:760px){
  .chapter-break{padding:82px 22px 78px}
  .chapter-break .chapter-line{height:52px}
  .subhero{min-height:330px;background-position:center}
  .subhero-inner{padding:40px 20px 38px}
  .breadcrumbs{margin-bottom:24px}
  .subhero h1{font-size:56px}
  .subhero-copy{font-size:15px}
}


/* v12 – requested small homepage corrections */
/* More breathing room above "Welches Aquarium-Equipment passt zu dir?" */
.advisor{
  margin-top:88px;
}

/* Keep the existing "Guppys mit Charakter" block unchanged;
   only replace its right-hand image with the new natural multi-guppy scene. */
.zucht-photo{
  background:
    linear-gradient(90deg,rgba(6,42,73,.34) 0%,rgba(6,42,73,.08) 18%,transparent 42%),
    url('../img/guppys-mit-charakter-v12.jpg') center center / cover no-repeat;
}

/* Slightly protect the fish composition from over-cropping on narrower desktop widths. */
@media (max-width:1250px){
  .zucht-photo{
    background-position:46% center;
  }
}
@media (max-width:980px){
  .advisor{margin-top:68px}
  .zucht-photo{
    background-position:center center;
    min-height:390px;
  }
}
@media (max-width:650px){
  .advisor{margin-top:52px}
  .zucht-photo{min-height:300px}
}


/* v13 – seamless transition from Designer principles into Journal */
.trust-strip{
  margin:0 !important;
  background:linear-gradient(90deg,#032744 0%,#00375d 55%,#005483 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.trust-strip::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(93,211,255,.48),transparent);
}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.trust-grid>div{
  min-height:142px;
  padding:27px 30px 28px;
  border-right:1px solid rgba(101,203,239,.40);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.trust-grid>div:last-child{border-right:0}
.trust-grid>div::before{
  content:"";
  position:absolute;
  left:30px;
  right:100%;
  top:0;
  height:2px;
  background:linear-gradient(90deg,#1ab4ff,#9eeeff);
  transition:right .55s ease;
  box-shadow:0 0 12px rgba(45,190,255,.32);
}
.trust-grid>div:hover::before{right:30px}
.trust-grid strong{
  display:block;
  font-family:"Barlow Condensed",Arial,sans-serif;
  text-transform:uppercase;
  font-size:27px;
  line-height:.94;
  letter-spacing:.01em;
  margin:0 0 14px;
  color:#fff;
  transform-origin:left center;
  will-change:opacity,filter,text-shadow;
}
.trust-grid strong::after{
  content:"";
  display:block;
  width:36px;
  height:3px;
  background:#0da7f1;
  margin-top:10px;
  box-shadow:0 0 10px rgba(26,180,255,.34);
}
.trust-grid span{
  font-size:13px;
  line-height:1.45;
  color:#d9ebf5;
}
.trust-grid strong.lamp-flicker{
  animation:trust-lamp-flicker-v13 .96s ease-in-out 1;
}
@keyframes trust-lamp-flicker-v13{
  0%,100%{opacity:1;filter:brightness(1);text-shadow:none}
  8%{opacity:.42;filter:brightness(.62)}
  13%{opacity:1;filter:brightness(1.28);text-shadow:0 0 8px rgba(128,222,255,.32)}
  18%{opacity:.64;filter:brightness(.78)}
  23%{opacity:1;filter:brightness(1.38);text-shadow:0 0 12px rgba(128,222,255,.42)}
  29%{opacity:.82}
  36%,72%{opacity:1;filter:brightness(1)}
  77%{opacity:.69;filter:brightness(.82)}
  82%{opacity:1;filter:brightness(1.22);text-shadow:0 0 9px rgba(128,222,255,.30)}
}
/* No white seam before "Wissen, das weiterhilft" */
.trust-strip + .journal-section{
  margin-top:0 !important;
}
.journal-section{
  margin-top:0;
  border-top:0;
  background:
    radial-gradient(circle at 82% 0%,rgba(44,206,255,.12),transparent 30%),
    linear-gradient(115deg,#031e37,#063d64 66%,#075985);
}
@media(max-width:1100px){
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-grid>div{min-height:132px}
  .trust-grid>div:nth-child(2){border-right:0}
  .trust-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(101,203,239,.28)}
}
@media(max-width:650px){
  .trust-grid{grid-template-columns:1fr}
  .trust-grid>div{
    min-height:0;
    padding:23px 4px;
    border-right:0;
    border-bottom:1px solid rgba(101,203,239,.28);
  }
  .trust-grid>div:last-child{border-bottom:0}
  .trust-grid strong{font-size:27px}
  .trust-grid span{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .trust-grid strong.lamp-flicker{animation:none!important}
}

/* v14 legal pages */
.legal-page{background:#f6fafc;min-height:70vh}
.legal-hero{background:linear-gradient(115deg,#031e37,#064a73);color:#fff;padding:62px 0 58px;border-bottom:1px solid rgba(73,200,255,.28)}
.legal-breadcrumb{display:flex;gap:10px;align-items:center;font:700 12px "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#9fdcf3;margin-bottom:34px}
.legal-breadcrumb a{color:#fff;text-decoration:none}.legal-hero .eyebrow{color:#5fd7ff}.legal-hero h1{font:800 clamp(54px,6vw,88px)/.9 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;margin:8px 0 18px}.legal-hero>div>p:last-child{max-width:760px;color:#d7eaf4;font-size:17px;line-height:1.65}
.legal-section{padding:58px 0 90px}.legal-prose{max-width:900px;background:#fff;border-top:4px solid #0879e8;padding:46px 52px;box-shadow:0 16px 42px rgba(4,46,72,.07)}
.legal-prose h2{font:800 31px/1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;color:#06243d;margin:42px 0 13px}.legal-prose h2:first-child{margin-top:0}.legal-prose p{color:#526d7e;line-height:1.72;margin:0 0 17px}.legal-prose a{color:#0879e8;font-weight:700}.legal-callout,.legal-warning{padding:22px 24px;margin:26px 0;background:#edf8fe;border-left:4px solid #13aaf1}.legal-callout strong,.legal-warning strong{display:block;color:#06243d;font:800 21px "Barlow Condensed";text-transform:uppercase;margin-bottom:6px}.legal-callout p{margin:0}.legal-warning{background:#fff7e9;border-left-color:#e5a127;color:#70551e}.legal-updated{border-top:1px solid #dbe8ef;padding-top:22px;margin-top:44px!important;font-size:13px}
@media(max-width:650px){.legal-hero{padding:44px 0}.legal-section{padding-top:28px}.legal-prose{padding:30px 22px}.legal-prose h2{font-size:27px}}

/* v15 Technik & Kaufberatung */
.tech-hub{background:#f8fbfd;color:#08233a}
.tech-hero{min-height:560px;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#031d32}
.tech-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,23,40,.97) 0%,rgba(2,31,53,.83) 45%,rgba(3,35,55,.26) 75%),url('../img/card-filter.jpg') center/cover no-repeat;transform:scale(1.02)}
.tech-hero-inner{position:relative;padding-bottom:72px}.tech-hero .breadcrumbs{margin-bottom:48px}.tech-kicker{color:#55d4ff;text-transform:uppercase;font:800 14px "Barlow Condensed";letter-spacing:.12em;margin:0 0 10px}
.tech-hero h1{font:800 clamp(62px,7vw,106px)/.84 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.025em;margin:0;max-width:900px}.tech-hero h1 em{font-style:normal;color:#3dc7ff}
.tech-lead{max-width:720px;color:#d9eaf2;font-size:17px;line-height:1.65;margin:25px 0 30px}.tech-hero-actions{display:flex;gap:12px}.action-outline-light{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.04)}
.tech-fast{padding:86px 0 78px}.tech-fast-copy{max-width:760px}.tech-fast-copy h2,.section-heading h2{font:800 clamp(45px,5vw,68px)/.9 "Barlow Condensed";text-transform:uppercase;margin:7px 0 16px}.tech-fast-copy>p:last-child,.split-heading>p{color:#617b8c;line-height:1.65}
.volume-picker{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border:1px solid #cfe0ea}.volume-picker button{background:#fff;border:0;border-right:1px solid #cfe0ea;padding:22px;cursor:pointer;text-align:left;transition:.2s}.volume-picker button:last-child{border-right:0}.volume-picker button.active,.volume-picker button:hover{background:#062a47;color:#fff;box-shadow:inset 0 -4px #1bb7ff}.volume-picker strong{display:block;font:800 34px "Barlow Condensed";text-transform:uppercase}.volume-picker span{font-size:12px;color:#7890a0}.volume-picker button.active span{color:#b9d6e5}
.tech-orientation{display:grid;grid-template-columns:repeat(3,1fr);background:#062a47;color:#fff}.tech-orientation article{padding:27px 28px;border-right:1px solid rgba(98,202,244,.26)}.tech-orientation article:last-child{border:0}.tech-orientation span{display:block;text-transform:uppercase;font:700 12px "Barlow Condensed";color:#85cde9;letter-spacing:.08em}.tech-orientation strong{display:block;font:800 29px "Barlow Condensed";margin:6px 0}.tech-orientation small{color:#b9d0dc}.calc-note{font-size:12px;color:#8195a2;margin-top:12px}
.tech-categories{background:#eef5f9;padding:80px 0 92px}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:38px}.split-heading>p{margin-bottom:8px}
.tech-category-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:310px 310px;gap:13px}.tech-category{position:relative;overflow:hidden;color:#fff;text-decoration:none;min-height:300px}.tech-category.featured{grid-row:1/3}.tech-category:nth-child(4){grid-column:2/4}.tech-category img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .5s}.tech-category:hover img{transform:scale(1.045);filter:brightness(1.08)}.tech-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,19,33,.94),rgba(2,27,44,.12) 70%)}.tech-card-copy{position:absolute;inset:auto 27px 26px}.tech-card-copy>span{color:#55d7ff;font:800 12px "Barlow Condensed"}.tech-card-copy h3{font:800 34px/.92 "Barlow Condensed";text-transform:uppercase;margin:7px 0 10px}.featured .tech-card-copy h3{font-size:48px}.tech-card-copy p{max-width:420px;color:#d8e8ef;font-size:13px;line-height:1.45}.tech-card-copy b{display:block;color:#65d9ff;font:800 13px "Barlow Condensed";text-transform:uppercase;margin-top:17px}
.guide-feature{display:grid;grid-template-columns:1fr 1fr;min-height:530px;margin-top:92px;background:#fff;box-shadow:0 15px 45px rgba(3,48,76,.06)}.guide-reverse .guide-visual{order:2}.guide-visual img{width:100%;height:100%;object-fit:cover}.guide-copy{padding:62px;align-self:center}.guide-copy h2{font:800 clamp(42px,4vw,61px)/.9 "Barlow Condensed";text-transform:uppercase;margin:8px 0 20px}.guide-copy>p:not(.eyebrow){color:#607a8b;line-height:1.65}.guide-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-top:1px solid #d6e5ed;border-bottom:1px solid #d6e5ed}.guide-facts div{padding:18px 14px;border-right:1px solid #d6e5ed}.guide-facts div:first-child{padding-left:0}.guide-facts div:last-child{border:0}.guide-facts strong{display:block;font:800 25px "Barlow Condensed";color:#0879e8}.guide-facts span{font-size:11px;color:#718897}.text-arrow{display:inline-block;margin-top:24px;color:#0879e8;text-decoration:none;font:800 15px "Barlow Condensed";text-transform:uppercase}.level-scale{display:flex;align-items:center;gap:14px;margin:30px 0;color:#657e8e;font-size:12px}.level-scale i{height:5px;flex:1;background:linear-gradient(90deg,#7bd7ff,#0879e8,#06365a)}
.product-system{margin-top:100px;background:linear-gradient(110deg,#031e36,#064a73);color:#fff;padding:82px 0}.product-system-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.product-system-copy h2{font:800 clamp(48px,5vw,72px)/.87 "Barlow Condensed";text-transform:uppercase;margin:8px 0 20px}.product-system-copy h2 em{font-style:normal;color:#52d0ff}.product-system-copy>p:last-child{color:#c5dce7;line-height:1.65}.product-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center}.product-flow>div{border-top:2px solid #17aef2;padding:20px 15px;background:rgba(255,255,255,.04);min-height:145px}.product-flow>i{font-style:normal;color:#58d5ff;padding:0 7px}.product-flow span{display:block;color:#5fd7ff;font:800 12px "Barlow Condensed"}.product-flow strong{display:block;font:800 20px "Barlow Condensed";text-transform:uppercase;margin:10px 0}.product-flow small{color:#b8d1dd}
.tech-no-fake{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:90px 0}.tech-no-fake h2{font:800 52px/.9 "Barlow Condensed";text-transform:uppercase;margin:7px 0}.tech-no-fake>p{color:#60798a;line-height:1.7}
.tech-cta{background:#e8f4fa;padding:60px 0}.tech-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.tech-cta h2{font:800 47px/.92 "Barlow Condensed";text-transform:uppercase;margin:6px 0}.tech-cta p:last-child{color:#617b8c}
@media(max-width:980px){.tech-category-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.tech-category.featured,.tech-category:nth-child(4){grid-row:auto;grid-column:auto}.tech-category{height:360px}.guide-feature{grid-template-columns:1fr}.guide-reverse .guide-visual{order:0}.guide-visual{height:380px}.product-system-inner,.tech-no-fake{grid-template-columns:1fr}.product-flow{grid-template-columns:1fr 1fr}.product-flow>i{display:none}.tech-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.tech-hero{min-height:520px}.tech-hero-inner{padding:38px 20px 48px}.tech-hero h1{font-size:58px}.tech-hero-actions{flex-direction:column}.tech-fast{padding:60px 20px}.volume-picker{grid-template-columns:1fr 1fr}.volume-picker button:nth-child(2){border-right:0}.tech-orientation{grid-template-columns:1fr}.tech-orientation article{border-right:0;border-bottom:1px solid rgba(98,202,244,.26)}.split-heading{grid-template-columns:1fr}.tech-category-grid{grid-template-columns:1fr}.tech-category{height:330px}.guide-feature{margin:50px 20px 0}.guide-visual{height:290px}.guide-copy{padding:32px 24px}.guide-facts{grid-template-columns:1fr}.guide-facts div{border-right:0;border-bottom:1px solid #d6e5ed;padding-left:0}.product-system{margin-top:60px;padding:60px 20px}.product-flow{grid-template-columns:1fr}.tech-no-fake{padding:65px 20px}.tech-cta{padding:50px 20px}}


/* v16 – dedicated Technik hero + prominent breadcrumb below hero */
.tech-hero-bg{
  background:
    linear-gradient(90deg,rgba(2,23,40,.97) 0%,rgba(2,31,53,.86) 35%,rgba(2,31,53,.48) 58%,rgba(3,35,55,.10) 100%),
    url('../img/technik-hero-v16.jpg') 72% center / cover no-repeat !important;
  transform:scale(1.012);
  filter:saturate(1.05) contrast(1.04);
}
.tech-hero-inner{
  padding-top:72px;
  padding-bottom:78px;
}
.page-trail{
  position:relative;
  background:#f8fbfd;
  padding:24px 0 0;
}
.page-trail-inner{
  min-height:60px;
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1px solid #dce9f0;
  box-shadow:0 7px 24px rgba(5,47,76,.045);
  padding:0 24px;
}
.trail-home{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#0879e8;
  text-decoration:none;
  font:700 13px "Inter",Arial,sans-serif;
}
.trail-home:hover{color:#045aaf}
.trail-home-icon{
  width:28px;height:28px;
  display:grid;place-items:center;
  border:1px solid #bcdcec;
  font-size:18px;
  line-height:1;
}
.trail-sep{color:#66b8de;font-size:20px}
.trail-current{
  color:#536e80;
  font-size:13px;
  font-weight:600;
}
.page-trail + .tech-fast{
  padding-top:72px;
}
@media(max-width:650px){
  .tech-hero-inner{padding-top:54px;padding-bottom:56px}
  .page-trail{padding:18px 20px 0}
  .page-trail-inner{min-height:54px;padding:0 16px}
  .page-trail + .tech-fast{padding-top:56px}
  .tech-hero-bg{background-position:64% center !important}
}


/* v17 – dedicated, text-free image world for Technik & Tests */
.tech-hero-bg{
  background:
    linear-gradient(90deg,rgba(2,23,40,.97) 0%,rgba(2,31,53,.84) 34%,rgba(2,31,53,.42) 60%,rgba(3,35,55,.08) 100%),
    url('../img/technik-hero-v17.jpg') 68% center / cover no-repeat !important;
}
.tech-category img,
.guide-visual img{
  image-rendering:auto;
  object-fit:cover;
}
.guide-visual{
  overflow:hidden;
  background:#031e36;
}
.guide-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  filter:saturate(1.02) contrast(1.02);
}
.tech-category img{
  filter:saturate(1.04) contrast(1.025);
}

/* v18 – more atmosphere without changing the page structure */
.page-trail + .tech-fast{
  position:relative;
  max-width:none;
  width:100%;
  padding:86px max(calc((100vw - 1200px)/2),24px) 82px;
  overflow:hidden;
  background:
    linear-gradient(rgba(247,252,254,.80),rgba(247,252,254,.88)),
    url('../img/technik-quick-bg-v18.jpg') center 42% / cover no-repeat;
}
.page-trail + .tech-fast::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.76),transparent 25%),
    linear-gradient(115deg,rgba(37,193,235,.08),transparent 42%,rgba(8,121,232,.06));
}
.page-trail + .tech-fast > *{position:relative;z-index:1}
.page-trail + .tech-fast .tech-fast-copy{max-width:760px}
.page-trail + .tech-fast .volume-picker{
  box-shadow:0 18px 45px rgba(4,54,82,.10);
}
.page-trail + .tech-fast .volume-picker button{
  background:rgba(255,255,255,.91);
  backdrop-filter:blur(4px);
}
.page-trail + .tech-fast .volume-picker button.active{
  background:#062a47;
}
.page-trail + .tech-fast .tech-orientation{
  box-shadow:0 16px 38px rgba(2,45,72,.10);
}
/* Very subtle water-light texture between major white sections */
.tech-hub{
  background:
    radial-gradient(circle at 6% 36%,rgba(67,203,241,.07),transparent 17%),
    radial-gradient(circle at 94% 66%,rgba(25,161,224,.06),transparent 20%),
    #f8fbfd;
}
@media(max-width:650px){
  .page-trail + .tech-fast{
    padding:62px 20px 60px;
    background-position:center;
  }
}


/* v19 – unified subpage hierarchy:
   white AquaMySoul header -> page hero -> separate breadcrumb strip */
.site-header{
  background:#fff;
}
.header-main{
  background:#fff;
}
.subhero + .page-trail,
.legal-hero + .page-trail{
  background:#f8fbfd;
  padding-top:24px;
}
.subhero + .page-trail + *,
.legal-hero + .page-trail + *{
  margin-top:0;
}
.subhero{
  margin-top:0 !important;
}
.legal-hero{
  margin-top:0 !important;
}

/* Keep breadcrumb visually prominent but subordinate to hero */
.page-trail-inner{
  border-radius:0;
}
.trail-home-icon{
  border-radius:0;
}

/* Give content after the breadcrumb consistent breathing room */
.subhero + .page-trail + .designer-intro,
.subhero + .page-trail + .content-grid,
.legal-hero + .page-trail + .legal-section{
  padding-top:58px;
}

/* Legal page spacing: breadcrumb sits outside hero, content stays airy */
.legal-hero + .page-trail + .legal-section{
  margin-top:0;
}

/* Mobile */
@media(max-width:650px){
  .subhero + .page-trail,
  .legal-hero + .page-trail{
    padding-top:18px;
  }
  .subhero + .page-trail + .designer-intro,
  .subhero + .page-trail + .content-grid,
  .legal-hero + .page-trail + .legal-section{
    padding-top:38px;
  }
}


/* v20 – header lock
   Header/topline/navigation must render identically on every AquaMySoul page. */
.site-header,
.site-header *{
  box-sizing:border-box;
}
.site-header .topline,
.site-header .topline *{
  font-family:"Inter",Arial,sans-serif;
}
.site-header .top-claim,
.site-header .top-promises{
  font-size:inherit;
  letter-spacing:inherit;
}
.site-header .brand-type{
  font-family:"Barlow Condensed",Arial,sans-serif;
}
.site-header .brand-type em{
  font-family:"Kalam",cursive;
}
.site-header .brand-sub{
  font-family:"Inter",Arial,sans-serif;
}
.site-header .mainnav,
.site-header .mainnav a,
.site-header .menu-toggle,
.site-header .menu-toggle strong{
  font-family:"Inter",Arial,sans-serif;
}

/* Explicitly inherit the exact header dimensions from the homepage stylesheet;
   page modules are not allowed to scale the navigation. */
.tech-hub .site-header,
.designer-app .site-header,
.simple-page .site-header,
.legal-page .site-header{
  font-size:inherit;
  letter-spacing:normal;
}

/* v21 – first complete AquaMySoul buying guide */
.filter-guide{background:#f8fbfd;color:#08243a}
.filter-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#031a2a}
.filter-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,20,34,.88) 0%,rgba(1,25,40,.62) 42%,rgba(1,20,34,.08) 72%),url('../img/filter-hero-v21.jpg') center/cover no-repeat;transform:scale(1.015)}
.filter-hero-inner{position:relative;z-index:2;padding:105px 0 100px;color:#fff}
.filter-hero h1{font:800 clamp(54px,6vw,88px)/.93 "Barlow Condensed",sans-serif;letter-spacing:-1.5px;margin:12px 0 24px;max-width:790px}
.filter-hero h1 em{font-style:normal;color:#55d8f2}
.filter-hero p:not(.tech-kicker){font-size:18px;line-height:1.7;max-width:650px;color:rgba(255,255,255,.86);margin-bottom:30px}
.page-trail a{color:inherit;text-decoration:none}
.filter-finder{position:relative;padding:82px 0 92px;background:linear-gradient(rgba(245,252,254,.90),rgba(245,252,254,.94)),url('../img/technik-quick-bg-v18.jpg') center/cover no-repeat;overflow:hidden}
.filter-finder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 10%,rgba(255,255,255,.9),transparent 25%);pointer-events:none}
.filter-finder>.wrap{position:relative}
.filter-finder-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:34px}
.filter-finder-heading h2,.filter-story h2,.filter-versus h2,.filter-factors h2,.filter-mistakes h2,.product-ready h2,.filter-cta h2{font:800 clamp(38px,4vw,58px)/1 "Barlow Condensed",sans-serif;margin:6px 0 0}
.filter-finder-heading>p{max-width:480px;line-height:1.7;color:#526a7a}
.finder-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.12fr;gap:12px}
.finder-step,.finder-result{background:rgba(255,255,255,.91);border:1px solid rgba(8,79,113,.1);padding:28px;box-shadow:0 18px 42px rgba(4,53,78,.08);min-height:390px}
.step-no{display:block;color:#1bb9d4;font-weight:800;font-size:13px;letter-spacing:.12em;margin-bottom:12px}
.finder-step h3{font:700 25px/1.05 "Barlow Condensed",sans-serif;margin:0 0 22px}
.finder-options{display:grid;gap:8px}
.finder-options button{border:1px solid #d6e3e9;background:#fff;text-align:left;padding:13px 14px;font:600 14px "Inter",sans-serif;color:#15384d;cursor:pointer;transition:.22s ease}
.finder-options button small{display:block;font-size:11px;font-weight:400;color:#6b7f8b;margin-top:4px}
.finder-options button:hover{border-color:#25b8d2;transform:translateX(2px)}
.finder-options button.active{background:#07324b;color:#fff;border-color:#07324b;box-shadow:inset 4px 0 #43d6ec}
.finder-options button.active small{color:#c7e9ef}
.finder-result{background:#062b44;color:#fff;position:relative;overflow:hidden}
.finder-result>span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#78dcec}
.finder-result>strong{display:block;font:800 36px "Barlow Condensed",sans-serif;margin:14px 0 4px;color:#fff}
.finder-result>p{font-size:12px;color:#b8d5df;margin:0}
.finder-result dl{margin:25px 0 20px;border-top:1px solid rgba(255,255,255,.13)}
.finder-result dl div{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.finder-result dt{font-size:11px;color:#8eb5c4}.finder-result dd{margin:4px 0 0;font-size:13px;font-weight:600}
.finder-result>small{color:#8eb5c4;line-height:1.45}
.flow-visual{height:54px;margin:18px -28px 0;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent,rgba(68,216,238,.08),transparent)}
.flow-visual i{position:absolute;width:5px;height:5px;border-radius:50%;background:#5be4f3;box-shadow:0 0 12px #5be4f3;left:-10px;top:calc(10px + var(--n,1)*5px);animation:waterParticle calc(5s / var(--flow,1)) linear infinite}
.flow-visual i:nth-child(2){--n:2;animation-delay:-1s}.flow-visual i:nth-child(3){--n:5;animation-delay:-2.4s}.flow-visual i:nth-child(4){--n:3;animation-delay:-3.2s}.flow-visual i:nth-child(5){--n:6;animation-delay:-.5s}.flow-visual i:nth-child(6){--n:1;animation-delay:-4s}.flow-visual i:nth-child(7){--n:4;animation-delay:-1.8s}
@keyframes waterParticle{to{transform:translateX(390px) translateY(-8px)}}
.pulse-result>strong{animation:resultFlash .55s ease}
@keyframes resultFlash{50%{color:#62e5f4;text-shadow:0 0 18px rgba(98,229,244,.35)}}
.ad-slot{display:none}.ad-slot.is-active{display:block;max-width:1180px;margin:44px auto;padding:10px 18px}.ad-slot>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#8a9ba5;margin-bottom:7px}.ad-slot-inner{min-height:90px;background:#eef3f5;border:1px solid #e0e9ed}
.filter-story{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center;padding-top:100px;padding-bottom:100px}
.filter-story h2 em{font-style:normal;color:#169dbd}.filter-story-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#526b7a}
.filter-story-visual{height:590px;overflow:hidden;box-shadow:0 28px 60px rgba(3,46,68,.13)}.filter-story-visual img{width:100%;height:100%;object-fit:cover}
.knowledge-points{margin-top:30px;border-top:1px solid #dce7eb}.knowledge-points article{display:grid;grid-template-columns:42px 145px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #dce7eb;align-items:start}.knowledge-points b{color:#20afca}.knowledge-points strong{font-size:14px}.knowledge-points span{font-size:13px;color:#637b89;line-height:1.5}
.filter-versus{padding:95px 0;background:#eef6f8}.filter-versus .section-heading{text-align:center;max-width:800px;margin:0 auto 45px}.filter-versus .section-heading>p:last-child{color:#607784;line-height:1.7}
.versus-grid{display:grid;grid-template-columns:1fr 76px 1fr;align-items:stretch}.filter-type-card{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;min-height:440px;box-shadow:0 18px 45px rgba(3,49,72,.08)}.filter-type-img img{width:100%;height:100%;object-fit:cover}.filter-type-copy{padding:40px 34px}.filter-type-copy>span{font-size:10px;letter-spacing:.15em;color:#16a8c4;font-weight:700}.filter-type-copy h3{font:800 38px "Barlow Condensed",sans-serif;margin:5px 0 10px}.filter-type-copy p,.filter-type-copy li{font-size:13px;line-height:1.6;color:#58717f}.filter-type-copy ul{padding-left:17px}.versus-mark{display:flex;align-items:center;justify-content:center;position:relative}.versus-mark i{position:absolute;width:1px;height:100%;background:#c9dce3}.versus-mark span{position:relative;z-index:1;background:#062b44;color:#5ce1f0;width:58px;height:58px;display:grid;place-items:center;font-weight:800}
.filter-factors{padding-top:105px;padding-bottom:105px}.factor-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid #d9e5e9;border-left:1px solid #d9e5e9}.factor-grid article{padding:34px;border-right:1px solid #d9e5e9;border-bottom:1px solid #d9e5e9;background:#fff;transition:.25s}.factor-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(3,53,77,.08);z-index:2}.factor-grid span{font:800 12px "Inter";color:#20acc7}.factor-grid h3{font:700 25px "Barlow Condensed";margin:12px 0 8px}.factor-grid p{font-size:13px;line-height:1.65;color:#627985}
.filter-mistakes{background:#052b43;color:#fff;padding:88px 0;position:relative;overflow:hidden}.filter-mistakes:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(73,218,238,.12);border-radius:50%;right:-100px;top:-190px;box-shadow:0 0 0 55px rgba(73,218,238,.025),0 0 0 110px rgba(73,218,238,.018)}
.filter-mistakes-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;position:relative;z-index:1}.filter-mistakes .eyebrow{color:#5ce1f0}.mistake-list article{padding:21px 0;border-bottom:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:115px 1fr;gap:25px}.mistake-list b{color:#62e2ef}.mistake-list p{margin:0;color:#bdd0d8;line-height:1.6;font-size:14px}
.product-ready{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-top:100px;padding-bottom:100px}.product-ready-copy p:last-child{line-height:1.75;color:#5a7180}.product-placeholder{background:#fff;border-left:5px solid #18b2ce;padding:38px;display:grid;gap:10px;box-shadow:0 20px 45px rgba(3,52,76,.08)}.product-placeholder span{font-size:10px;letter-spacing:.16em;color:#1aaac4}.product-placeholder strong{font:700 23px "Barlow Condensed"}.product-placeholder i{font-style:normal;color:#21b4ce}
.filter-cta{padding:80px 0;background:linear-gradient(110deg,#061f32,#074b66);color:#fff}.filter-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.filter-cta p{color:#b8d0da}.filter-cta .eyebrow{color:#55dce9}
@media(max-width:980px){.finder-grid{grid-template-columns:1fr 1fr}.filter-story,.product-ready,.filter-mistakes-inner{grid-template-columns:1fr}.versus-grid{grid-template-columns:1fr}.versus-mark{height:76px}.versus-mark i{width:100%;height:1px}.factor-grid{grid-template-columns:1fr 1fr}.filter-type-card{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.filter-hero{min-height:500px}.filter-hero-inner{padding:75px 0}.filter-finder-heading{display:block}.finder-grid{grid-template-columns:1fr}.finder-step,.finder-result{min-height:0}.filter-story{gap:35px;padding-top:65px;padding-bottom:65px}.filter-story-visual{height:390px}.knowledge-points article{grid-template-columns:34px 1fr}.knowledge-points span{grid-column:2}.filter-type-card{grid-template-columns:1fr}.filter-type-img{height:260px}.factor-grid{grid-template-columns:1fr}.filter-mistakes-inner{gap:35px}.mistake-list article{grid-template-columns:1fr;gap:5px}.product-ready{gap:35px}.filter-cta-inner{display:block}.filter-cta .action{display:inline-block;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.flow-visual i,.pulse-result>strong{animation:none!important}}


/* v22 – larger, more confident typography on the filter guide */
.filter-guide .eyebrow{
  font-size:14px;
  letter-spacing:.16em;
  font-weight:800;
}
.filter-finder-heading>p{
  font-size:17px;
}
.step-no{
  font-size:18px;
  letter-spacing:.16em;
  margin-bottom:16px;
}
.finder-step h3{
  font-size:30px;
}
.finder-options button{
  font-size:16px;
  padding:15px 16px;
}
.finder-options button small{
  font-size:13px;
  line-height:1.45;
  margin-top:5px;
}
.finder-result>span{
  font-size:14px;
}
.finder-result>strong{
  font-size:42px;
}
.finder-result>p{
  font-size:14px;
}
.finder-result dt{
  font-size:13px;
}
.finder-result dd{
  font-size:15px;
}
.finder-result>small{
  font-size:12px;
}
.knowledge-points article{
  grid-template-columns:62px 180px 1fr;
  padding:22px 0;
}
.knowledge-points b{
  font:800 26px "Barlow Condensed",sans-serif;
}
.knowledge-points strong{
  font:700 21px/1.1 "Barlow Condensed",sans-serif;
}
.knowledge-points span{
  font-size:15px;
  line-height:1.6;
}
.filter-type-copy>span{
  font-size:14px;
  letter-spacing:.16em;
}
.filter-type-copy h3{
  font-size:44px;
}
.filter-type-copy p,
.filter-type-copy li{
  font-size:15px;
  line-height:1.7;
}
.factor-grid span{
  font-size:18px;
}
.factor-grid h3{
  font-size:29px;
}
.factor-grid p{
  font-size:15px;
  line-height:1.7;
}
.mistake-list b{
  font:700 22px "Barlow Condensed",sans-serif;
}
.mistake-list p{
  font-size:15px;
  line-height:1.7;
}
.product-placeholder{
  padding:46px;
}
.product-placeholder span{
  font-size:15px;
  letter-spacing:.15em;
  font-weight:800;
}
.product-placeholder strong{
  font-size:30px;
}
.product-placeholder i{
  font-size:22px;
  font-weight:700;
}

/* v22 – bubble flow instead of flat particles */
.flow-visual{
  height:78px;
  margin:20px -28px 0;
  background:
    linear-gradient(180deg,rgba(86,222,241,.04),rgba(86,222,241,.1)),
    linear-gradient(90deg,transparent,rgba(68,216,238,.08),transparent);
}
.flow-visual i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:rgba(108,232,246,.12);
  border:1.5px solid rgba(111,237,249,.9);
  box-shadow:
    inset -2px -2px 4px rgba(255,255,255,.28),
    0 0 9px rgba(84,225,241,.32);
  left:-18px;
  top:auto;
  bottom:8px;
  animation:bubbleFlow calc(6.2s / var(--flow,1)) ease-in infinite;
}
.flow-visual i:nth-child(2){width:13px;height:13px;bottom:14px;animation-delay:-1.1s}
.flow-visual i:nth-child(3){width:7px;height:7px;bottom:5px;animation-delay:-2.7s}
.flow-visual i:nth-child(4){width:16px;height:16px;bottom:18px;animation-delay:-3.5s}
.flow-visual i:nth-child(5){width:10px;height:10px;bottom:9px;animation-delay:-.7s}
.flow-visual i:nth-child(6){width:6px;height:6px;bottom:20px;animation-delay:-4.4s}
.flow-visual i:nth-child(7){width:12px;height:12px;bottom:4px;animation-delay:-2s}

@keyframes bubbleFlow{
  0%{
    transform:translate(0,0) scale(.75);
    opacity:0;
  }
  10%{opacity:.95}
  38%{
    transform:translate(120px,-12px) scale(.95);
  }
  68%{
    transform:translate(250px,-34px) scale(1.05);
  }
  100%{
    transform:translate(410px,-70px) scale(.85);
    opacity:0;
  }
}

@media(max-width:650px){
  .step-no{font-size:16px}
  .finder-step h3{font-size:27px}
  .finder-options button{font-size:15px}
  .knowledge-points article{grid-template-columns:44px 1fr}
  .knowledge-points b{font-size:22px}
  .knowledge-points strong{font-size:20px}
  .knowledge-points span{font-size:14px}
  .filter-type-copy>span{font-size:12px}
  .filter-type-copy h3{font-size:38px}
  .filter-type-copy p,.filter-type-copy li{font-size:14px}
  .factor-grid span{font-size:16px}
  .factor-grid h3{font-size:26px}
  .factor-grid p{font-size:14px}
  .product-placeholder span{font-size:13px}
  .product-placeholder strong{font-size:26px}
}

/* v23 – central product core */
.catalog-host{min-height:300px;display:flex;align-items:center}
.catalog-empty{width:100%}
.catalog-status{display:block;font:800 16px/1.2 "Inter",sans-serif;letter-spacing:.14em;color:#16a9c4;margin-bottom:16px}
.catalog-empty>strong{display:block;font:800 36px/1 "Barlow Condensed",sans-serif;color:#092d43;margin-bottom:14px}
.catalog-empty>p{font-size:16px;line-height:1.7;color:#607783;margin:0 0 28px}
.catalog-pipeline{display:flex;align-items:center;gap:14px;padding-top:22px;border-top:1px solid #dbe6ea;flex-wrap:wrap}
.catalog-pipeline b{font:700 18px "Barlow Condensed",sans-serif;color:#123d53}
.catalog-pipeline i{font-style:normal;color:#1ab2cc;font-size:20px}
.catalog-card{background:#fff;border:1px solid #dce7eb;padding:24px}
.catalog-card img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:18px}
.catalog-card>span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#1aabc5}
.catalog-card h3{font:800 28px "Barlow Condensed",sans-serif;margin:8px 0}
.catalog-card p{font-size:15px;line-height:1.6;color:#617985}
.catalog-card>strong{font-size:18px}
@media(max-width:650px){
 .catalog-empty>strong{font-size:30px}
 .catalog-empty>p{font-size:15px}
 .catalog-pipeline b{font-size:16px}
}

/* v24 – Aquarium lighting buying guide */
.light-guide{background:#f8fbfd;color:#09273b}
.light-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#031b2c}
.light-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,34,.91),rgba(2,28,42,.67) 42%,rgba(2,20,34,.10) 73%),url('../img/beleuchtung-hero-v24.jpg') center/cover no-repeat;transform:scale(1.01)}
.light-hero-inner{position:relative;z-index:2;padding:105px 0;color:#fff}
.light-hero h1{font:800 clamp(54px,6vw,88px)/.93 "Barlow Condensed",sans-serif;margin:12px 0 24px;letter-spacing:-1.5px;max-width:850px}
.light-hero h1 em{font-style:normal;color:#8eea68}
.light-hero p:not(.tech-kicker){max-width:660px;font-size:18px;line-height:1.7;color:rgba(255,255,255,.86);margin-bottom:30px}

.light-finder{padding:90px 0 95px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbfd,#eef8fa)}
.light-finder:before{content:"";position:absolute;inset:-20% -10% auto;height:520px;background:radial-gradient(ellipse at 77% 0%,rgba(196,255,159,.22),transparent 42%),radial-gradient(ellipse at 25% 0%,rgba(69,206,240,.13),transparent 38%);pointer-events:none}
.light-finder>.wrap{position:relative}
.light-finder-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:38px}
.light-finder-heading h2,.light-truth h2,.light-system h2,.light-criteria h2,.light-mistakes h2,.light-cta h2{font:800 clamp(40px,4vw,60px)/1 "Barlow Condensed",sans-serif;margin:6px 0 0}
.light-finder-heading>p{max-width:530px;font-size:17px;line-height:1.72;color:#58717f}
.lightfinder-grid{display:grid;grid-template-columns:1.72fr .78fr;gap:18px;align-items:stretch}
.lightfinder-controls{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dce8ec;box-shadow:0 22px 50px rgba(3,49,73,.08)}
.light-step{padding:30px;border-right:1px solid #e2eaed;border-bottom:1px solid #e2eaed;display:grid;grid-template-columns:64px 1fr;align-content:start}
.light-step:nth-child(even){border-right:0}.light-step:nth-child(n+3){border-bottom:0}
.light-step-no{font:800 33px/1 "Barlow Condensed",sans-serif;color:#86c944}
.light-step h3{font:800 28px/1 "Barlow Condensed",sans-serif;margin:0 0 4px}.light-step>div>p{font-size:13px;color:#70848f;margin:0 0 20px}
.light-options{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}
.light-options button{flex:1 1 calc(50% - 7px);min-width:110px;text-align:left;border:1px solid #d7e3e7;background:#fff;padding:13px 14px;font:700 14px "Inter",sans-serif;color:#163a4e;cursor:pointer;transition:.22s}
.light-options button small{display:block;font-size:11px;font-weight:400;color:#71838d;margin-top:4px;line-height:1.4}
.light-options button:hover{border-color:#8acb48;transform:translateY(-2px)}
.light-options button.active{background:#edf8e5;border-color:#82c33f;box-shadow:inset 4px 0 #7dbd39;color:#153f2a}

.light-result{background:#052d47;color:#fff;padding:30px;position:relative;overflow:hidden;box-shadow:0 22px 50px rgba(3,49,73,.12)}
.light-result>span{font-size:14px;letter-spacing:.14em;font-weight:800;color:#a5e974;text-transform:uppercase}
.light-result>strong{display:block;font:800 42px/1 "Barlow Condensed",sans-serif;margin:17px 0 7px}
.light-result>p{font-size:14px;color:#b8d3de;margin:0}
.light-result dl{margin:24px 0 18px;border-top:1px solid rgba(255,255,255,.13)}
.light-result dl div{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.13)}.light-result dt{font-size:12px;color:#8eb4c3}.light-result dd{font-size:15px;font-weight:700;margin:4px 0 0}
.light-result>small{display:block;font-size:12px;line-height:1.55;color:#8fb4c2}
.light-simulator{height:145px;margin:-30px -30px 24px;position:relative;overflow:hidden;background:linear-gradient(#031b2a,#06384f 70%,#0d4c58)}
.lamp-bar{position:absolute;top:13px;left:16%;right:16%;height:7px;background:#eaffff;box-shadow:0 0 11px #fff,0 0 28px rgba(177,238,255,.92),0 0 48px rgba(155,237,255,.42);z-index:5}
.light-cone{position:absolute;top:17px;left:12%;right:12%;height:130px;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:linear-gradient(rgba(226,255,220,calc(.20 * var(--light-strength,1))),rgba(107,230,255,calc(.02 * var(--light-strength,1))));filter:blur(2px);transition:.5s}
.light-shimmer{position:absolute;inset:25px -20% 0;background:repeating-linear-gradient(105deg,transparent 0 38px,rgba(255,255,255,.08) 42px 46px,transparent 50px 90px);animation:lightSweep 6s linear infinite;opacity:calc(.6 * var(--light-strength,1))}
.light-simulator i{position:absolute;width:4px;height:4px;border-radius:50%;background:#dfffff;box-shadow:0 0 8px #cfffff;top:65%;left:10%;animation:lightMote 6s ease-in-out infinite}
.light-simulator i:nth-of-type(2){left:27%;top:50%;animation-delay:-1.7s}.light-simulator i:nth-of-type(3){left:48%;top:72%;animation-delay:-3.1s}.light-simulator i:nth-of-type(4){left:69%;top:43%;animation-delay:-4.2s}.light-simulator i:nth-of-type(5){left:86%;top:66%;animation-delay:-2.2s}
@keyframes lightSweep{to{transform:translateX(20%)}}
@keyframes lightMote{50%{transform:translateY(-20px) translateX(8px);opacity:.35}}
.light-pulse .lamp-bar{animation:lampPulse .55s ease}
@keyframes lampPulse{40%{opacity:.55;box-shadow:0 0 7px #fff}65%{opacity:1}}

.light-truth{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-top:105px;padding-bottom:105px}
.light-truth h2 em{font-style:normal;color:#75b93c}.light-truth-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#58727f}
.light-facts{margin-top:32px;border-top:1px solid #dbe6ea}.light-facts article{display:grid;grid-template-columns:60px 170px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #dbe6ea;align-items:start}
.light-facts b{font:800 27px "Barlow Condensed";color:#79bc40}.light-facts strong{font:700 22px "Barlow Condensed";color:#143b50}.light-facts span{font-size:15px;line-height:1.65;color:#657b87}
.light-truth-visual{height:610px;position:relative;overflow:hidden;box-shadow:0 28px 60px rgba(3,46,68,.13)}.light-truth-visual img{width:100%;height:100%;object-fit:cover}
.light-ray-overlay{position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 75px,rgba(255,255,255,.09) 86px 91px,transparent 100px 160px);mix-blend-mode:screen;animation:lightSweep 12s linear infinite}

.light-system{padding:95px 0;background:#082b42;color:#fff;position:relative;overflow:hidden}.light-system:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,rgba(131,206,70,.13),transparent 28%),radial-gradient(circle at 10% 100%,rgba(71,208,235,.08),transparent 30%)}
.light-system .wrap{position:relative}.light-system .split-heading>p{color:#b8cbd4}.light-system .eyebrow{color:#a8e874}
.light-balance-grid{display:grid;grid-template-columns:1fr 46px 1fr 46px 1fr 46px 1.2fr;align-items:stretch;margin-top:45px}
.light-balance-grid article{border:1px solid rgba(255,255,255,.12);padding:30px;background:rgba(255,255,255,.035)}.light-balance-grid article span{font-size:12px;letter-spacing:.15em;color:#a7e96d;font-weight:800}.light-balance-grid article strong{display:block;font:800 29px "Barlow Condensed";margin:10px 0}.light-balance-grid article p{font-size:13px;line-height:1.65;color:#bdd0d8}.balance-link{display:grid;place-items:center;color:#84d7e8;font-size:25px;font-weight:800}.light-balance-grid .balance-result{background:rgba(132,201,68,.11);border-color:rgba(166,232,103,.32)}

.light-criteria{padding-top:105px;padding-bottom:105px}.light-criteria .section-heading{max-width:830px}.light-criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid #dae6ea;border-left:1px solid #dae6ea}.light-criteria-grid article{background:#fff;padding:35px;border-right:1px solid #dae6ea;border-bottom:1px solid #dae6ea;transition:.25s}.light-criteria-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(3,53,77,.08);z-index:2}.light-criteria-grid span{font:800 18px "Inter";color:#7abe42}.light-criteria-grid h3{font:800 30px "Barlow Condensed";margin:12px 0 8px}.light-criteria-grid p{font-size:15px;line-height:1.7;color:#627986}

.light-mistakes{padding:88px 0;background:#edf5f1}.light-mistakes-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.light-mistake-list article{display:grid;grid-template-columns:185px 1fr;gap:26px;padding:20px 0;border-bottom:1px solid #cfdfd6}.light-mistake-list b{font:800 23px "Barlow Condensed";color:#507f2b}.light-mistake-list p{margin:0;font-size:15px;line-height:1.7;color:#5e7569}
.light-products{padding-top:105px;padding-bottom:105px}.light-cta{padding:80px 0;background:linear-gradient(110deg,#061f32,#174d38);color:#fff}.light-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.light-cta p{color:#bdd3d8}.light-cta .eyebrow{color:#a8e874}

@media(max-width:980px){
 .lightfinder-grid,.light-truth,.light-mistakes-inner{grid-template-columns:1fr}
 .light-balance-grid{grid-template-columns:1fr}.balance-link{height:42px}
 .light-criteria-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .light-hero{min-height:500px}.light-hero-inner{padding:75px 0}
 .light-finder-heading{display:block}
 .lightfinder-controls{grid-template-columns:1fr}.light-step{border-right:0!important;border-bottom:1px solid #e2eaed!important}
 .light-step:last-child{border-bottom:0!important}
 .light-step{grid-template-columns:50px 1fr;padding:24px}
 .light-step-no{font-size:28px}
 .light-options button{flex-basis:100%}
 .light-truth{gap:38px;padding-top:65px;padding-bottom:65px}.light-truth-visual{height:390px}
 .light-facts article{grid-template-columns:45px 1fr}.light-facts span{grid-column:2}
 .light-criteria-grid{grid-template-columns:1fr}
 .light-mistakes-inner{gap:35px}.light-mistake-list article{grid-template-columns:1fr;gap:5px}
 .light-cta-inner{display:block}.light-cta .action{display:inline-block;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
 .light-shimmer,.light-simulator i,.light-pulse .lamp-bar,.light-ray-overlay{animation:none!important}
}

/* v25 – heating & temperature guide */
.heat-guide{background:#f8fbfd;color:#09283c}
.heat-hero{min-height:560px;display:flex;align-items:center;position:relative;overflow:hidden;background:#071e2d}
.heat-hero-bg{position:absolute;inset:0;background:
 radial-gradient(circle at 78% 53%,rgba(255,121,65,.38),transparent 5%),
 radial-gradient(circle at 78% 53%,rgba(255,117,56,.15),transparent 18%),
 linear-gradient(90deg,rgba(2,20,34,.95),rgba(3,34,48,.74) 48%,rgba(4,31,42,.18)),
 url('../img/technik-heizung-guide-v17.jpg') center/cover no-repeat;transform:scale(1.01)}
.heat-hero-inner{position:relative;z-index:2;padding:105px 0;color:#fff}.heat-hero h1{font:800 clamp(54px,6vw,88px)/.93 "Barlow Condensed";margin:12px 0 24px;max-width:850px}.heat-hero h1 em{font-style:normal;color:#ff9565}.heat-hero p:not(.tech-kicker){max-width:660px;font-size:18px;line-height:1.7;color:#d2e0e5;margin-bottom:30px}
.heat-finder{padding:90px 0 95px;background:linear-gradient(135deg,#f9fcfd,#eef7f8);position:relative;overflow:hidden}.heat-finder:before{content:"";position:absolute;right:-12%;top:-45%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(255,126,73,.12),transparent 65%)}
.heat-finder>.wrap{position:relative}.heat-finder-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:38px}.heat-finder-heading h2,.heat-story h2,.heat-types h2,.heat-safety h2,.heat-mistakes h2,.heat-cta h2{font:800 clamp(40px,4vw,60px)/1 "Barlow Condensed";margin:6px 0 0}.heat-finder-heading>p{max-width:520px;font-size:17px;line-height:1.7;color:#5b7280}
.heatfinder-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:18px}.heat-controls{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dce7eb;box-shadow:0 22px 50px rgba(3,49,73,.08)}
.heat-step{padding:30px;border-right:1px solid #e1e9ed;border-bottom:1px solid #e1e9ed;display:grid;grid-template-columns:64px 1fr;align-content:start}.heat-step:nth-child(even){border-right:0}.heat-step:nth-child(n+3){border-bottom:0}.heat-step>span{font:800 34px "Barlow Condensed";color:#ef7950}.heat-step h3{font:800 29px "Barlow Condensed";margin:0}.heat-step>div>p{font-size:13px;color:#70848f;margin:3px 0 20px}
.heat-options{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.heat-options button{flex:1 1 calc(50% - 7px);min-width:105px;text-align:left;border:1px solid #d7e2e7;background:#fff;padding:14px;font:700 14px "Inter";color:#173b4e;cursor:pointer;transition:.22s}.heat-options button small{display:block;font-size:11px;font-weight:400;color:#72848e;margin-top:4px}.heat-options button.active{background:#fff0e9;border-color:#ed825c;box-shadow:inset 4px 0 #ee7950}.heat-options button:hover{transform:translateY(-2px);border-color:#ed825c}
.heat-result{background:#082d43;color:#fff;padding:30px;overflow:hidden;position:relative;box-shadow:0 22px 50px rgba(3,49,73,.12)}.heat-result>span{font-size:14px;letter-spacing:.14em;color:#ff9c72;font-weight:800;text-transform:uppercase}.heat-result>strong{display:block;font:800 44px "Barlow Condensed";margin:15px 0 5px}.heat-result>p{font-size:14px;color:#bad2dc}.heat-result dl{border-top:1px solid rgba(255,255,255,.13);margin:23px 0 18px}.heat-result dl div{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.13)}.heat-result dt{font-size:12px;color:#8eb4c3}.heat-result dd{font-size:15px;font-weight:700;margin:4px 0 0}.heat-result>small{font-size:12px;line-height:1.55;color:#91b4c1}
.thermo-scene{height:145px;margin:-30px -30px 25px;position:relative;background:linear-gradient(#052235,#0b4353);overflow:hidden}.thermo{position:absolute;left:48%;top:17px;width:18px;height:95px;border:2px solid rgba(255,255,255,.65);border-radius:10px}.thermo:after{content:"";position:absolute;width:30px;height:30px;border:2px solid rgba(255,255,255,.65);border-radius:50%;bottom:-20px;left:-8px;background:#ff714a;box-shadow:0 0 calc(30px * var(--heat,1)) rgba(255,107,68,.75)}.thermo i{position:absolute;bottom:4px;left:5px;right:5px;height:calc(22% + 35% * var(--heat,1));background:linear-gradient(#ffb06d,#ff6445);border-radius:6px;transition:.5s}
.heat-rings i{position:absolute;border:1px solid rgba(255,139,91,.22);border-radius:50%;width:80px;height:80px;left:calc(50% - 40px);top:43px;animation:heatRing 3s ease-out infinite}.heat-rings i:nth-child(2){animation-delay:-1s}.heat-rings i:nth-child(3){animation-delay:-2s}@keyframes heatRing{to{transform:scale(2.6);opacity:0}}
.heat-bubbles i{position:absolute;width:7px;height:7px;border:1px solid rgba(255,181,143,.75);border-radius:50%;bottom:5px;left:28%;animation:heatBubble 4s ease-in infinite}.heat-bubbles i:nth-child(2){left:39%;width:11px;height:11px;animation-delay:-1.2s}.heat-bubbles i:nth-child(3){left:64%;animation-delay:-2.1s}.heat-bubbles i:nth-child(4){left:73%;width:9px;height:9px;animation-delay:-3s}@keyframes heatBubble{to{transform:translateY(-115px) translateX(15px);opacity:0}}
.heat-pulse>strong{animation:heatFlash .5s ease}@keyframes heatFlash{50%{color:#ff9b70;text-shadow:0 0 18px rgba(255,122,80,.35)}}
.heat-story{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center;padding-top:105px;padding-bottom:105px}.heat-story h2 em{font-style:normal;color:#e56f49}.heat-story>div>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#5c7480}.heat-points{border-top:1px solid #dbe6ea;margin-top:32px}.heat-points article{display:grid;grid-template-columns:60px 180px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #dbe6ea}.heat-points b{font:800 27px "Barlow Condensed";color:#e87550}.heat-points strong{font:700 22px "Barlow Condensed"}.heat-points span{font-size:15px;line-height:1.65;color:#657c88}
.heat-visual{height:570px;background:linear-gradient(#082b42,#0d5260);position:relative;display:flex;align-items:end;justify-content:center;overflow:hidden;box-shadow:0 28px 60px rgba(3,46,68,.13)}.heat-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 72%,rgba(255,116,69,.25),transparent 25%),repeating-linear-gradient(110deg,transparent 0 60px,rgba(255,255,255,.025) 65px 70px,transparent 75px 130px)}
.heat-glass{position:absolute;top:70px;width:42px;height:360px;border:3px solid rgba(255,255,255,.68);border-radius:22px}.heat-glass:after{content:"";position:absolute;width:74px;height:74px;border:3px solid rgba(255,255,255,.68);border-radius:50%;left:-19px;bottom:-42px;background:#ff704b;box-shadow:0 0 45px rgba(255,108,69,.55)}.heat-glass>span{position:absolute;left:62px;top:22px;color:#fff;font:800 48px "Barlow Condensed"}.heat-glass>i{position:absolute;left:11px;right:11px;bottom:5px;height:62%;background:linear-gradient(#ffb16f,#ff6546);border-radius:15px}.heat-visual>p{position:relative;z-index:2;color:#d0e0e5;font-size:14px;margin-bottom:28px}
.heat-types{padding:95px 0;background:#eef5f7}.heat-types .section-heading{max-width:800px}.heat-type-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px}.heat-type-grid article{background:#fff;padding:38px;border-right:1px solid #dbe5e9}.heat-type-grid article:last-child{border:0}.heat-type-grid span,.heat-safety-grid span{font-size:18px;font-weight:800;color:#e87650}.heat-type-grid h3,.heat-safety-grid h3{font:800 30px "Barlow Condensed";margin:12px 0}.heat-type-grid p,.heat-safety-grid p{font-size:15px;line-height:1.72;color:#607985}
.heat-safety{padding-top:105px;padding-bottom:105px}.heat-safety-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid #dbe6ea;border-left:1px solid #dbe6ea}.heat-safety-grid article{padding:34px;background:#fff;border-right:1px solid #dbe6ea;border-bottom:1px solid #dbe6ea}
.heat-mistakes{background:#34221f;color:#fff;padding:88px 0}.heat-mistakes-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.heat-mistakes .eyebrow{color:#ff9d73}.heat-mistake-list article{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.13)}.heat-mistake-list b{font:800 23px "Barlow Condensed";color:#ff9d73}.heat-mistake-list p{font-size:15px;line-height:1.7;color:#dbc8c2;margin:0}
.heat-products{padding-top:105px;padding-bottom:105px}.heat-cta{padding:80px 0;background:linear-gradient(110deg,#071f31,#5a2d22);color:#fff}.heat-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:45px}.heat-cta p{color:#d5c8c5}.heat-cta .eyebrow{color:#ff9d73}
@media(max-width:980px){.heatfinder-grid,.heat-story,.heat-mistakes-inner{grid-template-columns:1fr}.heat-type-grid,.heat-safety-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.heat-hero{min-height:500px}.heat-hero-inner{padding:75px 0}.heat-finder-heading{display:block}.heat-controls{grid-template-columns:1fr}.heat-step{border-right:0!important;border-bottom:1px solid #e1e9ed!important}.heat-step{grid-template-columns:50px 1fr;padding:24px}.heat-options button{flex-basis:100%}.heat-story{gap:35px}.heat-points article{grid-template-columns:45px 1fr}.heat-points span{grid-column:2}.heat-visual{height:430px}.heat-type-grid,.heat-safety-grid{grid-template-columns:1fr}.heat-mistakes-inner{gap:35px}.heat-mistake-list article{grid-template-columns:1fr;gap:5px}.heat-cta-inner{display:block}.heat-cta .action{display:inline-block;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.heat-rings i,.heat-bubbles i,.heat-pulse>strong{animation:none!important}}

/* v26 – Designer becomes the central technical system planner */
.designer-intelligence{padding:110px 0;background:linear-gradient(180deg,#f8fbfd 0%,#edf7f9 58%,#f8fbfd 100%);color:#09283c;position:relative;overflow:hidden}
.designer-intelligence:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 12%,rgba(55,205,230,.12),transparent 25%),radial-gradient(circle at 7% 80%,rgba(116,190,67,.08),transparent 24%);pointer-events:none}
.designer-intelligence>.wrap{position:relative}
.designer-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:48px}
.designer-intro-grid h2{font:800 clamp(46px,5vw,70px)/.95 "Barlow Condensed",sans-serif;margin:8px 0 0;letter-spacing:-.5px}
.designer-intro-grid h2 em{font-style:normal;color:#17a9c5}
.designer-intro-grid>p{font-size:18px;line-height:1.75;color:#58717f;margin:0}

.designer-tech-input{background:#fff;border:1px solid #d9e6ea;box-shadow:0 22px 48px rgba(3,49,73,.07)}
.designer-volume{display:grid;grid-template-columns:72px 1fr 1.35fr;gap:20px;align-items:center;padding:30px 34px}
.tech-input-no{font:800 38px/1 "Barlow Condensed",sans-serif;color:#1bb0ca}
.designer-volume h3{font:800 30px/1 "Barlow Condensed",sans-serif;margin:0 0 5px}
.designer-volume p{font-size:14px;color:#6c818c;margin:0}
.designer-volume-options{display:flex;gap:7px}
.designer-volume-options button{flex:1;border:1px solid #d5e2e7;background:#fff;padding:15px 10px;font:700 14px "Inter",sans-serif;color:#173b4e;cursor:pointer;transition:.22s}
.designer-volume-options button:hover{border-color:#19abc6;transform:translateY(-2px)}
.designer-volume-options button.active{background:#062f48;color:#fff;border-color:#062f48;box-shadow:inset 0 -4px #4dd7e9}

.designer-tech-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.designer-tech-card{min-height:315px;background:#fff;border:1px solid #dbe6ea;padding:34px;position:relative;overflow:hidden;transition:.3s;box-shadow:0 18px 40px rgba(3,49,73,.055)}
.designer-tech-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(3,49,73,.1)}
.tech-card-top{height:76px;display:flex;justify-content:space-between;align-items:start}
.tech-card-top>span{font-size:15px;letter-spacing:.15em;font-weight:800}
.designer-tech-card>strong{display:block;font:800 42px/1 "Barlow Condensed",sans-serif;margin:15px 0 12px;color:#082d44}
.designer-tech-card>p{font-size:15px;line-height:1.65;color:#647b87;min-height:50px}
.designer-tech-card>a{display:inline-block;margin-top:18px;font-size:14px;font-weight:800;color:#087f9b;text-decoration:none;border-bottom:1px solid rgba(8,127,155,.25);padding-bottom:3px}
.filter-card .tech-card-top>span{color:#18a9c4}.light-card .tech-card-top>span{color:#75ad3d}.heat-card .tech-card-top>span{color:#e46f49}

.tech-wave{width:64px;height:34px;position:relative;background:repeating-radial-gradient(ellipse at 0 50%,transparent 0 8px,rgba(31,184,210,.25) 9px 10px,transparent 11px 18px);animation:miniWave 3.8s linear infinite}
@keyframes miniWave{50%{transform:translateX(5px);opacity:.55}}
.tech-light{width:58px;height:8px;background:#dfffd2;box-shadow:0 0 9px #dfffd2,0 15px 28px rgba(136,213,84,.38);position:relative}
.tech-light:after{content:"";position:absolute;top:8px;left:7px;width:44px;height:45px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:linear-gradient(rgba(173,237,128,.24),transparent)}
.tech-heat{width:14px;height:55px;border:2px solid #df8464;border-radius:8px;position:relative;margin-right:20px}
.tech-heat:after{content:"";position:absolute;width:25px;height:25px;border-radius:50%;background:#ef7650;bottom:-14px;left:-7px;box-shadow:0 0 22px rgba(239,118,80,.42)}
.tech-refresh>strong{animation:techResult .58s ease}
@keyframes techResult{50%{transform:translateY(-2px);color:#19a9c4}}

.designer-system-note{margin-top:75px;background:#062b43;color:#fff;padding:58px 230px 58px 58px;position:relative;overflow:hidden;min-height:280px}
.designer-system-note>span{font-size:14px;letter-spacing:.16em;color:#58d8e9;font-weight:800}
.designer-system-note h3{font:800 42px/1 "Barlow Condensed",sans-serif;margin:10px 0 16px}
.designer-system-note p{font-size:16px;line-height:1.75;color:#bdd1d9;max-width:790px}
.designer-system-note strong{color:#fff}
.system-orbit{position:absolute;width:190px;height:190px;right:28px;top:42px;border:1px solid rgba(87,217,235,.22);border-radius:50%;animation:orbitSpin 22s linear infinite}
.system-orbit:before{content:"";position:absolute;inset:34px;border:1px solid rgba(255,255,255,.09);border-radius:50%}
.system-orbit b{position:absolute;width:38px;height:38px;border-radius:50%;background:#0b4c65;left:75px;top:75px;box-shadow:0 0 30px rgba(76,216,235,.22)}
.system-orbit i{position:absolute;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:800 16px "Inter";font-style:normal;background:#fff;color:#082d44;box-shadow:0 0 24px rgba(255,255,255,.15)}
.orbit-filter{left:-21px;top:74px}.orbit-light{right:8px;top:2px}.orbit-heat{right:3px;bottom:7px}
@keyframes orbitSpin{to{transform:rotate(360deg)}} .system-orbit i{animation:orbitCounter 22s linear infinite}@keyframes orbitCounter{to{transform:rotate(-360deg)}}

@media(max-width:980px){
 .designer-intro-grid{grid-template-columns:1fr;gap:25px}
 .designer-volume{grid-template-columns:60px 1fr}.designer-volume-options{grid-column:1/-1}
 .designer-tech-dashboard{grid-template-columns:1fr}
}
@media(max-width:650px){
 .designer-intelligence{padding:75px 0}
 .designer-intro-grid h2{font-size:46px}.designer-intro-grid>p{font-size:16px}
 .designer-volume{grid-template-columns:45px 1fr;padding:24px}
 .designer-volume-options{display:grid;grid-template-columns:1fr 1fr}
 .designer-tech-card>strong{font-size:38px}
 .designer-system-note{padding:38px 28px 235px}.designer-system-note h3{font-size:36px}
 .system-orbit{right:calc(50% - 95px);top:auto;bottom:25px}
}
@media(prefers-reduced-motion:reduce){.tech-wave,.tech-refresh>strong,.system-orbit,.system-orbit i{animation:none!important}}

/* v27 – livestock + plants feed the system planner */
.designer-tech-input{display:block}
.designer-choice-row{display:grid;grid-template-columns:72px 1fr 1.55fr;gap:20px;align-items:center;padding:29px 34px;border-bottom:1px solid #dfe9ed}
.designer-choice-row:last-child{border-bottom:0}
.designer-choice-row h3{font:800 30px/1 "Barlow Condensed",sans-serif;margin:0 0 5px}
.designer-choice-row>div>p{font-size:14px;color:#6c818c;margin:0}
.designer-stock-options button,.designer-plant-options button{min-width:120px}
.designer-persona{margin-top:14px;background:linear-gradient(105deg,#062c44,#0a5265);color:#fff;padding:30px 34px;display:grid;grid-template-columns:190px 1fr 1.15fr;gap:30px;align-items:center;position:relative;overflow:hidden}
.designer-persona:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(88,219,235,.13);border-radius:50%;right:-90px;top:-130px;box-shadow:0 0 0 42px rgba(88,219,235,.025),0 0 0 84px rgba(88,219,235,.018)}
.designer-persona>span{font-size:14px;letter-spacing:.15em;color:#62deec;font-weight:800}
.designer-persona>strong{font:800 30px/1.05 "Barlow Condensed",sans-serif;position:relative;z-index:1}
.designer-persona>p{font-size:14px;line-height:1.65;color:#bed4dc;margin:0;position:relative;z-index:1}
.persona-pulse>strong{animation:personaFlash .6s ease}
@keyframes personaFlash{50%{color:#65e2ef;text-shadow:0 0 18px rgba(101,226,239,.28)}}
.designer-tech-card p{min-height:72px}
.designer-tech-card.filter-card p:after{content:" Besatz wird berücksichtigt.";color:#18a9c4;font-weight:700}
.designer-tech-card.light-card p:after{content:" Pflanzenanspruch wird berücksichtigt.";color:#75ad3d;font-weight:700}
.designer-tech-card.heat-card p:after{content:" Besatztemperatur wird berücksichtigt.";color:#e46f49;font-weight:700}
@media(max-width:980px){
 .designer-choice-row{grid-template-columns:60px 1fr}
 .designer-choice-row .designer-volume-options{grid-column:1/-1}
 .designer-persona{grid-template-columns:1fr 1fr}
 .designer-persona>p{grid-column:1/-1}
}
@media(max-width:650px){
 .designer-choice-row{grid-template-columns:44px 1fr;padding:24px}
 .designer-choice-row h3{font-size:27px}
 .designer-choice-row .designer-volume-options{grid-template-columns:1fr 1fr}
 .designer-stock-options,.designer-plant-options{display:grid}
 .designer-persona{grid-template-columns:1fr;padding:26px}
 .designer-persona>p{grid-column:auto}
 .designer-persona>strong{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.persona-pulse>strong{animation:none!important}}

/* v28 – budget intelligence */
.budget-controls{display:grid;grid-template-columns:1fr 155px;gap:12px;align-items:stretch}
.budget-presets{display:flex;gap:7px}.budget-presets button{flex:1;border:1px solid #d5e2e7;background:#fff;padding:15px 10px;font:700 14px "Inter";color:#173b4e;cursor:pointer;transition:.22s}.budget-presets button.active{background:#062f48;color:#fff;border-color:#062f48;box-shadow:inset 0 -4px #4dd7e9}.budget-presets button:hover{transform:translateY(-2px);border-color:#19abc6}
.budget-custom{border:1px solid #d5e2e7;padding:8px 12px;font-size:10px;letter-spacing:.08em;color:#6b808b;font-weight:800;text-transform:uppercase}.budget-custom>span{display:flex;align-items:center;margin-top:2px}.budget-custom input{width:100%;border:0;outline:0;background:transparent;font:800 21px "Barlow Condensed";color:#0a3046}.budget-custom b{font-size:15px;color:#159db7}
.budget-plan{margin-top:14px;background:#fff;border:1px solid #d9e5e9;padding:34px;box-shadow:0 18px 42px rgba(3,49,73,.055)}
.budget-plan-head{display:flex;justify-content:space-between;gap:45px;align-items:end}.budget-plan-head>div>span{display:block;font-size:13px;letter-spacing:.15em;color:#159fb9;font-weight:800}.budget-plan-head strong{display:block;font:800 50px/1 "Barlow Condensed";color:#082d44;margin-top:5px}.budget-plan-head>p{max-width:620px;font-size:15px;line-height:1.65;color:#607783;margin:0}
.budget-bar{height:15px;display:flex;margin:28px 0 25px;background:#e9f0f2;overflow:hidden}.budget-bar i{display:block;height:100%;transition:width .55s ease}.budget-tank{background:#0b3c56}.budget-filter{background:#118ba6}.budget-light{background:#83bd45}.budget-heat{background:#e67650}.budget-layout{background:#54b884}.budget-reserve{background:#9aadb6}
.budget-breakdown{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #dce6ea;border-left:1px solid #dce6ea}.budget-breakdown article{padding:20px;border-right:1px solid #dce6ea;border-bottom:1px solid #dce6ea}.budget-breakdown span{display:block;font-size:11px;line-height:1.3;color:#6c818b;min-height:30px}.budget-breakdown strong{display:block;font:800 26px "Barlow Condensed";color:#10394e;margin:6px 0}.budget-breakdown small{font-size:11px;color:#159eb8;font-weight:800}
.budget-disclaimer{font-size:12px;line-height:1.6;color:#7a8d96;margin:20px 0 0;max-width:950px}.budget-pulse .budget-plan-head strong{animation:budgetFlash .55s ease}@keyframes budgetFlash{50%{color:#17a8c2;text-shadow:0 0 15px rgba(23,168,194,.18)}}
@media(max-width:980px){.budget-controls{grid-column:1/-1}.budget-breakdown{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.budget-controls{grid-template-columns:1fr}.budget-presets{display:grid;grid-template-columns:1fr 1fr}.budget-plan{padding:25px}.budget-plan-head{display:block}.budget-plan-head>p{margin-top:12px}.budget-breakdown{grid-template-columns:1fr 1fr}.budget-breakdown span{min-height:0}.priority-choice-row .designer-volume-options{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.budget-pulse .budget-plan-head strong{animation:none!important}.budget-bar i{transition:none!important}}

/* v29 – "Dein AquaMySoul-Aquarium" result moment */
.personal-aquarium{margin:75px 0 14px;display:grid;grid-template-columns:1.08fr .92fr;background:#062b43;color:#fff;box-shadow:0 30px 70px rgba(3,43,64,.16);position:relative}
.personal-aquarium-stage{min-height:610px;position:relative;background:#031d2d;overflow:hidden}
.aquarium-scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#0b5263 0%,#0a4355 38%,#083544 100%);transition:background .6s}
.scene-light{position:absolute;left:7%;right:7%;top:-20px;height:360px;background:repeating-linear-gradient(103deg,transparent 0 70px,rgba(210,251,255,.10) 78px 92px,transparent 100px 155px);filter:blur(3px);animation:sceneLight 12s linear infinite}
@keyframes sceneLight{50%{transform:translateX(5%);opacity:.72}}
.scene-water{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 10%,rgba(130,237,245,.14),transparent 33%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 60%)}
.scene-ground{position:absolute;left:-5%;right:-5%;bottom:-8%;height:30%;background:radial-gradient(ellipse at center,#9d7b54 0%,#6b533d 43%,#3b342d 100%);clip-path:polygon(0 32%,20% 20%,43% 31%,62% 10%,82% 25%,100% 15%,100% 100%,0 100%)}
.scene-rock{position:absolute;background:linear-gradient(135deg,#5c625a,#252e2d);filter:drop-shadow(0 12px 14px rgba(0,0,0,.25));bottom:16%}.rock-a{width:150px;height:125px;left:12%;clip-path:polygon(22% 0,82% 12%,100% 68%,64% 100%,0 82%,8% 30%)}.rock-b{width:105px;height:92px;right:15%;clip-path:polygon(30% 0,88% 20%,100% 80%,42% 100%,0 65%,8% 20%)}
.scene-root{position:absolute;width:300px;height:185px;left:30%;bottom:17%;border:17px solid #493324;border-color:#493324 transparent transparent #493324;border-radius:65% 20% 20% 30%;transform:rotate(-10deg);opacity:.9}
.scene-plants{position:absolute;bottom:17%;transform-origin:bottom;filter:drop-shadow(0 5px 7px rgba(0,0,0,.18))}
.scene-plants:before,.scene-plants:after{content:"";position:absolute;bottom:0;width:22px;height:155px;background:repeating-linear-gradient(160deg,#3b9b57 0 13px,#65bd68 14px 24px,#2f7f4d 25px 35px);clip-path:polygon(50% 0,100% 20%,68% 35%,100% 50%,65% 63%,92% 78%,50% 100%,10% 78%,35% 62%,0 48%,35% 34%,5% 20%);animation:plantSway 5s ease-in-out infinite}
.scene-plants:after{left:28px;height:125px;animation-delay:-2s}.plant-a{left:7%}.plant-b{left:58%;transform:scale(1.15)}.plant-c{right:9%;transform:scale(.85)}
@keyframes plantSway{50%{transform:rotate(3deg)}}
.aquarium-scene[data-plants="low"] .plant-b,.aquarium-scene[data-plants="low"] .plant-c{opacity:.25}.aquarium-scene[data-plants="high"] .scene-plants{transform:scale(1.28)}.aquarium-scene[data-plants="high"] .plant-b{transform:scale(1.55)}
.scene-fish{position:absolute;width:57px;height:24px;background:linear-gradient(90deg,#69b9ca,#bfe7e7);border-radius:60% 42% 42% 60%;opacity:.72;animation:fishSwim 12s ease-in-out infinite}
.scene-fish:after{content:"";position:absolute;left:-20px;top:1px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:24px solid rgba(99,181,196,.7)}
.fish-a{top:30%;left:18%}.fish-b{top:43%;left:66%;transform:scale(.8);animation-delay:-4s}.fish-c{top:56%;left:40%;transform:scale(.65);animation-delay:-8s}
@keyframes fishSwim{50%{translate:70px -14px}}
.aquarium-scene[data-stock="guppy"] .scene-fish{background:linear-gradient(90deg,#35a9d2,#e95345);opacity:.9}.aquarium-scene[data-stock="guppy"] .scene-fish:after{border-right-color:#e9584b;border-top-width:15px;border-bottom-width:15px;top:-3px}
.aquarium-scene[data-stock="shrimp"] .scene-fish{display:none}.scene-shrimp{display:none;position:absolute;width:34px;height:15px;border:2px solid #d76b55;border-radius:50%;left:43%;bottom:22%;opacity:.85}.aquarium-scene[data-stock="shrimp"] .scene-shrimp{display:block}.aquarium-scene[data-stock="dense"] .scene-fish{box-shadow:100px 50px 0 -7px rgba(178,221,225,.55),190px -30px 0 -9px rgba(178,221,225,.5)}
.scene-bubbles i{position:absolute;width:8px;height:8px;border:1px solid rgba(208,249,255,.7);border-radius:50%;bottom:12%;left:75%;animation:sceneBubble 6s ease-in infinite}.scene-bubbles i:nth-child(2){left:78%;width:12px;height:12px;animation-delay:-2s}.scene-bubbles i:nth-child(3){left:72%;width:5px;height:5px;animation-delay:-4s}.scene-bubbles i:nth-child(4){left:22%;animation-delay:-3s}.scene-bubbles i:nth-child(5){left:25%;width:6px;height:6px;animation-delay:-5s}@keyframes sceneBubble{to{transform:translateY(-390px) translateX(25px);opacity:0}}
.scene-glass-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 27%,rgba(255,255,255,.035) 32%,transparent 38%);pointer-events:none}
.scene-caption{position:absolute;left:24px;right:24px;bottom:22px;background:rgba(3,27,42,.72);backdrop-filter:blur(8px);padding:15px 18px;border-left:3px solid #50d5e6}.scene-caption span{font-size:10px;letter-spacing:.14em;color:#63ddea;font-weight:800}.scene-caption p{font-size:11px;line-height:1.5;color:#b9d0d8;margin:4px 0 0}

.personal-aquarium-copy{padding:54px;align-self:center}.personal-aquarium-copy .eyebrow{color:#5bd9e9}.personal-aquarium-copy h2{font:800 clamp(44px,4vw,62px)/.95 "Barlow Condensed";margin:8px 0 18px}.personal-aquarium-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#bed2da}
.result-facts{display:grid;grid-template-columns:1fr 1fr;margin:30px 0;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12)}.result-facts article{padding:17px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.result-facts span{display:block;font-size:10px;letter-spacing:.12em;color:#78dce8}.result-facts strong{display:block;font:800 22px "Barlow Condensed";margin-top:4px}
.result-verdict{border-left:4px solid #83c94a;padding:4px 0 4px 18px;margin:28px 0}.result-verdict>span{font-size:10px;letter-spacing:.14em;color:#9de36a;font-weight:800}.result-verdict>strong{display:block;font:800 25px "Barlow Condensed";margin:5px 0}.result-verdict p{font-size:13px;line-height:1.6;color:#b9cfd7;margin:0}
.result-actions{display:flex;align-items:center;gap:18px;margin-top:28px}.result-secondary{border:0;background:transparent;color:#bfe5eb;border-bottom:1px solid rgba(191,229,235,.4);padding:9px 0;font:700 13px "Inter";cursor:pointer}
.result-pulse h2{animation:resultGlow .6s ease}@keyframes resultGlow{50%{color:#5ddbe9;text-shadow:0 0 18px rgba(93,219,233,.2)}}
.result-explanation{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;color:#0c3146;border-top:1px solid #dce7eb}.result-explanation[hidden]{display:none}.result-explanation article{padding:30px;border-right:1px solid #dce7eb}.result-explanation article:last-child{border-right:0}.result-explanation span{font:800 17px "Inter";color:#16a8c2}.result-explanation h3{font:800 27px "Barlow Condensed";margin:10px 0}.result-explanation p{font-size:14px;line-height:1.65;color:#607984;margin:0}

@media(max-width:980px){.personal-aquarium{grid-template-columns:1fr}.personal-aquarium-stage{min-height:520px}.result-explanation{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.personal-aquarium{margin-top:55px}.personal-aquarium-stage{min-height:410px}.personal-aquarium-copy{padding:32px 25px}.personal-aquarium-copy h2{font-size:43px}.result-actions{display:block}.result-secondary{display:block;margin-top:14px}.result-explanation{grid-template-columns:1fr}.result-explanation article{border-right:0;border-bottom:1px solid #dce7eb}}
@media(prefers-reduced-motion:reduce){.scene-light,.scene-plants:before,.scene-plants:after,.scene-fish,.scene-bubbles i,.result-pulse h2{animation:none!important}}

/* v30 – concrete shopping/system plan */
.shopping-plan{margin:14px 0 75px;background:#f8fbfc;border:1px solid #dbe7eb;color:#0a3046}
.shopping-plan-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;padding:55px 48px 42px;align-items:end}.shopping-plan-head h2{font:800 clamp(44px,4.5vw,64px)/.96 "Barlow Condensed";margin:7px 0 0}.shopping-plan-head h2 em{font-style:normal;color:#16a8c3}.shopping-plan-head>p{font-size:16px;line-height:1.75;color:#617985;margin:0}
.shopping-progress{margin:0 48px 30px;background:#062d45;color:#fff;display:grid;grid-template-columns:110px 1fr 210px;align-items:center;padding:17px 22px;gap:22px}.shopping-progress>div:first-child{display:flex;align-items:center;gap:10px}.shopping-progress>div>span{font:800 34px "Barlow Condensed";color:#5cdce9}.shopping-progress small{font-size:10px;line-height:1.2;color:#a9c6d0}.shopping-progress-line{height:4px;background:rgba(255,255,255,.12);position:relative}.shopping-progress-line i{position:absolute;inset:0;background:linear-gradient(90deg,#45d0e2,#8dd552);box-shadow:0 0 12px rgba(69,208,226,.25)}.shopping-progress>strong{text-align:right;font-size:12px;letter-spacing:.08em;color:#c8dce3}
.shopping-list{border-top:1px solid #dce7eb}.shopping-item{display:grid;grid-template-columns:70px 1fr 150px 100px;gap:20px;align-items:center;padding:27px 48px;border-bottom:1px solid #dce7eb;background:#fff;transition:.25s}.shopping-item:hover{background:#f4fafb}.shopping-no{font:800 31px "Barlow Condensed";color:#b4c6cd}.shopping-main>span{font-size:10px;letter-spacing:.14em;color:#159db8;font-weight:800}.shopping-main h3{font:800 27px/1 "Barlow Condensed";margin:5px 0 7px}.shopping-main p{font-size:13px;line-height:1.55;color:#6a808a;margin:0;max-width:720px}.shopping-main a{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;color:#118da7;text-decoration:none;border-bottom:1px solid rgba(17,141,167,.25)}
.shopping-budget{border-left:1px solid #dce7eb;padding-left:22px}.shopping-budget span{display:block;font-size:9px;letter-spacing:.1em;color:#84959d;text-transform:uppercase}.shopping-budget strong{display:block;font:800 26px "Barlow Condensed";margin-top:4px}.shopping-state{text-align:right}.shopping-state i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#78c747;box-shadow:0 0 0 5px rgba(120,199,71,.11);margin-right:7px}.shopping-state span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6c818b;font-weight:800}.reserve-item{background:#f6faf8}
.shopping-update .shopping-budget strong{animation:shopFlash .5s ease}@keyframes shopFlash{50%{color:#15a5bf;transform:translateY(-2px)}}
.shopping-summary{display:grid;grid-template-columns:.65fr 1.35fr;background:#eaf3f5}.shopping-summary>div{padding:42px 48px}.shopping-summary>div:first-child{background:#0a3a52;color:#fff}.shopping-summary span{font-size:10px;letter-spacing:.14em;color:#62dce9;font-weight:800}.shopping-summary>div:first-child strong{display:block;font:800 55px "Barlow Condensed";margin:8px 0}.shopping-summary>div:first-child p{font-size:13px;line-height:1.6;color:#b9d0d9}.shopping-future h3{font:800 31px "Barlow Condensed";margin:8px 0}.shopping-future p{font-size:14px;line-height:1.65;color:#607984}.future-flow{display:flex;align-items:center;gap:12px;margin-top:20px}.future-flow b{font-size:11px;padding:8px 10px;background:#fff;border:1px solid #d4e2e7}.future-flow i{font-style:normal;color:#15a3bd}
@media(max-width:980px){.shopping-plan-head{grid-template-columns:1fr;gap:20px}.shopping-item{grid-template-columns:55px 1fr 130px}.shopping-state{display:none}.shopping-summary{grid-template-columns:1fr}.shopping-progress{grid-template-columns:90px 1fr}.shopping-progress>strong{display:none}}
@media(max-width:650px){.shopping-plan-head{padding:38px 24px 30px}.shopping-progress{margin:0 24px 25px}.shopping-item{grid-template-columns:40px 1fr;padding:24px}.shopping-budget{grid-column:2;border-left:0;border-top:1px solid #e0e9ec;padding:10px 0 0}.shopping-summary>div{padding:32px 24px}.future-flow{flex-wrap:wrap}.shopping-plan-head h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.shopping-update .shopping-budget strong{animation:none!important}}

/* v31 – transparent product matching engine */
.matching-engine-ui{margin:14px 0 75px;background:#071f31;color:#fff;padding:58px 48px;position:relative;overflow:hidden}
.matching-engine-ui:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(80,218,234,.08);border-radius:50%;right:-230px;top:-260px;box-shadow:0 0 0 70px rgba(80,218,234,.018),0 0 0 140px rgba(80,218,234,.012)}
.matching-engine-ui>*{position:relative}
.matching-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.matching-head h2{font:800 clamp(46px,5vw,68px)/.94 "Barlow Condensed";margin:7px 0 0}.matching-head h2 em{font-style:normal;color:#58dbe9}.matching-head>p{font-size:16px;line-height:1.75;color:#b7ccd5;margin:0}
.matching-logic{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.matching-logic article{padding:30px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.matching-logic b{display:block;font:800 43px "Barlow Condensed";color:#59dbe8}.matching-logic span{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;margin:5px 0 10px}.matching-logic p{font-size:13px;line-height:1.6;color:#9fbac5;margin:0}
.matching-output{background:#fff;color:#0a3046;margin-top:16px}.matching-output-head{display:flex;justify-content:space-between;align-items:center;padding:27px 30px;border-bottom:1px solid #dce7eb}.matching-output-head span{font-size:10px;letter-spacing:.14em;color:#159db8;font-weight:800}.matching-output-head h3{font:800 29px "Barlow Condensed";margin:4px 0 0}.matching-output-head>strong{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#71858e}
.match-empty{min-height:180px;display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:center;padding:32px}.match-empty strong{font:800 27px "Barlow Condensed"}.match-empty p{font-size:14px;line-height:1.65;color:#657d88;max-width:760px}.match-empty code{font-size:12px;background:#edf4f6;padding:2px 5px}
.match-radar{width:84px;height:84px;border:1px solid #8fd4df;border-radius:50%;position:relative;display:block;background:radial-gradient(circle,#1bb1c9 0 3px,transparent 4px)}.match-radar:before,.match-radar:after{content:"";position:absolute;inset:19px;border:1px solid #c4e4e9;border-radius:50%}.match-radar:after{inset:39px}.match-radar b{position:absolute;width:5px;height:5px;border-radius:50%;background:#71bf45;left:58px;top:23px;box-shadow:0 0 8px rgba(113,191,69,.5)}.match-radar b:nth-child(2){left:22px;top:55px}.match-radar b:nth-child(3){left:50px;top:61px}.match-radar:global{}
.match-radar{overflow:hidden}.match-radar:after{animation:radarPulse 2.8s ease-out infinite}@keyframes radarPulse{from{inset:39px;opacity:1}to{inset:1px;opacity:0}}
.match-card{display:grid;grid-template-columns:85px 1fr 190px;gap:20px;align-items:center;padding:24px 30px;border-bottom:1px solid #dce7eb}.match-score{width:62px;height:62px;border:1px solid #83cbd6;border-radius:50%;display:grid;place-content:center;text-align:center}.match-score strong{font:800 24px "Barlow Condensed";line-height:.8}.match-score span{font-size:8px;text-transform:uppercase;color:#5f7d88}.match-product>span,.match-price span{font-size:9px;letter-spacing:.12em;color:#159db8;font-weight:800}.match-product h4{font:800 24px "Barlow Condensed";margin:4px 0}.match-product p{font-size:12px;color:#657b86;margin:0}.match-product small{display:block;color:#d06d4c;margin-top:5px}.match-price{border-left:1px solid #dce7eb;padding-left:22px}.match-price strong{display:block;font:800 24px "Barlow Condensed";margin-top:4px}
.matching-rule{margin-top:16px;border-left:4px solid #7bc849;background:rgba(255,255,255,.045);padding:22px 26px}.matching-rule span{font-size:9px;letter-spacing:.14em;color:#8ed75e;font-weight:800}.matching-rule strong{display:block;font:800 26px "Barlow Condensed";margin:5px 0}.matching-rule p{font-size:13px;line-height:1.6;color:#a9c1ca;margin:0;max-width:900px}
@media(max-width:800px){.matching-engine-ui{padding:42px 25px}.matching-head{grid-template-columns:1fr;gap:20px}.matching-logic{grid-template-columns:1fr}.match-card{grid-template-columns:70px 1fr}.match-price{grid-column:2;border-left:0;border-top:1px solid #dce7eb;padding:10px 0 0}.match-empty{grid-template-columns:1fr}.matching-output-head{display:block}.matching-output-head>strong{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.match-radar:after{animation:none!important}}

/* v32 product data pipeline */
.matching-pipeline-link{display:inline-block;margin-top:16px;color:#61dbe8;text-decoration:none;font-size:12px;font-weight:800;border-bottom:1px solid rgba(97,219,232,.35);padding-bottom:4px}
.pipeline-hero{padding:105px 0 85px;background:radial-gradient(circle at 80% 25%,rgba(62,210,228,.16),transparent 25%),linear-gradient(120deg,#062b43,#0a465b);color:#fff}.pipeline-hero h1{font:800 clamp(58px,7vw,92px)/.88 "Barlow Condensed";margin:10px 0 20px}.pipeline-hero h1 em{font-style:normal;color:#5dddea}.pipeline-hero>div>p:last-child{max-width:720px;font-size:18px;line-height:1.7;color:#bfd5dd}
.pipeline-dashboard{padding:90px 0;background:#f5fafb;color:#0a3046}.pipeline-title{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.pipeline-title h2{font:800 55px/1 "Barlow Condensed";margin:7px 0}.pipeline-title>p{font-size:16px;line-height:1.7;color:#637b86}
.pipeline-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:42px 0 15px}.pipeline-stats article{background:#062e46;color:#fff;padding:30px;border-right:1px solid rgba(255,255,255,.12)}.pipeline-stats strong{display:block;font:800 48px "Barlow Condensed";color:#60dce9}.pipeline-stats span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b9d0d8}
.pipeline-flow{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid #dbe6ea;border-left:1px solid #dbe6ea}.pipeline-flow article{padding:32px;border-right:1px solid #dbe6ea;border-bottom:1px solid #dbe6ea}.pipeline-flow b{font:800 23px "Barlow Condensed";color:#18a5bf}.pipeline-flow h3{font:800 29px "Barlow Condensed";margin:8px 0}.pipeline-flow p{font-size:13px;line-height:1.65;color:#687f89}
.pipeline-files{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.pipeline-files>div{background:#fff;padding:36px;border:1px solid #dbe6ea}.pipeline-files span,.pipeline-safety span{font-size:10px;letter-spacing:.14em;color:#159db8;font-weight:800}.pipeline-files h3{font:800 31px "Barlow Condensed";margin:8px 0}.pipeline-files p{font-size:14px;line-height:1.65;color:#657c87}.pipeline-files a{font-size:12px;font-weight:800;color:#118da7;text-decoration:none;border-bottom:1px solid rgba(17,141,167,.3)}
.pipeline-safety{margin-top:15px;background:#092f46;color:#fff;border-left:5px solid #7fc84d;padding:34px}.pipeline-safety strong{display:block;font:800 34px "Barlow Condensed";margin:7px 0}.pipeline-safety p{font-size:14px;line-height:1.65;color:#bad0d8;max-width:900px}
@media(max-width:800px){.pipeline-title,.pipeline-files{grid-template-columns:1fr;gap:20px}.pipeline-stats{grid-template-columns:1fr 1fr}.pipeline-flow{grid-template-columns:1fr}.pipeline-dashboard{padding:65px 0}}

/* v33 – feed validation / data guard */
.pipeline-validation-link{display:inline-block;margin-top:18px;color:#0e8ea8;text-decoration:none;font-size:12px;font-weight:800;border-bottom:1px solid rgba(14,142,168,.3)}
.validation-hero{padding:105px 0 85px;background:radial-gradient(circle at 76% 25%,rgba(128,202,75,.13),transparent 26%),linear-gradient(120deg,#05283d,#08394f);color:#fff}.validation-hero h1{font:800 clamp(60px,7vw,94px)/.88 "Barlow Condensed";margin:10px 0 20px}.validation-hero h1 em{font-style:normal;color:#83ce52}.validation-hero p:last-child{max-width:760px;font-size:18px;line-height:1.7;color:#bfd4dc}
.validation-center{padding:90px 0;background:#f5fafb;color:#0a3046}.validation-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.validation-intro h2{font:800 55px/1 "Barlow Condensed";margin:7px 0}.validation-intro>p{font-size:16px;line-height:1.72;color:#637b86}
.validation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.validation-grid article{background:#fff;border:1px solid #dbe6ea;padding:34px}.validation-grid span,.validation-tools span,.validation-rulebox span{font-size:10px;letter-spacing:.14em;color:#159db8;font-weight:800}.validation-grid strong{display:block;font:800 34px "Barlow Condensed";margin:7px 0}.validation-grid p{font-size:13px;line-height:1.65;color:#687f89}
.validation-rules{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;background:#082f47;color:#fff}.validation-rules>div{padding:30px;border-right:1px solid rgba(255,255,255,.12)}.validation-rules span{font-size:10px;letter-spacing:.14em;color:#66dce8;font-weight:800}.validation-rules h3{font:800 28px "Barlow Condensed";margin:6px 0}.validation-rules p{font-size:13px;color:#b9cfd7}
.validation-flow{background:#eaf3f5;padding:30px;margin-top:14px}.validation-gate{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.validation-gate b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0a3d55;color:#fff;font:800 16px "Barlow Condensed"}.validation-gate span{font-size:12px;font-weight:800}.validation-gate i{font-style:normal;color:#16a4be}
.validation-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.validation-tools>div{background:#fff;border:1px solid #dbe6ea;padding:35px}.validation-tools h3{font:800 31px "Barlow Condensed";margin:7px 0}.validation-tools p{font-size:14px;line-height:1.65;color:#637b86}.validation-tools code{font-size:12px;background:#edf4f6;padding:2px 5px}
.validation-rulebox{margin-top:14px;background:#092f46;color:#fff;border-left:5px solid #80c94f;padding:35px}.validation-rulebox strong{display:block;font:800 35px "Barlow Condensed";margin:7px 0}.validation-rulebox p{font-size:14px;line-height:1.65;color:#bad0d8;max-width:930px}
@media(max-width:800px){.validation-intro,.validation-grid,.validation-rules,.validation-tools{grid-template-columns:1fr}.validation-rules>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}

/* v34 – partner adapter hub */
.pipeline-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}.pipeline-links .pipeline-validation-link{margin-top:0}
.adapter-hero{padding:105px 0 85px;background:radial-gradient(circle at 80% 30%,rgba(89,219,233,.14),transparent 27%),linear-gradient(120deg,#052b40,#08475a);color:#fff}.adapter-hero h1{font:800 clamp(60px,7vw,94px)/.88 "Barlow Condensed";margin:10px 0 20px}.adapter-hero h1 em{font-style:normal;color:#5ddce9}.adapter-hero p:last-child{max-width:800px;font-size:18px;line-height:1.7;color:#bfd5dc}
.adapter-center{padding:90px 0;background:#f5fafb;color:#0a3046}.adapter-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.adapter-intro h2{font:800 55px/1 "Barlow Condensed";margin:7px 0}.adapter-intro>p{font-size:16px;line-height:1.72;color:#637b86}.adapter-intro code,.adapter-codecards code{font-size:12px;background:#e9f2f4;padding:2px 5px}
.adapter-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.adapter-formats article{background:#082f47;color:#fff;padding:34px;position:relative}.adapter-formats b{font:800 48px "Barlow Condensed";color:#61dce9}.adapter-formats span{position:absolute;right:22px;top:22px;font-size:9px;letter-spacing:.12em;color:#83d251;font-weight:800}.adapter-formats h3{font:800 28px "Barlow Condensed";margin:10px 0}.adapter-formats p{font-size:13px;line-height:1.6;color:#b8ced7}
.adapter-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;margin-top:14px;background:#fff;border:1px solid #dbe6ea}.adapter-flow article{padding:26px}.adapter-flow>i{align-self:center;font-style:normal;color:#18a6c0}.adapter-flow span{font:800 18px "Barlow Condensed";color:#16a4be}.adapter-flow h3{font:800 24px "Barlow Condensed";margin:6px 0}.adapter-flow p{font-size:12px;line-height:1.55;color:#6b808a}
.adapter-codecards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.adapter-codecards>div{background:#fff;border:1px solid #dbe6ea;padding:35px}.adapter-codecards span,.adapter-guard span{font-size:10px;letter-spacing:.14em;color:#159db8;font-weight:800}.adapter-codecards h3{font:800 31px "Barlow Condensed";margin:7px 0}.adapter-codecards p{font-size:14px;line-height:1.65;color:#637b86}
.adapter-guard{margin-top:14px;background:#082f47;color:#fff;border-left:5px solid #7fc94f;padding:35px}.adapter-guard strong{display:block;font:800 35px "Barlow Condensed";margin:7px 0}.adapter-guard p{font-size:14px;line-height:1.65;color:#bad0d8;max-width:950px}
.adapter-next{display:flex;gap:24px;margin-top:24px;flex-wrap:wrap}.adapter-next a{font-size:12px;font-weight:800;color:#118da7;text-decoration:none;border-bottom:1px solid rgba(17,141,167,.3);padding-bottom:4px}
@media(max-width:900px){.adapter-intro,.adapter-formats,.adapter-codecards{grid-template-columns:1fr}.adapter-flow{grid-template-columns:1fr}.adapter-flow>i{display:none}.adapter-flow article{border-bottom:1px solid #dbe6ea}}

/* v35 – Multi-Shop / Basket Optimizer */
.multishop-ui{margin:14px 0 75px;background:#f7fbfc;border:1px solid #dbe7eb;color:#0a3046}
.multishop-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px 48px 40px;align-items:end}.multishop-head h2{font:800 clamp(46px,5vw,68px)/.95 "Barlow Condensed";margin:7px 0 0}.multishop-head h2 em{font-style:normal;color:#16a7c1}.multishop-head>p{font-size:16px;line-height:1.75;color:#637b86;margin:0}
.multishop-modes{display:grid;grid-template-columns:repeat(3,1fr);margin:0 48px 16px;border-top:1px solid #dbe6ea;border-left:1px solid #dbe6ea}.multishop-modes article{padding:28px;background:#fff;border-right:1px solid #dbe6ea;border-bottom:1px solid #dbe6ea}.multishop-modes span{font:800 18px "Barlow Condensed";color:#17a4be}.multishop-modes h3{font:800 29px "Barlow Condensed";margin:7px 0}.multishop-modes p{font-size:13px;line-height:1.6;color:#687f89;min-height:62px}.multishop-modes strong{display:block;margin-top:16px;font:800 20px "Barlow Condensed";color:#0b3a50}
.multishop-result{margin:0 48px;background:#082f47;color:#fff}.multishop-result-head{padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.12)}.multishop-result-head span{font-size:10px;letter-spacing:.14em;color:#60dce8;font-weight:800}.multishop-result-head h3{font:800 31px "Barlow Condensed";margin:5px 0}.multishop-result-head p{font-size:13px;color:#bad0d8;margin:0}
.multi-empty{padding:32px}.multi-empty strong{font:800 27px "Barlow Condensed"}.multi-empty p{font-size:14px;line-height:1.6;color:#b8ced6}.multi-row{display:grid;grid-template-columns:1fr 220px 120px;gap:20px;align-items:center;padding:22px 30px;border-bottom:1px solid rgba(255,255,255,.11)}.multi-row span{display:block;font-size:9px;letter-spacing:.12em;color:#5ed9e7;font-weight:800}.multi-row strong{display:block;font:800 21px "Barlow Condensed";margin-top:4px}.multi-total{padding:24px 30px;background:#0c3e56}.multi-total span{font-size:9px;letter-spacing:.14em;color:#73dce7;font-weight:800}.multi-total strong{display:block;font:800 36px "Barlow Condensed";margin:5px 0}.multi-total small{font-size:11px;line-height:1.5;color:#b7cbd4}
.multishop-principle{margin:16px 48px 48px;border-left:5px solid #7fc94f;background:#fff;padding:26px}.multishop-principle span{font-size:10px;letter-spacing:.14em;color:#159db8;font-weight:800}.multishop-principle strong{display:block;font:800 28px "Barlow Condensed";margin:5px 0}.multishop-principle p{font-size:13px;line-height:1.6;color:#667e89;max-width:900px}

.offer-line{display:grid;grid-template-columns:1fr 120px 130px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #dce7eb}.offer-line span{display:block;font-size:8px;letter-spacing:.12em;color:#159db8;font-weight:800}.offer-line>div strong{display:block;margin-top:3px}.offer-line>a{font-size:11px;font-weight:800;color:#118da7;text-decoration:none}.offer-line.best{background:#f4fafb}.offer-empty{padding:18px 0;color:#71868f;font-size:13px}

.optimizer-hero{padding:105px 0 85px;background:radial-gradient(circle at 80% 25%,rgba(92,220,233,.15),transparent 27%),linear-gradient(120deg,#05283d,#08455a);color:#fff}.optimizer-hero h1{font:800 clamp(60px,7vw,94px)/.88 "Barlow Condensed";margin:10px 0 20px}.optimizer-hero h1 em{font-style:normal;color:#60dce9}.optimizer-hero p:last-child{max-width:790px;font-size:18px;line-height:1.7;color:#bfd5dc}
.optimizer-center{padding:90px 0;background:#f5fafb;color:#0a3046}.optimizer-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.optimizer-intro h2{font:800 55px/1 "Barlow Condensed";margin:7px 0}.optimizer-intro>p{font-size:16px;line-height:1.72;color:#637b86}
.optimizer-strategies{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.optimizer-strategies article{background:#fff;border:1px solid #dbe6ea;padding:34px}.optimizer-strategies span{font:800 20px "Barlow Condensed";color:#16a4be}.optimizer-strategies h3{font:800 30px "Barlow Condensed";margin:8px 0}.optimizer-strategies p{font-size:13px;line-height:1.65;color:#687f89}
.optimizer-model{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-top:14px;background:#082f47;color:#fff;padding:28px}.optimizer-model>div{padding:15px}.optimizer-model>i{font-style:normal;color:#5fdbe8;font-size:24px}.optimizer-model span,.optimizer-guard span{font-size:10px;letter-spacing:.14em;color:#62dce8;font-weight:800}.optimizer-model strong{display:block;font:800 30px "Barlow Condensed";margin:7px 0}.optimizer-model p{font-size:13px;line-height:1.55;color:#b9cfd7}.optimizer-guard{margin-top:14px;background:#fff;border:1px solid #dbe6ea;border-left:5px solid #7fc94f;padding:34px}.optimizer-guard strong{display:block;font:800 34px "Barlow Condensed";margin:7px 0}.optimizer-guard p{font-size:14px;line-height:1.65;color:#637b86;max-width:950px}
@media(max-width:850px){.multishop-head,.optimizer-intro{grid-template-columns:1fr;gap:20px}.multishop-modes,.optimizer-strategies{grid-template-columns:1fr}.multi-row{grid-template-columns:1fr}.multishop-modes,.multishop-result,.multishop-principle{margin-left:24px;margin-right:24px}.optimizer-model{grid-template-columns:1fr}.optimizer-model>i{display:none}}

/* v36 – international shipping-aware commerce */
.shipping-market{margin:0 48px 16px;background:#eaf3f5;display:grid;grid-template-columns:1fr 260px;gap:35px;padding:25px 28px;align-items:center}.shipping-market>div>span,.shipping-market label>span{font-size:9px;letter-spacing:.13em;color:#159db8;font-weight:800}.shipping-market h3{font:800 26px "Barlow Condensed";margin:5px 0}.shipping-market p{font-size:12px;line-height:1.55;color:#657d88;margin:0}.shipping-market label{display:block}.shipping-market select{width:100%;margin-top:7px;border:1px solid #c8dbe1;background:#fff;color:#0a3046;padding:13px 14px;font:700 13px Inter}
.optimizer-next{margin-top:22px}.optimizer-next a{font-size:12px;font-weight:800;color:#118da7;text-decoration:none;border-bottom:1px solid rgba(17,141,167,.3);padding-bottom:4px}

.shipping-hero{padding:105px 0 85px;background:radial-gradient(circle at 80% 28%,rgba(128,202,76,.13),transparent 27%),linear-gradient(120deg,#052a3f,#084558);color:#fff}.shipping-hero h1{font:800 clamp(60px,7vw,94px)/.88 "Barlow Condensed";margin:10px 0 20px}.shipping-hero h1 em{font-style:normal;color:#83cf51}.shipping-hero p:last-child{max-width:800px;font-size:18px;line-height:1.7;color:#bfd4dc}
.shipping-center{padding:90px 0;background:#f5fafb;color:#0a3046}.shipping-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.shipping-intro h2{font:800 55px/1 "Barlow Condensed";margin:7px 0}.shipping-intro>p{font-size:16px;line-height:1.72;color:#637b86}
.shipping-rule-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-top:42px;background:#fff;border:1px solid #dbe6ea;padding:25px}.shipping-rule-grid article{padding:15px}.shipping-rule-grid>i{font:800 28px "Barlow Condensed";font-style:normal;color:#17a4be}.shipping-rule-grid span,.shipping-country-strip span,.shipping-guard span{font-size:10px;letter-spacing:.14em;color:#159db8;font-weight:800}.shipping-rule-grid strong{display:block;font:800 31px "Barlow Condensed";margin:6px 0}.shipping-rule-grid p{font-size:13px;line-height:1.55;color:#677e89}
.shipping-fields{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border-left:1px solid #dbe6ea;border-top:1px solid #dbe6ea}.shipping-fields article{background:#fff;padding:30px;border-right:1px solid #dbe6ea;border-bottom:1px solid #dbe6ea}.shipping-fields b{font:800 20px "Barlow Condensed";color:#16a4be}.shipping-fields h3{font:800 27px "Barlow Condensed";margin:7px 0}.shipping-fields p{font-size:13px;line-height:1.6;color:#687f89}
.shipping-country-strip{margin-top:14px;background:#082f47;color:#fff;padding:34px}.shipping-country-strip strong{display:block;font:800 36px "Barlow Condensed";margin:8px 0;letter-spacing:.05em}.shipping-country-strip p{font-size:13px;line-height:1.6;color:#b9cfd7;max-width:900px}
.shipping-guard{margin-top:14px;background:#fff;border:1px solid #dbe6ea;border-left:5px solid #7fc94f;padding:34px}.shipping-guard strong{display:block;font:800 34px "Barlow Condensed";margin:7px 0}.shipping-guard p{font-size:14px;line-height:1.65;color:#637b86;max-width:950px}
@media(max-width:850px){.shipping-market,.shipping-intro{grid-template-columns:1fr}.shipping-market{margin-left:24px;margin-right:24px}.shipping-rule-grid{grid-template-columns:1fr}.shipping-rule-grid>i{display:none}.shipping-fields{grid-template-columns:1fr}}

/* v37 – catalog operations / performance */
.ops-hero{padding:105px 0 85px;background:radial-gradient(circle at 80% 25%,rgba(92,220,233,.15),transparent 27%),linear-gradient(120deg,#05283d,#08465a);color:#fff}.ops-hero h1{font:800 clamp(60px,7vw,94px)/.88 "Barlow Condensed";margin:10px 0 20px}.ops-hero h1 em{font-style:normal;color:#60dce9}.ops-hero p:last-child{max-width:810px;font-size:18px;line-height:1.7;color:#bfd5dc}
.ops-center{padding:90px 0;background:#f5fafb;color:#0a3046}.ops-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.ops-intro h2{font:800 55px/1 "Barlow Condensed";margin:7px 0}.ops-intro>p{font-size:16px;line-height:1.72;color:#637b86}
.ops-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px}.ops-stats article{padding:30px;background:#082f47;color:#fff;border-right:1px solid rgba(255,255,255,.12)}.ops-stats span,.ops-files span,.ops-guard span{font-size:9px;letter-spacing:.14em;color:#61dce8;font-weight:800}.ops-stats strong{display:block;font:800 43px "Barlow Condensed";margin:6px 0}.ops-stats p{font-size:11px;color:#b8cfd8;margin:0}
.ops-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;background:#fff;border:1px solid #dbe6ea;margin-top:14px}.ops-pipeline article{padding:28px}.ops-pipeline i{font-style:normal;color:#18a4be}.ops-pipeline b{font:800 18px "Barlow Condensed";color:#17a4be}.ops-pipeline h3{font:800 27px "Barlow Condensed";margin:6px 0}.ops-pipeline p{font-size:12px;line-height:1.55;color:#687f89}
.ops-health{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.ops-health>div{background:#fff;border:1px solid #dbe6ea;padding:26px}.ops-health span{font-size:9px;letter-spacing:.13em;color:#159db8;font-weight:800}.ops-health strong{display:block;font:800 34px "Barlow Condensed";margin:6px 0}.ops-health p{font-size:12px;line-height:1.5;color:#6b818b;margin:0}
.ops-files{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.ops-files>div{background:#fff;border:1px solid #dbe6ea;padding:34px}.ops-files h3{font:800 30px "Barlow Condensed";margin:7px 0}.ops-files p{font-size:13px;line-height:1.65;color:#667e89}.ops-files code{font-size:11px;background:#edf4f6;padding:2px 5px}
.ops-guard{margin-top:14px;background:#082f47;color:#fff;border-left:5px solid #7fc94f;padding:34px}.ops-guard strong{display:block;font:800 34px "Barlow Condensed";margin:7px 0}.ops-guard p{font-size:14px;line-height:1.65;color:#bad0d8;max-width:950px}
@media(max-width:850px){.ops-intro,.ops-stats,.ops-health,.ops-files{grid-template-columns:1fr}.ops-pipeline{grid-template-columns:1fr}.ops-pipeline i{display:none}}

/* v38 – public product experience */
.global-products-link{background:#082f47;padding:20px;text-align:center}.global-products-link a{color:#6edce8;text-decoration:none;font-size:12px;font-weight:800;border-bottom:1px solid rgba(110,220,232,.35);padding-bottom:4px}
.products-hero,.product-shell-hero{padding:105px 0 85px;background:radial-gradient(circle at 78% 25%,rgba(89,219,233,.15),transparent 27%),linear-gradient(120deg,#05293f,#084559);color:#fff}.products-hero h1,.product-shell-hero h1{font:800 clamp(60px,7vw,94px)/.88 "Barlow Condensed";margin:10px 0 20px}.products-hero h1 em,.product-shell-hero h1 em{font-style:normal;color:#61dce8}.products-hero p:last-child{max-width:790px;font-size:18px;line-height:1.7;color:#bfd5dc}
.products-center,.product-detail-wrap{padding:80px 0;background:#f5fafb;color:#0a3046}.products-toolbar{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.products-toolbar h2{font:800 46px "Barlow Condensed";margin:5px 0}.products-toolbar label span{display:block;font-size:9px;letter-spacing:.13em;color:#159db8;font-weight:800;margin-bottom:7px}.products-toolbar select{min-width:220px;padding:12px 14px;border:1px solid #cadce2;background:#fff;color:#0a3046;font:700 13px Inter}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.public-product-card{display:block;background:#fff;border:1px solid #dbe6ea;text-decoration:none;color:#0a3046;overflow:hidden}.public-product-media{height:240px;background:linear-gradient(140deg,#eaf3f5,#dbe8ec);display:grid;place-items:center;color:#73909b;font-size:11px;font-weight:800;letter-spacing:.08em}.public-product-media img{width:100%;height:100%;object-fit:contain;background:#fff}.public-product-copy{padding:25px}.public-product-copy>span{font-size:9px;letter-spacing:.13em;color:#159db8;font-weight:800}.public-product-copy h3{font:800 29px/1 "Barlow Condensed";margin:8px 0 18px}.public-product-copy h3 small{display:block;font:700 11px Inter;letter-spacing:.08em;color:#6d838c;margin-bottom:5px}.public-product-copy>strong{font-size:11px;color:#118da7}.products-empty{grid-column:1/-1;background:#fff;border:1px solid #dbe6ea;padding:45px}.products-empty strong{font:800 34px "Barlow Condensed"}.products-empty p{max-width:680px;color:#697f89;line-height:1.65}.products-explain{margin-top:15px;background:#082f47;color:#fff;border-left:5px solid #7fc94f;padding:34px}.products-explain span{font-size:9px;letter-spacing:.14em;color:#62dce8;font-weight:800}.products-explain strong{display:block;font:800 32px "Barlow Condensed";margin:7px 0}.products-explain p{font-size:13px;line-height:1.65;color:#b9cfd7;max-width:900px}

.product-loading,.product-not-found{background:#fff;border:1px solid #dbe6ea;padding:50px}.product-not-found span{font-size:9px;letter-spacing:.14em;color:#159db8;font-weight:800}.product-not-found h1{font:800 50px "Barlow Condensed";margin:8px 0}.product-not-found p{color:#667e89;line-height:1.65}.product-not-found a{font-size:12px;font-weight:800;color:#118da7;text-decoration:none}
.product-detail-main{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #dbe6ea}.product-media{min-height:520px;background:#eef5f6;display:grid;place-items:center}.product-media img{width:100%;height:100%;max-height:600px;object-fit:contain;background:#fff}.product-media-empty{font-size:10px;letter-spacing:.12em;color:#7c929a;font-weight:800}.product-copy{padding:50px}.product-copy h1{font:800 clamp(48px,5vw,70px)/.92 "Barlow Condensed";margin:8px 0 18px}.product-copy h1 small{display:block;font:700 12px Inter;letter-spacing:.1em;color:#6c838d;margin-bottom:8px}.product-quality{display:inline-block;border-left:4px solid #7fc94f;background:#edf5f2;padding:10px 13px;font-size:11px;font-weight:800}.product-summary{font-size:15px;line-height:1.7;color:#617984;margin:25px 0}.product-specs{border-top:1px solid #dbe6ea}.product-specs>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dbe6ea;padding:14px 0}.product-specs span{font-size:11px;color:#6b818b}.product-specs strong{font-size:12px}.product-guide-link{display:inline-block;margin-top:25px;color:#118da7;text-decoration:none;font-size:12px;font-weight:800;border-bottom:1px solid rgba(17,141,167,.3);padding-bottom:4px}
.product-offers-section{margin-top:15px;background:#fff;border:1px solid #dbe6ea}.product-offers-head{display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:end;padding:35px}.product-offers-head h2{font:800 44px/1 "Barlow Condensed";margin:6px 0}.product-offers-head h2 em{font-style:normal;color:#16a4be}.product-offers-head label span{display:block;font-size:9px;letter-spacing:.13em;color:#159db8;font-weight:800;margin-bottom:7px}.product-offers-head select{width:100%;padding:12px;border:1px solid #cadce2;background:#fff}.affiliate-inline-note{margin:0 35px 10px;background:#eef5f6;padding:12px 14px;font-size:11px;line-height:1.5;color:#627b85}.product-offer{display:grid;grid-template-columns:1fr 150px 130px;align-items:center;gap:20px;padding:22px 35px;border-top:1px solid #dbe6ea}.product-offer.best{background:#f5fafb}.product-offer>div>span{display:block;font-size:8px;letter-spacing:.12em;color:#159db8;font-weight:800}.product-offer>div>strong{display:block;font:800 22px "Barlow Condensed";margin:4px 0}.product-offer>div>small{font-size:10px;color:#738992}.product-offer-price strong{font:800 27px "Barlow Condensed"!important}.product-offer>a{display:inline-block;background:#0b4057;color:#fff;text-decoration:none;text-align:center;padding:12px;font-size:11px;font-weight:800}.product-offer-disabled{font-size:10px;color:#81939a}.product-offer-empty{padding:35px;border-top:1px solid #dbe6ea}.product-offer-empty strong{font:800 28px "Barlow Condensed"}.product-offer-empty p{font-size:13px;color:#687f89}.product-principle{margin-top:15px;background:#082f47;color:#fff;border-left:5px solid #7fc94f;padding:34px}.product-principle span{font-size:9px;letter-spacing:.14em;color:#62dce8;font-weight:800}.product-principle strong{display:block;font:800 32px "Barlow Condensed";margin:7px 0}.product-principle p{font-size:13px;line-height:1.65;color:#b9cfd7;max-width:900px}.match-product-link{display:inline-block;margin-top:14px;color:#5fdce9;text-decoration:none;font-size:10px;font-weight:800;border-bottom:1px solid rgba(95,220,233,.35)}
@media(max-width:850px){.products-toolbar{align-items:stretch;flex-direction:column}.products-grid{grid-template-columns:1fr}.product-detail-main,.product-offers-head{grid-template-columns:1fr}.product-media{min-height:300px}.product-copy{padding:30px}.product-offer{grid-template-columns:1fr}.product-offers-head,.product-offer{padding-left:25px;padding-right:25px}}

/* v39 – canonical product identity */
.identity-hero{padding:105px 0 85px;background:radial-gradient(circle at 80% 28%,rgba(128,202,76,.13),transparent 27%),linear-gradient(120deg,#05293f,#084657);color:#fff}.identity-hero h1{font:800 clamp(60px,7vw,94px)/.88 "Barlow Condensed";margin:10px 0 20px}.identity-hero h1 em{font-style:normal;color:#83cf51}.identity-hero p:last-child{max-width:820px;font-size:18px;line-height:1.7;color:#bfd5dc}
.identity-center{padding:90px 0;background:#f5fafb;color:#0a3046}.identity-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.identity-intro h2{font:800 55px/1 "Barlow Condensed";margin:7px 0}.identity-intro>p{font-size:16px;line-height:1.72;color:#637b86}
.identity-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px}.identity-stats article{background:#082f47;color:#fff;padding:32px;border-right:1px solid rgba(255,255,255,.12)}.identity-stats span,.identity-guard span,.identity-files span{font-size:9px;letter-spacing:.14em;color:#61dce8;font-weight:800}.identity-stats strong{display:block;font:800 48px "Barlow Condensed";margin:5px 0}.identity-stats p{font-size:11px;color:#b9cfd7;margin:0}
.identity-priority{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;background:#fff;border:1px solid #dbe6ea;margin-top:14px}.identity-priority article{padding:28px}.identity-priority i{font-style:normal;color:#17a4be}.identity-priority b{font:800 18px "Barlow Condensed";color:#16a4be}.identity-priority h3{font:800 27px "Barlow Condensed";margin:6px 0}.identity-priority p{font-size:12px;line-height:1.55;color:#687f89}
.identity-guard{margin-top:14px;background:#082f47;color:#fff;border-left:5px solid #7fc94f;padding:34px}.identity-guard strong{display:block;font:800 34px "Barlow Condensed";margin:7px 0}.identity-guard p{font-size:14px;line-height:1.65;color:#bad0d8;max-width:960px}
.identity-files{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.identity-files>div{background:#fff;border:1px solid #dbe6ea;padding:34px}.identity-files h3{font:800 30px "Barlow Condensed";margin:7px 0}.identity-files p{font-size:13px;line-height:1.65;color:#667e89}.identity-files code{font-size:11px;background:#edf4f6;padding:2px 5px}
@media(max-width:850px){.identity-intro,.identity-stats,.identity-files{grid-template-columns:1fr}.identity-priority{grid-template-columns:1fr}.identity-priority i{display:none}}
