@font-face{font-family:FolioreSerif;src:url('assets/cormorant.ttf') format('truetype');font-display:swap}
:root{
  color-scheme:light;
  --paper:#f8f3e9;--ink:#30382e;--secondary:#606356;--muted:#706c60;
  --accent:#8a6238;--focus:#98642c;--line:#dcd5c7;--button-line:#a2a58e;
  --card:#fbf8f1;--note:#eee6d754;--note-line:#a6824e;
  --button-ink:#fff9ea;--button-bg:#394333;--landscape:#e5ddc9;
  --hero-wash:linear-gradient(#fff2,#f6edda00 60%,#bfb09c33);
  --hero-opacity:.72;--hero-saturation:.8;--shadow:#453c2515;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#141d24;--ink:#eae9e0;--secondary:#b8c2c6;--muted:#a5b1b8;
  --accent:#dec18b;--focus:#dec18b;--line:#33414a;--button-line:#73858e;
  --card:#1c2830;--note:#22313c;--note-line:#bca375;
  --button-ink:#182027;--button-bg:#d5dcd4;--landscape:#17283c;
  --hero-wash:linear-gradient(#14253600 55%,#101b2626);
  --hero-opacity:1;--hero-saturation:1;--shadow:#0003;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme]){
    color-scheme:dark;
    --paper:#141d24;--ink:#eae9e0;--secondary:#b8c2c6;--muted:#a5b1b8;
    --accent:#dec18b;--focus:#dec18b;--line:#33414a;--button-line:#73858e;
    --card:#1c2830;--note:#22313c;--note-line:#bca375;
    --button-ink:#182027;--button-bg:#d5dcd4;--landscape:#17283c;
    --hero-wash:linear-gradient(#14253600 55%,#101b2626);
    --hero-opacity:1;--hero-saturation:1;--shadow:#0003;
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:7rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
.skip{position:fixed;left:1rem;top:-10rem;z-index:10;background:var(--card);padding:1rem}
.skip:focus{top:1rem}
.site-header{max-width:1440px;margin:auto;min-height:104px;padding:20px 6%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem}
.brand{font-family:FolioreSerif,Georgia,serif;font-size:34px;display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1}
.brand img{border-radius:11px}
.site-header nav{display:flex;justify-content:flex-end;gap:2rem;font-size:.94rem}
.site-header nav a{text-decoration:none}
.site-header nav a:hover{text-decoration:underline}
.preferences{display:flex;align-items:center;gap:.35rem}
.theme-toggle,.language-picker summary{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;border:1px solid transparent;border-radius:24px;color:var(--ink);background:transparent;cursor:pointer;font:inherit;font-size:.8rem}
.theme-toggle{width:44px;padding:10px}
.theme-toggle:hover,.language-picker summary:hover,.language-picker[open] summary{border-color:var(--line);background:var(--card)}
.theme-toggle svg{width:21px;height:21px}
.theme-toggle .sun{display:none}
:root[data-theme="dark"] .theme-toggle .sun{display:block}
:root[data-theme="dark"] .theme-toggle .moon{display:none}
.language-picker,.language-picker:last-child{position:relative;border:0;padding:0;line-height:1}
.language-picker summary{padding:8px 10px;list-style:none;white-space:nowrap;font-weight:500}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary svg{width:18px;height:18px}
.language-options{position:absolute;right:0;top:calc(100% + 10px);min-width:205px;max-width:calc(100vw - 2rem);z-index:5;margin:0;padding:8px;list-style:none;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 12px 36px var(--shadow)}
.language-options a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 12px;text-decoration:none;font-size:.9rem;line-height:1.5;border-radius:6px}
.language-options a:hover{background:var(--note)}
.language-options a[aria-current]{color:var(--accent);font-weight:600}
.language-options a[aria-current]::after{content:'✓';margin-left:1rem}
.hero{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;padding:1rem 6% 6rem;align-items:center;gap:3rem}
h1,h2,h3{font-family:FolioreSerif,Georgia,serif;font-weight:400;line-height:1.03;margin:0 0 1.5rem}
h1{font-size:clamp(3.5rem,5.5vw,6rem);letter-spacing:-.035em}
h1 em{color:var(--accent);font-weight:400}
h2{font-size:clamp(2.8rem,4vw,4.6rem);letter-spacing:-.025em}
.lead{font-size:1.18rem;line-height:1.75;max-width:30rem;margin:1.8rem 0 2rem;color:var(--secondary)}
.availability{font-size:.88rem;color:var(--secondary);margin-bottom:1.4rem}
.availability span{padding:0 .4rem}
.text-link{font-size:.95rem;font-weight:600}
.text-link span{display:inline-block;margin-left:.8rem}
.hero-art{position:relative;overflow:hidden;border-radius:48% 48% 3px 3px;background:var(--landscape);aspect-ratio:.85;isolation:isolate}
.hero-art>picture{display:block;width:100%;height:100%}
.hero-art>picture img{width:100%;height:100%;object-fit:cover;filter:saturate(var(--hero-saturation));opacity:var(--hero-opacity)}
.hero-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--hero-wash)}
.hero-mark picture,.hero-mark img{display:block;width:100%;height:100%;object-fit:contain}
.section{max-width:1268px;margin:auto;padding:6rem 5%;border-top:1px solid var(--line)}
.intro{text-align:center}
.intro>p{max-width:650px;margin:2rem auto 0;font-size:1.1rem;color:var(--secondary)}
.unlimited{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
.unlimited p{max-width:28rem}
.quiet{color:var(--muted);font-size:.92rem}
footer{padding:4rem 5%;text-align:center;border-top:1px solid var(--line)}
footer .brand{justify-content:center}
footer p{font-size:.9rem;color:var(--muted);margin:1.5rem 0}
footer nav{display:flex;justify-content:center;gap:1.7rem;flex-wrap:wrap;font-size:.9rem}
.document{max-width:820px;margin:1.5rem auto 6rem;padding:0 6%}
.document>h1{font-size:clamp(3.1rem,5vw,5rem);margin-top:2rem;overflow-wrap:anywhere}
.back-link{font-size:.9rem;color:var(--secondary)}
.document-date{color:var(--muted);font-size:.87rem;margin-bottom:2rem}
.document section{margin:3rem 0}
.document h2{font-size:2.2rem;line-height:1.1;margin-bottom:1rem;overflow-wrap:anywhere}
.document p{color:var(--secondary)}
.prelaunch-note{padding:1rem 1.3rem;border-left:2px solid var(--note-line);font-size:.92rem;background:var(--note)}
.contact-card{border:1px solid var(--line);padding:2rem;margin:2rem 0 3rem;background:var(--card)}
.contact-email{display:block;font-size:clamp(1.1rem,4vw,1.5rem);overflow-wrap:anywhere}
.copy-button{font:inherit;font-size:.9rem;color:var(--ink);background:transparent;border:1px solid var(--button-line);padding:.45rem 1rem;margin-top:1rem;cursor:pointer;min-height:44px}
.copy-status{font-size:.87rem;margin:.6rem 0;min-height:1.4rem}
details{border-top:1px solid var(--line);padding:1.3rem 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-size:1rem;font-weight:550;line-height:1.5}
details p{margin:1rem 0 .25rem}
.download-button{display:inline-block;color:var(--button-ink);background:var(--button-bg);padding:.7rem 1.25rem;border-radius:4px;text-decoration:none;margin:0 0 1.4rem}
.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin:3rem 0 0;text-align:left}
.feature-list h3{font-size:2rem;line-height:1.15;margin-bottom:.7rem}
.feature-list p{font-size:1rem;color:var(--secondary);margin:0}
.feature-list article{border-top:1px solid var(--line);padding-top:1.5rem}
.product-view{display:grid;grid-template-columns:minmax(220px,330px) minmax(240px,430px);justify-content:center;align-items:center;gap:clamp(3rem,8vw,7rem);margin-top:3.5rem}
.app-preview{margin:0}
.app-preview img{width:100%;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px var(--shadow)}
.app-preview figcaption{font-size:.76rem;line-height:1.5;color:var(--muted);max-width:260px;margin:1rem auto 0}
.product-view .feature-list{grid-template-columns:1fr;gap:2.1rem;margin:0}
.product-view .feature-list article:first-child{border:0;padding-top:0}
/* Fontes serifadas locais do sistema mantêm o ritmo de leitura em japonês e chinês. */
:lang(ja) h1,:lang(ja) h2,:lang(ja) h3,:lang(zh) h1,:lang(zh) h2,:lang(zh) h3{font-family:"Yu Mincho","Hiragino Mincho ProN","Songti SC","Noto Serif CJK JP","Noto Serif CJK SC",serif;line-height:1.4;letter-spacing:0;line-break:strict}
:lang(ja) .hero h1,:lang(zh) .hero h1{font-size:clamp(2.4rem,3.7vw,4rem)}
:lang(ja) h2,:lang(zh) h2{font-size:clamp(2rem,2.7vw,3rem)}
:lang(ja) .document>h1,:lang(zh) .document>h1{font-size:clamp(2.5rem,4vw,4rem)}
:lang(ja) .document h2,:lang(zh) .document h2,:lang(ja) h3,:lang(zh) h3{font-size:1.7rem}
@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto;gap:.7rem 1rem}
  .site-header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:1.5rem;font-size:.88rem;flex-wrap:wrap}
  .preferences{grid-column:2;grid-row:1}
}
@media(max-width:760px){
  .site-header{min-height:88px;padding:18px 6%}
  .site-header nav{display:none}
  .brand{font-size:30px}
  .hero{grid-template-columns:1fr;min-height:0;padding:2rem 6% 3rem;gap:0}
  .hero-art{display:none}
  .hero-copy{padding-bottom:0}
  .hero h1{font-size:clamp(3.2rem,10vw,5rem);overflow-wrap:break-word;hyphens:auto}
  .section{padding:4rem 6%}
  .unlimited{grid-template-columns:1fr;gap:1rem}
  footer{padding:3rem 6%}
  .feature-list{grid-template-columns:1fr;gap:1.6rem}
  .document{margin-top:.8rem}
  .contact-card{padding:1.3rem}
}
@media(max-width:650px){
  .product-view{grid-template-columns:1fr;gap:2.5rem}
  .app-preview{max-width:300px;margin:auto}
  .product-view .feature-list{max-width:420px;margin:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Capturas completas. A área de interação permanece fixa durante o movimento. */
.product-view{grid-template-columns:minmax(0,560px) minmax(240px,370px);gap:clamp(2rem,5vw,4.5rem)}
.screens{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));align-items:start;isolation:isolate;padding:.75rem 0 1rem;overflow:visible}
.screen-frame{position:relative;grid-row:1;display:block;width:100%;min-width:0;padding:0;margin:0;overflow:visible;border:0;border-radius:18px;background:transparent;color:inherit;font:inherit;line-height:0;cursor:pointer}
.screen-surface{display:block;width:100%;border:1px solid var(--line);border-radius:inherit;background:var(--card);box-shadow:0 20px 50px var(--shadow);pointer-events:none;transform:translateX(var(--screen-shift,0%)) scale(var(--screen-scale,1));transform-origin:center top;transition:opacity .7s ease,transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s ease}
.screen-frame picture{display:block;border-radius:inherit}
.screen-frame img{display:block;width:100%;height:auto;border:0;border-radius:inherit;box-shadow:none}
.library-screen{grid-column:1/13;z-index:2;--screen-shift:8.333333%}
.details-screen{grid-column:14/26;margin-top:2rem;z-index:1;--screen-shift:-16.666667%;--screen-scale:.965}
/* A ordem das camadas nunca muda: as telas se abrem para os lados. */
@media(hover:hover){
  .screens:hover .screen-frame{--screen-shift:0%;--screen-scale:1}
  .screens:hover .screen-surface{box-shadow:0 26px 60px var(--shadow)}
}
.screens:has(.screen-frame:focus-visible) .screen-frame{--screen-shift:0%;--screen-scale:1}
.screen-frame:focus-visible{outline:none}
.screen-frame:focus-visible .screen-surface{outline:3px solid var(--focus);outline-offset:5px}
@media(hover:none){
  .screens[data-front="details"] .screen-frame{--screen-shift:0%;--screen-scale:1}
}
.preview-toggle{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;max-width:100%;margin:1.4rem auto 0;padding:.45rem 1rem;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--secondary);font:inherit;font-size:.83rem;cursor:pointer}
.preview-toggle:hover{color:var(--ink);border-color:var(--button-line);background:var(--card)}
.preview-toggle svg{width:17px;height:17px;flex-shrink:0}
.app-preview figcaption{max-width:100%;margin:.75rem auto 0}
.reveal-ready:not(.is-visible) .screen-surface{opacity:0;transform:translate(var(--screen-shift,0%),24px) scale(var(--screen-scale,1))}
@media(max-width:1000px){
  .product-view{grid-template-columns:1fr;gap:3rem}
  .app-preview{width:100%;max-width:550px;margin:auto}
  .product-view .feature-list{max-width:550px;margin:auto}
}
@media(max-width:420px){.screen-frame{border-radius:12px}.details-screen{margin-top:1.25rem}}
@media(prefers-reduced-motion:reduce){
  .screen-surface{transition:none!important}
  .reveal-ready:not(.is-visible) .screen-surface{opacity:1;transform:translateX(var(--screen-shift,0%)) scale(var(--screen-scale,1))}
}