/* Sports ikvienam — kopīgais stils
   Motīvs: Žagarkalna maigā kalna kontūra. Tā ir lielais zilais kalns sākumā,
   noapaļotais augšējais kreisais stūris katram foto un kalns, ko veido logo un nosaukums. */
:root{
  --bg:#ffffff; --snow:#f4faff; --sky:#ddf1ff; --sky-field:#d6eeff; --peach:#dff6ea; --sun:#ffd24a; --sun-soft:#ffe78f;
  --ink:#15324b; --muted:#3c5568; --line:#d3e5f2;
  --blue:#0a76b4; --blue-hill:#0a96dc; --blue-deep:#0b6fa6; --blue-ink:#ffffff;
  --orange:#ec7c1c; --orange-txt:#c2600c; --orange-ink:#10273a;
  --deep:#0d2a40; --deep-ink:#eef6fb;
  --tile:#ffffff;
  --gold:#c9a227; --silver:#9aa6b1; --bronze:#b5733f;
  --font:"Figtree","Helvetica Neue",Arial,system-ui,sans-serif;
  --fs-s:clamp(.875rem,.85rem + .1vw,.9375rem);
  --fs-b:clamp(1.0625rem,1rem + .25vw,1.1875rem);
  --fs-l:clamp(1.25rem,1.1rem + .6vw,1.5rem);
  --fs-h:clamp(2.125rem,1.4rem + 2.6vw,3.5rem);
  --fs-x:clamp(3rem,1.6rem + 5.2vw,5.75rem);
  --m:max(20px,5vw);
  --r:22px;
  --hill:44% var(--r) var(--r) var(--r) / 26% var(--r) var(--r) var(--r);
  --ease:cubic-bezier(.23,1,.32,1);
  --gap:clamp(96px,10vw,168px);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light only;background:#ffffff;-webkit-text-size-adjust:100%;scroll-behavior:smooth;accent-color:var(--blue);caret-color:var(--orange);scrollbar-color:color-mix(in srgb,var(--blue) 60%,var(--bg)) var(--bg);scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-b);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
h3{letter-spacing:-.015em;line-height:1.2}
p{margin:0}
ul,ol{margin:0;padding:0}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
::selection{background:var(--blue);color:var(--blue-ink)}
.wrap{padding-left:max(var(--m),env(safe-area-inset-left,0px));padding-right:max(var(--m),env(safe-area-inset-right,0px))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;z-index:50;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;text-decoration:none}
.skip:focus{top:12px}
.lead{font-size:var(--fs-l);line-height:1.45;max-width:34ch}
p{max-width:68ch}
.muted{color:var(--muted)}
.pic{border-radius:var(--hill);overflow:hidden;background:var(--sky)}
.pic img{width:100%;height:100%;object-fit:cover}

/* POGAS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:.85em 1.5em;border-radius:999px;border:0;font:600 var(--fs-b)/1.1 var(--font);text-decoration:none;cursor:pointer;background:var(--orange);color:var(--orange-ink);transition:transform .16s var(--ease),background-color .2s}
.btn:hover{background:color-mix(in srgb,var(--orange) 88%,var(--ink))}
.btn:active{transform:scale(.97)}
.btn svg{flex:none;transition:transform .2s var(--ease)}
.btn--soft{background:var(--sky);color:var(--ink)}
.btn--soft:hover{background:color-mix(in srgb,var(--sky) 82%,var(--blue))}
.btn--blue{background:var(--blue);color:var(--blue-ink)}
.btn--blue:hover{background:color-mix(in srgb,var(--blue) 86%,#000)}
.btn--light{background:var(--bg);color:var(--ink)}
.btn--light:hover{background:var(--snow)}
.btn--sm{min-height:44px;padding:.6em 1.15em;font-size:var(--fs-s)}
.tlink{font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.28em;text-decoration-color:var(--blue);transition:text-decoration-color .2s}
.tlink:hover{text-decoration-color:var(--orange)}

/* GALVENE */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--bg)}
.top__in{display:flex;align-items:center;gap:28px;min-height:76px}
.mark{display:inline-flex;align-items:baseline;gap:.28em;text-decoration:none;font-weight:700;font-size:1.375rem;letter-spacing:-.03em;margin-right:auto}
.mark .s{color:var(--orange-txt)}.mark .i{color:var(--blue)}
.menu{display:flex;align-items:center;gap:28px}
.menu ul{display:flex;gap:6px;list-style:none}
.menu ul a{display:block;padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:600;transition:background-color .2s}
.menu ul a:hover{background:var(--snow)}
.menu ul a[aria-current="page"]{background:var(--sky)}
.menu-btn{display:none;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--sky);color:var(--ink);font:600 var(--fs-s)/1 var(--font);cursor:pointer}
.menu-btn i{position:relative;width:16px;height:2px;background:currentColor;border-radius:2px;transition:background-color .2s}
.menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s var(--ease)}
.menu-btn i::before{top:-5px}.menu-btn i::after{top:5px}
.menu-btn[aria-expanded="true"] i{background:transparent}
.menu-btn[aria-expanded="true"] i::before{transform:translateY(5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i::after{transform:translateY(-5px) rotate(-45deg)}

/* KĀJENE */
.foot{background:var(--deep);color:var(--deep-ink);padding-block:96px calc(40px + env(safe-area-inset-bottom,0px));margin-top:var(--gap)}
.blocks{display:flex;align-items:flex-end;gap:5px;height:30vw;max-height:300px;min-height:150px}
.blocks span{flex:1;min-width:0;display:grid;place-items:end center;padding-bottom:.12em;border-radius:16px 16px 4px 4px;font-weight:700;font-size:clamp(1.25rem,5vw,4.75rem);line-height:1;color:var(--deep)}
.blocks .o{background:var(--orange)}.blocks .b{background:var(--blue)}
.blocks .gap{flex:.3;background:none}
.foot__grid{margin-top:56px;display:grid;grid-template-columns:repeat(12,1fr);gap:32px}
.foot__col{grid-column:span 2}.foot__addr{grid-column:8/13}
.foot ul{list-style:none;display:grid;gap:8px;font-size:var(--fs-s)}
.foot a{text-decoration:none;color:var(--deep-ink)}
.foot a:hover{text-decoration:underline;text-underline-offset:.2em}
.foot h2{font-size:var(--fs-s);letter-spacing:0;font-weight:700;margin-bottom:12px;color:var(--deep-ink)}
.foot__addr p{font-size:var(--fs-s);line-height:1.7}
.foot__end{margin-top:64px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:var(--fs-s);color:color-mix(in srgb,var(--deep-ink) 80%,transparent)}

/* APAKŠLAPU GALVA */
.phead{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center;padding-block:56px 0}
.phead__txt{grid-column:1/7;display:flex;flex-direction:column;gap:24px;padding-bottom:48px}
.phead h1{font-size:var(--fs-x);letter-spacing:-.035em;line-height:.98}
.phead .pic{grid-column:7/13;aspect-ratio:4/3}
.phead__hill{position:absolute;left:0;right:0;bottom:-1px;height:min(22vw,240px);z-index:-1;color:var(--snow)}
.phead__hill svg{width:100%;height:100%;display:block}
.band{background:var(--snow)}

/* KOPĪGIE BLOKI */
.section{padding-top:var(--gap)}
.shead{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.shead h2{font-size:var(--fs-h)}
.shead p{max-width:46ch}

/* Atbalstītāju kalns */
.mountain{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:56px;isolation:isolate}
.mountain__bg{position:absolute;inset:0 calc(-1 * var(--m)) 0;z-index:-1;color:var(--sky)}
.mountain__bg svg{width:100%;height:100%;display:block}
.tier{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.tier__name{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:var(--fs-s);background:var(--bg);padding:6px 14px 6px 8px;border-radius:999px}
.tier__name i{width:22px;height:22px;border-radius:50%}
.tier--gold .tier__name i{background:var(--gold)}.tier--silver .tier__name i{background:var(--silver)}.tier--bronze .tier__name i{background:var(--bronze)}
.tier__logos{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}
.logo{position:relative;background:var(--tile);border-radius:18px;display:grid;place-items:center;aspect-ratio:3/2;transition:transform .25s var(--ease)}
.logo img{width:80%;height:auto;mix-blend-mode:multiply}
.logo::after{content:"";position:absolute;top:12px;left:12px;width:10px;height:10px;border-radius:50%}
.tier--gold .logo{width:clamp(200px,24vw,330px)}.tier--gold .logo::after{background:var(--gold)}
.tier--silver .logo{width:clamp(150px,16vw,230px)}.tier--silver .logo::after{background:var(--silver)}
.tier--bronze .logo{width:clamp(120px,12vw,175px)}.tier--bronze .logo::after{background:var(--bronze)}
.logo--you{background:color-mix(in srgb,var(--bg) 55%,transparent);border:2px dashed color-mix(in srgb,var(--ink) 30%,transparent);color:var(--muted);font-size:var(--fs-s);font-weight:600;text-align:center;padding:10px;line-height:1.3;transition:background-color .3s,color .3s,transform .3s var(--ease),border-color .3s}
.logo--you.on{background:var(--orange);color:var(--orange-ink);border-color:transparent;transform:translateY(-4px)}

/* Līmeņa izvēle */
.pick{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-top:72px;align-items:start}
.pick h3{grid-column:1/5;font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);letter-spacing:-.03em;line-height:1.05}
.pick h3 + p{grid-column:1/5;grid-row:2}
.pick__ui{grid-column:6/13;grid-row:1/3;background:var(--snow);border-radius:var(--r);padding:32px}
.seg{border:0;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.seg legend{width:100%;margin-bottom:12px;color:var(--muted);font-size:var(--fs-s)}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;inset:0;opacity:0;cursor:pointer}
.seg span{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--bg);font-weight:600;transition:background-color .2s,color .2s,transform .15s var(--ease)}
.seg span i{width:14px;height:14px;border-radius:50%}
.seg label:active span{transform:scale(.97)}
.seg input:checked + span{background:var(--ink);color:var(--bg)}
.seg input:focus-visible + span{outline:3px solid var(--orange);outline-offset:2px}
.perks{list-style:none;display:grid;gap:10px;margin-bottom:28px}
.perks li{position:relative;padding-left:30px}
.perks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--sky)}
.perks li::after{content:"";position:absolute;left:6px;top:calc(.35em + 5px);width:5px;height:8px;border:solid var(--blue-deep);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* Forma */
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .full{grid-column:1/-1}
.field{display:grid;gap:6px}
.field label,.field legend{font-size:var(--fs-s);font-weight:600}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 16px;border-radius:14px;border:2px solid var(--line);background:var(--bg);color:var(--ink);font:400 var(--fs-b)/1.35 var(--font);transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:120px;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover{border-color:color-mix(in srgb,var(--line) 50%,var(--blue))}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.field [aria-invalid="true"]{border-color:#c0392b}
.field small{color:var(--muted);font-size:var(--fs-s)}
.form-msg{grid-column:1/-1;min-height:1.5em;font-size:var(--fs-s);font-weight:600}
.form-msg.err{color:#b83227}
.form button[aria-busy="true"]{opacity:.65;cursor:progress}

/* Raksti (blogs) */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none}
.post{display:flex;flex-direction:column;gap:16px}
.post a{text-decoration:none}
.post .pic{aspect-ratio:4/3}
.post .pic img{transition:transform .5s var(--ease)}
.post time{font-size:var(--fs-s);color:var(--muted);font-variant-numeric:tabular-nums}
.post h3{font-size:var(--fs-l)}
.post p{color:var(--muted)}

/* Ziedojuma josla */
.give{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center;background:var(--blue);color:var(--blue-ink);border-radius:32px;overflow:hidden;margin-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px))}
.give .pic{grid-column:1/7;align-self:stretch;min-height:420px;border-radius:0 120px 0 0;background:var(--blue-deep)}
.give__txt{grid-column:7/12;padding-block:64px;display:flex;flex-direction:column;gap:20px}
.give h2{font-size:var(--fs-h);color:var(--blue-ink)}
.acct{background:color-mix(in srgb,var(--blue-ink) 14%,transparent);border-radius:18px;padding:18px 20px;display:grid;gap:4px;font-variant-numeric:tabular-nums}
.acct small{font-size:var(--fs-s)}
.acct b{font-size:var(--fs-l);font-weight:700;letter-spacing:.01em;word-break:break-all}
.acct .btn{justify-self:start;margin-top:10px}

