:root{--green-900:#123024;--green-800:#1c4b32;--green-700:#245c3f;--green-600:#2f7350;--green-500:#3d8b63;--green-400:#5aa87e;--green-300:#8fc7ac;--green-100:#d9ecdf;--green-50:#eef6f0;--ink:#16241d;--ink-soft:#4a5a52;--line:#dfe8e1;--bg-top:#f3f7ee;--bg-mid:#e8f2e6;--bg-bottom:#dcefe0;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:36px;--shadow-sm:0 1px 2px #1230240f, 0 8px 24px #1230240f;--shadow-md:0 24px 60px #12302429;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:linear-gradient(160deg, var(--bg-top) 0%, var(--bg-mid) 45%, var(--bg-bottom) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{height:100%}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}a{color:var(--green-700)}h1,h2,h3,p{margin:0}.page{justify-content:space-between;align-items:stretch;height:100dvh;display:flex;position:relative;overflow:hidden auto}.page__inner{flex-direction:column;flex:auto;justify-content:space-between;gap:clamp(4px,1vh,12px);min-width:0;max-width:1200px;margin:0 auto;padding:clamp(6px,1.6vh,18px) clamp(16px,3vw,44px) clamp(8px,1.8vh,20px);display:flex}.rail{flex:none;align-self:stretch;position:relative;overflow:hidden}.rail--left{width:clamp(60px,18vw,352px)}.rail--right{width:clamp(76px,20vw,388px)}.rail img{-webkit-user-select:none;user-select:none;width:100%;height:auto;position:absolute;top:0;left:0}.rail--left img{object-fit:cover;object-position:left top;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#000 60%,#0000 99%);mask-image:linear-gradient(90deg,#000 60%,#0000 99%)}.rail--right img{object-fit:cover;object-position:50% top;width:100%;height:100%;-webkit-mask-image:linear-gradient(270deg,#000 68%,#0000 99%);mask-image:linear-gradient(270deg,#000 68%,#0000 99%)}.topbar{flex:none;align-items:center;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand__logo{background:var(--green-800);color:#fff;letter-spacing:.02em;border-radius:12px;place-items:center;width:clamp(32px,4.2vh,44px);height:clamp(32px,4.2vh,44px);font-size:clamp(12px,1.5vh,16px);font-weight:800;display:grid}.brand__name{color:var(--ink);font-size:clamp(16px,2.1vh,22px);font-weight:800}.shell{flex:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,56px);display:grid}.pill{border:1px solid var(--green-100);color:var(--green-800);letter-spacing:.2em;text-transform:uppercase;background:#ffffffb3;border-radius:999px;padding:clamp(4px,.8vh,7px) 15px;font-size:11px;font-weight:800;display:inline-block}.hero__title{letter-spacing:-.02em;max-width:17ch;color:var(--green-900);margin:clamp(8px,1.6vh,18px) 0 0;font-size:clamp(1.4rem,4.4vh,2.9rem);font-weight:800;line-height:1.14}.hero__underline{white-space:nowrap;position:relative}.hero__underline:after{content:"";background:var(--green-600);border-radius:3px;height:4px;position:absolute;bottom:.04em;left:0;right:0}.hero__dot{color:var(--green-500)}.hero__lead{max-width:33em;color:var(--ink-soft);margin-top:clamp(6px,1.2vh,14px);font-size:clamp(.82rem,1.9vh,1.02rem);line-height:1.45}.hero__note{max-width:33em;color:var(--ink-soft);margin-top:clamp(6px,1vh,12px);font-size:clamp(.72rem,1.5vh,.88rem);line-height:1.45}.countdown{gap:10px;margin-top:clamp(8px,1.5vh,20px);display:flex}.countdown__cell{border:1px solid var(--line);min-width:64px;box-shadow:var(--shadow-sm);background:#ffffffd9;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:clamp(7px,1.4vh,13px) 8px;display:flex}.countdown__value{color:var(--green-900);font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,2.6vh,1.55rem);font-weight:800}.countdown__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:9px;font-weight:700}.notify{margin-top:clamp(8px,1.3vh,16px)}.notify__row{flex-wrap:wrap;gap:10px;display:flex}.notify__input{border:1px solid var(--line);max-width:260px;color:var(--ink);background:#fff;border-radius:14px;outline:none;flex:0 260px;padding:clamp(9px,1.7vh,15px) 16px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.notify__input:focus{border-color:var(--green-400);box-shadow:0 0 0 4px #5aa87e2e}.notify__button{background:var(--green-800);color:#fff;border:none;border-radius:14px;padding:clamp(9px,1.7vh,15px) 24px;font-size:.9rem;font-weight:700;transition:background .15s,transform .15s}.notify__button:hover{background:var(--green-900);transform:translateY(-1px)}.notify__button:disabled{opacity:.7;cursor:progress;transform:none}.notify__msg{margin-top:10px;font-size:.85rem}.notify__msg--error{color:#b4423a}.notify__msg--success{color:var(--green-700)}.showcase{justify-content:center;align-items:center;display:flex}.phone{width:clamp(270px,31vh,380px);max-width:100%;box-shadow:var(--shadow-md);background:linear-gradient(#24332b,#16211c);border-radius:clamp(32px,5.6vh,44px);padding:clamp(10px,1.6vh,12px);position:relative}.phone__notch{z-index:2;background:#0d1512;border-radius:999px;width:34%;height:clamp(14px,2vh,20px);position:absolute;top:clamp(14px,2.2vh,20px);left:50%;transform:translate(-50%)}.phone__screen{background:linear-gradient(#1f3a2c 0% 33%,#f2f7f0 33% 100%);border-radius:clamp(26px,4.4vh,32px);padding:clamp(10px,1.8vh,13px) clamp(12px,2vh,15px) clamp(12px,2.2vh,16px);position:relative;overflow:hidden}.phone__statusbar{color:#eaf2e9;justify-content:space-between;padding:4px 4px 0;font-size:clamp(9.5px,1.3vh,10.5px);display:flex}.phone__brand{text-align:center;color:#eaf2e9;margin-top:clamp(6px,1.3vh,11px);padding-bottom:clamp(8px,1.5vh,12px)}.phone__logo{width:clamp(30px,4.6vh,36px);height:clamp(30px,4.6vh,36px);color:var(--green-800);background:#fff;border-radius:999px;place-items:center;margin:0 auto clamp(5px,.9vh,8px);font-size:clamp(12px,1.7vh,13px);font-weight:800;display:grid}.phone__name{font-size:clamp(15px,2.3vh,17px);font-weight:800}.phone__tag{opacity:.85;margin-top:2px;font-size:clamp(10.5px,1.5vh,11.5px)}.signin{background:#fff;border-radius:clamp(17px,2.8vh,20px);padding:clamp(12px,2vh,15px) clamp(11px,1.8vh,14px);box-shadow:0 20px 40px #12302429}.signin__title{color:var(--ink);font-size:clamp(15px,2.3vh,17px);font-weight:800}.signin__hint{color:var(--ink-soft);margin-top:4px;font-size:clamp(10px,1.4vh,11px)}.signin__tabs{background:var(--green-50);border-radius:12px;gap:6px;margin-top:clamp(8px,1.4vh,11px);padding:4px;display:flex}.signin__tab{color:var(--ink-soft);background:0 0;border:none;border-radius:9px;flex:1;padding:clamp(7px,1.3vh,9px) 0;font-size:clamp(11px,1.5vh,12px);font-weight:700;transition:background .15s,color .15s}.signin__tab.is-active{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.signin__field{background:var(--green-50);border-radius:12px;align-items:center;gap:6px;margin-top:clamp(8px,1.3vh,10px);padding:clamp(8px,1.3vh,10px);font-size:clamp(9.5px,1.35vh,10.8px);display:flex}.signin__cc{color:var(--ink);background:#fff;border-radius:7px;padding:3px 6px;font-weight:700}.signin__placeholder{color:#9aa8a0}.signin__continue{background:var(--green-800);color:#fff;border:none;border-radius:12px;width:100%;margin-top:clamp(9px,1.5vh,11px);padding:clamp(9px,1.5vh,11px) 0;font-size:clamp(12px,1.6vh,12.5px);font-weight:700}.signin__admin{text-align:center;color:var(--green-700);margin-top:clamp(8px,1.3vh,10px);font-size:clamp(10.5px,1.4vh,11px);font-weight:600}.phone__terms{text-align:center;color:#8fa398;margin-top:clamp(9px,1.5vh,12px);font-size:clamp(9px,1.2vh,9.5px)}.features{border-top:1px solid var(--line);flex:none;grid-template-columns:repeat(5,1fr);padding-top:clamp(6px,1.4vh,16px);display:grid}.feature{text-align:center;padding:2px clamp(8px,1.6vw,24px)}.feature+.feature{border-left:1px solid var(--line)}.feature__icon{background:var(--green-100);width:clamp(24px,3.2vh,32px);height:clamp(24px,3.2vh,32px);color:var(--green-700);border-radius:999px;place-items:center;margin:0 auto clamp(2px,.5vh,6px);display:grid}.feature__title{color:var(--green-900);font-size:clamp(.76rem,1.6vh,.9rem);font-weight:800}.feature__text{color:var(--ink-soft);margin-top:3px;font-size:clamp(.64rem,1.3vh,.76rem);line-height:1.35}.roles{flex:none}.roles__grid{grid-template-columns:repeat(5,1fr);gap:clamp(5px,.9vh,10px);display:grid}.role{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#ffffffc7;border-radius:14px;gap:8px;padding:clamp(5px,.9vh,9px);display:flex}.role__icon{background:var(--green-100);width:clamp(24px,3.2vh,30px);height:clamp(24px,3.2vh,30px);color:var(--green-700);border-radius:9px;flex:none;place-items:center;display:grid}.role__title{color:var(--green-900);font-size:clamp(.7rem,1.4vh,.82rem);font-weight:800}.role__text{color:var(--ink-soft);margin-top:2px;font-size:clamp(.6rem,1.2vh,.72rem);line-height:1.35}.footer{flex-direction:column;flex:none;align-items:center;gap:clamp(3px,.55vh,6px);display:flex}.footer__top{align-items:center;gap:20px;width:100%;display:flex}.footer__line{background:var(--line);flex:1;height:1px}.footer__divider{background:var(--line);width:clamp(40px,6vw,64px);height:1px}.footer__credit{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:8px;font-size:clamp(11.5px,1.5vh,13.5px);display:flex}.footer__credit strong{color:var(--green-800);font-weight:700}.navate-mark{object-fit:cover;border-radius:50%;flex:none;width:clamp(19px,2.4vh,24px);height:clamp(19px,2.4vh,24px)}.footer__text{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-size:11px}@media (width<=1180px){.shell{grid-template-columns:1fr;justify-items:start}.showcase{justify-content:flex-start}.features{grid-template-columns:repeat(3,1fr);gap:10px 0}.feature:nth-child(3n+1){border-left:none}.roles__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.rail{display:none}}@media (width<=760px){.showcase{order:-1}.features{grid-template-columns:repeat(2,1fr)}.feature{border-left:none!important}.roles__grid{grid-template-columns:repeat(2,1fr)}.footer__text{letter-spacing:.16em;white-space:normal;text-align:center}}@media (width<=440px){.countdown{gap:8px}.countdown__cell{flex:1;min-width:0;padding:12px 4px}.countdown__value{font-size:1.3rem}.roles__grid{grid-template-columns:1fr}}