/* Gray Hole · get-started / quiet product-first pass */
.gs-page{--gs-line:color-mix(in srgb,var(--line,#e7e7e7) 88%,transparent);--gs-muted:var(--muted,#8a8a8a);background:var(--canvas,#fff);color:var(--ink,#161616)}
.gs-page .nav{border-bottom:1px solid var(--gs-line)}
.gs-main{min-height:calc(100vh - 64px)}
.gs-page .wrap{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}

.gs-hero{text-align:center;padding-top:86px;padding-bottom:64px}
.gs-hero .eyebrow{font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--gs-muted)}
.gs-hero h1{max-width:760px;margin:20px auto 0;font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-.055em;font-weight:720}
.gs-lead{max-width:670px;margin:22px auto 0;color:var(--body,#555);font-size:16px;line-height:1.65}
.gs-hero-actions{margin-top:28px}
.gs-primary{min-width:164px}
.gs-store-status{max-width:690px;margin:22px auto 0;color:var(--body,#555);font-size:13px;line-height:1.6}
.gs-store-status p{margin:0}.gs-store-status a{text-decoration:underline;text-underline-offset:3px}
.gs-pin-hint{margin:22px auto 0;color:var(--ink,#161616);font-size:13px;font-weight:600}
.gs-meta{display:flex;justify-content:center;gap:8px;margin-top:10px;color:var(--gs-muted);font:10.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.gs-banner{max-width:720px;margin:18px auto 0;padding-top:15px;border-top:1px solid var(--gs-line);font-size:12px;color:var(--body,#555)}

.gs-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:4px;padding-bottom:76px}
.gs-step{min-width:0}
.gs-step header{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.gs-step header span{font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gs-muted);letter-spacing:.12em}
.gs-step h2{margin:0;font-size:17px;line-height:1.25;letter-spacing:-.025em}
.gs-step>p{margin:13px 0 0;color:var(--body,#666);font-size:12.5px;line-height:1.55;max-width:34ch}
.gs-shot{position:relative;margin:0;overflow:hidden;border:1px solid var(--gs-line);border-radius:12px;background:#fafafa;aspect-ratio:1.14/1}
.gs-shot img{width:100%;height:100%;display:block;object-fit:cover}
.gs-shot-pin img{object-position:center 0}
.gs-shot-save img{object-position:center 43%}
.gs-shot-library img{object-position:left top}

.gs-permission{display:flex;justify-content:space-between;gap:34px;align-items:flex-start;padding-top:24px;padding-bottom:30px;border-top:1px solid var(--gs-line);border-bottom:1px solid var(--gs-line)}
.gs-permission>div{max-width:780px}
.gs-permission strong{font-size:13px}
.gs-permission p{margin:7px 0 0;color:var(--body,#666);font-size:12.5px;line-height:1.6}
.gs-permission>a{white-space:nowrap;color:var(--ink,#161616);font-size:12.5px;text-decoration:none}

.gs-footer{display:flex;justify-content:space-between;padding-top:24px;padding-bottom:34px;color:var(--gs-muted);font-size:11px}
.gs-footer a{color:inherit;text-decoration:none}

@media(max-width:900px){
  .gs-hero{padding-top:64px;padding-bottom:48px}
  .gs-flow{grid-template-columns:1fr;max-width:680px;gap:44px}
  .gs-shot{aspect-ratio:16/10}
  .gs-step>p{max-width:none}
}
@media(max-width:640px){
  .gs-page .wrap{padding-left:18px;padding-right:18px}
  .gs-hero{padding-top:52px;padding-bottom:40px}
  .gs-hero h1{font-size:42px}
  .gs-lead{font-size:14px}
  .gs-meta{flex-wrap:wrap}
  .gs-flow{gap:38px;padding-bottom:54px}
  .gs-shot{border-radius:10px}
  .gs-permission{display:block}.gs-permission>a{display:inline-block;margin-top:14px}
  .gs-footer{display:block;line-height:2}
}