/* A service-led introduction, illustrated with existing IWORQS project work. */
.hero.hero-v2{padding-top:50px;padding-bottom:58px;overflow:hidden}
.hero-v2-layout{max-width:1530px;margin:auto;display:grid;grid-template-columns:1fr 1.08fr;gap:0 4vw;align-items:center}
.hero-v2-copy{grid-column:1;grid-row:1}
.hero-v2-principles{grid-column:1;grid-row:2}
.hero-showcase{grid-column:2;grid-row:1/3}
.hero.hero-v2 .hero-v2-copy{min-width:0;position:relative;z-index:3}
.hero.hero-v2 .hero-v2-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500;line-height:1.8;letter-spacing:1.5px;color:#b8c7af;margin:0 0 25px;max-width:560px}
.hero-v2-kicker .status-dot{flex-shrink:0}
.hero.hero-v2 h1{font-size:clamp(48px,4.9vw,78px);line-height:1.065;letter-spacing:-.06em;font-weight:500;margin:0;animation:none}
.hero.hero-v2 h1>.mint-type{display:block}
.hero.hero-v2 .hero-v2-description{font-size:17px;line-height:1.85;letter-spacing:-.2px;max-width:550px;margin:27px 0;color:#b8c2b3}
.hero-v2-actions{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin-top:28px}
.hero-v2-actions .make-button,.hero-v2-actions .mint-outline{font-size:16px;font-weight:600;min-height:56px;padding:14px 22px;gap:26px}
.hero-v2-actions .make-button>span,.hero-v2-actions .mint-outline>span{font-size:23px;line-height:1}
.hero-v2-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--quiet-stroke);padding-top:23px;margin-top:33px;max-width:610px}
.hero-v2-principles>div>span{display:block;font-size:10px;letter-spacing:.4px;margin-bottom:10px}
.hero.hero-v2 .hero-v2-principles h2{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.3px;margin:0 0 7px}
.hero.hero-v2 .hero-v2-principles p{font-size:14px;line-height:1.8;color:#96a98c;letter-spacing:0;margin:0}
.hero-showcase{position:relative;height:590px;min-width:0;isolation:isolate}
.hero-showcase:before{content:'';position:absolute;inset:-20% -25%;background:radial-gradient(ellipse at 60% 45%,#65e6b517,transparent 60%);z-index:-2;pointer-events:none}
.hero-showcase-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid #c7f55010;border-radius:50%;left:9%;top:2%;rotate:-15deg;z-index:-1}
.hero-showcase-orbit:before,.hero-showcase-orbit:after{content:'';position:absolute;inset:9%;border:1px solid #65e6b509;border-radius:50%}.hero-showcase-orbit:after{inset:22%}
.hero-showcase-coordinate{position:absolute;left:0;top:-10px;font-size:8px;letter-spacing:1.5px;color:#a1b394}
.hero-browser{display:block;position:absolute;overflow:hidden;border:1px solid #ffffff26;border-radius:14px;background:#18221a;box-shadow:0 22px 70px #0006;text-decoration:none;transition:translate .25s,border-color .25s}
.hero-browser:focus-visible,.hero-phone:focus-visible{z-index:6;outline:2px solid var(--lime);outline-offset:5px}
.hero-browser:hover{translate:0 -5px;border-color:#ffffff50}
.hero-browser-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#1a211c;min-height:34px;color:#b7c4ad;font-size:9px;line-height:1.5;white-space:nowrap}
.hero-browser-bar>i{display:flex;gap:4px;flex-shrink:0}.hero-browser-bar b{width:4px;height:4px;background:#ffffff2e;border-radius:50%}.hero-browser-bar>span:last-child{margin-left:auto;color:#dbe7d2;font-size:16px;line-height:1}
.hero-browser img{display:block;width:100%;height:auto}
.hero-browser-back{right:0;top:5%;width:85%;z-index:1}
.hero-browser-front{left:0;top:35%;width:86%;z-index:2}
.hero-phone{position:absolute;left:7%;bottom:1%;display:block;width:26%;border:5px solid #253027;border-radius:25px;overflow:hidden;box-shadow:0 15px 40px #0007;background:#0d1a14;z-index:3;text-decoration:none;transition:translate .25s}
.hero-phone:hover{translate:0 -5px}
.hero-phone img{display:block;width:100%;height:auto;border-radius:18px 18px 0 0}
.hero-phone-speaker{position:absolute;top:5px;width:31%;height:4px;background:#16221a;border-radius:0 0 10px 10px;left:35%;z-index:1}
.hero-phone-label{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:5px;font-weight:500;letter-spacing:.4px;line-height:1.5;padding:7px 8px;color:#d0dec7;background:#1c2820}.hero-phone-label>span{font-size:12px;line-height:1}
@media(min-width:1700px){.hero.hero-v2{padding-top:65px;padding-bottom:70px}.hero-showcase{height:680px}.hero-v2-layout{gap:70px}.hero.hero-v2 .hero-v2-description{font-size:18px}.hero.hero-v2 .hero-v2-principles p{font-size:14px}.hero.hero-v2 .hero-v2-principles h2{font-size:16px}}
@media(max-width:1100px){.hero-v2-layout{gap:3vw;grid-template-columns:1fr 1fr}.hero.hero-v2{padding-top:40px;padding-bottom:45px}.hero.hero-v2 h1{font-size:4.9vw}.hero.hero-v2 .hero-v2-kicker{font-size:9px;letter-spacing:1px}.hero.hero-v2 .hero-v2-description{font-size:16px}.hero-showcase{height:540px}.hero-browser-front{width:91%;top:31%}.hero-browser-back{width:90%}.hero-phone{width:29%;left:5%;bottom:4%}.hero-v2-actions{gap:10px}.hero-v2-actions .make-button,.hero-v2-actions .mint-outline{padding:13px 16px;font-size:16px;gap:15px}.hero-v2-principles{gap:14px}.hero.hero-v2 .hero-v2-principles h2{font-size:13px}.hero.hero-v2 .hero-v2-principles p{font-size:13px}}
@media(max-width:850px){.hero-v2-layout{grid-template-columns:1fr;gap:44px}.hero.hero-v2 h1{font-size:clamp(52px,7vw,64px)}.hero.hero-v2 .hero-v2-copy{max-width:620px}.hero.hero-v2 .hero-v2-description{font-size:18px;max-width:610px}.hero-v2-actions .make-button,.hero-v2-actions .mint-outline{font-size:16px;padding:14px 22px;gap:24px}.hero-v2-principles{gap:25px}.hero.hero-v2 .hero-v2-principles h2{font-size:15px}.hero.hero-v2 .hero-v2-principles p{font-size:13px}.hero-showcase{height:620px;max-width:700px;width:100%;margin:auto}.hero-browser-back{width:82%;top:2%}.hero-browser-front{width:86%;top:31%}.hero-phone{width:25%;bottom:1%;left:6%}.hero-showcase-caption>a{font-size:13px}.hero-showcase-caption>span{font-size:8px}}
@media(max-width:560px){
 .hero.hero-v2{padding-top:30px;padding-bottom:34px}
 .hero.hero-v2 .hero-v2-kicker{font-size:9px;letter-spacing:.8px;line-height:1.9;margin-bottom:22px}
 .hero.hero-v2 h1{font-size:clamp(38px,10.5vw,57px);line-height:1.07;letter-spacing:-.055em}
 .hero.hero-v2 .hero-v2-description{font-size:16px;line-height:1.85;margin:23px 0}
 .hero-v2-actions{display:grid;grid-template-columns:1fr;margin-top:24px;gap:10px}
 .hero-v2-actions .make-button,.hero-v2-actions .mint-outline{width:100%;justify-content:space-between;min-height:56px;font-size:16px;padding:14px 21px}
 .hero-v2-principles{margin-top:29px;padding-top:20px;gap:13px}
 .hero.hero-v2 .hero-v2-principles h2{font-size:12px;line-height:1.6;letter-spacing:-.2px}
 .hero.hero-v2 .hero-v2-principles p{font-size:11px;line-height:1.8}
 .hero-v2-principles>div>span{font-size:9px;margin-bottom:8px}
 .hero-v2-layout{gap:39px}
 .hero-showcase{height:390px}
 .hero-showcase-coordinate{font-size:6px;letter-spacing:1px;top:-6px}
 .hero-browser{border-radius:9px}
 .hero-browser-bar{min-height:25px;padding:6px 8px;gap:7px;font-size:6px}
 .hero-browser-bar b{width:3px;height:3px}.hero-browser-bar>i{gap:3px}.hero-browser-bar>span:last-child{font-size:12px}
 .hero-browser-back{width:84%;top:4%}.hero-browser-front{width:89%;top:30%}
 .hero-phone{width:29%;left:5%;bottom:6%;border-width:3px;border-radius:17px}.hero-phone img{border-radius:13px 13px 0 0}
 .hero-phone-label{font-size:4px;padding:6px 5px;letter-spacing:0}.hero-phone-label>span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.hero-browser,.hero-phone{transition:none}}
.motion-off .hero-browser,.motion-off .hero-phone{transition:none}
@media(max-width:850px){.hero-v2-layout{gap:34px}.hero-v2-copy{grid-row:1;grid-column:1}.hero-showcase{grid-row:2;grid-column:1}.hero-v2-principles{grid-row:3;grid-column:1;margin-top:0;max-width:none}}
@media(max-width:560px){.hero.hero-v2 .hero-v2-principles h2{font-size:14px}.hero.hero-v2 .hero-v2-principles p{font-size:13px;line-height:1.75}}
@media(max-width:560px){.hero-v2-principles{grid-template-columns:1fr;gap:20px}.hero-v2-principles>div{display:grid;grid-template-columns:23px minmax(0,1fr);column-gap:9px}.hero-v2-principles>div>span{grid-column:1;grid-row:1/3;margin:4px 0 0}.hero.hero-v2 .hero-v2-principles h2{grid-column:2;font-size:15px;margin-bottom:3px}.hero.hero-v2 .hero-v2-principles p{grid-column:2;font-size:14px}}