:root{--green:#27832b;--deep:#123d31;--mid:#2EBC2A;--cream:#fbf7ef;--white:#fffdfa;--grey:#5f6d67;--line:#e7e3d9;--navy:#1b3442;--ink:#1c3329;--orange:#FF993B;--brand-gradient:linear-gradient(112deg,#FF993B 0%,#efad55 27%,#87bd48 60%,#2EBC2A 100%)}
body{background:var(--white)}
.header{background:rgba(255,253,250,.94);box-shadow:0 8px 30px #1933220b;transition:box-shadow .3s,background .3s}
.header:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-gradient);background-size:180% 100%;animation:gradient-shift 9s ease-in-out infinite alternate}
.header.is-scrolled{box-shadow:0 12px 32px #19332220;background:#fffdfaf8}
.scroll-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--brand-gradient);transform:scaleX(0);transform-origin:left;z-index:4}
.head-inner{height:92px;gap:28px}
.logo-link{display:inline-flex;align-items:center;line-height:0;flex-shrink:0;transition:transform .3s}
.logo-link:hover{transform:translateY(-2px)}
.logo-link img{width:176px;height:auto;max-height:69px;object-fit:contain}
.header .nav{gap:3px;padding:6px;border:1px solid #e7eee3;border-radius:100px;background:#f8faf5}
.header .nav a{position:relative;border-radius:100px;padding:10px 13px;color:#243a31;font-weight:700;transition:color .2s,background .25s,transform .25s}
.header .nav a:hover,.header .nav a:focus-visible{color:#175b24;background:#e6f3dc;transform:translateY(-2px)}
.header .auth{gap:11px}.header .login{padding:10px 14px;border-radius:100px}.header .login:hover{background:#fff0df;color:#a85313}
.button,.header .button{border:0;background:var(--brand-gradient);background-size:180% 100%;color:#183c25;box-shadow:0 9px 24px #d69c5140;transition:transform .3s,box-shadow .3s,background-position .5s}
.button:hover,.header .button:hover{background:var(--brand-gradient);background-size:180% 100%;background-position:100% 0;color:#123d31;box-shadow:0 16px 30px #59a94240;transform:translateY(-4px)}
.header .button-small{border-radius:100px;padding:12px 19px;font-weight:800;white-space:nowrap}
.hero{background:radial-gradient(circle at 70% 45%,#255b3e 0%,transparent 38%),linear-gradient(124deg,#102b2c,#164837 68%,#173e35);isolation:isolate}
.hero:before{background:radial-gradient(circle at 87% 17%,#ff993b75,transparent 23%),radial-gradient(circle at 75% 82%,#2ebc2a78,transparent 29%);filter:blur(18px);animation:aurora 11s ease-in-out infinite alternate;z-index:-1}
.hero:after{content:'';position:absolute;right:-8%;bottom:-42%;width:56vw;height:56vw;border:1px solid #ffffff2e;border-radius:50%;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff06;animation:slow-turn 30s linear infinite;pointer-events:none;z-index:-1}
.hero .eyebrow{color:#ffd5ac}.hero h1 em{background:linear-gradient(90deg,#ffb767,#d8f4c1 70%,#9de79a);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .button{background:var(--brand-gradient);background-size:180% 100%;color:#173d28}.hero .button:hover{background:var(--brand-gradient);background-size:180% 100%;background-position:100% 0}
.hero-visual{filter:drop-shadow(0 28px 45px #091f1e60)}
.eyebrow{color:#a65b16}.section:nth-of-type(even),.detail-section:nth-of-type(even){background:var(--cream)}
.card{border-radius:13px;box-shadow:0 12px 26px #1c533310}.card:before{height:5px;background:var(--brand-gradient)}.card-icon{background:linear-gradient(135deg,#fff0dc,#e4f8dd);color:#30872e}.card:hover .card-icon{animation:icon-pop .5s ease}.card:hover{border-color:#a5d199;box-shadow:0 20px 35px #226b3b20}
.row:hover h3{color:#c66c19}.check-list li:before{color:#db791e}.detail-index{background:var(--brand-gradient);color:#1a3c27}
.art-tag{color:#ffcc99}.data-art,.contact-art,.flow-art,.policy-art{background:linear-gradient(138deg,#163f35,#2b6c3a 75%,#b77036)}
.data-columns span,.chart-bars i{background:linear-gradient(0deg,#2EBC2A,#FF993B)}
.methods-art{background:#f8f2e6}.method-tiles span{border-color:#e4d8bc}.art-line{background:var(--brand-gradient)}
.people-art{background:linear-gradient(125deg,#fff0dc,#e8f4df)}.avatar-stack span:first-child{background:#e58632}.avatar-stack span:nth-child(3){background:#2EBC2A;color:#173824}
.method-orb{background:linear-gradient(135deg,#ffe2bf,#b4edab);color:#204b28;box-shadow:0 15px 35px #081c1459}.method-orb:nth-child(even){animation-duration:5.5s}.platform-center{background:var(--brand-gradient);color:#123d31}.platform-node{background:#fffaf0;color:#205638;border-color:#ffe0b8}.platform-connector,.step-line{background:var(--brand-gradient)}.hero-steps b{background:var(--brand-gradient);color:#153d28}.solution-row span{background:linear-gradient(110deg,#ffecd5,#dff2d7)}.about-big{color:#f5b976}.help-q,.envelope,.access-symbol{color:#ffc48a}
.mock-browser{box-shadow:0 42px 80px #0a1b176e}.mock-top{background:linear-gradient(90deg,#ffdfbd,#ddf1d3)}.mock-sidebar{background:#174b3c}.mock-sidebar i{background:#e9af73}.float-chip{border-left:4px solid #ff993b}.float-chip-two{border-left-color:#2EBC2A}
.footer{background:var(--cream);color:var(--ink);border-top:1px solid #e7ded2}
.footer-top{padding:78px 0 65px;display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:clamp(35px,5vw,100px)}
.footer-brand .logo-link img{width:205px;max-height:none}.footer-brand p{margin:16px 0 0;max-width:340px;color:#52665b;font-size:16px}
.footer-column{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px}.footer-column h2{margin:3px 0 17px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#235438}.footer-column a{font-size:15px;color:#314a3b;transition:transform .2s,color .2s}.footer-column a:hover{color:#c46b1d;transform:translateX(5px)}
.footer-bottom{border-top:1px solid #d9dbcf;color:#6b756b}
.cookie-banner{position:fixed;z-index:30;left:22px;right:22px;bottom:20px;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:22px 25px;background:#fffdfa;border:1px solid #e7dccb;border-radius:15px;box-shadow:0 20px 75px #1c372b3c;animation:banner-in .55s both}
.cookie-banner:before{content:'';position:absolute;top:0;left:15px;right:15px;height:4px;background:var(--brand-gradient);border-radius:0 0 4px 4px}.cookie-banner[hidden]{display:none}
.cookie-copy{max-width:760px}.cookie-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#a45a20}.cookie-copy p{margin:4px 0 0;color:#415448;font-size:14px}.cookie-copy a{color:#236b2a;font-weight:800;text-decoration:underline;text-underline-offset:3px}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-actions button{cursor:pointer;padding:11px 19px;border-radius:6px;font-weight:800;transition:transform .2s,box-shadow .2s}.cookie-actions button:hover{transform:translateY(-3px)}.cookie-decline{background:#fff;border:1px solid #b9cbbc;color:#214d2c}.cookie-agree{background:var(--brand-gradient);border:1px solid transparent;color:#183d25;box-shadow:0 7px 20px #ff993b45}
.reveal.visible .card:nth-child(2){transition-delay:.08s}.reveal.visible .card:nth-child(3){transition-delay:.16s}
@keyframes gradient-shift{to{background-position:100% 0}}@keyframes aurora{to{transform:translate(-6%,5%) scale(1.2);filter:blur(28px)}}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes icon-pop{50%{transform:scale(1.18) rotate(-8deg)}}@keyframes banner-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1160px){.head-inner{gap:15px}.header .nav a{padding:9px 10px;font-size:12px}.logo-link img{width:155px}.header .auth{gap:4px}}
@media(max-width:850px){.head-inner{height:75px}.header .nav{top:75px;left:16px;right:16px;border-radius:14px;padding:16px;box-shadow:0 15px 30px #153a2830;gap:4px}.header .nav a{width:100%;padding:12px 15px;font-size:14px}.menu-toggle{border:1px solid #d8e5d5;border-radius:100px;padding:8px 14px;background:#f4f9f0;color:#245b30}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1/-1}.cookie-banner{align-items:flex-start;flex-direction:column;gap:15px}.cookie-actions{align-self:flex-end}}
@media(max-width:560px){.head-inner{gap:7px}.logo-link img{width:125px}.header .button-small{padding:9px 10px;font-size:11px}.menu-toggle{font-size:12px;padding:7px 10px}.header .nav{top:75px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand .logo-link img{width:190px}.footer-column h2{font-size:13px}.footer-column a{font-size:13px}.cookie-banner{left:10px;right:10px;bottom:10px;padding:20px 18px}.cookie-copy p{font-size:13px}.cookie-actions{width:100%;justify-content:flex-end}.cookie-actions button{padding:9px 14px}}
@media(prefers-reduced-motion:reduce){.header:before,.hero:before,.hero:after,.method-orb,.avatar-stack span{animation:none!important}.cookie-banner{animation:none!important}.button:hover,.card:hover,.logo-link:hover{transform:none}}