/* Linkesi website · v3 (25 Oct 2026): colour-block cards, tilted stickers, real v3 screens */
:root{--sun:#FFCF3F;--butter:#FFE6A0;--lilac:#DCCEFF;--lime2:#D9F25C;--plum:#3B2A5C;--navy:#1E2A4A;--coral2:#FF7A45;--pink:#FFB8E0;--forest2:#0F4A37}

.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:12px}
.light{font-weight:300}
h1,h2{font-weight:300;letter-spacing:-.02em;line-height:1.02}
h1 b,h2 b,h1{font-weight:900}
h1 .light{font-weight:300}
.icon{width:1.1em;height:1.1em}

/* stores */
.stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.stores--center{justify-content:center}
.store{display:inline-flex;align-items:center;gap:10px;height:60px;padding:0 22px 0 18px;border-radius:18px;border:2px solid var(--ink);color:var(--ink);background:var(--white);text-decoration:none;font-weight:700;font-size:19px;line-height:1.05;transition:transform .15s ease}
.store small{display:block;font-size:11px;font-weight:500;opacity:.75}
.store .icon{width:24px;height:24px}
.store--dark{background:var(--ink);color:var(--white)}
.store:hover{transform:translateY(-2px)}
.fine{margin-top:14px;font-size:14px;opacity:.65}

/* stickers */
.sticker{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:16px;font-weight:700;font-size:15px;box-shadow:0 14px 30px rgba(0,0,0,.18);white-space:nowrap;z-index:2}
.sticker--coral{background:var(--coral);color:#fff}.sticker--lime{background:var(--lime2);color:#17361f}.sticker--white{background:#fff;color:var(--ink)}
.sticker--pink{background:var(--pink);color:#4a1030}.sticker--plum{background:var(--plum);color:#fff}.sticker--sun{background:var(--sun);color:var(--ink)}

/* phones */
.phone{width:min(78vw,340px);height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.22));position:relative;z-index:1}

/* hero */
.hero{display:grid;gap:40px;padding:24px var(--side) 64px;align-items:center}
.hero h1{font-size:clamp(56px,13vw,112px)}
.lead{font-size:18px;line-height:1.5;max-width:34ch;margin-top:20px;opacity:.85}
.hero__art{position:relative;display:flex;justify-content:center;padding:20px 0}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.7}
.blob--sun{width:320px;height:320px;background:var(--sun);top:0;left:6%}
.blob--pink{width:300px;height:300px;background:var(--pink);bottom:0;right:4%}
.s1{top:18%;left:0;transform:rotate(-7deg)}
.s2{top:52%;right:0;transform:rotate(6deg)}
.s3{bottom:10%;left:4%;transform:rotate(-4deg)}
@media (min-width:1024px){
  .hero{grid-template-columns:1.05fr .95fr;padding:40px var(--side) 96px}
  .lead{font-size:21px}
  .phone{width:340px}
  .s1{left:-4%}.s2{right:-2%}
}

/* feature blocks */
.features{display:flex;flex-direction:column;gap:20px;padding:0 var(--side)}
.feat{display:grid;gap:28px;align-items:center;border-radius:40px;padding:40px 24px 0;overflow:hidden}
.feat h2{font-size:clamp(38px,7vw,64px)}
.feat p{font-size:18px;line-height:1.55;max-width:44ch;margin-top:16px}
.feat__art{position:relative;display:flex;justify-content:center;margin-bottom:-170px}
.feat__art .phone{transform:rotate(-2.5deg)}
.feat--flip .feat__art .phone{transform:rotate(2.5deg)}
.t1{top:14%;right:2%;transform:rotate(7deg)}
.t2{top:22%;left:2%;transform:rotate(-7deg)}
.feat--sun{background:var(--sun)}
.feat--navy{background:var(--navy);color:#fff}
.feat--lilac{background:var(--lilac)}
.feat--lime{background:var(--lime2);color:#17361f}
.feat--plum{background:var(--plum);color:#fff}
.feat--butter{background:var(--butter)}
.feat--coral{background:var(--coral2);color:#fff}
@media (min-width:900px){
  .features{gap:28px}
  .feat{grid-template-columns:1fr 1fr;padding:72px 72px 0;min-height:620px}
  .feat--flip .feat__text{order:2}
  .feat__art{align-self:end;margin-bottom:-120px}
}
.ticks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;font-weight:600}
.ticks li{padding-left:28px;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:50%;background:currentColor;opacity:.18}
.ticks li::after{content:"";position:absolute;left:6px;top:.45em;width:5px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.chips{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:rgba(255,255,255,.65);padding:8px 14px;border-radius:999px;font-weight:600;font-size:15px}

/* generic sections */
.sec{padding:var(--sv) var(--side)}
.sec__title{font-size:clamp(36px,6vw,60px);margin-bottom:32px}
.cards{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:640px){.cards{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.cards{grid-template-columns:repeat(3,1fr)}.cards--dark{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border-radius:28px;padding:24px}
.card h3{font-size:20px;font-weight:800;margin-bottom:6px}
.card p{opacity:.75}
.band{margin:0 var(--side);border-radius:40px;padding:56px 24px}
@media (min-width:900px){.band{padding:72px}}
.band--forest{background:var(--forest2);color:#fff}
.cards--dark .card{background:rgba(255,255,255,.1);color:#fff}

/* premium */
.premium__card{display:grid;gap:32px;align-items:center;border-radius:40px;padding:48px 24px 0;overflow:hidden;background:linear-gradient(120deg,var(--sun),#FFB98C 55%,var(--pink))}
.premium__card h2{font-size:clamp(38px,7vw,64px)}
.premium__card p{font-size:18px;max-width:44ch;margin-top:16px}
.premium__card .phone{justify-self:center;margin-bottom:-120px;transform:rotate(3deg)}
@media (min-width:900px){.premium__card{grid-template-columns:1fr 1fr;padding:72px 72px 0}}

/* faq */
.faq{display:grid;gap:10px;max-width:820px}
.faq details{background:#fff;border-radius:22px;padding:18px 22px}
.faq summary{font-weight:700;font-size:18px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:10px;opacity:.8}

/* cta */
.cta{margin:0 var(--side) var(--sv);border-radius:40px;background:var(--ink);color:var(--cream);text-align:center;padding:64px 24px}
.cta h2{font-size:clamp(48px,10vw,96px);font-weight:900}
.cta .store{border-color:var(--cream)}
.cta .store--dark{background:var(--cream);color:var(--ink)}

@media (prefers-reduced-motion:reduce){.store{transition:none}}