:root{--bg: #f7f4ef;--surface: #ffffff;--text: #221a14;--text-muted: #66574a;--accent: #8a5a35;--border: #e2d6c8;--r: 16px;--apple-ease: cubic-bezier(.25, .46, .45, .94)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:light}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2{font-family:"DM Serif Display",Georgia,Times New Roman,serif;font-weight:400;line-height:1.12;letter-spacing:-.02em;color:var(--text)}h1{font-size:clamp(2.4rem,5.5vw,4rem)}h1 em{font-style:italic;color:var(--accent)}h2{font-size:clamp(1.7rem,3.5vw,2.6rem)}h2 em{font-style:italic;color:var(--accent)}p{color:var(--text-muted);max-width:56ch;font-size:clamp(.95rem,1.1vw,1.1rem);font-weight:400;line-height:1.65}.label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.hero{position:relative;width:100%;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(40px,6vw,72px) 0;background:radial-gradient(circle at top left,rgba(138,90,53,.08),transparent 32%),radial-gradient(circle at bottom right,rgba(138,90,53,.06),transparent 28%),linear-gradient(180deg,#fbf8f4,#f7f4ef)}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,#f7f4ef33,#f7f4ef8c)}.hero-shell{position:relative;z-index:1;width:min(1200px,calc(100% - 48px));display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.hero-content{max-width:720px;display:flex;flex-direction:column;gap:16px}.hero-sub{max-width:48ch}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-photo-card{width:100%;max-width:520px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(138,90,53,.12);border-radius:24px;padding:14px;box-shadow:0 24px 60px -18px #643c192e,inset 0 0 0 1px #ffffff4d;animation:hero-fade-in .7s ease both}.hero-photo{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center 30%;border-radius:18px}.hero-photo-caption{padding:14px 8px 4px}.hero-photo-caption h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:4px}.hero-photo-caption p{font-size:.92rem;color:var(--text-muted);max-width:none}.hero-photo-card--placeholder{min-height:520px;display:grid;place-items:center;background:radial-gradient(ellipse 70% 50% at 30% 35%,rgba(138,90,53,.14),transparent 60%),radial-gradient(ellipse 60% 55% at 75% 70%,rgba(138,90,53,.1),transparent 55%),linear-gradient(165deg,#e9e0d4,#f7f4ef,#ede4d8)}.hero-placeholder-content{font-size:.95rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hero-nav a{padding:8px 16px;border-radius:999px;border:1px solid var(--border);font-size:.8rem;font-weight:500;letter-spacing:.01em;color:var(--text-muted);transition:background .3s var(--apple-ease),color .3s var(--apple-ease),border-color .3s var(--apple-ease)}.hero-nav a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.hero-dots{position:absolute;z-index:3;right:clamp(24px,5vw,80px);bottom:clamp(28px,4vw,48px);display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:999px;border:1.5px solid rgba(138,90,53,.35);background:transparent;cursor:pointer;padding:0;transition:all .3s ease}.dot:hover{background:#8a5a3533}.dot.is-active{width:28px;background:var(--accent);border-color:var(--accent)}.hero .label,.hero-line,.hero-sub,.hero-nav{opacity:0;transform:translateY(30px);transition:opacity .6s var(--apple-ease),transform .6s var(--apple-ease)}.hero .label.is-visible,.hero-line.is-visible,.hero-sub.is-visible,.hero-nav.is-visible{opacity:1;transform:translateY(0)}.hero-line{display:inline-block}.hero-nav.is-visible a{animation:nav-link-in .5s var(--apple-ease) both}.hero-nav.is-visible a:nth-child(1){animation-delay:0s}.hero-nav.is-visible a:nth-child(2){animation-delay:.08s}.hero-nav.is-visible a:nth-child(3){animation-delay:.16s}.hero-nav.is-visible a:nth-child(4){animation-delay:.24s}.hero-nav.is-visible a:nth-child(5){animation-delay:.32s}@keyframes nav-link-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.split{display:grid;grid-template-columns:1fr;gap:32px;max-width:1120px;margin:0 auto;padding:clamp(64px,10vw,128px) clamp(24px,5vw,80px)}.split__text{display:flex;flex-direction:column;justify-content:center;gap:16px}.split__text p:last-of-type{margin-top:4px}.split__media{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4 / 3;background:linear-gradient(160deg,#ede4d8,#f7f4ef)}.split__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--apple-ease)}.split__media:hover img{transform:scale(1.02)}.split__media--png{background:transparent;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;max-height:460px}.split__media--png img{object-fit:contain;width:auto;height:100%;max-height:460px;max-width:100%}.split__media--png:hover img{transform:scale(1.02)}.split__media:after{content:"";position:absolute;inset:0;border-radius:var(--r);box-shadow:inset 0 0 0 1px #8a5a3514,0 24px 48px -12px #643c191f;pointer-events:none;transition:box-shadow .3s var(--apple-ease)}.split__media:hover:after{box-shadow:inset 0 0 0 1px #8a5a3514,0 32px 64px -12px #643c192e}.split+.split{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--border),transparent) 1}.demo-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(64px,10vw,120px) clamp(24px,5vw,80px)}.demo-inner{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.demo-inner h2{margin-bottom:4px}.video-frame{margin-top:24px;aspect-ratio:16 / 9;width:100%;border-radius:var(--r);overflow:hidden;background:linear-gradient(160deg,#ede4d8,#f7f4ef);box-shadow:0 32px 64px -16px #643c1924,inset 0 0 0 1px #8a5a3514}.video-frame video,.video-frame iframe{width:100%;height:100%;display:block;border:0;background:#000}.video-frame video{object-fit:cover}.video-placeholder{width:100%;height:100%;display:grid;place-items:center;font-weight:600;font-size:.95rem;color:var(--text-muted);letter-spacing:.02em}.cta-section{max-width:1120px;margin:0 auto;padding:0 clamp(24px,5vw,80px) clamp(64px,10vw,96px)}.cta-card{background:linear-gradient(160deg,#fbf8f4,#f2ebe2);border:1px solid rgba(138,90,53,.12);border-radius:24px;padding:clamp(28px,4vw,48px);box-shadow:0 24px 60px -20px #643c1924,inset 0 0 0 1px #ffffff59;display:flex;flex-direction:column;gap:16px}.cta-card p{max-width:60ch}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;font-size:.95rem;font-weight:600;transition:background .25s var(--apple-ease),color .25s var(--apple-ease),border-color .25s var(--apple-ease),transform .25s var(--apple-ease)}.cta-button:hover{transform:translateY(-1px)}.cta-button--primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.cta-button--primary:hover{background:#744927;border-color:#744927}.cta-button--secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.cta-button--secondary:hover{background:#8a5a350f;border-color:#8a5a3538}.site-footer{max-width:1120px;margin:0 auto;padding:80px clamp(24px,5vw,80px) 56px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.footer-brand{font-family:"DM Serif Display",Georgia,serif;font-size:1.4rem;color:var(--accent)!important;letter-spacing:-.01em}.site-footer p{font-size:.88rem;color:var(--text-muted)}.footer-github{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-github:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s var(--apple-ease),transform .8s var(--apple-ease);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}[data-scale-in]{transform:scale(.8);opacity:0;transition:transform .7s var(--apple-ease),opacity .7s var(--apple-ease)}[data-scale-in].is-scaled{transform:scale(1);opacity:1}@media(min-width:768px){.split{grid-template-columns:1fr 1fr;gap:64px}}@media(min-width:1024px){.split{gap:80px}.split__media{aspect-ratio:auto;min-height:400px}.split__media--png{min-height:0;max-height:520px}.split__media--png img{max-height:520px}}@media(min-width:900px){.hero-shell{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:64px}.hero-visual{justify-content:flex-end}}@media(max-width:899px){.hero{min-height:auto;padding-top:72px;padding-bottom:96px}.hero-shell{width:min(100%,calc(100% - 32px))}.hero-photo-card{max-width:100%}.hero-photo{aspect-ratio:4 / 3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal,[data-scale-in],.hero .label,.hero-line,.hero-sub,.hero-nav{opacity:1;transform:none}.hero-carousel{transform:none!important}body:after{display:none}}