@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/outfit@5.2.6/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-mono@5.2.6/latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #eef1f5;--paper-deep: #e4e9f0;--surface: #f7f9fb;--ink: #1a2230;--muted: #5a6472;--line: #cdd5e0;--accent: #2b7fff;--accent-ink: #1a5fd6;--teal: #0f6f7c;--teal-ink: #0b5560;--heat-y: #e8b931;--heat-o: #e07a2f;--heat-r: #e5484d;--safe: #2f9d63;--radius: 12px;--shadow: 0 18px 40px -24px rgb(26 34 48 / .28);--font: "Outfit", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: "IBM Plex Mono", "Cascadia Mono", ui-monospace, monospace;--max: 1120px}@media(prefers-color-scheme:dark){:root{--paper: #12171f;--paper-deep: #0c1016;--surface: #1a212c;--ink: #e8edf4;--muted: #9aa5b4;--line: #2c3644;--shadow: 0 18px 40px -20px rgb(0 0 0 / .55)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent}.site-header.is-scrolled{border-bottom-color:var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em}.brand i{color:var(--accent);font-size:22px}.brand small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px}.nav-links a:hover{color:var(--ink)}.nav-product.is-current{color:var(--ink);font-weight:600}body[data-product=picdrop]{--accent: var(--teal);--accent-ink: var(--teal-ink)}.nav-cta{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:var(--accent);color:#fff!important;font-weight:600;font-size:13px}.nav-cta:hover{background:var(--accent-ink)}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:center;padding:56px 0 72px;min-height:min(100dvh,820px)}.hero h1{margin:0 0 16px;font-size:clamp(40px,5.4vw,64px);font-weight:650;letter-spacing:-.045em;line-height:1.08}.hero p.lead{margin:0 0 28px;max-width:36ch;color:var(--muted);font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:14px;white-space:nowrap;cursor:pointer;transition:transform .12s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-ink)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--surface)}.hero-meta{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:4px;font-size:13px;color:var(--muted)}.hero-meta b{color:var(--ink);font-weight:600}.diskmap-frame{position:relative;border-radius:var(--radius);overflow:hidden;background:#1a2230;box-shadow:var(--shadow);min-height:420px}.diskmap-frame img{width:100%;height:420px;object-fit:cover;opacity:.38}.diskmap{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;grid-template-columns:1.6fr 1fr .8fr;grid-template-rows:1.4fr .8fr .7fr;gap:6px}.cell{position:relative;overflow:hidden;border-radius:6px;padding:10px 12px;color:#fff;font-size:12px;line-height:1.3;display:flex;flex-direction:column;justify-content:space-between}.cell span{font-family:var(--mono);font-size:11px;opacity:.85}.cell.c1{grid-area:1 / 1 / 3 / 2;background:color-mix(in srgb,var(--heat-r) 78%,#1a2230)}.cell.c2{grid-area:1 / 2 / 2 / 4;background:color-mix(in srgb,var(--heat-o) 74%,#1a2230)}.cell.c3{grid-area:2 / 2 / 3 / 3;background:color-mix(in srgb,var(--heat-y) 72%,#1a2230)}.cell.c4{grid-area:2 / 3 / 3 / 4;background:color-mix(in srgb,var(--accent) 70%,#1a2230)}.cell.c5{grid-area:3 / 1 / 4 / 2;background:color-mix(in srgb,var(--accent) 42%,#1a2230)}.cell.c6{grid-area:3 / 2 / 4 / 3;background:color-mix(in srgb,#5a6472 55%,#1a2230)}.cell.c7{grid-area:3 / 3 / 4 / 4;background:color-mix(in srgb,var(--safe) 50%,#1a2230)}.scan{position:absolute;top:18px;bottom:18px;left:18px;width:2px;background:linear-gradient(#fff,var(--accent));box-shadow:0 0 18px 4px color-mix(in srgb,var(--accent) 55%,transparent);animation:sweep 3.8s ease-in-out infinite;pointer-events:none}@keyframes sweep{0%{left:18px;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% - 20px);opacity:0}}.diskmap-caption{position:absolute;left:18px;bottom:18px;z-index:2;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;font-family:var(--mono)}.section{padding:72px 0}.section h2{margin:0 0 10px;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.04em;line-height:1.15}.section .sub{margin:0 0 40px;max-width:46ch;color:var(--muted)}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}.photo-panel{position:relative;border-radius:var(--radius);overflow:hidden;min-height:360px;background:var(--paper-deep)}.photo-panel img{width:100%;height:100%;object-fit:cover;min-height:360px}.photo-panel figcaption{position:absolute;left:20px;bottom:20px;right:20px;color:#fff;text-shadow:0 8px 24px rgb(0 0 0 / .45)}.photo-panel h3{margin:0 0 6px;font-size:22px;letter-spacing:-.03em}.photo-panel p{margin:0;font-size:14px;max-width:36ch;color:#ffffffe0}.stack{display:grid;gap:14px}.note{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.note i{color:var(--accent);font-size:22px}.note h3{margin:10px 0 6px;font-size:18px;letter-spacing:-.03em}.note p{margin:0;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:start}.step h3{margin:0 0 8px;font-size:20px;letter-spacing:-.03em}.step p{margin:0;color:var(--muted);font-size:14px}.step-arrow{color:var(--line);padding-top:8px}.plans{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:14px;align-items:stretch}.plan{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.plan.featured{background:var(--ink);color:#fff;border-color:var(--ink)}.plan.featured p,.plan.featured li{color:#ffffffc7}.plan .tag{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:8px}.plan.featured .tag{color:#9ec4ff}.plan h3{margin:0 0 10px;font-size:20px;letter-spacing:-.03em}.price{font-family:var(--mono);font-size:32px;letter-spacing:-.04em;margin:0 0 6px}.price s{font-size:16px;color:var(--muted);margin-right:8px}.plan.featured .price s{color:#ffffff73}.plan ul{margin:16px 0 0;padding:0;list-style:none;font-size:14px}.plan li+li{margin-top:8px}.plan li:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--accent);vertical-align:2px}.download{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:36px;border-radius:var(--radius);background:var(--ink);color:#fff}.download p{color:#ffffffb8;max-width:46ch}.download .btn-primary{background:#fff;color:var(--ink)}.download .btn-primary:hover{background:#e8edf4}.download .hint{margin-top:10px;font-size:13px;color:#ffffff8c}.site-footer{padding:28px 0 40px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.footer-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-row a:hover{color:var(--ink)}.hero-home{min-height:0;grid-template-columns:1fr;padding:48px 0 8px}.product-band{display:grid;grid-template-columns:.88fr 1.12fr;gap:40px;align-items:center;padding:28px 0 80px}.product-band.is-flipped{grid-template-columns:1.12fr .88fr}.product-band.is-flipped .product-copy{order:2}.product-kicker{margin:0 0 8px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.product-copy[data-accent=teal] .product-kicker{color:var(--teal)}.product-copy h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,36px);letter-spacing:-.04em;line-height:1.15}.product-copy p{margin:0 0 24px;max-width:42ch;color:var(--muted)}.product-visual{display:block}.product-visual:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-ink)}.sheet-frame{position:relative;border-radius:var(--radius);overflow:hidden;background:#1a2230;box-shadow:var(--shadow);min-height:420px}.sheet-frame img{width:100%;height:420px;object-fit:cover;opacity:.42}.sheet{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:5px}.sheet-hero{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.thumb{display:flex;align-items:flex-end;padding:8px 10px;border-radius:4px;border:1px solid rgb(255 255 255 / .14);background:#f7f9fb29;color:#fff;font-size:12px}.thumb.is-drop{background:color-mix(in srgb,var(--teal) 64%,#1a2230);border-color:var(--teal)}.bucket-table{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:36px}.bucket-table h3{margin:0 0 8px;font-size:18px;letter-spacing:-.03em}.bucket-table dl{margin:0}.bucket-table dl>div{padding:12px 0;border-top:1px solid var(--line)}.bucket-table dt{font-weight:600}.bucket-table dd{margin:4px 0 0;color:var(--muted);font-size:14px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan{display:none}.btn{transition:none}}@media(max-width:900px){.hero,.split,.plans,.download,.steps,.product-band,.product-band.is-flipped,.bucket-table{grid-template-columns:1fr}.hero{min-height:0;padding-top:28px}.nav-links .nav-anchor{display:none}.product-band.is-flipped .product-copy{order:0}.step-arrow{display:none}.diskmap-frame img,.sheet-frame img,.photo-panel img,.photo-panel{min-height:280px;height:280px}.sheet-frame,.diskmap-frame{min-height:280px}}