@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;900&display=swap";:root{--primary:#0396a6;--primary-dark:#027a87;--secondary:#1c5f66;--accent:#f2cf66;--light:#e5f3fe;--dark:#37474f;--font-main:#263238;--white:#fff;--error:#ef4444;--success:#22c55e;--olive:#4a5d23;--earth:#5d4037;--clay:#a1887f;--font-family:"Inter", system-ui, -apple-system, sans-serif;--h1:3rem;--h2:2.5rem;--h3:2rem;--h4:1.5rem;--body:1.125rem;--small:.9375rem;--touch-min:48px;--btn-padding:1rem 2.5rem;--input-height:56px;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--radius:8px;--transition:all .3s ease;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}@media (width<=768px){:root{--h1:2.25rem;--h2:1.875rem;--h3:1.5rem;--h4:1.25rem}}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--white);color:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}h4{font-size:var(--h4)}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.container{max-width:1200px;padding:0 var(--space-sm);margin:0 auto}.section-padding{padding:var(--space-lg) 0}@media (width<=768px){.section-padding{padding:var(--space-md) 0}}.header{background-color:var(--white);border-bottom:1px solid var(--light);z-index:1000;align-items:center;height:80px;display:flex;position:sticky;top:0}.header__content{justify-content:space-between;align-items:center;width:100%;display:flex}.header__logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.header__logo-icon{width:36px;height:36px}.header__logo-text{color:var(--primary);letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.header__nav{gap:var(--space-sm);align-items:center;display:flex}.header__link{padding:.5rem 1rem;font-weight:500}.header__link:hover{color:var(--primary)}.header__cta{background-color:var(--primary);color:var(--white);border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:600}.header__cta:hover{background-color:var(--primary-dark)}.header__toggle{display:none}@media (width<=768px){.header__nav{background-color:var(--white);width:100%;padding:var(--space-md);gap:var(--space-sm);box-shadow:var(--shadow);transition:var(--transition);flex-direction:column;position:fixed;top:80px;left:0;transform:translateY(-150%)}.header__nav--open{transform:translateY(0)}.header__toggle{display:block}}.footer{background-color:var(--dark);color:var(--white);padding:var(--space-lg) 0 0}.footer__content{gap:var(--space-md);padding-bottom:var(--space-lg);grid-template-columns:2fr 1fr 1fr;display:grid}.footer__brand{gap:var(--space-sm);flex-direction:column;display:flex}.footer__portix{align-items:center;gap:.5rem;display:flex}.footer__portix-icon{filter:brightness(0)invert();width:32px;height:32px}.footer__portix-name{color:var(--white);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.footer__desc{color:var(--light);opacity:.7;max-width:300px;font-size:.9rem;line-height:1.6}.footer__dynnamo{margin-top:var(--space-xs);align-items:center;gap:.5rem;display:flex}.footer__dynnamo-label{opacity:.5;color:var(--light);font-size:.8rem}.footer__dynnamo-logo{opacity:.6;filter:brightness(0)invert();width:auto;height:20px}.footer__links h4{margin-bottom:var(--space-sm);color:var(--accent)}.footer__links ul{list-style:none}.footer__links li{color:var(--light);opacity:.7;cursor:pointer;margin-bottom:.5rem}.footer__links li:hover{opacity:1;color:var(--white)}.footer__bottom{padding:var(--space-sm) 0;text-align:center;font-size:var(--small);opacity:.6;border-top:1px solid #ffffff1a}@media (width<=768px){.footer__content{text-align:center;grid-template-columns:1fr}.footer__desc{margin:0 auto}}.hero{padding:var(--space-xl) 0;background:linear-gradient(135deg, var(--light) 0%, #f0f7ff 100%);position:relative;overflow:hidden}.hero__content{align-items:center;gap:var(--space-lg);grid-template-columns:1.2fr 1fr;display:grid}.hero__title{margin-bottom:var(--space-sm);color:var(--dark);letter-spacing:-.02em;font-size:3.5rem;font-weight:900;line-height:1.1}.text-accent{color:#f2cf66}.hero__subtitle{color:var(--font-main);opacity:.9;margin-bottom:var(--space-md);max-width:550px;font-size:1.25rem}.hero__mockup{background:var(--white);border:1px solid var(--light);transition:var(--transition);border-radius:12px;padding:8px;position:relative;transform:perspective(1000px)rotateY(-5deg);box-shadow:0 20px 50px #00000026}.hero__mockup:hover{transform:perspective(1000px)rotateY(0)}.hero__img{border-radius:4px;width:100%;display:block}.hero__mockup-shadow{background:var(--primary);filter:blur(80px);opacity:.15;z-index:-1;width:80%;height:80%;position:absolute;top:10%;left:10%}@media (width<=768px){.hero{padding:var(--space-lg) 0;text-align:center}.hero__content{grid-template-columns:1fr}.hero__subtitle{margin:0 auto var(--space-md)}.hero__actions{flex-direction:column;justify-content:center}}.trust-signals{background-color:var(--white);padding:var(--space-md) 0;border-top:1px solid var(--light);border-bottom:1px solid var(--light)}.trust-signals__content{justify-content:space-around;gap:var(--space-md);flex-wrap:wrap;display:flex}.trust-card{align-items:center;gap:var(--space-sm);max-width:320px;display:flex}.trust-card__text h4{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:1rem;font-weight:800}.trust-card__text p{color:var(--font-main);opacity:.7;font-size:.85rem}.text-olive{color:var(--olive)}@media (width<=768px){.trust-signals__content{text-align:center;flex-direction:column;align-items:center}.trust-card{flex-direction:column}}.problem{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);position:relative;overflow:hidden}.problem:before{content:"";opacity:.03;pointer-events:none;background-color:#0000;background-size:300px;width:100%;height:100%;position:absolute;top:0;left:0}.problem__header{text-align:center;max-width:700px;margin:0 auto var(--space-lg)}.problem__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;display:grid}.problem-card{background:var(--white);border:1px solid var(--light);border-radius:var(--radius);padding:var(--space-md);transition:var(--transition)}.problem-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.problem-card__icon{color:var(--primary);margin-bottom:var(--space-sm)}.problem-card__title{color:var(--font-main);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.problem-card__desc{color:var(--dark);opacity:.75;font-size:.95rem;line-height:1.6}@media (width<=900px){.problem__grid{grid-template-columns:1fr}}.social-proof{padding:var(--space-xl) 0;background-color:var(--secondary);color:var(--white);position:relative;overflow:hidden}.social-proof:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#f2cf660d 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.social-proof__text{text-align:center;color:var(--white);opacity:.9;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.15em;font-size:1rem;font-weight:700}.social-proof__grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.social-proof__stat{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.social-proof__value{color:#f2cf66;font-size:3.5rem;font-weight:900;line-height:1}.social-proof__label{color:var(--white);opacity:.8;font-size:1.1rem;font-weight:500}@media (width<=768px){.social-proof__grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.social-proof__value{font-size:2rem}}.features{background-color:var(--white);border-top:1px solid var(--light)}.features__header{text-align:center;max-width:800px;margin:0 auto var(--space-lg)}.features__grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.features__grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background-color:var(--white);border:2px solid var(--light);text-align:left;border-radius:20px;flex-direction:column;align-items:flex-start;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.feature-card:hover{border-color:var(--accent);transform:translateY(-10px);box-shadow:0 20px 40px #0396a614}.feature-card__icon{color:var(--primary);background:#f2cf6626;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1.25rem;display:flex}.feature-card__title{color:var(--dark);margin-bottom:1rem;font-size:1.5rem;font-weight:800;line-height:1.2}.feature-card__desc{color:var(--font-main);opacity:.9;font-size:1.05rem;line-height:1.6}.text-primary{color:var(--primary)}@media (width<=768px){.features__grid{grid-template-columns:1fr}}