/* Kustība: saturs redzams arī bez JS */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}
.js .rv.in{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){
  .btn:hover svg{transform:translateX(3px)}
  .post a:hover .pic img{transform:scale(1.04)}
  .post a:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;text-decoration-color:var(--blue)}
}

/* TELEFONS */
@media (max-width:960px){
  .menu-btn{display:inline-flex}
  .menu{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:16px;padding:12px max(var(--m),env(safe-area-inset-left,0px)) 24px;background:var(--bg);border-bottom:2px solid var(--line)}
  .js .menu{display:none}
  .js .menu.open{display:flex}
  .menu ul{flex-direction:column;gap:2px}
  .menu ul a{padding:14px 16px;font-size:var(--fs-l)}
  .menu .btn{width:100%}
  .phead{display:flex;flex-direction:column;align-items:stretch;padding-top:24px;gap:32px}
  .phead__txt{padding-bottom:0}
  .posts{grid-template-columns:1fr;gap:44px}
  .pick{display:flex;flex-direction:column;margin-top:56px}
  .pick__ui{padding:22px;width:100%}
  .form{grid-template-columns:1fr}
  .give{display:flex;flex-direction:column;border-radius:24px}
  .give__txt{padding:40px 24px 8px}
  .give .pic{min-height:0;aspect-ratio:4/3;width:100%;border-radius:0 80px 0 0;order:2}
  .tier--gold .logo{width:calc(50% - 6px)}
  .tier--silver .logo,.tier--bronze .logo{width:calc(33.33% - 8px)}
  .foot{padding-block:64px calc(32px + env(safe-area-inset-bottom,0px))}
  .blocks{height:auto;min-height:0;flex-wrap:wrap;row-gap:5px}
  .blocks span{flex:0 0 calc(16.66% - 5px);height:var(--h,96px)!important;font-size:9vw}
  .blocks .b{flex-basis:calc(12.5% - 5px);font-size:7.4vw}
  .blocks .gap{flex-basis:100%;height:0}
  .foot__grid{grid-template-columns:1fr 1fr;gap:28px}
  .foot__col{grid-column:span 1}.foot__addr{grid-column:1/-1}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv,.js .rv.in{transform:none;transition:opacity .3s}
  .btn,.btn svg,.post .pic img,.logo--you,.menu-btn i::before,.menu-btn i::after{transition:none}
}

