*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;line-height:1.6;color:var(--text-color);background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-middle) 50%,var(--bg-gradient-end) 100%);overflow-x:hidden}.container{max-width:1000px;margin:0 auto;padding:0 20px}.section{margin:50px 0;position:relative}.section h2{font-size:3em;font-weight:600;margin-bottom:50px;text-align:center;background:linear-gradient(45deg,var(--section-h2-gradient-start),var(--section-h2-gradient-middle));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px var(--section-shadow)}.section p{font-size:1.2em;margin-bottom:30px;text-align:center;opacity:.8}.advantages{background:var(--section-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px;margin:50px 0;border:1px solid var(--section-border)}.advantages ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.advantages li{padding:30px;background:var(--advantages-item-bg);border-radius:15px;border:1px solid var(--advantages-item-border);text-align:center;box-shadow:0 10px 30px var(--advantages-shadow)}.advantages li:hover{transform:translateY(-10px);box-shadow:0 20px 40px var(--advantages-hover-shadow)}.route{text-align:center;background:var(--section-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px;margin:50px 0;border:1px solid var(--section-border)}.route img{max-width:100%;height:auto;border-radius:15px;box-shadow:0 20px 40px var(--img-shadow)}.iran-advantages{background:var(--iran-bg);border-radius:20px;padding:60px;margin:50px 0;border:1px solid var(--iran-border)}.iran-advantages ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.iran-advantages li{padding:20px 30px;background:var(--iran-item-bg);color:#000;border-radius:50px;font-weight:600;font-size:1.1em;box-shadow:0 10px 20px var(--iran-item-shadow)}.iran-advantages li:hover{transform:scale(1.05);box-shadow:0 15px 30px var(--iran-hover-shadow)}.delivery{background:var(--section-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px;margin:50px 0;border:1px solid var(--section-border)}.delivery ol{counter-reset:step-counter;list-style:none;padding:0}.delivery li{counter-increment:step-counter;margin:30px 0;position:relative;background:var(--delivery-item-bg);padding:30px;border-radius:15px;border:1px solid var(--delivery-item-border);box-shadow:0 10px 30px var(--advantages-shadow)}.delivery li strong{margin-left:50px}.delivery li:before{content:counter(step-counter);position:absolute;left:10px;top:15px;font-weight:700;color:var(--delivery-number-color);font-size:2em;background:var(--delivery-number-bg);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.technical,.financial,.safety{background:var(--section-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;margin:30px 0;border:1px solid var(--section-border);box-shadow:0 10px 30px var(--advantages-shadow)}.technical h3,.financial h3,.safety h3{color:var(--technical-h3-color);margin-bottom:20px;font-size:1.5em}.contacts{display:flex;flex-wrap:wrap;gap:60px;justify-content:space-between;background:var(--section-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px;margin:50px 0;border:1px solid var(--section-border);box-shadow:0 20px 40px var(--advantages-shadow)}.expand-button{background:var(--expand-button-bg);color:#fff;border:none;padding:15px 30px;font-size:1.1em;font-weight:600;border-radius:50px;cursor:pointer;box-shadow:0 10px 20px var(--section-shadow);margin:20px auto 0;display:block}.expand-button:hover{box-shadow:0 15px 30px var(--advantages-hover-shadow);transform:translateY(-2px)}.contact-left,.contact-right{flex:1;min-width:350px}.contact-left img{max-width:200px;margin-bottom:30px;filter:drop-shadow(0 10px 20px var(--advantages-shadow))}.contact-center{text-align:center}.contact-center img{max-width:150px;margin-top:10px;margin-bottom:10px;filter:drop-shadow(0 10px 20px var(--advantages-shadow))}.contact-left a{color:inherit;text-decoration:none;font-size:1.1em}.contact-left a:hover{color:var(--contact-link-hover);text-decoration:underline}.contact-right p{margin-bottom:15px;font-size:1.1em}.cement-images{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:50px 0}.cement-images img{width:calc(50% - 10px);min-width:200px;border-radius:15px;box-shadow:0 20px 40px var(--img-shadow)}.cement-images img:hover{box-shadow:0 30px 60px var(--final-img-hover-shadow)}.final-images{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:50px 0}.final-images img{width:calc(30% - 10px);min-width:200px;border-radius:15px;box-shadow:0 20px 40px var(--img-shadow)}.final-images img:hover{transform:scale(1.05);box-shadow:0 30px 60px var(--final-img-hover-shadow)}.call-to-action{text-align:center;background:var(--cta-bg);color:#fff;padding:80px 40px;border-radius:20px;margin:80px 0;box-shadow:0 20px 40px var(--section-shadow);position:relative;overflow:hidden}.call-to-action:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all 2s ease}.call-to-action:hover:before{transform:rotate(45deg) translate(50%,50%)}.call-to-action h3{font-size:2.5em;margin-bottom:20px;position:relative;z-index:2}.call-to-action p{font-size:1.3em;margin-bottom:40px;position:relative;z-index:2}.cta-button{background:var(--cta-button-bg);color:#000;border:none;padding:20px 40px;font-size:1.2em;font-weight:600;border-radius:50px;cursor:pointer;box-shadow:0 10px 20px var(--cta-button-shadow);position:relative;z-index:3}.cta-button:hover{box-shadow:0 15px 30px var(--cta-button-hover-shadow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.footer{background:var(--footer-bg);color:var(--text-color);text-align:center;padding:40px 0;margin-top:80px;border-top:1px solid var(--section-border)}.footer .container{max-width:1400px;margin:0 auto;padding:0 20px}.footer p{margin-bottom:20px;font-size:1.1em}.footer .contact-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.footer .contact-links a{color:inherit;text-decoration:none;font-size:1.1em}.footer .contact-links a:hover{color:var(--footer-link-hover);text-decoration:underline}.header{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-middle) 50%,var(--bg-gradient-end) 100%),url(ship_at_sea.jpg) no-repeat center center/cover;text-align:center;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 30%,var(--header-overlay) 100%)}.header .container{position:relative;z-index:2}.header h1{font-size:4em;font-weight:700;margin-bottom:20px;text-shadow:0 0 30px var(--section-shadow);background:linear-gradient(45deg,var(--header-h1-gradient-start),var(--header-h1-gradient-middle),var(--header-h1-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{font-size:1.5em;opacity:.8;margin-bottom:40px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--section-border);padding:10px 20px;display:flex;justify-content:center;align-items:center}.hamburger{display:none}.nav-list{list-style:none;display:flex;justify-content:center;gap:20px;margin:0;padding:0}.nav-link{background:none;border:none;color:var(--nav-link-color);font-size:1em;font-weight:500;cursor:pointer;padding:10px 15px;border-radius:20px;text-decoration:none;display:inline-block;transition:all .3s ease}.nav-link:hover{background:var(--nav-link-hover-bg);color:var(--nav-link-hover-color);transform:translateY(-2px)}.contact-info{display:flex;flex-direction:column;gap:5px;align-items:flex-end;margin-left:50px}.contact-link{color:inherit;text-decoration:none;font-size:.9em;font-weight:500;transition:color .3s ease}.contact-link:hover{color:var(--nav-link-hover-color)}:root{--bg-gradient-start: #f0f8ff;--bg-gradient-middle: #e6f3ff;--bg-gradient-end: #cce7ff;--text-color: #333333;--nav-bg: rgba(240, 248, 255, .8);--section-border:rgba(204, 231, 255, .3);--nav-link-color: #333333;--nav-link-hover-bg: rgba(0, 123, 255, .2);--nav-link-hover-color: #007bff;--header-overlay: rgba(255, 255, 255, .7);--header-h1-gradient-start: #007bff;--header-h1-gradient-middle: #0056b3;--header-h1-gradient-end: #007bff;--section-h2-gradient-start: #007bff;--section-h2-gradient-middle: #0056b3;--section-shadow: rgba(0, 123, 255, .3);--section-bg: rgba(255, 255, 255, .9);--advantages-item-bg: linear-gradient(135deg, rgba(0, 123, 255, .1), rgba(0, 86, 179, .1));--advantages-item-border: rgba(0, 123, 255, .2);--advantages-shadow: rgba(0, 0, 0, .1);--advantages-hover-shadow: rgba(0, 123, 255, .2);--img-shadow: rgba(0, 0, 0, .2);--iran-bg: linear-gradient(135deg, rgba(255, 193, 7, .2), rgba(255, 193, 7, .1));--iran-border: rgba(255, 193, 7, .3);--iran-item-bg: linear-gradient(45deg, #ffc107, #ff8f00);--iran-item-shadow: rgba(255, 193, 7, .2);--iran-hover-shadow: rgba(255, 193, 7, .3);--delivery-item-bg: linear-gradient(135deg, rgba(40, 167, 69, .1), rgba(40, 167, 69, .05));--delivery-item-border: rgba(40, 167, 69, .2);--delivery-number-bg: rgba(40, 167, 69, .2);--delivery-number-color: #28a745;--technical-h3-color: #007bff;--expand-button-bg: linear-gradient(45deg, #007bff, #0056b3);--contact-link-color: #007bff;--contact-link-hover: #0056b3;--final-img-hover-shadow: rgba(0, 0, 0, .3);--cta-bg: linear-gradient(135deg, #007bff, #0056b3);--cta-button-bg: linear-gradient(45deg, #ffd700, #ffed4e);--cta-button-shadow: rgba(255, 215, 0, .2);--cta-button-hover-shadow: rgba(255, 215, 0, .3);--footer-bg: linear-gradient(135deg, #f0f8ff, #e6f3ff);--footer-link-color: #007bff;--footer-link-hover: #0056b3}@media (prefers-color-scheme: dark){:root{--bg-gradient-start: #1a1a1a;--bg-gradient-middle: #2a2a2a;--bg-gradient-end: #3a3a3a;--text-color: #e0e0e0;--nav-bg: rgba(26, 26, 26, .8);--section-border: rgba(58, 58, 58, .3);--nav-link-color: #e0e0e0;--nav-link-hover-bg: rgba(0, 123, 255, .3);--nav-link-hover-color: #4da6ff;--header-overlay: rgba(0, 0, 0, .5);--header-h1-gradient-start: #4da6ff;--header-h1-gradient-middle: #3385dd;--header-h1-gradient-end: #4da6ff;--section-h2-gradient-start: #4da6ff;--section-h2-gradient-middle: #3385dd;--section-shadow: rgba(77, 166, 255, .3);--section-bg: rgba(42, 42, 42, .9);--advantages-item-bg: linear-gradient(135deg, rgba(0, 123, 255, .2), rgba(0, 86, 179, .2));--advantages-item-border: rgba(0, 123, 255, .3);--advantages-shadow: rgba(0, 0, 0, .3);--advantages-hover-shadow: rgba(0, 123, 255, .3);--img-shadow: rgba(0, 0, 0, .5);--iran-bg: linear-gradient(135deg, rgba(255, 193, 7, .3), rgba(255, 193, 7, .2));--iran-border: rgba(255, 193, 7, .4);--iran-item-bg: linear-gradient(45deg, #e6a800, #cc8500);--iran-item-shadow: rgba(255, 193, 7, .3);--iran-hover-shadow: rgba(255, 193, 7, .4);--delivery-item-bg: linear-gradient(135deg, rgba(40, 167, 69, .2), rgba(40, 167, 69, .1));--delivery-item-border: rgba(40, 167, 69, .3);--delivery-number-bg: rgba(40, 167, 69, .3);--delivery-number-color: #4ade80;--technical-h3-color: #4da6ff;--expand-button-bg: linear-gradient(45deg, #4da6ff, #3385dd);--contact-link-color: #4da6ff;--contact-link-hover: #3385dd;--final-img-hover-shadow: rgba(0, 0, 0, .6);--cta-bg: linear-gradient(135deg, #4da6ff, #3385dd);--cta-button-bg: linear-gradient(45deg, #e6a800, #cc8500);--cta-button-shadow: rgba(230, 168, 0, .3);--cta-button-hover-shadow: rgba(230, 168, 0, .4);--footer-bg: linear-gradient(135deg, #1a1a1a, #2a2a2a);--footer-link-color: #4da6ff;--footer-link-hover: #3385dd}}@media (max-width: 1024px){.container{padding:0 15px}.section{padding:50px 0}.advantages ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cement-images{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.cement-images img{width:calc(30% - 8px);min-width:180px}.section p{font-size:1.1em;line-height:1.5}.advantages li,.iran-advantages li,.delivery li,.technical li,.financial li,.safety li{font-size:1.1em;line-height:1.4;padding:25px}.nav{padding:10px 15px}.nav-list{flex-wrap:wrap;justify-content:center;gap:5px}.nav-link{font-size:.85em;padding:8px 10px}}@media (max-width: 768px){.header h1{font-size:2.2em;line-height:1.2}.header p{font-size:1.1em}.section h2{font-size:1.8em;line-height:1.3}.advantages ul{grid-template-columns:1fr}.iran-advantages ul{flex-direction:column;align-items:center}.contacts{flex-direction:column}.final-images{flex-direction:column;align-items:center}.call-to-action h3{font-size:1.8em;line-height:1.3}.call-to-action p{font-size:1em;line-height:1.4}.hamburger{display:block;background:none;border:none;color:var(--nav-link-color);font-size:1.5em;cursor:pointer;padding:10px;border-radius:5px;transition:background .3s ease}.hamburger:hover{background:var(--nav-link-hover-bg)}.nav .contact-info{display:none}.contact-info{margin-left:auto}.nav-list{position:absolute;top:100%;left:0;right:0;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--section-border);flex-direction:column;gap:0;padding:0;display:none}.nav-list.open{display:flex}.nav-link{width:100%;text-align:center;padding:12px 15px;border-bottom:1px solid var(--section-border);font-size:.95em}.nav-link:last-child{border-bottom:none}.cement-images{flex-direction:row;gap:12px}.delivery li{padding-left:50px}.delivery li:before{left:15px;top:15px;width:35px;height:35px;font-size:1.3em}.requisites{display:flex;flex-direction:column;gap:8px}.requisites>div{display:flex;flex-direction:column;gap:4px}.advantages li,.iran-advantages li,.delivery li,.technical li,.financial li,.safety li{font-size:1em;line-height:1.4;padding:20px}.section p{font-size:1em;line-height:1.5}}@media (max-width: 480px){.container{padding:0 10px}.header h1{font-size:1.8em;line-height:1.2}.section h2{font-size:1.6em;line-height:1.3}.section{padding:30px 0;margin:40px 0}.advantages,.route,.iran-advantages,.delivery,.technical,.financial,.safety,.contacts{padding:30px 15px;margin:20px 0}.cement-images{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:center}.cement-images img{width:calc(50% - 5px);max-width:120px;height:120px;object-fit:cover;border-radius:15px;box-shadow:0 10px 20px var(--img-shadow)}.cement-images img:hover{box-shadow:0 15px 30px var(--final-img-hover-shadow)}.call-to-action{padding:40px 15px}.call-to-action h3{font-size:1.6em;line-height:1.3}.call-to-action p{font-size:1em;line-height:1.4}.cta-button{padding:12px 20px;font-size:1em;width:100%;max-width:300px}.footer{padding:20px 0}.footer .contact-links{flex-direction:column;gap:8px}.nav-link{padding:10px 15px;font-size:.9em}.expand-button,.cta-button{min-height:44px;padding:10px 20px;font-size:.95em}.contact-left a,.contact-right p,.footer .contact-links a{font-size:.95em;line-height:1.4}.map iframe{height:250px}.advantages li,.iran-advantages li,.delivery li,.technical li,.financial li,.safety li{font-size:.95em;line-height:1.4;padding:15px}.section p{font-size:.95em;line-height:1.5}.requisites{font-size:.9em}.requisites>div{margin-bottom:10px}}