/* Variante "Apple": muito respiro, títulos centralizados, blocos arredondados como vitrines de produto,
   fonte do sistema (SF Pro no Mac/iPhone), cinza-claro #f5f5f7 e azul Klein mantido como cor de marca.
   Ativada por html.apple (ver o script no <head> do index.html). */
html.apple{
  --bg:#ffffff; --surface:#f5f5f7; --ink:#1d1d1f; --muted:#6e6e73; --line:#d2d2d7;
  --klein:#1d1ad6; --on-klein:#ffffff; --cta:#c6f432; --on-cta:#111111;
  --display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter Tight", "Helvetica Neue", "Heebo", Arial, sans-serif;
  --body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter Tight", "Helvetica Neue", "Heebo", Arial, sans-serif;
  --mono:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --r:28px; --shadow:0 2px 6px rgba(0,0,0,.04), 0 24px 60px -20px rgba(0,0,0,.18);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){html.apple:not([data-theme="light"]){
  --bg:#000000; --surface:#161617; --ink:#f5f5f7; --muted:#a1a1a6; --line:#2d2d30;
  --klein:#7c7aff; --on-klein:#ffffff; --shadow:0 24px 60px -20px rgba(0,0,0,.8); color-scheme:dark}}
html.apple[data-theme="dark"]{
  --bg:#000000; --surface:#161617; --ink:#f5f5f7; --muted:#a1a1a6; --line:#2d2d30;
  --klein:#7c7aff; --on-klein:#ffffff; --shadow:0 24px 60px -20px rgba(0,0,0,.8); color-scheme:dark}
html.apple:lang(he){--display:"Heebo", -apple-system, sans-serif; --body:"Heebo", -apple-system, sans-serif; --mono:"Heebo", -apple-system, sans-serif}

.apple body{font-size:1.0625rem;letter-spacing:-.01em}
.apple h1,.apple h2,.apple h3{text-transform:none;font-weight:700;letter-spacing:-.025em;line-height:1.05}
.apple .eyebrow{font-family:var(--body);text-transform:none;letter-spacing:0;font-size:1rem;font-weight:600;color:var(--klein)}
.apple .mono{font-family:var(--body);letter-spacing:0}

/* nav translúcida */
.apple .nav{background:color-mix(in srgb, var(--bg) 72%, transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);font-family:var(--body);text-transform:none;letter-spacing:0;font-size:.8125rem}
.apple .nav .wrap{padding-block:12px}
.apple .brand{color:var(--ink);font-weight:600}
.apple .brand span{color:var(--muted)}
.apple .nav ul a{color:var(--ink);opacity:.8}
.apple .nav ul a:hover{opacity:1;color:var(--ink)}
.apple .lang button{border:0;border-radius:999px;padding:3px 9px}
.apple .lang button[aria-pressed="true"]{background:var(--surface);color:var(--ink)}

/* hero centralizado, demo abaixo como uma janela flutuante */
.apple .hero{border:0}
.apple .hero .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}
.apple .hero-main{border:0;padding:36px 0 32px;justify-items:center;gap:16px;max-width:900px}
.apple .hero h1{font-size:clamp(2.8rem,6.6vw,5.6rem)}
.apple .hero h1 .hl{background:linear-gradient(90deg,var(--klein),#6a5cff 55%,#00a3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.apple .lede{max-width:34ch;font-weight:500;font-size:clamp(1.25rem,2.2vw,1.6rem);color:var(--ink)}
.apple .lede-sub{max-width:60ch;font-size:1.0625rem}
.apple .cta-row{justify-content:center}
.apple .btn{border-radius:999px;font-family:var(--body);text-transform:none;letter-spacing:0;font-size:1rem;font-weight:500;padding:12px 22px;border-color:transparent;background:transparent;color:var(--klein)}
.apple .btn::after{content:" ›";font-size:1.15em}
.apple .btn.solid{background:var(--cta);color:var(--on-cta);font-weight:600}
.apple .btn.solid::after{content:""}
.apple .btn:hover{background:var(--surface);color:var(--klein);border-color:transparent}
.apple .btn.solid:hover{background:var(--cta);filter:brightness(1.06) saturate(1.1);color:var(--on-cta)}

.apple .demo-col{padding:0 0 96px;width:100%;max-width:980px;justify-items:center}
.apple .demo{border:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--surface);width:100%;text-align:start}
.apple .demo-bar{border-bottom:1px solid var(--line);font-family:var(--body);letter-spacing:0;justify-content:center;position:relative}
.apple .dots{position:absolute;inset-inline-start:14px}
.apple .dots i{border:0;width:11px;height:11px}
.apple .dots i:nth-child(1){background:#ff5f57}.apple .dots i:nth-child(2){background:#febc2e}.apple .dots i:nth-child(3){background:#28c840}
.apple .demo-tabs{justify-content:center;gap:6px;padding:10px;border-bottom:0}
.apple .demo-tabs button{flex:0 0 auto;border:0;border-radius:999px;font-family:var(--body);text-transform:none;letter-spacing:0;font-size:.875rem;font-weight:500;padding:8px 16px}
.apple .demo-tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.apple .demo-stage{aspect-ratio:16/8;border-bottom:0;background:var(--bg);margin:0 10px;border-radius:18px}
.apple .demo-log{background:transparent;border:0;font-family:ui-monospace,"SF Mono",Menlo,monospace;color:var(--muted)}
.apple .demo-foot{grid-template-columns:1fr auto;align-items:end;padding:6px 24px 24px}
.apple .demo-meta{font-family:var(--body);letter-spacing:0}
.apple .demo-hint{font-family:var(--body);letter-spacing:0}
.apple .tag{font-family:var(--body);text-transform:none;letter-spacing:0;font-size:.875rem;font-weight:600}
.apple .soon{font-family:var(--body)}

/* seções como vitrines */
.apple section.block{border:0}
.apple section.block > .wrap{padding-block:56px}
.apple .sec-head{flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:40px}
.apple .sec-head h2,.apple .about h2{font-size:clamp(2.4rem,5vw,4rem)}
.apple .sec-head p{font-size:1.1875rem}
.apple .cases{gap:20px}
.apple .case{background:var(--surface);border-radius:var(--r);padding:36px 36px 0;gap:10px;overflow:hidden;text-align:center;justify-items:center}
.apple .case h3{font-size:clamp(2.2rem,3.6vw,3rem);order:-1}
.apple .case .tag{order:-2}
.apple .case p{font-size:1.0625rem}
.apple .case .media{order:5;border:0;border-radius:18px 18px 0 0;margin-top:20px;width:100%;background:var(--bg)}
.apple .case:hover h3{color:var(--ink)}

.apple .list{border:0;gap:20px;grid-template-columns:1fr 1fr}
.apple .item{grid-template-columns:1fr;background:var(--surface);border:0;border-radius:var(--r);padding:32px;gap:10px}
.apple .item h3{font-size:2rem}
.apple .item .go{font-family:var(--body);font-size:1rem}
.apple .stats{font-family:var(--body)}
.apple .stats span{background:var(--bg);border-radius:999px;padding:3px 10px}

.apple .works{grid-template-columns:repeat(3,1fr);gap:12px;border:0}
.apple .work{grid-template-columns:1fr;gap:4px;background:var(--surface);border:0;border-radius:18px;padding:20px}
.apple .work .n{font-family:var(--body);color:var(--muted)}
.apple .work span:last-child{grid-column:auto}

.apple .services{gap:20px;border:0}
.apple .svc{border:0;background:var(--surface);border-radius:var(--r);padding:32px}
.apple .svc h3{font-size:1.75rem}

.apple .about .wrap{grid-template-columns:1fr;max-width:760px;text-align:center;justify-items:center;gap:24px}
.apple .about p{font-size:1.1875rem;margin-inline:auto}

.apple .contact{background:var(--bg);color:var(--ink)}
.apple .contact .wrap{grid-template-columns:1fr;text-align:center;justify-items:center;padding-block:96px}
.apple .contact .col{justify-items:center}
.apple .contact .eyebrow{color:var(--klein);opacity:1}
.apple .contact h2{font-size:clamp(2.6rem,6vw,4.6rem);max-width:16ch}
.apple .contact .mail{font-family:var(--body);font-weight:600}
.apple .contact .btn{color:var(--on-cta);background:var(--cta);font-weight:600}
.apple .contact .btn::after{content:""}
.apple .links{justify-content:center;font-family:var(--body)}
.apple .links a{color:var(--klein)}
.apple footer .wrap{font-family:var(--body);text-transform:none;letter-spacing:0;font-size:.75rem;border-top:1px solid var(--line)}

@media (max-width:900px){
  .apple .list{grid-template-columns:1fr}
  .apple .works{grid-template-columns:1fr 1fr}
  .apple .demo-foot{grid-template-columns:1fr}
  .apple .demo-stage{aspect-ratio:16/10}
  .apple .hero-main{padding-top:56px}
}
@media (max-width:560px){.apple .works{grid-template-columns:1fr}.apple .case{padding:28px 20px 0}}

.apple .statement{background:var(--bg);color:var(--ink)}
.apple .statement .wrap{justify-items:center;text-align:center;padding-block:clamp(96px,14vw,180px)}
.apple .statement h2{font-size:clamp(3.2rem,8.4vw,7.5rem);max-width:12ch;line-height:1.02;letter-spacing:-.035em}
.apple .statement h2 .hl{text-decoration:none;background:linear-gradient(90deg,var(--klein),#6a5cff 55%,#00a3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.apple .statement p{color:var(--muted);opacity:1;margin-inline:auto}
.apple .statement .btn.solid{background:var(--cta);color:var(--on-cta);border-color:transparent}
.apple .statement .btn.solid:hover{background:var(--cta);filter:brightness(1.06) saturate(1.1)}

.apple .promo{border:0;border-radius:var(--r);box-shadow:var(--shadow)}
.apple .shots img{border:0;border-radius:18px;box-shadow:var(--shadow)}
.apple .shots figcaption{text-align:center}
.apple .tool{text-align:start;width:100%;max-width:620px}

.apple .feature{background:var(--surface);border:0}
.apple .feature-head{justify-items:center;text-align:center;margin-inline:auto}
.apple .feature h2{font-size:clamp(5rem,15vw,11rem);letter-spacing:-.05em;line-height:.9}
.apple .feature h2 .dot{color:var(--cta);-webkit-text-stroke:0}
.apple .feature-tag{font-family:var(--display);text-transform:none;font-weight:600;letter-spacing:-.02em;background:linear-gradient(90deg,var(--klein),#6a5cff 55%,#00a3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.apple .feature-lede{font-size:1.25rem}
.apple .feature .cta-row{justify-content:center}
.apple .feature-video{border:0;border-radius:var(--r);box-shadow:var(--shadow)}
.apple .feature-points{border:0;gap:16px}
.apple .feature-points > div{background:var(--bg);border-radius:22px;padding:26px}
.apple .feature-points h3{font-size:1.3rem}
.apple .feature-shot img{border:0;border-radius:var(--r);box-shadow:var(--shadow)}

.apple .ribbon{background:var(--surface);color:var(--ink);font-size:.875rem}
.apple .ribbon b{font-family:var(--body);text-transform:none;letter-spacing:0;border-radius:999px;padding:2px 9px;font-size:.75rem}
.apple .ribbon .rb-v{font-family:var(--body)}
.apple .ribbon .rb-go{color:var(--klein);font-weight:500}
.apple .pill{justify-self:center;border:0;background:var(--surface);border-radius:999px}
.apple .pill-new{border-radius:999px;font-family:var(--body);text-transform:none;letter-spacing:0;font-size:.8125rem;padding:4px 10px}
.apple .pill span[aria-hidden]{color:var(--klein)}
.apple .pill:hover{background:var(--line);color:var(--ink)}

.apple .adir-card{justify-self:center;border:0;border-radius:26px;background:var(--surface);box-shadow:0 0 0 2px var(--cta), var(--shadow);margin-top:48px;max-width:680px}
.apple .adir-thumb{border-radius:16px}
.apple .adir-card:hover{box-shadow:0 0 0 3px var(--cta), 0 30px 70px -20px rgba(0,0,0,.28)}
.apple .opt{border:0;border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--cta)}

.apple .lang a{border-radius:999px;padding:3px 9px;color:var(--ink);opacity:.7}
.apple .lang a[aria-current="true"]{background:var(--surface);opacity:1;color:var(--ink)}
.apple .cv-hero .wrap{justify-items:center;text-align:center;margin-inline:auto;padding-top:96px}
.apple .cv-hero .cta-row{justify-content:center}
.apple .cv-facts div,.apple .cv-now a,.apple .cv-bring li{border:0;border-radius:18px}
.apple .cv-facts{text-align:start}
.apple .cv-now a:hover{background:var(--line)}

/* cartão do Adir: maior e mais perto do título */
.apple .adir-card{margin-top:20px;max-width:880px;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:26px;padding:16px 28px 16px 16px;border-radius:30px;box-shadow:0 0 0 3px var(--cta), 0 30px 80px -24px rgba(29,26,214,.35)}
.apple .adir-card:hover{box-shadow:0 0 0 4px var(--cta), 0 36px 90px -24px rgba(29,26,214,.45)}
.apple .adir-thumb{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px;background:#eef0f5;display:block}
.apple .adir-name{font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.02em}
.apple .adir-sub{font-size:1.05rem}
.apple .adir-go{justify-self:start;margin-top:6px;background:var(--cta);color:var(--on-cta);border-radius:999px;padding:9px 18px;font-weight:600}
@media (max-width:640px){.apple .adir-card{grid-template-columns:1fr;padding:12px 12px 18px}.apple .adir-text{padding-inline:6px}}

/* cartão do Adir em verde e botões do topo abaixo do painel */
.apple .adir-card{background:var(--cta);color:#111;box-shadow:0 30px 80px -24px rgba(120,160,0,.55)}
.apple .adir-card:hover{box-shadow:0 36px 90px -20px rgba(120,160,0,.7)}
.apple .adir-card .pill-new{background:#111;color:var(--cta)}
.apple .adir-card .adir-sub{color:#2b3300}
.apple .adir-card .adir-go{background:#111;color:var(--cta)}
.apple .adir-thumb{box-shadow:0 8px 24px -10px rgba(0,0,0,.35)}
.apple .hero-cta{justify-content:center;margin-top:18px}
.apple .chapters li{border:0;border-radius:14px}
.apple .tut-card{border-radius:18px}
.apple .tut-card img{border-radius:12px}
.apple .tut-video{border-radius:var(--r)}
.apple .tpage .hero-main{padding-bottom:8px}
.apple .tnav{border-radius:999px;width:fit-content;margin-inline:auto}
.apple .tnav a,.apple .tb-dur,.apple .tb-ch li > *,.apple .tb-ch button{border-radius:999px}
.apple .tb-video{border-radius:var(--r);box-shadow:var(--shadow)}
.apple .tstage.dark .tb-video{box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
.apple .tsoon{border-radius:16px}
.apple .btn-lg{font-size:1.25rem;padding:18px 34px;font-weight:600;box-shadow:0 14px 34px -14px rgba(120,160,0,.7)}
.apple .btn-xl{font-size:clamp(1.4rem,3vw,2.1rem);padding:22px 44px;letter-spacing:-.01em}
/* seção do tutorial na página do Adir: mesmo espaço acima do botão e abaixo do texto */
.apple #tutorial > .wrap{padding-top:0}
.apple #promo > .wrap{padding-bottom:56px}
.apple .tuts-head{margin-bottom:56px}
.apple .tb-result{border-radius:22px}
.apple .tb-result video{border-radius:14px}
.apple .short-video{border-radius:22px;box-shadow:var(--shadow)}
.apple .short-n,.apple .short-dur,.apple .short-tool{border-radius:999px}