/*
Theme Name: Diaco - قالب وردپرس دیاکو
Theme URI: https://ezivps.com/
Author: گروه طراحی سایت ایزی وی پی اس
Author URI: ezivps.com
Description: قالب وردپرسی دیاکو
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.2
Version: 1.0
Text Domain: Diaco
Tags: one page, company wordpress theme, holding wordpress theme
*/
/*
تمامی حقوق این قالب متعلق به تیم طراحی و توسعه سایت
Ezivps.com
می باشد
© 2026 ALL RIGHT RESERVED FOR Ezivps.com
*/
:root{--bg:#e9e7df;--surface:#f4f2eb;--surface-2:#dedcd4;--ink:#171817;--muted:#6c6c66;--line:rgba(23,24,23,.16);--hair:rgba(23,24,23,.07);--accent:#c96f2d;--accent-2:#e4a36b;--steel:#a6a69f;--shadow:0 30px 80px rgba(30,31,29,.12);--ease:cubic-bezier(.16,.76,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Sahel","Vazirmatn",Tahoma,sans-serif;overflow-x:hidden;}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}::selection{background:var(--accent);color:#fff}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 75%)}
.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.blueprint{position:fixed;width:180px;height:180px;border:1px solid var(--line);pointer-events:none;z-index:0;opacity:.35}.blueprint:before,.blueprint:after{content:"";position:absolute;background:var(--line)}.blueprint:before{width:100%;height:1px;top:50%;left:0}.blueprint:after{height:100%;width:1px;left:50%;top:0}.blueprint--a{right:-75px;top:22%;transform:rotate(45deg)}.blueprint--b{left:-75px;bottom:18%;transform:rotate(15deg)}
.loader{position:fixed;inset:0;background:#111211;color:#eee;z-index:500;display:grid;place-items:center;transition:opacity .75s var(--ease),visibility .75s}.loader.is-done{opacity:0;visibility:hidden}.loader__inner{width:min(320px,70vw);display:grid;grid-template-columns:1fr auto;gap:9px 18px;font:700 10px Arial,sans-serif;letter-spacing:.22em;direction:ltr}.loader__inner i{display:block;width:90px;height:2px;background:var(--accent);animation:loader 1.1s var(--ease) infinite alternate}.loader__inner b{grid-column:1/-1;font-size:7px;color:#777;letter-spacing:.28em;font-weight:400}
.topbar{position:absolute;top:0;left:0;right:0;z-index:30;padding:28px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;direction:ltr;font:700 9px Arial,sans-serif;letter-spacing:.15em}.wordmark{display:flex;align-items:center;gap:10px}.wordmark__block{width:31px;height:31px;border:1px solid var(--ink);display:grid;place-items:center;font-size:12px}.wordmark>span:last-child{letter-spacing:.32em}.topbar__status{display:flex;align-items:center;gap:12px;color:var(--muted)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.topbar__slash{opacity:.4}.mode i{width:18px;height:1px;background:var(--accent)}
.hero{position:relative;z-index:1;min-height:100svh;padding:130px clamp(20px,8vw,120px) 70px;display:grid;grid-template-columns:110px minmax(280px,1fr) minmax(380px,46vw) 110px;align-items:center;gap:4vw;overflow:hidden}.hero__content{max-width:430px;justify-self:start;direction:rtl}.eyebrow{display:flex;align-items:center;gap:11px;font:700 8px Arial,sans-serif;letter-spacing:.18em;direction:ltr;color:var(--muted);margin-bottom:28px}.eyebrow i{width:30px;height:1px;background:var(--accent)}h1{font-size:clamp(48px,6vw,90px);line-height:1.05;letter-spacing:-.07em;margin:0 0 26px;font-weight:800}h1 strong{color:var(--accent);font-weight:800} .hero__content>p{font-size:13px;line-height:2.1;color:var(--muted);max-width:390px;margin:0 0 30px}.scroll-cta{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--line);padding:13px 15px 13px 12px;font-size:10px;transition:.35s var(--ease)}.scroll-cta b{font:16px Arial,sans-serif;color:var(--accent)}.scroll-cta:hover{background:var(--ink);color:var(--bg);transform:translateY(-3px)}
.core{width:min(44vw,620px);aspect-ratio:1;position:relative;justify-self:center;display:grid;place-items:center}.core__halo{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle,var(--surface) 0 44%,transparent 45%),repeating-conic-gradient(from 0deg,var(--hair) 0 1deg,transparent 1deg 9deg);opacity:.8}.core__ring{position:absolute;border-radius:50%;border:1px solid var(--line)}.core__ring--outer{inset:7%;border-width:1px 2px 1px 1px;animation:spin 38s linear infinite}.core__ring--inner{inset:17%;border-style:dashed;animation:spinReverse 28s linear infinite}.core__ring--outer:after{content:"";position:absolute;top:-4px;right:28%;width:7px;height:7px;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}.core__tick{position:absolute;width:18px;height:1px;background:var(--accent);transform-origin:center}.core__tick--1{top:11%;right:39%;transform:rotate(15deg)}.core__tick--2{right:10%;top:50%;transform:rotate(90deg)}.core__tick--3{bottom:11%;left:39%;transform:rotate(15deg)}.core__tick--4{left:10%;top:50%;transform:rotate(90deg)}.core__plate{position:absolute;inset:22%;border-radius:50%;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:inset 0 0 0 1px var(--line),inset 0 10px 25px rgba(255,255,255,.22),var(--shadow);display:grid;place-items:center;overflow:hidden}.core__plate:before{content:"";position:absolute;inset:7%;border:1px solid var(--hair);border-radius:50%}.core__plate:after{content:"";position:absolute;width:16px;height:16px;border:1px solid var(--accent);border-radius:50%;right:12%;top:17%;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}.core__plate img{position:relative;z-index:2;width:62%;height:62%;object-fit:contain;mix-blend-mode:multiply}.plate-code,.plate-label{position:absolute;z-index:3;font:700 7px Arial,sans-serif;letter-spacing:.2em;color:var(--muted);direction:ltr}.plate-code{top:13%;left:50%;transform:translateX(-50%)}.plate-label{bottom:12%;left:50%;transform:translateX(-50%);color:var(--accent)}.hero__rail{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font:700 8px Arial,sans-serif;letter-spacing:.16em;color:var(--muted);direction:ltr}.hero__rail span{color:var(--accent)}.hero__rail b{text-align:center;font-weight:700;line-height:1.6}.hero__rail em{display:block;width:1px;height:80px;background:linear-gradient(var(--accent),transparent)}.hero__rail--left em{order:2}.hero__rail--left span{order:3}.hero__coords{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font:7px Arial,sans-serif;letter-spacing:.18em;color:var(--muted);direction:ltr}.hero__coords span{color:var(--accent);padding:0 8px}
.manifesto{position:relative;z-index:1;padding:140px clamp(20px,10vw,150px);display:grid;grid-template-columns:120px 1fr 1fr;gap:5vw;align-items:end;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-id{font:700 8px Arial,sans-serif;letter-spacing:.16em;color:var(--muted);direction:ltr}.manifesto__title>span{font:700 8px Arial,sans-serif;letter-spacing:.2em;color:var(--accent)}.manifesto h2{font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:-.07em;margin:15px 0 0}.manifesto h2 em{font-style:normal;color:var(--muted)}.manifesto__copy{max-width:450px}.manifesto__copy>p{font-size:14px;line-height:2.15;color:var(--muted);margin:0 0 28px}.spec-line{display:flex;align-items:center;gap:12px;font:700 8px Arial,sans-serif;letter-spacing:.14em;direction:ltr}.spec-line i{height:1px;background:var(--accent);flex:1}.spec-line b{font-weight:700;color:var(--ink)}
.companies{position:relative;z-index:1;padding:75px clamp(15px,6vw,90px) 130px;background:var(--bg)}.section-head{max-width:1280px;margin:0 auto 26px;border-top:1px solid var(--line);padding-top:13px;display:grid;grid-template-columns:1fr auto 1fr;font:700 8px Arial,sans-serif;letter-spacing:.16em;color:var(--muted);direction:ltr}.section-head strong{color:var(--ink)}.section-head span:last-child{text-align:right}.unit-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.unit{position:relative;min-height:500px;padding:22px;background:var(--surface);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;transition:transform .5s var(--ease),background .5s,color .5s,box-shadow .5s}.unit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 70%,color-mix(in srgb,var(--accent) 7%,transparent) 70% 100%);pointer-events:none}.unit:after{content:"";position:absolute;width:180px;height:180px;border:1px solid var(--hair);border-radius:50%;right:-80px;top:-80px}.unit:hover{transform:translateY(-8px);z-index:2;box-shadow:0 30px 70px rgba(30,31,29,.18)}.unit__top{display:flex;justify-content:space-between;align-items:center;font:700 8px Arial,sans-serif;letter-spacing:.17em;direction:ltr;color:var(--muted)}.unit__top b{color:var(--accent)}.unit__logo{min-height:300px;display:grid;place-items:center;position:relative}.unit__logo img{width:min(72%,330px);height:235px;object-fit:contain;transition:transform .7s var(--ease)}.unit:hover .unit__logo img{transform:scale(1.05)}.crosshair{position:absolute;width:24px;height:24px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.25}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--accent)}.crosshair:before{width:100%;height:1px;top:50%}.crosshair:after{height:100%;width:1px;left:50%}.unit__bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2}.unit__bottom small{font:700 7px Arial,sans-serif;letter-spacing:.18em;color:var(--accent);direction:ltr}.unit h3{font-size:27px;letter-spacing:-.05em;margin:8px 0 4px}.unit p{font-size:10px;color:var(--muted);margin:0}.unit__go{width:44px;height:44px;border:1px solid var(--line);display:grid;place-items:center;font:22px Arial,sans-serif;transition:.4s var(--ease)}.unit:hover .unit__go{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(-8deg)}
.closing{min-height:520px;padding:110px 20px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;position:relative;z-index:1;border-top:1px solid var(--line)}.closing__line{width:1px;height:70px;background:linear-gradient(var(--accent),transparent);margin-bottom:25px}.closing>span{font:700 8px Arial,sans-serif;letter-spacing:.25em;color:var(--accent);direction:ltr}.closing h2{font:800 clamp(48px,7vw,96px) Arial,sans-serif;line-height:.95;letter-spacing:-.07em;margin:22px 0;direction:ltr}.closing h2 em{font-style:normal;color:var(--muted)}.closing p{font-size:12px;color:var(--muted)}.footer{position:relative;z-index:1;padding:22px clamp(20px,6vw,90px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;font:700 7px Arial,sans-serif;letter-spacing:.17em;color:var(--muted);direction:ltr}.footer strong{color:var(--ink)}.footer span:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}@keyframes loader{from{transform:scaleX(.15);transform-origin:left;opacity:.4}to{transform:scaleX(1);transform-origin:left;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}
@media(max-width:1100px){.hero{grid-template-columns:60px 1fr;grid-template-rows:auto auto;padding-top:120px}.hero__content{grid-column:2;grid-row:2;justify-self:center;text-align:center;margin-top:25px}.eyebrow{justify-content:center}.hero__content>p{margin-left:auto;margin-right:auto}.core{grid-column:2;grid-row:1;width:min(70vw,570px)}.hero__rail--left{display:none}.manifesto{grid-template-columns:70px 1fr;gap:35px}.manifesto__copy{grid-column:2;max-width:600px}.unit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){body:before{background-size:32px 32px}.topbar{padding:19px 18px}.topbar__status{display:none}.hero{display:block;min-height:auto;padding:105px 18px 65px}.core{width:min(91vw,470px);margin:0 auto 50px}.hero__content{margin:0;text-align:center}.hero__rail--right{display:none}.hero__coords{position:static;transform:none;text-align:center;margin-top:45px}.eyebrow{justify-content:center;flex-wrap:wrap}.hero__content>p{font-size:12px}.manifesto{display:block;padding:95px 20px}.section-id{margin-bottom:32px}.manifesto__copy{margin-top:38px}.companies{padding:55px 12px 90px}.section-head{grid-template-columns:1fr auto;gap:15px}.section-head span:last-child{display:none}.unit-grid{grid-template-columns:1fr}.unit{min-height:455px}.unit__logo{min-height:260px}.unit__logo img{height:200px;width:72%}.closing{min-height:430px;padding:90px 20px}.footer{grid-template-columns:1fr 1fr;gap:12px}.footer strong{display:none}.footer span:last-child{text-align:right}}
@media(pointer:coarse){.unit:hover,.scroll-cta:hover{transform:none}.noise{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
