.card-wrapper{display:flex;flex-direction:column;align-items:center;perspective:1200px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.card-wrapper:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:var(--radius-sm)}.card-wrapper:not(.is-empty):hover .card-inner:not(.is-flipped),.card-wrapper:not(.is-empty):focus-visible .card-inner:not(.is-flipped){transform:translateY(-4px)}.card-inner{position:relative;width:100%;aspect-ratio:9 / 16;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card-inner.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--hairline)}.card-back{background:var(--canvas-card)}.card-front{transform:rotateY(180deg);background:var(--canvas-card)}.card-img{width:100%;height:100%;object-fit:cover;display:block}.card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:32px;font-weight:400;letter-spacing:-.6px;color:var(--hairline);pointer-events:none;background:var(--canvas-card);z-index:0}.card-img,.card-img[style*="display: none"]{position:relative;z-index:1}.card-img[style*="display: none"]+.card-placeholder,.card-img[style*="display:none"]+.card-placeholder{z-index:1}.back-placeholder{background:var(--canvas-card);font-size:48px;color:var(--mute)}.card-footer{display:flex;align-items:center;gap:8px;margin-top:10px}.card-number{display:inline-block;padding:3px 12px;border:1px solid var(--hairline);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.06em;text-align:center;color:var(--mute);background:transparent}.card-wrapper.is-empty{cursor:default}.empty-face{background:var(--canvas-card);border:1px solid var(--hairline);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:.6;transition:opacity .2s}.card-wrapper.is-empty:hover .empty-face{opacity:.75}.empty-label{font-family:var(--font-display);font-size:14px;font-weight:400;color:var(--mute);letter-spacing:.1em}.deferred-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--canvas-card);z-index:1}.deferred-placeholder-text{font-family:var(--font-display);font-size:32px;font-weight:400;letter-spacing:-.6px;color:var(--hairline)}.deferred-placeholder.is-loading .deferred-placeholder-text{animation:deferred-pulse 1.2s ease-in-out infinite;color:var(--mute)}@keyframes deferred-pulse{0%,to{opacity:.3}50%{opacity:.7}}.card-back .deferred-placeholder{background:var(--canvas-card)}.card-back .deferred-placeholder-text{font-size:48px;color:var(--mute)}@media (max-width: 480px){.card-number{font-size:11px;padding:2px 10px}.card-download{width:22px;height:22px;font-size:10px}}.card-download{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:transparent;color:var(--mute);font-size:12px;cursor:pointer;text-decoration:none;transition:opacity .2s,color .2s,border-color .2s;opacity:.5;flex-shrink:0}.card-download:hover{opacity:1;color:var(--ink);border-color:var(--mute)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px;padding:32px 24px;max-width:1300px;margin:0 auto}@media (max-width: 768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:24px 16px}}@media (max-width: 480px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;padding:16px 12px}}@media (min-width: 1400px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.guide-page{min-height:100vh;padding-bottom:64px}.guide-content{max-width:720px;margin:0 auto;padding:48px 24px}.guide-section{margin-bottom:0}.section-heading{font-family:var(--font-display);font-size:20px;font-weight:400;line-height:28px;color:var(--ink);margin:0 0 16px;display:flex;align-items:baseline;gap:12px}.section-step{font-family:var(--font-mono);font-size:14px;font-weight:400;letter-spacing:.08em;color:var(--mute)}.section-divider{height:1px;background:var(--hairline);margin:36px 0}.guide-desc{font-family:var(--font-display);font-size:16px;font-weight:400;line-height:1.8;color:var(--body);margin:0 0 20px}.guide-desc strong{font-weight:400;color:var(--ink)}.guide-desc code{font-family:var(--font-mono);font-size:14px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute);background:var(--canvas-soft);padding:2px 8px;border-radius:var(--radius-sm)}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spec-item{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:4px}.spec-label{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--mute)}.spec-value{font-family:var(--font-mono);font-size:16px;font-weight:400;color:var(--ink)}.prompt-card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);margin-bottom:0;overflow:hidden}.prompt-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;font-family:var(--font-display);font-size:16px;font-weight:400;line-height:1.6;color:var(--body);list-style:none;-webkit-user-select:none;user-select:none}.prompt-summary::-webkit-details-marker{display:none}.prompt-summary:before{content:"+ ";font-family:var(--font-mono);font-size:14px;color:var(--mute);margin-right:8px}details[open]>.prompt-summary:before{content:"− "}.prompt-code{margin:0;padding:16px;font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:1.7;color:var(--mute);white-space:pre-wrap;word-break:break-word;overflow-x:auto;border-top:1px solid var(--hairline)}.step-list{padding-left:24px;margin:0;color:var(--body);line-height:2;font-family:var(--font-display);font-size:16px;font-weight:400;letter-spacing:.02em}.step-list li{padding-left:4px}.step-list li::marker{font-family:var(--font-mono);color:var(--mute)}.step-list code{font-family:var(--font-mono);font-size:14px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute);background:var(--canvas-soft);padding:2px 8px;border-radius:var(--radius-sm)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.template-card:hover{border-color:var(--canvas-mid)}.template-preview{position:relative;aspect-ratio:9 / 16;background:var(--canvas);overflow:hidden}.template-preview img{width:100%;height:100%;object-fit:cover;display:block}.download-btn{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--ink);background:#e5e5e5eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none;border-top:1px solid rgba(0,0,0,.08);text-decoration:none;letter-spacing:.04em;transition:background .2s;z-index:2}.download-btn:before{content:"";display:inline-block;width:14px;height:14px;background:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.download-btn:hover{background:#c8c8c8f2}.template-info{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.template-info h3{margin:0;font-family:var(--font-display);font-size:16px;font-weight:400;color:var(--ink)}.template-info p{margin:0;font-family:var(--font-display);font-size:14px;font-weight:400;color:var(--mute);line-height:1.5;flex:1}.prompt-gen{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:20px}.prompt-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.prompt-field{display:flex;flex-direction:column;gap:6px}.prompt-field span{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--mute);text-transform:uppercase}.prompt-field input{font-family:var(--font-display);font-size:14px;font-weight:400;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:8px 12px;outline:none;transition:border-color .2s}.prompt-field input:focus{border-color:var(--canvas-mid)}.prompt-field input::placeholder{color:var(--mute)}.prompt-copy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:12px;padding:10px 16px;font-size:15px;font-weight:500;background:var(--ink);color:var(--canvas);border-color:var(--ink);letter-spacing:.04em}.prompt-copy-btn:before{content:"";display:inline-block;width:16px;height:16px;background:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.prompt-copy-btn:hover{background:var(--body);border-color:var(--body);color:var(--canvas)}.prompt-output{position:relative;margin:0;padding:16px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:1.7;color:var(--body);white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:360px;overflow-y:auto}.prompt-output-wrap{position:relative}.prompt-output-copy{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:12px;line-height:18px;border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--canvas-card);color:var(--mute);cursor:pointer;font-family:var(--font-display);transition:background .2s,color .2s;z-index:1}.prompt-output-copy:hover{background:var(--ink);color:var(--canvas);border-color:var(--ink)}@media (max-width: 768px){.guide-content{padding:32px 16px}.section-divider{margin:28px 0}.section-heading{font-size:18px}.template-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.spec-grid{grid-template-columns:1fr 1fr;gap:8px}.guide-content{padding:24px 12px}.section-heading{font-size:16px}.template-grid{grid-template-columns:1fr}}.upload-page{min-height:100vh;display:flex;flex-direction:column}.upload-hero{text-align:center;padding:80px 24px 48px;max-width:640px;margin:0 auto}.upload-hero h1{font-family:var(--font-display);font-size:40px;font-weight:300;margin:0 0 8px;color:var(--ink);letter-spacing:-.02em}.upload-hero .hero-sub{font-family:var(--font-display);font-size:15px;color:var(--mute);margin:0;line-height:1.6}.upload-main{flex:1;max-width:560px;width:100%;margin:0 auto;padding:0 24px 80px}.upload-card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:32px;display:flex;flex-direction:column;gap:24px}.upload-field{display:flex;flex-direction:column;gap:8px}.upload-label{font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--ink);letter-spacing:.03em;text-transform:uppercase}.upload-label .required{color:var(--accent, #e44);font-style:normal}.upload-input{padding:10px 14px;font-family:var(--font-mono);font-size:14px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--canvas);color:var(--ink);outline:none;transition:border-color .2s}.upload-input:focus{border-color:var(--canvas-mid)}.upload-input:disabled{opacity:.75;cursor:not-allowed}.upload-input--ok{border-color:#16a34a;background:#22c55e0a}.upload-input--occupied{border-color:#dc2626;background:#ef44440a}.upload-input--occupied:focus{border-color:#dc2626}.upload-hint{font-family:var(--font-display);font-size:12px;color:var(--mute)}.upload-hint--warn{color:#dc2626}.upload-password-row{display:flex;gap:10px}.upload-password-row .upload-input{flex:1}.upload-verify-btn{padding:10px 24px;font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:.04em;background:var(--ink);color:var(--canvas);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,opacity .2s;white-space:nowrap;flex-shrink:0}.upload-verify-btn:hover{background:var(--body)}.upload-verify-btn:disabled{opacity:.5;cursor:not-allowed}.upload-verified-badge{display:flex;align-items:center;padding:10px 16px;font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:.04em;color:#16a34a;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.divider--thin{margin:0;opacity:.5}.upload-dropzone{position:relative;border:2px dashed var(--hairline);border-radius:var(--radius-sm);background:var(--canvas);cursor:pointer;transition:border-color .2s,background .2s;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-dropzone:hover{border-color:var(--canvas-mid);background:var(--canvas-card)}.upload-dropzone.has-file{border-style:solid;border-color:var(--hairline);padding:0}.upload-file-input{display:none}.upload-placeholder{text-align:center;padding:40px 20px;color:var(--mute)}.upload-placeholder-icon{display:block;font-size:36px;font-weight:200;line-height:1;color:var(--canvas-mid);margin-bottom:12px}.upload-placeholder p{margin:0;font-family:var(--font-display);font-size:14px;line-height:1.6}.upload-preview-wrap{position:relative;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;padding:16px}.upload-preview{max-width:100%;max-height:400px;object-fit:contain;border-radius:4px}.upload-preview-remove{position:absolute;top:8px;right:8px;padding:6px 14px;font-family:var(--font-display);font-size:12px;border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--canvas-card);color:var(--mute);cursor:pointer;transition:background .2s,color .2s}.upload-preview-remove:hover{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.upload-submit{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:.04em;background:var(--ink);color:var(--canvas);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background .2s,opacity .2s}.upload-submit:hover{background:var(--body)}.upload-submit:disabled{opacity:.5;cursor:not-allowed}.upload-status{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:13px;line-height:1.5}.upload-status--success{background:#22c55e14;color:#16a34a;border:1px solid rgba(34,197,94,.15)}.upload-status--error{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.15)}.upload-status--uploading{background:#3b82f614;color:#2563eb;border:1px solid rgba(59,130,246,.15)}.status-icon{font-size:16px;line-height:1}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 500px){.upload-card{padding:20px;gap:18px}.upload-hero{padding:60px 20px 36px}.upload-hero h1{font-size:32px}.upload-main{padding:0 16px 64px}}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px;background:var(--canvas)}.auth-card{width:100%;max-width:380px;text-align:center}.auth-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}.auth-title{font-family:var(--font-display);font-size:24px;font-weight:400;letter-spacing:-.3px;color:var(--ink);margin:0 0 6px}.auth-sub{font-size:14px;color:var(--mute);margin:0 0 28px}.auth-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.auth-input{width:100%;padding:12px 16px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--canvas-card);color:var(--ink);font-family:var(--font-mono);font-size:15px;letter-spacing:.08em;outline:none;transition:border-color .2s;box-sizing:border-box}.auth-input:focus{border-color:var(--mute)}.auth-input::placeholder{color:var(--hairline);letter-spacing:normal}.auth-submit{width:100%;padding:12px 0;border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--ink);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:400;letter-spacing:.04em;cursor:pointer;transition:opacity .2s}.auth-submit:disabled{opacity:.35;cursor:not-allowed}.auth-submit:not(:disabled):hover{opacity:.85}.auth-error{font-size:13px;color:#e5484d;margin:0}:root{--canvas: #0a0a0a;--canvas-soft: #1a1c20;--canvas-card: #191919;--canvas-mid: #363a3f;--hairline: #212327;--ink: #ffffff;--ink-hover: #fafaf7;--body: #dadbdf;--mute: #7d8187;--on-primary: #0a0a0a;--accent-sunset: #ff7a17;--accent-sunset-soft: #ffc285;--accent-dusk: #7c3aed;--accent-twilight: #c4b5fd;--accent-breeze: #a0c3ec;--accent-midnight: #0d1726;--radius-sm: 8px;--radius-pill: 9999px;--font-display: "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", "PingFang SC", "Microsoft YaHei", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--canvas);color:var(--body);font-family:var(--font-display);font-weight:400;font-size:16px;line-height:1.75;min-height:100vh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;color:var(--mute);font-family:var(--font-display);font-size:16px;font-weight:400}.spinner{width:32px;height:32px;border:2px solid var(--hairline);border-top-color:var(--ink);border-radius:var(--radius-pill);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--accent-sunset)}.nav-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--canvas);border-bottom:1px solid var(--hairline)}.nav-bar .logo{font-family:var(--font-display);font-size:16px;font-weight:400;color:var(--ink);letter-spacing:-.4px;text-decoration:none}.nav-actions{display:flex;align-items:center;gap:8px}.hero{text-align:center;padding:64px 24px 48px}.hero-eyebrow{font-family:var(--font-mono);font-size:14px;font-weight:400;letter-spacing:.08em;color:var(--ink);margin-bottom:16px}.hero-title{font-family:var(--font-display);font-size:72px;font-weight:400;line-height:72px;letter-spacing:-1.8px;color:var(--ink);margin:0 0 12px}.hero-sub{font-family:var(--font-display);font-size:18px;font-weight:400;line-height:1.8;color:var(--body);margin:0 0 32px}.stats-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:0}.stats-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 16px;border:1px solid var(--hairline);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:14px;font-weight:400;color:var(--body);background:transparent}.stats-pill strong{font-weight:400;color:var(--ink)}.stats-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mute);cursor:pointer;-webkit-user-select:none;user-select:none}.stats-check input{width:15px;height:15px;accent-color:var(--ink);cursor:pointer;margin:0}.btn-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--hairline);border-radius:var(--radius-pill);background:transparent;color:var(--ink);font-family:var(--font-display);font-size:14px;font-weight:400;line-height:20px;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.btn-pill:hover{background:var(--canvas-soft);border-color:#ffffff40}.btn-pill-primary{background:var(--ink);color:var(--on-primary);border-color:var(--ink)}.btn-pill-primary:hover{background:var(--ink-hover);border-color:var(--ink-hover)}.btn-pill-sm{padding:4px 12px;font-size:14px}main{padding-bottom:64px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;gap:16px}.empty-state p{font-size:18px;color:var(--mute);font-weight:400}.divider{height:1px;background:var(--hairline);margin:0}.footer{text-align:center;padding:48px 24px;border-top:1px solid var(--hairline);font-family:var(--font-mono);font-size:13px;font-weight:400;letter-spacing:.06em;color:var(--mute)}@media (max-width: 768px){.hero{padding:48px 20px 36px}.hero-title{font-size:48px;line-height:48px;letter-spacing:-1.2px}.hero-sub{font-size:16px;line-height:24px}.hero-eyebrow{font-size:12px;letter-spacing:1.2px}.footer{padding:32px 24px}}@media (max-width: 480px){.hero{padding:36px 16px 28px}.hero-title{font-size:36px;line-height:40px;letter-spacing:-.8px}.hero-sub{font-size:14px;line-height:20px}}