/* Figa na Fuji — strona (na bazie figanafuji.com z 30.10.2026) + trzeci punkt „Aplikacja”. */
.header{height:96px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;background:var(--paper)}
.brand{display:flex;align-items:center;gap:12px;font:25px/1.1 var(--serif);letter-spacing:-.8px;flex-shrink:0;text-decoration:none}
.brand-logo{width:40px;height:34px}
.brand-note{display:block;margin-top:7px;font:9px/1 var(--sans);letter-spacing:1.65px;text-transform:uppercase}
.header nav{display:flex;gap:28px;font-size:13px;align-items:center}
.header nav a{position:relative;padding:7px 0;text-decoration:none}
.header nav a:after{content:'';height:1px;position:absolute;bottom:2px;left:0;width:0;background:currentColor;transition:width .2s}
.header nav a:hover:after,.header nav a[aria-current]:after{width:100%}
.header nav .nav-app{border:1px solid var(--ink);border-radius:999px;padding:8px 16px;margin-left:6px}
.header nav .nav-app:after{display:none}
.header nav .nav-app:hover{background:var(--ink);color:var(--paper)}

.eyebrow,.overline{font-size:10px;text-transform:uppercase;letter-spacing:1.6px}
.title-dot{color:var(--dot)}
.family .title-dot{color:var(--adult-accent)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid currentColor;border-radius:3px;padding:12px 20px;font-size:12px;background:transparent;text-decoration:none;transition:background .2s,color .2s,transform .2s;font-family:inherit;line-height:1.5;cursor:pointer}
.button span{font-size:18px;line-height:1}
.button:hover{background:var(--accent,var(--ink));color:var(--paper);transform:translateY(-2px)}
.button.solid{background:var(--accent,var(--ink));color:var(--paper);border-color:var(--accent,var(--ink))}
.button.solid:hover{filter:brightness(1.12)}

/* Strona główna: dwie ścieżki (mniejsze, wyżej) */
.paths{display:grid;grid-template-columns:1fr 1fr}
.path{position:relative;overflow:hidden;padding:26px 8% 22px;display:flex;flex-direction:column;min-height:min(560px,calc(100svh - 96px - 120px))}
.adult{--accent:var(--adult-accent);background:var(--adult);color:var(--accent)}
.family{--accent:var(--family-accent);background:var(--family);color:var(--accent)}
.path:first-child{border-right:1px solid var(--line)}
.path-copy{position:relative;z-index:1;margin:auto 0;padding:26px 0 40px;max-width:440px}
.overline{margin:0 0 2px}
.path h1,.path h2{font:clamp(64px,6.6vw,112px)/1.02 var(--serif);letter-spacing:-4.5px;font-weight:400;margin:0 0 16px}
.path-line{font:clamp(21px,2vw,29px)/1.25 var(--serif);letter-spacing:-.5px;margin:0 0 14px}
.path-description{font-size:14px;line-height:1.75;max-width:340px;margin:0 0 24px;opacity:.88}
.path-actions{display:flex;flex-wrap:wrap;gap:10px}
.path-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9.5px;letter-spacing:.3px;z-index:1;position:relative}
.landscape{position:absolute;width:62%;right:-6%;bottom:30px;opacity:.22;pointer-events:none}