/* ===== SĀKUMS ===== */
.hero{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center;padding-block:48px 72px;isolation:isolate}
.hero__hill{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:-1;color:var(--blue-hill)}
.hero__hill svg{width:100%;height:100%;display:block}
.hero__hill::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:0}
.hero__txt{grid-column:1/7;display:flex;flex-direction:column;gap:28px;padding-bottom:12vw}
.hero h1{font-size:var(--fs-x);letter-spacing:-.035em;line-height:.95;max-width:7ch}
.hero__acts{display:flex;flex-wrap:wrap;gap:12px}
.hero__pic{grid-column:7/13;margin:0;position:relative}
.hero__pic .pic{aspect-ratio:4/5;max-height:78svh;width:100%}
.hero__pic .pic img{object-position:45% 50%}
.hero__note{position:absolute;left:-28px;bottom:36px;background:var(--bg);border-radius:18px;padding:16px 20px;max-width:230px;font-size:var(--fs-s);line-height:1.4}
.hero__note b{display:block;font-size:var(--fs-l);color:var(--blue-deep)}

.story{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center}
.story__txt{grid-column:1/7;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.story h2{font-size:var(--fs-h)}
.story__st{font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem);line-height:1.3;letter-spacing:-.015em;font-weight:600;max-width:30ch}
.story__txt > p:not(.story__st){max-width:52ch;color:var(--muted)}
.story__pic{grid-column:8/13;aspect-ratio:1/1}

