:root{
  --paper:#f4efe7; --paper2:#fffaf3; --ink:#161616; --muted:#6e6a63;
  --violet:#6d5dfc; --coral:#ff7d67; --mint:#4ebda7; --line:#d7d0c4;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden} a{color:inherit;text-decoration:none} .skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem 1rem;z-index:1000}.grain{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#000 0.55px,transparent .55px);background-size:8px 8px;z-index:0}.shell{max-width:1240px;margin:auto;position:relative;z-index:1}
.rail-header{position:fixed;left:0;top:0;bottom:0;width:112px;border-right:1px solid var(--line);background:rgba(244,239,231,.93);backdrop-filter:blur(14px);z-index:20;display:flex;flex-direction:column;align-items:center;padding:22px 12px;gap:40px}.brand{display:flex;gap:10px;align-items:center}.rail-header .brand{writing-mode:vertical-rl;transform:rotate(180deg)}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--violet);color:#fff;display:grid;place-items:center;font-weight:900}.brand b{font-size:1rem}.brand small{display:block;color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.12em}.rail-nav{display:flex;flex-direction:column;gap:28px;font-family:var(--mono);font-size:.78rem}.rail-nav a{writing-mode:vertical-rl;transform:rotate(180deg)}
.play-tab{position:fixed;left:112px;top:50%;transform:translateY(-50%);z-index:19;background:var(--ink);color:#fff;padding:16px 10px;writing-mode:vertical-rl;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;border-radius:0 12px 12px 0}
main{margin-left:112px}.opening{min-height:100vh;padding:8vw 5vw 6vw;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center}.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;color:var(--violet);font-weight:800}.opening h1{font-size:clamp(4rem,7.7vw,8.8rem);line-height:.82;letter-spacing:-.075em;margin:1.3rem 0 2rem}.opening h1 em{font-style:normal;color:var(--coral)}.lead{font-size:1.25rem;line-height:1.6;color:#4f4b45;max-width:39rem}.micro-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:2rem}.micro-row span{border:1px solid var(--ink);border-radius:999px;padding:.55rem .8rem;font-family:var(--mono);font-size:.72rem}.receipt-stage{position:relative;min-height:620px}.receipt{position:absolute;width:min(330px,72%);background:var(--paper2);border:1px solid var(--line);box-shadow:0 30px 70px rgba(38,28,20,.12);padding:1.5rem;border-radius:8px}.receipt:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:18px;background:linear-gradient(135deg,transparent 6px,var(--paper2) 0) 0 0/14px 14px repeat-x}.receipt small,.receipt-foot span{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.receipt h2{font-size:1.5rem;margin:1rem 0 .5rem}.receipt p{color:var(--muted);line-height:1.5}.receipt-foot{display:flex;justify-content:space-between;align-items:end;margin-top:1.2rem}.receipt-foot strong{font-size:2.3rem}.receipt-a{top:35px;left:0;transform:rotate(-5deg)}.receipt-b{top:320px;right:0;transform:rotate(4deg)}.app-window{position:absolute;right:8%;top:135px;width:310px;background:#151515;color:#fff;border-radius:28px;padding:1.1rem;box-shadow:0 35px 90px rgba(0,0,0,.25);transform:rotate(-2deg)}.app-top,.app-tabs{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.72rem}.app-stat{display:flex;align-items:end;gap:.6rem;padding:1.6rem 0}.app-stat b{font-size:4rem}.app-stat span{color:#b7b7b7;padding-bottom:.65rem}.app-card{background:#262626;border:1px solid #3a3a3a;border-radius:18px;padding:1rem;margin:.7rem 0;display:grid;grid-template-columns:1fr auto}.app-card span{grid-column:1/-1;color:#a8a8a8;font-size:.72rem}.app-card em{font-style:normal;color:var(--mint)}.app-tabs{margin-top:1rem;color:#bbb}.float-a{animation:floatA 6s ease-in-out infinite}.float-b{animation:floatB 7s ease-in-out infinite}@keyframes floatA{50%{transform:translateY(-14px) rotate(-3deg)}}@keyframes floatB{50%{transform:translateY(16px) rotate(2deg)}}
.journal-strip{margin-left:112px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:1}.journal-label{padding:1.1rem 5vw;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.72rem;letter-spacing:.13em}.journal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.journal-grid article{padding:2.4rem 2rem;border-right:1px solid var(--line)}.journal-grid article:last-child{border-right:0}.journal-grid span{font-family:var(--mono);color:var(--violet);font-size:.75rem}.journal-grid h3{font-size:1.35rem;margin:.8rem 0}.journal-grid p{margin:0;color:var(--muted);line-height:1.5}
.flow{padding:8rem 5vw}.flow-head{display:grid;grid-template-columns:180px 1fr;gap:2rem;align-items:start}.flow-head h2,.history-copy h2,.screen-note h2,.studio h2{font-size:clamp(2.5rem,4.7vw,5.5rem);letter-spacing:-.055em;line-height:.95;margin:0}.flow-board{margin-top:4rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:center}.flow-column{min-height:390px;border:1px solid var(--line);background:rgba(255,255,255,.35);padding:1.2rem;border-radius:30px}.flow-column small{font-family:var(--mono);color:var(--muted)}.accent-col{background:#ece8ff}.done-col{background:#e7f3ef}.note-card{margin-top:1rem;background:#fff;border-radius:20px;padding:1.1rem;display:grid;grid-template-columns:1fr auto;box-shadow:0 12px 30px rgba(40,30,20,.07)}.note-card span{grid-column:1/-1;color:var(--muted);font-size:.8rem}.note-card strong{font-size:1.1rem}.flow-arrow{font-size:2rem;color:var(--muted)}
.history-section{margin-left:112px;background:#171717;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;padding:7rem 7vw;position:relative;z-index:1}.history-copy p{max-width:34rem;color:#bbb;line-height:1.7}.history-table{border:1px solid #3a3a3a;border-radius:24px;overflow:hidden}.history-row{display:grid;grid-template-columns:1.5fr .8fr .6fr .8fr;padding:1.1rem 1.2rem;border-bottom:1px solid #333}.history-row:last-child{border-bottom:0}.history-row.head{font-family:var(--mono);font-size:.7rem;color:#aaa;background:#202020}.history-row span:last-child{color:var(--mint)}
.screenshots{padding:8rem 5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:center}.screen-note p{color:var(--muted);line-height:1.7}.screen-note code{background:#fff;padding:.15rem .35rem;border-radius:6px}.screen-stack{position:relative;height:620px}.shot{position:absolute;width:310px;height:560px;border:1px solid #bcb4a8;border-radius:32px;background:linear-gradient(180deg,#fff,#ede9ff);box-shadow:0 30px 60px rgba(0,0,0,.12);display:grid;place-items:center;color:#777;font-family:var(--mono);font-size:.72rem}.shot-one{left:0;top:0;transform:rotate(-8deg)}.shot-two{left:30%;top:35px;transform:rotate(2deg);z-index:2}.shot-three{right:0;top:0;transform:rotate(8deg)}
.studio{margin-left:112px;border-top:1px solid var(--line);display:grid;grid-template-columns:.6fr 1.15fr 1fr;gap:4vw;padding:7rem 7vw;position:relative;z-index:1}.studio-index{font-family:var(--mono);font-size:.72rem;color:var(--violet);letter-spacing:.1em}.studio p{color:var(--muted);line-height:1.7}.services-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.services-list span{padding:1rem 0;border-bottom:1px solid var(--line)}
.contact{margin-left:112px;background:var(--coral);display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:2rem;align-items:end;padding:5rem 7vw;position:relative;z-index:1}.contact-title h2{font-size:4.2rem;margin:.3rem 0 0}.contact address{font-style:normal;line-height:1.5}.contact-mails{display:flex;flex-direction:column;gap:.4rem}.cta{background:var(--ink);color:#fff;padding:1rem 1.2rem;border-radius:999px;white-space:nowrap}footer{margin-left:112px;padding:1.1rem 3vw;display:flex;justify-content:space-between;border-top:1px solid rgba(0,0,0,.1);font-family:var(--mono);font-size:.7rem;position:relative;z-index:1}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}.reveal.in{opacity:1;transform:none}
.privacy-page{background:var(--paper)}.privacy-top{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,239,231,.94);backdrop-filter:blur(12px);z-index:10}.privacy-back{font-family:var(--mono);font-size:.75rem}.privacy-shell{margin:0;display:grid;grid-template-columns:260px 1fr;max-width:1200px;margin:auto}.privacy-index{position:sticky;top:90px;height:calc(100vh - 90px);border-right:1px solid var(--line);padding:3rem 2rem;display:flex;flex-direction:column;gap:1.1rem}.privacy-index span{font-family:var(--mono);font-size:.7rem;color:var(--violet);margin-bottom:1rem}.privacy-index a{font-size:.9rem;color:#555}.privacy-content{padding:5rem 6vw}.privacy-hero{padding-bottom:4rem;border-bottom:1px solid var(--line)}.privacy-hero h1{font-size:clamp(3.7rem,7vw,7.5rem);line-height:.85;letter-spacing:-.065em;margin:1rem 0}.privacy-hero p{font-family:var(--mono);color:var(--muted)}.privacy-content section{padding:2.2rem 0;border-bottom:1px solid var(--line);max-width:850px}.privacy-content h2{font-size:1.5rem;margin:0 0 .7rem}.privacy-content p{line-height:1.75;color:#4f4b45}.privacy-content a{text-decoration:underline}
@media(max-width:900px){.rail-header{position:relative;width:auto;height:auto;inset:auto;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between}.rail-header .brand{writing-mode:initial;transform:none}.rail-nav{flex-direction:row;gap:12px;overflow:auto}.rail-nav a{writing-mode:initial;transform:none;white-space:nowrap}.play-tab{position:fixed;left:auto;right:12px;top:auto;bottom:12px;transform:none;writing-mode:initial;border-radius:999px;padding:12px 16px}.rail-header+ .play-tab{} main,.journal-strip,.history-section,.studio,.contact,footer{margin-left:0}.opening{grid-template-columns:1fr;padding:4rem 6vw}.receipt-stage{min-height:660px}.journal-grid{grid-template-columns:1fr 1fr}.flow-head{grid-template-columns:1fr}.flow-board{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);text-align:center}.history-section,.screenshots,.studio,.contact{grid-template-columns:1fr}.screen-stack{height:540px}.shot{width:240px;height:450px}.contact{align-items:start}.privacy-shell{grid-template-columns:1fr}.privacy-index{display:none}}
@media(max-width:560px){.rail-header{align-items:flex-start}.rail-nav{display:none}.opening h1{font-size:3.7rem}.receipt-stage{min-height:560px}.receipt{width:80%}.receipt-b{top:280px}.app-window{width:250px;top:120px;right:0}.journal-grid{grid-template-columns:1fr}.journal-grid article{border-right:0;border-bottom:1px solid var(--line)}.history-row{grid-template-columns:1.5fr .7fr .7fr}.history-row span:nth-child(2){display:none}.screen-stack{height:480px}.shot{width:200px;height:390px}.studio,.contact{padding:4rem 6vw}.contact-title h2{font-size:3rem}footer{gap:1rem;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-a,.float-b{animation:none}.reveal{opacity:1;transform:none;transition:none}}