/* Stikora landing (D54). Shared by index.html and index.pt.html. Dependency-free. */
.sg-page { --sg-paper:#f9f9f7; --sg-white:#fff; --sg-ink:#191c13; --sg-soft:#63685d; --sg-lime:#b8ff2e; --sg-line:#e3e5dc; --sg-chat:#eff3e9; font-family:'Plus Jakarta Sans',system-ui,sans-serif; color:var(--sg-ink); background:var(--sg-paper); color-scheme:light; width:100%; min-height:100vh; }
.sg-page, .sg-page * { box-sizing:border-box; }
html, body { margin:0; padding:0; background:#f9f9f7; }
.sg-page [hidden] { display:none!important; }
.sg-page h1, .sg-page h2, .sg-page p, .sg-page figure { margin:0; }
.sg-page button { font:inherit; color:inherit; cursor:pointer; }
.sg-page a { color:inherit; text-decoration:none; }
.sg-page :focus-visible { outline:3px solid var(--sg-ink); outline-offset:3px; border-radius:6px; }
.sg-page .sg-wrap { width:min(100%,1060px); margin-inline:auto; padding-inline:38px; }
.sg-page .sg-head { min-height:76px; padding-block:15px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.sg-page .sg-logo { display:inline-flex; align-items:center; min-height:44px; }
.sg-page .sg-logo svg { display:block; width:126px; height:auto; }
.sg-page .sg-langs { display:flex; align-items:center; gap:1px; }
.sg-page .sg-langs a { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:8px; font-size:12px; font-weight:700; border-radius:12px; }
.sg-page .sg-langs a[aria-current=page] { background:var(--sg-ink); color:var(--sg-paper); }
.sg-page .sg-opening { padding-top:27px; text-align:center; }
.sg-page h1 { font-size:clamp(38px,6.3vw,72px); line-height:1.12; letter-spacing:-.065em; font-weight:800; text-wrap:balance; max-width:950px; margin-inline:auto; }
.sg-page .sg-highlight { display:inline-block; position:relative; padding-inline:9px; isolation:isolate; }
.sg-page .sg-highlight::before { content:''; position:absolute; inset:15% -2px 6%; background:var(--sg-lime); border-radius:10px 15px 8px 14px; transform:rotate(-2.5deg); z-index:-1; }
.sg-page .sg-lead { max-width:580px; margin:22px auto 0; font-size:16px; line-height:1.7; color:var(--sg-soft); text-wrap:pretty; }
.sg-page .sg-cta-row { margin-top:24px; display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:13px; }
.sg-page .sg-download { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:14px 23px; background:var(--sg-lime); border:1px solid #a7e82c; border-radius:15px; font-size:14px; font-weight:700; gap:8px; }
.sg-page .sg-download:hover { background:#acf521; }
.sg-page .sg-icon { width:17px; height:17px; flex-shrink:0; }
.sg-page .sg-small { font-size:12px; line-height:1.6; color:var(--sg-soft); }
.sg-page .sg-theater { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,350px) minmax(0,1fr); gap:28px; max-width:890px; margin:38px auto 0; align-items:center; padding:18px 18px 26px; }
.sg-page .sg-photo { padding:9px 9px 15px; background:var(--sg-white); border:1px solid var(--sg-line); border-radius:14px; width:100%; max-width:175px; box-shadow:0 7px 20px #191c130d; transition:transform .18s ease; }
.sg-page .sg-photo-left { transform:rotate(-7deg); justify-self:center; margin-top:45px; }
.sg-page .sg-photo-right { transform:rotate(7deg); justify-self:center; margin-top:-35px; }
.sg-page .sg-photo:hover { transform:rotate(0deg) translateY(-5px); }
.sg-page .sg-photo video { display:block; width:100%; aspect-ratio:1; object-fit:contain; border-radius:8px; background:#f4f4f0; }
.sg-page .sg-photo-caption { display:block; margin-top:12px; text-align:center; font-size:13px; line-height:1.45; font-weight:700; letter-spacing:-.015em; }
.sg-page .sg-photo .sg-hint { display:block; margin-top:6px; font-size:11px; font-weight:400; color:var(--sg-soft); }
.sg-page .sg-chat { width:100%; background:var(--sg-chat); border-radius:25px; border:1px solid #dce2d3; box-shadow:0 18px 38px #191c130d; overflow:hidden; }
.sg-page .sg-chat-header { display:flex; align-items:center; gap:10px; background:var(--sg-white); padding:15px 19px; font-size:14px; font-weight:700; }
.sg-page .sg-group-icon { background:#e8f2d8; color:#476800; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:11px; flex-shrink:0; }
.sg-page .sg-chat-body { padding:19px; display:flex; align-items:flex-start; flex-direction:column; gap:12px; }
.sg-page .sg-bubble { padding:11px 14px; max-width:88%; border-radius:3px 15px 15px; background:var(--sg-white); font-size:14px; line-height:1.55; box-shadow:0 1px 2px #191c1305; }
.sg-page .sg-sticker-reply { align-self:flex-end; margin-right:5px; }
.sg-page .sg-sticker-reply video { display:block; width:168px; height:168px; object-fit:contain; background:var(--sg-white); border:5px solid var(--sg-white); border-radius:18px; transform:rotate(3deg); box-shadow:0 4px 12px #191c130a; }
.sg-page .sg-reply { align-self:flex-end; border-radius:15px 3px 15px 15px; background:#dff5bd; }
.sg-page .sg-chat-caption { padding:0 15px 13px; text-align:center; font-size:11px; line-height:1.5; color:var(--sg-soft); }
.sg-page .sg-play-row { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:13px; padding-bottom:12px; }
.sg-page .sg-play { display:inline-flex; align-items:center; justify-content:center; background:var(--sg-white); border:1px solid var(--sg-line); border-radius:12px; padding:8px 13px; min-height:44px; font-size:12px; font-weight:600; gap:7px; }
.sg-page .sg-status { min-height:20px; max-width:480px; margin:0 auto 12px; padding-inline:20px; text-align:center; font-size:12px; line-height:1.6; font-weight:600; color:var(--sg-ink); }
.sg-page .sg-status:empty { display:none; }
.sg-page .sg-cast { font-size:15px; line-height:1.75; font-weight:500; text-align:center; max-width:560px; margin:0 auto; padding-inline:20px; }
.sg-page .sg-invite { text-align:center; margin:40px auto 0; padding-top:34px; padding-bottom:37px; border-top:1px solid var(--sg-line); }
.sg-page h2 { font-size:clamp(28px,3.4vw,39px); line-height:1.18; letter-spacing:-.045em; font-weight:800; text-wrap:balance; max-width:620px; margin-inline:auto; }
.sg-page .sg-invite p { margin:13px auto 22px; font-size:15px; line-height:1.7; color:var(--sg-soft); max-width:540px; }
.sg-page .sg-invite .sg-small { display:block; margin-top:11px; }
.sg-page .sg-help { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:14px; padding-bottom:28px; align-items:start; }
.sg-page details { border-top:1px solid var(--sg-line); padding-block:13px; }
.sg-page summary { display:flex; align-items:center; justify-content:space-between; min-height:44px; gap:12px; font-size:13px; font-weight:600; list-style:none; cursor:pointer; }
.sg-page summary::-webkit-details-marker { display:none; }
.sg-page summary::after { content:'+'; content:'+' / ''; font-size:20px; font-weight:400; }
.sg-page details[open] summary::after { content:'\2212'; content:'\2212' / ''; }
.sg-page details p { padding-top:7px; font-size:13px; line-height:1.75; color:var(--sg-soft); }
.sg-page .sg-footer { border-top:1px solid var(--sg-line); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-block:18px; }
.sg-page .sg-footer .sg-logo svg { width:95px; }
.sg-page .sg-footer nav { display:flex; gap:21px; flex-wrap:wrap; }
.sg-page .sg-footer nav a { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; font-size:12px; color:var(--sg-soft); }
.sg-page main:focus-visible { outline:none; }
.sg-page .sg-skip { position:absolute; opacity:0; pointer-events:none; padding:12px; background:var(--sg-lime); color:var(--sg-ink); z-index:4; }
.sg-page .sg-skip:focus { position:relative; opacity:1; pointer-events:auto; display:block; }
@media(max-width:800px) { .sg-page .sg-wrap { padding-inline:26px; } .sg-page h1 { font-size:54px; } .sg-page .sg-theater { gap:16px; grid-template-columns:minmax(0,1fr) minmax(255px,310px) minmax(0,1fr); padding-inline:8px; } .sg-page .sg-photo-caption { font-size:12px; } .sg-page .sg-sticker-reply video { width:154px; height:154px; } }
@media(max-width:590px) { .sg-page .sg-wrap { padding-inline:20px; } .sg-page .sg-head { gap:10px; } .sg-page .sg-logo svg { width:105px; } .sg-page .sg-opening { padding-top:24px; } .sg-page h1 { font-size:47px; line-height:1.12; max-width:400px; } .sg-page .sg-lead { margin-top:20px; font-size:15px; max-width:390px; } .sg-page .sg-theater { grid-template-columns:1fr 1fr; gap:19px; padding:0 6px 20px; max-width:360px; margin-top:31px; } .sg-page .sg-chat { grid-column:1 / 3; grid-row:1; max-width:315px; justify-self:center; } .sg-page .sg-photo { max-width:145px; } .sg-page .sg-photo-left { margin-top:8px; transform:rotate(-5deg); } .sg-page .sg-photo-right { margin-top:12px; transform:rotate(5deg); } .sg-page .sg-photo-caption { font-size:12px; } .sg-page .sg-play-row { padding-bottom:10px; } .sg-page .sg-cast { font-size:14px; } .sg-page .sg-invite { margin-top:28px; padding-top:28px; padding-bottom:20px; } .sg-page .sg-invite p { font-size:14px; } .sg-page .sg-help { grid-template-columns:1fr; gap:0; padding-top:10px; } .sg-page .sg-footer { align-items:flex-start; flex-direction:column; } }
@media(max-width:360px) { .sg-page .sg-head { padding-left:18px; gap:7px; } .sg-page .sg-logo svg { width:84px; } .sg-page .sg-langs a { padding-inline:6px; } .sg-page h1 { font-size:40px; } .sg-page .sg-theater { gap:16px; padding-inline:7px; } .sg-page .sg-photo { padding:7px 7px 11px; } .sg-page .sg-photo-caption { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .sg-page *, .sg-page *::before, .sg-page *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } .sg-page .sg-photo:hover { transform:none; } .sg-page .sg-photo-left:hover { transform:rotate(-7deg); } .sg-page .sg-photo-right:hover { transform:rotate(7deg); } }
@media(prefers-reduced-motion:reduce) and (max-width:590px) { .sg-page .sg-photo-left:hover { transform:rotate(-5deg); } .sg-page .sg-photo-right:hover { transform:rotate(5deg); } }

/* Product proof and familiar reactions, restored after the owner's D54 review. */
.sg-page .sg-nav { display:flex; align-items:center; gap:22px; margin-left:auto; }
.sg-page .sg-nav a { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; font-size:12px; font-weight:600; }
.sg-page .sg-nav a:hover { text-decoration:underline; text-underline-offset:5px; }
.sg-page .sg-hero-note { display:block; margin-top:12px; }
.sg-page .sg-kicker { font-size:12px; line-height:1.7; font-weight:700; color:#476800; margin-bottom:12px; }
.sg-page .sg-section-lead { max-width:540px; margin:17px auto 0; font-size:15px; line-height:1.75; color:var(--sg-soft); text-wrap:pretty; }
.sg-page .sg-reactions { text-align:center; padding-top:80px; padding-bottom:80px; }
.sg-page .sg-reaction-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:42px 4px 0; align-items:start; }
.sg-page .sg-reaction { padding:14px; background:var(--sg-white); border:1px solid var(--sg-line); border-radius:18px; box-shadow:0 10px 24px #191c1309; transform:rotate(-3deg); text-align:left; }
.sg-page .sg-reaction:nth-child(2) { transform:rotate(3deg); margin-top:30px; }
.sg-page .sg-reaction:nth-child(3) { transform:rotate(-2deg); margin-top:8px; }
.sg-page .sg-reaction:nth-child(4) { transform:rotate(4deg); margin-top:36px; }
.sg-page .sg-moment { font-size:12px; font-weight:500; line-height:1.5; background:var(--sg-chat); border-radius:3px 12px 12px; padding:10px 12px; margin-bottom:14px; }
.sg-page .sg-reaction video { width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:11px; display:block; background:#f4f4f0; }
.sg-page .sg-reaction figcaption { font-size:13px; line-height:1.55; font-weight:700; padding-top:13px; }
.sg-page [data-demo-play] { display:flex; align-items:center; justify-content:center; min-height:44px; margin-top:7px; border:0; border-radius:10px; padding:8px 12px; background:var(--sg-chat); font-size:11px; font-weight:600; }
.sg-page [data-demo-play]::before { content:'\25B6'; content:'\25B6' / ''; font-size:10px; margin-right:7px; }
.sg-page [data-demo-play][aria-pressed=true]::before { content:'\2161'; content:'\2161' / ''; }
.sg-page [data-demo-play]:hover { background:#dff5bd; }
.sg-page .sg-demo-status { padding-top:8px; font-size:11px; line-height:1.5; font-weight:400; }
.sg-page .sg-demo-status:empty { display:none; }
.sg-page .sg-media-note { font-size:11px; line-height:1.7; color:var(--sg-soft); margin-top:36px; text-align:center; }
.sg-page .sg-app { padding-top:45px; padding-bottom:60px; border-top:1px solid var(--sg-line); }
.sg-page .sg-app-main { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; }
.sg-page .sg-app-copy h2 { text-align:left; margin-inline:0; }
.sg-page .sg-app-copy .sg-section-lead { margin-left:0; }
.sg-page .sg-app-copy p:not(.sg-kicker) { font-size:15px; line-height:1.8; color:var(--sg-soft); margin-top:20px; }
.sg-page .sg-app-points { list-style:none; padding:0; margin:24px 0; display:grid; gap:12px; }
.sg-page .sg-app-points li { position:relative; padding-left:25px; font-size:14px; font-weight:600; line-height:1.65; }
.sg-page .sg-app-points li::before { content:'\2197'; content:'\2197' / ''; position:absolute; left:0; color:#476800; }
.sg-page .sg-app-preview { min-height:510px; display:flex; align-items:center; justify-content:center; gap:16px; position:relative; padding:28px 10px; }
.sg-page .sg-app-preview::before { content:''; position:absolute; width:330px; max-width:100%; aspect-ratio:1; border-radius:50%; background:#e8f2d8; z-index:-1; }
.sg-page .sg-app-preview { isolation:isolate; }
.sg-page .sg-app-preview figure { min-width:0; }
.sg-page .sg-app-preview img { display:block; width:100%; height:auto; border:6px solid var(--sg-white); border-radius:28px; box-shadow:0 12px 32px #191c1314; }
.sg-page .sg-app-collection { width:207px!important; transform:rotate(4deg); }
.sg-page .sg-app-crop { width:156px!important; transform:rotate(-7deg); margin-top:52px; }
.sg-page .sg-app-preview figcaption { margin-top:16px; font-size:11px; line-height:1.6; font-weight:600; text-align:center; }
.sg-page .sg-app-more { margin-top:28px; border-top:1px solid var(--sg-line); border-bottom:1px solid var(--sg-line); }
.sg-page .sg-app-more summary { justify-content:center; gap:18px; font-size:14px; }
.sg-page .sg-app-screens { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:20px 0; }
.sg-page .sg-app-screens img { display:block; width:100%; height:auto; border:1px solid var(--sg-line); border-radius:20px; }
.sg-page .sg-app-screens figcaption { font-size:12px; line-height:1.6; margin-top:14px; text-align:center; font-weight:600; }
.sg-page .sg-help { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:60px; padding-top:48px; padding-bottom:52px; border-top:1px solid var(--sg-line); }
.sg-page .sg-help h2 { text-align:left; font-size:clamp(28px,3.2vw,37px); margin-inline:0; }
.sg-page .sg-help-heading .sg-section-lead { margin-inline:0; }
.sg-page .sg-help details { padding-block:8px; }
.sg-page .sg-help summary { font-size:14px; }
.sg-page .sg-help details p { padding-bottom:12px; }
.sg-page .sg-help details p a { text-decoration:underline; text-underline-offset:3px; }
.sg-page .sg-invite { position:relative; background:#e8f2d8; border:0; border-radius:30px; margin-top:0; margin-bottom:54px; padding-block:48px; }
@media(max-width:900px) { .sg-page .sg-reaction-grid { gap:16px; } .sg-page .sg-reaction { padding:11px; } .sg-page .sg-app-main { gap:26px; } .sg-page .sg-app-preview { gap:10px; } .sg-page .sg-app-collection { width:180px!important; } .sg-page .sg-app-crop { width:128px!important; } .sg-page .sg-help { gap:30px; } }
@media(max-width:680px) { .sg-page .sg-nav { display:none; } .sg-page .sg-reactions { padding-block:55px; } .sg-page .sg-reaction-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:480px; margin:32px auto 0; gap:24px 18px; padding-inline:8px; } .sg-page .sg-reaction:nth-child(4) { margin-top:26px; } .sg-page .sg-app-main { grid-template-columns:1fr; gap:10px; } .sg-page .sg-app-copy h2 { max-width:480px; } .sg-page .sg-app-preview { min-height:460px; padding-block:24px; } .sg-page .sg-app-collection { width:min(50%,190px)!important; } .sg-page .sg-app-crop { width:min(35%,140px)!important; } .sg-page .sg-app-screens { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; } .sg-page .sg-help { grid-template-columns:1fr; gap:25px; padding-top:38px; padding-bottom:35px; } .sg-page .sg-invite { width:calc(100% - 28px); padding:36px 22px; margin-bottom:30px; } }
@media(max-width:360px) { .sg-page .sg-reaction-grid { gap:20px 12px; padding-inline:4px; } .sg-page .sg-reaction { padding:9px; border-radius:13px; } .sg-page .sg-moment { font-size:11px; padding:8px; } .sg-page .sg-reaction figcaption { font-size:12px; } .sg-page .sg-app-collection { width:140px!important; } .sg-page .sg-app-crop { width:100px!important; } .sg-page .sg-app-preview { min-height:350px; gap:9px; padding-inline:5px; } }

.sg-page .sg-flag { font-size:23px; line-height:1; }