.steps{list-style:none;display:grid;grid-template-columns:3fr 4fr 5fr;gap:20px;align-items:end}
.step{display:flex;flex-direction:column;gap:12px}
.step .pic{margin-bottom:8px}
.step:nth-child(1) .pic{aspect-ratio:4/4}
.step:nth-child(2) .pic{aspect-ratio:4/4.6}
.step:nth-child(3) .pic{aspect-ratio:4/5.2}
.step h3{font-size:var(--fs-l)}
.step p{color:var(--muted);max-width:38ch}

.wall .shead p{max-width:52ch}

.items{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:36px 56px}
.item{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start}
.item .pic{width:96px;height:96px;border-radius:50% 50% 18px 50%}
.item h3{font-size:var(--fs-b);font-weight:700}
.item p{color:var(--muted);margin-top:6px;max-width:44ch}
.item .state{display:inline-block;margin-top:8px;font-size:var(--fs-s);font-weight:600;color:var(--ink);background:var(--sky);border-radius:999px;padding:3px 12px}
.item .state.goal{background:var(--peach)}

.apply{display:grid;grid-template-columns:5fr 7fr;gap:48px;background:var(--snow);border-radius:32px;padding:clamp(28px,4vw,64px)}
.apply__l{display:flex;flex-direction:column;gap:22px}
.apply h2{font-size:var(--fs-h)}
.apply__c{list-style:none;display:grid;gap:14px;margin-top:8px}
.apply__c li{display:grid;gap:2px}
.apply__c span{font-size:var(--fs-s)}

