:root{--paper:#fbf5e8;--ink:#262c24;--orange:#ea5d14;--green:#28662e;--muted:#777c6c;--line:#ded9c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f19137;outline-offset:5px}header{padding:23px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:36px;border-radius:9px}.brand b{font-size:26px;letter-spacing:-1.2px}.brand span{color:var(--green)}header>a:last-child{font-size:12px}.hero{text-align:center;padding:45px 20px 55px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#f7dfae65,transparent 65%)}.eyebrow,.section-no{font-size:9px;letter-spacing:2px;font-weight:bold;color:var(--green)}h1{font-size:68px;line-height:1.05;letter-spacing:-3px;margin:24px 0 18px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero>p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.paper-stage{width:560px;height:340px;max-width:100%;margin:10px auto 20px;position:relative;display:grid;place-items:center;perspective:1000px}.paper-disc{position:absolute;width:290px;height:290px;border-radius:50%;background:#eee8d6;box-shadow:inset 0 2px 4px #cfc3a455,0 0 0 25px #f5efdf;transform:rotateX(20deg)}.logo-object{width:195px;height:195px;position:relative;transform-style:preserve-3d;animation:turn 20s linear infinite}.logo-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:40px;overflow:hidden;box-shadow:0 20px 35px #67451825;background:#fff9e8}.front{transform:translateZ(5px)}.back{transform:rotateY(180deg) translateZ(5px)}.logo-face img{width:100%;height:100%;object-fit:cover}.paper-plane{position:absolute;font-size:75px;color:#f18b24;filter:drop-shadow(0 8px 3px #bc8c5420);transform:rotate(-35deg);animation:drift 7s ease-in-out infinite}.plane-one{left:20px;top:55px}.plane-two{right:25px;bottom:40px;color:var(--green);font-size:53px;animation-delay:-3s}.flight-path{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#bfa97b;stroke-dasharray:4 7;stroke-width:1}.paper-label{position:absolute;font-family:Georgia,serif;font-style:italic;font-size:16px;z-index:2}.label-one{left:-5px;bottom:50px;transform:rotate(-9deg)}.label-two{right:0;top:45px;color:var(--green);transform:rotate(8deg)}.download{display:inline-flex;align-items:center;gap:35px;background:var(--green);color:white;border-radius:40px;padding:18px 25px;position:relative;overflow:hidden;animation:breathe 4s infinite;box-shadow:0 7px 0 #18451d}.download>span{font-size:14px;font-weight:bold;text-align:left}.download small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:7px;color:#cfe6c9}.download>b{display:grid;place-items:center;background:#f9f5e8;color:var(--green);width:32px;height:32px;border-radius:50%;font-size:20px}.download:after,.mobile-bar>a:after,.social-toggle:after{content:'';position:absolute;left:-90%;top:-50%;width:35%;height:200%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#ffffff65,transparent);animation:sheen 5s infinite;pointer-events:none}.hero-foot{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:30px}.hero-foot i{font-style:normal;color:var(--orange);padding:0 15px}.intro,.install,.faq{padding:80px 8%;max-width:1400px;margin:auto}h2{font-size:49px;line-height:1.15;letter-spacing:-2px;margin:22px 0 35px}.intro{border-top:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro-grid p{font-size:13px;color:var(--muted);line-height:1.9}.intro-grid .large-copy{font-size:24px;line-height:1.6;color:var(--ink);letter-spacing:-.5px}.text-link{font-size:12px;color:var(--green);border-bottom:1px solid;padding-bottom:5px}.fold-art{height:260px;position:relative;background:#f1e8d3;clip-path:polygon(0 0,85% 0,100% 20%,100% 100%,0 100%)}.fold-art span,.fold-art i,.fold-art b{position:absolute;display:block;filter:drop-shadow(0 15px 10px #773b2225)}.fold-art span{width:140px;height:200px;background:linear-gradient(120deg,#ffaf20,#eb5412);left:25%;top:25px;clip-path:polygon(0 0,65% 12%,100% 100%,45% 80%);transform:rotate(-12deg)}.fold-art i{width:125px;height:150px;background:linear-gradient(130deg,#f06314,#ba3010);left:48%;top:70px;clip-path:polygon(50% 0,100% 75%,50% 100%,0 40%)}.fold-art b{width:125px;height:125px;background:linear-gradient(130deg,#80b323,#245a17);left:60%;top:20px;clip-path:polygon(0 20%,100% 0,45% 100%)}.showcase{display:grid;grid-template-columns:1fr 1fr;background:#e9eddb;padding:70px 10%;gap:70px;align-items:center}.showcase-copy p{font-size:14px;line-height:1.8;color:#68755a}.art-note{display:block;font-size:10px;line-height:1.7;max-width:250px;margin-top:35px;color:#748168}.poster-wrap{position:relative;max-width:360px;transform:rotate(4deg);padding:12px 12px 35px;background:#fffcf3;box-shadow:0 20px 40px #34451f25}.poster-wrap img{width:100%;height:490px;object-fit:cover}.tape{position:absolute;top:-18px;left:35%;width:110px;height:35px;background:#d3ba7d70;transform:rotate(-5deg);backdrop-filter:blur(1px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{padding:27px 25px 35px;background:#fffaf0;border:1px solid #e5d7bc;border-radius:4px 40px 4px 4px;position:relative;box-shadow:0 5px 0 #e8ddc8;min-height:240px}.steps article:nth-child(2){transform:rotate(2deg);background:#f2f4e8}.steps article:nth-child(3){transform:rotate(-2deg)}.steps article>span{font-family:Georgia,serif;color:var(--orange);font-size:25px;font-style:italic}.steps h3{font-size:23px;margin:22px 0 12px}.steps p{font-size:12px;line-height:1.8;color:var(--muted);max-width:245px}.steps article>b{position:absolute;right:25px;top:25px;color:var(--green);font-size:25px;font-weight:400}.faq{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:13px;padding-right:25px;position:relative}summary:after{content:'+';position:absolute;right:0;color:var(--orange)}summary::-webkit-details-marker{display:none}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);line-height:1.8}.closing{text-align:center;position:relative;overflow:hidden;background:#f4e1bf;padding:75px 22px}.closing h2{font-size:55px}.closing-plane{position:absolute;font-size:150px;color:#ce772c20;right:4%;top:10%;transform:rotate(-35deg)}footer{display:flex;align-items:center;gap:30px;padding:30px 7% 120px}footer>span{font-size:11px;color:var(--muted)}footer p{font-size:9px;line-height:1.8;color:var(--muted);margin-left:auto}.mobile-bar{position:fixed;right:22px;bottom:20px;display:flex;gap:12px;align-items:center;z-index:20;padding:12px 15px;background:#fff9eef5;border:1px solid #d7d9ba;border-radius:15px;box-shadow:0 5px 25px #48432720}.mobile-bar img{width:37px;border-radius:9px}.mobile-bar b{font-size:15px}.mobile-bar small{display:block;font-size:6px;letter-spacing:1px;margin-top:5px;color:var(--muted)}.mobile-bar>a{position:relative;overflow:hidden;padding:14px 20px;background:var(--green);color:white;font-size:10px;font-weight:bold;border-radius:25px;margin-left:15px}.social-dock{position:fixed;right:22px;bottom:115px;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.social-toggle{position:relative;overflow:hidden;background:var(--orange);color:white;border:1px solid #ffbb68;border-radius:30px;padding:13px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;animation:breathe 4s infinite}.social-toggle svg{width:24px;height:24px;fill:none;stroke:white;stroke-width:1.8}.social-toggle>span{font-size:8px;letter-spacing:1px}.social-toggle>b{font-size:18px}.social-items{display:flex;flex-direction:column;width:210px;gap:8px}.social-items[hidden],.social-status[hidden]{display:none}.social-item{display:flex;align-items:center;gap:12px;background:#fffcf3;border:1px solid #dacfb9;border-radius:12px;padding:12px;color:var(--ink);cursor:pointer;text-align:left;box-shadow:0 4px 18px #332b1615}.social-item>span{font-size:24px;color:var(--green)}.social-item b{font-size:12px}.social-item small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.social-status{background:#fff9ee;border:1px solid #d8c9af;border-radius:10px;max-width:220px;padding:12px;font-size:11px;line-height:1.7}.mobile-bar,.social-dock{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .3s,transform .3s,visibility .3s}.mobile-bar.visible,.social-dock.visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}@keyframes breathe{0%,100%{box-shadow:0 5px 15px #c17a1830}50%{box-shadow:0 5px 26px #d48e3565}}@keyframes sheen{0%,55%{left:-90%}85%,100%{left:160%}}@keyframes turn{0%{transform:rotateY(0) rotateZ(-6deg)}50%{transform:translateY(-8px) rotateY(180deg) rotateZ(3deg)}100%{transform:rotateY(360deg) rotateZ(-6deg)}}@keyframes drift{0%,100%{transform:translateY(0) rotate(-35deg)}50%{transform:translateY(-13px) rotate(-30deg)}}@media(max-width:600px){header{padding:18px 22px}.brand img{width:30px}.brand b{font-size:23px}header>a:last-child{font-size:10px}.hero{padding:30px 20px 40px}.eyebrow,.section-no{font-size:7px;letter-spacing:1.4px}h1{font-size:45px;letter-spacing:-2px;margin:24px 0 16px}.hero>p{font-size:12px}.paper-stage{height:280px;margin:4px auto 12px}.paper-disc{width:215px;height:215px;box-shadow:inset 0 2px 4px #cfc3a455,0 0 0 16px #f5efdf}.logo-object{width:145px;height:145px}.logo-face{border-radius:30px}.paper-plane{font-size:47px}.plane-one{left:0;top:40px}.plane-two{right:0;bottom:30px;font-size:38px}.paper-label{font-size:11px}.label-one{left:0;bottom:35px}.label-two{right:0;top:30px}.download{padding:15px 20px;gap:25px}.download>span{font-size:13px}.download small{font-size:6px}.hero-foot{font-size:6px;letter-spacing:.4px}.hero-foot i{padding:0 7px}.intro,.install,.faq{padding:48px 22px}h2{font-size:34px;letter-spacing:-1.5px;margin:20px 0 27px}.intro-grid{grid-template-columns:1fr;gap:25px}.fold-art{height:230px}.intro-grid .large-copy{font-size:22px}.showcase{display:flex;flex-direction:column;padding:45px 26px 55px;gap:35px;align-items:stretch}.showcase-copy p{font-size:12px}.art-note{margin-top:20px;font-size:9px}.poster-wrap{max-width:310px;width:100%;align-self:center}.poster-wrap img{height:440px}.steps{grid-template-columns:1fr;gap:22px}.steps article{min-height:0;padding:24px}.steps article:nth-child(2){transform:rotate(1deg)}.steps article:nth-child(3){transform:rotate(-1deg)}.steps h3{margin-top:15px}.steps p{max-width:none;font-size:12px}.faq{grid-template-columns:1fr;gap:5px}summary{font-size:12px;line-height:1.6}.closing{padding:50px 22px}.closing h2{font-size:36px}.closing-plane{font-size:100px;right:-15px;top:15px}footer{padding:25px 22px 110px;gap:20px;flex-wrap:wrap}footer p{width:100%;margin:0}.mobile-bar{left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #d7d9ba;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.mobile-bar>a{margin-left:auto}.social-dock{right:16px;bottom:calc(96px + env(safe-area-inset-bottom))}.social-toggle{width:50px;height:50px;padding:12px;justify-content:center}.social-toggle>span,.social-toggle>b{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after{animation:none!important;transition:none!important}}
/* Sculpted plaque: physical edge stack, raised faces and moving highlights. */
.paper-stage{perspective:800px;perspective-origin:50% 42%}
.logo-object{transform-style:preserve-3d;animation:sculpted-turn 18s linear infinite;will-change:transform}
.logo-depth{position:absolute;inset:0;border-radius:40px;background:linear-gradient(135deg,#fff9df 0%,#e4c48b 24%,#bd9458 48%,#f8e4b6 70%,#bc8f4f 100%);border:1px solid #e9cf9f;transform:translateZ(var(--z));backface-visibility:visible;pointer-events:none}
.logo-face{border:1px solid #fff8dc;box-shadow:inset 0 0 0 2px #fff9df80,0 1px 2px #a77b3940;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.logo-face.front{transform:translateZ(12px)}
.logo-face.back{transform:rotateY(180deg) translateZ(12px)}
.logo-face:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 10%,#fffdf25c 34%,#ffffffb0 40%,transparent 55%);background-size:240% 100%;mix-blend-mode:screen;animation:logo-glint 9s linear infinite;pointer-events:none}
.paper-stage:after{content:'';position:absolute;width:155px;height:32px;left:50%;top:75%;border-radius:50%;background:radial-gradient(ellipse,#6b4a225c,transparent 70%);filter:blur(7px);transform:translateX(-50%);animation:logo-shadow 9s ease-in-out infinite;pointer-events:none}
@keyframes sculpted-turn{0%{transform:translateY(0) rotateX(18deg) rotateY(-20deg) rotateZ(-8deg)}25%{transform:translateY(-10px) rotateX(10deg) rotateY(70deg) rotateZ(-3deg)}50%{transform:translateY(0) rotateX(-12deg) rotateY(160deg) rotateZ(5deg)}75%{transform:translateY(-10px) rotateX(10deg) rotateY(250deg) rotateZ(-3deg)}100%{transform:translateY(0) rotateX(18deg) rotateY(340deg) rotateZ(-8deg)}}
@keyframes logo-glint{0%{background-position:130% 0;opacity:.3}50%{background-position:0 0;opacity:.75}100%{background-position:-130% 0;opacity:.3}}
@keyframes logo-shadow{0%,100%{opacity:.55;transform:translateX(-50%) scaleX(1)}50%{opacity:.25;transform:translateX(-50%) scaleX(.55)}}
@media(max-width:600px){.logo-depth{border-radius:30px}.paper-stage:after{width:130px;height:25px;top:76%}}
@media(prefers-reduced-motion:reduce){.logo-object{animation:none;transform:rotateX(18deg) rotateY(-25deg) rotateZ(-8deg)}.logo-face:after,.paper-stage:after{animation:none}}
