:root{--ink:#10222d;--muted:#5d6f78;--paper:#f4f1e9;--card:#fffdf8;--accent:#e55f3d;--sea:#176b72;--line:#d8d5cc;--shadow:0 22px 60px rgba(16,34,45,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.site-header{height:78px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,241,233,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.02em}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;font-size:13px;letter-spacing:.08em}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;font-size:14px;font-weight:650}.hero{min-height:660px;padding:90px clamp(22px,7vw,110px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:70px;align-items:center;background:radial-gradient(circle at 82% 20%,rgba(23,107,114,.14),transparent 31%),linear-gradient(155deg,#f8f5ed 0%,#eee9dd 100%)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:12px;color:var(--sea);margin:0 0 18px}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(48px,6.4vw,88px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:820px}.lead{font-size:19px;color:var(--muted);max-width:680px;margin:30px 0 36px}.primary,.actions button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;padding:14px 24px;cursor:pointer}.signal{justify-self:center;text-align:center;color:var(--muted);font-size:13px;letter-spacing:.08em}.frame{width:min(32vw,390px);aspect-ratio:4/3;border:18px solid var(--ink);border-radius:32px;padding:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:13px;transform:rotate(3deg);box-shadow:var(--shadow);background:var(--card)}.frame span{border-radius:13px;background:linear-gradient(145deg,var(--sea),#83aaa3)}.frame span:nth-child(2),.frame span:nth-child(3){background:linear-gradient(145deg,#e8a44b,var(--accent))}.section{padding:100px clamp(22px,7vw,110px)}.section h2,.upload-copy h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.1;margin:0 0 36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{padding:30px;border:1px solid var(--line);background:var(--card);border-radius:22px}.steps b{color:var(--accent);font-size:13px}.steps h3{font-size:20px;margin:16px 0 8px}.steps p,.faq p{color:var(--muted)}.upload-section{padding:100px clamp(22px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:var(--ink);color:#fff}.upload-copy p:not(.eyebrow){color:#b8c4c8}.notice{margin-top:28px;padding:16px 18px;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#f2d58a}.upload-card{background:var(--card);color:var(--ink);padding:30px;border-radius:24px;box-shadow:var(--shadow)}.upload-card label{display:block;font-weight:800;margin-bottom:22px}.upload-card label span{float:right;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.upload-card input{display:block;width:100%;margin-top:10px;border:1px dashed #9ba8ad;border-radius:14px;padding:18px;background:#f7f5ef}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{padding:12px 18px}.actions button:nth-child(n+2){background:#dfe6e5;color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}.progress-shell{height:10px;background:#e1e5e2;border-radius:999px;overflow:hidden;margin-top:24px}.progress-shell div{height:100%;width:0;background:linear-gradient(90deg,var(--sea),var(--accent));transition:width .2s}.status{color:var(--muted);margin-bottom:0}.faq{max-width:1050px;margin:auto}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:800;font-size:18px}footer{display:flex;justify-content:space-between;gap:20px;padding:32px clamp(22px,7vw,110px);border-top:1px solid var(--line);color:var(--muted);font-size:13px}@media(max-width:820px){.site-header nav{display:none}.hero,.upload-section{grid-template-columns:1fr}.hero{padding-top:65px}.signal{display:none}.steps{grid-template-columns:1fr}.upload-section{gap:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-shell div{transition:none}}