:root{--navy:#101f30;--navy2:#182c40;--orange:#f38c35;--cream:#f7f3eb;--ink:#1b2b3b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.6}a{color:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:99}.header{background:#101f30;color:#fff;position:relative;z-index:2;border-bottom:1px solid #ffffff22}.nav{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;font-size:15px;font-weight:700;line-height:1.25;letter-spacing:.02em}.mark{position:relative;display:flex;align-items:end;height:65px}.mark svg{width:43px;height:43px;position:absolute;top:-5px;left:13px}.mark strong{font-size:30px;font-style:italic;letter-spacing:-.08em;line-height:1}nav{display:flex;align-items:center;gap:27px}nav a{text-decoration:none;font-size:13px;font-weight:650}nav a:hover,.textlink:hover{color:var(--orange)}.navcta{border:1px solid var(--orange);border-radius:4px;padding:11px 15px}.hero{background:linear-gradient(110deg,#101f30 10%,#1e3041 58%,#593f32);color:white;position:relative;overflow:hidden}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:22px}.hero-copy{position:relative;z-index:1;padding:70px 0}.eyebrow{color:#f6a25e;font-size:12px;font-weight:800;letter-spacing:.18em}.eyebrow.dark{color:#b96527}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(40px,4.5vw,65px);line-height:1.12;letter-spacing:-.035em;margin:22px 0}h1 em{color:#ffad6b;font-style:normal}.lead{font-size:17px;color:#e1e4e7;max-width:540px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:28px 0}.button{background:var(--orange);color:#151b22;text-decoration:none;font-weight:800;border-radius:4px;padding:15px 23px;display:inline-block}.secondary{font-weight:700;text-decoration:none;font-size:14px}.micro{font-size:12px;color:#bfc9d0}.scene{height:480px;position:relative;overflow:hidden;border-radius:7px;background:linear-gradient(#6b4d47 0%,#e6a267 47%,#c48c60 61%,#292f2c 63%,#1b282c 100%);box-shadow:0 25px 80px #0005}.sun{position:absolute;width:190px;height:190px;border-radius:50%;background:#ffd69a;filter:blur(16px);right:12%;top:16%;opacity:.85}.horizon{position:absolute;top:58%;width:100%;height:15%;background:linear-gradient(0deg,#273c36,#6b7255);clip-path:polygon(0 40%,18% 12%,40% 45%,62% 8%,100% 45%,100% 100%,0 100%)}.tree{position:absolute;right:8%;top:0;width:30px;height:65%;background:#29332f;transform:rotate(-9deg);opacity:.8}.tree:before{content:"";position:absolute;width:290px;height:120px;border-radius:50%;background:#29372f;right:-100px;top:-15px;box-shadow:-60px 12px 0 #354332,30px 34px 0 #354332}.desk{position:absolute;bottom:0;width:100%;height:29%;background:linear-gradient(12deg,#493128,#8e5940 55%,#6d4232);transform:skewY(-3deg);transform-origin:0 0}.laptop{position:absolute;bottom:16%;left:9%;width:62%;height:45%;background:#1c2024;border:9px solid #22292f;border-radius:12px 12px 2px 2px;box-shadow:7px 10px 20px #0008}.screen{height:100%;background:linear-gradient(145deg,#15263b,#2c4b57);padding:16px 22px;color:white}.screen-logo{font-size:25px;font-weight:900;font-style:italic}.dot{color:var(--orange)}.screen p{font-size:13px;margin:7px 0;font-weight:750}.bars{display:flex;align-items:end;gap:7px;height:28px}.bars i{display:block;width:13px;background:#f39848;height:12px}.bars i:nth-child(2){height:18px}.bars i:nth-child(3){height:23px}.bars i:nth-child(4){height:28px}.keyboard{height:12px;position:absolute;top:100%;left:-9%;width:118%;background:#adb1b0;transform:perspective(100px) rotateX(25deg);border-radius:0 0 12px 12px}.mug{position:absolute;right:8%;bottom:15%;width:100px;height:116px;border-radius:5px 5px 30px 30px;background:linear-gradient(90deg,#121b21,#34404a);color:white;display:grid;place-items:center;font-size:25px;font-weight:900;font-style:italic;box-shadow:10px 10px 18px #0007}.mug:after{content:"";position:absolute;left:90%;top:17px;width:31px;height:57px;border:12px solid #27333b;border-radius:50%}.section{padding:82px 0}.light{background:var(--cream)}h2{font-family:Georgia,serif;font-size:clamp(31px,3vw,45px);line-height:1.16;letter-spacing:-.02em;max-width:730px}.intro{max-width:700px;color:#5b6872}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:37px}.cards article{border-top:3px solid #d38a4c;padding:21px 10px 0 0}.num{font-size:12px;color:#b96a30;font-weight:900}.cards h3{font-size:19px;line-height:1.3;margin:14px 0}.cards p{font-size:14px;color:#5a6269}.navy{background:var(--navy2);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split p{color:#d5dce2}.textlink{color:#ffad6b;font-weight:750}.narrow{max-width:760px}details{border-bottom:1px solid #cfcac1;padding:18px 0}summary{cursor:pointer;font-weight:750}details p{padding-top:14px;color:#58646b}.cta{background:linear-gradient(130deg,#172d42,#344b53);color:white}.center{text-align:center}.center h2{margin-left:auto;margin-right:auto}.center p{color:#e2e6e8}.notice{margin-top:28px;border:1px solid #ffffff55;border-radius:5px;padding:16px;font-size:13px}footer{background:#0c1825;color:#c8d0d6;padding:26px 0}.footer{display:flex;justify-content:space-between;gap:20px;font-size:12px}@media(max-width:850px){nav{gap:12px;flex-wrap:wrap;justify-content:end}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:65px 0 20px}.scene{height:350px;margin-bottom:35px}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:15px}}@media(max-width:560px){.nav{align-items:start;padding:16px 0}.brand{font-size:12px}.mark strong{font-size:23px}.mark svg{width:35px;left:9px}.mark{height:50px}nav{justify-content:start;gap:12px}nav a{font-size:12px}.navcta{padding:7px}.hero-grid{gap:0}h1{font-size:41px}.scene{height:280px}.cards{grid-template-columns:1fr}.section{padding:56px 0}.footer{flex-direction:column}}
/* Keep beacon compact and integrated with the wordmark */
.mark svg{width:32px;height:36px;top:-4px;left:22px}.mark{height:60px}@media(max-width:560px){.mark svg{width:28px;height:31px;left:14px;top:-4px}.mark{height:49px}}

/* Approved brand artwork replaces temporary CSS/SVG mark */
.brand-logo{display:block;width:220px;max-width:100%;height:74px;object-fit:contain;object-position:left center}
@media(max-width:700px){.brand-logo{width:160px;height:60px}}


/* V1 photographic hero: show only the right photographic half of the
   supplied composite mockup. Its embedded text and navigation stay out
   of the visible background. */
.hero{
  background-color:#101f30;
  background-image:
    linear-gradient(90deg,rgba(16,31,48,.98) 0%,rgba(16,31,48,.90) 28%,rgba(16,31,48,.62) 52%,rgba(16,31,48,.12) 85%),
    url("Golden%20Hour%20Digital%20Farm%20Hero.png");
  background-size:100% 100%,200% auto;
  background-position:center,right center;
  background-repeat:no-repeat;
  color:white;
}
.hero .glow{display:none}
.hero-grid{display:block;min-height:650px}
.hero-copy{position:relative;z-index:1;max-width:750px;padding:82px 0 90px}
.hero h1,.hero .lead{text-shadow:0 2px 8px rgba(7,18,30,.5)}
@media(max-width:850px){
  .hero{background-size:100% 100%,auto 100%;background-position:center,right center;
    background-image:linear-gradient(90deg,rgba(16,31,48,.96),rgba(16,31,48,.75)),url("Golden%20Hour%20Digital%20Farm%20Hero.png")}
  .hero-grid{min-height:590px}
  .hero-copy{padding:65px 0 75px}
}
@media(max-width:560px){
  .hero{background-position:center,75% center}
  .hero-grid{min-height:560px}
  .hero-copy{padding:60px 0 70px}
}

/* Hero framing: reduce the crop of the supplied composite image.
   Its original left-side mockup text remains concealed by the navy overlay. */
@media (min-width:851px){
  .hero{
    background-image:
      linear-gradient(90deg,#101f30 0%,rgba(16,31,48,.99) 30%,rgba(16,31,48,.94) 46%,rgba(16,31,48,.72) 59%,rgba(16,31,48,.08) 86%),
      url("Golden%20Hour%20Digital%20Farm%20Hero.png");
    background-size:100% 100%,150% auto;
    background-position:center,right center;
  }
}

/* Show the entire photographic half of the composite, not an enlarged crop. */
@media (min-width:851px){
  .hero{background:#101f30;isolation:isolate}
  .hero::before{
    content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:60%;
    background-image:url("Golden%20Hour%20Digital%20Farm%20Hero.png");
    background-repeat:no-repeat;
    background-size:200% 100%;
    background-position:right center;
  }
  .hero::after{
    content:"";position:absolute;z-index:-1;inset:0;
    background:linear-gradient(90deg,#101f30 0%,#101f30 30%,rgba(16,31,48,.92) 43%,rgba(16,31,48,.38) 64%,rgba(16,31,48,0) 88%);
    pointer-events:none;
  }
}

.review-form{display:grid;gap:10px;max-width:580px;margin:30px auto 0;text-align:left}.review-form label{font-size:14px;font-weight:700;color:#fff;margin-top:6px}.review-form input,.review-form textarea{width:100%;font:inherit;border:1px solid #aeb9c2;border-radius:5px;background:#fff;color:#172638;padding:12px 14px}.review-form input:focus-visible,.review-form textarea:focus-visible{outline:3px solid #f38c35;outline-offset:2px}.review-form .button{border:0;cursor:pointer;margin-top:10px;font-size:15px}.review-form .form-note{font-size:13px;line-height:1.5;color:#e1e6eb;margin:2px 0}.review-form a{text-decoration:underline}

/* In-page form submission states */
.review-form .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.review-form .button:disabled{opacity:.7;cursor:wait}.review-form .form-status{font-size:14px;font-weight:650;min-height:1.5em;color:#ffd5bd}.review-form .form-status.success{color:#c9f2d5}
