:root{--bg:#0d2738;--bg2:#143f4e;--panel:#12334a;--panel2:#1c465e;--mint:#2dd4b4;--orange:#ff8a57;--blue:#55a8e6;--yellow:#ffc24d;--white:#f4f7fb;--muted:#aac0d1;--line:#2c5870;--paper:#f6f1e8;--ink:#1b1b1a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.section{padding:96px clamp(22px,5vw,84px)}.micro{font:700 10px "Courier New",monospace;letter-spacing:.16em;color:var(--mint)}h1,h2{margin:16px 0;letter-spacing:-.055em;line-height:.92}h1{font-size:clamp(64px,8vw,126px)}h2{font-size:clamp(44px,5.8vw,82px)}p{color:var(--muted);line-height:1.7}
.receipt-tabs{position:fixed;top:26px;left:24px;z-index:40;display:flex;gap:6px;align-items:flex-start;flex-direction:column}.receipt-tabs>a,.receipt-tabs small{background:var(--paper);color:var(--ink);padding:10px 14px;text-decoration:none;border:1px solid #d8cebf;font:700 9px "Courier New",monospace;letter-spacing:.11em;box-shadow:3px 3px 0 rgba(0,0,0,.06)}.receipt-tabs .brand{display:flex;align-items:center;gap:8px;font-family:Arial,Helvetica,sans-serif;font-size:12px}.mark{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:4px;background:var(--mint)}.receipt-tabs small{color:#746f67}.mobile-head{display:none}.mobile-head.always{display:flex}
.opening{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.receipt-paper{background:var(--paper);color:var(--ink);padding:32px;max-width:620px;box-shadow:16px 16px 0 rgba(0,0,0,.08);clip-path:polygon(0 0,100% 0,100% 96%,97% 100%,94% 96%,91% 100%,88% 96%,85% 100%,82% 96%,79% 100%,76% 96%,73% 100%,70% 96%,67% 100%,64% 96%,61% 100%,58% 96%,55% 100%,52% 96%,49% 100%,46% 96%,43% 100%,40% 96%,37% 100%,34% 96%,31% 100%,28% 96%,25% 100%,22% 96%,19% 100%,16% 96%,13% 100%,10% 96%,7% 100%,4% 96%,0 100%)}.receipt-top,.receipt-total{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:2px dashed #a99f91;font:700 10px "Courier New",monospace}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 0}.receipt-grid div{border-bottom:1px solid #cfc5b6;padding-bottom:10px}.receipt-grid span{display:block;font:700 9px "Courier New",monospace;color:#777168}.receipt-grid b{display:block;margin-top:8px;font-size:24px}.receipt-lines{display:grid;gap:12px;padding:20px 0;border-top:2px dashed #a99f91;border-bottom:2px dashed #a99f91;font:700 13px "Courier New",monospace}.opening-copy p{font-size:20px;max-width:760px}
.strip-head{max-width:900px}.entry-row{display:grid;grid-template-columns:1fr 1.1fr .9fr 1.4fr 1.2fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:34px 0;background:var(--panel)}.entry-row>div{padding:18px;border-right:1px solid var(--line)}.entry-row>div:last-child{border-right:0}.entry-row span{display:block;font:700 9px "Courier New",monospace;color:var(--muted)}.entry-row b{display:block;margin-top:8px}.add-cell{display:grid;place-items:center;background:var(--mint);color:#05271e;font-weight:900}.shot{margin:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;background:#0d2232}.shot img{width:100%;display:block}.shot figcaption,.record figcaption{position:absolute;left:12px;bottom:12px;padding:7px 10px;background:rgba(13,39,56,.94);border-radius:999px;font:700 9px "Courier New",monospace}.wide-shot img{max-height:680px;object-fit:cover;object-position:top}.categories{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.stamps{display:flex;flex-wrap:wrap;gap:14px}.stamps span{padding:18px 22px;border:2px solid currentColor;border-radius:999px;font-weight:900;letter-spacing:.06em;background:rgba(255,255,255,.02)}.g{color:var(--mint)}.c{color:var(--orange)}.t{color:var(--blue)}.h{color:var(--yellow)}.o{color:#bd7ee8}
.folds{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:start}.paper-folds{display:flex;align-items:flex-end;gap:12px}.fold{background:var(--paper);color:var(--ink);padding:20px;border-radius:3px;box-shadow:8px 8px 0 rgba(0,0,0,.06)}.fold span{font:700 9px "Courier New",monospace}.fold b{display:block;font-size:38px;margin-top:24px}.fold small{display:block;margin-top:10px;color:#81786b}.day{width:28%;min-height:180px}.week{width:31%;min-height:250px}.month{width:41%;min-height:330px}.folds .shot{grid-column:2}
.history{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px}.history-tape{background:var(--paper);color:var(--ink);padding:18px;align-self:start}.history-tape>div{display:grid;grid-template-columns:90px 1.4fr 1fr auto;gap:14px;padding:16px 0;border-bottom:1px dashed #b6ad9f}.history-tape span,.history-tape em{font:700 9px "Courier New",monospace;color:#787168;font-style:normal}.history-tape strong{font-size:18px}.history-shot{grid-column:2}.distribution{display:grid;grid-template-columns:.7fr 1.3fr;gap:26px;align-items:center}.distribution-list{display:grid;gap:18px}.distribution-list>div{display:grid;grid-template-columns:18px 130px 1fr 50px;gap:12px;align-items:center}.dot{width:14px;height:14px;border-radius:50%}.dot.g{background:var(--mint)}.dot.c{background:var(--orange)}.dot.t{background:var(--blue)}.distribution-list i{height:12px;background:#173b50;position:relative;border-radius:999px;overflow:hidden}.distribution-list i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:currentColor}.distribution-list>div:nth-child(1){color:var(--mint)}.distribution-list>div:nth-child(2){color:var(--orange)}.distribution-list>div:nth-child(3){color:var(--blue)}.distribution-list b,.distribution-list strong{color:var(--white)}.insights-shot{grid-column:2}
.archive{background:#0b2231}.archive-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.record{position:relative;margin:0;border:1px solid var(--line);background:#102f43;padding:14px;border-radius:16px;overflow:hidden}.record>span{font:700 9px "Courier New",monospace;color:var(--mint)}.record img{width:100%;display:block;margin-top:12px;border-radius:10px}.r1{grid-column:span 7}.r2{grid-column:span 5}.r3{grid-column:span 5}.r4{grid-column:span 7}.r5{grid-column:span 4}.r6{grid-column:span 4}.r7{grid-column:span 4}
.studio{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}.studio-copy p{font-size:20px}.banner{margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden}.banner img{width:100%;display:block}.services-head{max-width:900px}.invoice-rows{margin-top:34px;border-top:1px solid var(--line)}.invoice-rows>div{display:grid;grid-template-columns:130px 1fr 120px;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.invoice-rows span,.invoice-rows em{font:700 9px "Courier New",monospace;color:var(--muted);font-style:normal}.invoice-rows em{color:var(--mint);text-align:right}.invoice-rows b{font-size:22px}
.monthly-close{background:#e7f3ef}.close-paper{max-width:980px;margin:auto;background:var(--paper);color:var(--ink);padding:34px;box-shadow:16px 16px 0 rgba(0,0,0,.07)}.close-meta{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:2px dashed #aaa094;font:700 10px "Courier New",monospace}.close-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px 0;border-bottom:2px dashed #aaa094}.close-grid span{display:block;font:700 9px "Courier New",monospace;color:#746f67}.close-grid b{display:block;margin-top:8px}.close-paper h2{color:var(--ink)}.close-paper p{color:#5f594f}.close-product{display:flex;gap:14px;align-items:center;margin:24px 0}.close-product img{width:84px;height:84px;border-radius:18px}.close-product span{display:block;color:#655f55;margin-top:4px}.close-paper>a{display:inline-block;padding:15px 20px;background:var(--ink);color:#fff;text-decoration:none;font-weight:900;border-radius:999px}
.contact{display:flex;justify-content:center}.contact-invoice{width:min(880px,100%);background:var(--paper);color:var(--ink);padding:34px;box-shadow:12px 12px 0 rgba(0,0,0,.07)}.invoice-top{display:flex;justify-content:space-between;border-bottom:2px dashed #aaa094;padding-bottom:14px;font:700 10px "Courier New",monospace}.contact-invoice>div:not(.invoice-top):not(.barcode){display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px 0;border-bottom:1px dashed #bcb1a1}.contact-invoice span{font:700 9px "Courier New",monospace;color:#756e64}.contact-invoice a{text-decoration:none}.barcode{height:58px;margin-top:24px;background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 5px,#111 5px 8px,transparent 8px 12px)}
footer{padding:22px clamp(22px,5vw,84px);display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.reveal{opacity:0;transform:translateY(16px);transition:.7s ease}.reveal.in{opacity:1;transform:none}.privacy-main{padding:100px clamp(20px,6vw,100px);max-width:1000px;margin:0 auto}.privacy-card{margin-top:40px;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:30px}
@media(max-width:980px){.receipt-tabs{display:none}.mobile-head{display:flex;position:sticky;top:0;z-index:50;height:62px;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(13,39,56,.96);border-bottom:1px solid var(--line)}.mobile-head a{text-decoration:none;font-weight:900}.mobile-head span{font:700 9px "Courier New",monospace;color:var(--muted)}.opening,.categories,.folds,.history,.distribution,.studio{grid-template-columns:1fr}.folds .shot,.history-shot,.insights-shot{grid-column:1}.entry-row{grid-template-columns:1fr 1fr}.entry-row>div{border-bottom:1px solid var(--line)}.archive-grid{grid-template-columns:1fr}.r1,.r2,.r3,.r4,.r5,.r6,.r7{grid-column:auto}.close-grid{grid-template-columns:1fr}.invoice-rows>div{grid-template-columns:100px 1fr 80px}}
@media(max-width:650px){.section{padding-top:72px;padding-bottom:72px}.entry-row{grid-template-columns:1fr}.paper-folds{flex-direction:column;align-items:stretch}.day,.week,.month{width:100%;min-height:auto}.history-tape>div{grid-template-columns:1fr auto}.history-tape em{grid-column:1}.distribution-list>div{grid-template-columns:14px 100px 1fr 42px}.invoice-rows>div{grid-template-columns:1fr;gap:6px}.invoice-rows em{text-align:left}.contact-invoice>div:not(.invoice-top):not(.barcode){grid-template-columns:1fr;gap:5px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}