/* Visual revision: original Taskeo typography and a more prominent introduction. */
:root { --ink:#132331; --muted:#657586; --green:#0d766e; --line:#dfe9e7; --pale:#f2f9f7; }
body { background:#fff; font-family:"DM Sans",sans-serif; line-height:1.65; }
h1,h2,h3,.screen-head strong,.price strong { font-family:Manrope,sans-serif; }
h1,h2 { font-weight:800; }
.wrap { max-width:1420px; padding-inline:clamp(24px,4vw,64px); }
.preview { font-size:11px; background:#f1f7f5; color:#627b72; padding:4px 12px; }
header { background:#ffffffed; border-color:#dfe9e7b3; }
.nav { height:78px; }
.logo { width:166px; }
.nav nav { gap:30px; }
.btn { border-radius:11px; min-height:50px; font-size:15px; font-weight:700; padding:12px 21px; }
.nav .btn { min-height:42px; padding:8px 17px; }
.eyebrow { font-size:12px; font-weight:700; letter-spacing:.16em; }
.eyebrow:before { display:none; }
.hero { overflow:hidden; padding:clamp(66px,7vw,108px) 0 0; background:radial-gradient(ellipse at 5% 10%,#ddfff4 0,transparent 38%),linear-gradient(180deg,#f7fcfb,#fff 92%); }
.hero-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:54px; min-height:530px; }
.hero-copy { position:relative; z-index:1; }
h1 { font-size:clamp(48px,4.45vw,70px); line-height:1.04; letter-spacing:-.058em; margin:23px 0 28px; }
.hero-copy>p { font-size:18px; line-height:1.7; max-width:530px; }
.hero-actions { margin:30px 0 24px; gap:24px; }
.hero-actions .btn.light { background:transparent; border-color:transparent; padding-inline:0; color:var(--ink); }
.hero-actions .btn.light:hover { color:var(--green); }
.hero-foot { font-size:13px; }
.hero-visual { padding:22px 0 54px; isolation:isolate; }
.hero-visual:before,.hero-visual:after { content:""; position:absolute; border-radius:50%; z-index:-1; pointer-events:none; }
.hero-visual:before { width:330px; height:330px; background:#cef6e9; right:-80px; top:-65px; }
.hero-visual:after { width:220px; height:220px; background:#e7e5fc; bottom:-10px; left:10px; }
.product { transform:rotate(-1.2deg); width:calc(100% + 36px); border-radius:19px; box-shadow:0 30px 80px #14403d24; }
.product-top { padding:13px 18px; }
.product-top small { font-size:11px; }
.product-inner { grid-template-columns:58px 1fr; min-height:410px; }
.rail { gap:30px; padding-top:24px; background:#123e3c; }
.rail img { width:29px; }
.screen { padding:26px 23px; }
.screen-head { margin:9px 0 7px; }
.screen-head strong { font-size:22px; font-weight:800; }
.screen-overline { font-size:10px; }
.screen p,.screen-nav { font-size:11px; }
.screen-nav { gap:20px; margin:18px 0; }
.metric { padding:14px 10px; border-radius:10px; }
.metric strong { font-size:19px; }
.metric small { font-size:10px; }
.taskrow { font-size:11px; padding:14px 0; }
.taskrow small,.status { font-size:10px; }
.float-note { bottom:7px; right:-8px; border:1px solid #dce8e5; border-radius:14px; background:white; color:var(--ink); padding:17px 23px; box-shadow:0 16px 45px #14403d1c; }
.float-note span { color:var(--muted); }
.float-note strong { font-family:Manrope,sans-serif; font-weight:800; font-size:21px; }
.float-note b { background:#e0f6ed; color:var(--green); }
.caption { text-align:left; padding-left:14px; margin-top:16px; }
.proof { margin-top:58px; padding:24px 0; font-size:14px; border-top:1px solid var(--line); border-bottom:0; }
.section { padding:96px 0; }
h2 { font-size:clamp(32px,3.7vw,52px); line-height:1.12; letter-spacing:-.05em; }
h3 { font-weight:800; }
.section-head { max-width:770px; }
.feature,.price-card { border-radius:18px; }
.faq { max-width:none; }
/* Exact original typography and content geometry, adapted to the proposal markup. */
:root { --ink:#132232; --muted:#657585; }
h1,h2,h3 { font-weight:700; }
h3 { font-family:Manrope,sans-serif; font-size:1.35rem; line-height:1.65; letter-spacing:normal; }
.wrap { width:auto; max-width:none; margin:0; padding:0; }
.nav { display:grid; grid-template-columns:1fr auto 1fr; height:78px; gap:0; padding:0 clamp(1.25rem,4vw,4.5rem); }
.nav nav { gap:2rem; }
.nav nav a,.nav-actions { font-size:.9rem; font-weight:600; }
.nav-actions { justify-content:flex-end; }
.hero { padding:clamp(4.5rem,8vw,8.5rem) max(1.25rem,calc((100vw - 1420px)/2)); min-height:calc(100vh - 78px); background:radial-gradient(circle at 8% 10%,#dffff5 0,transparent 24%),linear-gradient(180deg,#f7fcfb 0,#fff 90%); }
.hero-grid { grid-template-columns:minmax(0,.82fr) minmax(32rem,1.18fr); gap:clamp(2rem,5vw,6rem); min-height:590px; }
.hero-copy { max-width:650px; padding-left:1rem; align-self:center; }
.hero h1 { font-family:Manrope,sans-serif; font-size:clamp(3.1rem,5.1vw,5.8rem); letter-spacing:-.06em; line-height:1.02; margin:0; font-weight:700; }
.eyebrow { font-size:.76rem; font-weight:800; letter-spacing:.16em; margin:0 0 1.2rem; }
.hero-copy>p { font-size:clamp(1.05rem,1.25vw,1.28rem); line-height:1.65; margin:1.7rem 0 2rem; max-width:610px; }
.hero-actions { margin:0; gap:1.5rem; }
.hero-foot { margin-top:2.1rem; font-size:.82rem; font-weight:600; }
.section { padding:clamp(5rem,9vw,9rem) max(1.25rem,calc((100vw - 1280px)/2)); }
.section-head { max-width:830px; }
.section h2 { font-family:Manrope,sans-serif; font-size:clamp(2.7rem,4.2vw,4.5rem); font-weight:700; line-height:1.02; letter-spacing:-.06em; margin:0; }
.section-head>p { font-size:1.1rem; max-width:670px; margin-top:1.2rem; }
.feature h3 { font-size:1.35rem; line-height:1.65; }
#kontakt.wrap,footer>.wrap { padding-inline:max(1.25rem,calc((100vw - 1280px)/2)); }
@media(max-width:1100px) {
 .nav { grid-template-columns:1fr auto; }
 .nav nav { display:none; }
 .hero { padding-top:5.5rem; }
 .hero-grid { grid-template-columns:1fr; }
 .hero-copy { max-width:800px; }
 .hero-visual { max-width:800px; width:100%; margin:0 auto; }
}
@media(max-width:700px) {
 .nav { height:68px; padding:0 1rem; }
 .logo { width:140px; }
 .nav-actions>a { display:none; }
 .mobile-menu { display:block; }
 .nav nav.open { display:flex; top:68px; }
 .hero { min-height:0; padding:4.5rem 1.25rem; }
 .hero-grid { min-height:0; gap:3rem; }
 .hero-copy { padding:0; }
 .hero h1 { font-size:clamp(2.65rem,13vw,4rem); }
 .hero-actions { align-items:flex-start; flex-direction:column; }
 .hero-visual { padding:15px 0 65px; }
 .product { width:100%; transform:none; }
 .screen { padding:20px 14px; }
 .screen-head strong { font-size:18px; }
 .product-inner { grid-template-columns:38px 1fr; min-height:355px; }
 .rail img { width:23px; }
 .metric { padding:10px 7px; }
 .metric strong { font-size:15px; }
 .metric small { font-size:9px; }
 .screen-nav { gap:12px; }
 .taskrow { font-size:10px; }
 .taskrow small { display:none; }
 .float-note { right:8px; bottom:0; padding:12px 17px; }
 .float-note strong { font-size:18px; }
 .proof { margin-top:34px; padding:24px 0; gap:12px; flex-direction:column; }
 .section { padding:4.5rem 1.25rem; }
 .section h2 { font-size:2.55rem; }
}