/* Ürün bölümleri: ana sayfa kahramanı, özellik satırları, gizlilik, sık sorulanlar, kapanış, galeri. Konu paletleri ve tokenlar munis.css'ten gelir. */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font:700 1rem var(--font-ui);color:var(--cream);background:var(--berry);border:2px solid var(--berry);border-radius:var(--r);text-decoration:none;white-space:nowrap;transition:background-color .15s,transform .15s var(--ease)}
.btn:hover{background:var(--berry-deep);border-color:var(--berry-deep)}.btn:active{transform:translateY(1px)}
.btn.dark{background:var(--berry-deep);border-color:var(--berry-deep)}.btn.dark:hover{background:var(--ink);border-color:var(--ink)}

.hero2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center;padding-block:clamp(36px,6vw,88px) clamp(40px,6vw,96px)}
.hero2 h1{font-size:clamp(2.5rem,5.2vw,4.6rem);line-height:1.02;font-weight:800;max-width:14ch;letter-spacing:-.03em}
.hero2-sub{margin-top:22px;font:400 clamp(1.15rem,1vw + .95rem,1.4rem)/1.5 var(--font-text);color:var(--muted);max-width:34em;text-wrap:pretty}
.hero2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:30px}.hero2-actions .link-arrow{margin-top:0}
.hero2-note{margin-top:22px}.hero2-note .chip{min-height:36px;background:var(--paper-2)}
.hero2-stage{position:relative;aspect-ratio:1/1.04;border-radius:var(--r);overflow:hidden;background:var(--p-bg);isolation:isolate}
.hero2-stage::after,.feat-stage::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;mix-blend-mode:multiply;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero2-art,.feat-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.appshot{display:block;height:auto;border-radius:26px;border:1px solid oklch(100% 0 0/.18);box-shadow:0 26px 50px -22px oklch(15% .05 5/.7)}
.hero2-shot{position:absolute;width:44%;z-index:2}
.hero2-shot.a{left:8%;bottom:-9%}.hero2-shot.b{right:7%;top:7%}

.feats{padding-block:clamp(8px,2vw,24px)}
.feat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;max-width:var(--max);margin:auto;padding:clamp(36px,5vw,72px) var(--pad)}
.feat.flip .feat-stage{order:2}
.feat-stage{position:relative;aspect-ratio:5/4;border-radius:var(--r);overflow:hidden;background:var(--p-bg);isolation:isolate}
.feat-shot{position:absolute;left:50%;top:11%;width:40%;transform:translateX(-50%);border-radius:26px 26px 0 0;z-index:2}
.feat-text h3{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.06;font-weight:800;max-width:15ch}
.feat-text p{margin-top:16px;font:400 clamp(1.1rem,.5vw + 1rem,1.25rem)/1.6 var(--font-text);color:var(--muted);max-width:32em;text-wrap:pretty}

.privacy{background:var(--berry);color:var(--cream);padding-block:clamp(52px,7vw,104px);margin-top:clamp(24px,4vw,56px)}
.privacy h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.05;font-weight:800;max-width:17ch}
.privacy-list{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;max-width:52rem}
.privacy-list li{border-top:1px solid oklch(96.5% .045 95/.3);padding:22px 0;display:grid;gap:6px}
.privacy-list strong{font:700 clamp(1.25rem,1.6vw + .6rem,1.65rem)/1.2 var(--font-display);letter-spacing:-.015em}
.privacy-list span{font:400 1.125rem/1.55 var(--font-text);opacity:.92;max-width:48em}

.pub-head{padding-top:clamp(56px,7vw,104px)}
.pub-head h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.05;font-weight:800}
.pub-head p{margin-top:12px;font:400 1.25rem/1.5 var(--font-text);color:var(--muted);max-width:40em}
.pub-head+.hero{padding-top:clamp(20px,3vw,32px)}
.tile.is-soon{cursor:default}.tile.is-soon:hover .tile-art{transform:none}
.tile.is-soon .tile-count{font-weight:600;opacity:.8}

.faq{padding-block:clamp(56px,8vw,112px)}
.faq h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800}
.faq-list{margin-top:26px;max-width:52rem;border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:12px 0;cursor:pointer;list-style:none;font:700 clamp(1.1rem,1vw + .8rem,1.35rem)/1.25 var(--font-display);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:500 1.8rem/1 var(--font-ui);color:var(--berry);transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;font:400 1.15rem/1.6 var(--font-text);color:var(--muted);max-width:44em}

.closing{background:var(--signal);color:var(--ink)}
.closing-in{padding-block:clamp(48px,7vw,96px)}
.closing h2{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.06;font-weight:800;max-width:20ch}
.closing p{margin-top:14px;font:400 1.25rem/1.5 var(--font-text);max-width:38em}
.closing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:26px!important}
.closing .link-arrow{margin-top:0;color:var(--berry-deep)}

.gallery{padding-block:clamp(40px,6vw,88px)}
.gallery h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800}
.gallery-note{margin-top:8px;color:var(--muted);font:400 1.1rem/1.5 var(--font-text)}
.gallery-row{list-style:none;margin:26px 0 0;padding:0 0 14px;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.gallery-row li{flex:0 0 clamp(200px,22vw,250px);scroll-snap-align:start}

@media (max-width:1000px){
 .hero2{grid-template-columns:minmax(0,1fr)}.hero2 h1{max-width:16ch}.hero2-stage{aspect-ratio:1/.9}
 .feat{grid-template-columns:minmax(0,1fr)}.feat.flip .feat-stage{order:0}
}
@media (max-width:760px){
 .hero2-actions{flex-direction:column;align-items:stretch}.hero2-actions .btn{width:100%}.hero2-actions .link-arrow{align-self:flex-start}
 .hero2-stage{aspect-ratio:1/1.1}.hero2-shot{width:46%}.hero2-shot.a{left:5%}.hero2-shot.b{right:5%}
 .feat-stage{aspect-ratio:1/1}.feat-shot{width:52%}
 .closing-actions{flex-direction:column;align-items:flex-start}.closing-actions .btn{width:100%}
}