:root{
  --bg:#fff; --ink:#0b0b0b; --muted:#626262; --line:#ece8df;
  --gold:#d8a23a; --gold-dark:#b98522; --gold-soft:#f8f0df;
  --black:#050505; --soft:#faf9f6; --radius:18px; --shadow:0 18px 45px rgba(0,0,0,.09);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .container{width:min(1180px,calc(100% - 40px));margin:auto}.center{text-align:center}.muted{color:var(--muted)}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark)}
.section{padding:74px 0}.section-tight{padding:50px 0}h1,h2,h3{line-height:1.08;margin:0 0 18px}h1{font-size:clamp(2.55rem,5vw,4.7rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.035em}h3{font-size:1.25rem}p{margin:0 0 18px}.lead{font-size:clamp(1.08rem,1.7vw,1.35rem);color:#252525;max-width:720px}.orange{color:var(--gold-dark)}
.site-header{background:#050505;color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #181818}.navbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.22em;color:#fff;line-height:1}.brand small{display:block;color:var(--gold);letter-spacing:.36em;margin-top:8px;font-size:.72em}.logo-mark{font-size:1.45rem;font-weight:900;letter-spacing:-.17em;min-width:48px;color:#fff;position:relative}.logo-mark::after{content:"";display:inline-block;width:17px;height:3px;background:var(--gold);transform:rotate(-52deg);margin-left:-4px;vertical-align:middle;border-radius:4px}.nav-links{display:flex;align-items:center;gap:34px;font-size:.9rem}.nav-links a{position:relative;padding:34px 0}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--gold)}.contact-link{border:1px solid var(--gold)!important;padding:11px 18px!important;border-radius:5px;color:var(--gold)!important}.contact-link:after{display:none!important}.menu-btn{display:none;border:0;background:none;color:#fff;font-size:1.65rem}
.btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(90deg,var(--gold-dark),var(--gold));color:#111;font-weight:800;font-size:.86rem;padding:14px 20px;border-radius:4px;border:1px solid var(--gold);box-shadow:0 9px 22px rgba(192,135,28,.15)}.btn:hover{transform:translateY(-1px)}.btn-outline{background:#fff;color:#111;border:1px solid var(--gold);box-shadow:none}.text-link{color:var(--gold-dark);font-weight:800}.arrow{font-size:1.1rem}
.hero{background:#fff;border-bottom:1px solid var(--line)}.hero-grid{min-height:590px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:56px}.hero-copy{padding:62px 0}.hero-copy>p:not(.lead){max-width:540px;color:#333}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:30px 0 28px}.hero-point{padding:7px 18px 7px 0;border-right:1px solid var(--line);font-size:.8rem}.hero-point:last-child{border-right:0}.ico{color:var(--gold-dark);font-size:1.75rem;margin-bottom:8px}
.device-scene{position:relative;min-height:420px}.showcase-laptop{position:absolute;left:1%;right:10%;top:52px;border:12px solid #121212;border-bottom-width:25px;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;background:#111}.showcase-laptop img{width:100%;aspect-ratio:16/9;object-fit:cover}.showcase-phone{position:absolute;width:126px;height:260px;right:1%;bottom:22px;border:9px solid #111;border-radius:25px;background:#111;box-shadow:0 18px 30px rgba(0,0,0,.2);overflow:hidden}.showcase-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.plant{position:absolute;right:0;top:5px;width:95px;height:180px;z-index:0}.plant .leaf,.small-plant .leaf{position:absolute;width:28px;height:75px;border-radius:100% 0 100% 0;background:#31562d;transform-origin:bottom}.plant .leaf:nth-child(1){left:30px;transform:rotate(-25deg)}.plant .leaf:nth-child(2){left:49px;top:12px;transform:rotate(18deg)}.plant .leaf:nth-child(3){left:12px;top:28px;transform:rotate(-45deg)}.plant .leaf:nth-child(4){left:58px;top:35px;transform:rotate(42deg)}.plant .pot{position:absolute;bottom:0;left:24px;width:58px;height:58px;background:#bdb4a5;border-radius:6px 6px 18px 18px}
.features{background:#fff;border-bottom:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:36px}.feature{padding:14px 22px;border-right:1px solid var(--line)}.feature:last-child{border-right:0}.feature h3{font-size:.92rem;text-transform:uppercase}.feature p{font-size:.86rem;color:#555}.feature .ico{text-align:center}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.04)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.card-body{padding:18px}.card-body h3{margin-bottom:6px}.card-body p{margin:0;color:#666;font-size:.9rem}
.process{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:32px}.step{position:relative;padding:10px}.num{width:34px;height:34px;border-radius:50%;background:#f4efe6;display:grid;place-items:center;font-weight:800;font-size:.75rem;margin:auto auto 8px}.step p{font-size:.86rem;color:#555}.price-box{display:grid;grid-template-columns:1.15fr 1.15fr .85fr;background:linear-gradient(135deg,#fff,#fcf7ec);border:1px solid #eee1c8;border-radius:18px;overflow:hidden}.price-col{padding:34px;border-right:1px solid #eadfc9}.price-col:last-child{border-right:0}.price{font-size:3rem;font-weight:900;line-height:1;margin:12px 0 20px}.checks{columns:2;list-style:none;padding:0;margin:0}.checks li{break-inside:avoid;margin:8px 0;padding-left:20px;position:relative}.checks li:before{content:"✓";position:absolute;left:0;color:var(--gold-dark);font-weight:900}.note-box{padding:18px;border:1px solid #eadfc9;border-radius:12px;background:#fff;margin-bottom:14px}
.page-hero{background:linear-gradient(180deg,#fff 0,#faf7f0 100%);border-bottom:1px solid var(--line)}.page-hero-grid{min-height:350px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.desk-scene{height:290px;position:relative}.desk-laptop{position:absolute;left:5%;right:16%;top:36px;border:10px solid #111;border-bottom-width:20px;border-radius:14px;background:#111;overflow:hidden}.desk-screen{height:190px;background:#0a0a0a;color:#fff;padding:36px;font-size:2rem;font-weight:800}.mug{position:absolute;right:4%;bottom:20px;width:62px;height:70px;border-radius:8px 8px 22px 22px;background:#101010}.small-plant{position:absolute;right:0;top:10px}.portfolio-list{display:grid;gap:28px}.portfolio-item{display:grid;grid-template-columns:.9fr 1.5fr;gap:38px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.portfolio-item:nth-child(even){grid-template-columns:1.5fr .9fr}.portfolio-item:nth-child(even) .portfolio-copy{order:2}.portfolio-item:nth-child(even) .portfolio-visual{order:1}.portfolio-copy{padding:16px}.portfolio-copy .tag{font-size:.76rem;text-transform:uppercase;color:var(--gold-dark);font-weight:800;letter-spacing:.08em}.bullets{list-style:none;padding:0;margin:12px 0 22px}.bullets li{margin:8px 0;padding-left:22px;position:relative}.bullets li:before{content:"✓";position:absolute;left:0;color:var(--gold-dark);font-weight:900}.portfolio-visual{position:relative;min-height:370px;display:flex;align-items:center;justify-content:center;background:#fff}.device-frame{width:88%;border:11px solid #111;border-bottom-width:23px;border-radius:13px;overflow:hidden;box-shadow:var(--shadow);background:#111}.device-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.device-mobile{position:absolute;width:126px;height:255px;right:1%;bottom:24px;border:8px solid #111;border-radius:24px;overflow:hidden;background:#111;box-shadow:0 18px 30px rgba(0,0,0,.2)}.device-mobile img{width:100%;height:100%;object-fit:cover;object-position:top}.portfolio-item:nth-child(even) .device-mobile{right:auto;left:2%}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}.service-card{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff}.service-top{display:flex;align-items:center;gap:14px}.service-icon{width:52px;height:52px;border-radius:14px;background:var(--gold-soft);display:grid;place-items:center;color:var(--gold-dark);font-size:1.4rem}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.about-card{background:#050505;color:#fff;border-radius:20px;padding:40px;position:sticky;top:110px}.big-mark{font-size:5rem;font-weight:900}.values{display:flex;flex-wrap:wrap;gap:10px}.value{border:1px solid #444;padding:8px 12px;border-radius:999px}.about-copy p{font-size:1.05rem}.contact-section{background:#faf8f3}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-card{background:#050505;color:#fff;border-radius:18px;padding:34px}.contact-line{margin:16px 0;color:#ddd}form{display:grid;gap:16px}label{font-weight:800;font-size:.9rem}input,textarea{width:100%;padding:14px;border:1px solid #ddd6c8;border-radius:8px;font:inherit;background:#fff}textarea{min-height:150px;resize:vertical}.field{display:grid;gap:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{font-size:.8rem;color:#666}.hp{position:absolute;left:-9999px}.cta{background:#050505;color:#fff;border-radius:12px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h3{font-size:1.6rem;margin:0 0 6px}.cta p{margin:0;color:#ddd}
footer{background:#050505;color:#fff;padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:35px}footer h4{font-size:.8rem;text-transform:uppercase;margin:0 0 14px}footer a,footer p{color:#c6c6c6;font-size:.88rem;margin:6px 0;display:block}.footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid #222;display:flex;justify-content:space-between;gap:20px;color:#999;font-size:.8rem}
@media(max-width:980px){.nav-links{display:none;position:absolute;left:0;right:0;top:88px;background:#050505;padding:14px 25px 28px;flex-direction:column;align-items:flex-start;gap:2px}.nav-links.open{display:flex}.nav-links a{padding:12px 0;width:100%}.menu-btn{display:block}.hero-grid,.page-hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.device-scene{min-height:390px}.feature-grid{grid-template-columns:repeat(3,1fr)}.cards-3,.services-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.price-box{grid-template-columns:1fr}.price-col{border-right:0;border-bottom:1px solid #eadfc9}.portfolio-item,.portfolio-item:nth-child(even){grid-template-columns:1fr}.portfolio-item:nth-child(even) .portfolio-copy,.portfolio-item:nth-child(even) .portfolio-visual{order:initial}.footer-grid{grid-template-columns:1fr 1fr}.about-card{position:relative;top:auto}}
@media(max-width:650px){.container{width:min(100% - 26px,1180px)}.navbar{height:74px}.nav-links{top:74px}.hero-grid{min-height:auto}.hero-copy{padding:44px 0 12px}.hero-points{grid-template-columns:1fr}.hero-point{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.device-scene{min-height:300px}.showcase-laptop{left:0;right:12%;top:30px}.showcase-phone{width:92px;height:190px}.plant{display:none}.section{padding:56px 0}.section-tight{padding:40px 0}.feature-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr}.checks{columns:1}.page-hero-grid{min-height:auto;padding:35px 0}.desk-scene{height:230px}.portfolio-visual{min-height:260px}.device-frame{width:95%}.device-mobile{width:90px;height:185px}.form-row{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}

/* ===== Homepage premium 2026 ===== */
.homepage .site-header{position:relative;background:#050505;border:0}
.homepage .navbar{height:104px;max-width:1480px;width:min(1480px,calc(100% - 48px))}
.homepage .brand-image{display:block;width:315px;max-width:34vw}
.homepage .nav-links{margin-left:auto;gap:38px}
.homepage .nav-links a{padding:38px 0;font-size:.98rem}
.homepage .nav-links a.active:after{bottom:24px;height:3px;background:#d89b27}
.homepage .nav-contact-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;margin-left:30px}
.homepage .nav-contact-wrap .contact-link{padding:12px 36px!important;min-width:198px;text-align:center;border-color:#d89b27!important;color:#e0a02c!important;font-weight:700}
.homepage .eveildia-web{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700;letter-spacing:.32em;color:#fff;white-space:nowrap}
.homepage .eveildia-web .gold{color:#d89b27}
.homepage .eveildia-web:before,.homepage .eveildia-web:after{content:"";display:block;width:42px;height:1px;background:#d89b27}
.home-hero{position:relative;overflow:hidden;background:#fff;border-bottom:1px solid #ececec}
.home-hero-inner{display:grid;grid-template-columns:43% 57%;min-height:720px;max-width:1672px;margin:0 auto}
.home-hero-copy{padding:78px 48px 64px clamp(48px,6vw,96px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.home-hero-kicker{font-size:.86rem;letter-spacing:.32em;text-transform:uppercase;color:#4a4a4a;margin-bottom:24px}
.home-hero-title{font-size:clamp(3rem,4.7vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:0 0 18px;max-width:710px}
.home-hero-title .gold{color:#c78d22}
.home-hero-subtitle{font-size:clamp(1.25rem,1.8vw,1.75rem);margin-bottom:26px;color:#111}
.home-hero-desc{font-size:1.08rem;line-height:1.6;color:#454545;max-width:620px}
.home-hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 30px;max-width:690px}
.home-hero-benefit{padding:0 24px;border-right:1px solid #ddd;min-height:78px}
.home-hero-benefit:first-child{padding-left:0}.home-hero-benefit:last-child{border-right:0}
.home-hero-benefit svg{width:34px;height:34px;stroke:#c78d22;fill:none;stroke-width:1.9;margin-bottom:9px}
.home-hero-benefit strong{font-size:.96rem;display:block;line-height:1.35}
.home-hero-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:24px;background:linear-gradient(90deg,#d69b2d,#efb13e);color:#111;font-weight:800;padding:19px 26px;border-radius:3px;font-size:.98rem;box-shadow:0 11px 24px rgba(195,137,29,.16)}
.home-hero-visual{position:relative;min-width:0;background:#f5f5f5}
.home-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.home-feature-strip{background:#fff;border-bottom:1px solid #e8e8e8}
.home-feature-grid{max-width:1540px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}
.home-feature-item{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:center;padding:24px 42px;border-right:1px solid #ddd}
.home-feature-item:last-child{border-right:0}
.home-feature-item svg{width:34px;height:34px;stroke:#111;fill:none;stroke-width:1.8}
.home-feature-item strong{display:block;font-size:.9rem;text-transform:uppercase;letter-spacing:.02em}
.home-feature-item span{display:block;color:#777;font-size:.78rem;margin-top:4px}
@media(max-width:1100px){
 .homepage .navbar{height:86px}.homepage .brand-image{width:260px}.homepage .nav-contact-wrap{display:none}
 .home-hero-inner{grid-template-columns:1fr;min-height:auto}.home-hero-copy{padding:62px 7vw 38px}.home-hero-visual{min-height:520px}.home-feature-grid{grid-template-columns:repeat(2,1fr)}.home-feature-item:nth-child(2){border-right:0}.home-feature-item:nth-child(-n+2){border-bottom:1px solid #ddd}
}
@media(max-width:650px){
 .homepage .brand-image{width:220px;max-width:70vw}.homepage .navbar{height:76px}.homepage .nav-links{top:76px}
 .home-hero-copy{padding:46px 24px 30px}.home-hero-kicker{font-size:.7rem}.home-hero-title{font-size:clamp(2.9rem,14vw,4.4rem)}.home-hero-subtitle{font-size:1.2rem}.home-hero-desc{font-size:1rem}.home-hero-benefits{grid-template-columns:1fr;margin-top:28px}.home-hero-benefit{border-right:0;border-bottom:1px solid #ddd;padding:14px 0;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:0}.home-hero-benefit:last-child{border-bottom:0}.home-hero-benefit svg{margin:0}.home-hero-visual{min-height:360px}.home-hero-visual img{object-position:58% center}.home-feature-grid{grid-template-columns:1fr}.home-feature-item{border-right:0!important;border-bottom:1px solid #ddd!important;padding:18px 24px}.home-feature-item:last-child{border-bottom:0!important}
}