main{overflow:hidden}section,.feature-cards,footer{width:min(100% - 28px, var(--container));margin-inline:auto;position:relative}.hero-section{min-height:calc(100vh - 7rem);padding-block:clamp(var(--gap9), 8vw, var(--gap12));align-items:center;display:grid}.hero-section:before,.hero-section:after{content:"";z-index:-1;border:var(--border-normal);box-shadow:var(--shadow-medium-dark);position:absolute}.hero-section:before{top:calc(var(--gap9) * 2);left:max(-3rem, calc((100vw - var(--container)) / 2 - 5rem));width:var(--gap11);height:var(--gap11);background:var(--primary-color);transform:rotate(-12deg)}.hero-section:after{right:max(-2rem, calc((100vw - var(--container)) / 2 - 4rem));bottom:var(--gap9);width:var(--gap12);height:var(--gap12);background:radial-gradient(var(--black) 2px, transparent 2.5px), var(--secondary-color);background-size:18px 18px;border-radius:999px}.hero-grid{gap:var(--gap11);grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;display:grid}.hero-textContent{gap:var(--gap8);display:grid}.hero-textContent .subtitle{background-color:var(--primary-color)}.hero-textContent h1{text-transform:uppercase;letter-spacing:0;font-weight:900}.hero-textContent h1 span{margin-top:var(--gap2);border:var(--border-normal);background:var(--secondary-color);box-shadow:var(--shadow-medium-dark);padding:.05em .12em;display:inline-block;transform:rotate(-3deg)}.hero-lead,.section-lead,.cta-lead,.brand-infos p{font-size:clamp(var(--gap4), 2vw, var(--gap5));line-height:1.45}.hero-buttons{gap:var(--gap4);flex-wrap:wrap;display:flex}.hero-button:nth-child(2){transform:rotate(1deg)}.hero-button:nth-child(2):hover{transform:translate(-2px,-2px)rotate(-1deg)}.hero-advantages,.security-badges{gap:var(--gap3);flex-wrap:wrap;display:flex}.hero-advantages p,.security-badge{min-height:var(--gap8);padding:var(--gap3) var(--gap4);border:var(--border-normal);background-color:var(--white);box-shadow:var(--shadow-small-dark);font-size:var(--gap3);text-transform:uppercase;border-radius:999px;align-items:center;line-height:1;display:inline-flex}.hero-advantages p:nth-child(2),.security-badge:nth-child(2){background-color:var(--green)}.hero-advantages p:nth-child(3),.security-badge:nth-child(3){background-color:var(--grey)}.hero-visualContent{position:relative}.hero-visualContent:before{content:"TASK";top:calc(var(--gap7) * -1);right:calc(var(--gap4) * -1);z-index:2;padding:var(--gap2) var(--gap4);border:var(--border-normal);background:var(--primary-color);box-shadow:var(--shadow-small-dark);font-size:var(--gap4);font-weight:900;line-height:1;position:absolute;transform:rotate(8deg)}.task-board{border:var(--border-heavy);background:var(--white);box-shadow:var(--shadow-xlarge-dark);position:relative;transform:rotate(1deg)}.task-board:before{content:"";pointer-events:none;opacity:.24;background-image:radial-gradient(var(--black) 1.5px, transparent 1.5px);background-size:22px 22px;position:absolute;inset:0}.task-head{justify-content:space-between;gap:var(--gap4);padding:clamp(var(--gap4), 3vw, var(--gap6));border-bottom:var(--border-normal);background:var(--grey);align-items:center;display:flex;position:relative}.label{margin-bottom:var(--gap1);font-size:var(--gap3);text-transform:uppercase}.task-head h2{font-size:clamp(var(--gap7), 5vw, var(--gap9));text-transform:uppercase;font-weight:900}.status-badge{padding:var(--gap3);border:var(--border-normal);background:var(--green);box-shadow:var(--shadow-small-dark);font-size:var(--gap3);text-transform:uppercase;border-radius:999px;line-height:1}.board-meter{margin:var(--gap5);height:var(--gap5);border:var(--border-normal);background:var(--white);position:relative}.board-meter span{background:repeating-linear-gradient(45deg, var(--primary-color) 0, var(--primary-color) 10px, var(--secondary-color) 10px, var(--secondary-color) 20px);transform-origin:0;width:60%;height:100%;display:block}.task-cards{gap:var(--gap4);padding:var(--gap4);display:grid;position:relative}.task-card{gap:var(--gap3);padding:var(--gap4);border:var(--border-normal);background:var(--white);box-shadow:var(--shadow-small-dark);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;transition:all .18s ease-out;display:grid}.task-card:hover{box-shadow:var(--shadow-medium-dark);transform:translate(-3px,-3px)rotate(-1deg)}.task-card:first-child{background:var(--primary-color)}.task-card:nth-child(2){background:var(--secondary-color)}.task-card:nth-child(3){background:var(--grey)}.task-num,.task-status{min-width:var(--gap8);min-height:var(--gap8);border:var(--border-normal);background:var(--white);justify-content:center;align-items:center;display:grid}.task-card p{font-size:clamp(var(--gap4), 2vw, var(--gap5));text-transform:uppercase}.task-card span{font-size:var(--gap3)}.task-status{padding-inline:var(--gap2);font-size:var(--gap3);text-transform:uppercase;line-height:1}.board-stats{border-top:var(--border-normal);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.board-stats div{min-width:0;padding:var(--gap4);background:var(--secondary-color);text-align:center;border-left:var(--border-normal);gap:.1rem;display:grid}.board-stats div:first-child{border-left:0}.board-stats p{font-size:var(--gap6);font-weight:900}.board-stats span{font-size:var(--gap3);text-transform:uppercase}.feature-cards{gap:var(--gap5);margin-top:calc(var(--gap7) * -1);margin-bottom:var(--gap10);z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-card,.problem-card,.solution-card,.workflow-item,.statistics-card,.cta-card,.security-visual{border:var(--border-normal);background:var(--white);box-shadow:var(--shadow-medium-dark);transition:all .18s ease-out!important}.feature-card{padding:var(--gap5)}.feature-card:first-child{background:var(--primary-color);transform:rotate(-1deg)}.feature-card:nth-child(2){background:var(--secondary-color)}.feature-card:nth-child(3){background:var(--grey);transform:rotate(1deg)}.feature-card:hover,.problem-card:hover,.solution-card:hover,.workflow-item:hover,.statistics-card:hover{box-shadow:var(--shadow-large-dark);transform:translate(-4px,-4px)rotate(-1deg)}.feature-card strong,.statistics-card strong{margin-bottom:var(--gap2);font-size:clamp(var(--gap5), 3vw, var(--gap6));text-transform:uppercase;font-weight:900;line-height:.95;display:block}.feature-card p,.problem-card p,.solution-card p,.workflow-item p,.statistics-card span{font-size:clamp(var(--gap4), 2vw, var(--gap5));line-height:1.35}.problem-section,.solution-section,.workflow-section,.statistics-section,.security-section,.cta-section{padding-block:clamp(var(--gap10), 10vw, var(--gap12))}.problem-section:before,.workflow-section:before,.cta-section:before{content:"";inset:var(--gap8) calc(50% - 50vw);z-index:-2;border-block:var(--border-heavy);background:linear-gradient(to right, #0000001f 1px, transparent 1px), linear-gradient(to bottom, #0000001f 1px, transparent 1px), var(--secondary-color);background-size:34px 34px;position:absolute}.workflow-section:before{background:radial-gradient(var(--black) 1.5px, transparent 1.5px), var(--grey);background-size:24px 24px}.cta-section:before{background:var(--black)}.section-head{gap:var(--gap5);margin-bottom:var(--gap8);display:grid}.section-title,.cta-title{text-transform:uppercase;letter-spacing:0;max-width:11ch;font-weight:900}.section-lead{max-width:58ch}.btn-solution{width:fit-content}.problem-card-grid,.solution-card-grid,.statistics-cards{gap:var(--gap5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.problem-card,.solution-card,.statistics-card{min-height:100%;padding:var(--gap6);transition:all .18s ease-out;position:relative}.problem-card:first-child,.solution-card:nth-child(2),.statistics-card:nth-child(3){background:var(--primary-color)}.problem-card:nth-child(2),.solution-card:nth-child(3),.statistics-card:first-child{background:var(--white)}.problem-card:nth-child(3),.solution-card:first-child,.statistics-card:nth-child(2){background:var(--green)}.problem-card span,.workflow-item span{width:var(--gap10);height:var(--gap10);margin-bottom:var(--gap5);border:var(--border-normal);background:var(--secondary-color);box-shadow:var(--shadow-small-dark);font-size:var(--gap6);place-items:center;font-weight:900;line-height:1;display:inline-grid}.problem-card h3,.workflow-item h3{margin-bottom:var(--gap3);text-transform:uppercase;font-weight:900}.solution-section{gap:var(--gap8);grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;display:grid}.solution-card-grid{grid-template-columns:1fr}.solution-card{gap:var(--gap5);grid-template-columns:minmax(8rem,.4fr) minmax(0,1fr);align-items:center;display:grid}.solution-card span{width:fit-content;max-width:100%;padding:var(--gap3) var(--gap4);border:var(--border-normal);background:var(--secondary-color);box-shadow:var(--shadow-small-dark);font-size:var(--gap3);overflow-wrap:anywhere;text-transform:uppercase;font-weight:900;line-height:1;display:inline-flex;transform:rotate(-2deg)}.workflow-list{gap:var(--gap5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.workflow-item{padding:var(--gap5);background:var(--white);transition:all .18s ease-out}.workflow-item:nth-child(2n){margin-top:var(--gap8);background:var(--secondary-color)}.workflow-item:nth-child(3){background:var(--primary-color)}.statistics-section{gap:var(--gap8);grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);align-items:center;display:grid}.statistics-cards{grid-template-columns:1fr}.statistics-card{gap:var(--gap5);grid-template-columns:minmax(7rem,.45fr) minmax(0,1fr);align-items:center;display:grid}.statistics-card strong{overflow-wrap:anywhere;margin-bottom:0}.security-section{gap:var(--gap8);grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:center;display:grid}.security-visual{background:radial-gradient(var(--black) 2px, transparent 2.5px), var(--green);background-size:26px 26px;place-items:center;min-height:clamp(18rem,38vw,30rem);display:grid;transform:rotate(-1deg)}.security-visual:before{content:"";border:var(--border-heavy);background:var(--secondary-color);width:clamp(8rem,22vw,13rem);height:clamp(7rem,20vw,12rem);box-shadow:var(--shadow-large-dark)}.security-visual:after{content:"";border:var(--border-heavy);background:0 0;border-bottom:0;border-radius:999px 999px 0 0;width:clamp(5rem,14vw,8rem);height:clamp(5rem,14vw,8rem);margin-top:calc(-1*clamp(6rem,16vw,10rem));position:absolute}.security-badges{margin-top:var(--gap2)}.cta-card{gap:var(--gap5);padding:clamp(var(--gap6), 6vw, var(--gap10));background:radial-gradient(var(--black) 1.5px, transparent 1.5px), var(--primary-color);box-shadow:var(--shadow-medium-light);color:var(--black);background-size:22px 22px;display:grid;transform:rotate(-1deg)}.cta-card .subtitle{background:var(--secondary-color)}.cta-title{max-width:15ch;font-size:clamp(2.2rem,6vw,5.6rem);line-height:.9}footer{gap:var(--gap6);padding-block:var(--gap8);border-top:var(--border-heavy);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.brand-infos{gap:var(--gap4);display:grid}.footer-logo{width:var(--gap12);height:var(--gap12);border:var(--border-normal);background:var(--secondary-color);box-shadow:var(--shadow-small-dark);place-items:center;display:inline-grid}footer nav{justify-content:center;gap:var(--gap2);flex-wrap:wrap;display:flex}.footer-buttons{justify-content:flex-end;gap:var(--gap3);flex-wrap:wrap;display:flex}.reveal{opacity:0;transform:translateY(var(--gap6)) rotate(-1deg);transition:opacity .36s ease-out,transform .36s ease-out}.reveal.is-visible{opacity:1;transform:translateY(0)rotate(0)}.task-board.is-visible .board-meter span{animation:.9s steps(8,end) both meter-fill}@keyframes meter-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:980px){.hero-grid,.solution-section,.statistics-section,.security-section,.feature-cards,.problem-card-grid{grid-template-columns:1fr}.workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-cards{margin-top:0}footer{grid-template-columns:1fr;align-items:start}footer nav,.footer-buttons{justify-content:flex-start}}@media (max-width:860px){.navbar{gap:var(--gap4);grid-template-columns:1fr auto;position:relative}.nav-toggle{display:block}.nav-cta{display:none}.navbar ul{inset:calc(100% + var(--gap4)) 0 auto 0;gap:var(--gap3);padding:var(--gap5);border:var(--border-heavy);background:var(--secondary-color);box-shadow:var(--shadow-large-dark);opacity:0;pointer-events:none;flex-direction:column;transition:all .18s ease-out;display:flex;position:absolute;transform:translateY(-140%)}.navbar ul.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar li{display:flex}.navbar li a{width:100%;min-height:var(--gap9);border:var(--border-thin);background:var(--white);box-shadow:var(--shadow-small-dark);text-align:center;justify-content:center}}@media (max-width:680px){.navbar,section,.feature-cards,footer{width:min(100% - 20px, var(--container))}.navbar-logo,.nav-toggle{width:var(--gap11);height:var(--gap11)}.hero-section{min-height:auto;padding-top:var(--gap8)}.hero-section:before{top:var(--gap7);left:-2rem}.hero-section:after{bottom:calc(var(--gap5) * -1)}.hero-buttons,.footer-buttons{grid-template-columns:1fr;display:grid}.hero-buttons .btn,.footer-buttons .btn,.btn-solution{width:100%}.task-board{box-shadow:var(--shadow-medium-dark);transform:none}.task-card{gap:var(--gap2);padding:var(--gap3);grid-template-columns:auto 1fr;align-items:start}.task-num{min-width:var(--gap7);min-height:var(--gap7)}.task-status{min-width:var(--gap7);min-height:var(--gap7);margin-top:var(--gap1);grid-column:2;justify-self:end}.solution-card,.statistics-card{grid-template-columns:1fr;align-items:start}.board-stats{grid-template-columns:1fr}.board-stats div,.board-stats div:first-child{border-left:0;border-top:var(--border-normal)}.board-stats div:first-child{border-top:0}.workflow-list{grid-template-columns:1fr}.workflow-item:nth-child(2n){margin-top:0}.problem-section,.solution-section,.workflow-section,.statistics-section,.security-section,.cta-section{padding-block:var(--gap11)}.cta-card{box-shadow:var(--shadow-small-light);transform:none}}@media (prefers-reduced-motion:reduce){.reveal,.reveal.is-visible{opacity:1;transform:none}.task-board.is-visible .board-meter span{animation:none}}