body{--paper:#f5f2eb;--ink:#193c35;--muted:#69766d;--copper:#a55437;--line:#d6d8cc;font-size:16px}
.launch-note{display:flex;justify-content:center;gap:15px;padding:9px 20px;background:#193c35;color:#e9eee4;font-size:11px}
.launch-note a{color:#e5b394}
.site-header{height:100px}.brand-symbol{display:inline-block;transform:rotate(15deg)}.brand-caption{width:90px}.site-header nav{font-size:13px}.site-header .small-cta{background:#fff5;border-color:#9fae9b;padding:12px 20px}
.hero{padding-top:45px;padding-bottom:48px;grid-template-columns:1fr 1.15fr;gap:3%;min-height:680px}.hero h1{font-size:clamp(48px,5.05vw,78px);font-weight:550;line-height:1.5;margin:22px 0;letter-spacing:-2.8px}.hero-description{font-size:15px}.hero-actions{gap:22px}.hero-foot{margin-top:35px}
.paper-theatre{position:relative;min-width:0;align-self:stretch;border:1px solid #d6d8cc;background:radial-gradient(ellipse at 50% 45%,#e6e9da 0,transparent 62%),linear-gradient(135deg,#edece4,#f5f2eb);border-radius:180px 180px 9px 9px;padding:30px 20px 0;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}
.theatre-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 8px;color:#6e7b6c;font-size:9px;z-index:2}.theatre-top .english{font-size:8px;letter-spacing:1px}.live-dot{display:inline-block;width:5px;height:5px;background:#a55437;border-radius:50%;margin-left:4px}
.paper-space{position:relative;min-height:430px;flex:1;perspective:1000px;transform-style:preserve-3d;--rx:0deg;--ry:0deg}
.sheet{position:absolute;width:228px;height:306px;left:50%;top:50%;background:#fcfaf4;border:1px solid #d9d7c9;padding:23px 22px;transform-origin:50% 70%;box-shadow:3px 8px 15px #1e352c0e,15px 25px 45px #1e352c12;transition:transform 1.6s cubic-bezier(.22,1,.36,1),opacity 1s;will-change:transform}
.sheet-back{transform:translate(-53%,-55%) rotate(-23deg) rotateY(-14deg);background:#dce1cf;z-index:1}
.sheet-middle{transform:translate(-43%,-52%) rotate(15deg) rotateY(13deg);background:#efe9d8;z-index:2}
.sheet-main{transform:translate(-50%,-48%) rotate(-6deg) rotateX(8deg) rotateY(-13deg);z-index:3}
.sheet-mast{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.sheet-mast span{font-size:5px;font-weight:400;color:#7c8377}.sheet-rule{height:2px;background:#a55437;margin:10px 0 15px;width:100%;transition:width 1.4s}.paper-number{font-size:6px;color:#8a8f7b}.sheet-main h3{font-size:25px;font-weight:600;line-height:1.5;margin:6px 0 9px;letter-spacing:-.6px}.sheet-main p{font-size:7px;line-height:1.9;color:#7c8377}.sheet-chart{height:44px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #d8ddce;padding:0 3px;margin:12px 0 10px}.sheet-chart i{width:20%;height:30%;background:#bcc9b3;transition:height 1.5s}.sheet-chart i:nth-child(2){height:45%}.sheet-chart i:nth-child(3){height:40%;background:#95a589}.sheet-chart i:nth-child(4){height:65%;background:#758e70}.sheet-chart i:nth-child(5){height:90%;background:#a55437}.sheet-lines{height:25px;background:repeating-linear-gradient(0deg,transparent 0 5px,#d9dece 5px 6px);margin-top:10px;opacity:.75}.sheet-back .sheet-lines,.sheet-middle .sheet-lines{height:160px;opacity:.5;margin-top:30px}.sheet-main footer{font-size:5px;display:flex;justify-content:space-between;margin-top:12px;color:#87917c}.paper-shadow{position:absolute;bottom:12%;left:17%;width:68%;height:25px;border-radius:50%;background:#284a2828;filter:blur(18px);transition:transform 1.8s}
.fragment{position:absolute;z-index:4;border:1px solid #d3d9c9;padding:12px 14px;box-shadow:0 8px 20px #284a2810;background:#f8f5eced;width:140px;transition:transform 1.8s cubic-bezier(.22,1,.36,1),opacity 1.2s;backdrop-filter:blur(8px)}.fragment>span{font-size:8px;color:#a55437}.fragment p{font-size:10px;line-height:1.9;color:#4a5d49;margin-top:7px}.fragment small{font-size:7px;color:#829077}.fragment b{position:absolute;bottom:8px;left:10px;font-size:18px;font-weight:400;color:#a55437}
.fragment-a{right:0;top:18%;transform:rotate(8deg);width:145px}.fragment-b{left:-7px;top:61%;transform:rotate(-12deg);width:145px;background:#244a40;color:#fff;border-color:#355a4b}.fragment-b>span{color:#e1b396}.fragment-b small{color:#bdccb8}.fragment-c{left:0;top:9%;width:112px;transform:rotate(-12deg)}
.audio-bars{height:32px;display:flex;gap:4px;align-items:center;margin-top:5px}.audio-bars i{width:3px;height:30%;background:#cfb492;border-radius:3px;animation:voice 2s ease-in-out infinite alternate}.audio-bars i:nth-child(2n){height:75%;animation-delay:-.6s}.audio-bars i:nth-child(3n){height:100%;animation-delay:-1.4s}.audio-bars i:nth-child(4n){height:45%;animation-delay:-.9s}@keyframes voice{to{transform:scaleY(.35)}}
.orbit{position:absolute;left:50%;top:50%;width:90%;height:70%;border:1px solid #a7b59b40;border-radius:50%;transform:translate(-50%,-50%) rotate(-32deg);pointer-events:none}.orbit-b{width:70%;height:92%;transform:translate(-50%,-50%) rotate(32deg);border-style:dashed}
.theatre-coordinate{font-size:7px;position:absolute;color:#839078;letter-spacing:.1px}.coord-a{bottom:11%;right:3%}.coord-b{top:13%;right:7%;writing-mode:vertical-rl}
.paper-theatre figcaption{text-align:center;font-size:10px;color:#73816b;margin-bottom:19px}
.paper-controls{display:flex;gap:0;border-top:1px solid #cdd5c3;margin:0 -20px;padding:0 16px;background:#ffffff38;z-index:5}
.paper-controls button{width:33.333%;border:0;background:none;color:#7b8973;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px;padding:17px 4px;position:relative}
.paper-controls button span{font-size:8px}.paper-controls button[aria-pressed=true]{color:#193c35;font-weight:650}.paper-controls button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;width:24px;height:2px;background:#a55437}
.theatre-progress{height:2px;background:#dae0d2;margin:0 -20px;direction:rtl}.theatre-progress i{display:block;background:#a55437;width:0;height:100%}
.paper-theatre[data-phase="1"] .sheet-main{transform:translate(-50%,-50%) rotate(0deg) rotateY(0deg)}
.paper-theatre[data-phase="1"] .sheet-middle{transform:translate(-46%,-51%) rotate(5deg)}
.paper-theatre[data-phase="1"] .sheet-back{transform:translate(-55%,-52%) rotate(-5deg)}
.paper-theatre[data-phase="1"] .fragment-a{transform:translate(-18px,35px) rotate(0)}
.paper-theatre[data-phase="1"] .fragment-b{transform:translate(15px,-20px) rotate(0)}
.paper-theatre[data-phase="1"] .fragment-c{transform:translate(30px,30px) rotate(0);opacity:.5}
.paper-theatre[data-phase="2"] .sheet-main{transform:translate(-50%,-52%) scale(1.09) rotateY(var(--ry)) rotateX(var(--rx))}
.paper-theatre[data-phase="2"] .sheet-middle{transform:translate(-47%,-49%) rotate(0deg);opacity:.65}
.paper-theatre[data-phase="2"] .sheet-back{transform:translate(-44%,-46%) rotate(0deg);opacity:.5}
.paper-theatre[data-phase="2"] .fragment-a{transform:translate(-100px,60px) scale(.65);opacity:0}
.paper-theatre[data-phase="2"] .fragment-b{transform:translate(100px,-50px) scale(.65);opacity:0}
.paper-theatre[data-phase="2"] .fragment-c{transform:translate(90px,80px) scale(.65);opacity:0}
.paper-theatre[data-phase="0"] .sheet-chart i{height:15%}.paper-theatre[data-phase="0"] .sheet-rule{width:45%}
.reading-progress{position:fixed;top:0;right:0;height:3px;z-index:100;background:#b76b45;width:0;pointer-events:none}
.chapter-strip{padding-top:26px;padding-bottom:32px}.work-section{background:#183b33;padding-top:78px}.sample-stage{min-height:600px}.voice-note{background:#244a3e;border-color:#466453}.document-preview{box-shadow:7px 8px 0 #d6d5c522,0 20px 50px #001b1233}
.services h2{font-size:46px}.service-row{padding:36px 0}.services{padding-top:100px}.process-section{background:#eaece1}.process-grid h3{line-height:1.8}
.launch-section{padding:42px 0 48px;border-top:1px solid #d6d8cc}.launch-section h2{font-size:26px;margin:14px 0}.launch-section>p{font-size:13px;max-width:720px;color:#69766d;line-height:2.2}.launch-section .text-button{margin-top:18px}
.closing{background:#e5d9c7}.closing-main h2{font-size:45px}.footer{padding-top:6px;padding-bottom:36px}.privacy-note{font-size:10px;color:#6f7c67;margin-top:14px}
dialog{max-height:90dvh;overflow:auto}dialog input{width:100%;padding:10px;border:1px solid #c1c7b5;background:#faf8f1;border-radius:3px;font-size:12px}dialog :is(input,select,textarea):focus-visible{outline:2px solid #a55437;outline-offset:2px}.button,.small-cta,.text-button{transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.motion-off .theatre-progress i{width:0!important}
@media(min-width:1450px){.paper-space{min-height:490px}.sheet{width:255px;height:342px;padding:27px}.sheet-main h3{font-size:29px}.sheet-main p{font-size:8px}.sheet-chart{height:52px}.sheet-lines{height:30px}.sheet-main footer{margin-top:16px}.fragment-a{right:3%}.fragment-b{left:0}}
@media(max-width:1100px){.hero h1{font-size:52px}.hero{min-height:640px;grid-template-columns:1fr 1.1fr}.paper-space{min-height:410px}.paper-theatre{padding-left:14px;padding-right:14px}.theatre-top .english{display:none}.fragment-a{right:-5px;width:125px}.fragment-b{left:-7px;width:125px}.fragment-c{left:-3px;width:100px}.paper-controls{margin-inline:-14px;padding-inline:10px}.paper-controls button{font-size:9px;gap:4px}.hero-description{font-size:13px}}
@media(max-width:760px){.launch-note{font-size:9px;gap:10px;flex-wrap:wrap;padding:8px 14px}.site-header{height:82px}.site-header .small-cta{font-size:10px;padding:9px 12px;gap:9px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;gap:30px;min-height:0}.hero h1{font-size:52px;line-height:1.4;letter-spacing:-2px;margin:20px 0}.hero-description{font-size:13px}.hero-foot{margin-top:25px}.paper-theatre{border-radius:130px 130px 8px 8px;padding-top:25px;min-height:470px}.paper-space{min-height:350px}.theatre-top{justify-content:center}.sheet{width:190px;height:258px;padding:18px}.sheet-main h3{font-size:23px;margin-top:5px}.sheet-mast{font-size:10px}.sheet-main p{font-size:6px}.sheet-rule{margin:7px 0 10px}.sheet-chart{height:31px;margin:8px 0}.sheet-lines{height:20px;margin-top:7px}.sheet-main footer{margin-top:10px}.fragment-a{width:115px;top:15%;padding:10px;right:0}.fragment-b{width:115px;left:-2px;padding:9px;top:65%}.fragment-c{width:93px;top:7%;padding:9px;left:0}.fragment p{font-size:8px}.fragment>span{font-size:7px}.fragment small{font-size:6px}.theatre-coordinate{font-size:6px}.coord-b{top:6%;right:4%}.coord-a{bottom:5%}.paper-theatre figcaption{font-size:9px;margin:4px 0 15px}.paper-controls button{padding:16px 2px;font-size:9px}.paper-controls{padding:0 8px}.sample-stage{min-height:0}.services{padding-top:55px}.services h2{font-size:35px}.work-section{padding-top:45px}.launch-section{padding:25px 0 35px}.launch-section h2{font-size:22px}.launch-section>p{font-size:12px}.closing-main h2{font-size:29px}.hero-actions{gap:18px}.footer>span{max-width:230px;font-size:9px}.brand{font-size:23px}.services-intro>p:last-of-type{max-width:230px}}
@media(max-width:360px){.hero h1{font-size:45px}.small-cta{max-width:145px}.paper-space{min-height:330px}.fragment-a{width:102px}.fragment-b{width:102px}.fragment-c{width:80px}.paper-controls button{font-size:8px;gap:3px}.closing-main h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.sheet,.fragment{will-change:auto}.sheet-main{transform:translate(-50%,-48%)!important}}
/* Flatten the scene's stacking context so the finished sheet stays in front. */
.paper-space{transform-style:flat}
.theatre-top{justify-content:center;flex-wrap:wrap;padding-inline:35px}.theatre-top .english{display:none}
#motion-toggle{border:0;border-bottom:1px solid #b0bba6;background:none;font-size:9px;padding:2px 4px;color:#5b7056}
@media(max-width:760px){.theatre-top{padding-inline:15px;gap:5px 14px}}
@media(prefers-reduced-motion:reduce){
 body:not(.motion-off) .sheet{transition:transform 1.6s cubic-bezier(.22,1,.36,1),opacity 1s!important}
 body:not(.motion-off) .fragment{transition:transform 1.8s cubic-bezier(.22,1,.36,1),opacity 1.2s!important}
 body:not(.motion-off) .sheet-main{transform:translate(-50%,-48%) rotate(-6deg) rotateX(8deg) rotateY(-13deg)!important}
 body:not(.motion-off) .paper-theatre[data-phase="1"] .sheet-main{transform:translate(-50%,-50%) rotate(0deg)!important}
 body:not(.motion-off) .paper-theatre[data-phase="2"] .sheet-main{transform:translate(-50%,-52%) scale(1.09) rotateY(var(--ry)) rotateX(var(--rx))!important}
}