:root{--ink:#122c49;--muted:#61778b;--blue:#1658a6;--deep:#0b2848;--teal:#12b5af;--pale:#f3f7fb;--line:#dde6ef;--sh:0 18px 50px rgba(19,47,79,.075);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}svg{display:block}.defs{width:0;height:0;position:absolute;overflow:hidden}.icon{height:20px;width:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.145em;font-weight:800;color:#146e9e}.pill{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:750;letter-spacing:.025em;color:#2b597a;background:#ebf5f8;padding:9px 13px;border-radius:100px}.pill .small-dot{width:7px;height:7px;background:var(--teal);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h2{font-size:clamp(32px,3.6vw,47px);line-height:1.12;font-weight:800}h3{font-size:21px;line-height:1.27}p{line-height:1.72;color:var(--muted)}.section{padding:104px 0}.section-header{margin:0 auto 40px;max-width:815px;text-align:center}.section-header h2{margin:14px auto 12px}.section-header p{font-size:16px;margin-bottom:0}.section-header.left{text-align:left;margin-left:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:13px;padding:15px 21px;border:1px solid transparent;min-height:50px;font-size:14px;font-weight:750;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#1873d4,#174981);box-shadow:0 12px 27px rgba(16,88,169,.22);color:#fff}.btn-primary:hover{box-shadow:0 17px 35px rgba(16,88,169,.31)}.btn-primary .icon{height:18px;width:18px}.btn-secondary{color:#214a71;background:#fff;border-color:#d4e1ed;box-shadow:0 7px 20px rgba(12,45,84,.04)}.link-arrow{color:#1560aa;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px}.link-arrow .icon{width:18px}.text-muted{color:var(--muted)}
/* site header */
.site-header{height:79px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #edf0f3;backdrop-filter:blur(15px)}.head-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;white-space:nowrap}.brand img{height:38px;width:40px;object-fit:contain}.brand-text{font-weight:850;letter-spacing:-.05em;color:#152d45;font-size:25px}.main-nav{display:flex;align-items:center;gap:34px;margin:auto}.main-nav a,.login{color:#34516a;font-size:13px;font-weight:750}.main-nav a:hover,.login:hover{color:#1262aa}.head-right{display:flex;gap:19px;align-items:center}.head-right .btn{min-height:43px;padding:11px 17px;font-size:12px}.head-right .btn .icon{width:17px}.menu-btn{display:none;background:none;border:0;color:#163f67;padding:8px}.mobile-nav{display:none}
/* Hero */
.hero{padding:86px 0 65px;background:radial-gradient(ellipse 52% 80% at 85% 43%,#e2f2fa 0%,rgba(226,242,250,0) 82%),linear-gradient(180deg,#fff,#f8fbfe)}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:46px;align-items:center}.hero-copy{min-width:0}.hero h1{font-size:clamp(44px,4.3vw,68px);line-height:1.075;font-weight:850;margin:23px 0 21px;color:#142d49;letter-spacing:-.065em}.hero h1 span{color:#2165b6}.hero .lead{font-size:17px;line-height:1.73;max-width:535px;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-perks{display:flex;flex-wrap:wrap;gap:11px 20px;margin-top:16px;font-size:12px;color:#617a8c}.hero-perks span{display:inline-flex;align-items:center;gap:6px}.hero-perks .icon{width:15px;height:15px;color:#159f91;stroke-width:2.5}.hero-stage{position:relative;padding:18px 6px 78px 0;min-width:0}.stage-desktop{position:relative;background:#fff;border:1px solid #dce8f0;border-radius:19px;padding:10px;box-shadow:0 30px 75px rgba(21,54,88,.13);width:108%;margin:auto auto auto -4%}.stage-desktop img{display:block;border-radius:10px;width:100%}.stage-mobile{position:absolute;right:6px;bottom:-12px;width:24%;max-width:178px;filter:drop-shadow(0 18px 20px rgba(20,35,51,.23));border-radius:24px}.trust-mini{display:flex;align-items:center;gap:12px;margin-top:23px}.avatar-stack{display:flex;align-items:center;padding-left:5px}.avatar-stack img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid white;margin-left:-7px;box-shadow:0 2px 7px rgba(20,40,65,.18)}.trust-mini p{margin:0;color:#65798a;font-size:11px;line-height:1.45}.trust-mini strong{display:block;color:#29475f;font-size:12px}.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;background:#fff;border:1px solid #e5edf3;border-radius:16px;box-shadow:0 12px 32px rgba(12,39,72,.035)}.hero-benefit{display:flex;align-items:center;gap:13px;padding:20px 28px;min-width:0}.hero-benefit+.hero-benefit{border-left:1px solid #e7edf2}.hero-benefit .icon{color:#1367b4;width:24px;height:24px}.hero-benefit strong{display:block;font-size:13px;line-height:1.35}.hero-benefit small{font-size:12px;color:#718599;display:block;margin-top:2px}
/* Problems */
.problem{background:#f4f7fa}.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.problem-card{padding:29px 28px;background:#fff;border:1px solid #e6edf4;border-radius:18px;box-shadow:0 14px 32px rgba(14,43,75,.04)}.problem-card .icon{color:#1b6fb7;height:29px;width:29px;margin-bottom:29px}.problem-card h3{font-size:19px;margin-bottom:9px}.problem-card p{font-size:14px;line-height:1.65;margin-bottom:0}
/* Feature explorer */
.features{background:#fff}.feature-tabs{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 auto 0;max-width:1060px;border-bottom:1px solid #e0e8f0;padding-bottom:0}.feature-tab{border:none;border-radius:10px 10px 0 0;background:transparent;font-size:13px;color:#526d83;font-weight:800;padding:16px 19px;transition:background .2s,color .2s;white-space:nowrap}.feature-tab[aria-selected="true"]{color:#0f4c82;background:#edf5fb;box-shadow:inset 0 -3px #1390cc}.feature-window{background:#f7f9fc;border:1px solid #e5edf4;border-radius:0 0 24px 24px;padding:32px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;min-height:440px;box-shadow:0 20px 40px rgba(14,44,78,.045)}.feature-list{display:grid;align-content:start;gap:7px}.feature-list button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;background:transparent;color:#48637c;border:1px solid transparent;border-radius:12px;padding:14px 12px;font-size:13px;font-weight:780;min-height:52px}.feature-list button .icon{height:18px;width:18px;color:#7792a9}.feature-list button.active{background:white;border-color:#dae5ef;box-shadow:0 7px 20px rgba(14,45,78,.055);color:#125490}.feature-list button.active .icon{color:#1576ba}.feature-detail{display:grid;grid-template-columns:minmax(0,1fr) 1.04fr;gap:28px;align-items:center;background:#fff;border:1px solid #e2e9f0;border-radius:20px;padding:33px 31px;min-width:0}.feature-detail-text small{font-size:11px;text-transform:uppercase;color:#2880ad;letter-spacing:.13em;font-weight:850}.feature-detail-text h3{margin:12px 0 13px;font-size:clamp(21px,2.2vw,30px)}.feature-detail-text p{font-size:14px;line-height:1.75}.feature-points{list-style:none;padding:0;margin:20px 0 26px}.feature-points li{display:flex;align-items:flex-start;gap:9px;font-weight:650;font-size:13px;margin:10px 0;color:#3b566e}.feature-points .icon{color:#19a493;width:17px;height:17px;stroke-width:2.5}.feature-display{border-radius:17px;background:#eef4f9;min-height:315px;overflow:hidden;border:1px solid #dbe5ef;display:flex;align-items:center;justify-content:center;position:relative}.feature-display img{display:block;width:100%;height:100%;object-fit:contain}.feature-ui-preview{width:90%;padding:12px;background:#fff;border-radius:15px;border:1px solid #dae5ed;box-shadow:0 20px 35px rgba(8,39,68,.12)}.feature-ui-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f5;padding-bottom:9px;margin-bottom:10px}.feature-ui-top b{font-size:11px}.feature-ui-top span{font-size:9px;color:#8294a3}.feature-ui-row{display:flex;justify-content:space-between;align-items:center;background:#f5f8fb;border:1px solid #edf2f6;border-radius:7px;font-size:10px;gap:7px;padding:10px;margin-bottom:7px}.feature-ui-row strong{color:#174f7c}.feature-ui-row small{font-size:9px;color:#6e8799}.feature-ui-status{background:#e7f6f2;color:#0c856f;padding:5px 8px;border-radius:7px;font-weight:800;white-space:nowrap}.feature-ui-status.amber{background:#fff3da;color:#a77517}.feature-ui-stats{display:flex;gap:9px}.feature-ui-stats div{flex:1;background:#eaf2f9;border-radius:8px;padding:9px}.feature-ui-stats strong{font-size:17px;color:#10518f}.feature-ui-stats span{font-size:9px;color:#748b9d;display:block}
/* Intelligent work example */
.weather{background:#f5f8fb}.weather-block{display:grid;grid-template-columns:440px 1fr;min-height:505px;background:#fff;border:1px solid #e0e8f0;border-radius:25px;overflow:hidden;box-shadow:0 20px 60px rgba(18,51,83,.08)}.weather-photo{position:relative;background:#183650;min-height:520px;overflow:hidden}.weather-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 45%;position:absolute;inset:0;filter:brightness(.84)}.weather-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,rgba(4,17,33,.79))}.weather-overlay{position:absolute;z-index:2;bottom:25px;left:25px;right:25px;color:#fff}.weather-overlay .overline{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#c4e5f3}.weather-overlay h3{font-size:28px;line-height:1.15;margin:9px 0 10px;letter-spacing:-.035em}.weather-overlay p{font-size:13px;color:#d7e6ed;line-height:1.55;margin:0}.weather-side{padding:28px 33px 28px 32px}.weather-side-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.weather-side-header .overline{font-size:11px;text-transform:uppercase;color:#628297;font-weight:800;letter-spacing:.11em}.weather-city{font-size:17px;color:#102c4a;font-weight:820;margin-top:6px}.weather-badge{font-size:11px;background:#fff5e9;color:#a65f25;border:1px solid #f0dbc3;border-radius:100px;padding:8px 11px;font-weight:850;white-space:nowrap}.weather-now{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;background:linear-gradient(115deg,#f2f7fb,#edf4f9);padding:16px;border-radius:14px;margin-bottom:17px}.weather-now .icon{height:47px;width:47px;color:#225b93;stroke-width:1.25}.weather-now strong{font-size:21px;letter-spacing:-.03em;display:block}.weather-now small{color:#687e90;font-size:12px}.forecast{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:20px}.forecast-item{text-align:center;padding:10px 6px;border:1px solid #e9eef3;border-radius:10px}.forecast-item.active{background:#fff5e9;border-color:#e9ceb0}.forecast-item b{font-size:11px;color:#4a6278}.forecast-item .icon{margin:7px auto;color:#3778ad;width:22px;height:22px}.forecast-item.active .icon{color:#b96d32}.forecast-item small{font-size:10px;display:block;color:#718395}.weather-alert{display:flex;align-items:flex-start;gap:11px;background:#fffbf5;border:1px solid #f0debe;border-radius:11px;padding:12px;margin-bottom:14px}.weather-alert .icon{color:#b7792d;margin-top:1px}.weather-alert strong{font-size:13px;display:block}.weather-alert small{font-size:11px;color:#8d785d;display:block;margin-top:3px}.weather-reco{display:flex;align-items:flex-start;gap:11px;background:#ebf5ff;border:1px solid #cfdfef;border-radius:11px;padding:13px 12px}.weather-reco .icon{color:#1165a5;margin-top:2px}.weather-reco strong{font-size:13px;display:block;color:#174c79}.weather-reco small{font-size:11px;color:#56738a;display:block;line-height:1.5;margin-top:4px}.weather-reco-tag{font-size:11px;display:inline-block;color:#0f5c9d;margin-top:9px;font-weight:800}
/* Audience */
.audience{background:#fff}.audience-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:23px}.audience-btn{border:1px solid #dbe6f0;background:#fff;color:#577084;border-radius:12px;padding:13px 17px;font-size:13px;font-weight:800}.audience-btn[aria-selected="true"]{background:#154e87;border-color:#154e87;color:white}.audience-panel{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:390px;background:#f5f8fb;border-radius:23px;overflow:hidden;border:1px solid #e3eaf1}.audience-copy{padding:45px;align-self:center}.audience-copy small{color:#197ab1;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.audience-copy h3{font-size:32px;margin:14px 0}.audience-copy p{font-size:15px;max-width:450px}.audience-benefits{list-style:none;padding:0;margin:22px 0 26px}.audience-benefits li{display:flex;gap:9px;align-items:center;color:#486279;font-size:14px;font-weight:650;margin:10px 0}.audience-benefits .icon{color:#159d95;width:17px;height:17px}.audience-media{overflow:hidden}.audience-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:390px}
/* Adjustability */
.adjust{background:#f4f7fa}.adjust-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.adjust h2{margin:14px 0 16px}.adjust p{font-size:15px}.adjust-points{padding:0;list-style:none;margin:23px 0}.adjust-points li{display:flex;align-items:center;gap:11px;color:#36546d;font-weight:700;margin:12px 0;font-size:14px}.adjust-points .icon{color:#19a593;width:18px}.module-card{background:#fff;border:1px solid #dee8ef;border-radius:21px;box-shadow:var(--sh);padding:24px}.module-card-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eef3;padding-bottom:15px}.module-card-top b{font-size:17px}.module-card-top small{font-size:12px;color:#688296}.modules{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.module{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e5edf3;border-radius:10px;font-size:12px;font-weight:750;cursor:pointer}.module input{accent-color:#136bb7;width:15px;height:15px}.module-view{border-radius:13px;padding:18px;background:#edf4f9}.module-view small{font-size:11px;font-weight:800;color:#62829a}.module-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.module-chips span{background:#fff;border:1px solid #d8e5ef;padding:8px 10px;border-radius:8px;color:#22577e;font-size:11px;font-weight:750}
/* Mobile */
.mobile-section{background:#fff}.mobile-wrap{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.mobile-visual{background:radial-gradient(circle at 50% 42%,#d5eef7,#eff7fb 70%);border-radius:25px;min-height:510px;display:flex;align-items:center;justify-content:center}.mobile-visual img{max-height:460px;width:auto;filter:drop-shadow(0 20px 28px rgba(11,30,49,.19))}.mobile-section ul{list-style:none;padding:0}.mobile-section li{display:flex;gap:12px;align-items:center;font-weight:700;font-size:14px;color:#47647b;margin:16px 0}.mobile-section li .icon{color:#149c96;width:20px;height:20px}
/* Trial, pricing, FAQ */
.trial{background:#f3f7fa}.trial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.trial-step{padding:30px;border-radius:20px;background:#fff;border:1px solid #e0e9f0;box-shadow:0 12px 30px rgba(15,42,68,.04)}.trial-step b{color:#1671a7;font-size:12px;letter-spacing:.1em}.trial-step h3{margin:20px 0 10px}.trial-step p{font-size:14px;margin-bottom:0}.pricing{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{padding:28px;border:1px solid #e0e8ef;border-radius:20px;box-shadow:0 12px 32px rgba(15,41,70,.045);display:flex;flex-direction:column}.plan.featured{background:linear-gradient(155deg,#103659,#1b4b79);border-color:#16436f;box-shadow:0 20px 45px rgba(14,48,84,.16);color:#fff}.plan.featured p,.plan.featured li,.plan.featured small{color:#daebf5}.plan h3{font-size:27px;margin:2px 0 8px}.plan p{font-size:14px;min-height:70px}.plan .price-note{font-size:20px;font-weight:850;display:block;margin:20px 0 22px;letter-spacing:-.03em}.plan ul{padding:0;margin:0 0 25px;list-style:none}.plan li{font-size:13px;color:#587389;margin:11px 0}.plan li:before{content:'✓';color:#12a99c;font-weight:900;padding-right:10px}.plan .btn{margin-top:auto}.plan.featured .btn{background:#fff;color:#154876}.faq{background:#f5f8fb}.faq-grid{max-width:850px;margin:auto}.faq details{background:#fff;border:1px solid #dfe8ef;border-radius:13px;margin:9px 0;padding:18px 22px}.faq summary{cursor:pointer;font-weight:760;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#176bab;font-weight:600;font-size:24px}.faq details[open] summary:after{content:'–'}.faq p{font-size:14px;margin:15px 0 0}.final{padding:70px 0;background:linear-gradient(135deg,#0c2c4f,#154d83);color:#fff}.final .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.final h2{margin:0 0 12px;color:#fff}.final p{color:#c1dbeb;margin:0}.final .btn{background:#fff;color:#154d82}.footer{padding:32px 0;background:#0b243d;color:#d2e2ee}.footer .container{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer .brand-text{color:white}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#c5d8e6}.footer-note{font-size:11px;color:#8da9c0;margin-top:15px}
/* responsive */
@media(max-width:1120px){.main-nav{gap:21px}.feature-window{grid-template-columns:205px minmax(0,1fr);padding:18px;gap:16px}.feature-detail{padding:23px;gap:18px}.weather-block{grid-template-columns:38% 62%}.weather-side{padding:24px}.hero-grid{gap:24px}}
@media(max-width:900px){.main-nav,.login{display:none}.menu-btn{display:block}.mobile-nav.open{display:grid;position:absolute;top:79px;right:0;left:0;background:white;border-bottom:1px solid #dfe6ed;padding:14px 22px 20px;gap:2px;box-shadow:0 14px 30px rgba(11,39,71,.1)}.mobile-nav a{font-size:14px;font-weight:750;padding:12px 16px;border-radius:10px;color:#294c69}.mobile-nav a:hover{background:#f2f6fa}.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{max-width:660px}.hero .lead{max-width:680px}.hero-stage{max-width:690px;margin:0 auto;width:100%}.hero-benefits{margin-top:16px}.feature-window{grid-template-columns:1fr}.feature-list{display:flex;flex-wrap:wrap}.feature-list button{width:auto}.feature-detail{min-height:340px}.weather-block{grid-template-columns:1fr}.weather-photo{min-height:290px}.weather-photo img{object-position:center 35%}.weather-side{padding:25px}.adjust-grid{gap:27px}.mobile-wrap{gap:30px}.audience-copy{padding:30px}}
@media(max-width:680px){.container{width:min(100% - 32px,1160px)}.site-header{height:68px}.head-right .btn{padding:10px 12px;font-size:11px}.head-right .btn .icon{display:none}.mobile-nav.open{top:68px}.brand img{width:31px;height:33px}.brand-text{font-size:22px}.hero{padding:48px 0 40px}.hero h1{font-size:clamp(40px,10.4vw,57px);margin-top:18px}.hero .lead{font-size:15px}.hero-actions{gap:8px}.hero-actions .btn{width:100%}.hero-stage{padding:5px 6px 50px 0}.stage-desktop{border-radius:13px;padding:6px}.stage-desktop img{border-radius:7px}.stage-mobile{width:25%;right:3px;bottom:6px}.hero-benefits{grid-template-columns:1fr;gap:0}.hero-benefit{padding:15px 19px}.hero-benefit+.hero-benefit{border-left:0;border-top:1px solid #e7edf2}.section{padding:70px 0}.section-header{margin-bottom:30px}.section-header h2{font-size:clamp(29px,8vw,40px)}.section-header p{font-size:14px}.problem-grid,.trial-steps,.pricing-grid{grid-template-columns:1fr}.problem-card{padding:23px}.problem-card .icon{margin-bottom:18px}.feature-tabs{display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:0 0 5px;gap:3px}.feature-tab{flex:0 0 auto;padding:14px 12px;font-size:12px}.feature-window{padding:12px;gap:12px}.feature-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:7px}.feature-list button{white-space:nowrap;padding:11px;min-height:43px;font-size:12px}.feature-detail{grid-template-columns:1fr;gap:18px;padding:20px}.feature-detail-text h3{font-size:27px}.feature-display{min-height:240px}.weather-block{border-radius:20px}.weather-photo{min-height:250px}.weather-overlay{left:18px;right:18px;bottom:18px}.weather-overlay h3{font-size:23px}.weather-side{padding:17px}.weather-now strong{font-size:17px}.weather-badge{font-size:10px}.forecast{gap:4px}.forecast-item{padding:8px 3px}.forecast-item small{font-size:9px}.audience-pills{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.audience-btn{flex:0 0 auto}.audience-panel{grid-template-columns:1fr}.audience-copy{padding:26px}.audience-copy h3{font-size:28px}.audience-media img{height:250px;min-height:0}.adjust-grid,.mobile-wrap{grid-template-columns:1fr}.modules{gap:7px}.module{font-size:11px}.mobile-visual{min-height:390px}.mobile-visual img{max-height:360px}.final .container{flex-direction:column;align-items:flex-start}.footer .container{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto !important;transition:none !important;animation:none !important}}

/* v1.16: Refinements based on user review */
.container{width:min(1300px,calc(100% - 64px))}
.site-header{height:85px}.brand{gap:13px}.brand img{width:56px;height:55px}.brand-text{font-weight:950;font-size:34px;letter-spacing:-.058em;color:#0d2945}
.main-nav{gap:30px}.main-nav a{font-size:13px}
.hero{padding:67px 0 70px;background:radial-gradient(ellipse 59% 75% at 82% 41%,#e8f5fb 0%,rgba(232,245,251,0) 84%),linear-gradient(180deg,#fff 0%,#f8fbfd 100%)}
.hero-grid{grid-template-columns:minmax(0,.83fr) minmax(0,1.23fr);gap:25px;align-items:center}
.hero h1{font-size:clamp(47px,4.3vw,69px);line-height:1.07;letter-spacing:-.059em}.hero .lead{max-width:530px}
.hero-stage{margin:0 -14px 0 0;padding:12px 4px 62px 0}
.stage-desktop{width:100%;padding:10px;border-radius:21px;box-shadow:0 31px 75px rgba(22,54,88,.17)}.stage-desktop img{border-radius:11px}
.stage-mobile{right:-16px;bottom:-9px;width:27%;max-width:194px;filter:drop-shadow(0 21px 23px rgba(17,32,50,.27))}
.section-header h2{font-size:clamp(36px,3.8vw,52px);font-weight:850;letter-spacing:-.047em}
.features{background:linear-gradient(180deg,#f3f7fb,#fff 78%)}
.features .section-header h2{max-width:880px;margin:15px auto;font-size:clamp(37px,4.1vw,56px)}
.features .section-header{margin-bottom:24px}
.journey-band{display:flex;align-items:center;justify-content:space-between;gap:0;margin:22px auto 46px;padding:17px 21px;border:1px solid #dae5f0;border-radius:20px;background:#fff;box-shadow:0 18px 44px rgba(11,43,78,.08)}
.journey-step{display:flex;align-items:center;gap:10px;padding:7px 12px;min-width:0}
.journey-n{font-size:21px;font-weight:900;color:#1b65a9;letter-spacing:-.05em}.journey-step div{display:flex;flex-direction:column;gap:3px}.journey-step strong{font-size:14px;font-weight:850;color:#173c62;white-space:nowrap}.journey-step small{font-size:11px;color:#71879b}.journey-link{font-size:22px;color:#9bb6cd;flex:0 0 auto}
.feature-tabs{border-color:#dbe5ee;max-width:none;gap:10px}.feature-tab{font-size:14px;padding:17px 23px}.feature-tab[aria-selected="true"]{background:#fff;color:#135799;box-shadow:inset 0 -3px #14b6b0}
.feature-window{border-radius:0 0 22px 22px;background:#fff;border-color:#dce6ef;grid-template-columns:245px minmax(0,1fr);gap:22px;padding:24px;box-shadow:0 24px 62px rgba(12,43,77,.08)}
.feature-detail{grid-template-columns:1fr 1.18fr;border-radius:19px;padding:29px 27px;background:#f7fafc}.feature-detail h3{font-weight:850;font-size:clamp(26px,2.3vw,35px)}.feature-display{min-height:375px}
/* Distinct, dark branch selector in the spirit of proven B2B navigation patterns. */
.craft-section{padding:96px 0 106px;background:linear-gradient(132deg,#101820 0%,#162432 50%,#101a27 100%);color:#fff;position:relative;overflow:hidden}
.craft-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 50% at 88% 25%,rgba(18,144,158,.11),transparent);pointer-events:none}
.craft-section .container{position:relative;z-index:1}
.craft-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}.craft-heading>div{max-width:900px}
.craft-eyebrow{display:inline-block;color:#71d8d6;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:850;margin-bottom:16px}
.craft-heading h2{color:white;font-size:clamp(36px,3.55vw,52px);line-height:1.12;margin:0 0 15px;font-weight:850;letter-spacing:-.055em}
.craft-heading h2 em{color:#78dcdb;font-style:normal}
.craft-heading p{color:#b6c5d0;font-size:15px;line-height:1.67;max-width:800px;margin:0}
.craft-cta{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#8bdeda;font-size:13px;font-weight:850;padding-bottom:8px}.craft-cta .icon{width:16px}
.craft-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.14);padding:0 0 0;justify-content:flex-start;overscroll-behavior-x:contain}
.craft-tabs::-webkit-scrollbar{display:none}
.craft-tab{background:transparent;color:#e0e6ec;font-weight:780;font-size:14px;padding:17px 20px;border:0;border-bottom:3px solid transparent;flex:0 0 auto;white-space:nowrap;transition:background .15s,color .15s}
.craft-tab:hover{color:#fff;background:rgba(255,255,255,.045)}
.craft-tab[aria-selected="true"]{background:rgba(255,255,255,.075);color:#fff;border-bottom-color:#62d5d2}
.craft-tab:focus-visible{outline:2px solid #71d8d6;outline-offset:-4px}
.craft-window{padding:28px 0 0}.craft-panel{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);background:linear-gradient(130deg,#273441,#1e2a37);border:1px solid rgba(255,255,255,.095);border-radius:24px;overflow:hidden;min-height:420px;box-shadow:0 25px 65px rgba(0,0,0,.17)}
.craft-panel[hidden]{display:none !important}
.craft-image{position:relative;min-height:420px;overflow:hidden;background:#162636}.craft-image img{height:100%;width:100%;object-fit:cover;object-position:center 38%;position:absolute;inset:0;display:block;transition:transform .6s ease}
.craft-panel:hover .craft-image img{transform:scale(1.027)}
.craft-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 67%,rgba(0,15,31,.34))}
.craft-image-rule{position:absolute;z-index:1;bottom:18px;left:20px;font-weight:800;letter-spacing:.085em;text-transform:uppercase;font-size:10px;color:#fff;background:rgba(8,25,40,.65);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 12px;backdrop-filter:blur(7px)}
.craft-copy{padding:46px clamp(26px,3.4vw,56px) 39px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.craft-kicker{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.10em;color:#78dcd5;margin-bottom:13px}
.craft-copy h3{font-size:clamp(28px,2.4vw,36px);line-height:1.17;color:#fff;margin:0 0 13px;letter-spacing:-.04em;font-weight:820}
.craft-copy p{font-size:15px;line-height:1.72;color:#cad3de;margin:0 0 19px}
.craft-points{margin:0 0 25px;padding:0;list-style:none;display:grid;gap:12px}
.craft-points li{display:flex;align-items:flex-start;gap:11px;color:#f6f9fc;font-weight:700;font-size:14px;line-height:1.4}
.craft-points .icon{color:#73ded6;width:18px;height:18px;stroke-width:2.6}
.craft-link{display:inline-flex;gap:9px;align-items:center;font-size:14px;font-weight:850;color:#7ce3df;border-bottom:1px solid rgba(124,227,223,.5);padding:8px 0}
.craft-link .icon{width:16px;height:16px}
/* Weather: less futuristic/synthetic, more actual roofing work */
.weather{background:#f7fafc}.weather-photo img{filter:brightness(.72) saturate(.78);object-position:center 44%}
.weather-photo:after{inset:0;background:linear-gradient(180deg,rgba(5,21,32,.08),rgba(5,21,32,.18) 36%,rgba(5,21,32,.89))}
.weather-overlay h3{font-weight:850;font-size:clamp(27px,2.3vw,34px);letter-spacing:-.038em}
.weather-block{box-shadow:0 23px 65px rgba(18,48,75,.09);border-radius:27px;overflow:hidden}
.weather-badge{background:#fff1d8 !important;border-color:#f5d8a3 !important;color:#90611f !important}
.weather-reco{border:1px solid #d4e8e7;background:linear-gradient(140deg,#f2fbfa,#fff)}
/* Audience a little lighter after the dark photographic industry panel */
.audience{background:#fff}.audience .section-header h2{font-size:clamp(34px,3.2vw,44px)}
@media (max-width:1150px){.container{width:min(1200px,calc(100% - 44px))}.hero-grid{grid-template-columns:.91fr 1.09fr;gap:20px}.hero h1{font-size:clamp(42px,4.65vw,61px)}.journey-step{padding:6px 5px}.journey-step strong{font-size:12px}.journey-step small{font-size:10px}.craft-tab{padding:15px 15px}.feature-window{grid-template-columns:210px minmax(0,1fr)}.feature-detail{gap:15px}}
@media (max-width:880px){.hero-grid{grid-template-columns:1fr}.hero-stage{max-width:850px;margin:20px 0 0;padding:10px 10px 62px}.hero h1{font-size:clamp(42px,7vw,67px)}.stage-mobile{right:0}.journey-band{flex-wrap:wrap;gap:10px;justify-content:center}.journey-step{min-width:42%}.journey-link:nth-of-type(4){display:none}.feature-window{grid-template-columns:1fr}.craft-heading{display:block}.craft-cta{margin-top:19px}.craft-panel{grid-template-columns:1fr}.craft-image{min-height:365px}.craft-copy{padding:32px 30px}.craft-tabs{margin:0 -12px;padding:0 12px}.craft-section{padding:78px 0 85px}}
@media (max-width:640px){.container{width:calc(100% - 34px)}.site-header{height:69px}.brand img{height:41px;width:43px}.brand-text{font-size:26px;letter-spacing:-.055em}.hero{padding:45px 0 52px}.hero h1{font-size:clamp(39px,10.6vw,52px)}.hero-stage{padding:10px 6px 40px}.stage-desktop{padding:5px}.stage-mobile{width:27%;bottom:2px;right:-3px}.journey-band{padding:13px 10px;margin-bottom:24px;border-radius:15px}.journey-step{min-width:42%;padding:7px 4px}.journey-step strong{font-size:11px}.journey-step small{font-size:10px}.journey-n{font-size:17px}.journey-link{display:none}.features .section-header h2{font-size:34px}.feature-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;max-width:100%;gap:2px}.feature-tab{padding:15px 14px}.feature-window{padding:12px}.feature-detail{grid-template-columns:1fr;padding:22px 16px}.feature-display{min-height:258px}.craft-section{padding:60px 0 67px}.craft-heading h2{font-size:34px}.craft-heading p{font-size:14px}.craft-tab{font-size:13px;padding:15px 12px}.craft-window{padding-top:15px}.craft-panel{border-radius:16px}.craft-image{min-height:250px}.craft-copy{padding:29px 23px}.craft-copy h3{font-size:27px}.craft-copy p{font-size:14px}.craft-points li{font-size:13px}.weather-photo{min-height:330px}}

/* RONEVO v1.17 — brand refresh and careful Gewerke image framing.
   Main: #081521. Accent: #08939F. Existing structure and interactions preserved. */

:root {
  --ink:#081521;
  --muted:#526a74;
  --blue:#08939f;
  --deep:#081521;
  --teal:#08939f;
  --pale:#f3f9f9;
  --line:#dce9e9;
  --sh:0 18px 50px rgba(8,21,33,.08);
}
::selection {background:rgba(8,147,159,.22);color:#081521}
body {color:#081521;background:#ffffff}
p {color:#526a74}
.eyebrow,.link-arrow {color:#087e89}
.pill {background:#eaf6f6;color:#096f77}
.pill .small-dot {background:#08939f}
.btn-primary {
  background:linear-gradient(115deg,#0b7180 0%,#08939f 55%,#04616c 100%);
  box-shadow:0 12px 30px rgba(8,147,159,.20);
}
.btn-primary:hover {background:linear-gradient(115deg,#09616c 0%,#0a9daa 60%,#085965 100%);box-shadow:0 18px 36px rgba(8,147,159,.29)}
.btn-secondary {color:#081521;border-color:#cfe1e2;background:#fff}
.site-header {border-bottom:1px solid #e5eeee;background:rgba(255,255,255,.96)}
.brand-text {color:#081521}
.main-nav a,.login {color:#1c3841}
.main-nav a:hover,.login:hover {color:#08939f}
.menu-btn {color:#081521}
.hero {
 background:
   radial-gradient(ellipse 56% 79% at 87% 40%,rgba(8,147,159,.115) 0%,rgba(8,147,159,0) 82%),
   linear-gradient(145deg,#fff 0%,#f8fbfb 62%,#eef8f8 100%);
}
.hero h1 {color:#081521}
.hero h1 span {color:#08939f}
.hero-perks .icon,.hero-benefit .icon {color:#08939f}
.hero-benefits {border-color:#e3eded;box-shadow:0 15px 40px rgba(8,21,33,.045)}
.hero-benefit + .hero-benefit {border-color:#e5eeee}
.stage-desktop {border-color:#dce9e9;box-shadow:0 31px 75px rgba(8,21,33,.15)}
.trust-mini strong {color:#18333c}
.problem {background:linear-gradient(180deg,#f2f7f7,#f7fafb)}
.problem-card {border-color:#e2eeee}
.problem-card .icon {color:#08939f}
.features {background:linear-gradient(180deg,#f3fafa 0%,#fff 78%)}
.section-header h2 {color:#081521}
.journey-band {border-color:#d7e8e8;box-shadow:0 18px 44px rgba(8,21,33,.07)}
.journey-n {color:#08939f}
.journey-step strong {color:#081521}
.journey-link {color:#9cbec0}
.feature-tab[aria-selected="true"] {color:#056a75;background:#fff;box-shadow:inset 0 -3px #08939f}
.feature-window {border-color:#d9e8e8}
.feature-list button.active {color:#066f7a;border-color:#d5e8e8}
.feature-list button.active .icon {color:#08939f}
.feature-detail {border-color:#e2eded;background:#f6fafa}
.feature-detail-text small {color:#087d89}
.feature-points .icon,.feature-ui-row strong {color:#08939f}
.feature-ui-stats strong {color:#087e89}
.feature-display {background:#edf6f6;border-color:#d8e8e8}
.feature-ui-status {background:#e0f3ef;color:#066e64}
.weather {background:linear-gradient(180deg,#f6fafa,#eef6f6)}
.weather-block {border-color:#d9e9e9;box-shadow:0 22px 60px rgba(8,21,33,.08)}
.weather-now {background:linear-gradient(115deg,#f0f8f8,#e6f3f3)}
.weather-now .icon,.weather-city,.weather-reco .icon,.weather-reco strong,.weather-reco-tag {color:#087c87}
.weather-reco {background:linear-gradient(145deg,#eff9f9,#fff);border-color:#cfe5e5}
.weather-alert {background:#fffaf2}
.forecast-item:not(.active) .icon {color:#08939f}
.audience-btn[aria-selected="true"] {background:#e5f4f4;color:#087b86;border-color:#afdfe0}
.audience-copy h3 {color:#081521}
.adjust,.mobile-simplified,.trial {background:#f6fafa}
.module.active,.module[aria-pressed="true"] {background:#e7f5f5;border-color:#a5dadc;color:#075964}
.mobile-wrap .icon,.trial-step b {color:#08939f}
.plan.featured {background:linear-gradient(145deg,#081521 0%,#0b2930 58%,#0a4349 100%);border-color:#103d43;box-shadow:0 23px 53px rgba(8,21,33,.18)}
.plan.featured .btn {color:#081521}
.plan li:before {color:#08939f}
.faq {background:#f5f9f9}
.faq summary:after {color:#08939f}
.final {background:linear-gradient(120deg,#081521 0%,#0b343b 60%,#09636d 100%)}
.final .btn {color:#081521}
.footer {background:#081521}
.footer-links a {color:#c2d9da}

/* Gewerke: premium dark-blue-to-teal palette, same content and click behavior. */
.craft-section {
  background:
    radial-gradient(ellipse 68% 54% at 87% 4%,rgba(8,147,159,.26) 0%,rgba(8,147,159,0) 77%),
    radial-gradient(ellipse 53% 40% at 6% 94%,rgba(8,147,159,.12) 0%,rgba(8,147,159,0) 86%),
    linear-gradient(132deg,#081521 0%,#0a1d26 51%,#0b3039 100%);
}
.craft-section:before {background:radial-gradient(ellipse 39% 58% at 95% 35%,rgba(8,147,159,.14),transparent)}
.craft-eyebrow,.craft-kicker {color:#73d5d7}
.craft-heading h2 em {color:#60cad0}
.craft-heading p {color:#bfced1}
.craft-cta,.craft-link {color:#7dd5d9}
.craft-tab:hover {background:rgba(8,147,159,.10)}
.craft-tab[aria-selected="true"] {
  background:linear-gradient(180deg,rgba(8,147,159,.09),rgba(8,147,159,.20));
  border-bottom-color:#08939f;
}
.craft-tab:focus-visible {outline-color:#5ed6db}
.craft-panel {
  background:linear-gradient(134deg,#10242d 0%,#10252e 48%,#0c3038 100%);
  border-color:rgba(123,207,211,.16);
  box-shadow:0 25px 65px rgba(0,0,0,.20);
}
.craft-image {background:#0c232d}
/* More headroom and more of the original photographs, without distortion or blank bars. */
.craft-panel {min-height:475px}
.craft-image {min-height:475px}
.craft-image img {
  object-fit:cover;
  object-position:center 5%;
  transform:none;
  transition:filter .25s ease;
}
.craft-panel:hover .craft-image img {transform:none;filter:saturate(1.04)}
.craft-points .icon {color:#66ced1}
.craft-image-rule {background:rgba(8,21,33,.77);border-color:rgba(95,206,209,.25)}
.craft-link {border-bottom-color:rgba(125,213,217,.40)}
@media (max-width:880px) {
 .craft-panel {min-height:0}
 .craft-image {min-height:420px}
 .craft-image img {object-position:center 4%}
 .mobile-nav.open {border-color:#d9e8e8}
}
@media (max-width:640px) {
 .craft-image {min-height:325px}
 .craft-image img {object-position:center top}
 .craft-panel {min-height:0}
 .craft-tab[aria-selected="true"] {border-bottom-color:#08939f}
 .hero-benefit+.hero-benefit {border-color:#e3eeee}
}


/* v1.18: price options & restrained header-brand adjustment only */
header.site-header .brand {gap:9px}
header.site-header .brand img {width:39px;height:39px;object-fit:contain}
header.site-header .brand-text {font-size:29px;letter-spacing:-.065em;font-weight:950;color:#066f78;line-height:1}
.pricing{padding-top:94px;padding-bottom:100px;background:linear-gradient(180deg,#f8fbfb 0%,#ffffff 70%)}
.prices-heading{text-align:center;margin:0 auto 26px;max-width:760px}
.prices-heading .eyebrow{color:#087f89}
.prices-heading h2{margin-bottom:15px}
.prices-heading p{max-width:650px;margin-left:auto;margin-right:auto;color:#647881}
.price-toolbar{display:flex;justify-content:center;align-items:stretch;gap:14px;flex-wrap:wrap;margin:0 auto 34px}
.billing-control,.addon-control{display:flex;align-items:center;gap:18px;padding:13px 18px;background:#fff;border:1px solid #dbe9e9;box-shadow:0 8px 25px rgba(8,21,33,.04);border-radius:16px}
.billing-copy,.addon-copy{display:flex;flex-direction:column;gap:1px;line-height:1.35}
.billing-copy>span,.addon-copy>span{color:#60757e;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.billing-copy strong,.addon-copy strong{font-size:13px;color:#081521;font-weight:850}
.addon-copy small{color:#6b8189;font-size:11px}
.billing-toggle{display:inline-flex;align-items:center;gap:3px;padding:4px;background:#edf4f4;border:1px solid #dbe8e8;border-radius:12px;white-space:nowrap}
.period-option{min-height:43px;display:flex;align-items:center;gap:8px;border:0;border-radius:9px;padding:8px 12px;background:transparent;color:#415a64;font-size:13px;font-weight:800;transition:background .2s,color .2s,box-shadow .2s}
.period-option:hover{background:#e4efef}
.period-option.active{background:#fff;color:#081521;box-shadow:0 3px 9px rgba(8,21,33,.10)}
.discount-pill{font-size:10px;padding:4px 7px;border-radius:6px;color:#067b79;background:#def4ed;font-weight:850}
.addon-switch{flex:none;width:49px;height:28px;display:inline-flex;align-items:center;border:0;border-radius:18px;background:#b7cbd0;padding:3px;transition:background .2s}
.addon-switch i{width:22px;height:22px;display:block;background:white;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.15);transition:transform .2s}
.addon-switch[aria-checked="true"]{background:#08939f}
.addon-switch[aria-checked="true"] i{transform:translateX(21px)}
.pricing-grid.pricing-grid-v118{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan.plan-v118{padding:28px 26px 25px;position:relative;border:1px solid #dce8e9;border-radius:20px;background:#fff;box-shadow:0 14px 37px rgba(8,21,33,.055);display:flex;flex-direction:column;min-width:0;overflow:visible;color:#112937}
.plan.plan-v118.featured{padding-top:39px;background:linear-gradient(150deg,#081521 0%,#0b2831 60%,#0c434b 100%);border:1px solid #13424a;color:#fff;box-shadow:0 25px 58px rgba(8,21,33,.20);transform:translateY(-9px)}
.plan .recommend-flag{position:absolute;top:-16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:7px;min-width:156px;min-height:30px;padding:5px 15px;background:#08939f;border-radius:8px;color:white;font-size:11px;font-weight:850;letter-spacing:.03em;white-space:nowrap;box-shadow:0 6px 15px rgba(8,147,159,.23)}
.recommend-flag .icon{height:14px;width:14px;stroke-width:3}
.plan-header{min-height:124px}
.plan-kicker{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.10em;font-weight:850;color:#078693;margin-bottom:7px}
.plan-v118 h3{font-size:29px;letter-spacing:-.045em;margin:0 0 8px;color:#081521;font-weight:850}
.plan-v118 .plan-header p{font-size:13px;line-height:1.55;color:#5c737e;margin:0}
.plan-v118.featured .plan-kicker{color:#7bdce0}
.plan-v118.featured h3{color:#fff}
.plan-v118.featured .plan-header p{color:#bed3d6}
.plan-pricing{padding:20px 0 18px;border-bottom:1px solid #dfebeb}
.plan-v118.featured .plan-pricing{border-bottom-color:rgba(255,255,255,.16)}
.plan-price{display:flex;align-items:baseline;gap:4px;white-space:nowrap;color:#081521}
.plan-price .currency{font-size:22px;font-weight:850;color:#223d46;align-self:center;margin-right:5px}
.plan-price strong{font-size:52px;line-height:1;letter-spacing:-.06em;font-weight:880;font-variant-numeric:tabular-nums}
.plan-price .price-unit{margin-left:4px;font-size:13px;font-weight:700;color:#6b818b}
.plan-v118.featured .plan-price,.plan-v118.featured .plan-price .currency{color:#fff}
.plan-v118.featured .plan-price .price-unit{color:#c8dcde}
.plan .price-billing{margin-top:10px;min-height:32px;color:#5f737d;font-size:11px;font-weight:700;line-height:1.5}
.plan-v118.featured .price-billing{color:#b7d0d4}
.seat-block{padding:16px 0;border-bottom:1px solid #e1eded}
.plan-v118.featured .seat-block{border-color:rgba(255,255,255,.16)}
.seat-block>strong,.features-caption{display:block;font-size:11px;color:#5d737d;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.plan-v118.featured .seat-block>strong,.plan-v118.featured .features-caption{color:#9ebdc0}
.seat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;font-size:13px;font-weight:700;color:#25434b}
.seat-row span{display:inline-flex;align-items:center;gap:8px}
.seat-row .icon{height:16px;width:16px;color:#08939f}
.seat-row b{font-size:14px;color:#081521;font-weight:850}
.plan-v118.featured .seat-row{color:#eaf3f3}
.plan-v118.featured .seat-row b{color:white}
.plan-v118.featured .seat-row .icon{color:#64c9cc}
.plan-features{padding:18px 0 6px;flex:1}
.plan.plan-v118 .plan-features ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.plan.plan-v118 .plan-features li{display:flex;gap:9px;align-items:start;font-size:12px;line-height:1.45;font-weight:650;color:#324e57;position:relative;padding:0}
.plan.plan-v118 .plan-features li:before{content:'✓';color:#078b93;font-size:13px;font-weight:900;display:inline-block;position:static;line-height:1.35}
.plan-v118.featured .plan-features li{color:#edf6f6}
.plan-v118.featured .plan-features li:before{color:#72d7d9}
.plan-bottom{margin-top:24px;display:flex;flex-direction:column;gap:11px}
.phone-indicator{display:flex;align-items:center;gap:8px;color:#59707a;font-size:11px;min-height:34px;line-height:1.45;font-weight:750}
.phone-indicator .icon{color:#08939f;width:15px;height:15px}
.plan-v118.featured .phone-indicator{color:#d1e4e4}
.plan-v118.featured .phone-indicator .icon{color:#75dadd}
.phone-indicator.added{color:#096f78;font-weight:800}
.plan-v118.featured .phone-indicator.added{color:#89e6e7}
.plan-v118 .price-cta{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border-radius:10px;min-height:50px;padding:11px 12px;font-size:13px;white-space:nowrap;font-weight:850}
.plan-v118 .price-cta .icon{height:16px;width:16px}
.plan-v118 .price-cta.btn-secondary{border:1px solid #c5dadb;color:#0a6874;background:#fff}
.plan-v118 .price-cta.btn-secondary:hover{background:#eef8f8;border-color:#08939f}
.plan-v118 .price-cta.btn-primary{background:linear-gradient(110deg,#07959f,#08717d);color:white;box-shadow:0 10px 24px rgba(8,147,159,.25)}
.plan-bottom small{font-size:10px;text-align:center;color:#7a8e94;line-height:1.3}
.plan-v118.featured .plan-bottom small{color:#adccce}
.pricing-footnotes{margin:23px auto 0;max-width:1050px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pricing-footnotes p{margin:0;background:#f2f8f8;border:1px solid #deebeb;padding:14px 16px;border-radius:12px;color:#526a73;font-size:12px;line-height:1.55;display:flex;gap:10px;align-items:start}
.pricing-footnotes .icon{color:#08939f;flex:none;width:17px;height:17px;margin-top:2px}
.pricing-vat{text-align:center;color:#72848b;font-size:11px;line-height:1.5;margin:20px auto 0}
@media(max-width:1060px){.pricing-grid.pricing-grid-v118{gap:10px}.plan.plan-v118{padding:25px 17px 21px}.plan.plan-v118.featured{padding-top:37px}.plan-header{min-height:142px}.plan-price strong{font-size:44px}.price-toolbar{gap:12px}.billing-control,.addon-control{padding:12px}}
@media(max-width:760px){header.site-header .brand img{width:34px;height:34px}header.site-header .brand-text{font-size:26px;letter-spacing:-.065em}.pricing-grid.pricing-grid-v118{grid-template-columns:1fr;gap:24px;max-width:470px;margin:0 auto}.plan.plan-v118{padding:27px 24px}.plan.plan-v118.featured{transform:none;padding-top:38px}.plan-header{min-height:0}.plan-price strong{font-size:52px}.billing-control{flex-wrap:wrap;justify-content:center}.billing-copy{text-align:center}.price-toolbar{flex-direction:column;align-items:center;gap:12px}.addon-control{justify-content:space-between;width:min(100%,450px)}.pricing-footnotes{grid-template-columns:1fr}.pricing{padding-top:72px;padding-bottom:70px}}
@media(max-width:400px){.billing-toggle{max-width:100%;width:100%;justify-content:center}.period-option{font-size:12px;padding:9px}.discount-pill{font-size:9px;padding:3px 4px}.plan-price strong{font-size:48px}}

/* v1.19 – only new AI/time sections + tariff expansion. Existing design stays intact. */
.ai-story{background:linear-gradient(135deg,#f7fbfb,#eff7f8);padding:98px 0;position:relative;overflow:hidden}
.ai-story:before{content:"";position:absolute;right:-230px;top:-250px;width:660px;height:660px;border-radius:50%;background:radial-gradient(circle,rgba(8,147,159,.085),transparent 72%);pointer-events:none}
.ai-story-layout{display:grid;grid-template-columns:.98fr 1.02fr;gap:clamp(30px,6vw,90px);align-items:center;position:relative}
.ai-story-copy{max-width:600px}
.ai-story-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.ai-story-brand img{width:54px;height:54px;border-radius:17px;object-fit:cover;box-shadow:0 10px 23px rgba(8,21,33,.13)}
.ai-story-brand>div{display:flex;flex-direction:column;gap:2px}
.ai-story-label{font-size:10px;font-weight:850;letter-spacing:.085em;color:#0a7d87}
.ai-story-brand strong{font-size:17px;color:#081521;font-weight:900}
.ai-story h2{font-size:clamp(33px,3.45vw,53px);line-height:1.11;letter-spacing:-.052em;font-weight:900;color:#081521;margin:0 0 20px}
.ai-story h2 em{color:#098d98;font-style:normal}
.ai-story-copy>p{color:#536c75;font-size:16px;line-height:1.78;max-width:590px;margin:0 0 25px}
.ai-story-benefits{display:grid;gap:14px}
.ai-story-benefits>div{display:flex;align-items:start;gap:12px;color:#233f48;font-weight:720;font-size:14px;line-height:1.55}
.ai-story-benefits .icon{width:19px;height:19px;color:#08939f;flex:none;margin-top:1px;stroke-width:2.7}
.ai-story-divider{display:flex;align-items:start;gap:10px;margin-top:28px;border-top:1px solid #d5e4e5;padding-top:19px;color:#607982;font-size:12px;line-height:1.6}
.ai-story-divider .icon{width:18px;height:18px;color:#0e818a;flex:none;margin-top:1px}
.ai-story-demo{background:#081521;color:white;border:1px solid #163b43;border-radius:27px;padding:19px;box-shadow:0 28px 80px rgba(8,21,33,.18);position:relative;min-width:0}
.ai-panel-head{display:flex;align-items:center;gap:10px;padding:2px 2px 17px;border-bottom:1px solid rgba(255,255,255,.13)}
.ai-panel-icon img{width:39px;height:39px;border-radius:13px;display:block}
.ai-panel-head>div:not(.ai-panel-icon){display:flex;flex-direction:column;gap:3px}
.ai-panel-head strong{color:#fff;font-size:15px;font-weight:850}
.ai-panel-head small{color:#a4c0c6;font-size:11px}
.ai-panel-state{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#a7e6d9;font-size:10px;font-weight:800}
.ai-panel-state i{width:6px;height:6px;border-radius:50%;background:#40caa2;box-shadow:0 0 0 4px rgba(64,202,162,.15)}
.ai-panel-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}
.ai-example{font-size:11px;font-weight:850;border-radius:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.1);background:#142d37;color:#b4d0d4;cursor:pointer}
.ai-example:hover{color:#fff;background:#1b404a}
.ai-example.active{background:#e0f2f1;color:#075766;border-color:#8acccd}
.ai-panel-surface{background:#f8fbfc;color:#142e37;border-radius:17px;padding:20px}
.ai-demo-kicker{font-size:10px;color:#67848b;font-weight:900;letter-spacing:.1em;margin-bottom:10px}
.ai-input-line{display:flex;gap:12px;align-items:flex-start;background:white;border:1px solid #dfe9eb;border-radius:12px;padding:14px;font-weight:730;font-size:13px;line-height:1.55;min-height:71px}
.ai-input-line .icon{width:19px;height:19px;color:#08939f;flex:none}
.ai-connection{display:flex;align-items:center;gap:12px;justify-content:center;margin:17px 0}
.ai-connection>span{height:1px;background:#c7dfe0;flex:1}
.ai-connection strong{font-size:11px;color:#087e89;white-space:nowrap}
.ai-detected{background:#edf6f6;border:1px solid #cfe8e8;border-radius:14px;padding:14px}
.ai-detected>div{display:flex;gap:8px;flex-wrap:wrap}
.ai-detected b{font-size:11px;border-radius:6px;padding:7px 9px;color:#0c6a72;background:#d9eeee}
.ai-detected p{font-size:12px;color:#4a666f;line-height:1.58;margin:12px 0 0}
.ai-result-line{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #dce8ea;align-items:start}
.ai-result-line>.icon{width:20px;height:20px;color:#078f7b;flex:none}
.ai-result-line div{display:flex;flex-direction:column;gap:5px}
.ai-result-line span{font-size:10px;font-weight:900;letter-spacing:.07em;color:#6b8187}
.ai-result-line strong{color:#123d43;font-size:13px;line-height:1.45}
.ai-panel-bottom{display:flex;gap:8px;align-items:center;padding:16px 5px 2px;font-size:11px;color:#bad1d4;line-height:1.5}
.ai-panel-bottom .icon{width:16px;height:16px;color:#62d1d4;flex:none}
.time-story{background:linear-gradient(135deg,#081521 0%,#092a33 62%,#0a4950 100%);padding:92px 0;color:#fff;position:relative;overflow:hidden}
.time-story:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;top:-330px;left:-110px;background:radial-gradient(circle,rgba(8,147,159,.22),transparent 73%);pointer-events:none}
.time-story-layout{display:grid;grid-template-columns:1fr .85fr;gap:clamp(40px,7vw,105px);align-items:center;position:relative}
.time-story-copy .eyebrow{color:#75d5d7}
.time-story h2{color:#fff;font-size:clamp(33px,3.45vw,55px);line-height:1.1;letter-spacing:-.05em;font-weight:900;margin:12px 0 18px}
.time-story h2 span{color:#73d6d6}
.time-story-copy>p{font-size:16px;line-height:1.7;color:#b9d0d5;max-width:610px;margin:0 0 29px}
.time-story-list{display:grid;gap:11px}
.time-story-list>div{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.10)}
.time-symbol{width:45px;height:45px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(8,147,159,.20);border:1px solid rgba(109,215,218,.18);flex:none}
.time-symbol .icon{width:21px;height:21px;color:#7cdee0}
.time-story-list>div>div:last-child{display:flex;flex-direction:column;gap:3px}
.time-story-list strong{color:#fff;font-size:14px}
.time-story-list span{color:#b5cbd0;font-size:12px}
.time-calculator{background:linear-gradient(150deg,#fff,#f4faf9);border:1px solid rgba(124,206,211,.30);border-radius:24px;padding:29px 30px;color:#081521;box-shadow:0 30px 70px rgba(0,0,0,.18);min-width:0}
.time-calc-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.time-calc-head>span{color:#0a7d87;font-weight:900;font-size:10px;letter-spacing:.11em}
.calc-clock{width:42px;height:42px;background:#e7f5f5;color:#087e89;border-radius:13px;display:flex;align-items:center;justify-content:center}
.calc-clock .icon{width:20px;height:20px}
.time-calculator h3{color:#081521;font-size:23px;font-weight:870;letter-spacing:-.03em;line-height:1.15;margin:12px 0 7px}
.time-calculator>p{font-size:13px;color:#6d858b;margin:0 0 29px}
.time-calculator label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#294c55;font-size:12px;font-weight:760;margin:25px 0 10px}
.time-calculator label strong{font-size:14px;color:#075f69;white-space:nowrap}
.time-calculator input[type="range"]{width:100%;accent-color:#08939f;cursor:pointer}
.time-ticks{display:flex;justify-content:space-between;color:#91a5aa;font-size:11px}
.time-result{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 21px;margin:28px 0 12px;background:linear-gradient(115deg,#081521,#0b4850);border-radius:15px;color:#fff}
.time-result>div:first-child{display:flex;flex-direction:column;gap:5px}
.time-result span{font-size:12px;color:#b7d7d9;font-weight:740}
.time-result strong{font-size:32px;letter-spacing:-.05em;font-weight:900;color:white}
.time-result-icon{width:44px;height:44px;border-radius:13px;background:rgba(100,213,215,.16);display:flex;align-items:center;justify-content:center;flex:none}
.time-result-icon .icon{width:23px;height:23px;color:#80e0e1}
.time-calculator>small{color:#80979c;font-size:11px;line-height:1.6;display:block}
.license-details{margin:25px 0 0;border:1px solid #d7e7e8;border-radius:17px;background:#fff;box-shadow:0 12px 33px rgba(8,21,33,.045);overflow:hidden}
.license-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 25px}
.license-details>summary::-webkit-details-marker{display:none}
.license-summary-title{display:flex;align-items:center;gap:12px;color:#102f39;font-size:14px}
.license-summary-title .icon{color:#0a8b94;width:21px;height:21px}
.license-summary-link{display:inline-flex;align-items:center;gap:7px;color:#087e89;font-weight:830;font-size:12px;white-space:nowrap}
.license-summary-link .icon{width:14px;height:14px;transition:transform .2s}
.license-details[open] .license-summary-link .icon{transform:rotate(90deg)}
.license-calculator{border-top:1px solid #dfebeb;padding:28px 26px 30px;background:linear-gradient(135deg,#fff,#f8fbfb)}
.license-intro h3{font-size:20px;font-weight:860;color:#081521;letter-spacing:-.03em;margin:0 0 5px}
.license-intro p{color:#5a7480;font-size:13px;margin:0 0 25px}
.license-calc-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:25px;align-items:start}
.license-tier-label{display:block;color:#334d55;font-size:12px;font-weight:850;margin:0 0 8px}
.license-calc-inputs>select{width:100%;height:45px;padding:0 14px;border:1px solid #cddedf;border-radius:10px;background:#fff;color:#0a3038;font-weight:750;font-size:14px}
.license-counter{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #dfebeb}
.license-counter>div:first-child{max-width:350px;display:flex;flex-direction:column;gap:5px}
.license-counter strong{color:#0d323a;font-size:13px}
.license-counter span{color:#657d83;font-size:11px;line-height:1.4}
.license-counter span b{color:#0c7882;font-weight:820;white-space:nowrap}
.license-stepper{display:flex;align-items:center;border:1px solid #d5e6e6;border-radius:10px;overflow:hidden;background:#fff;flex:none}
.license-stepper button{width:34px;height:37px;background:#fff;color:#087e89;border:0;cursor:pointer;font-size:20px;font-weight:800}
.license-stepper button:hover{background:#eaf6f6}
.license-stepper output{min-width:32px;text-align:center;font-size:13px;font-weight:850;color:#081521}
.license-result{background:#0c2830;border-radius:16px;padding:25px;color:white}
.license-result>span{font-size:10px;letter-spacing:.09em;color:#81d6d9;font-weight:900}
.license-result h4{font-size:26px;font-weight:890;color:#fff;margin:9px 0 21px}
.license-row{display:flex;align-items:center;justify-content:space-between;color:#bfd6d9;font-size:13px;margin:12px 0}
.license-row b{color:#fff;font-size:13px}
.license-total{border-top:1px solid rgba(255,255,255,.18);margin-top:22px;padding-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.license-total small{display:block;font-size:11px;color:#b3d1d3;line-height:1.4}
.license-total strong{color:#fff;font-size:36px;line-height:1;letter-spacing:-.04em;white-space:nowrap}
.license-result>p{font-size:11px;color:#bad0d4;line-height:1.5;margin:12px 0 0}
.license-result .license-upgrade{background:#e3f4ef;color:#0a5d57;border-radius:10px;padding:11px;font-weight:750;line-height:1.5}
.license-result .license-upgrade[hidden]{display:none}
.license-result .license-disclaimer{display:block;color:#94b9bf;font-size:10px;line-height:1.55;margin-top:18px}
@media(max-width:960px){.ai-story-layout,.time-story-layout{grid-template-columns:1fr;gap:32px}.ai-story-copy{max-width:none}.ai-story-demo{max-width:670px;margin:0 auto;width:100%}.time-calculator{max-width:650px;margin:auto;width:100%}}
@media(max-width:760px){.ai-story,.time-story{padding:74px 0}.license-calc-grid{grid-template-columns:1fr}.license-details>summary{padding:18px}.license-calculator{padding:23px 17px}.license-result{padding:23px}.ai-story-demo{padding:13px}.ai-panel-surface{padding:15px}.time-calculator{padding:24px 21px}.ai-story h2,.time-story h2{font-size:clamp(33px,7vw,44px)}}
@media(max-width:420px){.ai-story-brand img{width:47px;height:47px}.ai-panel-state{font-size:9px}.ai-example{padding:9px;font-size:10px}.time-result strong{font-size:27px}.license-counter{align-items:flex-start}.license-summary-title strong{font-size:12px}.license-summary-link{font-size:11px}}

/* ===== 1.21 Marken-/Produktschliff ===== */

:root{--ronevo-deep:#081622;--ronevo-teal:#087b88;--ronevo-aqua:#16a9b6}
html{scroll-behavior:smooth}
.brand img{width:42px;height:42px;object-fit:contain}
.brand-text{color:#081622;font-size:24px;letter-spacing:-.045em;font-weight:850}
.site-header{background:rgba(255,255,255,.97)}
.main-nav a:hover,.main-nav a:focus-visible,.login:hover,.link-arrow{color:var(--ronevo-teal)}
.btn-primary{background:linear-gradient(125deg,#081622,#153c4b);color:white;border:1px solid #102e3a;box-shadow:0 9px 21px rgba(8,22,34,.16);border-radius:999px;min-height:47px;padding-inline:22px;transition:transform .2s,box-shadow .2s}
.btn-primary:hover{box-shadow:0 14px 25px rgba(8,22,34,.25);transform:translateY(-1px)}
.small-dot,.icon-accent{background:var(--ronevo-teal)}
/* Original screenshots are media with transparent backgrounds; no false tablet/device frame in desktop hero. */
.stage-desktop{background:transparent;border:0;padding:0;box-shadow:none}
.stage-desktop img{width:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 20px 26px rgba(8,22,34,.15))}
.stage-mobile{z-index:2;max-height:420px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(7,26,40,.22))}
.hero-grid{align-items:center}
.craft-tabs{flex-wrap:nowrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.craft-tab{font-size:13px;flex:0 0 auto;padding:16px 16px}
.craft-panel .craft-image img{height:100%;width:100%;object-fit:cover}
.craft-bullets{margin:18px 0 21px;padding-left:18px;line-height:1.9}
.craft-bullets li{padding-left:3px}
.project-story{padding:94px 0;background:linear-gradient(125deg,#fff,#f4f8f9)}
.project-story-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(35px,6vw,92px);align-items:center}
.project-story h2,.calendar-demo h2,.tablet-section h2{font-size:clamp(29px,3.5vw,44px);line-height:1.14;letter-spacing:-.04em;color:#101c28;margin:12px 0 20px}
.project-story p,.calendar-demo p,.tablet-section p{color:#536678;line-height:1.7;font-size:16px}
.project-steps{display:grid;gap:19px;margin:31px 0 18px}
.project-steps>div{display:flex;align-items:start;gap:17px}
.project-steps b{background:#e8f5f4;color:#087b88;border-radius:12px;padding:8px 10px;font-size:12px;letter-spacing:.06em}
.project-steps span{display:grid;gap:4px}.project-steps strong{font-size:16px;color:#102a35}.project-steps small{font-size:13px;color:#5d7180}
.small-note{font-size:12px!important;line-height:1.55!important;color:#81909e!important}
.project-visual{position:relative;border-radius:28px;background:#f1f5f6;padding:18px;box-shadow:0 24px 58px rgba(12,43,55,.10)}
.project-photo{height:395px;border-radius:19px;overflow:hidden}.project-photo img{height:100%;width:100%;object-fit:cover}
.project-overlay{position:absolute;bottom:32px;left:36px;right:36px;background:rgba(255,255,255,.95);border:1px solid #dce8e9;box-shadow:0 10px 33px rgba(6,33,50,.19);border-radius:17px;padding:20px 23px;display:grid;gap:4px;backdrop-filter:blur(15px)}
.project-overlay span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#087b88}.project-overlay strong{color:#122333;font-size:18px}.project-overlay div{font-size:12px;color:#61727f}.project-overlay i{color:#087b88;font-style:normal}
.calendar-demo{padding:92px 0;background:#0b1a28;color:white}
.calendar-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center}
.calendar-demo h2{color:#fff}.calendar-demo p{color:#b0c0ca}.calendar-demo .eyebrow{color:#64d5d4}
.calendar-steps{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}
.calendar-steps span{display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 11px;font-size:12px;color:#e5f0f4}
.calendar-steps b{background:#126c77;color:white;border-radius:50%;display:grid;place-items:center;width:21px;height:21px}
.calendar-video-card{background:#f4f7f8;border:1px solid rgba(185,223,225,.42);border-radius:23px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.calendar-video-top{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;background:#122739;color:#fff;font-size:12px}.calendar-video-top span{color:#9ab9c2}
.calendar-video-card video{display:block;width:100%;aspect-ratio:1850/826;object-fit:contain;background:#fff;cursor:pointer}
.calendar-video-foot{padding:12px 18px;font-size:12px;color:#627481}
.tablet-section{padding:96px 0;background:linear-gradient(135deg,#eef6f7,#fff)}
.tablet-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}
.tablet-art{position:relative}.tablet-art img{width:100%;height:auto;max-width:100%;filter:drop-shadow(0 18px 26px rgba(6,26,37,.20));display:block}
.tablet-note{display:block;text-align:center;font-size:12px;color:#748590;margin-top:14px}
.tablet-highlights{list-style:none;display:grid;gap:13px;padding:0;margin:25px 0}.tablet-highlights li{padding:5px 0 5px 25px;position:relative;color:#263849;font-weight:650}.tablet-highlights li:before{content:'✓';position:absolute;left:0;color:#087b88;font-weight:900}
/* Preserve existing interactive AI demo, add the real UI reference without recreating its content */
.ai-story-layout{grid-template-columns:.92fr 1.08fr}
.ai-visual-evidence{grid-column:1/-1;max-width:950px;width:100%;margin:36px auto 0;text-align:center}
.ai-visual-evidence img{width:100%;display:block;filter:drop-shadow(0 12px 20px rgba(7,90,107,.11))}
.ai-visual-caption{display:grid;gap:3px;padding:4px 15px}.ai-visual-caption strong{font-size:16px;color:#152e39}.ai-visual-caption span{font-size:13px;color:#617481}
.addon-control{border-color:#a8d5d6}.addon-switch[aria-checked='true']{background:#087b88}
.phone-breakdown{font-size:11px;line-height:1.45;margin-top:8px;opacity:.77;min-height:26px}
.license-phone-cost{font-size:12px!important;color:#087b88!important;margin:8px 0 2px!important}
@media(max-width:1000px){.calendar-layout,.project-story-grid,.tablet-grid{grid-template-columns:1fr;gap:28px}.calendar-video-card{max-width:900px}.project-photo{height:350px}.tablet-art{max-width:740px;margin:auto}}
@media(max-width:760px){.project-story,.calendar-demo,.tablet-section{padding:65px 0}.project-photo{height:310px}.project-overlay{left:25px;right:25px;bottom:25px}.calendar-steps{gap:7px}.calendar-steps span{font-size:11px}.stage-mobile{max-height:320px}.ai-story-layout{grid-template-columns:1fr}.ai-visual-evidence{margin-top:15px}.project-story h2,.calendar-demo h2,.tablet-section h2{font-size:30px}.brand-text{font-size:22px}}
@media(max-width:430px){.project-visual{padding:10px}.project-photo{height:275px}.project-overlay{padding:14px}.project-overlay strong{font-size:15px}.craft-tab{font-size:12px;padding:14px 12px}.stage-mobile{max-height:280px}.calendar-video-top{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn-primary{transition:none}}


/* v1.23 refinements based on review */
.hero-stage{padding:16px 26px 78px 0}
.stage-desktop{border-radius:22px;padding:12px;box-shadow:0 32px 80px rgba(21,54,88,.14)}
.stage-mobile{width:30%;max-width:208px;right:-18px;bottom:-10px}
.mobile-wrap{grid-template-columns:.95fr 1.05fr;gap:80px}
.mobile-visual{background:transparent;border-radius:0;min-height:560px}
.mobile-visual img{max-height:540px;filter:drop-shadow(0 22px 34px rgba(11,30,49,.22))}
.calendar-video-card{background:#fff;border:1px solid rgba(184,211,221,.58);box-shadow:0 30px 74px rgba(0,0,0,.24)}
.calendar-video-top{background:linear-gradient(180deg,#11273a,#173148)}
.calendar-video-card video{background:#fff;cursor:default}
.calendar-video-foot{display:none}
.ai-visual-evidence{max-width:1040px;margin:44px auto 0}
.ai-visual-evidence img{border-radius:26px;border:1px solid #dde8ec;box-shadow:0 25px 65px rgba(11,40,58,.16);background:#fff}
.ai-visual-caption{padding-top:14px}
.craft-tabs-shell{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:6px}
.craft-tab-scroll{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.craft-tab-scroll:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32)}
.craft-tab-scroll .icon{width:18px;height:18px}
.craft-tab-scroll-prev .icon{transform:rotate(180deg)}
.craft-tab-scroll[disabled]{opacity:.35;cursor:default;box-shadow:none}
.craft-tabs{border-bottom:0;scroll-behavior:smooth}
#craft-panel-metall .craft-image img{object-position:center 48%}
#craft-panel-putz .craft-image img{object-position:center 52%}
#craft-panel-kaelte .craft-image img{object-position:center 34%}
@media(max-width:1000px){.stage-mobile{width:31%;max-width:194px}.mobile-wrap{gap:48px}.mobile-visual{min-height:520px}.mobile-visual img{max-height:500px}}
@media(max-width:940px){.craft-tabs-shell{grid-template-columns:1fr}.craft-tab-scroll{display:none}.hero-stage{padding-right:8px}.stage-mobile{right:-10px}}
@media(max-width:760px){.mobile-visual{min-height:unset}.mobile-visual img{max-height:440px}.stage-mobile{width:34%;max-width:166px;right:-4px;bottom:-4px}}


/* Ronevo v1.20: transparent, multi-factor ROI demo + optional external phone assistant. */
.time-story{padding:104px 0 90px;background:radial-gradient(ellipse 58% 48% at 102% 0%,rgba(8,147,159,.30),transparent 72%),linear-gradient(120deg,#081521 0%,#09212c 58%,#0b414a 100%)}
.time-story-layout.time-v120{grid-template-columns:minmax(0,1fr) minmax(390px,.95fr);gap:clamp(35px,5vw,82px);align-items:start}
.time-v120 .time-story-copy{padding-top:20px}
.time-v120 .time-story-copy h2{font-size:clamp(37px,3.7vw,60px);line-height:1.09;letter-spacing:-.055em;margin-top:16px;margin-bottom:23px}
.time-v120 .time-story-copy>p{font-size:16px;color:#bdd2d6;line-height:1.75;margin-bottom:29px;max-width:595px}
.time-v120 .time-story-list{gap:6px}
.time-v120 .time-story-list>div{padding:13px 0;align-items:flex-start}
.time-v120 .time-symbol{border-radius:14px;width:43px;height:43px;background:rgba(15,142,154,.15);margin-top:1px}
.time-v120 .time-story-list strong{font-size:14px}
.time-v120 .time-story-list span{font-size:12px;line-height:1.5}
.time-copy-foot{display:flex;align-items:center;gap:10px;color:#bcd1d6;font-size:12px;font-weight:700;margin-top:23px}
.time-copy-indicator,.time-status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#76dbd7;box-shadow:0 0 0 5px rgba(118,219,215,.10);flex:none}
.time-calculator-v120{padding:31px 31px 28px;background:linear-gradient(156deg,#fff 0%,#f4faf9 100%);border-color:#cde3e2;border-radius:25px;box-shadow:0 28px 72px rgba(0,0,0,.17)}
.time-calculator-v120>p{margin-bottom:19px}
.time-result-v120{margin:18px 0 21px;min-height:112px;background:linear-gradient(112deg,#081521 0%,#0b454c 100%);box-shadow:0 12px 28px rgba(8,21,33,.15)}
.time-result-v120 strong{font-size:43px;line-height:1.05}
.time-result-v120 small{font-size:11px;color:#a5d0d1;margin-top:2px;line-height:1.4}
.time-volume label{display:flex;align-items:center;justify-content:space-between;color:#244b53;font-size:12px;font-weight:800;margin:0 0 8px}
.time-volume label strong{font-size:16px;color:#087c87}
.time-volume input{accent-color:#08939f;width:100%;cursor:pointer}
.time-volume .time-ticks{margin-top:2px}
.time-breakdown-title{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #dce9e8;padding-top:16px;margin:18px 0 8px;font-size:12px}
.time-breakdown-title strong{color:#183740;font-size:12px}
.time-breakdown-title span{color:#728b90;font-size:11px}
.time-breakdown{display:grid;gap:2px}
.time-factor{margin:0 !important;padding:9px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e5eeee;color:#335761 !important;font-size:12px !important;font-weight:650 !important}
.time-factor>span:first-child{flex:1}
.time-factor-input{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#66858c;white-space:nowrap}
.time-factor-input input{border:1px solid #c9dfdf;border-radius:9px;background:white;width:53px;height:36px;text-align:center;color:#086b74;font-weight:850;font-size:14px;appearance:textfield}
.time-factor-input input::-webkit-inner-spin-button{opacity:1}
.time-factor-input input:focus-visible,.time-phone-fields input:focus-visible{outline:2px solid #08939f;outline-offset:1px}
.time-phone-option{margin:18px 0 15px;border-radius:15px;background:linear-gradient(120deg,#e8f7f6,#f1faf9);border:1px solid #cbe7e5;padding:14px 15px}
.time-phone-choice{display:flex !important;align-items:center;gap:13px;justify-content:space-between;color:#12414a;cursor:pointer;padding:0 !important;margin:0 !important}
.time-phone-choice-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.time-phone-choice-text strong{font-size:12px;color:#0b4f58;font-weight:850}
.time-phone-choice-text small{font-size:10px;color:#5d7e84;line-height:1.35}
.time-phone-choice input{position:absolute;opacity:0;width:1px;height:1px}
.time-switch-track{width:39px;height:22px;background:#b3d3d5;border-radius:99px;position:relative;flex:none;transition:background .16s}
.time-switch-track i{height:16px;width:16px;position:absolute;top:3px;left:3px;background:white;border-radius:50%;transition:transform .16s;box-shadow:0 2px 7px rgba(8,21,33,.14)}
.time-phone-choice input:checked+.time-switch-track{background:#08939f}
.time-phone-choice input:checked+.time-switch-track i{transform:translateX(17px)}
.time-phone-choice input:focus-visible+.time-switch-track{outline:2px solid #081521;outline-offset:3px}
.time-phone-fields{padding-top:13px;margin-top:12px;border-top:1px solid #c6e3e0;display:grid;gap:9px}
.time-phone-fields[hidden]{display:none !important}
.time-phone-fields label{margin:0 !important;padding:0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#315a62;font-weight:700}
.time-phone-fields label input{width:62px;height:32px;text-align:center;border:1px solid #bbdada;border-radius:8px;background:#fff;color:#075d67;font-weight:850}
.time-phone-fields label>span:last-child{display:inline-flex;align-items:center;gap:5px}
.time-phone-fields small{font-size:10px;color:#68848a;line-height:1.5}
.time-calculator-v120 .time-disclaimer{color:#6f878c;font-size:10px;line-height:1.5;display:block}
.time-extension-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:39px}
.time-extension{border:1px solid rgba(132,221,221,.18);background:linear-gradient(148deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border-radius:22px;padding:28px 30px;box-shadow:0 12px 35px rgba(0,0,0,.08);position:relative;overflow:hidden}
.time-extension:before{content:"";height:2px;position:absolute;left:25px;right:25px;top:0;background:linear-gradient(90deg,transparent,#3bb6c0,transparent);opacity:.7}
.time-extension-kicker{color:#77d5d5;letter-spacing:.12em;font-size:10px;font-weight:850;display:flex;align-items:center;gap:9px;margin-bottom:13px}
.time-extension h3{color:#fff;font-size:clamp(22px,2.05vw,29px);font-weight:880;line-height:1.18;letter-spacing:-.04em;max-width:530px;margin:0 0 12px}
.time-extension>p{color:#b9cdd1;font-size:13px;line-height:1.65;margin:0 0 17px}
.afterhours-demo{display:grid;gap:0;margin:21px 0 14px;border:1px solid rgba(145,214,216,.22);background:rgba(3,14,25,.28);border-radius:14px;padding:9px 16px}
.afterhours-line{display:flex;gap:15px;padding:10px 0;align-items:center;border-bottom:1px solid rgba(184,221,220,.10)}
.afterhours-line:last-child{border:0}
.afterhours-line span{color:#6fcfd4;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}
.afterhours-line strong{font-size:12px;color:#e8f2f2;font-weight:750}
.time-extension-link{display:inline-flex;align-items:center;gap:8px;color:#80d7db;font-size:12px;font-weight:850;margin-top:4px;text-decoration:none}
.time-extension-link:hover{text-decoration:underline;color:#a6f3f0}
.time-extension-link .icon{width:15px;height:15px}
.data-flow-demo{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:20px 0 18px}
.data-flow-demo span{display:inline-flex;align-items:center;border-radius:9px;padding:10px 12px;color:#c8ecec;background:rgba(7,135,146,.15);border:1px solid rgba(136,219,222,.20);font-size:11px;font-weight:800;white-space:nowrap}
.data-flow-demo .icon{width:16px;height:16px;color:#7bdddb}
.time-extension .integration-status{font-size:11px;color:#99b5bb;margin:8px 0 0;border-top:1px solid rgba(255,255,255,.10);padding-top:13px}
.time-extension .integration-status strong{color:#d0e5e6}
@media(max-width:1020px){.time-story-layout.time-v120{grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:26px}.time-calculator-v120{padding:24px 21px}.time-extension{padding:24px}}
@media(max-width:810px){.time-story-layout.time-v120{grid-template-columns:1fr}.time-v120 .time-story-copy{padding-top:0}.time-extension-grid{grid-template-columns:1fr}.time-story{padding:68px 0}.time-calculator-v120{max-width:680px;width:100%}}
@media(max-width:560px){.time-v120 .time-story-copy h2{font-size:35px}.time-calculator-v120{padding:23px 18px}.time-result-v120 strong{font-size:36px}.time-factor{font-size:11px!important}.time-extension{padding:23px 19px}.time-extension-grid{margin-top:24px}.data-flow-demo span{font-size:10px;padding:8px 10px}}

.site-header .brand .brand-text, footer .brand .brand-text{color:#081622!important}
.hero h1 span{color:#087b88}
@media(max-width:520px){.hero .trust-mini{gap:12px;align-items:center}.hero .avatar-stack{flex:0 0 auto}.hero .trust-mini>span{line-height:1.4}}

/* Ronevo Premium v1.24 | visual refinements */
:root{--r124-ink:#081521;--r124-teal:#087c85}
/* White video stage: typography and section deliberately inverted. */
.calendar-demo{background:#fff!important;color:#081521!important;padding:100px 0 105px!important}
.calendar-demo h2{color:#081521!important}
.calendar-demo p{color:#506978!important}
.calendar-demo .eyebrow{color:#087b85!important}
.calendar-demo .calendar-steps span{color:#173545!important;background:#f2f8f8!important;border:1px solid #dce8ea!important}
.calendar-demo .calendar-steps b{background:#087b85!important;color:#fff!important}
.calendar-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:58px}
.calendar-video-card{border:1px solid #e6edf0!important;background:#fff!important;border-radius:20px!important;box-shadow:0 20px 58px rgba(14,53,73,.1)!important;overflow:hidden}
.calendar-video-card video{display:block;width:100%;height:auto;aspect-ratio:1850 / 826;object-fit:contain;background:#fff;cursor:default}
/* Remove all slider bars while keeping arrows + keyboard/touch navigation. */
.craft-tabs-shell{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:10px!important;align-items:center!important;min-width:0}
.craft-tabs{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none!important;scrollbar-color:transparent transparent!important;-ms-overflow-style:none!important;border:none!important;padding:0 2px 2px!important;margin:0!important;overscroll-behavior-x:contain}
.craft-tabs::-webkit-scrollbar,.craft-tabs::-webkit-scrollbar-thumb,.craft-tabs::-webkit-scrollbar-track{display:none!important;width:0!important;height:0!important;background:transparent!important}
.craft-tab-scroll{display:inline-flex!important;flex:0 0 42px!important;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07)}
.craft-tab-scroll:focus-visible{outline:2px solid #68c6cb;outline-offset:3px}
.craft-tab-scroll:disabled{opacity:.28!important}
/* Five distinct new photography assets, no artificial overlays or badges. */
.craft-image-rule{display:none!important}
.craft-image img{object-position:center center}
#craft-panel-garten .craft-image img{object-position:center 48%}
#craft-panel-bau .craft-image img{object-position:center 47%}
#craft-panel-metall .craft-image img{object-position:center 50%}
#craft-panel-putz .craft-image img{object-position:center 46%}
#craft-panel-kaelte .craft-image img{object-position:center 41%}
/* Same approved mobile device across website, smaller in compact feature cards. */
.feature-display{min-width:0;min-height:325px!important;padding:14px;background:linear-gradient(140deg,#f8fbfc,#eef6f8)}
.feature-display > img{display:block!important;width:auto!important;height:auto!important;max-height:310px!important;max-width:78%!important;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(11,35,55,.17))}
/* Stand-alone smartphone must not sit inside a colored box. */
.mobile-visual{background:none!important;border:0!important;box-shadow:none!important;min-height:550px!important}
.mobile-visual img{max-height:535px!important;max-width:100%;filter:drop-shadow(0 22px 28px rgba(8,32,46,.2))}
/* Hero device overlap restores the dimensional arrangement. */
.hero-stage{padding:18px 31px 88px 0!important}
.stage-mobile{width:29%!important;max-width:213px!important;right:-14px!important;bottom:-5px!important}
/* Responsive editorial rhythm, legibility and tap targets */
@media (max-width:1050px){
 .calendar-layout{grid-template-columns:1fr!important;gap:32px!important}
 .calendar-copy{max-width:720px}
 .calendar-video-card{max-width:920px;width:100%;margin:0 auto}
 .feature-display{min-height:300px!important}
 .feature-display > img{max-height:282px!important}
 .mobile-visual{min-height:490px!important}
 .mobile-visual img{max-height:470px!important}
}
@media (max-width:760px){
 .calendar-demo{padding:62px 0 75px!important}
 .calendar-layout{gap:25px!important}
 .calendar-video-card{border-radius:13px!important;box-shadow:0 12px 28px rgba(11,40,58,.1)!important}
 .craft-tabs-shell{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:6px!important}
 .craft-tab-scroll{width:36px!important;height:36px!important;flex-basis:36px!important}
 .craft-tab{padding:14px 13px!important;font-size:12px!important}
 .craft-window{padding-top:17px!important}
 .craft-image{min-height:240px}
 .craft-image img{object-position:center 45%}
 .feature-display{min-height:265px!important;padding:10px}
 .feature-display > img{max-height:242px!important;max-width:71%!important}
 .mobile-visual{min-height:430px!important;padding:4px 0!important}
 .mobile-visual img{max-height:410px!important}
 .hero-stage{padding:12px 10px 57px 0!important}
 .stage-mobile{width:32%!important;max-width:146px!important;right:-5px!important;bottom:0!important}
}
@media(max-width:400px){
 .mobile-visual img{max-height:370px!important}
 .feature-display > img{max-height:225px!important;max-width:65%!important}
 .calendar-demo{padding:55px 0!important}
 .craft-tab-scroll{width:32px!important;height:32px!important;flex-basis:32px!important}
 .craft-tabs-shell{grid-template-columns:32px minmax(0,1fr) 32px!important}
}
@media(prefers-reduced-motion:reduce){.craft-tabs{scroll-behavior:auto!important}.craft-image img{transition:none!important}}


/* Ronevo v1.25 · Five real user supplied iPhone screens in one stable feature preview */
.feature-display.phone-showcase{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  min-height:490px!important;
  height:490px!important;
  padding:0!important;
  width:100%;
  display:flex;align-items:center;justify-content:center;
}
.feature-display.phone-showcase::before,.feature-display.phone-showcase::after{display:none!important}
.feature-display.phone-showcase .ronevo-feature-iphone{
  display:block!important;
  height:100%!important;
  width:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  background:transparent!important;
  filter:drop-shadow(0 13px 20px rgba(4,23,38,.11));
  transition:opacity .18s ease;
}
.feature-detail:has(.phone-showcase){align-items:center;min-height:540px;background:transparent!important;border:0!important;box-shadow:none!important}
.feature-window:has(.phone-showcase){border:0!important;background:transparent!important;box-shadow:none!important}
.feature-list button{white-space:normal}
@media(max-width:1100px){
 .feature-detail:has(.phone-showcase){grid-template-columns:minmax(0,1fr) minmax(215px,.92fr);gap:18px;padding:22px}
 .feature-display.phone-showcase{height:445px!important;min-height:445px!important}
}
@media(max-width:760px){
 .feature-detail:has(.phone-showcase){grid-template-columns:1fr;gap:16px;padding:23px 18px}
 .feature-display.phone-showcase{height:445px!important;min-height:445px!important;max-width:100%;margin:0 auto}
 .feature-detail:has(.phone-showcase) .feature-detail-text{min-height:345px}
 .feature-detail-text h3{font-size:clamp(23px,6vw,33px)}
}
@media(max-width:410px){
 .feature-display.phone-showcase{height:405px!important;min-height:405px!important}
}
@media(prefers-reduced-motion:reduce){.feature-display.phone-showcase img{transition:none!important}}



/* v1.25 KORRIGIERT — Originalvideo exakt im nativen Seitenverhaeltnis
   714 x 520, ohne kuenstlichen Breitbildkasten oder seitliche Leerflaechen. */
#termin-demo .calendar-video-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 714px !important;
  margin: 0 auto !important;
}
#termin-demo .calendar-video-card #calendar-demo-video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 714 / 520 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
@media (min-width: 1021px) {
  #termin-demo .calendar-layout {
    grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr) !important;
    gap: 40px !important;
  }
}
@media (max-width: 1020px) {
  #termin-demo .calendar-video-card { max-width: 714px !important; }
}


/* RONEVO CONVERSION FLOW V2 – additive overrides; original visual system preserved. */
:root{--rn-dark:#071f2c;--rn-teal:#078f9a;--rn-soft:#eff8f9;--rn-border:#d8e8eb}
.rn-proof,.rn-choice,.rn-data,.rn-import,.rn-roles,.rn-phone,.rn-allfunctions{font-family:inherit;color:#0b2636}
.rn-proof{padding:26px 0 84px;background:linear-gradient(180deg,#f8fbfb 0%,#fff 100%)}
.rn-trustline{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 25px;background:#fff;border:1px solid #e1eaec;border-radius:18px;padding:20px 24px;box-shadow:0 10px 32px rgba(8,47,60,.04);font-size:12px;font-weight:700;color:#204c59}.rn-trustline span{white-space:nowrap}
.rn-quick-header{text-align:center;max-width:760px;margin:75px auto 35px}.rn-quick-header h2,.rn-choice h2,.rn-data h2,.rn-import h2,.rn-roles h2,.rn-phone h2,.rn-allfunctions h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.04em;line-height:1.13;margin:15px 0 16px;color:#0b2636}.rn-quick-header p,.rn-choice .section-header p,.rn-data-layout p,.rn-import-layout p,.rn-roles-layout p,.rn-phone-heading p,.rn-func-head p{font-size:16px;line-height:1.7;color:#5d7380}
.rn-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rn-journey a{display:flex;flex-direction:column;gap:11px;border:1px solid #e2ecee;border-radius:18px;padding:21px;background:#fff;transition:transform .2s,border-color .2s;min-width:0}.rn-journey a:hover{transform:translateY(-3px);border-color:#15a0a8}.rn-journey b{color:var(--rn-teal);font-size:12px}.rn-journey strong{font-size:16px}.rn-journey small{color:#728691;line-height:1.55}
.rn-choice{padding:94px 0;background:#f5fafb}.rn-choice .section-header{text-align:center;margin:0 auto 40px;max-width:750px}.rn-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rn-choice-card{display:block;background:white;border:1px solid #dfecee;border-radius:22px;padding:32px;box-shadow:0 10px 25px rgba(7,47,61,.035);transition:transform .2s}.rn-choice-card:hover{transform:translateY(-3px)}.rn-choice-card>span{display:inline-block;color:#047d8d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.rn-choice-card h3{font-size:24px;line-height:1.2;margin:18px 0 12px;color:#0a2633}.rn-choice-card p{color:#617988;line-height:1.7;min-height:105px}.rn-choice-card b{color:#078e9b;font-size:13px}.rn-choice-featured{border-color:#8bd1d5;background:linear-gradient(160deg,#eefbfc,#fff 68%)}
.rn-trial-tail{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d7e9eb;background:#f7fcfc;border-radius:16px;padding:21px 26px;margin-top:32px;line-height:1.7}.rn-trial-tail>div{max-width:670px}.rn-trial-tail .btn{white-space:nowrap}
.rn-data{padding:108px 0;background:linear-gradient(135deg,#07222f,#063944);color:white}.rn-data h2{color:white}.rn-data-layout{display:grid;grid-template-columns:1fr .86fr;gap:74px;align-items:center}.rn-data-layout p{color:#bbd3d9}.rn-data-layout .eyebrow{color:#6ee0df}.rn-checks{margin-top:30px;display:grid;gap:20px}.rn-checks div{border-left:3px solid #26bdc5;padding:0 0 0 17px;display:grid;gap:5px}.rn-checks b{color:#fff;font-size:16px}.rn-checks span{font-size:13px;line-height:1.65;color:#c0d6dd}.rn-fine{font-size:12px!important;line-height:1.6!important;color:#77919c!important;margin:25px 0 0}.rn-data .rn-fine{color:#a1c2c8!important}.rn-text-link{font-size:13px;font-weight:800;color:#078b9a;display:inline-block;margin-top:24px}.rn-data .rn-text-link{color:#79dce2}
.rn-data-screen,.rn-import-window,.rn-role-demo{border:1px solid #d4e7e9;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 25px 65px rgba(1,19,28,.13);color:#0d3140}.rn-screen-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e5eff1;padding:20px 24px;font-size:12px;font-weight:700;color:#53717c}.rn-live-dot{color:#098f85}.rn-data-main{padding:45px 37px;display:flex;align-items:center;flex-direction:column;text-align:center}.rn-backup-icon{background:#e2f8f8;color:#007c8d;width:68px;height:68px;border-radius:19px;font-size:36px;display:grid;place-items:center;margin-bottom:17px}.rn-data-main>strong{font-size:22px}.rn-data-main>p{margin:10px 0 23px;color:#6a838c}.rn-backup-rows{display:grid;grid-template-columns:1fr 1fr;gap:11px;text-align:left;margin-bottom:26px;width:100%}.rn-backup-rows span{border-radius:9px;padding:12px;background:#f4f9fa;color:#285263;font-size:12px}.rn-outline-btn{padding:13px 22px;background:white;border:1px solid #b7d6dc;border-radius:10px;color:#057f90;font-weight:800}.rn-data-main small{margin-top:13px;color:#7d939b;font-size:11px}
.rn-import{padding:112px 0;background:#fff}.rn-import-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.rn-import-steps{margin:28px 0 34px;display:grid;gap:17px}.rn-import-steps div{display:flex;gap:15px;align-items:center}.rn-import-steps b{display:grid;place-items:center;background:#e8f8f9;border:1px solid #cdebed;border-radius:10px;min-width:43px;height:43px;color:#038695}.rn-import-steps span{font-size:14px;color:#425d68;line-height:1.55}.rn-import-window{padding-bottom:25px}.rn-import-file{display:flex;gap:18px;align-items:center;margin:30px 28px;padding:25px;border:1px solid #d6e9eb;background:#f7fbfb;border-radius:15px}.rn-import-file>span{font-size:32px;color:#078e98}.rn-import-file div{display:grid;gap:8px}.rn-import-file small{color:#698791}.rn-upload{cursor:pointer;display:block;text-align:center;margin:0 28px;background:#078e9c;color:white;padding:15px 22px;border-radius:12px;font-size:13px;font-weight:800}.rn-upload input{position:absolute;opacity:0;width:1px;height:1px}.rn-upload:focus-within{outline:3px solid #0dd}.rn-csv-results{margin:15px 28px;padding:14px;border:1px dashed #cadee0;background:#f5f9fa;border-radius:12px;color:#577783;line-height:1.55;font-size:12px;min-height:65px;word-wrap:break-word}.rn-import-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0 28px}.rn-import-tags span{font-size:11px;color:#447380;background:#e9f4f5;padding:7px 9px;border-radius:7px}
.rn-roles{padding:110px 0;background:#f4f9fa}.rn-roles-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.rn-role-points{display:grid;gap:15px;margin-top:25px;font-weight:700;font-size:13px;color:#166170}.rn-role-demo{padding-bottom:23px}.rn-role-tabs{display:flex;gap:8px;margin:24px 24px 16px}.rn-role-tabs button{background:#eff6f7;border:1px solid #d5e4e7;color:#4b6d77;padding:10px 18px;border-radius:9px;font-size:12px;font-weight:800}.rn-role-tabs button.active{color:white;background:#067e8d;border-color:#067e8d}.rn-role-demo>p{margin:0 24px 24px;color:#627f89;line-height:1.65;font-size:13px;min-height:45px}.rn-permission-list{margin:0 24px 18px;border:1px solid #e3ecee;border-radius:12px;overflow:hidden}.rn-permission-list>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f3;padding:15px 17px;font-size:12px}.rn-permission-list>div:last-child{border-bottom:0}.rn-permission-list b{font-size:11px;color:#0d907c;white-space:nowrap}.rn-permission-list b.no{color:#8e9da2}.rn-role-demo>small{display:block;margin:0 24px;color:#82949e;font-size:11px;line-height:1.5}
.rn-ai-control{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;border-radius:18px;border:1px solid #c9e4e7;background:#f2fafb;padding:23px 27px;margin:24px 0 0;color:#183d48}.rn-ai-control>div{flex:1 1 380px}.rn-ai-control b{font-size:16px}.rn-ai-control p{font-size:13px;line-height:1.6;margin:7px 0 0;color:#536f7a}.rn-ai-control small{flex:1 0 100%;color:#477983;font-size:12px}.rn-mini-switch{border:0;background:#008f9b;width:63px;height:32px;border-radius:30px;padding:4px;display:flex;align-items:center;justify-content:flex-end}.rn-mini-switch span{width:24px;height:24px;border-radius:50%;background:white;box-shadow:0 1px 5px #0002}.rn-mini-switch[aria-checked=false]{justify-content:flex-start;background:#aebec3}
.rn-phone{padding:112px 0;background:#fff}.rn-phone-heading{text-align:center;max-width:790px;margin:0 auto 48px}.rn-phone-scene{display:grid;grid-template-columns:1fr .55fr 1fr;align-items:center;gap:18px;background:linear-gradient(135deg,#f5fbfb,#eef7f8);border:1px solid #d7e9ed;border-radius:26px;padding:38px}.rn-caller,.rn-ai-caller{background:white;border:1px solid #d6e6e9;border-radius:20px;min-height:285px;padding:28px;display:flex;align-items:center;flex-direction:column;text-align:center;box-shadow:0 14px 30px #0a293011}.rn-caller img{width:115px;height:115px;object-fit:cover;object-position:64% center;border-radius:50%;border:6px solid #e2f4f5}.rn-caller div,.rn-ai-caller>div:last-child{margin-top:18px}.rn-phone-scene small{display:block;font-size:10px;color:#058a97;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px}.rn-phone-scene strong{font-size:16px}.rn-phone-scene p{font-size:13px;color:#66818a;line-height:1.6;margin:10px 0 0}.rn-call-bridge{text-align:center;color:#068998;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px}.rn-call-wave{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:52px;margin-bottom:4px}.rn-call-wave i{display:block;width:10px;border-radius:999px;background:linear-gradient(180deg,#16c3ce,#0a8f9b);animation:rnWave 1.15s ease-in-out infinite}.rn-call-wave i:nth-child(1){height:12px;animation-delay:0s}.rn-call-wave i:nth-child(2){height:24px;animation-delay:.12s}.rn-call-wave i:nth-child(3){height:38px;animation-delay:.24s}.rn-call-wave i:nth-child(4){height:24px;animation-delay:.36s}.rn-call-wave i:nth-child(5){height:12px;animation-delay:.48s}.rn-call-bridge b{font-size:10px;color:#5b818b;line-height:1.7;display:block}.rn-call-transfer{display:flex;align-items:center;gap:9px;margin-top:14px;min-height:12px}.rn-call-transfer span{width:10px;height:10px;border-radius:50%;background:#0fb7c3;opacity:.22;animation:rnTransfer 1.25s ease-in-out infinite}.rn-call-transfer span:nth-child(2){animation-delay:.18s}.rn-call-transfer span:nth-child(3){animation-delay:.36s}.rn-call-arrow{display:block;font-size:34px;margin-top:10px;animation:rnArrow 1.25s ease-in-out infinite}@keyframes rnWave{0%,100%{transform:scaleY(.72);opacity:.7}50%{transform:scaleY(1.18);opacity:1}}@keyframes rnTransfer{0%,100%{opacity:.18;transform:translateX(-3px) scale(.92)}50%{opacity:1;transform:translateX(3px) scale(1.12)}}@keyframes rnArrow{0%,100%{transform:translateX(0);opacity:.82}50%{transform:translateX(5px);opacity:1}}.rn-ai-face{background:linear-gradient(135deg,#062e42,#059ba7);height:115px;width:115px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 6px #ddf4f5}.rn-ai-face span{color:white;font-size:65px;font-weight:900;transform:skew(-10deg)}.rn-ai-face i{position:absolute;width:15px;height:15px;background:#2befd7;bottom:10px;right:8px;border:3px solid white;border-radius:50%}.rn-phone-outcome{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:22px}.rn-phone-outcome>div{border:1px solid #deeced;border-radius:17px;padding:26px 30px}.rn-phone-outcome span{display:inline-block;background:#e9f8f8;color:#038995;font-size:11px;font-weight:900;padding:6px 9px;border-radius:8px;margin-right:8px}.rn-phone-outcome b{font-size:15px}.rn-phone-outcome p{color:#647c87;font-size:13px;line-height:1.6}.rn-phone-outcome a{color:#078e98;font-size:12px;font-weight:800}
.rn-pricing-promises{display:flex;justify-content:center;gap:12px 24px;flex-wrap:wrap;margin:25px 0 24px;font-size:12px;color:#376473;font-weight:700}.rn-pricing-promises span{white-space:normal}.pricing .prices-heading p{max-width:750px}.pricing .plan .plan-header{min-height:130px}.pricing .phone-breakdown{font-size:11px;color:#7892a0;margin-top:11px}.pricing .pricing-footnotes p{font-size:12px;line-height:1.6}.pricing .plan .plan-features li{line-height:1.5}.rn-allfunctions{padding:105px 0;background:#f6fafb}.rn-func-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.rn-func-head>div{max-width:710px}.rn-functions-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;align-items:start}.rn-functions-aside{position:sticky;top:98px;background:linear-gradient(140deg,#0b2837,#074b52);color:#fff;padding:32px;border-radius:21px}.rn-functions-aside>span{color:#73d6d9;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.rn-functions-aside>strong{font-size:30px;line-height:1.13;letter-spacing:-.04em;display:block;margin:19px 0}.rn-functions-aside p{color:#bed9db;font-size:13px;line-height:1.7}.rn-functions-aside div{border-top:1px solid #ffffff2a;padding:14px 0;font-size:12px;color:#d3ebec}.rn-functions-list{display:grid;gap:11px}.rn-fgroup{border:1px solid #dbeaec;background:#fff;border-radius:14px;overflow:hidden}.rn-fgroup summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:19px 22px;cursor:pointer}.rn-fgroup summary::-webkit-details-marker{display:none}.rn-fgroup summary>span{display:flex;flex-direction:column;gap:6px}.rn-fgroup summary b{font-size:14px;color:#183b49}.rn-fgroup summary small{font-size:11px;color:#8399a2}.rn-fgroup summary em{font-style:normal;white-space:nowrap;border-radius:7px;padding:6px 9px;background:#e9f7f8;color:#037d8b;font-size:11px;font-weight:800}.rn-fgroup[open] summary{border-bottom:1px solid #edf2f3}.rn-fitems{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:19px 22px 24px}.rn-fitems span{font-size:12px;line-height:1.5;color:#4f717b}
#start,#so-funktionierts,#alltag,#features,#einstieg,#produkt,#betriebswahl,#daten,#wechsel,#rollen,#telefon-ki,#preise,#funktionen-gesamt,#faq{scroll-margin-top:90px}
/* Avoid accidental hidden content under sticky nav and maintain tablet/mobile ergonomics. */
@media(max-width:950px){.rn-data-layout,.rn-import-layout,.rn-roles-layout{gap:35px}.rn-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.rn-phone-scene{padding:24px}.rn-choice-card{padding:24px}.rn-functions-layout{grid-template-columns:220px minmax(0,1fr)}.rn-functions-aside{padding:23px}}
@media(max-width:720px){.rn-proof,.rn-choice,.rn-data,.rn-import,.rn-roles,.rn-phone,.rn-allfunctions{padding:65px 0}.rn-trustline{justify-content:flex-start;padding:16px;font-size:11px;gap:9px 16px}.rn-quick-header{margin:48px auto 30px}.rn-journey,.rn-choice-grid,.rn-data-layout,.rn-import-layout,.rn-roles-layout,.rn-phone-outcome,.rn-functions-layout{grid-template-columns:1fr}.rn-choice-card p{min-height:unset}.rn-trial-tail{flex-direction:column;align-items:flex-start}.rn-phone-scene{grid-template-columns:1fr;gap:15px;padding:16px}.rn-caller,.rn-ai-caller{min-height:0;padding:20px}.rn-call-bridge{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:0}.rn-call-wave{height:34px;margin-bottom:0}.rn-call-transfer{margin-top:0}.rn-call-arrow{transform:rotate(90deg);margin:0}.rn-data-main{padding:30px 19px}.rn-backup-rows,.rn-fitems{grid-template-columns:1fr}.rn-functions-aside{position:static}.rn-func-head{display:block}.rn-fgroup summary{padding:17px 15px}.rn-fitems{padding:16px}.rn-roles,.rn-import{background:#fff}.rn-roles{background:#f5f9fa}.rn-pricing-promises{justify-content:flex-start}.rn-trustline span{white-space:normal}}
@media(prefers-reduced-motion:reduce){.rn-journey a,.rn-choice-card{transition:none!important}}


/* RONEVO v2.1: only requested correction layer over v2.0; keeps visual identity. */
/* Hero: do not place a second white presentation card behind the actual transparent desktop render. */
.hero-stage{padding:4px 14px 64px 0!important;margin:0 -12px 0 0!important;overflow:visible}
.hero-stage .stage-desktop{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;width:100%!important;margin:0!important}
.hero-stage .stage-desktop img{width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;display:block!important;filter:drop-shadow(0 19px 20px rgba(10,30,45,.16))}
.hero-stage .stage-mobile{width:31%!important;max-width:228px!important;right:-7px!important;bottom:7px!important;filter:drop-shadow(0 16px 17px rgba(6,22,33,.24))}
.hero .trust-mini{margin-top:16px!important;display:flex;align-items:center;gap:10px}
.hero .trust-mini p{margin:0;font-size:11px;color:#758790;line-height:1.5}
.hero .avatar-stack{display:flex;min-width:75px;padding-left:7px;align-items:center;flex-shrink:0}
.hero .avatar-stack img{height:29px;width:29px;object-fit:cover;border-radius:50%;border:2px solid #fff;margin-left:-7px;box-shadow:0 2px 5px rgba(12,35,50,.12)}
/* Gewerke: keep headroom on subject, correct the fine white edge from earlier source cropping. */
.craft-image{overflow:hidden!important;background:#142430!important}
.craft-panel .craft-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 19%!important;transform:scale(1.045)!important;transform-origin:center center!important}
.craft-panel:hover .craft-image img{transform:scale(1.07)!important}
#craft-panel-innenausbau .craft-image img{object-position:54% 8%!important;transform:scale(1.065)!important}
#craft-panel-shk .craft-image img{object-position:54% 11%!important;transform:scale(1.07)!important}
#craft-panel-maler .craft-image img{object-position:50% 8%!important;transform:scale(1.07)!important}
#craft-panel-fliesen .craft-image img{object-position:53% 11%!important;transform:scale(1.065)!important}
#craft-panel-dach .craft-image img{object-position:50% 12%!important;transform:scale(1.08)!important}
#craft-panel-zimmerer .craft-image img{object-position:56% 8%!important;transform:scale(1.09)!important}
#craft-panel-tischler .craft-image img{object-position:53% 8%!important;transform:scale(1.075)!important}
#craft-panel-elektro .craft-image img{object-position:54% 9%!important;transform:scale(1.085)!important}
#craft-panel-montage .craft-image img{object-position:55% 18%!important;transform:scale(1.025)!important}
#craft-panel-boden .craft-image img{object-position:50% 8%!important;transform:scale(1.015)!important}
/* Caller and assistant icon */
.rn-caller img{object-fit:cover!important;object-position:50% 31%!important}
.rn-ai-face img{display:block;width:62%;height:62%;object-fit:contain}
/* Calculation: progress indicator is not a slider; only editable values drive it. */
.time-volume-static{margin:9px 0 15px}
.time-volume-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.time-volume-head label{margin:0!important;font-size:12px!important}
.time-volume-head input{width:70px;height:35px;padding:5px 8px;border:1px solid #c9dfe2;border-radius:9px;font-weight:750;color:#075f69;background:white;text-align:center}
.time-meter-title{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#52767e;margin-top:13px;margin-bottom:6px}
.time-meter-title strong{color:#087f87}
.time-meter{width:100%;height:12px;border-radius:8px;background:#dfecee;overflow:hidden;cursor:default}
.time-meter-fill{height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#1fbdbe,#087f8b);transition:width .28s ease;pointer-events:none}
.time-meter-scale{display:flex;justify-content:space-between;font-size:10px;color:#8b9da2;margin-top:5px}
/* Pricing: visible within one desktop viewport after jump to pricing anchor. */
#preise{scroll-margin-top:88px!important;padding-top:38px!important;padding-bottom:58px!important}
#preise .section-header{margin-bottom:13px!important}
#preise .section-header h2{margin:15px 0 10px!important;font-size:clamp(31px,2.55vw,39px)!important}
#preise .section-header p{margin:0!important;font-size:14px!important;line-height:1.52!important}
#preise .price-toolbar{margin-bottom:18px!important;gap:12px!important}
#preise .billing-control,#preise .addon-control{padding:12px 14px!important}
#preise .pricing-grid.pricing-grid-v118{gap:20px!important}
#preise .plan.plan-v118{padding:22px 22px 18px!important}
#preise .plan.plan-v118.featured{padding-top:30px!important;transform:translateY(-5px)!important}
#preise .plan-header{min-height:108px!important}
#preise .plan-v118 .plan-header p{font-size:12px!important;line-height:1.44!important}
#preise .plan-v118 h3{font-size:28px!important;margin:0 0 6px!important}
#preise .plan-pricing{padding:14px 0 12px!important}
#preise .plan-price strong{font-size:45px!important}
#preise .seat-block{padding:15px 0 12px!important}
#preise .seat-block>strong{margin:0 0 7px!important;font-size:10px!important}
#preise .seat-row{margin:5px 0!important;min-height:31px}
#preise .plan-features{padding:14px 0 0!important}
#preise .plan .plan-features ul{gap:7px!important}
#preise .plan .plan-features li{font-size:11px!important;line-height:1.45!important}
#preise .features-caption{margin-bottom:10px!important;font-size:10px!important}
#preise .plan-bottom{margin-top:14px!important;gap:7px!important}
#preise .phone-indicator{min-height:23px!important;font-size:10px!important}
#preise .price-cta{min-height:42px!important;padding:10px 12px!important;font-size:12px!important}
#preise .plan-bottom small{font-size:9px!important}
#preise .rn-inline-quantity{display:flex;align-items:center;gap:3px;border-radius:9px;border:1px solid #bfd7dc;padding:2px;background:rgba(255,255,255,.66);color:#122f39}
#preise .plan.featured .rn-inline-quantity{border-color:rgba(118,211,214,.5);background:rgba(255,255,255,.12);color:#fff}
#preise .rn-seat-btn{width:23px;height:23px;border-radius:6px;border:0;color:inherit;background:transparent;font-weight:800;cursor:pointer;font-size:15px;line-height:1}
#preise .rn-seat-btn:hover{background:rgba(8,147,159,.17)}
#preise .rn-seat-btn:focus-visible{outline:2px solid #03aeba;outline-offset:2px}
#preise .rn-seat-btn:disabled{opacity:.24;cursor:not-allowed}
#preise .rn-inline-quantity output{font-size:12px;display:inline-block;text-align:center;min-width:20px;font-weight:850;color:inherit}
#preise .rn-license-note{font-size:9px;color:#82969c;margin:6px 0 0;line-height:1.3}
#preise .featured .rn-license-note{color:#a2c3ca}
#preise .rn-inline-breakdown{font-size:10px;color:#527580;font-weight:700;line-height:1.35;margin-top:3px}
#preise .featured .rn-inline-breakdown{color:#a7d7dc}
#preise .plan-header p{min-height:0!important}
#preise .price-billing{min-height:0!important;margin-top:4px!important}
#preise .phone-breakdown{display:none!important}
#preise .seat-block .rn-license-note{min-height:0!important;margin:5px 0 0!important}
#preise .plan .plan-features li{margin:0!important;padding:0!important;min-height:0!important}
#preise .plan-features ul{align-content:start!important}
#preise .plan-features{flex:0 0 auto!important}
#preise .plan-bottom{margin-top:auto!important;padding-top:10px!important}
#preise .pricing-footnotes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:100%!important}
#preise .pricing-footnotes p{font-size:11px!important;line-height:1.55!important}
@media(max-width:1000px){#preise .plan.plan-v118{padding:15px 12px 13px!important}#preise .plan-header{min-height:105px!important}}
@media(max-width:760px){#preise .pricing-grid.pricing-grid-v118{grid-template-columns:1fr!important;gap:16px!important}#preise .plan.plan-v118.featured{transform:none!important}#preise .plan-header{min-height:0!important}#preise .pricing-footnotes{grid-template-columns:1fr!important}.hero-stage{padding:6px 4px 45px 0!important;margin:0!important}.hero-stage .stage-mobile{width:29%!important;right:0!important;bottom:5px!important}}


/* Desktop and iPhone: independent overlapping layers with room between focal points. */
.hero-stage{position:relative!important;overflow:visible!important;padding:12px 10px 102px 0!important;margin:0 -12px 0 0!important;isolation:isolate}
.hero-stage .stage-desktop{width:108%!important;margin-left:-3%!important;margin-right:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;position:relative!important}
.hero-stage .stage-desktop img{width:100%!important;height:auto!important;display:block!important;max-width:none!important;border:0!important;border-radius:0!important;filter:drop-shadow(0 20px 28px rgba(11,35,51,.16))}
.hero-stage .stage-mobile{position:absolute!important;right:-74px!important;bottom:-25px!important;width:28%!important;max-width:211px!important;height:auto!important;max-height:none!important;z-index:4!important;filter:drop-shadow(0 18px 21px rgba(8,24,38,.23))!important}
.rn-hero-zoom-open{display:block;position:relative;width:100%;padding:0;margin:0;border:0;background:transparent;cursor:zoom-in;text-align:left;border-radius:11px}
.rn-hero-zoom-open:focus-visible{outline:3px solid #00a6b2;outline-offset:4px}
.rn-hero-zoom-hint{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;background:rgba(8,33,48,.90);color:white;font-size:12px;font-weight:750;box-shadow:0 8px 20px rgba(0,0,0,.16);opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;pointer-events:none}
.rn-hero-zoom-open:hover .rn-hero-zoom-hint,.rn-hero-zoom-open:focus-visible .rn-hero-zoom-hint{opacity:1;transform:translateY(0)}
/* Caller source places subject on the left third; shifting the crop to 0 centers her face in the circle. */
.rn-phone-scene .rn-caller img{object-fit:cover!important;object-position:50% 50%!important}
/* Functional zoom, both on desktop and phones. */
.rn-hero-zoom-dialog{max-width:none;width:min(96vw,1480px);max-height:95dvh;margin:auto;padding:0;border:1px solid #d1e3e7;border-radius:20px;background:#fff;box-shadow:0 30px 100px rgba(0,17,28,.38);overflow:hidden;color:#123241}
.rn-hero-zoom-dialog::backdrop{background:rgba(6,22,36,.76);backdrop-filter:blur(6px)}
.rn-hero-zoom-head{padding:14px 16px 12px 21px;display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #deebed;background:#f7fbfc}
.rn-hero-zoom-head div{display:flex;flex-direction:column;gap:3px}
.rn-hero-zoom-head strong{font-size:16px;font-weight:820}
.rn-hero-zoom-head small{color:#597681;font-size:12px}
.rn-hero-zoom-controls{display:flex;align-items:center;gap:10px}
.rn-hero-zoom-controls button{border:1px solid #cbdee3;border-radius:10px;padding:9px 13px;background:white;color:#103c49;font-size:13px;font-weight:740;cursor:pointer}
.rn-hero-zoom-controls button:hover{background:#ecf7f8}
.rn-hero-zoom-controls button:focus-visible{outline:2px solid #03a8b6;outline-offset:2px}
.rn-hero-zoom-content{overflow:auto;max-height:calc(95dvh - 74px);background:linear-gradient(135deg,#f6fafa,#edf5f8);padding:16px;text-align:center}
.rn-hero-zoom-content img{width:100%;height:auto;max-width:100%;display:block;margin:0 auto;border-radius:10px}
.rn-hero-zoom-content.is-magnified img{width:1920px!important;max-width:none!important;margin:0}
@media(min-width:1500px){.hero-stage .stage-mobile{right:-85px!important}}
@media(min-width:901px) and (max-width:1499px){.hero-stage .stage-desktop{width:103%!important;margin-left:-1%!important}.hero-stage .stage-mobile{right:-30px!important;width:27%!important;max-width:193px!important;bottom:-18px!important}}
@media(max-width:900px){
.hero-stage{max-width:850px!important;width:100%!important;margin:14px auto 0!important;padding:8px 18px 85px 0!important}
.hero-stage .stage-desktop{width:100%!important;margin:0!important}
.hero-stage .stage-mobile{right:2px!important;bottom:-11px!important;width:28%!important;max-width:200px!important}
}
@media(max-width:600px){
.hero-stage{display:flex!important;flex-direction:column;align-items:stretch;gap:0;max-width:none!important;width:100%!important;margin:14px auto 0!important;padding:0 0 16px!important}
.hero-stage .stage-desktop{width:100%!important;margin:0!important}
.hero-stage .stage-mobile{position:relative!important;display:block!important;right:auto!important;bottom:auto!important;width:42%!important;max-width:165px!important;max-height:none!important;margin:-14px 5% 0 auto!important;align-self:flex-end}
.rn-hero-zoom-hint{opacity:1;transform:none;left:8px;bottom:8px;padding:6px 9px;font-size:10px}
.rn-hero-zoom-dialog{width:calc(100vw - 14px);max-height:96dvh;border-radius:14px}
.rn-hero-zoom-head{padding:10px 11px;gap:6px}
.rn-hero-zoom-head strong{font-size:12px}.rn-hero-zoom-head small{display:none}
.rn-hero-zoom-controls{gap:5px}.rn-hero-zoom-controls button{padding:8px;font-size:11px}
.rn-hero-zoom-content{padding:8px;max-height:calc(96dvh - 55px)}
}
@media(prefers-reduced-motion:reduce){.rn-hero-zoom-hint{transition:none}.rn-call-wave i,.rn-call-transfer span,.rn-call-arrow{animation:none!important}}


/* High-DPI image rendering: sharp rasters, no blurred scale transforms. */
.hero-stage .stage-desktop img,.hero-stage .stage-mobile{image-rendering:auto;backface-visibility:visible;transform:none!important;will-change:auto!important}
.rn-hero-zoom-content img{image-rendering:auto}
.rn-phone-scene .rn-caller img{object-position:center!important}


.rn-page-view[hidden],.rn-page-view [hidden]{display:none!important}
.rn-page-view{min-height:42vh}
.site-header .main-nav a[aria-current="page"],.site-header .mobile-nav a[aria-current="page"]{color:#078c98!important;font-weight:850}
.rn-page-intro{padding:80px 0 62px;background:radial-gradient(ellipse 65% 100% at 90% 26%,#e6f6f6,transparent 75%),linear-gradient(180deg,#fff,#f8fbfc)}
.rn-page-intro>.container{max-width:1150px}
.rn-page-intro h1{max-width:860px;color:#0b2636;font-size:clamp(37px,4vw,57px);line-height:1.09;letter-spacing:-.055em;margin:14px 0 18px;font-weight:850}
.rn-page-intro p{max-width:820px;color:#56717e;font-size:17px;line-height:1.68;margin:0}
.rn-page-intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.rn-page-intro-pricing{padding:64px 0 36px}
.rn-page-intro-pricing h1{font-size:clamp(34px,3.3vw,49px)}
.rn-page-intro-pricing p{font-size:15px}
.rn-compact-heading{text-align:center;max-width:820px;margin:0 auto 36px}
.rn-compact-heading h2,.rn-trust-head h2{font-size:clamp(31px,3.25vw,45px);letter-spacing:-.045em;line-height:1.15;color:#0b2636;margin:14px 0}
.rn-compact-heading p,.rn-trust-head p{font-size:15px;line-height:1.68;color:#597581}
.rn-home-capabilities{padding:80px 0;background:#f6fafb}
.rn-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rn-cap-card{display:flex;flex-direction:column;min-height:175px;padding:23px 24px;background:#fff;border:1px solid #dce9ed;border-radius:17px;transition:transform .2s,border-color .2s;gap:8px}
.rn-cap-card:hover{transform:translateY(-3px);border-color:#18a1aa}
.rn-cap-icon{color:#008f9e;font-size:24px;height:28px;line-height:28px}
.rn-cap-card b{font-size:17px;color:#133342}
.rn-cap-card small{font-size:12px;line-height:1.6;color:#6a818c}
.rn-home-more{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.rn-home-more span{font-size:12px;color:#67828d}
.rn-home-reassurance{padding:80px 0;background:white}
.rn-trust-head{text-align:center;max-width:850px;margin:0 auto 32px}
.rn-reassurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.rn-reassurance{border:1px solid #dfebee;border-radius:18px;padding:28px;background:#fff;transition:border-color .2s}
.rn-reassurance:hover{border-color:#0899a3}
.rn-reassurance b{font-size:16px;color:#0d3440}
.rn-reassurance p{font-size:13px;color:#647d88;line-height:1.65;min-height:63px}
.rn-reassurance span{font-size:12px;font-weight:800;color:#048e9c}
.rn-home-pricing{background:#f5fafa;padding:80px 0}
.rn-shortplans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1100px;margin:auto}
.rn-shortplan{padding:28px 26px;background:#fff;border:1px solid #d6e7e9;border-radius:18px;display:flex;flex-direction:column;gap:11px;box-shadow:0 8px 28px rgba(11,49,61,.035)}
.rn-shortplan-focus{background:linear-gradient(140deg,#09222f,#074450);border-color:#0a5057;color:#fff}
.rn-shortplan small{font-size:11px;color:#058995;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.rn-shortplan-focus small,.rn-shortplan-focus strong,.rn-shortplan-focus p,.rn-shortplan-focus div{color:#fff}
.rn-shortplan strong{color:#0c2c3a;font-size:23px}
.rn-shortplan div{font-size:12px;color:#466875}
.rn-shortplan div b{font-size:34px;color:inherit}
.rn-shortplan p{font-size:12px;color:#607c88;margin:0}
.rn-shortprice-note{text-align:center;color:#708792;font-size:11px;line-height:1.55;margin:21px 0 0}
.rn-journey-page{padding:78px 0;background:#fff}
.rn-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.rn-journey-grid>div{padding:25px;border:1px solid #deebed;border-radius:17px;background:#fafdfd}
.rn-journey-grid span{display:block;font-size:12px;font-weight:850;letter-spacing:.06em;color:#028d9b;margin-bottom:13px}
.rn-journey-grid b{font-size:16px;color:#102e3c}
.rn-journey-grid p{font-size:12px;color:#637d89;line-height:1.7}
.rn-function-searchbar{padding:20px 21px;margin-bottom:14px;background:#f2f8f9;border:1px solid #d7e7e9;border-radius:15px;display:grid;gap:13px}
.rn-function-searchbar label{display:block;font-weight:850;color:#103847;font-size:13px}
.rn-function-searchbar div>span,.rn-function-searchbar small{display:block;font-size:11px;color:#718a93;margin-top:4px}
.rn-function-searchrow{display:flex;gap:9px}
.rn-function-searchrow input{flex:1;min-width:0;min-height:43px;border:1px solid #cedfe4;border-radius:10px;background:#fff;padding:10px 13px;font:inherit;font-size:13px}
.rn-function-searchrow button{border:1px solid #d1e2e5;border-radius:10px;background:white;color:#0b6271;font-weight:800;font-size:12px;padding:0 13px;cursor:pointer}
.rn-fgroup[hidden],.rn-fitems span[hidden]{display:none!important}
.rn-deep-showcases{background:white;border-top:1px solid #deebed}
.rn-deep-showcases>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:25px max(calc((100vw - 1120px)/2),22px);gap:20px;list-style:none;color:#12404c;border-bottom:1px solid #dbeaed}
.rn-deep-showcases>summary::-webkit-details-marker{display:none}
.rn-deep-showcases>summary b{display:block;font-size:17px}
.rn-deep-showcases>summary small{color:#6c8590;display:block;margin-top:6px;font-size:12px}
.rn-deep-showcases>summary>span:last-child{font-size:28px;color:#028d99}
.rn-deep-showcases[open]>summary>span:last-child{transform:rotate(45deg)}
.rn-page-bottom{background:#f3f9f9;padding:32px 0 40px}
.rn-page-bottom>.container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rn-page-bottom p{font-size:13px;color:#526c75}
.rn-page-bottom b{display:block;font-size:16px;color:#143543;margin-bottom:4px}
.rn-page-bottom .container>div{display:flex;gap:12px;flex-wrap:wrap}
.rn-support{padding:75px 0}
.rn-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rn-support-tile{border:1px solid #dce9ed;border-radius:17px;padding:25px;background:#fff}
.rn-support-tile span{display:block;font-size:25px;color:#078d9a;margin-bottom:18px}
.rn-support-tile b{display:block;font-size:16px;color:#173845}
.rn-support-tile p{font-size:12px;color:#607c87;line-height:1.65;margin:10px 0 0}
.rn-support-action{margin-top:22px;padding:24px 28px;border-radius:16px;background:#f0f8f9;border:1px solid #d2e5e8;display:flex;align-items:center;justify-content:space-between;gap:25px}
.rn-support-action p{color:#4d707b;line-height:1.6;font-size:12px;max-width:740px}
.rn-price-clarifier{margin:0 auto 18px;max-width:1030px;border-left:3px solid #0c99a4;padding:11px 15px;background:#edf8f9;border-radius:8px;font-size:12px;line-height:1.6;color:#4d6e79}
.rn-price-clarifier b{color:#0d4653}
.rn-price-total-note{margin:3px 0 0;color:#098996;font-size:10px;font-weight:650}
#preise .plan-price strong{font-variant-numeric:tabular-nums}
#preise .rn-inline-breakdown{font-size:10px;line-height:1.5;min-height:28px}
#preise .pricing-grid .plan{min-height:auto}
#preise .pricing-grid{gap:21px}
@media(max-width:1000px){.rn-cap-grid,.rn-reassurance-grid,.rn-support-grid,.rn-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .rn-page-intro{padding:56px 0 42px}.rn-page-intro h1{font-size:clamp(32px,8vw,43px)}.rn-page-intro p{font-size:15px}
 .rn-cap-grid,.rn-reassurance-grid,.rn-shortplans,.rn-journey-grid,.rn-support-grid{grid-template-columns:1fr}
 .rn-home-capabilities,.rn-home-reassurance,.rn-home-pricing,.rn-journey-page,.rn-support{padding:58px 0}
 .rn-cap-card{min-height:0;padding:18px 20px}.rn-compact-heading{margin-bottom:25px}
 .rn-reassurance p{min-height:0}.rn-shortplan{padding:22px}.rn-shortplans{gap:11px}
 .rn-page-bottom>.container,.rn-support-action{flex-direction:column;align-items:stretch}
 .rn-page-bottom .btn{flex:1;text-align:center;justify-content:center}
 .rn-function-searchrow{flex-direction:column}.rn-function-searchrow button{min-height:38px}
 .rn-deep-showcases>summary{padding:22px}
 .rn-func-head{margin-bottom:22px}
 .rn-page-intro-pricing{padding-bottom:28px}
}
@media(prefers-reduced-motion:reduce){.rn-cap-card{transition:none}}

/* v2.6 refinements: more of the key messages above the fold and tighter mobile browsing. */
.rn-page-view[data-view="preise"] #preise{padding-top:68px!important}
.rn-page-view[data-view="preise"] #preise .prices-heading{margin-bottom:24px!important}
.rn-page-view[data-view="gewerke"] .rn-page-intro{padding:52px 0 26px}
.rn-page-view[data-view="gewerke"] .rn-page-intro h1{font-size:clamp(32px,3.2vw,46px)}
@media(max-width:760px){
 .rn-page-view[data-view="preise"] #preise{padding-top:44px!important}
 .rn-home-capabilities .rn-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .rn-home-capabilities .rn-cap-card{padding:14px;min-height:155px;gap:6px}
 .rn-home-capabilities .rn-cap-icon{font-size:21px;height:23px}
 .rn-home-capabilities .rn-cap-card b{font-size:13px;line-height:1.25}
 .rn-home-capabilities .rn-cap-card small{font-size:10.5px;line-height:1.45}
 .rn-home-pricing .rn-shortplan{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:5px;align-items:center;padding:16px 19px}
 .rn-home-pricing .rn-shortplan small{grid-column:1;grid-row:1}
 .rn-home-pricing .rn-shortplan strong{grid-column:1;grid-row:2;font-size:19px}
 .rn-home-pricing .rn-shortplan div{grid-column:2;grid-row:1/span 2;text-align:right;white-space:nowrap}
 .rn-home-pricing .rn-shortplan div b{font-size:27px}
 .rn-home-pricing .rn-shortplan p{grid-column:1/span 2;grid-row:3}
}


/* v2.7: the original full pricing cards replace the simplified marketing teaser. */
#preise-start{padding-top:68px;padding-bottom:76px;background:linear-gradient(180deg,#f7fbfb,#fff)}
#preise-start .rn-price-clarifier,#preise .rn-price-clarifier{max-width:1050px}
#rn-page-home .tablet-section{padding-top:72px;padding-bottom:78px}
#rn-page-home .mobile-section{padding-top:74px;padding-bottom:74px}
/* Employee time capture: same premium Ronevo tokens and rounded geometry. */
.rn-shift-story{padding:82px 0;background:linear-gradient(130deg,#eff8f8,#fff 70%)}
.rn-shift-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(30px,6vw,92px);align-items:center}
.rn-shift-copy h2{font-size:clamp(32px,3.5vw,49px);line-height:1.11;letter-spacing:-.047em;color:#0b2738;margin:14px 0 17px}
.rn-shift-copy>p{font-size:16px;color:#617a83;line-height:1.72;margin-bottom:25px}
.rn-shift-benefits{display:grid;gap:15px;margin-bottom:25px}
.rn-shift-benefits>div{display:flex;gap:12px;align-items:flex-start}
.rn-shift-benefits>div>span{display:grid;place-items:center;background:#dff7f5;color:#008d9b;font-weight:900;border-radius:50%;height:25px;width:25px;flex:none}
.rn-shift-benefits b,.rn-shift-benefits strong{display:block;font-size:14px;color:#133341;margin-bottom:4px}
.rn-shift-benefits small{display:block;font-size:12px;line-height:1.55;color:#66838e}
.rn-shift-art{width:100%;max-width:560px;margin:auto}
.rn-shift-phone{background:#fff;border:1px solid #d7e7e8;border-radius:25px;padding:26px;box-shadow:0 21px 60px rgba(12,55,67,.1)}
.rn-shift-header{display:flex;justify-content:space-between;gap:10px;color:#0c8997;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}
.rn-shift-phone h3{font-size:25px;margin:17px 0 2px;color:#0b2839;letter-spacing:-.035em}
.rn-shift-phone>p{font-size:12px;color:#7f98a0;margin:0 0 18px}
.rn-shift-live{background:#e9f8f8;border:1px solid #cfecee;display:grid;grid-template-columns:11px 1fr;column-gap:10px;padding:14px;border-radius:13px;align-items:center;margin-bottom:15px}
.rn-shift-live i{height:9px;width:9px;background:#08aa9b;border-radius:100%;grid-row:1/3;box-shadow:0 0 0 4px #0aa99b19}
.rn-shift-live strong{font-size:13px;color:#0b5f67}.rn-shift-live small{font-size:11px;color:#5c858e;margin-top:4px}
.rn-shift-record{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf1f3;padding:13px 0}
.rn-shift-record>span{font-size:14px;font-weight:850;color:#0d2937;min-width:50px}
.rn-shift-record>div{flex:1;min-width:0}
.rn-shift-record b{display:block;font-size:12px;color:#173441}
.rn-shift-record small{display:block;font-size:11px;color:#718892;margin-top:3px}
.rn-shift-record em{font-size:10px;font-style:normal;color:#17807c;background:#e8f7f4;padding:5px 8px;border-radius:8px}
.rn-shift-record:last-of-type em{background:#fff3df;color:#a66c16}
.rn-shift-bottom{display:grid;gap:5px;padding-top:17px;color:#1c4550}
.rn-shift-bottom strong{font-size:13px}.rn-shift-bottom small{font-size:11px;color:#748d96}
.rn-shift-disclaimer{font-size:11px;color:#68848e;line-height:1.5;margin-top:13px;text-align:center}
@media(max-width:940px){.rn-shift-layout{grid-template-columns:1fr}.rn-shift-art{max-width:560px}.rn-shift-story{padding:68px 0}}
@media(max-width:560px){.rn-shift-phone{padding:18px}.rn-shift-story{padding:56px 0}.rn-shift-copy>p{font-size:14px}#preise-start{padding-top:58px;padding-bottom:58px}}


/* Ronevo 2.9: navigation/visual hierarchy and mobile clarity; design vocabulary unchanged. */
.rn-cap-icon .icon{width:23px;height:23px;stroke-width:2;display:block}

.rn-proof.rn-proof-compact{padding:16px 0 22px!important;background:linear-gradient(180deg,#f8fbfb 0%,#fff 100%)}
.rn-proof-compact .rn-trustline{padding:15px 22px;gap:9px 21px;box-shadow:0 8px 28px rgba(8,47,60,.03)}
#rn-page-home #features{padding-top:58px}
#rn-page-home #leistung{padding-top:64px;padding-bottom:64px}
#rn-page-home #termin-demo{padding-top:65px;padding-bottom:66px}
#rn-page-home #auswertungen{padding-top:65px;padding-bottom:65px}
#rn-page-home #sicherheit-kurz{padding-top:64px;padding-bottom:60px}
#rn-page-home #einstieg{padding-top:68px;padding-bottom:65px}
#rn-page-home #preise-start{padding-top:65px;padding-bottom:70px}
#rn-page-home #wetter{scroll-margin-top:95px}
#rn-page-home section[id]{scroll-margin-top:100px}
.rn-cap-card:focus-visible,.rn-reassurance:focus-visible{outline:3px solid #0a9da8;outline-offset:3px}
@media(max-width:760px){
 #rn-page-home .hero{padding-top:29px!important;padding-bottom:28px!important}
 #rn-page-home .hero h1{font-size:clamp(36px,10.25vw,46px)!important;line-height:1.08!important;margin-top:14px!important;margin-bottom:13px!important}
 #rn-page-home .hero .lead{font-size:14px!important;line-height:1.54!important;margin-bottom:16px!important}
 #rn-page-home .hero .pill{font-size:11px!important;line-height:1.3!important}
 #rn-page-home .hero-actions{gap:5px!important}
 #rn-page-home .hero-actions .btn-primary{min-height:47px!important}
 #rn-page-home .hero-actions .btn-secondary{min-height:0!important;padding:9px 7px!important;border:none!important;box-shadow:none!important;background:transparent!important;color:#087d88!important;font-weight:800!important}
 #rn-page-home .hero-perks{margin-top:7px!important;gap:4px 13px!important;font-size:10px!important}
 #rn-page-home .hero-perks span:nth-child(2){display:none!important}
 #rn-page-home .trust-mini{margin-top:9px!important;gap:8px!important}
 #rn-page-home .trust-mini small{font-size:10px!important}
 #rn-page-home .hero-stage{margin-top:2px!important}
 .rn-proof.rn-proof-compact{padding:11px 0 17px!important}
 .rn-proof-compact .rn-trustline{padding:12px 13px!important;gap:7px 13px!important;font-size:10px!important;line-height:1.35!important}
 #rn-page-home #features{padding:47px 0 50px!important}
 #rn-page-home #features .section-header{margin-bottom:21px!important}
 #rn-page-home #features .section-header h2{font-size:clamp(29px,7vw,36px)!important;line-height:1.15!important}
 #rn-page-home #features .section-header p{font-size:13px!important;line-height:1.58!important}
 #rn-page-home #termin-demo{padding:48px 0!important}
 #rn-page-home #leistung{padding:48px 0!important}
 #rn-page-home #leistung .rn-compact-heading{margin-bottom:22px!important}
 #rn-page-home #leistung .rn-cap-card{min-height:0!important;padding:16px 13px!important;gap:6px!important}
 #rn-page-home #leistung .rn-cap-grid{gap:10px!important}
 #rn-page-home #leistung .rn-home-more{margin-top:20px!important;gap:10px!important}
 #rn-page-home #wetter{padding:50px 0!important}
 #rn-page-home #produkt{padding:49px 0!important}
 #rn-page-home #zeiterfassung{padding:51px 0!important}
 #rn-page-home #auswertungen{padding:49px 0!important}
 #rn-page-home #sicherheit-kurz{padding:49px 0!important}
 #rn-page-home #sicherheit-kurz .rn-trust-head{margin-bottom:20px!important}
 #rn-page-home #sicherheit-kurz .rn-trust-head h2{font-size:clamp(29px,7vw,37px)!important}
 #rn-page-home #sicherheit-kurz .rn-reassurance-grid{gap:9px!important}
 #rn-page-home #sicherheit-kurz .rn-reassurance{padding:16px 18px!important}
 #rn-page-home #sicherheit-kurz .rn-reassurance p{min-height:0!important;line-height:1.5!important;margin:7px 0!important}
 #rn-page-home #preise-start{padding:51px 0 56px!important}
 #rn-page-home #preise-start .plan.plan-v118{padding:23px 21px!important}
 #rn-page-home #preise-start .plan.plan-v118.featured{padding-top:35px!important}
 #rn-page-home #preise-start .pricing-footnotes p{padding:12px 14px!important}
 #rn-page-home #einstieg{padding:49px 0!important}
 #rn-page-home #einstieg .trial-step{padding:16px 18px!important}
 #rn-page-home #einstieg .trial-steps{gap:10px!important}
}
@media(max-width:420px){
 #rn-page-home .hero-stage .stage-desktop{max-width:100%!important}
 #rn-page-home #leistung .rn-cap-card small{font-size:11px!important;line-height:1.45!important}
}
@media(prefers-reduced-motion:reduce){
 .rn-cap-card,.rn-reassurance{transition:none!important}
}


/* Ronevo v2.10: ONLY two pricing sections modified; other website sections untouched. */
/* 1. Fixed room for 2+ digits in all quantity steppers. */
:is(#preise, #preise-start) .rn-inline-quantity {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:25px 32px 25px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  width:92px!important;
  min-width:92px!important;
  flex:0 0 92px!important;
  padding:3px!important;
  border-radius:9px!important;
}
:is(#preise, #preise-start) .rn-inline-quantity output {
  box-sizing:border-box!important;
  display:block!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:25px!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
:is(#preise, #preise-start) .rn-inline-quantity .rn-seat-btn {
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  width:25px!important;
  min-width:25px!important;
  height:26px!important;
  padding:0!important;
  flex:none!important;
  font:800 15px/1 system-ui,sans-serif!important;
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  border-radius:6px!important;
}
:is(#preise, #preise-start) .rn-inline-quantity .rn-seat-btn:hover:not(:disabled) {background:rgba(8,147,159,.16)!important}
:is(#preise, #preise-start) .rn-inline-quantity .rn-seat-btn:focus-visible {outline:2px solid #04b1ba!important;outline-offset:0!important}
:is(#preise, #preise-start) .seat-row>span{min-width:0!important}

/* 2. Separate, balanced price composition block; dynamic values retained. */
:is(#preise, #preise-start) .rn-price-summary {
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  box-sizing:border-box!important;
  margin-top:11px!important;
  padding:9px 11px!important;
  min-height:57px!important;
  background:#f0f7f8!important;
  border:1px solid #dfecee!important;
  border-radius:10px!important;
}
:is(#preise, #preise-start) .plan.featured .rn-price-summary {
  background:rgba(227,253,255,.075)!important;
  border-color:rgba(209,243,243,.20)!important;
}
:is(#preise, #preise-start) .rn-price-total-note {
  margin:0!important;
  font-size:10px!important;
  font-weight:760!important;
  letter-spacing:.015em!important;
  color:#55747f!important;
  line-height:1.3!important;
}
:is(#preise, #preise-start) .plan.featured .rn-price-total-note{color:#c3dfe1!important}
:is(#preise, #preise-start) .rn-inline-breakdown {
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  font-size:11px!important;
  font-weight:720!important;
  line-height:1.4!important;
  color:#104b5b!important;
  overflow-wrap:break-word!important;
  font-variant-numeric:tabular-nums!important;
}
:is(#preise, #preise-start) .plan.featured .rn-inline-breakdown{color:#f0fdff!important}

/* Avoid old 70px minimums from the long-form marketing layout. */
:is(#preise, #preise-start) .plan-header p{min-height:0!important}
:is(#preise, #preise-start) .seat-block .rn-license-note{min-height:0!important}
/* 3. Moderate vertical reduction without removing any card content. */
@media(min-width:1081px){
  :is(#preise, #preise-start){padding-top:27px!important}
  :is(#preise, #preise-start) .section-header{margin-bottom:11px!important}
  :is(#preise, #preise-start) .section-header h2{margin:8px 0 7px!important;font-size:clamp(29px,2.4vw,35px)!important}
  :is(#preise, #preise-start) .section-header p{font-size:13px!important;line-height:1.4!important}
  :is(#preise, #preise-start) .price-toolbar{margin-bottom:11px!important;gap:12px!important}
  :is(#preise, #preise-start) .billing-control,
  :is(#preise, #preise-start) .addon-control{padding:9px 12px!important}
  :is(#preise, #preise-start) .rn-price-clarifier{padding:8px 12px!important;margin:0 auto 13px!important;font-size:11px!important;line-height:1.45!important}
  :is(#preise, #preise-start) .pricing-grid.pricing-grid-v118{gap:18px!important}
  :is(#preise, #preise-start) .plan.plan-v118{padding:16px 20px 15px!important}
  :is(#preise, #preise-start) .plan.plan-v118.featured{padding-top:22px!important}
  :is(#preise, #preise-start) .plan-header{min-height:92px!important}
  :is(#preise, #preise-start) .plan-v118 h3{font-size:27px!important;margin:0 0 5px!important}
  :is(#preise, #preise-start) .plan-v118 .plan-header p{font-size:11px!important;line-height:1.4!important}
  :is(#preise, #preise-start) .plan-pricing{padding:8px 0 10px!important}
  :is(#preise, #preise-start) .plan-price strong{font-size:42px!important}
  :is(#preise, #preise-start) .price-billing{margin-top:4px!important;min-height:0!important;font-size:10px!important;line-height:1.35!important}
  :is(#preise, #preise-start) .rn-price-summary{margin-top:8px!important;padding:7px 10px!important;min-height:52px!important;gap:3px!important}
  :is(#preise, #preise-start) .seat-block{padding:8px 0 8px!important}
  :is(#preise, #preise-start) .seat-block>strong{margin:0 0 5px!important;font-size:10px!important}
  :is(#preise, #preise-start) .seat-row{margin:3px 0!important;min-height:32px!important}
  :is(#preise, #preise-start) .seat-block .rn-license-note{margin:4px 0 0!important;font-size:9px!important;line-height:1.35!important}
  :is(#preise, #preise-start) .plan-features{padding:9px 0 0!important;flex:0 0 auto!important}
  :is(#preise, #preise-start) .features-caption{font-size:10px!important;margin:0 0 7px!important}
  :is(#preise, #preise-start) .plan .plan-features ul{gap:6px!important}
  :is(#preise, #preise-start) .plan .plan-features li{font-size:11px!important;line-height:1.38!important;margin:0!important}
  :is(#preise, #preise-start) .plan-bottom{margin-top:auto!important;padding-top:10px!important;gap:6px!important}
  :is(#preise, #preise-start) .phone-indicator{min-height:22px!important;font-size:10px!important}
  :is(#preise, #preise-start) .price-cta{min-height:39px!important;padding:9px 11px!important;font-size:12px!important}
  :is(#preise, #preise-start) .plan-bottom small{font-size:9px!important;line-height:1.25!important}
}
@media(max-width:760px){
 :is(#preise, #preise-start) .rn-inline-quantity{width:92px!important;min-width:92px!important}
 :is(#preise, #preise-start) .rn-price-summary{min-height:55px!important}
}


/* Visual improvement only: original layout system & pricing components remain untouched. */
.rn-hero-pricelink{margin-top:10px;display:flex;align-items:baseline;gap:8px 13px;flex-wrap:wrap;color:#607986;font-size:12px;line-height:1.5}
.rn-hero-pricelink strong{color:#0b3442;font-weight:850}
.rn-hero-pricelink a{color:#007f8d;font-weight:850;text-decoration:underline;text-decoration-color:#b2dcde;text-underline-offset:4px}
.rn-hero-pricelink a:hover{text-decoration-color:#058f9a}
.rn-phone-zoom-open{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;cursor:zoom-in;display:block;text-align:left;isolation:isolate;z-index:6!important}
.rn-phone-zoom-open .rn-phone-preview-image{width:100%;height:auto;max-width:100%;display:block;object-fit:contain;border-radius:inherit}
.rn-phone-zoom-open:focus-visible{outline:3px solid #07acb2;outline-offset:5px}
.rn-phone-zoom-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:20px;padding:5px 8px;color:white;background:rgba(6,42,57,.86);font-size:9px;font-weight:750;opacity:0;transition:opacity .18s;pointer-events:none}
.rn-phone-zoom-open:hover .rn-phone-zoom-label,.rn-phone-zoom-open:focus-visible .rn-phone-zoom-label{opacity:1}
.rn-phone-dialog{width:min(480px,96vw)!important;max-width:96vw!important}
.rn-phone-zoom-content{display:grid;place-items:start center;max-height:calc(95dvh - 64px);overflow:auto;background:linear-gradient(140deg,#eef8f9,#fff)}
.rn-phone-zoom-content img{display:block;height:min(75dvh,890px);width:auto;max-width:100%;object-fit:contain;max-height:none;transform-origin:top center}
.rn-phone-zoom-content.is-magnified img{height:auto;max-width:none;width:min(160%,650px);}
/* Intentional deliberate rhythm – never alter the three pricing cards themselves. */
#rn-page-home #sicherheit-kurz{padding-top:45px!important;padding-bottom:48px!important}
#rn-page-home #sicherheit-kurz .rn-trust-head{margin-bottom:23px}
#rn-page-home #sicherheit-kurz .rn-trust-head h2{font-size:clamp(28px,3vw,39px)}
#rn-page-home #sicherheit-kurz .rn-trust-head p{max-width:760px;margin:0 auto}
#rn-page-home #preise-start{padding-top:60px!important}
#rn-page-home #leistung{padding-top:48px!important;padding-bottom:50px!important}
#rn-page-home #leistung .rn-cap-card{min-height:154px}
#rn-page-home #termin-demo{padding-top:55px!important;padding-bottom:58px!important}
#rn-page-home #features{padding-top:58px!important;padding-bottom:55px!important}
#rn-page-home #einstieg{padding-top:62px!important}
#rn-page-home #auswertungen,#rn-page-home #produkt,#rn-page-home #zeiterfassung{padding-top:58px!important;padding-bottom:60px!important}
#rn-page-home #wetter{padding-top:55px!important;padding-bottom:65px!important}
/* New advisory is deliberately optional and lives on the pricing page only. */
.rn-advisor-wrap{padding:28px 0 12px;background:#f7fbfb}
.rn-advisor{max-width:1120px;margin:auto;background:#fff;border:1px solid #d8e9eb;border-radius:19px;overflow:hidden;box-shadow:0 12px 30px rgba(7,42,55,.04)}
.rn-advisor>summary{list-style:none;display:flex;gap:16px;align-items:center;padding:20px 25px;cursor:pointer;color:#133746}
.rn-advisor>summary::-webkit-details-marker{display:none}
.rn-advisor-icon{height:38px;width:38px;flex:none;display:grid;place-items:center;background:#e8f7f7;color:#048895;border-radius:12px;font-size:24px}
.rn-advisor>summary>span:nth-child(2){flex:1}
.rn-advisor>summary strong{display:block;font-size:15px;margin-bottom:5px}
.rn-advisor>summary small{display:block;color:#617b87;font-size:12px}
.rn-advisor-plus{font-size:25px;color:#048e9c;transition:transform .2s}
.rn-advisor[open] .rn-advisor-plus{transform:rotate(45deg)}
.rn-advisor-body{padding:20px 25px 26px;border-top:1px solid #e0ebee;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.72fr);gap:25px}
.rn-advisor-questions{display:grid;gap:15px;align-content:start}
.rn-advisor-questions label{font-size:13px;font-weight:750;display:grid;gap:8px;color:#153c49}
.rn-advisor-questions select{min-height:44px;max-width:100%;width:100%;border:1px solid #cddfe4;border-radius:10px;padding:10px 12px;background:#fff;font:inherit;color:#15313e}
.rn-advisor-result{border-radius:15px;background:linear-gradient(140deg,#eaf8f8,#f9fcfc);padding:22px;border:1px solid #d0e8e9}
.rn-advisor-result>small:first-child{font-size:10px;letter-spacing:.06em;color:#058997;font-weight:850}
.rn-advisor-result>strong{font-size:25px;color:#103342;display:block;margin-top:10px}
.rn-advisor-result-price{display:flex;align-items:baseline;gap:9px;margin-top:8px;flex-wrap:wrap}
.rn-advisor-result-price b{font-size:30px;color:#0a2b3d}
.rn-advisor-result-price span{font-size:11px;color:#5c7482}
.rn-advisor-result p{font-size:13px;line-height:1.55;color:#395d68}
.rn-advisor-result a{color:#038696;font-weight:800;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.rn-advisor-result .rn-advisor-caveat{display:block;font-size:10px;line-height:1.45;color:#738a94;margin-top:13px}
/* Real category arrows: retain current responsive layout, update disabled state after view is visible. */
@media(max-width:760px){
 .rn-hero-pricelink{font-size:11px;gap:4px 10px}
 .rn-phone-zoom-label{opacity:.9;font-size:8px}
 .hero .hero-copy .lead{line-height:1.56!important}
 #rn-page-home #features{padding-top:36px!important;padding-bottom:38px!important}
 #rn-page-home #termin-demo{padding-top:42px!important;padding-bottom:46px!important}
 #rn-page-home #leistung{padding-top:39px!important;padding-bottom:42px!important}
 #rn-page-home #sicherheit-kurz{padding-top:42px!important;padding-bottom:42px!important}
 #rn-page-home #sicherheit-kurz .rn-reassurance-grid{gap:12px}
 #rn-page-home #preise-start{padding-top:43px!important}
 .rn-advisor-wrap{padding:14px 0 6px}
 .rn-advisor>summary{padding:16px 15px;gap:10px}
 .rn-advisor>summary strong{font-size:13px}
 .rn-advisor>summary small{font-size:11px}
 .rn-advisor-body{grid-template-columns:1fr;padding:15px;gap:15px}
 .rn-phone-dialog{width:calc(100vw - 16px)!important}
 .rn-phone-zoom-content img{height:min(70dvh,720px)}
 }
@media(prefers-reduced-motion:reduce){.rn-phone-zoom-label,.rn-advisor-plus{transition:none!important}}


/* RONEVO 2.12 – behavioral/UX refinements ONLY: existing design tokens unchanged */
.rn-trust-upgrade{padding:62px 0 58px!important}
.rn-reassurance-grid.rn-reassurance-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.rn-reassurance-four .rn-reassurance{display:flex;flex-direction:column;padding:22px 21px;min-height:211px;gap:7px}
.rn-reassurance-four .rn-reassurance b{font-size:15px;line-height:1.35}
.rn-reassurance-four .rn-reassurance p{font-size:12px;line-height:1.55;min-height:0;flex:1;margin:0}
.rn-reassurance-four .rn-reassurance>span:last-child{margin-top:8px}
.rn-reassurance-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:17px!important;font-weight:850;color:#0b8b96!important;background:#e9f7f8;line-height:1!important}
.rn-trust-story{display:flex;align-items:flex-start;gap:16px;background:#f2f9fa;border:1px solid #dcecef;border-radius:15px;padding:18px 22px;margin:22px auto 0;max-width:1000px}
.rn-trust-story-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;color:#fff;background:linear-gradient(135deg,#052c3c,#0b9aa5);border-radius:13px;font-size:24px;font-weight:800}
.rn-trust-story strong{font-size:14px;color:#123541}.rn-trust-story p{margin:5px 0 0;font-size:12px;line-height:1.65;color:#5b727f}
.rn-home-questions{padding:61px 0 64px!important;background:#fff}
.rn-faq-home-title{text-align:center;max-width:770px;margin:0 auto 25px}
.rn-faq-home-title h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;line-height:1.15;margin:11px 0;color:#0b2636}
.rn-faq-home-title p{font-size:14px;line-height:1.6;color:#5c7784}
.rn-faq-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 13px}
.rn-faq-home-grid details{border:1px solid #dae9ed;border-radius:13px;background:#f9fcfc;align-self:start}
.rn-faq-home-grid summary{cursor:pointer;list-style:none;padding:17px 42px 17px 17px;font-weight:770;font-size:13px;color:#183a48;position:relative;min-height:52px}
.rn-faq-home-grid summary::-webkit-details-marker{display:none}
.rn-faq-home-grid summary:after{content:'+';position:absolute;right:17px;top:14px;font-size:20px;color:#008d9a;font-weight:400}
.rn-faq-home-grid details[open] summary:after{content:'−'}
.rn-faq-home-grid details p{padding:0 17px 18px;margin:0;font-size:12px;line-height:1.7;color:#5b7581}
.rn-faq-home-actions{display:flex;align-items:center;justify-content:center;gap:23px;flex-wrap:wrap;margin-top:23px}
.rn-text-link{color:#057783;text-decoration:none;font-size:13px;font-weight:780}
.rn-more-showcase-shell{padding:58px 0 30px;background:#f8fcfc}
.rn-more-showcase-top{text-align:center;max-width:810px;margin:0 auto 22px}
.rn-more-showcase-top h2{font-size:clamp(30px,3vw,41px);letter-spacing:-.04em;margin:12px 0}
.rn-more-showcase-top p{font-size:14px;line-height:1.65;color:#637d87}
.rn-more-showcase{max-width:1120px;margin:0 auto;border:1px solid #d6e8ed;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 25px rgba(4,45,54,.035)}
.rn-more-showcase>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 26px;color:#113544}
.rn-more-showcase>summary::-webkit-details-marker{display:none}
.rn-more-showcase>summary strong{display:block;font-size:16px}.rn-more-showcase>summary small{display:block;margin-top:4px;color:#6c8590;font-size:12px}
.rn-more-showcase-chevron{font-size:30px;color:#0b8795;transition:transform .2s}.rn-more-showcase[open] .rn-more-showcase-chevron{transform:rotate(180deg)}
.rn-more-showcase-content{padding:0}.rn-more-showcase-content>section{scroll-margin-top:90px}
.rn-more-showcase-content .section{padding-top:72px;padding-bottom:72px}
.rn-more-showcase-content .section:nth-child(2n){background:#f3f9fa}
.rn-hero-zoom-dialog[open]{display:flex!important;flex-direction:column!important;max-height:min(90dvh,950px)!important;width:min(96vw,1440px)!important;overflow:hidden!important;padding:0!important;box-sizing:border-box}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-head{flex:none;padding:13px 18px;position:relative;z-index:1}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-head .rn-hero-zoom-controls{flex-direction:row}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-content{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;max-height:none!important;overflow:auto;padding:16px;background:#f3f8f9;box-sizing:border-box}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-content:not(.is-magnified) img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(90dvh - 118px)!important;object-fit:contain!important;margin:auto!important;flex:none}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-content.is-magnified{display:block;text-align:center}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-content.is-magnified img{display:block!important;width:1650px!important;max-width:none!important;max-height:none!important;height:auto!important;margin:0 auto!important}
.rn-phone-dialog[open]{width:min(94vw,660px)!important}
.rn-phone-dialog[open] .rn-phone-zoom-content:not(.is-magnified) img{max-height:calc(90dvh - 125px)!important;width:auto!important}
.rn-phone-dialog[open] .rn-phone-zoom-content.is-magnified img{width:650px!important;max-height:none!important}
.rn-topic-links{background:#f1f7f8;padding:31px 0;border-top:1px solid #dcebef}
.rn-topic-links .container{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:start}
.rn-topic-links strong{font-size:14px;color:#123946}
.rn-topic-links p{font-size:12px;color:#617d89;line-height:1.6;margin:6px 0 0}
.rn-topic-links nav{display:flex;flex-wrap:wrap;gap:9px}
.rn-topic-links a{border-radius:8px;background:#fff;border:1px solid #dbe9ed;padding:8px 11px;font-size:12px;text-decoration:none;color:#096b78}
.rn-topic-links a:hover{border-color:#088e9d}
.rn-seo-hero{background:linear-gradient(130deg,#fff 8%,#eaf6f7);padding:59px 0 67px}
.rn-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#6a8590;margin-bottom:35px}
.rn-crumbs a{color:#0a7685;text-decoration:none}
.rn-seo-hero h1{font-size:clamp(36px,4.5vw,59px);letter-spacing:-.05em;line-height:1.08;margin:12px 0 14px;max-width:950px;color:#071f2c}
.rn-seo-sub{font-size:clamp(17px,2vw,23px);font-weight:720;color:#067c89;max-width:820px;line-height:1.35}
.rn-seo-lead{max-width:850px;font-size:15px;line-height:1.78;color:#55727f;margin-top:19px}
.rn-seo-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.rn-seo-body{padding:68px 0;background:#fff}
.rn-seo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rn-seo-card{border:1px solid #dce8ea;border-radius:18px;padding:25px 24px;background:#fbfdfd}
.rn-seo-mark{font-size:12px;font-weight:860;color:#0b96a5}
.rn-seo-card h2{font-size:19px;letter-spacing:-.02em;color:#0c3441;margin:12px 0}
.rn-seo-card p{font-size:13px;line-height:1.75;color:#5a7885}
.rn-seo-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:45px;margin-top:74px;align-items:start}
.rn-seo-faq h2{font-size:34px;line-height:1.2;letter-spacing:-.04em;margin:14px 0}
.rn-seo-faq p{font-size:13px;line-height:1.75;color:#597784}
.rn-seo-answers details{border-bottom:1px solid #dae8ea;padding:15px 0}
.rn-seo-answers summary{font-size:14px;font-weight:780;color:#133c49;cursor:pointer}
.rn-seo-answers p{margin-bottom:0}
.rn-seo-related{padding:55px 0;background:#f3f9fa}
.rn-seo-related h2{font-size:29px;letter-spacing:-.04em;color:#0a303d;margin:12px 0 22px}
.rn-seo-related-links{display:flex;gap:9px;flex-wrap:wrap}
.rn-seo-related-links a{background:#fff;border:1px solid #d3e5e8;border-radius:9px;padding:10px 13px;font-size:12px;color:#066c79;text-decoration:none}
.rn-seo-cta{padding:42px 0}.rn-seo-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:25px}
.rn-seo-cta b{font-size:20px;color:#0e3541}.rn-seo-cta p{font-size:13px;color:#617d89;margin:7px 0 0}
/* Slimmer mobile first screen, only reorganizing spacing not the original hero composition. */
@media(max-width:980px){
.rn-reassurance-grid.rn-reassurance-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.rn-seo-cards{grid-template-columns:1fr 1fr}.rn-seo-faq{grid-template-columns:1fr 1.5fr;gap:26px}
}
@media(max-width:700px){
.rn-trust-upgrade{padding:42px 0!important}.rn-reassurance-grid.rn-reassurance-four{grid-template-columns:1fr}
.rn-reassurance-four .rn-reassurance{min-height:0;padding:18px;gap:5px}
.rn-reassurance-four .rn-reassurance p{max-width:100%}.rn-trust-story{padding:15px;gap:11px}
.rn-home-questions{padding:47px 0!important}.rn-faq-home-grid{grid-template-columns:1fr;gap:8px}
.rn-faq-home-title h2{font-size:31px}.rn-faq-home-grid summary{padding:16px 45px 16px 15px}
.rn-more-showcase-shell{padding:43px 0 25px}.rn-more-showcase-top h2{font-size:30px}
.rn-more-showcase>summary{padding:19px 17px}.rn-more-showcase-content .section{padding-top:45px;padding-bottom:50px}
.rn-hero-zoom-dialog[open]{width:97vw!important;max-height:88dvh!important;border-radius:14px!important}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-head{padding:12px!important;flex-wrap:wrap;gap:9px}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-head strong{font-size:14px}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-head small{font-size:10px}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-controls{gap:6px}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-controls button{padding:7px 10px;font-size:11px}
.rn-hero-zoom-dialog[open] .rn-hero-zoom-content:not(.is-magnified) img{max-height:calc(88dvh - 170px)!important}
.rn-phone-dialog[open]{width:92vw!important}
.rn-topic-links .container{grid-template-columns:1fr;gap:15px}
.rn-seo-hero{padding:42px 0}.rn-crumbs{margin-bottom:20px}
.rn-seo-body{padding:42px 0}.rn-seo-cards{grid-template-columns:1fr}
.rn-seo-faq{grid-template-columns:1fr;margin-top:42px}.rn-seo-related{padding:39px 0}
.rn-seo-cta>.container{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.rn-more-showcase-chevron{transition:none}}


/* Ronevo 2.13: Textführung und mobile Details, keine Veränderung an Preislogik/Bildposition/Viewer. */
#rn-page-home .hero .pill{font-weight:760;letter-spacing:.005em}
#rn-page-home .hero-copy .lead{max-width:545px}
#rn-page-home .rn-cap-card small{color:#506e7a;font-size:12.5px;line-height:1.52}
#rn-page-home .rn-cap-card b{letter-spacing:-.015em}
#rn-page-home .rn-trust-head h2{letter-spacing:-.038em}
#rn-page-home .rn-trust-story p{max-width:780px}
#rn-page-home .rn-faq-home-grid details p{max-width:690px}
@media(max-width:760px){
 #rn-page-home .hero{padding-top:20px!important;padding-bottom:22px!important}
 #rn-page-home .hero h1{font-size:clamp(35px,9.7vw,43px)!important;margin-top:11px!important;margin-bottom:11px!important;line-height:1.08!important}
 #rn-page-home .hero-copy .lead{font-size:14px!important;line-height:1.45!important;margin-bottom:11px!important}
 #rn-page-home .hero-actions{margin-top:3px!important}
 #rn-page-home .hero-actions .btn{min-height:43px!important}
 #rn-page-home .rn-hero-pricelink{margin-top:7px!important}
 #rn-page-home .hero-stage{margin-top:5px!important}
 #rn-page-home #features .section-header p{max-width:650px}
 #rn-page-home .rn-home-capabilities .rn-cap-card{min-height:148px}
 #rn-page-home .rn-home-capabilities .rn-cap-card small{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){#rn-page-home .rn-cap-card{transition:none!important}}


/* RONEVO DESKTOP + MOBILE — 2027 Edition / real-video notebook showcase */
.rn-cinema{position:relative;overflow:hidden;padding:102px 0 96px;background:radial-gradient(ellipse 65% 65% at 68% 40%,#e1f1f2 0%,transparent 80%),linear-gradient(180deg,#fbfdfd,#f3f9fa 80%,#fff);border-top:1px solid #e5eeee;border-bottom:1px solid #e7efef}
.rn-cinema:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#629fa8 0.55px,transparent .8px);background-size:22px 22px;opacity:.11;mask-image:linear-gradient(90deg,transparent 32%,#000 100%)}
.rn-cinema-container{position:relative;max-width:1250px}
.rn-cinema-heading{text-align:center;max-width:850px;margin:0 auto 47px}
.rn-cinema-heading .eyebrow{color:#008d9a;font-size:12px;letter-spacing:.12em;font-weight:900}
.rn-cinema-heading h2{font-size:clamp(36px,3.9vw,55px);line-height:1.12;letter-spacing:-.055em;color:#0c2535;margin:15px 0 14px;font-weight:850}
.rn-cinema-heading h2 span{color:#078894}
.rn-cinema-heading p{font-size:16px;line-height:1.68;color:#546e79;margin:0}
.rn-cinema-layout{display:grid;grid-template-columns:minmax(290px,.74fr) minmax(0,1.4fr);align-items:center;gap:clamp(25px,3vw,52px)}
.rn-cinema-copy{padding:7px 0 14px;max-width:370px}
.rn-cinema-kicker{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.15em;color:#087b89;margin-bottom:24px}
.rn-cinema-live-dot{width:7px;height:7px;border-radius:100%;background:#00a9af;box-shadow:0 0 0 5px #d2eff0}
.rn-cinema-copy h3{font-size:clamp(26px,2.5vw,37px);line-height:1.17;letter-spacing:-.047em;color:#0a2636;margin:0 0 15px;font-weight:850}
.rn-cinema-copy>p{font-size:15px;line-height:1.76;color:#5b7480;margin:0 0 25px}
.rn-cinema-scene-tabs{display:grid;gap:10px;margin:0 0 19px}
.rn-cinema-tab{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #d3e2e5;border-radius:14px;padding:15px 16px;background:#fff;color:#163b49;box-shadow:0 6px 18px rgba(14,44,54,.025);font-size:14px;font-weight:800;cursor:pointer;text-align:left;transition:background .2s,box-shadow .2s,border-color .2s,transform .2s}
.rn-cinema-tab:hover{border-color:#6abac0;transform:translateY(-1px)}
.rn-cinema-tab.active{border-color:#13a0aa;background:linear-gradient(100deg,#e9f8f8,#fff);box-shadow:0 9px 25px rgba(12,140,152,.11)}
.rn-cinema-tab-n{border-radius:8px;width:31px;height:30px;display:grid;place-items:center;background:#e7f0f2;color:#008b98;font-size:11px;font-weight:900;flex:none}
.rn-cinema-tab.active .rn-cinema-tab-n{background:#078e9b;color:#fff}
.rn-cinema-tab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;margin-left:auto;flex:none;opacity:.55}
.rn-cinema-lower{display:flex;justify-content:space-between;color:#7a929a;font-size:11px;padding:0 2px;gap:10px}
.rn-cinema-deep-link{display:inline-flex;gap:14px;align-items:center;color:#027989;font-weight:800;font-size:13px;margin-top:30px;text-decoration:none}
.rn-cinema-deep-link:hover{text-decoration:underline}
.rn-cinema-device-col{min-width:0}
.rn-cinema-laptop{width:100%;filter:drop-shadow(0 30px 30px rgba(10,38,50,.17));transform:perspective(1300px) rotateX(.8deg)}
.rn-cinema-monitor{position:relative;background:linear-gradient(145deg,#2a3746,#101924 30%,#0a1720 90%);border-radius:18px 18px 9px 9px;padding:12px 11px 12px;border:1px solid #50606d;box-shadow:inset 0 0 0 1px #0c101a,inset 0 1px 1px #8999a1,0 20px 45px rgba(1,35,47,.17)}
.rn-cinema-webcam{position:absolute;top:4px;left:50%;width:4px;height:4px;background:#607b8e;border-radius:50%;z-index:2;box-shadow:0 0 0 1px #1a2534}
.rn-cinema-screen{position:relative;width:100%;aspect-ratio:1846/826;overflow:hidden;border-radius:6px 6px 2px 2px;background:#f0f3f4;isolation:isolate}
.rn-cinema-screen video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;background:#0e1b25}
.rn-cinema-screen-overlay{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;gap:8px;justify-content:flex-start;padding:10px 13px;background:linear-gradient(0deg,rgba(2,21,33,.68),rgba(2,21,33,0));color:#f3fdfd;font-size:9px;font-weight:800;letter-spacing:.065em;opacity:0;transition:opacity .2s;pointer-events:none}
.rn-cinema-monitor:hover .rn-cinema-screen-overlay{opacity:1}
.rn-cinema-video-tag{color:#62ecea}
.rn-cinema-base{position:relative;margin:0 -6.5% 0;height:16px;background:linear-gradient(180deg,#eef1f3 0,#a1adb3 44%,#5a656c 75%,#ced4d7 100%);border:1px solid #bac3c8;border-radius:4px 4px 47% 47%/5px 5px 13px 13px;box-shadow:0 8px 12px rgba(16,38,50,.21)}
.rn-cinema-base-line{position:absolute;left:37%;top:0;width:26%;height:5px;border-radius:0 0 13px 13px;background:linear-gradient(180deg,#737e85,#c2ccd1);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.rn-cinema-video-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:33px;padding:0 2px}
.rn-cinema-play-info{display:flex;align-items:center;gap:9px;flex:1;max-width:400px;font-weight:700;font-size:11px;color:#4d6c76}
.rn-cinema-play-led{width:7px;height:7px;background:#078f9d;border-radius:100%}
.rn-cinema-progress{flex:1;height:3px;background:#cde3e6;border-radius:10px;overflow:hidden;margin-left:8px}
.rn-cinema-progress>div{width:0%;height:100%;background:#0895a2;transition:width .13s linear}
.rn-cinema-control-buttons{display:flex;gap:8px}
.rn-cinema-control-buttons button{height:36px;width:36px;border:1px solid #c9dee2;border-radius:50%;background:#fff;color:#0b3440;cursor:pointer;font-size:18px;display:grid;place-items:center;transition:border-color .2s,background .2s}
.rn-cinema-control-buttons button:hover{background:#e6f3f5;border-color:#14a4ad}
.rn-cinema-screen:fullscreen{display:flex;align-items:center;justify-content:center;background:#0c1720;width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}.rn-cinema-screen:fullscreen video{object-fit:contain}.rn-cinema-caption{margin:34px 0 0;text-align:center;color:#78919a;font-size:12px}
.rn-cinema-hero-link{display:inline-flex;align-items:center;gap:9px;margin-top:13px;color:#087f8d;font-weight:800;font-size:12px;text-decoration:none}
.rn-cinema-hero-link>span:first-child{height:20px;width:20px;border-radius:50%;display:grid;place-items:center;background:#e1f4f4;font-size:9px}
.rn-cinema-hero-link:hover{text-decoration:underline}
.rn-cinema button:focus-visible,.rn-cinema a:focus-visible{outline:3px solid #00a6b2;outline-offset:3px}
@media(max-width:1120px){.rn-cinema{padding:80px 0}.rn-cinema-layout{grid-template-columns:minmax(250px,.65fr) minmax(0,1.25fr);gap:25px}.rn-cinema-copy h3{font-size:27px}.rn-cinema-tab{padding:12px}}
@media(max-width:860px){.rn-cinema{padding:70px 0}.rn-cinema-heading{margin-bottom:34px}.rn-cinema-layout{grid-template-columns:1fr;gap:38px}.rn-cinema-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;align-items:start}.rn-cinema-kicker{grid-column:1/-1;margin-bottom:5px}.rn-cinema-copy h3{grid-column:1;grid-row:2;font-size:29px}.rn-cinema-copy>p{grid-column:1;grid-row:3;margin-bottom:0}.rn-cinema-scene-tabs{grid-column:2;grid-row:2/4;align-self:center}.rn-cinema-lower{grid-column:2;grid-row:4}.rn-cinema-deep-link{grid-column:1;grid-row:4;margin-top:2px}.rn-cinema-laptop{max-width:820px;margin:auto}.rn-cinema-caption{margin-top:22px}}
@media(max-width:600px){.rn-cinema{padding:58px 0 55px}.rn-cinema-heading{margin-bottom:24px}.rn-cinema-heading h2{font-size:clamp(29px,8vw,36px);margin:9px 0}.rn-cinema-heading p{font-size:13px;line-height:1.6}.rn-cinema-layout{gap:20px}.rn-cinema-copy{display:flex;flex-direction:column;gap:10px}.rn-cinema-kicker{margin-bottom:3px}.rn-cinema-copy h3{font-size:27px;margin:0}.rn-cinema-copy>p{font-size:13px;line-height:1.6;margin:0}.rn-cinema-scene-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px;margin:9px 0 0}.rn-cinema-tab{font-size:11px;gap:6px;padding:10px 8px;border-radius:12px}.rn-cinema-tab-n{font-size:10px;width:22px;height:25px}.rn-cinema-tab svg{display:none}.rn-cinema-lower{width:100%;margin-top:0}.rn-cinema-deep-link{margin-top:5px}.rn-cinema-monitor{padding:8px 7px 9px;border-radius:10px 10px 5px 5px}.rn-cinema-base{height:10px}.rn-cinema-video-controls{margin-top:22px}.rn-cinema-caption{font-size:10px}.rn-cinema-laptop{width:94%;margin:auto}.rn-cinema-screen-overlay{display:none}}
@media(prefers-reduced-motion:reduce){.rn-cinema *{animation:none!important;transition:none!important}.rn-cinema-laptop{transform:none}}

/* v3.1: Originalformat des 1846 × 826-Pixel-Videos, vollständig, ohne Beschnitt. */
.rn-cinema-screen{aspect-ratio:1846/826!important;background:#101d29!important}
.rn-cinema-screen video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:50% 50%!important;filter:none!important}
.rn-cinema-transition[hidden]{display:none!important}
.rn-cinema-transition{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:12px;background:radial-gradient(circle at 50% 30%,#164e60 0%,#0a2a3a 55%,#071b29 100%);animation:rn-interstitial-enter .33s ease-out both;pointer-events:none}
.rn-cinema-transition-mark{display:grid;place-items:center;height:58px;width:58px;border-radius:17px;font-size:35px;font-weight:900;font-style:italic;letter-spacing:-.13em;padding-right:7px;background:linear-gradient(125deg,#00d8dc,#06758e);box-shadow:0 7px 25px #00cad044}
.rn-cinema-transition-title{font-size:18px;letter-spacing:.12em;font-weight:900}
.rn-cinema-transition-subtitle{font-size:12px;color:#c7e4ea;font-weight:600}
.rn-cinema-transition-line{height:2px;width:65px;background:linear-gradient(90deg,transparent,#00dbe2,transparent);margin-top:6px}
@keyframes rn-interstitial-enter{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.rn-cinema-transition{gap:6px}.rn-cinema-transition-mark{height:35px;width:35px;border-radius:11px;font-size:22px}.rn-cinema-transition-title{font-size:13px}.rn-cinema-transition-subtitle{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rn-cinema-transition{animation:none}}


/* v3.2 — desktop showcase taking the full available width. Original video pixels are preserved. */
#live-einblick.rn-theater{padding:67px 0 78px;background:radial-gradient(ellipse 77% 49% at 50% 36%,#e7f4f4 0%,transparent 88%),linear-gradient(#fff,#f7fbfb 79%,#fff);overflow:hidden}
#live-einblick .rn-theater-wrap{position:relative;width:min(1400px,calc(100% - 60px));margin:0 auto}
#live-einblick .rn-theater-head{text-align:center;margin:0 auto 28px}
#live-einblick .rn-theater-head .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:#078a96}
#live-einblick .rn-theater-head h2{font-size:clamp(36px,3.7vw,56px);line-height:1.12;letter-spacing:-.052em;font-weight:850;color:#0b2935;margin:10px 0 9px}
#live-einblick .rn-theater-head h2 span{color:#068c98}
#live-einblick .rn-theater-head p{font-size:15px;color:#5f7580;margin:0}
#live-einblick .rn-theater-scene{width:100%;margin:0 auto;max-width:1330px}
#live-einblick .rn-theater-monitor{width:100%;filter:drop-shadow(0 23px 22px rgba(20,46,55,.17))}
#live-einblick .rn-theater-frame{background:linear-gradient(150deg,#344652 0%,#0b1821 15%,#101c26 87%,#3e535e);padding:10px 10px 5px;position:relative;border-radius:15px 15px 0 0;box-shadow:inset 0 2px 1px rgba(217,244,244,.5),inset 0 0 0 1px #0b2230,0 1px 2px #40545c;border:1px solid #263947}
#live-einblick .rn-theater-cam{position:absolute;top:4px;left:50%;height:3px;width:3px;border-radius:50%;background:#567988;box-shadow:0 0 0 1px #05131b}
#live-einblick .rn-theater-display{position:relative;aspect-ratio:1846 / 826;overflow:hidden;background:#06131a;isolation:isolate;border-radius:2px}
#live-einblick .rn-theater-display video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#06131a;filter:none!important;transform:none!important;image-rendering:auto}
#live-einblick .rn-theater-display:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px #101e28;pointer-events:none;z-index:4}
#live-einblick .rn-theater-chin{height:37px;background:linear-gradient(180deg,#e6ebed 0%,#cfd7da 45%,#bac4c9 94%);border:1px solid #aab8be;border-top:0;border-radius:0 0 13px 13px;display:flex;align-items:center;justify-content:center}
#live-einblick .rn-theater-brand{color:#586b74;font-size:10px;font-weight:900;letter-spacing:.12em;display:flex;align-items:center;gap:6px;text-shadow:0 1px #eff5f6}
#live-einblick .rn-theater-brand-led{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0b9eaa;box-shadow:0 0 0 2px #b4dfe1}
#live-einblick .rn-theater-stem{margin:0 auto;height:36px;width:87px;background:linear-gradient(90deg,#a7b5bd 0%,#e3e9ea 42%,#b0bdc2 100%);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);box-shadow:0 3px 3px rgba(12,47,60,.1)}
#live-einblick .rn-theater-foot{height:10px;width:245px;max-width:35%;border-radius:50% 50% 25% 25%;margin:-1px auto 0;background:linear-gradient(180deg,#d8e0e3,#90a0a8);box-shadow:0 6px 15px rgba(27,58,65,.18)}
#live-einblick .rn-theater-bottom{max-width:1240px;margin:24px auto 0;display:flex;gap:25px;align-items:center;justify-content:space-between}
#live-einblick .rn-theater-tabs{display:flex;gap:9px;flex:0 1 auto}
#live-einblick .rn-theater-tab{display:flex;align-items:center;gap:9px;border:1px solid #d6e5e8;background:#fff;border-radius:12px;color:#294852;font-size:13px;font-weight:800;padding:12px 18px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 15px rgba(15,57,67,.04)}
#live-einblick .rn-theater-tab:hover{border-color:#6bbec3}
#live-einblick .rn-theater-tab.active{border-color:#068e9b;color:#006f7c;background:#ecf9fa;box-shadow:0 4px 15px rgba(8,147,159,.09)}
#live-einblick .rn-theater-tab-dot{height:7px;width:7px;border-radius:50%;border:1px solid #89acb4;background:#fff}
#live-einblick .rn-theater-tab.active .rn-theater-tab-dot{background:#0795a1;border-color:#0795a1}
#live-einblick .rn-theater-ctrl{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end;min-width:0}
#live-einblick .rn-theater-status{font-size:12px;color:#546f79;white-space:nowrap;display:flex;align-items:center;gap:7px}
#live-einblick .rn-theater-status-dot{height:6px;width:6px;border-radius:50%;background:#08949f;display:inline-block}
#live-einblick .rn-theater-progress{height:4px;width:130px;max-width:20%;border-radius:30px;background:#d8e7e9;overflow:hidden}
#live-einblick .rn-theater-progress>div{height:100%;width:0;background:#0898a3;transition:width .2s linear}
#live-einblick .rn-theater-ctrl button{height:37px;width:37px;display:grid;place-items:center;border:1px solid #d3e3e6;background:#fff;color:#153b49;border-radius:50%;font-size:19px;cursor:pointer}
#live-einblick .rn-theater-ctrl button:hover{background:#eaf5f6;border-color:#0e99a3}
#live-einblick button:focus-visible{outline:3px solid #0a9dab;outline-offset:3px}
#live-einblick .rn-theater-footer{text-align:center;margin:21px auto 0;color:#7a8f97;font-size:12px}
#live-einblick .rn-theater-footer a{color:#087e89;font-weight:800;margin-left:7px;text-decoration:none}
#live-einblick .rn-theater-footer a:hover{text-decoration:underline}
#live-einblick .rn-theater-transition[hidden],#live-einblick .rn-theater-autoplay-hint[hidden]{display:none!important}
#live-einblick .rn-theater-transition{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 50% 48%,#13425a 0%,#071b2c 67%,#05131e 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#fff}
#live-einblick .rn-theater-transition .rn-theater-logo{width:clamp(64px,10vw,138px);height:clamp(64px,10vw,138px);object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,219,230,.15))}
#live-einblick .rn-theater-transition strong{letter-spacing:.16em;font-size:16px;font-weight:900}
#live-einblick .rn-theater-transition span{color:#b2d1d8;font-size:12px}
#live-einblick .rn-theater-autoplay-hint{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(5,26,38,.28)}
#live-einblick .rn-theater-autoplay-hint button{font-weight:800;font-size:14px;color:#fff;background:#067d8b;border:1px solid #75e9e9;border-radius:14px;padding:13px 20px;cursor:pointer}
#live-einblick .rn-theater-display:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;border-radius:0;background:#06131a;display:grid;place-items:center}
#live-einblick .rn-theater-display:fullscreen video{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){#live-einblick.rn-theater{padding:55px 0}#live-einblick .rn-theater-wrap{width:calc(100% - 28px)}#live-einblick .rn-theater-head{margin-bottom:20px}#live-einblick .rn-theater-head h2{font-size:clamp(30px,7vw,41px)}#live-einblick .rn-theater-head p{font-size:13px}#live-einblick .rn-theater-frame{padding:5px 5px 3px;border-radius:9px 9px 0 0}#live-einblick .rn-theater-cam{top:2px}#live-einblick .rn-theater-chin{height:20px;border-radius:0 0 7px 7px}#live-einblick .rn-theater-brand{font-size:7px}#live-einblick .rn-theater-brand-led{height:4px;width:4px}#live-einblick .rn-theater-stem{height:22px;width:50px}#live-einblick .rn-theater-foot{height:7px;width:155px}#live-einblick .rn-theater-bottom{margin-top:18px;gap:13px;display:flex;flex-direction:column}#live-einblick .rn-theater-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}#live-einblick .rn-theater-tab{justify-content:center;padding:12px 5px;font-size:11px;white-space:normal;text-align:center}#live-einblick .rn-theater-ctrl{width:100%;justify-content:center}#live-einblick .rn-theater-progress{flex:1;max-width:none;width:auto}#live-einblick .rn-theater-footer{font-size:11px;line-height:1.7}#live-einblick .rn-theater-footer a{white-space:nowrap}#live-einblick .rn-theater-status{font-size:10px}#live-einblick .rn-theater-ctrl button{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){#live-einblick .rn-theater-progress>div{transition:none}}

/* Separate indexable pages: homepage visuals retained, responsive text and a11y improvements */
html{scroll-padding-top:92px} a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #078e9b;outline-offset:3px}
 .rn-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} img{max-width:100%} .main-nav a[aria-current=page]{color:#078e9b;font-weight:800}
.rn-real-example{padding:45px 0 56px;background:linear-gradient(180deg,#fff,#f5fbfb)}.rn-real-example .container{max-width:940px}.rn-real-example h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.045em;color:#09283a;margin-bottom:14px}.rn-real-example p{font-size:16px;line-height:1.75;color:#465f6d;max-width:820px;margin-bottom:14px}.rn-production-cta-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:22px 26px;border-radius:20px;border:1px solid #d7e9e9;background:#f2f9f9;margin:35px 0}
.rn-real-example{padding:45px 0 56px;background:linear-gradient(180deg,#fff,#f5fbfb)}.rn-real-example .container{max-width:940px}.rn-real-example h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.045em;color:#09283a;margin-bottom:14px}.rn-real-example p{font-size:16px;line-height:1.75;color:#465f6d;max-width:820px;margin-bottom:14px}.rn-production-cta-bar strong{font-size:17px}.rn-real-example{padding:45px 0 56px;background:linear-gradient(180deg,#fff,#f5fbfb)}.rn-real-example .container{max-width:940px}.rn-real-example h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.045em;color:#09283a;margin-bottom:14px}.rn-real-example p{font-size:16px;line-height:1.75;color:#465f6d;max-width:820px;margin-bottom:14px}.rn-production-cta-bar a{font-weight:850;color:#087e89;text-decoration:underline;text-underline-offset:3px}
.rn-section-context{display:block;font-size:12px;color:#58717b}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Nur fuer die noch nicht vertragsfaehige Online-Vorschau; spaeter entfernen. */
.rn-online-preview{width:100%;padding:9px 18px;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;background:#eaf7f7;border-bottom:1px solid #c4e3e5;color:#123a44;font-size:12px;line-height:1.45;text-align:center;position:relative;z-index:4}
.rn-online-preview strong{font-weight:850;color:#087f8a}
.rn-online-preview span{color:#40606b}
@media(max-width:680px){.rn-online-preview{font-size:11px;padding:8px 14px;gap:4px}}