/* Trzeci punkt: aplikacja */
.app-band{position:relative;overflow:hidden;background:var(--ink-2);color:#f1efe6;padding:76px max(6%,calc((100% - 1180px)/2));display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.app-band:before{content:'';position:absolute;inset:auto -10% -40% 35%;height:120%;background:radial-gradient(closest-side,rgba(217,163,91,.18),transparent 70%);pointer-events:none}
.app-band .eyebrow{color:#c8d3c6}
.app-band h2{font:clamp(44px,5vw,72px)/1.04 var(--serif);letter-spacing:-2.4px;font-weight:400;margin:14px 0 18px}
.app-band h2 em{font-style:normal;color:var(--gold)}
.app-lead{font-size:16px;line-height:1.75;max-width:470px;color:#d7ddd4;margin:0 0 26px}
.app-points{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px;font-size:14px;color:#e7ebe3}
.app-points li{display:flex;gap:12px;align-items:center}
.app-points .ico{width:20px;height:20px;color:var(--gold)}
.app-web{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:13px;color:#c8d3c6}
.app-web a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.app-band .store-badge{background:#fff;color:#111;border-color:#fff}
.app-visual{position:relative;display:grid;place-items:center;min-height:540px}
.phone{position:relative;width:270px;height:550px;border-radius:44px;background:#0f1512;padding:11px;box-shadow:0 50px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);transform:rotate(3deg)}
.phone-screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column}
.phone-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:20px;background:#0f1512;z-index:3}
.ps-hero{position:relative;height:200px;color:#fff;padding:44px 18px 14px;display:flex;flex-direction:column;justify-content:flex-end}
.ps-hero .scene-svg{position:absolute;inset:0;width:100%;height:100%}
.ps-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(18,30,26,.55))}
.ps-hero>*{position:relative;z-index:1}
.ps-hero small{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;opacity:.9}
.ps-hero strong{font:24px/1.1 var(--serif);font-weight:400}
.ps-body{padding:14px;display:grid;gap:10px;color:var(--ink)}
.ps-card{background:#fff;border-radius:14px;padding:12px;box-shadow:0 8px 20px -16px rgba(0,0,0,.6)}
.ps-card small{font-size:8.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}
.ps-card b{display:block;font:15px/1.2 var(--serif);font-weight:400;margin:3px 0 8px}
.ps-bar{height:5px;border-radius:5px;background:var(--adult)}
.ps-bar i{display:block;height:100%;width:34%;border-radius:5px;background:var(--adult-accent)}
.ps-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ps-tile{border-radius:12px;padding:10px;font-size:10.5px;line-height:1.25;min-height:62px;display:flex;flex-direction:column;justify-content:space-between}
.ps-tile.sky{background:#dbe8ef}.ps-tile.sand{background:#efe1cc}
.ps-nav{margin-top:auto;display:flex;justify-content:space-around;padding:10px 6px 16px;border-top:1px solid var(--line);color:var(--muted)}
.ps-nav span{width:18px;height:18px;border-radius:6px;border:1.5px solid currentColor;opacity:.7}
.ps-nav span:first-child{color:var(--adult-accent);opacity:1;background:var(--adult)}
.float-chip{z-index:2;position:absolute;background:var(--paper);color:var(--ink);border-radius:16px;padding:12px 14px;font-size:12px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;max-width:210px;line-height:1.35}
.float-chip .ico{color:var(--dot)}
.chip-a{top:60px;left:2%;transform:rotate(-3deg)}
.chip-b{bottom:70px;right:0;transform:rotate(2deg)}

.footer{min-height:57px;display:flex;justify-content:space-between;align-items:center;padding:12px 4.3%;gap:20px;font-size:10.5px;color:var(--muted);flex-wrap:wrap}
.footer a{text-decoration:none}
.footer>a:first-child{font-family:var(--serif);font-size:15px;color:var(--ink)}
.proto-flag{position:fixed;left:14px;bottom:14px;z-index:150;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:11px;color:var(--muted);box-shadow:0 8px 20px -14px rgba(0,0,0,.5)}

/* Podstrony (jak na figanafuji.com) */
.detail-hero{padding:35px max(7%,calc((100% - 1140px)/2)) 65px;background:var(--adult)}
.detail.adult,.detail.family{background:var(--paper);color:var(--ink)}
.detail.adult .detail-hero{color:var(--adult-accent)}
.detail.family .detail-hero{background:var(--family);color:var(--family-accent)}
.back{font-size:11px;display:inline-block;margin-bottom:46px;text-decoration:none}
.detail-title{display:flex;align-items:center;justify-content:space-between;gap:35px}
.detail-title h1{font:clamp(85px,11vw,160px)/1.06 var(--serif);letter-spacing:-7px;margin:0 0 24px;font-weight:400}
.detail-subtitle{font:clamp(23px,3vw,40px)/1.3 var(--serif);letter-spacing:-1px;max-width:420px}
.lead{font-size:17px;line-height:1.8;max-width:670px}
.reading{max-width:1140px;margin:35px auto 0;padding:0 25px}
.reading-row{display:grid;grid-template-columns:.9fr 1.15fr;gap:50px;border-bottom:1px solid var(--line);padding:55px 0}
.reading-row h2{font:32px/1.25 var(--serif);font-weight:400;margin:0;letter-spacing:-.7px}
.reading-row p{font-size:14px;margin:0 0 16px;line-height:1.9}
.invitation{max-width:800px;margin:0 auto;text-align:center;padding:85px 25px 60px}
.invitation h2,.about-note h2{font:clamp(35px,4vw,54px)/1.15 var(--serif);letter-spacing:-1.6px;font-weight:400;margin:20px 0 24px}
.app-teaser{max-width:1090px;margin:0 auto 60px;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:var(--ink-2);color:#eef0e8}
.app-teaser .t-scene{position:relative;min-height:260px}
.app-teaser .scene-svg{position:absolute;inset:0;width:100%;height:100%}
.app-teaser .t-copy{padding:40px}
.app-teaser h2{font:34px/1.15 var(--serif);font-weight:400;margin:10px 0 14px;letter-spacing:-.8px}
.app-teaser p{font-size:14px;color:#d3dacf;margin:0 0 22px}
.newsletter{max-width:1090px;margin:0 auto 70px;padding:45px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.newsletter h2{font:34px/1.2 var(--serif);letter-spacing:-.8px;font-weight:400;margin:12px 0 18px}
.newsletter>div>p:not(.eyebrow){font-size:13px;max-width:390px}
.newsletter-form label{display:block;font-size:11px;margin-bottom:9px}
.newsletter-fields{display:flex;gap:10px}
.newsletter input[type=email]{width:100%;min-width:0;padding:13px 12px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);font:13px var(--sans)}
.newsletter .button{white-space:nowrap;gap:12px}
.newsletter-consent{display:flex!important;gap:9px;align-items:flex-start;margin-top:16px;font-size:10px!important;line-height:1.7}
.newsletter-consent input{width:15px;height:15px;margin:3px 0 0;flex-shrink:0}
.mail-note{font-size:10px;opacity:.7;margin-top:15px}
.other-path{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:1090px;margin:0 auto 40px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;text-decoration:none}
.other-path strong{font:22px var(--serif);font-weight:400}
.plain{max-width:1140px;margin:0 auto;padding:0 25px}
.plain-intro{padding:75px 0 55px}
.plain h1{font:clamp(45px,6vw,80px)/1.13 var(--serif);letter-spacing:-2.8px;font-weight:400;margin:20px 0 28px}
.people{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.person{padding:40px}
.person.adult{color:var(--adult-accent)}.person.family{color:var(--family-accent)}
.person-mark{font:60px/1 var(--serif);border:1px solid var(--line);width:100px;height:100px;border-radius:50%;display:grid;place-items:center;margin-bottom:37px}
.person h2{font:40px var(--serif);margin:12px 0 22px;font-weight:400}
.person>p:not(.eyebrow){font-size:14px;max-width:420px;line-height:1.9}
.text-link{display:inline-block;font-size:12px;border-bottom:1px solid currentColor;margin:12px 0 0;padding-bottom:4px;text-decoration:none}
.about-note{max-width:650px;text-align:center;margin:0 auto;padding:80px 0}
.about-note>p:not(.eyebrow){font-size:14px;max-width:480px;margin:20px auto}
.email-link{font:clamp(20px,3.9vw,46px)/1.4 var(--serif);letter-spacing:-.8px;display:inline-block;border-bottom:1px solid currentColor;margin:20px 0;overflow-wrap:anywhere;text-decoration:none}
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 25px}
.contact-option{display:block;padding:30px;transition:transform .2s;text-decoration:none}
.contact-option.adult{color:var(--adult-accent)}.contact-option.family{color:var(--family-accent)}
.contact-option:hover{transform:translateY(-3px)}
.contact-option h2{font:37px var(--serif);display:flex;justify-content:space-between;margin:10px 0;font-weight:400}
.contact-option p{font-size:13px;max-width:330px}
.contact-small{font-size:11px;color:var(--muted);margin-bottom:50px}
.prose{max-width:720px;margin:0 auto;padding:60px 25px 80px}
.prose h1{font:clamp(40px,5vw,62px)/1.1 var(--serif);letter-spacing:-2px;font-weight:400;margin:10px 0 24px}
.prose h2{font:24px/1.3 var(--serif);font-weight:400;margin:34px 0 10px}
.prose p,.prose li{font-size:15px;line-height:1.8}

@media(max-width:1000px){
  .path{padding-left:7%;padding-right:7%}
  .path h1,.path h2{font-size:76px;letter-spacing:-3.5px}
  .app-band{grid-template-columns:1fr;padding-top:60px}
  .app-visual{min-height:520px}
  .reading-row{gap:24px}
  .other-path,.newsletter{margin-left:30px;margin-right:30px}
  .app-teaser{margin-left:30px;margin-right:30px}
}
@media(max-width:700px){
  .header{height:auto;flex-wrap:wrap;justify-content:center;gap:10px;padding:16px 16px 12px}
  .header nav{width:100%;justify-content:center;gap:18px;font-size:12px;flex-wrap:wrap}
  .header nav .nav-app{margin-left:0}
  .paths{grid-template-columns:1fr}
  .path{min-height:0;padding:22px 24px}
  .path:first-child{border-right:0;border-bottom:1px solid var(--line)}
  .path-copy{padding:26px 0 34px;max-width:100%}
  .path h1,.path h2{font-size:78px;letter-spacing:-4px}
  .path-line{font-size:25px}
  .landscape{width:76%;bottom:30px}
  .app-band{padding:54px 24px 30px;gap:20px}
  .app-band h2{font-size:46px;letter-spacing:-1.6px}
  .app-visual{min-height:500px}
  .phone{transform:none;width:250px;height:510px}
  .chip-a{display:none}.chip-b{right:-2px;bottom:30px}
  .float-chip{max-width:170px;font-size:11px;padding:10px 12px}
  .footer{justify-content:center;text-align:center;padding:20px}
  .detail-hero{padding:25px 24px 40px}
  .back{margin-bottom:28px}
  .detail-title{display:block}
  .detail-title h1{font-size:88px;letter-spacing:-5px;margin-bottom:16px}
  .detail-subtitle{font-size:27px;margin:0 0 22px}
  .lead{font-size:15px}
  .reading-row{grid-template-columns:1fr;gap:16px;padding:34px 0}
  .reading-row h2{font-size:28px}
  .invitation{padding:55px 24px}
  .app-teaser{grid-template-columns:1fr;margin:0 24px 45px}
  .app-teaser .t-copy{padding:28px}
  .newsletter{grid-template-columns:1fr;gap:20px;margin:0 24px 45px;padding:30px 0}
  .newsletter-fields{flex-wrap:wrap}
  .newsletter .button{width:100%;justify-content:center}
  .other-path{align-items:flex-start;flex-direction:column;gap:8px;margin:0 24px 24px}
  .people,.contact-options{grid-template-columns:1fr;gap:15px}
  .person{padding:28px}
  .plain-intro{padding:45px 0 35px}
  .plain h1{font-size:46px}
  .proto-flag{display:none}
}