jaincomunity/Zombiefied_developers

1*{box-sizing:border-box;margin:0;padding:0}2:root{--green:#16834b;--green-dark:#0b5b35;--green-soft:#eaf7ef;--ink:#10251a;--muted:#617168;--line:#dfe9e2;--cream:#f7faf7;--white:#fff;--danger:#c94a4a}3html{scroll-behavior:smooth}4body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.6}5a{text-decoration:none;color:inherit}6button,input,select{font:inherit}7.container{width:min(1160px,92%);margin:auto}8.navbar{height:76px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}9.nav-container{height:100%;display:flex;align-items:center;justify-content:space-between}10.logo{font-size:1.55rem;font-weight:800;letter-spacing:-.8px}.logo span{color:var(--green)}11.nav-links{display:flex;align-items:center;gap:1.5rem;font-size:.9rem;font-weight:600;color:#53645b}.nav-links a:hover{color:var(--green)}12.nav-btn{padding:.55rem 1rem;background:var(--green);color:#fff!important;border-radius:8px}13.menu-btn{display:none;border:0;background:none;font-size:1.5rem}14.hero{position:relative;overflow:hidden;padding:6.5rem 0 5.5rem;background:linear-gradient(135deg,#f2fbf5 0%,#fff 58%,#edf8f1 100%)}15.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:#d8f3e1;filter:blur(70px);right:-100px;top:-160px;opacity:.65}16.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}17.eyebrow{font-size:.75rem;letter-spacing:1.5px;font-weight:800;color:var(--green);margin-bottom:1rem}18.hero h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.04;letter-spacing:-2.8px;max-width:760px}.hero h1 span{color:var(--green)}19.hero p{font-size:1.08rem;color:var(--muted);max-width:680px;margin:1.5rem 0 2rem}20.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.btn{display:inline-block;padding:.85rem 1.25rem;border-radius:9px;border:1px solid var(--line);font-weight:700;cursor:pointer}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:var(--green-dark)}.btn.secondary{background:#fff}21.hero-points{display:flex;gap:2rem;margin-top:2.5rem}.hero-points div{display:flex;flex-direction:column}.hero-points strong{font-size:.9rem}.hero-points small{color:var(--muted)}22.hero-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.5rem;box-shadow:0 22px 60px rgba(21,82,48,.1)}23.card-top{display:flex;justify-content:space-between;font-size:.72rem;font-weight:800;color:var(--muted);letter-spacing:1px}.live-dot{color:var(--green)}24.supply-chain{display:flex;align-items:center;justify-content:center;gap:.65rem;margin:2rem 0}.node{width:105px;min-height:115px;border:1px solid var(--line);border-radius:14px;padding:.9rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fbfdfb}.node b{font-size:.82rem}.node small{font-size:.65rem;color:var(--muted);margin-top:.25rem}.node.platform{background:var(--green-soft);border-color:#bde4ca}.node.platform:first-letter{font-weight:800}.arrow{color:var(--green);font-size:1.4rem}25.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:1rem;gap:.5rem}.mini-stats div{display:flex;flex-direction:column}.mini-stats b{font-size:1.2rem}.mini-stats span{font-size:.65rem;color:var(--muted)}26.section{padding:6rem 0}.tinted{background:var(--cream)}27.section-heading{max-width:820px;margin-bottom:3rem}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.1;letter-spacing:-1.4px}.section-heading p{color:var(--muted);margin-top:1rem}28.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.chain-card{border:1px solid var(--line);border-radius:16px;padding:2rem;background:#fff}.chain-card.new{background:#f7fcf8;border-color:#bfe2ca}.tag{font-size:.68rem;font-weight:800;letter-spacing:1px;padding:.35rem .55rem;border-radius:999px}.tag.danger{background:#fff0f0;color:var(--danger)}.tag.success{background:var(--green-soft);color:var(--green)}.chain-card h3{margin:1.2rem 0}.chain-line{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.8rem;font-weight:700}.chain-line span{padding:.4rem .55rem;border-radius:7px;background:#f3f6f4}.chain-line i{font-style:normal;color:#9aaa9f}.chain-card p{margin-top:1.2rem;color:var(--muted);font-size:.9rem}29.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.solution-main{grid-row:span 2;grid-column:span 1;background:var(--green);color:#fff;border-radius:16px;padding:2rem}.solution-main p{color:#e5f4e9}.solution-icon{font-size:2rem}.solution-main h3{font-size:1.55rem;margin:1rem 0}.feature-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.4rem}.feature-card>b{color:#a0b1a7;font-size:.75rem}.feature-card h4{margin:.45rem 0}.feature-card p{font-size:.84rem;color:var(--muted)}30.process{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem}.process-step{position:relative;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fff;min-height:205px}.process-step>span{position:absolute;right:.8rem;top:.7rem;color:#a3b1a8;font-size:.7rem;font-weight:800}.process-icon{font-size:1.7rem;margin-top:1.2rem}.process-step h3{font-size:.9rem;margin:.7rem 0}.process-step p{font-size:.76rem;color:var(--muted)}.tech-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:2rem}.tech-stack span{padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.75rem;font-weight:600;color:var(--muted)}31.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:1rem 1.1rem;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;background:#f3f7f4}tr:last-child td{border-bottom:0}.highlight{color:var(--green);font-weight:800}.gain{font-weight:800;color:var(--green)}.gain small{font-weight:500;color:var(--muted)}td button{border:0;background:var(--green-soft);color:var(--green);font-weight:800;padding:.45rem .7rem;border-radius:7px;cursor:pointer}32.risk-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:1rem}.viability,.risks{padding:2rem;border-radius:16px;border:1px solid var(--line)}.viability{background:var(--green);color:#fff}.viability p{color:#e9f6ed;margin-top:.7rem}.risks p{font-size:.88rem;padding:.8rem 0;border-bottom:1px solid var(--line);color:var(--muted)}.risks p:last-child{border-bottom:0}.risks b{color:var(--ink)}33.impact-section{background:#0e2418;color:#fff}.impact-section .section-heading h2{color:#fff}.impact-section .section-heading p{color:#c6d6cb}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.impact-card{padding:2rem;border:1px solid #31503d;border-radius:16px;background:#142d20}.impact-card span{font-size:1.8rem}.impact-card h3{margin:.8rem 0;color:#fff}.impact-card p{color:#bcd0c2;font-size:.88rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1rem;border:1px solid #31503d;border-radius:16px;overflow:hidden}.metrics div{padding:1.5rem;text-align:center;border-right:1px solid #31503d}.metrics div:last-child{border-right:0}.metrics b{display:block;font-size:1.8rem;color:#8ee0ad}.metrics span{font-size:.7rem;color:#bcd0c2}34.references{background:#fff}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.reference-grid div{padding:1.5rem;border:1px solid var(--line);border-radius:14px}.reference-grid b{display:block;font-size:1.2rem;color:var(--green);margin-bottom:.5rem}.reference-grid span{font-size:.78rem;color:var(--muted)}.one-line{margin-top:2rem;padding:1.4rem;text-align:center;background:var(--green-soft);border-radius:12px;font-weight:700;color:var(--green-dark)}35.join{padding:5rem 0;background:linear-gradient(135deg,#dff3e5,#f6fbf7)}.join-grid{display:grid;grid-template-columns:1fr .8fr;gap:4rem;align-items:center}.join h2{font-size:2.5rem;line-height:1.1;letter-spacing:-1px}.join p{color:var(--muted);margin-top:.8rem}.join form{background:#fff;padding:1.5rem;border:1px solid var(--line);border-radius:15px;display:grid;gap:.8rem}.join input,.join select{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:8px;outline:0}.join input:focus,.join select:focus{border-color:var(--green)}36.cart{position:fixed;right:22px;bottom:22px;width:285px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 40px rgba(16,37,26,.14);padding:1rem;z-index:40;font-size:.82rem}.cart>div:first-child{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.65rem;margin-bottom:.65rem}.cart>div:first-child span{color:var(--muted)}.cart strong{display:block;border-top:1px solid var(--line);padding-top:.65rem;margin-top:.65rem}.cart>button{width:100%;margin-top:.7rem;border:0;border-radius:8px;background:var(--green);color:#fff;padding:.7rem;font-weight:700;cursor:pointer}.cart-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0}.cart-row span{margin-left:auto}.cart-row button{border:0;background:none;color:#c94a4a;font-size:1.1rem;cursor:pointer}37footer{padding:2rem 0;border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;align-items:center}.footer p{font-size:.75rem;color:var(--muted)}38@media(max-width:900px){.hero-grid,.join-grid{grid-template-columns:1fr}.process{grid-template-columns:repeat(3,1fr)}.solution-grid{grid-template-columns:1fr 1fr}.solution-main{grid-row:auto;grid-column:span 2}.reference-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.metrics div:nth-child(2){border-right:0}.metrics div{border-bottom:1px solid #31503d}.metrics div:nth-child(3),.metrics div:nth-child(4){border-bottom:0}}39@media(max-width:700px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:1rem 4%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.hero{padding:4rem 0}.hero-points{gap:1rem;flex-wrap:wrap}.comparison,.risk-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.solution-grid,.impact-grid,.reference-grid{grid-template-columns:1fr}.solution-main{grid-column:auto}.cart{right:10px;bottom:10px;width:calc(100% - 20px)}.footer{flex-direction:column;gap:.6rem;text-align:center}.section{padding:4rem 0}}40 41 42/* GPS Logistics */43.logistics-section {44    background: #f6faf5;45}46 47.logistics-layout {48    display: grid;49    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .85fr);50    gap: 24px;51    align-items: stretch;52}53 54.map-card,55.partner-panel {56    background: #fff;57    border: 1px solid #dce8dc;58    border-radius: 24px;59    overflow: hidden;60    box-shadow: 0 14px 35px rgba(27, 65, 37, .08);61}62 63.map-header {64    display: flex;65    justify-content: space-between;66    gap: 20px;67    padding: 22px 24px 18px;68}69 70.map-header h3 {71    margin: 8px 0 5px;72    font-size: 24px;73}74 75.map-header p {76    margin: 0;77    color: #68756b;78    font-size: 14px;79}80 81.live-badge {82    display: inline-flex;83    align-items: center;84    gap: 7px;85    padding: 6px 10px;86    border-radius: 999px;87    background: #eaf8ec;88    color: #287a3b;89    font-size: 11px;90    font-weight: 800;91    letter-spacing: .08em;92}93 94.live-badge span {95    width: 7px;96    height: 7px;97    border-radius: 50%;98    background: #2fa44f;99    box-shadow: 0 0 0 4px rgba(47,164,79,.12);100}101 102.gps-coordinates {103    align-self: center;104    padding: 10px 12px;105    border-radius: 12px;106    background: #f2f6f2;107    color: #49604d;108    font: 700 12px/1.5 monospace;109    text-align: right;110}111 112#logistics-map {113    width: 100%;114    height: 430px;115    background: #eaf0ea;116}117 118.map-legend {119    display: flex;120    flex-wrap: wrap;121    gap: 18px;122    padding: 14px 20px;123    font-size: 12px;124    color: #59675c;125    border-top: 1px solid #e5ebe5;126}127 128.map-legend span {129    display: inline-flex;130    align-items: center;131    gap: 6px;132}133 134.legend-truck {135    font-style: normal;136    font-size: 18px;137}138 139.legend-dot {140    width: 9px;141    height: 9px;142    display: inline-block;143    border-radius: 50%;144    background: #2f9e44;145    border: 2px solid #d9f2dd;146}147 148.truck-marker {149    background: transparent;150    border: 0;151}152 153.truck-marker div {154    width: 38px;155    height: 38px;156    display: grid;157    place-items: center;158    background: #fff;159    border: 3px solid #2f9e44;160    border-radius: 50%;161    font-size: 21px;162    box-shadow: 0 5px 15px rgba(0,0,0,.2);163}164 165.pickup-marker {166    background: transparent;167    border: 0;168}169 170.pickup-marker div {171    width: 14px;172    height: 14px;173    border-radius: 50%;174    background: #e14b3f;175    border: 3px solid #fff;176    box-shadow: 0 2px 8px rgba(0,0,0,.25);177}178 179.partner-panel {180    padding: 20px;181}182 183.partner-panel-head {184    display: flex;185    align-items: center;186    justify-content: space-between;187    margin-bottom: 12px;188}189 190.partner-panel-head h3 {191    margin: 0;192    font-size: 21px;193}194 195.partner-panel-head span {196    padding: 5px 9px;197    border-radius: 999px;198    background: #eaf8ec;199    color: #287a3b;200    font-size: 11px;201    font-weight: 800;202}203 204.partner-card {205    display: grid;206    grid-template-columns: 46px 1fr auto;207    gap: 12px;208    align-items: center;209    padding: 14px 0;210    border-bottom: 1px solid #e8eee8;211}212 213.partner-icon {214    width: 44px;215    height: 44px;216    display: grid;217    place-items: center;218    border-radius: 13px;219    background: #edf8ef;220    font-size: 22px;221}222 223.partner-info h4 {224    margin: 0 0 3px;225    font-size: 15px;226}227 228.partner-info p {229    margin: 0 0 5px;230    color: #778179;231    font-size: 11px;232}233 234.partner-status {235    display: inline-flex;236    align-items: center;237    gap: 5px;238    color: #287a3b;239    font-size: 11px;240    font-weight: 700;241}242 243.partner-status i {244    width: 6px;245    height: 6px;246    border-radius: 50%;247    background: #2fa44f;248}249 250.partner-card > b {251    color: #66736a;252    font: 700 10px monospace;253}254 255.route-info {256    display: flex;257    gap: 10px;258    margin-top: 18px;259    padding: 14px;260    border-radius: 14px;261    background: #f5f8f5;262}263 264.route-info > span {265    font-size: 20px;266}267 268.route-info b {269    font-size: 13px;270}271 272.route-info p {273    margin: 4px 0 0;274    color: #727d74;275    font-size: 11px;276    line-height: 1.5;277}278 279@media (max-width: 900px) {280    .logistics-layout {281        grid-template-columns: 1fr;282    }283 284    #logistics-map {285        height: 360px;286    }287}288 289@media (max-width: 560px) {290    .map-header {291        flex-direction: column;292    }293 294    .gps-coordinates {295        align-self: flex-start;296        text-align: left;297    }298 299    .partner-card {300        grid-template-columns: 42px 1fr;301    }302 303    .partner-card > b {304        grid-column: 2;305    }306 307    #logistics-map {308        height: 320px;309    }310}311 312 313/* Payment interfaces and editable market prices */314.editable-label{font-size:.62rem;color:var(--green);text-transform:none;letter-spacing:0;font-weight:800}315.price-input{width:95px;padding:.5rem .6rem;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-weight:700;outline:0}316.price-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,131,75,.1)}317.payment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}318.payment-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:1.3rem 1rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.45rem;transition:.2s}319.payment-card:hover{transform:translateY(-2px);border-color:#a9d7b8}320.payment-card.active{border:2px solid var(--green);background:var(--green-soft)}321.payment-logo{height:42px;display:flex;align-items:center;font-size:1.1rem;font-weight:900}322.upi-logo{color:#1b4fd1}323.paytm-logo{color:#168bd1;font-size:1.25rem}324.card-logo,.bank-logo,.cod-logo{font-size:1.65rem}325.payment-card strong{font-size:.9rem}326.payment-card small{color:var(--muted);font-size:.72rem}327.payment-summary{margin-top:1.2rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem}328.payment-summary div{display:flex;flex-direction:column}329.payment-summary span{font-size:.72rem;color:var(--muted)}330.payment-summary strong{color:var(--green)}331@media(max-width:1000px){.payment-grid{grid-template-columns:repeat(3,1fr)}}332@media(max-width:700px){.payment-grid{grid-template-columns:1fr 1fr}.payment-summary{flex-direction:column;align-items:stretch}.payment-summary .btn{text-align:center}.price-input{width:80px}}333@media(max-width:480px){.payment-grid{grid-template-columns:1fr}}334 335 336/* Language selector and voice assistant */337.nav-container{gap:12px}338.nav-tools{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:14px}339.language-picker{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:.78rem}340.language-picker select{border:0;outline:0;background:transparent;color:var(--ink);font-weight:700;cursor:pointer}341.voice-nav-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;font-size:1rem}342.voice-nav-btn:hover{border-color:var(--green);background:var(--green-soft)}343.voice-assistant{position:fixed;right:22px;bottom:95px;z-index:60}344.voice-main-btn{width:58px;height:58px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:1.35rem;cursor:pointer;box-shadow:0 12px 30px rgba(16,37,26,.25)}345.voice-panel{display:none;position:absolute;right:0;bottom:70px;width:330px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:0 18px 50px rgba(16,37,26,.2)}346.voice-panel.show{display:block}347.voice-head{display:flex;align-items:center;justify-content:space-between;gap:10px}348.voice-head button{border:0;background:none;font-size:1.3rem;cursor:pointer;color:var(--muted)}349.voice-panel p{font-size:.8rem;color:var(--muted);margin:.6rem 0}350.voice-actions{display:flex;gap:8px}351.voice-listen{flex:1;border:0;border-radius:9px;background:var(--green);color:#fff;padding:.7rem;font-weight:800;cursor:pointer}352.voice-help{width:42px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:800;cursor:pointer}353.voice-result{margin-top:9px;padding:9px;border-radius:9px;background:var(--green-soft);color:var(--green-dark);font-size:.72rem;line-height:1.45}354.payment-section{background:#f8fbf8}355@media(max-width:900px){.nav-tools{margin-left:auto;margin-right:8px}.nav-links{gap:1rem}}356@media(max-width:700px){.nav-tools{margin-right:5px}.language-picker{padding:5px}.voice-nav-btn{width:34px;height:34px}.voice-assistant{right:12px;bottom:85px}.voice-panel{width:min(330px,calc(100vw - 24px));right:0}.nav-links{z-index:70}}357 358 359/* Mobile compatibility improvements */360*{box-sizing:border-box}361html{scroll-behavior:smooth;overflow-x:hidden}362body{overflow-x:hidden;min-width:0}363img,svg,video,iframe{max-width:100%;height:auto}364button,input,select,textarea{font:inherit;max-width:100%}365.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}366 367@media (max-width: 700px){368  .container{width:min(100% - 28px,1180px);margin-inline:auto}369  .navbar{padding:.65rem 0}370  .nav-container{min-height:52px;gap:7px}371  .logo{font-size:1.05rem}372  .nav-tools{gap:5px;margin-left:auto;margin-right:0}373  .language-picker{max-width:116px;font-size:.7rem;padding:5px 6px}374  .language-picker select{width:76px;font-size:.7rem}375  .voice-nav-btn{width:34px;height:34px;flex:0 0 34px}376  .menu-btn{width:38px;height:38px;flex:0 0 38px}377  .nav-links{top:64px;max-height:calc(100vh - 72px);overflow-y:auto;padding:12px 14px}378  .nav-links a{width:100%;padding:9px 4px}379  .nav-links .nav-btn{width:100%;text-align:center}380  .hero{padding:3rem 0 2.5rem}381  .hero h1{font-size:clamp(2rem,9vw,3rem);line-height:1.08}382  .hero-copy p,.section-heading p{font-size:.9rem}383  .hero-actions{display:grid;grid-template-columns:1fr;gap:.65rem}384  .hero-actions .btn{width:100%;text-align:center}385  .hero-points{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}386  .hero-card{padding:1rem}387  .supply-chain{grid-template-columns:1fr;gap:.45rem}388  .supply-chain .arrow{transform:rotate(90deg)}389  .mini-stats{grid-template-columns:1fr;gap:.5rem}390  .section{padding:3rem 0}391  h2{font-size:1.55rem}392  .process{grid-template-columns:1fr}393  .solution-grid,.impact-grid,.reference-grid,.comparison,.risk-grid{grid-template-columns:1fr}394  .solution-main{grid-column:auto}395  .payment-grid{grid-template-columns:1fr}396  .payment-card{padding:1rem}397  .payment-summary{gap:.8rem}398  .price-input{width:78px;padding:.45rem;font-size:.8rem}399  .market-table{font-size:.75rem;min-width:650px}400  .table-wrap{margin-inline:-2px;width:calc(100% + 4px)}401  #logistics-map{height:300px}402  .logistics-layout{grid-template-columns:1fr}403  .voice-assistant{right:12px;bottom:78px}404  .voice-panel{width:calc(100vw - 24px);max-width:330px}405  .cart{left:12px;right:12px;bottom:10px;width:auto;max-width:none}406  .footer{padding-bottom:90px}407}408 409@media (max-width: 380px){410  .container{width:calc(100% - 20px)}411  .language-picker{max-width:96px}412  .language-picker select{width:58px}413  .hero-points{grid-template-columns:1fr}414  .nav-tools{gap:3px}415  .voice-nav-btn{width:32px;height:32px;flex-basis:32px}416  .menu-btn{width:36px;height:36px}417  .section{padding:2.5rem 0}418  .hero h1{font-size:1.9rem}419}420