:root{--black:#090909;--charcoal:#111;--cream:#f8f3ea;--white:#fff;--paper:#fbfaf7;--ink:#111;--muted:#5f6065;--gold:#c9943a;--gold2:#e6bd72;--line:rgba(0,0,0,.11);--lineDark:rgba(255,255,255,.13);--radius:22px;--shadow:0 28px 80px rgba(0,0,0,.18);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}p{margin:0 0 1rem}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:2px;font-weight:800;font-size:.92rem;border:1px solid transparent;gap:10px;transition:.25s}.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#090909;box-shadow:0 15px 34px rgba(201,148,58,.21)}.btn.outline{border-color:rgba(201,148,58,.65);color:#fff;background:transparent}.btn:hover{transform:translateY(-2px)}.link-arrow{display:inline-flex;align-items:center;gap:10px;font-weight:800;border-bottom:2px solid currentColor;padding-bottom:4px}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}.site-shell{background:#fff;overflow:hidden}.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.84);border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:blur(18px)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{display:flex;align-items:baseline;gap:7px;font-weight:800;letter-spacing:-.03em;font-size:1.52rem}.logo .g7{font-size:1.78rem;color:var(--gold);font-weight:950}.logo .design{font-weight:550}.nav{display:flex;align-items:center;gap:26px;font-size:.84rem;font-weight:750}.nav a{position:relative}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--gold)}.header-cta{margin-left:auto}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:8px}.menu-toggle span{display:block;width:22px;height:2px;background:#111;margin:5px auto}.hero{position:relative;min-height:720px;background:radial-gradient(circle at 66% 24%,rgba(201,148,58,.18),transparent 32%),linear-gradient(90deg,#fff 0%,#fff 37%,#e5e1da 43%,#171717 58%,#090909 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:0;bottom:0;left:35%;width:22%;background:linear-gradient(105deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 38%,rgba(255,255,255,0) 76%);transform:skewX(-10deg);filter:drop-shadow(18px 0 28px rgba(0,0,0,.18));z-index:1}.hero:after{content:"G7";position:absolute;right:5%;top:10%;color:transparent;-webkit-text-stroke:1px rgba(201,148,58,.38);font-size:22rem;line-height:1;font-weight:900;letter-spacing:-.11em;z-index:0}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.98fr 1.02fr;gap:34px;align-items:center;min-height:720px;padding:72px 0 54px}.hero-copy{max-width:560px}.hero h1{margin:22px 0;font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.055em;font-size:clamp(3.4rem,6vw,6.1rem);line-height:.92}.hero h1 .gold{color:var(--gold)}.hero .lead{max-width:430px;color:#232323;font-size:1.05rem;line-height:1.75}.hero-actions{margin-top:28px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}.trusted{margin-top:66px}.trusted p{margin-bottom:18px;font-size:.74rem;letter-spacing:.11em;font-weight:900}.logo-row{display:flex;gap:24px;flex-wrap:wrap;align-items:center;color:#5a5b5e;opacity:.88;font-weight:900;letter-spacing:.05em}.logo-row small{display:block;font-size:.48rem;letter-spacing:.22em;text-align:center;color:#858585}.device-stage{min-height:520px;position:relative;display:grid;align-items:center;justify-items:center}.rock{position:absolute;bottom:66px;right:1%;width:76%;height:130px;border-radius:18px 18px 6px 6px;background:radial-gradient(circle at 28% 30%,rgba(255,255,255,.12),transparent 18%),linear-gradient(135deg,#333,#0b0b0b 68%);box-shadow:0 44px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.14)}.rock:after{content:"";position:absolute;right:-70px;bottom:-58px;width:48%;height:118px;border-radius:16px 16px 6px 6px;background:linear-gradient(135deg,#282828,#050505);box-shadow:0 28px 62px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12)}.laptop{position:absolute;top:108px;right:10%;width:min(580px,82%);aspect-ratio:1.46;border-radius:18px;background:#080808;border:5px solid #1d1e22;box-shadow:0 34px 70px rgba(0,0,0,.65);transform:perspective(1200px) rotateY(-7deg) rotateX(1deg);overflow:hidden}.laptop:after{content:"";position:absolute;left:-10%;bottom:-48px;width:120%;height:54px;background:linear-gradient(90deg,#333,#b7b7b7,#262626);transform:skewX(-28deg);filter:drop-shadow(0 25px 20px rgba(0,0,0,.35))}.screen-ui{position:absolute;inset:0;padding:34px;color:#fff;background:linear-gradient(90deg,rgba(6,9,14,.95) 0%,rgba(6,9,14,.83) 45%,rgba(6,9,14,.2) 100%),repeating-linear-gradient(115deg,transparent 0 22px,rgba(230,189,114,.05) 24px 26px),radial-gradient(circle at 78% 38%,rgba(201,148,58,.32),transparent 27%),linear-gradient(145deg,#10161f,#29384d 45%,#0f1722)}.screen-ui:after{content:"";position:absolute;right:0;top:0;bottom:0;width:44%;background:linear-gradient(115deg,transparent 12%,rgba(201,148,58,.18) 13%,transparent 16%),linear-gradient(125deg,transparent 24%,rgba(255,255,255,.16) 25%,transparent 28%),linear-gradient(150deg,#1c2735,#08111b);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.screen-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:.62rem;color:#fff}.screen-nav span:last-child{word-spacing:18px;font-size:.56rem;color:rgba(255,255,255,.75)}.screen-title{position:relative;z-index:2;margin-top:58px;font-family:Georgia,"Times New Roman",serif;font-size:2.15rem;line-height:1.05}.screen-title em{color:var(--gold);font-style:normal}.screen-copy{position:relative;z-index:2;font-size:.7rem;color:rgba(255,255,255,.76);margin-top:16px}.mini-btn{position:relative;z-index:2;display:inline-block;margin-top:14px;padding:8px 12px;background:var(--gold2);color:#111;font-size:.56rem;font-weight:900;border-radius:2px}.phone-product{position:absolute;right:0;top:204px;width:148px;height:304px;border-radius:30px;background:#050505;border:6px solid #1b1b1b;box-shadow:0 30px 60px rgba(0,0,0,.68);overflow:hidden;color:#fff;padding:22px 17px}.phone-product:before{content:"";position:absolute;top:8px;left:42%;width:46px;height:12px;background:#070707;border-radius:0 0 12px 12px;z-index:2}.phone-product .coastal{position:relative;z-index:2;font-size:.55rem;letter-spacing:.16em;font-weight:900}.phone-product h3{position:relative;z-index:2;margin:46px 0 12px;font-family:Georgia,serif;font-size:1.42rem;line-height:1.05;font-weight:400}.phone-product .mini-btn{font-size:.48rem;margin:0}.phone-product:after{content:"";position:absolute;left:0;right:0;bottom:0;height:56%;background:radial-gradient(circle at 52% 28%,rgba(201,148,58,.62),transparent 10%),linear-gradient(155deg,transparent 43%,#020202 44%),linear-gradient(20deg,#1d3046,#0e1117 55%,#0b0b0b)}.phone-product .dots{position:absolute;bottom:16px;left:33px;right:33px;display:flex;justify-content:space-between;z-index:3;font-size:.52rem;color:#ddd}.stats{background:linear-gradient(180deg,#151515,#0b0b0b);color:#fff;padding:35px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:0 22px;border-right:1px solid var(--lineDark)}.stat:last-child{border-right:0}.icon-circle{width:58px;height:58px;border-radius:50%;border:1px solid rgba(201,148,58,.65);display:grid;place-items:center;color:var(--gold);font-size:1.55rem}.stat strong{font-size:2rem;font-weight:500}.stat span{display:block;color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.3}.section{padding:88px 0}.section.white{background:#fff}.center-head{text-align:center;max-width:780px;margin:0 auto 44px}.center-head h2,.page-hero h1,.split h2,.cta h2{margin:10px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.35rem,4.2vw,4.4rem);line-height:1.02;letter-spacing:-.035em}.center-head p{color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service-card{background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.1);padding:28px 20px;min-height:214px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.service-card svg{width:42px;height:42px;color:var(--gold);stroke-width:1.6}.service-card h3{margin:8px 0 4px;font-size:1rem}.service-card p{font-size:.84rem;color:#555;line-height:1.45;margin:0}.projects{background:linear-gradient(180deg,#141414,#070707);color:#fff}.projects-grid{display:grid;grid-template-columns:.86fr 1.7fr;gap:38px;align-items:center}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{background:#101010;border:1px solid rgba(255,255,255,.12);overflow:hidden}.project-img{height:130px;background:radial-gradient(circle at 50% 35%,rgba(201,148,58,.48),transparent 14%),linear-gradient(130deg,#101925,#354a64 45%,#090909)}.project-card:nth-child(2) .project-img{background:radial-gradient(circle at 68% 42%,rgba(201,148,58,.43),transparent 12%),linear-gradient(145deg,#0f2235,#9aa3a4 42%,#191919)}.project-card:nth-child(3) .project-img{background:linear-gradient(125deg,transparent 45%,rgba(255,255,255,.85) 46%,transparent 48%),linear-gradient(155deg,#2d465d,#aeb8c2 48%,#0a0a0a)}.project-card .project-body{padding:16px}.project-card h3{margin:0 0 2px;font-size:.98rem}.project-card p{margin:0;color:rgba(255,255,255,.66);font-size:.82rem}.project-card a{float:right;color:var(--gold);font-weight:900}.mobile-preview{position:absolute;right:8%;bottom:-300px;width:250px;height:520px;background:#fff;border:7px solid #111;border-radius:34px;box-shadow:0 30px 70px rgba(0,0,0,.4);z-index:5;overflow:hidden}.mobile-preview .m-head{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #eee}.mobile-preview .m-head .logo{font-size:1rem}.mobile-preview .m-head .g7{font-size:1.12rem}.burger{font-size:1.5rem}.m-body{padding:24px 20px}.m-body h3{font-family:Georgia,serif;font-size:1.88rem;line-height:1.05;margin:14px 0}.m-body h3 .gold{color:var(--gold)}.m-body p{font-size:.75rem;color:#333}.m-dark{background:#101010;color:#fff;margin:18px -20px -24px;padding:22px 20px 34px}.m-stat{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}.m-stat .icon-circle{width:42px;height:42px;font-size:1.1rem}.m-stat strong{font-size:1.6rem}.m-stat span{display:block;font-size:.7rem;color:rgba(255,255,255,.72);line-height:1.2}.page-hero{position:relative;background:linear-gradient(105deg,#fff 0%,#fff 50%,rgba(255,255,255,.72) 58%,rgba(255,255,255,0) 70%),radial-gradient(circle at 78% 30%,rgba(201,148,58,.2),transparent 30%),linear-gradient(120deg,#fff,#f5efe5 48%,#111 49%,#080808 100%);padding:104px 0 96px;overflow:hidden}.page-hero:after{content:"G7";position:absolute;right:5%;top:6%;color:transparent;-webkit-text-stroke:1px rgba(201,148,58,.25);font-size:18rem;line-height:1}.page-hero .container{position:relative;z-index:2}.page-hero p{max-width:660px;color:#343434;font-size:1.1rem}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.text-block p{color:var(--muted)}.panel{background:linear-gradient(180deg,#151515,#080808);color:#fff;border-radius:var(--radius);padding:42px;box-shadow:var(--shadow)}.panel .kicker{color:var(--gold2)}.checks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}.checks li{display:flex;gap:12px;color:rgba(255,255,255,.76)}.checks li:before{content:"✓";color:var(--gold);font-weight:900}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid var(--line);background:#fff;padding:28px;min-height:200px}.feature .num{color:var(--gold);font-weight:900;letter-spacing:.14em;font-size:.8rem}.feature h3{margin:18px 0 8px;font-size:1.28rem}.feature p{color:var(--muted);font-size:.94rem}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{background:#fff;border:1px solid var(--line);padding:30px}.step strong{display:grid;place-items:center;width:46px;height:46px;background:#111;color:#fff;border-radius:50%;margin-bottom:22px}.cta{background:radial-gradient(circle at 77% 30%,rgba(201,148,58,.2),transparent 28%),linear-gradient(135deg,#151515,#070707);color:#fff;padding:66px;border-radius:var(--radius);overflow:hidden}.cta p{color:rgba(255,255,255,.72);max-width:700px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:36px}.contact-card{background:#111;color:#fff;padding:36px;border-radius:var(--radius)}.contact-card a{color:var(--gold2)}form{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-weight:800;font-size:.86rem}input,textarea,select{width:100%;margin-top:8px;border:1px solid rgba(0,0,0,.15);background:#fff;padding:15px;border-radius:3px;font:inherit}textarea{grid-column:1/-1;min-height:160px;resize:vertical}.full{grid-column:1/-1}.footer{background:#050505;color:#fff;padding:58px 0 28px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:34px}.footer p,.footer a{color:rgba(255,255,255,.7)}.footer h3{font-size:.88rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin:0 0 14px}.footer-links{display:grid;gap:9px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;color:rgba(255,255,255,.48);font-size:.86rem}@media(max-width:1040px){.header-cta{display:none}.nav{gap:16px}.hero-grid{grid-template-columns:1fr}.hero{background:linear-gradient(180deg,#fff 0%,#fff 44%,#111 44%,#070707 100%)}.hero:before,.hero:after{display:none}.device-stage{min-height:520px}.laptop{right:18%;top:60px}.phone-product{right:8%;top:160px}.rock{right:12%}.mobile-preview{position:relative;right:auto;bottom:auto;margin:40px auto 0}.stats-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.stat{border-right:0;border-bottom:1px solid var(--lineDark);padding:22px}.projects-grid,.split,.contact-grid{grid-template-columns:1fr}}@media(max-width:760px){.container{width:min(100% - 24px,var(--max))}.header-inner{height:72px}.nav{display:none;position:absolute;left:12px;right:12px;top:78px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px;border-radius:14px}.nav.open{display:grid}.nav a{padding:12px}.nav a.active:after,.nav a:hover:after{display:none}.menu-toggle{display:block}.hero-grid{padding:46px 0}.hero h1{font-size:3.35rem}.hero .lead{font-size:.98rem}.trusted{margin-top:42px}.logo-row{gap:17px}.device-stage{min-height:430px}.laptop{width:82%;right:10%;top:38px}.screen-ui{padding:20px}.screen-title{font-size:1.4rem;margin-top:38px}.phone-product{width:116px;height:238px;right:2%;top:137px;border-width:4px;border-radius:24px;padding:17px 12px}.phone-product h3{font-size:1.08rem;margin-top:35px}.rock{width:82%;height:95px;right:8%;bottom:65px}.stats-grid,.services-grid,.feature-grid,.process-line,.project-list,form{grid-template-columns:1fr}.section{padding:62px 0}.projects-grid{gap:24px}.center-head h2,.page-hero h1,.split h2,.cta h2{font-size:2.55rem}.page-hero{padding:70px 0}.cta{padding:34px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}

/* --- FIX: homepage hero right image alignment --- */
.hero {
  min-height: 720px;
}
.hero-grid {
  min-height: 720px;
}
.hero-device-art {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 61%;
  min-height: 720px;
  display: block;
  z-index: 1;
  pointer-events: none;
  background-image:
    linear-gradient(90deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.98) 7%,
      rgba(255,255,255,.90) 14%,
      rgba(255,255,255,.65) 21%,
      rgba(255,255,255,.28) 29%,
      rgba(255,255,255,0) 38%),
    radial-gradient(circle at left center,
      rgba(255,255,255,.42) 0%,
      rgba(255,255,255,.18) 22%,
      rgba(255,255,255,0) 50%),
    url("home-hero-right-original.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  box-shadow: inset 90px 0 110px rgba(255,255,255,.34);
}
.hero-copy {
  position: relative;
  z-index: 4;
}
.hero:before {
  z-index: 3;
  left: 34%;
  width: 25%;
  background: linear-gradient(104deg,
    rgba(255,255,255,.98) 0%,
    rgba(255,255,255,.94) 24%,
    rgba(255,255,255,.72) 46%,
    rgba(255,255,255,.34) 66%,
    rgba(255,255,255,0) 84%);
  filter: drop-shadow(22px 0 28px rgba(0,0,0,.10));
}
.hero:after {
  z-index: 2;
}
.hero-device-image,
.hero-device-art .rock,
.hero-device-art .laptop,
.hero-device-art .phone-product {
  display: none !important;
}
@media (max-width: 1040px) {
  .hero-device-art {
    position: relative;
    width: 100%;
    min-height: 500px;
    margin-top: 20px;
    background-size: cover;
    background-position: center top;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: none;
  }
  .hero:before {
    display: none;
  }
}
@media (max-width: 760px) {
  .hero-device-art {
    min-height: 360px;
    background-position: center top;
  }
}


/* Contact form PHP spam protection fields */
.spam-check{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.form-message{
  display:none;
  padding:16px 18px;
  margin:0 0 22px;
  border-radius:6px;
  font-weight:800;
}
.success-message{
  background:#eef8ef;
  color:#17642a;
  border:1px solid #b8e2c0;
}
.error-message{
  background:#fff1f1;
  color:#8f1f1f;
  border:1px solid #efc1c1;
}