/* ===== APAKŠLAPAS ===== */
.phead--short{padding-bottom:72px}
.phead--short .phead__txt{grid-column:1/9;padding-bottom:24px}
.band{margin-top:var(--gap);padding-block:var(--gap);background:var(--snow)}
.phead + .band{margin-top:0;padding-top:calc(var(--gap) * .6)}
.davis{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center}
.davis__pic{grid-column:1/6;aspect-ratio:4/5;max-height:720px}
.davis__pic img{object-position:50% 30%}
.davis__txt{grid-column:7/13;display:flex;flex-direction:column;gap:22px}
.davis h2{font-size:var(--fs-h)}
.davis__txt > p:not(.lead){color:var(--muted);max-width:52ch}
.quote{margin:12px 0 0;background:var(--bg);border-radius:var(--r);padding:28px 30px}
.quote p{font-size:var(--fs-l);line-height:1.4;font-weight:600;letter-spacing:-.01em}
.quote cite{display:block;margin-top:12px;font-style:normal;font-size:var(--fs-s);color:var(--blue-deep);font-weight:600}

.timeline{list-style:none;display:grid;gap:14px}
.timeline li{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;background:var(--snow);border-radius:var(--r);padding:28px}
.tl__when{display:inline-flex;align-self:start;justify-self:start;padding:6px 14px;border-radius:999px;background:var(--bg);font-weight:700;color:var(--blue-deep)}
.timeline h3{font-size:var(--fs-l);margin-bottom:6px}
.timeline p{color:var(--muted);max-width:64ch}
.timeline li:last-child{background:var(--blue);color:var(--blue-ink)}
.timeline li:last-child p{color:var(--blue-ink)}

