/* /produktyvnist_website/static/src/landing/landing.css */
:root{--ink: #18221d; --muted: #647069; --paper: #f5f3ea; --white: #fffef9; --lime: #c8f35b; --blue: #4f6df5; --coral: #ff765f; --line: rgba(24, 34, 29, .14); --radius: 26px; --shadow: 0 28px 80px rgba(24, 34, 29, .12);}*{box-sizing: border-box;}html{scroll-behavior: smooth;}body{margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "Segoe UI", Arial, sans-serif; line-height: 1.5;}button, input, select{font: inherit;}button, a{-webkit-tap-highlight-color: transparent;}a{color: inherit;}.site-header{width: min(1240px, calc(100% - 48px)); height: 92px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid var(--line);}.brand{display: inline-flex; align-items: center; color: var(--ink); text-decoration: none; font-weight: 850; font-size: 22px; letter-spacing: -.8px;}.brand-o{width: 26px; height: 26px; display: inline-grid; place-items: center; margin: 0 1px; color: var(--ink); background: var(--lime); border-radius: 50%; font-size: 18px;}.desktop-nav{display: flex; align-items: center; gap: 28px; margin-left: auto;}.desktop-nav a{color: #536059; text-decoration: none; font-size: 14px; font-weight: 650;}.desktop-nav a:hover{color: var(--ink);}.section-shell{width: min(1240px, calc(100% - 48px)); margin-inline: auto;}.button{border: 0; border-radius: 999px; padding: 15px 24px; font-weight: 780; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease;}.button:hover{transform: translateY(-2px);}.button-small{padding: 11px 18px; font-size: 13px;}.button-dark{color: var(--white); background: var(--ink);}.button-primary{color: var(--ink); background: var(--lime); box-shadow: 0 10px 26px rgba(146, 185, 47, .22);}.button-primary:hover{box-shadow: 0 14px 32px rgba(146, 185, 47, .32);}.button-light{color: var(--ink); background: var(--white);}.button-wide{width: 100%;}.hero{min-height: 700px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 36px; padding-block: 76px 92px;}.eyebrow, .kicker{text-transform: uppercase; letter-spacing: 1.7px; font-size: 11px; font-weight: 850;}.eyebrow{display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 99px;}.eyebrow-dot{width: 8px; height: 8px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 5px rgba(255, 118, 95, .13);}.hero h1{margin: 0; font-size: clamp(58px, 6.2vw, 91px); line-height: .94; letter-spacing: -5.4px; font-weight: 900;}.scribble{position: relative; z-index: 1;}.scribble::after{content: ""; position: absolute; z-index: -1; left: -2%; right: -3%; bottom: 1%; height: 23%; background: var(--lime); transform: rotate(-1.5deg); border-radius: 60% 35% 50% 20%;}.hero-lead{max-width: 590px; margin: 30px 0 28px; color: #4d5952; font-size: 19px; line-height: 1.65;}.hero-actions{display: flex; align-items: center; flex-wrap: wrap; gap: 24px;}.text-link{font-size: 14px; font-weight: 780; text-decoration: none; border-bottom: 1px solid var(--ink); padding-bottom: 3px;}.trust-list{display: flex; flex-wrap: wrap; gap: 22px; margin: 34px 0 0; padding: 0; list-style: none; color: #68736c; font-size: 12px; font-weight: 720;}.trust-list li::before{content: "✓"; margin-right: 7px; color: #719714; font-weight: 900;}.hero-visual{position: relative; min-height: 540px; display: grid; place-items: center;}.orbit{position: absolute; border-radius: 50%;}.orbit-one{width: 510px; height: 510px; background: var(--blue); transform: rotate(-8deg); clip-path: polygon(12% 9%, 86% 0, 100% 88%, 15% 100%, 0 31%);}.orbit-two{width: 460px; height: 460px; border: 1px solid rgba(255,255,255,.45);}.dashboard-card{position: relative; z-index: 2; width: min(475px, 88%); padding: 25px; background: rgba(255,254,249,.96); border: 1px solid rgba(255,255,255,.65); border-radius: 28px; box-shadow: 0 36px 90px rgba(15, 29, 92, .28); transform: rotate(1.5deg); backdrop-filter: blur(12px);}.dashboard-topbar, .chart-heading, .integration-row{display: flex; align-items: center; justify-content: space-between;}.dashboard-topbar strong{display: block; margin-top: 3px; font-size: 21px;}.micro-label{color: #859089; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: 1px;}.live-pill{padding: 7px 10px; color: #336d45; background: #ddf2df; border-radius: 99px; font-size: 10px; font-weight: 780;}.live-pill i{display: inline-block; width: 6px; height: 6px; margin-right: 5px; background: #40a35e; border-radius: 50%;}.metric-grid{display: grid; grid-template-columns: 1.55fr 1fr; gap: 11px; margin-top: 20px;}.metric-card{min-height: 113px; padding: 17px; display: flex; flex-direction: column; justify-content: flex-end; background: #f0f1ec; border-radius: 17px;}.metric-main{color: white; background: var(--ink);}.metric-card span{margin-bottom: auto; font-size: 10px; font-weight: 720; opacity: .68;}.metric-card strong{font-size: 24px; letter-spacing: -1px;}.metric-card small{margin-top: 4px; color: #7ea11c; font-size: 9px; font-weight: 800;}.metric-main small{color: var(--lime);}.chart-card{margin-top: 11px; padding: 17px; background: #fff; border: 1px solid #e7e8e3; border-radius: 17px;}.chart-heading{margin-bottom: 14px; font-size: 10px; font-weight: 800;}.chart-heading b{color: #8c958f; font-size: 9px;}.bar-row{display: grid; grid-template-columns: 68px 1fr 55px; align-items: center; gap: 8px; margin: 9px 0; font-size: 9px;}.bar-row i{height: 7px; background: #edf0ea; border-radius: 99px; overflow: hidden;}.bar-row i::before{content: ""; display: block; width: var(--bar); height: 100%; background: var(--blue); border-radius: inherit;}.bar-row b{text-align: right; font-size: 9px;}.integration-row{justify-content: center; margin-top: 16px;}.integration-badge{padding: 7px 10px; background: #f0f1ec; border-radius: 8px; font-size: 9px; font-weight: 850;}.checkbox-badge{color: #17884a;}.odoo-badge{color: #6c4774;}.flow-line{position: relative; width: 22px; height: 1px; background: #cad0ca;}.flow-line i{position: absolute; right: 0; top: -2px; width: 5px; height: 5px; border-top: 1px solid #aab1aa; border-right: 1px solid #aab1aa; transform: rotate(45deg);}.floating-note{position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 13px 15px; background: var(--white); border-radius: 14px; box-shadow: var(--shadow); font-size: 10px; font-weight: 750;}.floating-note b{font-size: 22px;}.note-one{top: 65px; left: -3px; transform: rotate(-5deg);}.note-two{right: -8px; bottom: 74px; transform: rotate(4deg);}.check-icon{width: 24px; height: 24px; display: grid; place-items: center; color: white; background: #31a162; border-radius: 50%;}.signal-strip{display: grid; grid-template-columns: repeat(4, 1fr); color: var(--white); background: var(--ink); overflow: hidden;}.signal-strip div{min-height: 84px; display: grid; place-items: center; padding: 20px; text-align: center; border-right: 1px solid rgba(255,255,255,.12); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .8px;}.signal-strip div::before{content: "✦"; color: var(--lime); margin-right: 10px;}.content-section{padding-block: 130px;}.section-intro{display: grid; grid-template-columns: 90px 1fr; margin-bottom: 54px;}.section-index{font-size: 11px; font-weight: 850;}.kicker{margin: 0 0 17px; color: var(--blue);}.section-intro h2, .project-statement h2, .transition-copy h2, .final-cta h2{margin: 0; max-width: 920px; font-size: clamp(43px, 5.2vw, 70px); line-height: 1.02; letter-spacing: -3.7px;}.section-intro h2 span{color: #858e88;}.feature-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}.feature-card{position: relative; min-height: 340px; padding: 24px; display: flex; flex-direction: column; border-radius: var(--radius); overflow: hidden; transition: transform .25s ease;}.feature-card:hover{transform: translateY(-7px);}.feature-blue{color: white; background: var(--blue);}.feature-lime{background: var(--lime);}.feature-coral{background: var(--coral);}.feature-cream{background: #e9e5da;}.feature-number{position: absolute; right: 22px; top: 20px; font-size: 10px; font-weight: 850; opacity: .65;}.feature-icon{width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: auto; border: 1px solid currentColor; border-radius: 50%; font-size: 23px;}.feature-card h3{margin: 28px 0 10px; font-size: 23px; letter-spacing: -1px;}.feature-card p{margin: 0; font-size: 13px; line-height: 1.65; opacity: .82;}.demo-section{padding-block: 130px; color: var(--white); background: var(--ink);}.section-intro-light h2 span{color: #8c9690;}.section-intro-light .kicker{color: var(--lime);}.demo-flow{display: grid; grid-template-columns: 1fr 35px 1fr 35px 1fr 35px 1fr; gap: 8px; align-items: center;}.demo-flow article{position: relative; min-height: 275px; padding: 25px; background: #242f29; border: 1px solid rgba(255,255,255,.08); border-radius: 22px;}.flow-step{position: absolute; right: 20px; top: 19px; color: #8d9691; font-size: 10px;}.flow-icon{width: 54px; height: 54px; display: grid; place-items: center; color: var(--ink); background: var(--lime); border-radius: 50%; font-size: 19px;}.demo-flow h3{margin: 45px 0 10px; font-size: 18px; letter-spacing: -.5px;}.demo-flow p{margin: 0; color: #aab3ae; font-size: 12px; line-height: 1.65;}.flow-arrow{color: var(--lime); text-align: center; font-size: 23px;}.demo-callout{margin-top: 22px; padding: 23px 26px; display: flex; align-items: center; justify-content: space-between; gap: 28px; background: var(--blue); border-radius: 20px;}.demo-callout p{margin: 0; font-size: 14px;}.demo-callout strong{color: var(--lime);}.project-layout{display: grid; grid-template-columns: 1.1fr .9fr; gap: 100px; align-items: end;}.project-statement h2{font-size: clamp(48px, 5vw, 68px);}.project-statement > p:last-child{max-width: 650px; margin: 28px 0 0; color: var(--muted); font-size: 17px; line-height: 1.7;}.project-principles{border-top: 1px solid var(--line);}.project-principles > div{display: grid; grid-template-columns: 48px 1fr; gap: 10px; padding: 23px 0; border-bottom: 1px solid var(--line);}.project-principles span{color: var(--blue); font-size: 11px; font-weight: 850;}.project-principles p{margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55;}.project-principles b{color: var(--ink);}.transition-section{padding-block: 110px; background: #e8e4d8;}.transition-grid{display: grid; grid-template-columns: 1fr 440px; gap: 90px; align-items: center;}.transition-copy > p:not(.kicker):not(.legal-caption){max-width: 700px; color: var(--muted); font-size: 16px; line-height: 1.7;}.law-note{max-width: 730px; display: grid; grid-template-columns: 38px 1fr; gap: 15px; align-items: start; margin-top: 30px; padding: 20px; background: rgba(255,255,255,.48); border-radius: 17px;}.law-icon{width: 34px; height: 34px; display: grid; place-items: center; color: white; background: var(--blue); border-radius: 50%; font-weight: 900;}.law-note p{margin: 0; font-size: 13px; line-height: 1.6;}.legal-caption{margin-top: 13px !important; color: #7b827e !important; font-size: 10px !important;}.legal-caption a{font-weight: 800;}.transition-card{padding: 38px; background: var(--white); border-radius: 28px; box-shadow: var(--shadow);}.transition-label{display: inline-block; margin-bottom: 22px; padding: 7px 11px; color: var(--blue); background: #e7eaff; border-radius: 99px; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: 1px;}.transition-card h3{margin: 0; font-size: 31px; line-height: 1.1; letter-spacing: -1.6px;}.transition-card > p{color: var(--muted); font-size: 13px; line-height: 1.65;}.transition-card ul{margin: 25px 0 28px; padding: 0; list-style: none;}.transition-card li{margin: 12px 0; font-size: 12px; font-weight: 720;}.transition-card li i{display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 8px; color: var(--ink); background: var(--lime); border-radius: 50%; font-style: normal; font-size: 10px;}.final-cta{min-height: 430px; display: flex; align-items: center; justify-content: space-between; gap: 70px;}.final-cta h2{font-size: clamp(43px, 5vw, 68px);}.round-cta{flex: 0 0 180px; height: 180px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; color: var(--ink); background: var(--lime); border: 0; border-radius: 50%; cursor: pointer; font-weight: 850; text-align: left; transition: transform .25s ease;}.round-cta:hover{transform: rotate(5deg) scale(1.04);}.round-cta i{align-self: flex-end; font-size: 25px; font-style: normal;}footer{min-height: 105px; padding: 28px max(24px, calc((100% - 1240px)/2)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; color: #abb3ae; background: var(--ink); font-size: 10px;}footer p:last-child{text-align: right;}.brand-footer{color: white;}.lead-dialog{width: min(920px, calc(100% - 28px)); padding: 48px; color: var(--ink); background: var(--paper); border: 0; border-radius: 28px; box-shadow: 0 30px 120px rgba(0,0,0,.35);}.lead-dialog[open]{display: grid; grid-template-columns: .9fr 1.1fr; gap: 50px;}.lead-dialog::backdrop{background: rgba(12,18,15,.74); backdrop-filter: blur(6px);}.dialog-close{position: absolute; right: 18px; top: 16px; width: 37px; height: 37px; color: var(--ink); background: transparent; border: 1px solid var(--line); border-radius: 50%; cursor: pointer; font-size: 22px;}.dialog-copy h2{margin: 0; font-size: 42px; line-height: 1.03; letter-spacing: -2.4px;}.dialog-copy > p:last-child{color: var(--muted); font-size: 13px;}.lead-dialog form{display: grid; gap: 14px;}.lead-dialog label{display: grid; gap: 6px; font-size: 11px; font-weight: 780;}.lead-dialog input:not([type="checkbox"]), .lead-dialog select{width: 100%; padding: 14px 15px; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: 11px; outline: 0;}.lead-dialog input:focus, .lead-dialog select:focus{border-color: var(--blue); box-shadow: 0 0 0 3px rgba(79,109,245,.12);}.checkbox-label{display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; gap: 9px !important; color: var(--muted); font-weight: 600 !important;}.checkbox-label input{margin-top: 3px; accent-color: var(--blue);}.form-caption{margin: -4px 0 0; color: #89928d; text-align: center; font-size: 9px;}.form-success{grid-column: 1 / -1; padding: 35px; text-align: center;}.form-success > span{width: 70px; height: 70px; display: grid; place-items: center; margin: auto; color: var(--ink); background: var(--lime); border-radius: 50%; font-size: 30px;}.form-success h3{margin: 18px 0 5px; font-size: 32px;}.form-success p{max-width: 500px; margin: 0 auto 25px; color: var(--muted);}@media (max-width: 980px){.desktop-nav{display: none;}.hero{grid-template-columns: 1fr; padding-top: 65px;}.hero-copy{text-align: center;}.hero-lead{margin-inline: auto;}.hero-actions, .trust-list{justify-content: center;}.hero-visual{margin-top: 30px;}.feature-grid{grid-template-columns: 1fr 1fr;}.demo-flow{grid-template-columns: 1fr 1fr; gap: 12px;}.flow-arrow{display: none;}.project-layout, .transition-grid{grid-template-columns: 1fr; gap: 55px;}.transition-card{max-width: 560px;}.lead-dialog[open]{grid-template-columns: 1fr; gap: 30px;}}@media (max-width: 640px){.site-header, .section-shell{width: min(100% - 30px, 1240px);}.site-header{height: 76px;}.site-header .button{display: none;}.brand{font-size: 19px;}.brand-o{width: 23px; height: 23px; font-size: 16px;}.hero{min-height: auto; padding-block: 54px 70px;}.hero h1{font-size: clamp(49px, 15vw, 66px); letter-spacing: -3.8px;}.hero-lead{font-size: 16px;}.hero-actions{flex-direction: column;}.hero-visual{min-height: 420px;}.orbit-one{width: 365px; height: 365px;}.orbit-two{width: 330px; height: 330px;}.dashboard-card{width: 94%; padding: 17px;}.dashboard-topbar strong{font-size: 17px;}.metric-card strong{font-size: 20px;}.floating-note{display: none;}.signal-strip{grid-template-columns: 1fr 1fr;}.signal-strip div{min-height: 70px; font-size: 9px;}.content-section, .demo-section{padding-block: 88px;}.section-intro{grid-template-columns: 1fr; gap: 18px;}.section-intro h2, .project-statement h2, .transition-copy h2, .final-cta h2{font-size: 43px; letter-spacing: -2.7px;}.feature-grid{grid-template-columns: 1fr;}.feature-card{min-height: 280px;}.demo-flow{grid-template-columns: 1fr;}.demo-flow article{min-height: 220px;}.demo-flow h3{margin-top: 30px;}.demo-callout{align-items: flex-start; flex-direction: column;}.project-layout{gap: 45px;}.transition-section{padding-block: 80px;}.transition-card{padding: 28px 22px;}.final-cta{padding-block: 78px; flex-direction: column; align-items: flex-start;}.round-cta{flex-basis: 155px; width: 155px; height: 155px; align-self: flex-end;}footer{grid-template-columns: 1fr; text-align: left;}.brand-footer{margin-bottom: 6px;}footer p{margin: 0;}footer p:last-child{text-align: left;}.lead-dialog{padding: 55px 22px 28px;}.lead-dialog[open]{gap: 22px;}.dialog-copy h2{font-size: 34px;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*{transition: none !important;}}.pk-honeypot{position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important;}