/*
Theme Name: SOPRAO Digital FINAL
Theme URI: https://soprao-socialmedia-marketing.de/
Author: SOPRAO
Description: Individuelles, responsives WordPress-Theme für SOPRAO – Webdesign, Social Media, Apps, KI, Content und SEO.
Version: 3.2.2
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: soprao-digital
*/

:root{--navy:#071224;--navy2:#0c1d3d;--blue:#1465ff;--blue2:#3b82f6;--ink:#101828;--muted:#667085;--line:#e6eaf0;--soft:#f6f8fc;--white:#fff;--radius:24px;--shadow:0 18px 50px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:96px 0}.eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue)}h1,h2,h3{line-height:1.08;margin:0 0 20px;letter-spacing:-.04em}h1{font-size:clamp(3rem,6vw,5.5rem)}h2{font-size:clamp(2.25rem,4vw,3.6rem)}h3{font-size:1.25rem}p{margin:0 0 20px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.25s ease;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--blue),#3887ff);color:#fff;box-shadow:0 12px 28px rgba(20,101,255,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,101,255,.34)}.btn-secondary{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.04)}.btn-light{border-color:var(--line);background:#fff;color:var(--ink)}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;color:#fff}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.45rem;letter-spacing:.04em}.brand-mark{width:42px;height:42px}.brand small{display:block;font-size:.56rem;letter-spacing:.28em;font-weight:700;opacity:.75}.nav{display:flex;align-items:center;gap:30px;font-weight:700;font-size:.93rem}.nav a:hover{color:#79a9ff}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:1.7rem}
.hero{min-height:720px;padding:145px 0 58px;color:#fff;background:radial-gradient(circle at 80% 35%,rgba(64,77,255,.38),transparent 28%),linear-gradient(135deg,#050d1d 0%,#071a3a 62%,#142f75 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:44px}.hero h1 span{color:#2f7dff}.hero-copy{font-size:1.12rem;color:#d3dcf0;max-width:640px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.visual-stage{position:relative;min-height:430px}.laptop{position:absolute;left:3%;right:8%;top:64px;background:#0a1630;border:8px solid #101c33;border-radius:24px 24px 10px 10px;padding:14px;transform:rotate(-3deg);box-shadow:0 30px 70px rgba(0,0,0,.48)}.screen{background:#f8fafc;border-radius:12px;height:260px;padding:18px;color:#111827}.screen-grid{display:grid;grid-template-columns:90px 1fr;gap:14px;height:100%}.mini-sidebar{background:#0d2454;border-radius:10px}.mini-content{display:grid;grid-template-rows:48px 1fr;gap:12px}.mini-top,.mini-chart,.float-card{background:#fff;border:1px solid #e7eaf0;border-radius:12px}.mini-top{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.mini-top div{background:#eef4ff;border-radius:7px}.mini-chart{position:relative;overflow:hidden}.mini-chart:after{content:"";position:absolute;left:12%;right:8%;bottom:25%;height:42%;border-bottom:3px solid #1465ff;border-radius:50%;transform:skewY(-8deg)}.phone{position:absolute;right:0;bottom:26px;width:132px;height:274px;background:#090d16;border:6px solid #141922;border-radius:28px;padding:8px;transform:rotate(4deg);box-shadow:0 24px 50px rgba(0,0,0,.45)}.phone-screen{height:100%;border-radius:19px;background:linear-gradient(#fff,#eef4ff);padding:14px}.phone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:16px}.phone-grid i{height:46px;border-radius:8px;background:linear-gradient(135deg,#1465ff,#92b7ff)}.float-card{position:absolute;padding:16px;background:rgba(12,27,61,.82);color:#fff;border-color:rgba(255,255,255,.13);backdrop-filter:blur(12px);box-shadow:0 18px 38px rgba(0,0,0,.22)}.float-card.one{left:-3%;top:120px;width:150px}.float-card.two{right:-4%;top:20px;width:165px}.float-card strong{display:block;font-size:1.4rem}.float-card small{color:#aebbd4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.17)}.stat{display:flex;gap:14px;align-items:center}.stat-icon{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#5fa0ff}.stat strong{display:block;font-size:1.25rem}.stat span{font-size:.78rem;color:#c9d5ea}
.services-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px rgba(16,24,40,.04);transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.service-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);margin-bottom:22px}.service-card:nth-child(2) .service-icon{background:#f2eaff;color:#7c3aed}.service-card:nth-child(3) .service-icon{background:#e7fbf7;color:#0f9f8d}.service-card:nth-child(4) .service-icon{background:#ececff;color:#4f46e5}.service-card:nth-child(5) .service-icon{background:#fff1e7;color:#f97316}.service-card:nth-child(6) .service-icon{background:#eafbea;color:#22a447}.service-card p{color:var(--muted)}.arrow-link{display:inline-flex;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);align-items:center;justify-content:center;color:var(--blue)}
.problem{background:var(--soft)}.compare{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:26px}.compare-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px}.compare-box.solution{border-color:#8bb4ff;box-shadow:0 18px 50px rgba(20,101,255,.09)}.compare-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.compare-item{padding:16px;border-radius:15px;background:var(--soft);font-size:.92rem}.compare-item b{display:block;margin-bottom:4px}.compare-arrow{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:var(--shadow);color:var(--blue);font-size:1.35rem}
.projects-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.project-card{position:relative;overflow:hidden;border-radius:30px;min-height:420px;padding:36px;background:linear-gradient(145deg,#0a1733,#164db5);color:#fff}.project-card.secondary{background:linear-gradient(145deg,#fafafa,#eaf2ff);color:var(--ink)}.project-device{position:absolute;right:-7%;bottom:-12%;width:62%;height:73%;border-radius:22px 22px 0 0;background:#fff;border:10px solid #111827;box-shadow:0 24px 60px rgba(0,0,0,.25)}.project-device:before{content:"";position:absolute;inset:18px;border-radius:10px;background:linear-gradient(135deg,#0b2b67,#226dff)}.project-card.secondary .project-device:before{background:linear-gradient(135deg,#fff,#dce9ff)}.project-card p{max-width:360px;color:rgba(255,255,255,.78)}.project-card.secondary p{color:var(--muted)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:26px;border-top:3px solid var(--blue);background:#fff;border-radius:0 0 20px 20px;box-shadow:0 12px 30px rgba(16,24,40,.05)}.step-number{font-size:2.2rem;font-weight:900;color:#d9e6ff}
.pricing{background:var(--soft)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{padding:34px;border:1px solid var(--line);background:#fff;border-radius:26px}.price-card.featured{border:2px solid var(--blue);transform:translateY(-10px);box-shadow:0 22px 60px rgba(20,101,255,.14)}.price{font-size:2.5rem;font-weight:900;letter-spacing:-.05em}.price small{font-size:.9rem;color:var(--muted);font-weight:600}.checklist{list-style:none;padding:0;margin:24px 0}.checklist li{padding:7px 0;color:var(--muted)}.checklist li:before{content:"✓";color:#16a34a;font-weight:900;margin-right:9px}
.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:1.08rem;font-weight:800}.faq details p{color:var(--muted);padding-top:14px}
.cta{padding:0 0 90px}.cta-box{border-radius:32px;padding:55px;background:radial-gradient(circle at 80% 30%,rgba(71,86,255,.55),transparent 30%),linear-gradient(135deg,#061026,#0d2e6f);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-box p{color:#c8d5ec;max-width:630px}
.site-footer{background:#061026;color:#fff;padding:60px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:36px}.site-footer h4{margin-top:0}.site-footer a,.site-footer p{color:#aebbd1}.footer-bottom{margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#8ea0bd;font-size:.85rem}
.content-area{padding:130px 0 90px}.entry-content{max-width:820px}.entry-content a{color:var(--blue)}.notice{padding:12px 15px;border-radius:12px;margin-bottom:18px;background:#ecfdf3;color:#067647}.notice.error{background:#fef3f2;color:#b42318}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:14px;font:inherit}.contact-form textarea{min-height:150px}
@media(max-width:980px){.nav{display:none}.mobile-toggle{display:block}.hero-grid,.projects-grid,.compare{grid-template-columns:1fr}.visual-stage{margin-top:20px}.stats,.services-grid,.process-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.compare-arrow{transform:rotate(90deg);margin:auto}.footer-grid{grid-template-columns:1fr 1fr}.header-cta{display:none}}
@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.section{padding:72px 0}.hero{padding-top:120px}.hero h1{font-size:3rem}.visual-stage{min-height:350px}.laptop{left:0;right:12%;top:55px}.screen{height:210px}.phone{width:105px;height:220px}.float-card{display:none}.stats,.services-grid,.process-grid,.pricing-grid,.compare-list,.footer-grid{grid-template-columns:1fr}.services-head,.cta-box,.footer-bottom{align-items:flex-start;flex-direction:column}.price-card.featured{transform:none}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}}


/* SOPRAO 2.0 additions */
.icon{width:1.15em;height:1.15em;flex:0 0 auto}.site-header{position:fixed;transition:background .25s,box-shadow .25s,backdrop-filter .25s}.site-header.is-scrolled{background:rgba(5,13,29,.82);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.18)}.nav-dropdown{position:relative}.nav-dropdown>a{display:flex;gap:5px;align-items:center}.dropdown-menu{position:absolute;top:36px;left:-24px;min-width:220px;padding:12px;background:rgba(7,18,36,.98);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.dropdown-menu a{display:block;padding:10px 12px;border-radius:10px}.dropdown-menu a:hover{background:rgba(255,255,255,.07)}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:none}
.subhero{padding:175px 0 105px;color:#fff;background:radial-gradient(circle at 80% 35%,rgba(64,77,255,.36),transparent 28%),linear-gradient(135deg,#050d1d 0%,#071a3a 62%,#142f75 100%);overflow:hidden}.subhero.compact{padding-bottom:90px}.subhero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.subhero h1{font-size:clamp(3rem,5.5vw,5.25rem)}.subhero p{max-width:760px;color:#d3dcf0;font-size:1.12rem}.center{text-align:center;max-width:900px}.center p{margin-left:auto;margin-right:auto}.light{color:#fff}.light:before{background:#65a0ff}
.service-visual{position:relative;min-height:430px}.visual-orbit{position:absolute;inset:10%;border:1px solid rgba(111,159,255,.35);border-radius:50%;transform:rotate(-15deg)}.visual-card{position:absolute;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(20,41,88,.94),rgba(10,21,48,.84));box-shadow:0 28px 70px rgba(0,0,0,.36);backdrop-filter:blur(14px)}.visual-card.main{left:17%;top:10%;width:62%;min-height:310px;border-radius:30px;padding:36px;transform:rotate(-4deg)}.visual-card.main strong{display:block;font-size:2rem;line-height:1.15;margin-top:42px}.visual-card.main small{color:#9bb8ea}.visual-icon{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#1465ff,#65a0ff);display:grid;place-items:center}.visual-icon .icon{width:36px;height:36px}.visual-card.mini{padding:18px;border-radius:18px;color:#b9cae9}.visual-card.mini b{color:#fff}.visual-card.mini.one{left:0;bottom:18%;transform:rotate(5deg)}.visual-card.mini.two{right:0;top:18%;transform:rotate(6deg)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.benefit-list>div{display:flex;gap:12px;align-items:center;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.04)}.benefit-list .icon{color:#16a34a}.soft-section{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}.feature-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 34px rgba(16,24,40,.04)}.feature-card>span{font-size:2.4rem;font-weight:900;color:#dce8ff}.feature-card p{color:var(--muted)}.showcase-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--blue);font-weight:800}.product-scene{position:relative;min-height:430px}.scene-browser{position:absolute;left:0;right:12%;top:25px;height:340px;border:10px solid #0c1729;border-radius:24px;background:#fff;box-shadow:0 30px 70px rgba(16,24,40,.24);overflow:hidden;transform:rotate(-2deg)}.scene-bar{height:38px;background:#edf2fa}.scene-content{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:24px}.scene-content i{display:block;height:210px;border-radius:14px;background:linear-gradient(155deg,#0c2c69,#2f7dff)}.scene-phone{position:absolute;right:2%;bottom:0;width:125px;height:260px;border:8px solid #101828;border-radius:28px;background:#fff;padding:9px;box-shadow:0 22px 55px rgba(16,24,40,.28);transform:rotate(5deg)}.scene-phone div{height:100%;border-radius:18px;background:linear-gradient(180deg,#ecf4ff,#2575ff)}.price-band{padding:78px 0;background:radial-gradient(circle at 80% 30%,rgba(71,86,255,.5),transparent 30%),linear-gradient(135deg,#061026,#0d2e6f);color:#fff}.price-band-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.price-band h2{margin-bottom:8px}.price-band p{color:#c8d5ec;max-width:680px}
.service-overview{display:grid;gap:22px}.service-overview-card{display:grid;grid-template-columns:90px 1fr;gap:26px;padding:36px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 12px 35px rgba(16,24,40,.04);transition:.25s}.service-overview-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-overview-icon{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue)}.service-overview-icon .icon{width:34px;height:34px}.accent-purple .service-overview-icon{background:#f2eaff;color:#7c3aed}.accent-teal .service-overview-icon{background:#e7fbf7;color:#0f9f8d}.accent-indigo .service-overview-icon{background:#ececff;color:#4f46e5}.accent-orange .service-overview-icon{background:#fff1e7;color:#f97316}.accent-green .service-overview-icon{background:#eafbea;color:#22a447}
.case-grid{display:grid;gap:30px}.case-card{min-height:520px;padding:48px;border-radius:32px;display:grid;grid-template-columns:1fr .8fr;gap:40px;overflow:hidden;position:relative}.case-app{background:linear-gradient(145deg,#061026,#1554bf);color:#fff}.case-site{background:linear-gradient(145deg,#f7faff,#dfeaff)}.case-card p{max-width:570px}.case-app p,.case-app .checklist li{color:#cfdbef}.case-tag{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.78rem;font-weight:800;margin-bottom:24px}.case-site .case-tag{background:#fff;color:var(--blue)}.case-phone{align-self:center;justify-self:center;width:210px;height:430px;border:11px solid #111827;border-radius:40px;background:#fff;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.28);transform:rotate(4deg)}.case-phone>div{height:100%;border-radius:26px;background:linear-gradient(#fff,#eaf2ff);padding:25px;color:#111827}.case-phone i{display:block;height:58px;border-radius:12px;background:linear-gradient(135deg,#0b2b67,#2778ff);margin-top:12px}.case-browser{align-self:center;height:350px;border:10px solid #111827;border-radius:22px;background:#fff;box-shadow:0 28px 65px rgba(16,24,40,.22);transform:rotate(-2deg);overflow:hidden}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.news-grid i{height:120px;border-radius:12px;background:linear-gradient(145deg,#0c2c69,#2f7dff)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.metric-grid>div{padding:30px;background:#fff;border:1px solid var(--line);border-radius:22px;text-align:center}.metric-grid strong{display:block;font-size:2.4rem}.metric-grid span{color:var(--muted)}
.pricing-grid.four{grid-template-columns:repeat(4,1fr)}.price-kicker{color:var(--blue);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-block;margin-bottom:14px;padding:6px 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:.72rem;font-weight:900}.founder-card{justify-self:center;width:min(100%,420px);padding:46px;border:1px solid rgba(255,255,255,.15);border-radius:34px;background:rgba(255,255,255,.06);box-shadow:0 30px 70px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.founder-card span{display:block;color:#a9bde0}.founder-card strong{display:block;font-size:6rem;line-height:1;color:#5b96ff}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.values-grid article{padding:28px;background:#fff;border-radius:22px;border:1px solid var(--line)}.values-grid b{color:#bad0f8;font-size:2rem}.values-grid p{color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.contact-method{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.contact-method>.icon{width:28px;height:28px;color:var(--blue)}.contact-method small{display:block;color:var(--muted)}.contact-method a{font-weight:800}.promise-box{margin-top:28px;padding:22px;border-radius:18px;background:#edf4ff}.promise-box b,.promise-box span{display:block}.promise-box span{color:var(--muted);margin-top:7px}.form-card{padding:34px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.contact-form select{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:14px;font:inherit;background:#fff}.privacy{display:flex;gap:10px;align-items:flex-start}.privacy input{width:auto;margin-top:5px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.pricing-grid.four{grid-template-columns:repeat(2,1fr)}.feature-grid,.values-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.subhero-grid,.split,.showcase-grid,.contact-layout,.case-card{grid-template-columns:1fr}.service-visual{min-height:360px}.price-band-inner{align-items:flex-start;flex-direction:column}.nav-dropdown{width:100%}.dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:8px 0 0 14px}.nav-dropdown:hover .dropdown-menu{display:block}.nav.is-open{display:flex;position:absolute;top:76px;left:20px;right:20px;padding:22px;background:#071224;border:1px solid rgba(255,255,255,.1);border-radius:18px;flex-direction:column;align-items:flex-start;box-shadow:0 25px 60px rgba(0,0,0,.3)}.case-card{min-height:auto}.case-phone,.case-browser{margin-top:25px}}
@media(max-width:650px){.subhero{padding-top:135px}.subhero h1{font-size:2.85rem}.benefit-list,.feature-grid,.values-grid,.metric-grid,.pricing-grid.four{grid-template-columns:1fr}.service-overview-card{grid-template-columns:1fr;padding:26px}.visual-card.main{left:5%;width:78%}.visual-card.mini.two{right:2%}.showcase-grid{gap:30px}.scene-browser{right:5%;height:270px}.scene-content i{height:150px}.product-scene{min-height:340px}.case-card{padding:28px}.case-phone{width:170px;height:350px}.case-browser{height:280px}.contact-layout{gap:30px}}


/* SOPRAO 2.1 – detail-rich, license-free CSS device mockups */
.visual-stage{isolation:isolate}.visual-glow{position:absolute;inset:8% -8% 0 8%;z-index:-1;background:radial-gradient(circle at 58% 55%,rgba(38,112,255,.42),transparent 34%),radial-gradient(circle at 80% 45%,rgba(101,69,255,.3),transparent 27%);filter:blur(24px)}
.laptop{left:5%;right:5%;top:62px;padding:10px;border-width:9px;background:linear-gradient(145deg,#17243c,#070d18);box-shadow:0 38px 90px rgba(0,0,0,.58),0 0 50px rgba(28,99,255,.18)}
.screen{height:284px;padding:0;overflow:hidden;background:#f4f7fc}.dash-top{height:34px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#081a3c;color:#fff;font-size:.58rem}.dash-top b{display:flex;align-items:center;gap:6px}.dash-top b span{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:#1465ff}.dash-top em{font-style:normal;color:#88a9e6}
.screen-grid{grid-template-columns:58px 1fr;gap:0}.mini-sidebar{border-radius:0;background:linear-gradient(#0b2453,#071a3a);padding:22px 14px;display:flex;flex-direction:column;gap:15px}.mini-sidebar i{height:6px;border-radius:999px;background:rgba(255,255,255,.2)}.mini-sidebar i:first-child{background:#2f7dff}.mini-content{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:14px}.dash-title{display:flex;justify-content:space-between;align-items:end}.dash-title small,.mini-top small{display:block;color:#8290a6;font-size:.48rem}.dash-title strong{display:block;font-size:.78rem}.dash-title span{font-size:.45rem;color:#7b8aa4}.mini-top{padding:0;border:0;background:transparent}.mini-top>div{padding:8px;background:#fff;border:1px solid #e7ebf2;border-radius:8px}.mini-top b{display:block;font-size:.72rem}.mini-top em{display:block;color:#13a163;font-style:normal;font-size:.42rem}.mini-chart{background:#fff;border-color:#e7ebf2;padding:10px 12px}.mini-chart:after{display:none}.chart-label{position:relative;z-index:2;font-size:.48rem;font-weight:800}.chart-grid{position:absolute;inset:30px 10px 8px;background:linear-gradient(rgba(20,101,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,101,255,.07) 1px,transparent 1px);background-size:100% 25%,20% 100%}.mini-chart svg{position:absolute;left:12px;right:12px;bottom:10px;width:calc(100% - 24px);height:72%}.dash-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-bottom i{height:7px;background:#e7eef9;border-radius:999px}.dash-bottom i:first-child{background:#2f7dff}
.phone{right:-1%;bottom:8px;width:142px;height:292px;padding:7px;border-width:7px;background:linear-gradient(145deg,#20293a,#05070b)}.phone-screen{position:relative;padding:16px 12px 12px;background:linear-gradient(180deg,#071a3a,#0d2860);color:#fff;overflow:hidden}.phone-notch{position:absolute;top:5px;left:35%;width:30%;height:8px;border-radius:0 0 8px 8px;background:#06090f}.app-head{display:flex;justify-content:space-between;font-size:.56rem;margin:8px 0 12px}.app-banner{padding:12px;border-radius:12px;background:linear-gradient(145deg,#1465ff,#173fa6);box-shadow:0 10px 24px rgba(0,0,0,.25)}.app-banner small,.app-banner strong{display:block}.app-banner small{font-size:.45rem;color:#c8d9ff}.app-banner strong{font-size:.7rem}.app-banner svg{width:100%;height:34px;margin-top:6px}.phone-grid{gap:6px;margin-top:9px}.phone-grid i{height:48px;display:flex;align-items:flex-end;padding:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-style:normal}.phone-grid i:before{content:"";position:absolute;width:13px;height:13px;border-radius:4px;background:linear-gradient(135deg,#2e83ff,#7caeff);align-self:flex-start}.phone-grid b{font-size:.39rem;color:#d9e6ff}
.float-card{z-index:3;border-color:rgba(104,155,255,.22);background:linear-gradient(145deg,rgba(13,35,78,.92),rgba(6,16,38,.85))}.float-card.one{left:-5%;top:115px}.float-card.two{right:-5%;top:8px}.float-card.ai{right:-2%;bottom:8px;width:150px}.float-card.ai b{display:block;margin-top:5px;font-size:.72rem}.ai-dot{position:absolute;right:14px;top:14px;color:#71a4ff}.trend{display:block;color:#35d58a;font-size:.56rem;margin-top:2px}.sparkline,.bars{height:28px;margin-top:9px;display:flex;align-items:end;gap:4px}.sparkline i{width:3px;border-radius:4px;background:#2f7dff}.sparkline i:nth-child(1){height:8px}.sparkline i:nth-child(2){height:15px}.sparkline i:nth-child(3){height:11px}.sparkline i:nth-child(4){height:20px}.sparkline i:nth-child(5){height:17px}.sparkline i:nth-child(6){height:26px}.bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#65a0ff,#1767ff)}.bars i:nth-child(1){height:8px}.bars i:nth-child(2){height:13px}.bars i:nth-child(3){height:19px}.bars i:nth-child(4){height:25px}.bars i:nth-child(5){height:30px}
.product-scene{min-height:455px}.scene-browser{height:365px;right:9%;background:#f7f9fd}.scene-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;color:#8b98aa;font-size:.62rem}.scene-bar i{width:8px;height:8px;border-radius:50%;background:#d2d9e5}.scene-bar i:first-child{background:#ff7d79}.scene-bar i:nth-child(2){background:#ffc65a}.scene-bar i:nth-child(3){background:#52cf7a}.scene-bar span{margin-left:8px}.scene-content{grid-template-columns:repeat(3,1fr);gap:14px;padding:22px}.scene-content article{min-width:0;padding:11px;border:1px solid #e4e9f1;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(16,24,40,.06)}.scene-content article b,.scene-content article small{display:block}.scene-content article b{font-size:.72rem;margin-top:9px}.scene-content article small{font-size:.52rem;color:#738097}.scene-thumb{height:185px!important;border-radius:11px!important;display:grid!important;place-items:center;color:#fff;font-style:normal;position:relative;overflow:hidden}.scene-thumb:after{content:"";position:absolute;inset:18% 12%;border:1px solid rgba(255,255,255,.28);border-radius:10px;box-shadow:inset 0 0 35px rgba(255,255,255,.1)}.scene-thumb span{position:relative;z-index:2;font-size:.62rem;font-weight:900;letter-spacing:.12em}.app-thumb{background:radial-gradient(circle at 70% 20%,#6a77ff,transparent 30%),linear-gradient(145deg,#06132e,#1859d5)!important}.web-thumb{background:radial-gradient(circle at 70% 20%,#2f8dff,transparent 28%),linear-gradient(145deg,#0c2c69,#0b1732)!important}.social-thumb{background:radial-gradient(circle at 70% 20%,#714cff,transparent 30%),linear-gradient(145deg,#131044,#07142c)!important}.scene-phone{width:138px;height:286px;bottom:-5px}.scene-phone>div{position:relative;padding:27px 13px 15px;text-align:center;background:linear-gradient(180deg,#071a3a,#1253bf);color:#fff}.scene-notch{position:absolute;top:0;left:31%;width:38%;height:9px;border-radius:0 0 8px 8px;background:#101828}.scene-logo{display:grid;margin:30px auto 10px;width:44px;height:44px;place-items:center;border-radius:14px;background:#1465ff;font-size:1.3rem;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.25)}.scene-phone b,.scene-phone small{display:block}.scene-phone small{font-size:.56rem;color:#bfcef0}.scene-phone-lines{margin-top:30px;display:grid;gap:8px}.scene-phone-lines i{height:8px;border-radius:999px;background:rgba(255,255,255,.16)}.scene-phone-lines i:nth-child(2){width:72%}.scene-phone-lines i:nth-child(3){width:45%}
@media(max-width:980px){.float-card.ai{right:4%}.visual-stage{min-height:460px}.laptop{left:8%;right:8%}.float-card.one{left:0}.float-card.two{right:0}}
@media(max-width:650px){.visual-stage{min-height:390px}.laptop{left:1%;right:8%;top:48px}.screen{height:225px}.phone{width:105px;height:220px}.float-card{transform:scale(.78)}.float-card.one{left:-18px;top:95px}.float-card.two{right:-25px}.float-card.ai{display:none}.scene-content article:nth-child(3){display:none}.scene-content{grid-template-columns:1fr 1fr}.scene-thumb{height:145px!important}.scene-browser{height:305px}.scene-phone{width:105px;height:225px}}


/* SOPRAO 2.2 – completed UI illustrations */
.project-device{overflow:hidden}.project-phone-ui{width:45%;height:82%;right:4%;bottom:-8%;border-width:9px;border-radius:34px;background:#09111f;padding:9px;transform:rotate(4deg)}.project-phone-ui:before,.project-browser-ui:before{display:none}.project-phone-ui{color:#fff}.project-phone-ui>*{position:relative;z-index:2}.project-phone-ui:after{content:"";position:absolute;inset:9px;border-radius:24px;background:linear-gradient(180deg,#071a3a,#0d2f73);z-index:0}.device-top{display:flex;justify-content:space-between;padding:15px 15px 8px;font-size:.72rem}.device-hero{margin:8px 13px 12px;padding:16px;border-radius:15px;background:linear-gradient(145deg,#1465ff,#1c3f9d);box-shadow:0 12px 28px rgba(0,0,0,.3)}.device-hero small,.device-hero strong{display:block}.device-hero small{font-size:.55rem;color:#cbdcff}.device-hero strong{font-size:.82rem;line-height:1.25;margin-top:4px}.device-list{display:grid;gap:8px;padding:0 13px}.device-list i{display:flex;gap:9px;align-items:center;padding:8px;border-radius:10px;background:rgba(255,255,255,.07);font-style:normal}.device-list em{width:34px;height:30px;border-radius:8px;background:linear-gradient(135deg,#2c7eff,#8ab4ff)}.device-list span,.device-list b,.device-list small{display:block}.device-list b{font-size:.56rem}.device-list small{font-size:.45rem;color:#b9c8e5}.device-nav{position:absolute!important;left:18px;right:18px;bottom:13px;display:flex;justify-content:space-between;padding:8px 11px;border-radius:10px;background:rgba(3,11,26,.72);font-size:.65rem}.project-browser-ui{width:70%;height:73%;right:-7%;bottom:-8%;border-width:8px;border-radius:22px 22px 0 0;padding:0;background:#111827;color:#101828;transform:rotate(-3deg)}.project-browser-ui>*{position:relative;z-index:2}.project-browser-ui:after{content:"";position:absolute;inset:8px;background:#f5f8fd;border-radius:12px 12px 0 0;z-index:0}.browser-top{height:30px;margin:8px 8px 0;padding:0 10px;display:flex;align-items:center;gap:6px;border-radius:10px 10px 0 0;background:#e7edf7;font-size:.48rem;color:#718096}.browser-top i{width:7px;height:7px;border-radius:50%;background:#ff7e78}.browser-top i:nth-child(2){background:#ffc75a}.browser-top i:nth-child(3){background:#4fd27d}.browser-top span{margin-left:6px}.browser-head{margin:0 8px;padding:10px 12px;background:#071a3a;color:#fff}.browser-head b,.browser-head small{display:block}.browser-head b{font-size:.75rem}.browser-head small{font-size:.42rem;color:#9bb5df}.browser-feature{margin:10px 16px;padding:12px;border-radius:10px;background:linear-gradient(145deg,#0b2a68,#1c6bff);color:#fff}.browser-feature span,.browser-feature strong{display:block}.browser-feature span{font-size:.42rem;color:#bcd3ff}.browser-feature strong{font-size:.7rem;line-height:1.25;margin-top:4px}.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 16px}.browser-cards i{height:58px;border-radius:8px;background:linear-gradient(145deg,#dfe9f8,#fff);border:1px solid #dfe6f1}.browser-cards i:first-child{background:linear-gradient(145deg,#0b2c69,#2f7dff)}
.service-visual{min-height:470px}.service-visual .visual-card.main{left:10%;top:5%;width:72%;min-height:390px;padding:26px;transform:rotate(-3deg)}.service-ui-head{display:flex;align-items:center;gap:14px}.service-ui-head>div:nth-child(2){flex:1}.service-ui-head small,.service-ui-head strong{display:block}.service-ui-head strong{font-size:1rem!important;line-height:1.2!important;margin:2px 0 0!important}.service-ui-head>span{padding:6px 9px;border-radius:999px;background:rgba(47,125,255,.16);color:#8db6ff;font-size:.58rem;font-weight:800}.service-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.service-kpis i{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.05);font-style:normal}.service-kpis small,.service-kpis b{display:block}.service-kpis small{font-size:.48rem;color:#9eb2d5}.service-kpis b{font-size:.9rem}.service-chart{position:relative;height:110px;margin-top:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);overflow:hidden;color:#5f9cff}.service-chart>span{position:relative;z-index:2;color:#cddaf0;font-size:.58rem;font-weight:800}.service-chart:after{content:"";position:absolute;inset:35px 12px 10px;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 25%,20% 100%}.service-chart svg{position:absolute;z-index:2;left:12px;right:12px;bottom:8px;width:calc(100% - 24px);height:72%}.service-tasks{display:grid;gap:7px;margin-top:12px}.service-tasks i{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.05);font-style:normal;font-size:.54rem}.service-tasks i>b{width:8px;height:8px;border-radius:50%;background:#38d28a}.service-tasks i:nth-child(2)>b{background:#5c9cff}.service-tasks i:nth-child(3)>b{background:#f5b84d}.service-tasks em{font-style:normal;color:#93a9cc}.service-visual .visual-card.mini{min-width:180px}.service-visual .visual-card.mini small,.service-visual .visual-card.mini b{display:block}.mini-progress{display:block;height:6px;margin-top:12px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.mini-progress i{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2478ff,#7baeff)}.mini-avatars{display:flex;margin-top:10px}.mini-avatars i{width:24px;height:24px;margin-left:-5px;border:2px solid #0e2147;border-radius:50%;background:linear-gradient(145deg,#458bff,#b3ceff)}.mini-avatars i:first-child{margin-left:0}.service-social-media .visual-card.main{background:linear-gradient(145deg,rgba(43,22,92,.96),rgba(10,18,47,.9))}.service-app-entwicklung .visual-card.main{background:linear-gradient(145deg,rgba(5,69,75,.95),rgba(8,25,50,.9))}.service-ki-loesungen .visual-card.main{background:linear-gradient(145deg,rgba(38,33,111,.96),rgba(10,18,47,.9))}.service-content-video .visual-card.main{background:linear-gradient(145deg,rgba(105,45,12,.95),rgba(27,20,32,.9))}.service-seo-online-marketing .visual-card.main{background:linear-gradient(145deg,rgba(12,77,53,.95),rgba(9,28,38,.9))}
.case-phone>div{position:relative;overflow:hidden;background:linear-gradient(180deg,#071a3a,#0c2c68);color:#fff;padding:20px 14px}.case-app-top{display:flex;justify-content:space-between;margin-bottom:18px}.case-app-hero{padding:18px;border-radius:17px;background:linear-gradient(145deg,#1465ff,#173d99)}.case-app-hero small,.case-app-hero strong{display:block}.case-app-hero small{font-size:.58rem;color:#cbdcff}.case-app-hero strong{font-size:1rem;line-height:1.2;margin-top:5px}.case-app-tabs{display:flex;gap:7px;margin:13px 0}.case-app-tabs i{height:auto!important;margin:0!important;padding:6px 9px;border-radius:999px!important;background:rgba(255,255,255,.08)!important;font-size:.52rem;font-style:normal}.case-app-feed{display:grid;gap:9px}.case-app-feed article{display:flex;gap:9px;align-items:center;padding:8px;border-radius:11px;background:rgba(255,255,255,.07)}.case-app-feed em{width:38px;height:34px;border-radius:9px;background:linear-gradient(135deg,#347fff,#8bb6ff)}.case-app-feed span,.case-app-feed b,.case-app-feed small{display:block}.case-app-feed b{font-size:.58rem}.case-app-feed small{font-size:.46rem;color:#b8c7e5}.case-app-nav{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;padding:9px 12px;border-radius:11px;background:rgba(2,9,22,.78);font-size:.7rem}.case-browser{position:relative;background:#f4f7fc}.case-browser .scene-bar{display:flex;align-items:center;gap:7px;padding:0 14px;color:#7d8ca5;font-size:.58rem}.case-browser .scene-bar i{width:8px;height:8px;border-radius:50%;background:#ff7e78}.case-browser .scene-bar i:nth-child(2){background:#ffc75a}.case-browser .scene-bar i:nth-child(3){background:#4fd27d}.case-browser .scene-bar span{margin-left:6px}.case-site-head{display:flex;align-items:center;padding:12px 16px;background:#071a3a;color:#fff}.case-site-head b{margin-right:10px}.case-site-head small{font-size:.5rem;color:#a7b9d7}.case-site-head nav{display:flex;gap:5px;margin-left:auto}.case-site-head nav i{width:20px;height:5px;border-radius:99px;background:rgba(255,255,255,.18)}.case-site-feature{margin:14px 16px;padding:16px;border-radius:13px;background:linear-gradient(145deg,#0b2c69,#2b78ff);color:#fff}.case-site-feature span,.case-site-feature strong,.case-site-feature small{display:block}.case-site-feature span{font-size:.48rem;color:#bfd3ff}.case-site-feature strong{font-size:.88rem;line-height:1.25;margin:5px 0}.case-site-feature small{font-size:.5rem;color:#d7e4ff}.case-browser .news-grid{gap:9px;padding:0 16px 14px}.case-browser .news-grid article{padding:7px;border:1px solid #e1e7f0;border-radius:10px;background:#fff}.case-browser .news-grid i{height:52px;border-radius:8px}.case-browser .news-grid b{display:block;font-size:.52rem;margin-top:6px}
@media(max-width:650px){.project-phone-ui{width:48%;right:1%}.project-browser-ui{width:78%}.service-visual .visual-card.main{left:4%;width:82%;min-height:350px;padding:20px}.service-kpis i{padding:8px}.service-visual .visual-card.mini{min-width:150px}.service-visual .visual-card.mini.one{left:-4%}.service-visual .visual-card.mini.two{right:-4%}.case-app-feed article:nth-child(3){display:none}}


/* SOPRAO 3.2 – Praxis statt Theorie */
.projects-intro{max-width:720px;margin-bottom:36px}.projects-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.projects-grid-four .project-card{min-height:440px}.project-kicker{display:inline-flex;margin-bottom:14px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.11);font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.project-card.secondary .project-kicker{background:#e8f0ff;color:var(--blue)}.project-tags{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:7px;max-width:60%;margin-top:22px}.project-tags span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.66rem;font-weight:800}.project-card.secondary .project-tags span{background:#fff;color:#34506f;border:1px solid #dfe7f2}.project-social{background:linear-gradient(145deg,#20104a,#6d28d9)}.social-dashboard{position:absolute;right:-5%;bottom:-8%;width:66%;height:64%;padding:18px;border:9px solid #111827;border-radius:24px 24px 0 0;background:#f8f6ff;color:#1f1738;box-shadow:0 24px 60px rgba(0,0,0,.28);transform:rotate(-3deg)}.social-top{display:flex;justify-content:space-between;align-items:center;font-size:.62rem}.social-top span{color:#7b7195}.social-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.social-kpis i{padding:12px;border-radius:12px;background:#fff;font-style:normal;box-shadow:0 8px 20px rgba(49,27,93,.08)}.social-kpis small,.social-kpis strong,.social-kpis em{display:block}.social-kpis strong{font-size:1.1rem}.social-kpis em{color:#16a36a;font-size:.56rem;font-style:normal}.social-chart{display:flex;align-items:end;gap:8px;height:110px;margin-top:18px;padding:12px;border-radius:13px;background:#fff}.social-chart span{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#8b5cf6,#5b21b6)}.social-chart span:nth-child(1){height:32%}.social-chart span:nth-child(2){height:52%}.social-chart span:nth-child(3){height:45%}.social-chart span:nth-child(4){height:68%}.social-chart span:nth-child(5){height:60%}.social-chart span:nth-child(6){height:84%}.social-chart span:nth-child(7){height:96%}.project-ai{background:linear-gradient(145deg,#f8fbff,#eaf5ff)}.ai-workflow{position:absolute;right:-4%;bottom:8%;width:66%;height:57%;border:1px solid #dce8f7;border-radius:24px;background:linear-gradient(145deg,#fff,#eef6ff);box-shadow:0 22px 55px rgba(16,72,140,.14);transform:rotate(2deg)}.ai-node{position:absolute;z-index:2;width:104px;padding:14px;border-radius:15px;background:#fff;border:1px solid #dce6f4;box-shadow:0 12px 25px rgba(16,72,140,.1)}.ai-node b,.ai-node small{display:block}.ai-node small{color:#718096;font-size:.6rem}.ai-node.start{left:8%;top:18%}.ai-node.middle{left:39%;top:45%;background:#1465ff;color:#fff;border-color:#1465ff}.ai-node.middle small{color:#d9e7ff}.ai-node.end{right:6%;top:18%}.flow-line{position:absolute;height:3px;background:linear-gradient(90deg,#8ab6ff,#1465ff);transform-origin:left center}.flow-line.one{left:28%;top:42%;width:25%;transform:rotate(28deg)}.flow-line.two{left:58%;top:56%;width:25%;transform:rotate(-28deg)}.ai-spark{position:absolute;right:14%;bottom:14%;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#dfeeff;color:#1465ff;font-size:1.4rem}
@media(max-width:980px){.projects-grid-four{grid-template-columns:1fr}.projects-grid-four .project-card{min-height:420px}}
@media(max-width:650px){.projects-grid-four .project-card{min-height:470px;padding:28px}.project-tags{max-width:100%}.social-dashboard,.ai-workflow{width:88%;right:-10%;bottom:-5%}.project-phone-ui{width:52%}.project-browser-ui{width:86%}}

/* SOPRAO 3.2.2 – saubere Standard- und Rechtstextseiten */
.content-area{padding:150px 0 100px}
.page-article{width:100%}
.page-main-title{max-width:100%;margin:0 0 54px;font-size:clamp(2.65rem,5.4vw,4.8rem);line-height:1.02;overflow-wrap:anywhere;word-break:normal}
.page-body{font-size:1.05rem;line-height:1.75}
.page-body>*:first-child{margin-top:0}
.page-body h2,.page-body h3,.page-body h4,.page-body h5,.page-body h6{margin:48px 0 18px;letter-spacing:-.025em;line-height:1.2;text-shadow:none!important;-webkit-text-stroke:0!important;transform:none!important}
.page-body h2{font-size:2rem}.page-body h3{font-size:1.45rem}.page-body h4{font-size:1.18rem}
.page-body p,.page-body li,.page-body strong,.page-body b,.page-body span{font-family:inherit;text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important;transform:none!important}
.page-body ul,.page-body ol{margin:0 0 28px;padding-left:1.35rem}
.page-body li{margin:7px 0}
.legal-page .entry-content{max-width:920px}
.legal-page .page-article{padding:48px 56px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}
.legal-page .page-main-title{margin-bottom:44px;font-size:clamp(2.5rem,5vw,4.4rem)}
.legal-content{color:#25324a}
.legal-content>h1:first-child,.legal-content>h2:first-child,.legal-content>p:first-child:empty{display:none!important}
.legal-content h2,.legal-content h3{color:var(--ink)}
.legal-content a{font-weight:700;overflow-wrap:anywhere}
@media(max-width:650px){.content-area{padding:125px 0 70px}.page-main-title{margin-bottom:36px;font-size:2.65rem}.legal-page .page-article{padding:28px 22px;border-radius:20px}.page-body{font-size:1rem}.page-body h2{font-size:1.65rem}.page-body h3{font-size:1.3rem}}