.split{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center}
.split__pic{grid-column:1/7;aspect-ratio:4/3}
.split__txt{grid-column:8/13;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.split h2{font-size:var(--fs-h)}
.split__txt p{color:var(--muted)}

.plans{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.plans h2{grid-column:1/5;font-size:var(--fs-h)}
.plans__list{grid-column:6/13;list-style:none;display:grid;gap:10px}
.plans__list li{position:relative;padding:20px 24px 20px 64px;background:var(--peach);border-radius:var(--r);font-size:var(--fs-l);line-height:1.4}
.plans__list li::before{content:"";position:absolute;left:24px;top:26px;width:24px;height:16px;background:var(--orange);border-radius:12px 12px 3px 3px}

.faq{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.faq h2{grid-column:1/5;font-size:var(--fs-h)}
.faq__list{grid-column:6/13;display:grid;gap:10px}
.faq details{background:var(--snow);border-radius:var(--r);padding:0 24px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 0;font-weight:700;font-size:var(--fs-b)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.faq details p{padding-bottom:22px;color:var(--muted);max-width:62ch}

.feat{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center;background:var(--snow);border-radius:32px;padding:20px}
.feat__pic{grid-column:1/7;aspect-ratio:16/10;display:block}
.feat__pic img{transition:transform .5s var(--ease)}
.feat__txt{grid-column:7/13;display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding:24px 24px 24px 8px}
.feat time{font-size:var(--fs-s);color:var(--muted)}
.feat h2{font-size:clamp(1.75rem,1.3rem + 1.3vw,2.5rem)}
.feat h2 a{text-decoration:none}
.feat p{color:var(--muted)}
.posts--2{grid-template-columns:repeat(2,1fr)}

.follow{background:var(--blue);color:var(--blue-ink);border-radius:32px;padding:clamp(32px,5vw,72px);display:grid;gap:18px;justify-items:start}
.follow h2{font-size:var(--fs-h);color:var(--blue-ink);max-width:18ch}
.follow p{max-width:52ch}
.follow__b{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.follow .btn--blue{background:var(--deep);color:var(--deep-ink)}

.art__head{max-width:calc(820px + 2 * var(--m));margin-inline:auto;display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding-block:48px 40px}
.art__head h1{font-size:clamp(2.25rem,1.4rem + 3vw,3.75rem);line-height:1.02}
.art__head time{color:var(--muted);font-size:var(--fs-s)}
.art__head .lead{max-width:48ch}
.art__pic{margin:0 auto;max-width:calc(1180px + 2 * var(--m))}
.art__pic .pic{aspect-ratio:16/9}
.art__pic figcaption{margin-top:12px;font-size:var(--fs-s)}
.art__body{max-width:calc(720px + 2 * var(--m));margin:56px auto 0;display:flex;flex-direction:column;gap:20px}
.art__body h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-top:24px}
.art__body ul{padding-left:1.2em;display:grid;gap:10px}
.art__body li::marker{color:var(--orange)}
.art__cta{max-width:calc(1180px + 2 * var(--m));margin:var(--gap) auto 0}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.chips button{min-height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--snow);color:var(--ink);font:600 var(--fs-s)/1 var(--font);cursor:pointer;transition:background-color .2s,color .2s,transform .15s var(--ease)}
.chips button:hover{background:var(--sky)}
.chips button:active{transform:scale(.97)}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.gallery{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;grid-auto-flow:dense;gap:12px}
.gallery li{border-radius:var(--r);overflow:hidden;background:var(--sky)}
.gallery li.g0{grid-column:span 2;grid-row:span 2;border-radius:var(--hill)}
.gallery li.g3{grid-row:span 2}
.gallery a{display:block;width:100%;height:100%}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.viewer{border:0;padding:0;max-width:min(1200px,94vw);width:100%;background:var(--deep);color:var(--deep-ink);border-radius:24px;overflow:hidden}
.viewer::backdrop{background:rgba(5,15,25,.82)}
.viewer img{width:100%;max-height:76svh;object-fit:contain;background:#000}
.viewer__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px}
.viewer__cap{font-size:var(--fs-s)}
.viewer__btns{display:flex;gap:8px;flex-wrap:wrap}
.viewer[open]{animation:pop .25s var(--ease)}
@keyframes pop{from{opacity:0;transform:scale(.97)}}

@media (hover:hover) and (pointer:fine){
  .gallery a:hover img,.feat__pic:hover img{transform:scale(1.04)}
}

@media (max-width:960px){
  .hero{display:flex;flex-direction:column;align-items:stretch;padding-block:24px 56px;gap:32px}
  .hero__txt{padding-bottom:0}
  .hero__hill{height:34%}
  .hero__pic .pic{aspect-ratio:4/3.4;max-height:none}
  .hero__note{left:12px;bottom:-24px}
  .story,.davis,.split,.plans,.faq{display:flex;flex-direction:column;align-items:stretch;gap:28px}
  .story__pic,.split__pic{aspect-ratio:4/3}
  .steps{grid-template-columns:1fr;gap:40px}
  .step .pic{aspect-ratio:4/3 !important}
  .items{grid-template-columns:1fr;gap:28px}
  .item{grid-template-columns:72px 1fr;gap:16px}
  .item .pic{width:72px;height:72px}
  .apply{grid-template-columns:1fr;gap:28px;border-radius:24px}
  .davis__pic{aspect-ratio:4/4.4}
  .timeline li{grid-template-columns:1fr;gap:12px;padding:22px}
  .plans__list li{font-size:var(--fs-b);padding:18px 18px 18px 56px}
  .plans__list li::before{left:18px;top:22px}
  .feat{display:flex;flex-direction:column;padding:12px;border-radius:24px}
  .feat__txt{padding:12px 12px 20px}
  .posts--2{grid-template-columns:1fr}
  .follow{border-radius:24px}
  .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:8px}
  .gallery li.g0{grid-column:span 2;grid-row:span 2}
  .art__head{padding-top:24px}
  .phead--short{padding-bottom:40px}
}
@media (prefers-reduced-motion:reduce){
  .gallery img,.feat__pic img,.faq summary::after{transition:none}
  .viewer[open]{animation:none}
}

/* Lapas ielāde: virsraksts un attēls ienāk vienreiz */
.js .phead__txt > *,.js .hero__txt > *,.js .art__head > *{opacity:0;transform:translateY(18px)}
.js.loaded .phead__txt > *,.js.loaded .hero__txt > *,.js.loaded .art__head > *{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js.loaded .phead__txt > :nth-child(2),.js.loaded .hero__txt > :nth-child(2),.js.loaded .art__head > :nth-child(2){transition-delay:80ms}
.js.loaded .phead__txt > :nth-child(3),.js.loaded .hero__txt > :nth-child(3),.js.loaded .art__head > :nth-child(3){transition-delay:160ms}
.js.loaded .art__head > :nth-child(4){transition-delay:240ms}
.js .hero__pic .pic,.js .phead > .pic,.js .art__pic .pic{clip-path:inset(100% 0 0 0 round var(--r))}
.js .hero__pic .pic img,.js .phead > .pic img,.js .art__pic .pic img{transform:scale(1.1)}
.js.loaded .hero__pic .pic,.js.loaded .phead > .pic,.js.loaded .art__pic .pic{clip-path:inset(0 0 0 0 round 0);transition:clip-path 1.1s var(--ease) .1s}
.js.loaded .hero__pic .pic img,.js.loaded .phead > .pic img,.js.loaded .art__pic .pic img{transform:none;transition:transform 1.4s var(--ease) .1s}
.js .hero__note{opacity:0;transform:translateY(12px)}
.js.loaded .hero__note{opacity:1;transform:none;transition:opacity .6s var(--ease) .9s,transform .6s var(--ease) .9s}
.js .phead__hill svg,.js .hero__hill svg{transform:translateY(24px)}
.js.loaded .phead__hill svg,.js.loaded .hero__hill svg{transform:none;transition:transform 1.2s var(--ease)}
@media (prefers-reduced-motion:reduce){
  .js .phead__txt > *,.js .hero__txt > *,.js .art__head > *,.js .hero__note{transform:none;transition:opacity .3s}
  .js .hero__pic .pic,.js .phead > .pic,.js .art__pic .pic,.js.loaded .hero__pic .pic,.js.loaded .phead > .pic,.js.loaded .art__pic .pic{clip-path:none;transition:none}
  .js .hero__pic .pic img,.js .phead > .pic img,.js .art__pic .pic img{transform:none;transition:none}
  .js .phead__hill svg,.js .hero__hill svg{transform:none;transition:none}
}

/* ===== GAIŠĀKS UN PRIECĪGĀKS ===== */
/* Saulaina ziemas diena: zilas debesis ar sniegpārslām, dzeltena saule, balts kalns */
.hero,.phead{background-color:var(--sky-field);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='20' cy='30' r='3'/%3E%3Ccircle cx='96' cy='14' r='2'/%3E%3Ccircle cx='150' cy='60' r='3.5'/%3E%3Ccircle cx='60' cy='92' r='2.5'/%3E%3Ccircle cx='128' cy='130' r='2'/%3E%3Ccircle cx='32' cy='152' r='3'/%3E%3Ccircle cx='170' cy='170' r='2'/%3E%3C/g%3E%3C/svg%3E")}
.hero{padding-top:64px;overflow:clip}
.hero__hill,.phead__hill{color:var(--bg);z-index:0}
.hero__hill{height:30%}
.hero__txt,.hero__pic,.phead__txt,.phead > .pic{position:relative;z-index:1}
.phead:has(+ .band) .phead__hill{color:var(--snow)}
.phead{padding-bottom:0}
.phead--short{padding-bottom:110px}
.hero__sun{position:absolute;z-index:0;width:clamp(160px,20vw,300px);aspect-ratio:1;border-radius:50%;background:var(--sun);right:calc(max(var(--m),env(safe-area-inset-right,0px)) - 40px);top:28px}
.hero__pic .pic{border:8px solid var(--bg)}
.hero__note{background:var(--sun);color:var(--ink);left:-36px;bottom:44px;transform:rotate(-3deg)}
.js.loaded .hero__note{transform:rotate(-3deg)}
.hero__note b{color:var(--ink)}
.hero h1 .o{color:var(--orange-txt)}

/* Krāsainas pogas ar vieglu pacēlumu */
@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.97)}}
.btn--soft{background:var(--bg);color:var(--ink)}
.hero .btn--soft{background:var(--bg)}
.btn--sun{background:var(--sun);color:var(--ink)}
.btn--sun:hover{background:color-mix(in srgb,var(--sun) 88%,var(--orange))}

/* Stāsts */
.story__pic{border:8px solid var(--sun-soft)}
.story__st{color:var(--ink)}

/* Soļi ar krāsainu punktu */
.step h3{display:flex;align-items:center;gap:12px}
.step h3::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--orange)}
.step:nth-child(2) h3::before{background:var(--sun)}
.step:nth-child(3) h3::before{background:var(--blue-hill)}
.step:nth-child(1) .pic{background:var(--peach)}.step:nth-child(2) .pic{background:var(--sun-soft)}

