/* BASS.digital — eigenständige statische Landingpage-Vorschau */
:root{--navy:#071525;--blue:#0874e8;--ink:#152536;--muted:#536475;--paper:#fff;--canvas:#f3f5f7;--line:#d8e0e6;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-padding-top:2rem}
body{margin:0;line-height:1.6}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.12;letter-spacing:-.035em}
h2{font-size:clamp(2rem,4.1vw,3.5rem);font-weight:650}
h3{font-size:1.35rem;font-weight:650}
p+p{margin-top:1.1rem}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.opening :focus-visible,.values-section :focus-visible{outline-color:#fff}
.wrap{width:min(1216px,calc(100% - 80px));margin-inline:auto}
.section{padding-block:104px}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px;color:#075ebd}
.skip-link{position:absolute;top:8px;left:8px;transform:translateY(-180%);background:white;color:var(--navy);padding:12px 20px;z-index:20}
.skip-link:focus{transform:none}
.preview-note{background:#edf1f5;color:#405164;font-size:.85rem;line-height:1.5;letter-spacing:.02em;text-align:center;padding:12px 20px}
.preview-note span{display:block;margin-top:3px;font-size:.78rem}
.opening{background:var(--navy);color:white}
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:36px;padding-block:27px;border-bottom:1px solid #293746}
.brand{width:235px;min-width:0}
.brand img{width:235px}
nav{display:flex;align-items:center;justify-self:end;gap:26px;font-size:.85rem}
nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;padding-block:12px;color:#e1e7ed}
nav a:hover,.login-link:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.login-link{display:inline-flex;align-items:center;justify-self:end;min-height:44px;border-left:1px solid #405064;padding:12px 0 12px 26px;color:#e1e7ed;font-size:.85rem;text-decoration:none;white-space:nowrap}
.login-link span{padding-left:8px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;padding-top:85px;padding-bottom:78px}
.hero .eyebrow{color:#b7c8da}
h1{font-size:clamp(3.1rem,6.3vw,5.65rem);line-height:1.045;font-weight:650;letter-spacing:-.055em}
h1 em{font-style:normal;color:#fff}
.hero-intro{font-size:1.08rem;color:#bac9d7;max-width:500px;margin-top:28px;line-height:1.75}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:35px}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;background:#075ebd;color:white;padding:15px 21px;text-decoration:none;font-size:.87rem;font-weight:650;border-radius:3px}
.button:hover{background:#0966ca}
.text-link{font-size:.86rem;text-decoration:none;color:#e1e7ed;padding-block:12px}
.text-link span{padding-left:7px}
/* Open editorial counterpoint to the main promise: no form-like boxes. */
.hero-perspective{padding:12px 0 12px 42px;border-left:2px solid #2878dc;max-width:430px}
.hero-perspective .eyebrow{margin-bottom:24px;color:#9fbcda}
.hero-perspective h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.18;font-weight:500;letter-spacing:-.035em;margin-bottom:26px}
.hero-perspective>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#bac9d7}
.expertise{list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin:28px 0 0;padding:0;font-size:.85rem;color:#edf4fb}
.expertise li{display:flex;align-items:center;gap:9px}
.expertise li:before{content:"";width:4px;height:4px;border-radius:50%;background:#71b5ff}
.principles{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid #293746;font-size:.75rem;color:#becbd8}
.principles span{display:flex;align-items:center;gap:10px}
.principles span:before{content:"";width:4px;height:4px;background:var(--blue);flex-shrink:0}
.introduction,.network-section{display:grid;grid-template-columns:1fr 2fr;gap:80px}
.introduction>.eyebrow,.network-section>.eyebrow{padding-top:8px}
.large-copy{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.55;letter-spacing:-.02em;margin-top:28px}
.introduction p:not(.eyebrow):last-child,.network-section p:last-child{max-width:660px;color:var(--muted)}
.services-section{background:var(--canvas)}
.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:end;margin-bottom:50px}
.section-heading>p{color:var(--muted);max-width:405px;font-size:1rem;line-height:1.8;padding-bottom:4px}
.service{display:grid;grid-template-columns:55px 1fr 1.3fr;gap:40px;padding:34px 0;border-top:1px solid var(--line)}
.service:last-child{border-bottom:1px solid var(--line)}
.number{color:#075ebd;font-size:.77rem;font-weight:650;padding-top:4px}
.service h3{font-size:1.6rem;line-height:1.18}
.service p{color:var(--muted);font-size:.96rem}
.service-detail{display:block;color:#385268;font-size:.73rem;margin-top:15px}
.process{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.process li{border-top:2px solid var(--line);padding-top:22px}
.step{display:block;color:#075ebd;font-size:.77rem;font-weight:700;margin-bottom:40px}
.process h3{font-size:1.14rem;margin-bottom:16px;line-height:1.3}
.process p{font-size:.9rem;color:var(--muted)}
.values-section{background:var(--navy);color:white}
.values-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.values-section .eyebrow{color:#b7c8da}
.values-intro{margin-top:35px;color:#bbcbd9;font-size:1.15rem;line-height:1.75}
.value-list article{padding-block:28px;border-top:1px solid #405064}
.value-list article:first-child{padding-top:0;border-top:0}
.value-list article:last-child{padding-bottom:0}
.value-list h3{font-size:1.27rem;letter-spacing:-.025em;margin-bottom:13px}
.value-list p{font-size:.93rem;color:#bbcbd9}
.contact-section{background:var(--canvas);border-top:1px solid var(--line)}
.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:center}
.contact-layout h2{font-size:clamp(2rem,3.8vw,3.1rem)}
.contact-layout>div>p:last-child{margin-top:28px;max-width:510px;color:var(--muted)}
.contact-person{border-left:2px solid var(--blue);padding:10px 0 10px 30px}
.small-label{display:block;font-size:.71rem;color:#075ebd;letter-spacing:.05em;margin-bottom:15px}
.contact-person h3{font-size:1.5rem;margin-bottom:18px}
.contact-person p{font-size:.85rem;color:var(--muted)}
.access-section{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:48px;border-bottom:1px solid var(--line)}
.access-section .eyebrow{margin-bottom:12px}
.access-section h2{font-size:1.45rem}
.access-section p:last-child{font-size:.85rem;color:var(--muted);margin-top:12px}
.access-status{font-size:.75rem;color:#536475;border:1px solid var(--line);padding:10px 15px;white-space:nowrap}
.site-footer{padding-block:35px}
.footer-top{display:flex;align-items:center;gap:40px}
.footer-brand{font-size:1.35rem;font-weight:750;text-decoration:none;letter-spacing:-.06em}
.footer-brand span{color:#075ebd;font-weight:500}
.footer-top p{font-size:.8rem;color:var(--muted)}
.footer-top>a:last-child{font-size:.75rem;margin-left:auto;text-decoration:none;padding-block:12px}
.legal-preview{display:flex;gap:30px;margin-top:30px;border-top:1px solid var(--line);padding-top:20px;align-items:start}
.legal-preview details{flex:1;font-size:.75rem;color:var(--muted)}
.legal-preview summary{cursor:pointer;padding:8px 0}
.legal-preview details p{max-width:500px;padding:10px 0}
.footer-note{font-size:.7rem;color:var(--muted);margin-top:22px}
@media(min-width:1500px){.hero{padding-top:105px;padding-bottom:98px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.brand{width:200px}.brand img{width:200px}nav{gap:16px;font-size:.77rem}.login-link{padding-left:16px;font-size:.77rem}.hero{gap:35px}.hero-copy h1{font-size:clamp(3rem,6.3vw,5rem)}.section{padding-block:78px}.section-heading,.values-layout,.contact-layout{gap:50px}.introduction,.network-section{gap:40px;grid-template-columns:1fr 2.4fr}.service{gap:25px;grid-template-columns:35px 1fr 1.3fr}.process{gap:22px}}
@media(max-width:760px){.preview-note{font-size:.8rem}.preview-note span{margin:3px 0 0}.site-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 14px;padding-block:20px}.brand{grid-column:1;grid-row:1;width:100%}.brand img{width:205px}nav{grid-column:1/-1;grid-row:2;width:100%;gap:20px;justify-content:space-between;flex-wrap:wrap}nav a{padding-block:6px}.login-link{grid-column:2;grid-row:1;border-left:0;padding-left:0}.hero{grid-template-columns:1fr;gap:50px;padding-top:50px;padding-bottom:40px}.hero-copy h1{font-size:clamp(2.9rem,9.5vw,4.8rem)}.hero-intro{font-size:1rem;max-width:540px}.principles{flex-wrap:wrap;justify-content:flex-start;gap:12px 25px;padding-block:20px;font-size:.7rem}.section{padding-block:60px}.introduction,.network-section,.section-heading,.values-layout,.contact-layout{grid-template-columns:1fr;gap:25px}.introduction>.eyebrow,.network-section>.eyebrow{margin-bottom:0}.section-heading{margin-bottom:35px}.section-heading>p{max-width:580px}.service{grid-template-columns:32px 1fr;gap:14px 20px;padding-block:28px}.service>div{grid-column:2}.service h3{font-size:1.4rem}.service h3 br{display:none}.process{grid-template-columns:1fr 1fr;gap:30px 24px}.step{margin-bottom:22px}.values-layout{gap:40px}.contact-layout{gap:40px}.contact-person{max-width:510px}.access-section{align-items:flex-start;flex-direction:column;gap:22px}.footer-top{flex-wrap:wrap;gap:15px 25px}.footer-top p{flex-basis:100%;order:3}.legal-preview{flex-direction:column;gap:5px}}
@media(max-width:400px){.wrap{width:calc(100% - 32px)}nav{gap:10px 18px;justify-content:flex-start}.hero-copy h1{font-size:2.8rem}.button{padding:14px 16px;gap:12px;font-size:.8rem}.process{grid-template-columns:1fr}.process li{padding-bottom:5px}.step{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media print{.preview-note,.hero-perspective,nav,.login-link,.skip-link,.actions,.legal-preview{display:none}.opening,.values-section,.services-section,.contact-section{background:white;color:black}.wrap{width:100%}.section,.hero{padding-block:25px}.brand img{display:none}.brand:after{content:"BASS.digital";color:black;font-size:24pt}.hero{display:block}.hero h1{font-size:32pt}.hero h1 em,.hero .eyebrow{color:black}.hero-intro,.values-intro,.value-list p{color:#333}.section-heading,.values-layout,.contact-layout{gap:25px}.service,article,li{break-inside:avoid}}

@media(max-width:1000px){.hero-perspective{padding-left:26px}}
@media(max-width:760px){.hero-perspective{max-width:540px;padding:8px 0 8px 24px}.hero-perspective h2{font-size:2rem}.hero-perspective .eyebrow{margin-bottom:18px}.expertise{margin-top:22px}}

.contact-email{display:inline-block;margin-top:22px;color:#075ebd;font-weight:650;text-underline-offset:5px;overflow-wrap:anywhere;max-width:100%}.contact-email span{white-space:nowrap}.contact-person .contact-hint{font-size:.75rem;margin-top:10px}