:root{--ink:#17151c;--paper:#f5f3f7;--white:#fff;--iris:#7057c7;--iris-light:#9d87ee;--sky:#76b7e5;--muted:#746f7a;--line:#ded9e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:92px;padding:0 clamp(24px,4vw,70px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;border-bottom:1px solid #ffffff2b}.logo{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:500 24px Georgia,serif}.logo-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--sky);border-radius:50%;font:16px Georgia}.site-header nav{display:flex;gap:34px}.site-header nav a,.auth-links a{color:inherit;text-decoration:none;font-size:12px;font-weight:750}.auth-links{justify-self:end;display:flex;align-items:center;gap:21px}.signup{padding:12px 17px;border:1px solid #ffffff70;border-radius:999px}.signup span,.button span{margin-left:14px}.hero{position:relative;min-height:100svh;overflow:hidden;background:#15131a;color:#fff}.hero-image,.hero-wash{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;filter:saturate(.7)}.hero-wash{background:linear-gradient(90deg,#131018f2 0%,#17121bb8 43%,#21182d5e 73%,#1110169c),linear-gradient(0deg,#121016b5,#1210160d 50%)}.hero-copy{position:relative;z-index:2;width:min(760px,72vw);padding:clamp(180px,22vh,260px) 0 110px clamp(24px,9vw,150px)}.eyebrow{margin:0;color:var(--iris-light);font-size:11px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.hero h1{margin:19px 0 26px;font:500 clamp(68px,9.7vw,148px)/.78 Georgia,serif;letter-spacing:-.07em}.hero h1 em,.closing h2 em{color:#cfc2f5;font-weight:400}.hero-lede{max-width:560px;color:#d4ced8;font-size:clamp(17px,1.6vw,22px)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border-radius:999px;text-decoration:none;font-weight:800}.button.primary{background:var(--iris);color:#fff;box-shadow:0 14px 35px #26175955}.button.primary:hover{background:#5b43b1}.text-link{color:#fff;text-decoration:none;font-weight:700}.hero-note{position:absolute;right:clamp(25px,5vw,75px);top:48%;z-index:2;display:flex;gap:16px;color:#ddd7e0}.hero-note span{color:var(--sky);font-size:11px}.hero-note p{margin:0;padding-left:16px;border-left:1px solid #ffffff60}.scroll{position:absolute;z-index:2;bottom:32px;left:50%;display:grid;place-items:center;color:#fff;text-decoration:none}.scroll span{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%}.scroll small{margin-top:8px;text-transform:uppercase;letter-spacing:.15em;font-size:8px}.hero-orbit{position:absolute;border:1px solid #ffffff17;border-radius:50%}.hero-orbit.one{width:52vw;height:52vw;right:-18vw;top:12vh}.hero-orbit.two{width:27vw;height:27vw;right:-5vw;top:25vh}.statement{padding:clamp(85px,12vw,170px) max(24px,8vw);display:grid;grid-template-columns:1.5fr .65fr;gap:8vw;align-items:end}.statement h2{max-width:890px;margin:16px 0 0;font:500 clamp(45px,6.3vw,92px)/.98 Georgia;letter-spacing:-.055em}.statement-copy{padding-bottom:10px}.statement-copy p{color:var(--muted);font-size:18px}.button.dark{margin-top:20px;background:var(--ink);color:#fff}.feature-grid{padding:0 max(24px,4vw) clamp(90px,10vw,150px);display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.feature{position:relative;min-height:590px;border-radius:22px;overflow:hidden;padding:45px;display:flex;flex-direction:column;justify-content:flex-end}.feature-photo{color:#fff}.feature-photo img,.feature-photo .shade{position:absolute;inset:0;width:100%;height:100%}.feature-photo img{object-fit:cover}.feature-photo .shade{background:linear-gradient(0deg,#131018e8,#13101813 75%)}.feature>div{position:relative}.feature span{color:var(--iris-light);font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.feature h3{max-width:650px;margin:12px 0;font:500 clamp(40px,5vw,72px)/.95 Georgia;letter-spacing:-.045em}.feature p{max-width:520px;color:#d8d2dc;font-size:17px}.feature-ink{background:var(--ink);color:#fff}.feature-ink a{margin-top:20px;color:#fff;text-decoration:none;font-weight:800}.workflow{padding:clamp(85px,10vw,140px) max(24px,8vw);background:#fff}.workflow h2{margin:10px 0 0;font:500 clamp(48px,6vw,82px) Georgia;letter-spacing:-.055em}.workflow ol{list-style:none;padding:0;margin:65px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.workflow li{padding:27px 28px 10px 0;border-right:1px solid var(--line)}.workflow li+li{padding-left:28px}.workflow li:last-child{border-right:0}.workflow li b{color:var(--iris)}.workflow li h3{font:500 27px Georgia;margin:40px 0 12px}.workflow li p{color:var(--muted)}.closing{position:relative;overflow:hidden;padding:clamp(110px,15vw,210px) 24px;text-align:center;background:#211d2a;color:#fff}.closing h2{position:relative;margin:15px 0 40px;font:500 clamp(65px,9vw,130px)/.85 Georgia;letter-spacing:-.065em}.closing .button{margin:6px}.button.ghost{border:1px solid #ffffff60;color:#fff}.closing-ring{position:absolute;width:650px;height:650px;left:calc(50% - 325px);top:calc(50% - 325px);border:1px solid #9178dd4d;border-radius:50%;box-shadow:0 0 0 100px #7057c70a,0 0 0 200px #76b7e50a}footer{padding:30px max(24px,4vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line)}footer p{color:var(--muted)}footer>span{justify-self:end;color:var(--muted);font-size:12px}@media(max-width:850px){.site-header{grid-template-columns:1fr auto;height:75px}.site-header nav{display:none}.auth-links .signin{display:none}.hero-copy{width:100%;padding-left:24px;padding-right:24px}.hero-note{display:none}.statement,.feature-grid{grid-template-columns:1fr}.feature{min-height:500px}.workflow ol{grid-template-columns:1fr 1fr}.workflow li:nth-child(2){border-right:0}.workflow li:nth-child(-n+2){border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr;gap:12px}footer>span{justify-self:start}}@media(max-width:560px){.hero h1{font-size:64px}.hero-actions{align-items:flex-start;flex-direction:column}.statement{padding-left:24px;padding-right:24px}.statement h2{font-size:48px}.feature{padding:28px;min-height:440px}.workflow ol{grid-template-columns:1fr}.workflow li,.workflow li+li{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.workflow li h3{margin-top:18px}.closing h2{font-size:61px}}
/* Refined landing hero and more legible primary navigation. */
.site-header nav a,.auth-links a{font-size:15px;letter-spacing:.01em}.hero-image{content:url('/static/landing/shotcraft-hero-portrait.jpg');object-position:68% center}
.closing-ring{pointer-events:none}.closing>p,.closing>h2,.closing>div:not(.closing-ring){position:relative;z-index:1}
.feature-photo img{content:url('/static/landing/client-feature-smoke.png');object-position:center 55%}
.auth-links .signed-in{font-size:12px;color:#e5dff0;white-space:nowrap}@media(max-width:850px){.auth-links .signed-in{display:none}}
.auth-links .landing-signout{padding:10px 13px;border:1px solid #76b7e5;background:#76b7e5;color:#102233;border-radius:999px;cursor:pointer;font:800 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap}.auth-links .landing-signout:hover{background:#9bcef0;border-color:#9bcef0}@media(max-width:850px){.auth-links .landing-signout{padding:9px 12px}}

/* Keep the signed-in header from competing with the centred navigation. */
.site-header{display:flex}.site-header .logo{flex:0 0 auto}.site-header nav{margin-left:auto}.auth-links{margin-left:clamp(20px,3vw,56px);flex:0 0 auto}.auth-links .signup{display:inline-flex;align-items:center;white-space:nowrap}@media(max-width:1250px){.site-header nav{display:none}.auth-links{margin-left:auto}}@media(max-width:980px){.auth-links .signed-in{display:none}}@media(max-width:560px){.site-header{padding-left:20px;padding-right:20px}.site-header .logo{font-size:21px}.auth-links{gap:9px}.auth-links .signup{padding:10px 12px}.auth-links .signup span{margin-left:8px}}