:root{--container-max: 1440px;--bg: #0b1020;--bg-2: #0f162c;--text: #e8ebf4;--muted: #a2abc5;--brand: #4da3ff;--brand-2: #7ad2ff;--ok: #69e18e;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 9999px;--btn-bg: var(--brand);--btn-fg: #082039;--btn-hover: color-mix(in oklab, var(--brand) 92%, black);--btn-ring: color-mix(in oklab, var(--brand) 55%, white);--gap: .75rem}@media (prefers-color-scheme: light){:root{--bg: #f6f7fb;--bg-2: #ffffff;--text: #0d1733;--muted: #4b567a;--shadow: 0 10px 30px rgba(10, 20, 60, .12)}}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 800px at -200px -100px,#4da3ff40,#4da3ff00 70%),radial-gradient(1000px 700px at 80% 0%,#7ad2ff2e,#7ad2ff00 60%);background-repeat:no-repeat;pointer-events:none;will-change:transform}@media (max-width: 600px) and (hover: none){body:before{position:absolute}}.container{max-width:clamp(320px,92vw,var(--container-max));margin:0 auto;padding:clamp(16px,2.5vw,24px)}.nav{display:flex;align-items:center;gap:20px;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:.5rem;font-family:Cookie,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;font-size:clamp(28px,4.2vw,44px);line-height:1;letter-spacing:.2px;user-select:none}.logo-ico{width:40px;height:40px;flex:0 0 40px;background:url(../img/linkofy-logo-128.webp) center/contain no-repeat}.logo-title{display:inline-block;transform:translateY(2px)}.nav-links{display:flex;gap:18px;color:var(--muted)}.nav-links a{opacity:.9}.nav-cta{display:flex;gap:var(--gap);flex-wrap:wrap}.btn{--h: 44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--h);padding:0 14px;border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);text-decoration:none;font:600 15px/1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 1px 2px #0000001f,var(--shadow);transition:transform .08s ease,background .15s ease,box-shadow .15s ease;border:1px solid rgba(255,255,255,.08)}.btn:hover{transform:translateY(-1px)}.btn:focus{outline:none;box-shadow:0 0 0 4px var(--btn-ring),var(--shadow)}.btn>img{display:block;height:calc(var(--h) * .55);width:auto;object-fit:contain;flex:0 0 auto}.btn.icon{width:var(--h);padding:0}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#082039;border:0}.btn.is-disabled,.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none;pointer-events:none}.hero{padding:48px 0 24px;display:grid;gap:28px;align-items:center;grid-template-columns:1fr 1fr}.hero>div:first-child{text-align:center;display:flex;flex-direction:column;align-items:center}.h-title{font-size:44px;line-height:1.1;margin:0 0 14px}.h-sub{color:var(--muted);margin-bottom:22px;max-width:55ch;margin-left:auto;margin-right:auto}.h-badges{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0 20px;justify-content:center}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:9999px;background:#7ad2ff29;color:#0f172a;border:1px solid rgba(0,0,0,.08);font:600 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hero .nav-cta{margin-top:24px!important;justify-content:center}.hero .nav-cta .btn{--h: 56px;padding:0 22px;font-size:16.5px;box-shadow:0 6px 16px #0000002e}@media (max-width:1000px){.hero{grid-template-columns:1fr}}.carousel{position:relative;border-radius:22px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff14,#ffffff08);overflow:hidden;isolation:isolate}.car-viewport{width:100%;aspect-ratio:16 / 11;max-height:min(62vh,820px);overflow:hidden;touch-action:pan-y}@media (min-width: 1400px){.car-viewport{max-height:min(68vh,900px)}}.car-track{display:flex;height:100%;will-change:transform;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.car-slide{flex:0 0 100%;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.car-btn{position:absolute;inset:50% auto auto;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid rgba(255,255,255,.14);background:#00000047;color:#fff;font-size:22px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);z-index:2}.car-prev{left:10px}.car-next{right:10px}.car-btn:hover{background:#0000005c}.car-btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.car-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:8px;z-index:2}.car-dot{width:9px;height:9px;border-radius:999px;background:#ffffff80;border:1px solid rgba(0,0,0,.2);cursor:pointer;transition:width .2s ease,background .15s ease}.car-dot[aria-current=true]{width:20px;background:var(--brand)}.mock{position:relative;border-radius:22px;background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12);overflow:hidden}.mock .bar{display:flex;gap:8px;padding:10px;background:linear-gradient(180deg,#ffffff24,#ffffff0a)}.dot{width:10px;height:10px;border-radius:50%;background:#ef6b5e}.dot:nth-child(2){background:#f4be4f}.dot:nth-child(3){background:#62c554}.mock .search{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;margin:10px 14px 0;padding:10px 12px}.mock .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:14px}.card{height:90px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.section{padding:54px 0}.sec-title{font-size:28px;margin:0 0 10px}.sec-sub{color:var(--muted);margin:0 0 24px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:18px;border-radius:16px;background:var(--bg-2);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.feature h3{margin:8px 0 6px;font-size:18px}.feature p{color:var(--muted);margin:0}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:18px}.shot{height:240px;border-radius:16px;background:linear-gradient(135deg,#4da3ff33,#4da3ff0d);border:1px solid rgba(255,255,255,.14)}.faq{max-width:800px}summary{cursor:pointer;padding:14px 16px;font-weight:600}details{border:1px solid rgba(255,255,255,.14);background:var(--bg-2);border-radius:12px;margin:10px 0;box-shadow:var(--shadow)}details[open] summary{border-bottom:1px solid rgba(255,255,255,.08)}details p{margin:0;padding:14px 16px;color:var(--muted)}footer{border-top:1px solid rgba(255,255,255,.08);padding:30px 0;color:var(--muted)}@media (max-width:1000px){.gallery{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}}@media (max-width:680px){.features{grid-template-columns:1fr}.h-title{font-size:34px}}@font-face{font-family:Cookie;src:url(../fonts/Cookie-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.sec-sub a{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:currentColor;text-decoration-thickness:.08em;text-underline-offset:3px;text-decoration-skip-ink:auto}.sec-sub a:hover,.sec-sub a:focus-visible,.sec-sub a:active,.sec-sub a:visited{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:currentColor}@supports not (text-decoration-style: dotted){.sec-sub a{text-decoration:none;border-bottom:1px dotted currentColor}.sec-sub a:hover,.sec-sub a:focus-visible,.sec-sub a:active,.sec-sub a:visited{border-bottom:1px dotted currentColor}}.ext{font-size:.8em;opacity:.7;vertical-align:baseline}