/* Atbalstītāju kalns uz debesīm */
.wall{background:var(--sky-field);padding-block:var(--gap) calc(var(--gap) * .8);margin-top:var(--gap)}
.wall.section{padding-top:var(--gap)}
.mountain__bg{color:var(--bg)}
.tier__name{background:var(--sky-field)}
.pick__ui{background:var(--bg)}
.seg span{background:var(--snow)}
.seg input:checked + span{background:var(--blue);color:var(--blue-ink)}
.logo--you{background:color-mix(in srgb,var(--sun-soft) 70%,transparent);border-color:color-mix(in srgb,var(--orange) 55%,transparent);color:var(--ink)}

/* Mērķi */
.item .pic{border:4px solid var(--sun-soft)}
.item:nth-child(2n) .pic{border-color:var(--sky)}
.item .state.done{background:#d9f4e3;color:#155c33}
.item .state{background:var(--sky)}
.item .state.goal{background:var(--sun-soft)}

/* Bloga kartītes */
.post .pic{background:var(--sun-soft)}
.post:nth-child(2) .pic{background:var(--peach)}

/* Ziedojums: saulaina josla */
.give{background:var(--sun);color:var(--ink)}
.give h2{color:var(--ink)}
.give .pic{background:var(--sun-soft)}
.acct{background:color-mix(in srgb,var(--bg) 60%,transparent)}
.acct .btn--light{background:var(--ink);color:var(--bg)}

/* Pieteikums */
.apply{background:var(--peach)}
.apply .field input,.apply .field select,.apply .field textarea{border-color:transparent}

/* Par biedrību */
.band{background:var(--snow)}
.quote{background:var(--peach)}
.timeline li{background:var(--sky)}
.timeline li:nth-child(2n){background:var(--sun-soft)}
.timeline li:last-child{background:var(--sun);color:var(--ink)}
.timeline li:last-child p{color:var(--ink)}
.tl__when{color:var(--ink)}
.faq details{background:var(--sky)}
.faq details[open]{background:var(--sun-soft)}
.plans__list li:nth-child(2n){background:var(--sky)}
.plans__list li:nth-child(2n)::before{background:var(--blue-hill)}

/* Blogs, galerija */
.feat{background:var(--sun-soft)}
.follow{background:var(--sun);color:var(--ink)}
.follow h2{color:var(--ink)}
.chips button{background:var(--sky)}
.chips button[aria-pressed="true"]{background:var(--blue);color:var(--blue-ink)}
.gallery li:nth-child(3n) {background:var(--sun-soft)}
.gallery li:nth-child(3n+1){background:var(--peach)}

/* Gaiša kājene */
.foot{background:var(--sky-field);color:var(--ink)}
.foot a,.foot h2{color:var(--ink)}
.foot__end{color:var(--muted)}
.blocks span{color:#ffffff}
.blocks .o:nth-child(even){background:var(--sun);color:var(--ink)}
.blocks .b:nth-child(odd){background:var(--blue-hill)}

/* Galvene */
.menu ul a[aria-current="page"]{background:var(--sun-soft)}

@media (max-width:960px){
  .hero{padding-top:28px}
  .hero__sun{width:40vw;right:-10vw;top:auto;bottom:calc(64vw - 6px)}
  .hero__hill{height:18%}
  .hero__note{left:12px;bottom:-20px}
  .hero__pic .pic{border-width:6px}
  .wall{margin-top:var(--gap)}
}
@media (prefers-reduced-motion:reduce){@media (hover:hover){.btn:hover{transform:none}}}

.foot .btn--blue{color:var(--blue-ink)}
.hero__pic .pic{border-color:var(--bg)}