*,:after,:before{box-sizing:border-box}:root{--color-icons:#00a8b5;--color-text-white:#fff;--color-text-lightgrey:#e6e6e6;--color-text-grey:#4c4c4c;--color-text-darkgrey:#2c2c2c;--color-text-black:#111;--color-bg-black:#111;--color-bg-darkgrey:#2c2c2c;--color-bg-lightgrey:#e6e6e6;--color-bg-white:#fff;--color-bg-gradient-black:linear-gradient(60deg,#111,#c8c8c8 300%);--color-bg-gradient-blue:linear-gradient(72deg,#00a8b5,#007982);--color-bg-header:hsla(0,0%,7%,.7);--color-accent:#00a8b5;--color-accent-dark:#007982;--color-accent-light:#00d7e8;--color-error:#ed6868;--color-success:#8bcc8e;--card-border:1px solid rgba(0,168,181,.5);--card-border-radius:20px}body,html{font-family:Cousine,monospace;font-family:Source Sans Pro,sans-serif;margin:0}body{background:var(--color-bg-darkgrey);min-height:100%;width:100%}.text{font-family:Cousine,monospace;font-size:18px;font-size:clamp(.8em,1vw,1.1em);font-weight:400}.text-lightgrey{color:var(--color-text-lightgrey)}.text-highlight{font-family:Cousine,monospace;font-size:clamp(1em,1.9vw,1.5em);font-weight:700}.title{font-size:clamp(2em,6vw,6.5em)}.title,h1,h2,h3{font-family:Source Sans Pro,sans-serif}h1,h2,h3{font-weight:700;letter-spacing:.02em;line-height:1.1em}a{color:#e6e6e6;font-family:Source Sans Pro,sans-serif;font-size:clamp(.6em,1.9vw,.8em);margin:0 clamp(.07em,.1vw,.5em)}a,a:active,a:visited{text-decoration:none}p{font-family:Cousine,monospace;letter-spacing:.05em;line-height:1.8em}ul{padding:0}ul li{list-style:none;text-decoration:none}:active,:focus,:visited{outline:none}.header{align-items:center;background:var(--color-bg-header);display:flex;height:50px;left:0;padding:5px 10px;position:fixed;top:0;width:100%;z-index:10}#nav-logo{height:clamp(30px,10vw,40px);max-height:40px}.nav{margin-left:auto}.nav__item{color:var(--color-text-lightgrey);text-transform:uppercase}.nav__item>.letter{display:inline-block}.section{margin:0;overflow:hidden;padding:3rem 2rem;position:relative;width:100%}.background-line{height:100%;left:0;position:absolute;top:0;width:auto}.background-line path{stroke-width:5}.background-line-full-width{display:none}@media (min-width:800px){.background-line{padding:30px 0;width:80%}.background-line path{stroke-width:3}.background-line-full-width{display:initial;width:100%;z-index:1}.background-line-full-width path{stroke-width:2}}.section--1{background:var(--color-bg-black);background:var(--color-bg-gradient-black);background-image:url(/img/gradient-section-1.jpg);background-repeat:no-repeat;background-size:105% 105%;color:var(--color-text-white);padding-top:calc(3rem + 70px)}.logo-wrapper{max-width:100%;position:relative}#canvas{background:transparent;left:-175px;opacity:0;position:absolute;top:-202px}#logo-svg{height:auto;max-width:100%;opacity:1;z-index:-1}.section--1 .text{margin-top:2rem;position:relative}.section--1 .text+.text{margin-top:2rem}.section--2{background:var(--color-bg-white);color:var(--color-text-black);min-height:50vh}.section--2 .title{color:var(--color-accent)}.product-card{background:#f9f9f9;border:var(--card-border);border-radius:var(--card-border-radius);max-width:500px;min-height:300px;min-width:250px;padding:30px 15px;transition:transform .2s ease-out,box-shadow .15s ease;z-index:2}.product-card,.product-card img{display:block;margin:0 auto;text-decoration:none}.product-card img{color:var(--color-bg-darkgrey);height:75px;max-width:100%}.product-card__title{align-items:flex-end;font-family:Source Sans Pro,sans-serif;font-size:1.2rem;font-weight:700;min-height:75px;text-align:start}.product-card__text,.product-card__title{color:var(--color-bg-darkgrey);display:flex;text-decoration:none;width:100%}.product-card__text{align-items:flex-start;font-size:clamp(.7rem,1vw,.8rem);font-weight:400}.product-card__arrow{overflow-x:hidden}.product-card__arrow path{transform:translateX(-25px);transition:transform .25s ease-out}.product-card span{display:inline-block;text-decoration:none}.product-card *{transition:transform .25s ease-out}.product-card:active,.product-card:visited{text-decoration:none}.product-card:focus,.product-card:hover{box-shadow:15px 25px 0 -5px rgba(0,168,181,.2);text-decoration:none;transform:scale(1.03)}.product-card:focus .product-card__arrow path,.product-card:hover .product-card__arrow path{transform:translateX(0)}@media (max-width:799px){.product-card{margin-top:3rem}}.section--3{background:var(--color-accent);background:var(--color-bg-gradient-blue);background-image:url(/img/gradient-section-3.jpg);background-repeat:no-repeat;background-size:105% 105%;color:var(--color-text-white)}@media (max-width:799px){.animation-wrapper{margin:0 auto;max-width:30%}}.sphere path{fill:url(#sphereGradient);stroke-width:1px;stroke:#00d7e8;backface-visibility:hidden}@media (max-width:799px){.section--3 .title{align-self:center}.section--3 .text{align-self:center;margin-bottom:2rem;margin-top:2rem}.section--3 .text+.text{align-self:center;margin-bottom:2rem;margin-top:3rem}}.section--4{background:#fff}.section--4,.section--4 .title{color:var(--color-text-darkgrey)}.section--4 .text-highlight{color:var(--color-text-grey)}.form-wrapper input,.form-wrapper textarea{background-color:#f9f9f9;border:1px solid var(--color-accent);border-radius:10px;margin:5px 0;padding:15px 20px;resize:vertical;transition:border .2s ease-in-out;width:100%}.form-wrapper input:focus,.form-wrapper input:hover,.form-wrapper textarea:focus,.form-wrapper textarea:hover{border:1px solid var(--color-accent-light)}.ccs-form-button{background:var(--color-accent);border:none;border-radius:4px;color:var(--color-text-white);display:block;font-weight:900;margin:30px auto 0;outline:none;padding:14px 25px;text-align:center;transition:background .2s ease-in-out}.ccs-form-button:hover{background:var(--color-accent-light)}.ccs-form-button.disabled,.ccs-form-button.disabled:hover{background:var(--color-accent-dark);color:var(--color-text-grey)}#privacy-input{cursor:pointer;height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}#privacy-input+.ccs-agree-policy .ccs-checkbox-policy{background-color:#f9f9f9}#privacy-input:checked+.ccs-agree-policy .ccs-checkbox-policy{background-color:var(--color-accent);border:1.5px solid var(--color-accent)}#privacy-input:hover+.ccs-agree-policy .ccs-checkbox-policy{border:1.5px solid var(--color-accent)}#privacy-input.invalid+.ccs-agree-policy .ccs-checkbox-policy{border:1.5px solid var(--color-error)}#privacy-input.invalid+.ccs-agree-policy+.ccs-error-message{display:block}.ccs-agree-policy{display:inline-block;font-size:10pt;margin-bottom:5px;margin-top:20px;padding-left:30px;position:relative;text-align:left;vertical-align:middle}.ccs-agree-policy .ccs-checkbox-policy{background:#f9f9f9;border:1.5px solid var(--color-accent-dark);border-radius:5px;cursor:pointer;height:25px;left:0;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease-out;width:25px}.ccs-agree-policy .ccs-agree-policy-link{color:#000;text-decoration:underline}#ccs-recaptcha{margin-bottom:0;margin-top:20px;transform:scale(.77);-webkit-transform:scale(.77);transform-origin:0 0;-webkit-transform-origin:0 0}#ccs-recaptcha-input.invalid+#ccs-recaptcha+.ccs-error-message{display:block;margin-top:-14px}.ccs-error-message{color:var(--color-error);display:block;display:none;font-size:12px;line-height:15px;margin:5px 0 0;padding:0}.send-email-feedback{display:block;margin-top:20px;padding:0;position:relative;text-align:center}.send-email-feedback .timer{background-color:transparent;border:2px solid var(--color-bg-black);border-radius:50%;display:inline-block;height:24px;position:relative;width:24px}.send-email-feedback .timer:after{animation:minhand 1s linear infinite;width:11px}.send-email-feedback .timer:after,.send-email-feedback .timer:before{background-color:var(--color-bg-black);border-radius:1px;content:"";height:2px;left:9px;position:absolute;top:9px;transform-origin:1px 1px}.send-email-feedback .timer:before{animation:hrhand 4s linear infinite;width:8px}.send-email-feedback .timer-message{display:inline-block;height:24px;margin:0;position:relative;top:-7px}.send-email-feedback.hidden{display:none}.send-email-feedback.success .timer{border:2px solid var(--color-success);transition:border .125s ease-out .375s,transform .25s ease-out}.send-email-feedback.success .timer:after{animation:toCheckMin .5s linear forwards}.send-email-feedback.success .timer:before{animation:toCheckHr .5s linear forwards}.send-email-feedback.error .timer{border:2px solid var(--color-error);transition:border .125s ease-out .375s,transform .25s ease-out}.send-email-feedback.error .timer:after{animation:toErrorMin .5s linear forwards}.send-email-feedback.error .timer:before{animation:toErrorHr .5s linear forwards}.footer{color:var(--color-text-lightgrey);min-height:200px;padding:3rem 2rem}.footer__contact__text,.footer__item__anchor{font-size:1em;letter-spacing:.03em;line-height:1.5;transition:.2s ease-in-out}.footer__item__anchor:focus,.footer__item__anchor:hover{color:var(--color-accent)}@media (min-width:1450px){.footer__contacts__items{display:flex;flex-direction:column;flex-wrap:wrap;max-height:200px}.footer__contacts__items .footer__contacts__item+.footer__contacts__item{padding-left:20px}}address{font-size:1em;font-style:normal;letter-spacing:.03em;line-height:1.5;max-width:100%;min-width:30ch}@media (min-width:850px){address{max-width:60ch;min-width:60ch}}ul.transition{display:flex;height:100vh;left:0;margin:0;padding:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:20}ul.transition li{background:var(--color-accent-light);list-style-type:none;margin:0;padding:0;transform:scaleY(0);transform-origin:bottom left;width:20%}.product .section{background:var(--color-bg-white)}.section--product{padding-top:calc(3rem + 70px)}.section--product .back-btn{color:var(--color-accent);font-size:1.2em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.section--product .title{color:var(--color-text-darkgrey);font-size:clamp(2em,8vw,4em);font-weight:700;padding-top:3rem}.product-description{color:var(--color-text-grey);font-size:clamp(1.2rem,2vw,1.8rem);max-width:70ch}.section--product .subtitle{color:var(--color-text-darkgrey);font-size:clamp(1.5em,2vw,3em);font-weight:700;letter-spacing:.03em;margin-bottom:.5rem;padding-top:3rem}.section--product .goal-description{color:var(--color-text-grey);font-size:clamp(1em,1.5vw,1.3em);margin-top:0;max-width:80ch}.product-image{display:block;margin:3rem auto;max-width:30%;min-width:250px}.points .point-text{color:var(--color-text-grey);font-size:clamp(.8em,1.4vw,1em);max-width:50ch}.points-title{color:var(--color-text-darkgrey);font-size:clamp(1.3em,2vw,2.5em);font-weight:700;letter-spacing:.03em}.section:not(.section--product-points-center) .point{align-items:center;display:flex;justify-content:flex-start}.point-title{color:var(--color-text-darkgrey);font-size:clamp(1.09em,1.75vw,1.4em);font-weight:700;letter-spacing:.03em}.point-icon{flex-shrink:0;height:auto;margin-right:20px;width:35px}.section--product-navigation a{color:var(--color-bg-darkgrey);font-size:1rem;font-weight:600;min-height:150px;transition:.2s ease-in-out}.section--product-navigation a:focus,.section--product-navigation a:hover{color:var(--color-accent);font-size:1.2rem}.previous-product svg{transform-origin:bottom left;transition:transform .2s ease-out}.previous-product:focus svg,.previous-product:hover svg{transform:scale(1.1)}.next-product svg{transform-origin:bottom right;transition:transform .2s ease-out}.next-product:focus svg,.next-product:hover svg{transform:scale(1.1)}@media (min-width:800px){.header{padding:5px 100px}.nav__item{font-size:1em}.nav__item+.nav__item{margin-left:20px}.section{display:grid;gap:2em;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);min-height:100vh;padding:5rem 2rem;position:relative}.logo-wrapper{align-self:center;grid-column:3/13;grid-row:1/4}#logo-svg{max-height:100%;max-width:100%}.section--1 .text{align-self:center;color:var(--color-text-white);grid-column:8/13;grid-row:3/6;margin-top:5rem;max-width:600px}.section--1 .text+.text{align-self:center;color:var(--color-text-lightgrey);font-weight:400;grid-column:5/10;grid-row:5/7;max-width:900px}.section--2 .title{align-self:center;grid-column:1/11;grid-row:1/3;justify-self:end}.section--2 .products{align-items:start;display:flex;flex-wrap:wrap;gap:2rem;grid-column:1/-1;grid-row:3/-1;justify-content:space-evenly}.section--2 .product-card{display:inline-block;grid-column:span 2;max-width:300px;min-width:200px}.section--2 .product-card__text{min-height:180px}.animation-wrapper{align-self:center;display:flex;grid-column:7/12;grid-row:1/6;justify-content:center;max-height:100%;max-width:100%;position:relative}.sphere-animation{max-height:100%;width:100%}.sphere{max-height:100%;max-width:100%}.section--3 .title{align-self:center;grid-column:2/9;grid-row:1/4;justify-self:end;margin:0 -2rem 0 0;z-index:1}.section--3 .text{align-self:center;grid-column:2/7;grid-row:3/6;justify-self:end;margin:0;max-width:500px}.section--3 .text+.text{align-self:center;grid-column:2/9;grid-row:5/7;margin:0;max-width:650px;z-index:1}.section--4 .title{grid-column:2/7;grid-row:1/3}.section--4 .text-highlight{grid-column:2/7;grid-row:3/-1}.section--4 .form-wrapper{align-self:center;grid-column:7/13;grid-row:1/-1;justify-self:center;padding:20px 40px}.footer{display:flex;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;padding:5em 100px}.product .section{display:block;min-height:auto;padding:5rem 100px}.section--product{padding-top:calc(4rem + 70px)}.section.section--product-points-left{display:grid;gap:3rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.section--product-points-left .product-image{grid-column:1/2;grid-row:1;height:auto;margin:auto;max-width:500px;width:90%}.section--product-points-left .points{grid-column:2/3;grid-row:1}.section--product-points-center .points{display:flex;gap:2rem;justify-content:space-around}.section.section--product-points-right{display:grid;gap:3rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.section--product-points-right .product-image{grid-column:2/3;grid-row:1;height:auto;margin:auto;max-width:500px;width:90%}.section--product-points-right .points{grid-column:1/2;grid-row:1;justify-self:right}}
