{"id":265,"date":"2026-09-17T20:39:11","date_gmt":"2026-09-17T18:39:11","guid":{"rendered":"https:\/\/driftstudio.no\/?page_id=265"},"modified":"2026-09-17T20:39:11","modified_gmt":"2026-09-17T18:39:11","slug":"hemmelig-lapp","status":"publish","type":"page","link":"https:\/\/driftstudio.no\/index.php\/hemmelig-lapp\/","title":{"rendered":"Hemmelig Lapp"},"content":{"rendered":"\n<main id=\"hemmeliglapp-page\" class=\"hl-page\">\n\n  <style>\n    #hemmeliglapp-page,\n    #hemmeliglapp-page * {\n      box-sizing: border-box;\n    }\n\n    #hemmeliglapp-page {\n      --hl-bg: #04131a;\n      --hl-bg-2: #061c25;\n      --hl-card: rgba(255,255,255,0.07);\n      --hl-card-strong: rgba(255,255,255,0.11);\n      --hl-border: rgba(255,255,255,0.10);\n      --hl-text: #f5fbff;\n      --hl-muted: #a8bdc7;\n      --hl-cyan: #22e1d2;\n      --hl-blue: #25a8ff;\n      --hl-mint: #4af0c7;\n      --hl-red: #ff4665;\n\n      margin: 0;\n      padding: 0;\n      background:\n        radial-gradient(\n          circle at 15% 0%,\n          rgba(34,225,210,0.18),\n          transparent 28%\n        ),\n        radial-gradient(\n          circle at 85% 10%,\n          rgba(37,168,255,0.16),\n          transparent 26%\n        ),\n        linear-gradient(\n          180deg,\n          var(--hl-bg),\n          #031017 45%,\n          #020b10 100%\n        );\n      color: var(--hl-text);\n      font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"SF Pro Display\",\n        \"Segoe UI\",\n        sans-serif;\n      overflow: hidden;\n    }\n\n    .hl-wrap {\n      width: min(1180px, calc(100% - 32px));\n      margin: 0 auto;\n    }\n\n    .hl-section {\n      padding: 84px 0;\n    }\n\n    .hl-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 13px;\n      border-radius: 999px;\n      border: 1px solid rgba(34,225,210,0.22);\n      background: rgba(34,225,210,0.08);\n      color: var(--hl-cyan);\n      font-size: 14px;\n      font-weight: 800;\n      letter-spacing: .02em;\n    }\n\n    .hl-title {\n      margin: 14px 0 16px;\n      font-size: clamp(38px, 7vw, 76px);\n      line-height: .98;\n      letter-spacing: -.045em;\n      font-weight: 900;\n    }\n\n    .hl-section-title {\n      margin: 14px 0 12px;\n      font-size: clamp(30px, 5vw, 48px);\n      line-height: 1.05;\n      letter-spacing: -.03em;\n      font-weight: 900;\n    }\n\n    .hl-lead {\n      max-width: 700px;\n      margin: 0;\n      color: var(--hl-muted);\n      font-size: 19px;\n      line-height: 1.65;\n    }\n\n    .hl-muted {\n      color: var(--hl-muted);\n    }\n\n    .hl-gradient-text {\n      background:\n        linear-gradient(\n          90deg,\n          var(--hl-mint),\n          var(--hl-cyan),\n          var(--hl-blue)\n        );\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    \/* HERO *\/\n\n    .hl-hero {\n      min-height: 92vh;\n      display: flex;\n      align-items: center;\n      padding: 72px 0 52px;\n      position: relative;\n    }\n\n    .hl-hero-grid {\n      display: grid;\n      grid-template-columns: 1.08fr .92fr;\n      gap: 58px;\n      align-items: center;\n    }\n\n    .hl-hero-copy p {\n      max-width: 650px;\n      color: var(--hl-muted);\n      font-size: 20px;\n      line-height: 1.65;\n      margin: 0 0 28px;\n    }\n\n    .hl-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n\n    .hl-button {\n      appearance: none;\n      border: 0;\n      cursor: pointer;\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 52px;\n      padding: 0 20px;\n      border-radius: 17px;\n      font-size: 16px;\n      font-weight: 850;\n      transition:\n        transform .2s ease,\n        opacity .2s ease,\n        border-color .2s ease;\n    }\n\n    .hl-button:hover {\n      transform: translateY(-2px);\n    }\n\n    .hl-button-primary {\n      color: #001418;\n      background:\n        linear-gradient(\n          90deg,\n          var(--hl-mint),\n          var(--hl-cyan),\n          var(--hl-blue)\n        );\n      box-shadow:\n        0 12px 40px rgba(34,225,210,0.18);\n    }\n\n    .hl-button-secondary {\n      color: var(--hl-text);\n      background: rgba(255,255,255,0.06);\n      border: 1px solid var(--hl-border);\n    }\n\n    .hl-hero-art {\n      position: relative;\n      display: flex;\n      justify-content: center;\n    }\n\n    .hl-hero-art::before {\n      content: \"\";\n      position: absolute;\n      width: 430px;\n      height: 430px;\n      border-radius: 50%;\n      background:\n        radial-gradient(\n          circle,\n          rgba(34,225,210,0.23),\n          rgba(37,168,255,0.10) 42%,\n          transparent 70%\n        );\n      filter: blur(12px);\n    }\n\n    .hl-splash {\n      width: min(100%, 470px);\n      position: relative;\n      z-index: 1;\n      border-radius: 34px;\n      display: block;\n      box-shadow:\n        0 30px 80px rgba(0,0,0,0.36),\n        0 0 70px rgba(34,225,210,0.10);\n    }\n\n    \/* TRUST *\/\n\n    .hl-trust {\n      padding: 0 0 50px;\n    }\n\n    .hl-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 14px;\n    }\n\n    .hl-trust-card {\n      padding: 18px;\n      background: var(--hl-card);\n      border: 1px solid var(--hl-border);\n      border-radius: 20px;\n    }\n\n    .hl-trust-card strong {\n      display: block;\n      margin-bottom: 5px;\n      font-size: 16px;\n    }\n\n    .hl-trust-card span {\n      color: var(--hl-muted);\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    \/* CARDS *\/\n\n    .hl-grid-3 {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n      margin-top: 34px;\n    }\n\n    .hl-card {\n      position: relative;\n      padding: 25px;\n      background: var(--hl-card);\n      border: 1px solid var(--hl-border);\n      border-radius: 26px;\n      backdrop-filter: blur(18px);\n    }\n\n    .hl-card h3 {\n      margin: 12px 0 8px;\n      font-size: 22px;\n    }\n\n    .hl-card p {\n      color: var(--hl-muted);\n      margin: 0;\n      line-height: 1.6;\n    }\n\n    .hl-icon {\n      width: 52px;\n      height: 52px;\n      display: grid;\n      place-items: center;\n      border-radius: 17px;\n      background:\n        linear-gradient(\n          135deg,\n          rgba(74,240,199,0.20),\n          rgba(37,168,255,0.15)\n        );\n      border: 1px solid rgba(34,225,210,0.17);\n      color: var(--hl-cyan);\n      font-size: 24px;\n      font-weight: 900;\n    }\n\n    \/* SCREENSHOT SHOWCASE *\/\n\n    .hl-showcase {\n      display: grid;\n      grid-template-columns: .9fr 1.1fr;\n      gap: 48px;\n      align-items: center;\n    }\n\n    .hl-device-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 14px;\n    }\n\n    .hl-shot {\n      width: 100%;\n      display: block;\n      border-radius: 28px;\n      border: 1px solid rgba(255,255,255,0.10);\n      box-shadow:\n        0 20px 60px rgba(0,0,0,0.32);\n    }\n\n    \/* GUIDE *\/\n\n    .hl-steps {\n      display: grid;\n      gap: 14px;\n      margin-top: 30px;\n    }\n\n    .hl-step {\n      display: grid;\n      grid-template-columns: 48px 1fr;\n      gap: 16px;\n      align-items: start;\n      padding: 20px;\n      border-radius: 22px;\n      background: var(--hl-card);\n      border: 1px solid var(--hl-border);\n    }\n\n    .hl-step-number {\n      width: 42px;\n      height: 42px;\n      border-radius: 50%;\n      display: grid;\n      place-items: center;\n      color: #001418;\n      font-weight: 900;\n      background:\n        linear-gradient(\n          135deg,\n          var(--hl-mint),\n          var(--hl-cyan),\n          var(--hl-blue)\n        );\n    }\n\n    .hl-step h3 {\n      margin: 1px 0 6px;\n      font-size: 18px;\n    }\n\n    .hl-step p {\n      color: var(--hl-muted);\n      margin: 0;\n      line-height: 1.55;\n    }\n\n    \/* BUSINESS *\/\n\n    .hl-business {\n      border-radius: 36px;\n      padding: 38px;\n      background:\n        linear-gradient(\n          135deg,\n          rgba(34,225,210,0.09),\n          rgba(37,168,255,0.07)\n        );\n      border: 1px solid rgba(34,225,210,0.16);\n    }\n\n    \/* LEGAL *\/\n\n    .hl-legal-tabs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin: 28px 0 18px;\n    }\n\n    .hl-legal-button {\n      padding: 11px 16px;\n      border: 1px solid var(--hl-border);\n      border-radius: 14px;\n      color: var(--hl-text);\n      background: rgba(255,255,255,0.05);\n      font-weight: 800;\n      cursor: pointer;\n    }\n\n    .hl-legal-button.active {\n      color: #001418;\n      background:\n        linear-gradient(\n          90deg,\n          var(--hl-mint),\n          var(--hl-cyan)\n        );\n    }\n\n    .hl-legal-panel {\n      display: none;\n    }\n\n    .hl-legal-panel.active {\n      display: block;\n    }\n\n    .hl-legal-item {\n      margin-bottom: 12px;\n      padding: 19px;\n      border-radius: 20px;\n      background: var(--hl-card);\n      border: 1px solid var(--hl-border);\n    }\n\n    .hl-legal-item h3 {\n      margin: 0 0 8px;\n      font-size: 17px;\n    }\n\n    .hl-legal-item p {\n      margin: 0;\n      color: var(--hl-muted);\n      line-height: 1.65;\n    }\n\n    \/* FAQ *\/\n\n    .hl-faq {\n      display: grid;\n      gap: 10px;\n      margin-top: 28px;\n    }\n\n    .hl-faq details {\n      padding: 18px 20px;\n      background: var(--hl-card);\n      border: 1px solid var(--hl-border);\n      border-radius: 20px;\n    }\n\n    .hl-faq summary {\n      cursor: pointer;\n      font-weight: 850;\n      font-size: 17px;\n    }\n\n    .hl-faq p {\n      color: var(--hl-muted);\n      line-height: 1.6;\n      margin: 12px 0 0;\n    }\n\n    \/* FOOTER *\/\n\n    .hl-footer {\n      padding: 36px 0 50px;\n      border-top: 1px solid var(--hl-border);\n      color: var(--hl-muted);\n    }\n\n    .hl-footer-grid {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      flex-wrap: wrap;\n    }\n\n    .hl-brand {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n    }\n\n    .hl-brand img {\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n    }\n\n    .hl-brand strong {\n      color: var(--hl-text);\n      display: block;\n      font-size: 17px;\n    }\n\n    .hl-footer-links {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .hl-footer-links a {\n      color: var(--hl-muted);\n      text-decoration: none;\n    }\n\n    .hl-footer-links a:hover {\n      color: var(--hl-cyan);\n    }\n\n    \/* RESPONSIVE *\/\n\n    @media (max-width: 900px) {\n      .hl-hero-grid,\n      .hl-showcase {\n        grid-template-columns: 1fr;\n      }\n\n      .hl-grid-3,\n      .hl-trust-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .hl-hero {\n        min-height: auto;\n        padding-top: 48px;\n      }\n\n      .hl-hero-copy {\n        text-align: center;\n      }\n\n      .hl-hero-copy p,\n      .hl-lead {\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      .hl-actions {\n        justify-content: center;\n      }\n\n      .hl-hero-art {\n        order: -1;\n      }\n\n      .hl-splash {\n        max-height: 620px;\n        width: auto;\n        max-width: 100%;\n      }\n\n      .hl-business {\n        padding: 26px 20px;\n      }\n    }\n\n    @media (max-width: 560px) {\n      .hl-wrap {\n        width: min(100% - 22px, 1180px);\n      }\n\n      .hl-section {\n        padding: 60px 0;\n      }\n\n      .hl-device-row {\n        gap: 8px;\n      }\n\n      .hl-card {\n        padding: 20px;\n      }\n    }\n  <\/style>\n\n\n  <!-- HERO -->\n\n  <section class=\"hl-hero\">\n    <div class=\"hl-wrap hl-hero-grid\">\n\n      <div class=\"hl-hero-copy\">\n\n        <span class=\"hl-eyebrow\">\n          Hemmelige lapper p\u00e5 rett sted\n        <\/span>\n\n        <h1 class=\"hl-title\">\n          Legg igjen noe\n          <span class=\"hl-gradient-text\">som venter.<\/span>\n        <\/h1>\n\n        <p>\n          HemmeligLapp lar deg plassere digitale lapper p\u00e5 kartet.\n          En melding kan vente til riktig person kommer til riktig sted \u2013\n          eller deles offentlig slik at andre kan oppdage den.\n        <\/p>\n\n        <div class=\"hl-actions\">\n\n          <a\n            class=\"hl-button hl-button-primary\"\n            href=\"#slik-fungerer-det\"\n          >\n            Se hvordan det virker\n          <\/a>\n\n          <a\n            class=\"hl-button hl-button-secondary\"\n            href=\"#bedrift\"\n          >\n            For bedrifter\n          <\/a>\n\n        <\/div>\n      <\/div>\n\n\n      <div class=\"hl-hero-art\">\n\n        <img decoding=\"async\"\n          class=\"hl-splash\"\n          src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/splashview.png\"\n          alt=\"HemmeligLapp\"\n          loading=\"eager\"\n        >\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- TRUST -->\n\n  <section class=\"hl-trust\">\n\n    <div class=\"hl-wrap hl-trust-grid\">\n\n      <div class=\"hl-trust-card\">\n        <strong>\ud83d\udccd Stedsbasert<\/strong>\n        <span>\n          Lapppen kan vente til mottakeren er n\u00e6r nok.\n        <\/span>\n      <\/div>\n\n      <div class=\"hl-trust-card\">\n        <strong>\ud83d\udd10 Du velger hvem som ser<\/strong>\n        <span>\n          Privat, utvalgte personer eller offentlig.\n        <\/span>\n      <\/div>\n\n      <div class=\"hl-trust-card\">\n        <strong>\ud83c\udfea Klar for bedrifter<\/strong>\n        <span>\n          Lokale tilbud, ansatte og innl\u00f8sninger i samme l\u00f8sning.\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- BRUKSOMR\u00c5DER -->\n\n  <section class=\"hl-section\">\n\n    <div class=\"hl-wrap\">\n\n      <span class=\"hl-eyebrow\">\n        \u00c9n app \u2013 mange muligheter\n      <\/span>\n\n      <h2 class=\"hl-section-title\">\n        Fra en liten hilsen til et lokalt tilbud.\n      <\/h2>\n\n      <p class=\"hl-lead\">\n        HemmeligLapp er laget for b\u00e5de mennesker og bedrifter.\n        Det viktigste er enkelt: innholdet venter til det er relevant.\n      <\/p>\n\n\n      <div class=\"hl-grid-3\">\n\n        <article class=\"hl-card\">\n\n          <div class=\"hl-icon\">\n            \u2764\n          <\/div>\n\n          <h3>For deg<\/h3>\n\n          <p>\n            Legg igjen en hilsen, overraskelse, vits,\n            bilde eller melding p\u00e5 et sted som betyr noe.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"hl-card\">\n\n          <div class=\"hl-icon\">\n            \ud83d\udccd\n          <\/div>\n\n          <h3>Oppdag lapper<\/h3>\n\n          <p>\n            Finn offentlige lapper og innhold rundt deg,\n            eller \u00e5pne en privat lapp n\u00e5r du kommer n\u00e6r nok.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"hl-card\">\n\n          <div class=\"hl-icon\">\n            \ud83c\udfea\n          <\/div>\n\n          <h3>For bedrifter<\/h3>\n\n          <p>\n            Lag lokale tilbud som kundene kan oppdage,\n            \u00e5pne og l\u00f8se inn der bedriften faktisk befinner seg.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- SCREENSHOTS -->\n\n  <section class=\"hl-section\">\n\n    <div class=\"hl-wrap hl-showcase\">\n\n      <div>\n\n        <span class=\"hl-eyebrow\">\n          Bygget rundt kartet\n        <\/span>\n\n        <h2 class=\"hl-section-title\">\n          Det er stedet som gj\u00f8r lappen spesiell.\n        <\/h2>\n\n        <p class=\"hl-lead\">\n          Kartet gj\u00f8r det lett \u00e5 finne lapper,\n          se hva som finnes i n\u00e6rheten og holde oversikt over\n          egne og lagrede lapper.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"hl-device-row\">\n\n        <img decoding=\"async\"\n          class=\"hl-shot\"\n          src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/hemmelig-kart.png\"\n          alt=\"HemmeligLapp kart\"\n          loading=\"lazy\"\n        >\n\n        <img decoding=\"async\"\n          class=\"hl-shot\"\n          src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/Mine.png\"\n          alt=\"Mine lapper i HemmeligLapp\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- SLIK FUNGERER DET -->\n\n  <section\n    id=\"slik-fungerer-det\"\n    class=\"hl-section\"\n  >\n\n    <div class=\"hl-wrap\">\n\n      <span class=\"hl-eyebrow\">\n        Slik fungerer det\n      <\/span>\n\n      <h2 class=\"hl-section-title\">\n        Fire enkle steg.\n      <\/h2>\n\n\n      <div class=\"hl-steps\">\n\n        <article class=\"hl-step\">\n\n          <div class=\"hl-step-number\">\n            1\n          <\/div>\n\n          <div>\n            <h3>Lag en lapp<\/h3>\n            <p>\n              Skriv meldingen din og legg eventuelt til bilde\n              eller annet innhold.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"hl-step\">\n\n          <div class=\"hl-step-number\">\n            2\n          <\/div>\n\n          <div>\n            <h3>Velg stedet<\/h3>\n            <p>\n              Plasser lappen p\u00e5 kartet og bestem\n              hvor n\u00e6r mottakeren m\u00e5 v\u00e6re.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"hl-step\">\n\n          <div class=\"hl-step-number\">\n            3\n          <\/div>\n\n          <div>\n            <h3>Velg hvem som kan se<\/h3>\n            <p>\n              Gj\u00f8r den privat, del med utvalgte personer\n              eller la den v\u00e6re offentlig.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"hl-step\">\n\n          <div class=\"hl-step-number\">\n            4\n          <\/div>\n\n          <div>\n            <h3>La lappen vente<\/h3>\n            <p>\n              N\u00e5r mottakeren oppfyller vilk\u00e5rene for lappen,\n              kan den \u00e5pnes.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- BEDRIFT -->\n\n  <section\n    id=\"bedrift\"\n    class=\"hl-section\"\n  >\n\n    <div class=\"hl-wrap\">\n\n      <div class=\"hl-business\">\n\n        <span class=\"hl-eyebrow\">\n          HemmeligLapp for bedrifter\n        <\/span>\n\n        <h2 class=\"hl-section-title\">\n          Lokale tilbud som faktisk f\u00f8les lokale.\n        <\/h2>\n\n        <p class=\"hl-lead\">\n          Bedrifter kan opprette utsalgssteder,\n          publisere tilbud, styre antall innl\u00f8sninger\n          og f\u00f8lge aktivitet fra \u00e9n samlet bedriftsflate.\n        <\/p>\n\n\n        <div class=\"hl-grid-3\">\n\n          <article class=\"hl-card\">\n\n            <div class=\"hl-icon\">\n              \ud83c\udfec\n            <\/div>\n\n            <h3>Utsalgssteder<\/h3>\n\n            <p>\n              Koble tilbud til ett eller flere fysiske steder.\n            <\/p>\n\n          <\/article>\n\n\n          <article class=\"hl-card\">\n\n            <div class=\"hl-icon\">\n              \ud83c\udf9f\n            <\/div>\n\n            <h3>Tilbud og innl\u00f8sning<\/h3>\n\n            <p>\n              Sett gyldighet, antall tilgjengelige innl\u00f8sninger\n              og la ansatte kontrollere tilbudet.\n            <\/p>\n\n          <\/article>\n\n\n          <article class=\"hl-card\">\n\n            <div class=\"hl-icon\">\n              \ud83d\udcca\n            <\/div>\n\n            <h3>Statistikk<\/h3>\n\n            <p>\n              F\u00f8lg aktivitet og innl\u00f8sninger\n              direkte fra bedriftsoversikten.\n            <\/p>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ANSATTE -->\n\n  <section class=\"hl-section\">\n\n    <div class=\"hl-wrap hl-showcase\">\n\n      <div>\n\n        <img decoding=\"async\"\n          class=\"hl-shot\"\n          src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/profil.png\"\n          alt=\"HemmeligLapp bedriftsprofil\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n\n      <div>\n\n        <span class=\"hl-eyebrow\">\n          For ansatte\n        <\/span>\n\n        <h2 class=\"hl-section-title\">\n          Enkel n\u00e5r det er k\u00f8.\n        <\/h2>\n\n        <p class=\"hl-lead\">\n          Bedriften kan gi ansatte tilgang til det de trenger\n          for \u00e5 kontrollere og innl\u00f8se tilbud.\n          Arbeidsflyten er laget for \u00e5 v\u00e6re rask og enkel.\n        <\/p>\n\n\n        <div class=\"hl-steps\">\n\n          <article class=\"hl-step\">\n\n            <div class=\"hl-step-number\">\n              1\n            <\/div>\n\n            <div>\n              <h3>F\u00e5 tilgang fra bedriften<\/h3>\n              <p>\n                Administrator kobler den ansatte\n                til riktig bedrift og sted.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n\n          <article class=\"hl-step\">\n\n            <div class=\"hl-step-number\">\n              2\n            <\/div>\n\n            <div>\n              <h3>Skann kundens tilbud<\/h3>\n              <p>\n                HemmeligLapp kontrollerer om tilbudet kan brukes.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n\n          <article class=\"hl-step\">\n\n            <div class=\"hl-step-number\">\n              3\n            <\/div>\n\n            <div>\n              <h3>Registrer innl\u00f8sningen<\/h3>\n              <p>\n                Innl\u00f8sningen registreres p\u00e5 bedriften\n                og oppdaterer tilgjengelig antall.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- PERSONVERN OG VILK\u00c5R -->\n\n  <section\n    id=\"personvern\"\n    class=\"hl-section\"\n  >\n\n    <div class=\"hl-wrap\">\n\n      <span class=\"hl-eyebrow\">\n        Personvern og vilk\u00e5r\n      <\/span>\n\n      <h2 class=\"hl-section-title\">\n        Tydelig fra starten.\n      <\/h2>\n\n      <p class=\"hl-lead\">\n        Dette er samme hovedprinsipper som presenteres\n        ved f\u00f8rstegangsoppsett i HemmeligLapp.\n      <\/p>\n\n\n      <div class=\"hl-legal-tabs\">\n\n        <button\n          class=\"hl-legal-button active\"\n          data-panel=\"privacy\"\n        >\n          Personvern\n        <\/button>\n\n        <button\n          class=\"hl-legal-button\"\n          data-panel=\"terms\"\n        >\n          Vilk\u00e5r\n        <\/button>\n\n      <\/div>\n\n\n      <!-- PRIVACY -->\n\n      <div\n        id=\"hl-panel-privacy\"\n        class=\"hl-legal-panel active\"\n      >\n\n        <article class=\"hl-legal-item\">\n          <h3>1. Om personvern<\/h3>\n          <p>\n            HemmeligLapp er utviklet med m\u00e5l om \u00e5 samle inn\n            og bruke s\u00e5 lite personinformasjon som n\u00f8dvendig\n            for at tjenesten skal fungere.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>2. Konto og profil<\/h3>\n          <p>\n            Hvis du oppretter en konto, kan vi behandle opplysninger\n            som e-postadresse, brukeridentifikator, visningsnavn\n            og informasjon du selv legger til i profilen.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>3. Lapper og innhold<\/h3>\n          <p>\n            Innhold du oppretter kan lagres slik at det kan vises\n            til deg og personene du velger \u00e5 dele det med.\n            Dette kan omfatte tekst, bilder, valgt plassering,\n            tidspunkt, synlighet, svar og informasjon knyttet til lappen.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>4. Lokasjon<\/h3>\n          <p>\n            HemmeligLapp kan bruke enhetens posisjon for \u00e5 vise\n            lapper i n\u00e6rheten og avgj\u00f8re om du befinner deg n\u00e6r nok\n            til \u00e5 \u00e5pne en lokasjonsbasert lapp.\n            Tilgangen styres av tillatelsene du gir i iOS.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>5. \u00c5pninger, svar og reaksjoner<\/h3>\n          <p>\n            Appen kan registrere at en lapp er \u00e5pnet, besvart,\n            reagert p\u00e5 eller innl\u00f8st n\u00e5r dette er en del av funksjonen.\n            Dette brukes blant annet til lesebekreftelse,\n            aktivitet og statistikk.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>6. Bedriftsopplysninger<\/h3>\n          <p>\n            For bedriftskontoer kan vi behandle informasjon om bedriften,\n            utsalgssteder, administratorer, ansatte, tilbud,\n            innl\u00f8sninger og relevant bruksstatistikk.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>7. Kj\u00f8p og abonnement<\/h3>\n          <p>\n            Betaling skjer gjennom Apple.\n            HemmeligLapp mottar ikke betalingskortopplysningene dine.\n            Appen kan motta informasjon som er n\u00f8dvendig for \u00e5 kontrollere\n            hvilken abonnementstype som er aktiv.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>8. Sikkerhet<\/h3>\n          <p>\n            Begrenset teknisk informasjon kan behandles n\u00e5r det er n\u00f8dvendig\n            for drift, feils\u00f8king, sikkerhet og beskyttelse mot misbruk.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>9. Lagring og sletting<\/h3>\n          <p>\n            Opplysninger lagres s\u00e5 lenge de er n\u00f8dvendige for \u00e5 levere\n            tjenesten eller f\u00f8lge gjeldende regler.\n            Du kan be om innsyn, retting eller sletting\n            i samsvar med gjeldende personvernregler.\n          <\/p>\n        <\/article>\n\n      <\/div>\n\n\n      <!-- TERMS -->\n\n      <div\n        id=\"hl-panel-terms\"\n        class=\"hl-legal-panel\"\n      >\n\n        <article class=\"hl-legal-item\">\n          <h3>1. Om HemmeligLapp<\/h3>\n          <p>\n            HemmeligLapp lar brukere lage og dele digitale lapper\n            som kan v\u00e6re knyttet til et bestemt sted.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>2. Bruk av lokasjon<\/h3>\n          <p>\n            Enkelte funksjoner bruker posisjonen din for \u00e5 avgj\u00f8re\n            om du befinner deg n\u00e6r nok en lapp eller et sted.\n            GPS og andre posisjonstjenester kan v\u00e6re un\u00f8yaktige.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>3. Ditt ansvar<\/h3>\n          <p>\n            Du er ansvarlig for innholdet du oppretter og deler.\n            Appen skal ikke brukes til ulovlig innhold,\n            trakassering, trusler, svindel eller krenkelser.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>4. Private og offentlige lapper<\/h3>\n          <p>\n            Kontroller alltid hvem som kan se lappen.\n            Offentlige lapper kan bli sett av andre brukere.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>5. Bedrifter<\/h3>\n          <p>\n            Bedrifter er selv ansvarlige for at tilbud,\n            priser, gyldighet og markedsf\u00f8ring er korrekte\n            og f\u00f8lger gjeldende regler.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>6. Ansatte<\/h3>\n          <p>\n            Bedriften er ansvarlig for hvem som f\u00e5r ansattilgang\n            og for \u00e5 fjerne tilgangen n\u00e5r den ikke lenger skal brukes.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>7. Bedriftsabonnement<\/h3>\n          <p>\n            Betalte abonnement h\u00e5ndteres gjennom Apple.\n            Abonnement kan fornyes automatisk etter vilk\u00e5rene\n            som vises ved kj\u00f8pet.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>8. Misbruk<\/h3>\n          <p>\n            Innhold eller kontoer som bryter vilk\u00e5rene kan begrenses,\n            skjules eller fjernes.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>9. Tilgjengelighet<\/h3>\n          <p>\n            Vi arbeider for stabil drift,\n            men kan ikke garantere at tjenesten alltid er tilgjengelig\n            uten avbrudd eller feil.\n          <\/p>\n        <\/article>\n\n\n        <article class=\"hl-legal-item\">\n          <h3>10. Lovvalg<\/h3>\n          <p>\n            Vilk\u00e5rene reguleres av norsk rett s\u00e5 langt dette\n            er tillatt etter gjeldende lovgivning.\n          <\/p>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- FAQ -->\n\n  <section class=\"hl-section\">\n\n    <div class=\"hl-wrap\">\n\n      <span class=\"hl-eyebrow\">\n        Ofte stilte sp\u00f8rsm\u00e5l\n      <\/span>\n\n      <h2 class=\"hl-section-title\">\n        Litt greit \u00e5 vite.\n      <\/h2>\n\n\n      <div class=\"hl-faq\">\n\n        <details>\n          <summary>\n            M\u00e5 jeg ha konto?\n          <\/summary>\n\n          <p>\n            Enkelte funksjoner kan brukes uten full konto,\n            mens funksjoner som krever synkronisering,\n            private delinger eller bedriftsadministrasjon\n            kan kreve innlogging.\n          <\/p>\n        <\/details>\n\n\n        <details>\n          <summary>\n            Kan andre se n\u00f8yaktig hvor jeg er?\n          <\/summary>\n\n          <p>\n            Appen bruker lokasjon for funksjonene du gir tilgang til.\n            M\u00e5let er \u00e5 avgj\u00f8re om du er n\u00e6r et relevant sted eller en lapp,\n            ikke \u00e5 vise din l\u00f8pende posisjon til andre brukere.\n          <\/p>\n        <\/details>\n\n\n        <details>\n          <summary>\n            Hva skjer n\u00e5r jeg \u00e5pner en privat lapp?\n          <\/summary>\n\n          <p>\n            Der lesebekreftelse er aktivert,\n            kan avsenderen se at lappen er \u00e5pnet.\n          <\/p>\n        <\/details>\n\n\n        <details>\n          <summary>\n            Hvordan fungerer bedriftsabonnement?\n          <\/summary>\n\n          <p>\n            Abonnement kj\u00f8pes gjennom Apple og bestemmer blant annet\n            hvor mange utsalgssteder og aktive tilbud bedriften kan ha.\n          <\/p>\n        <\/details>\n\n\n        <details>\n          <summary>\n            Kan ansatte innl\u00f8se tilbud?\n          <\/summary>\n\n          <p>\n            Ja. En bedrift kan gi ansatte tilgang til funksjonene\n            de trenger for \u00e5 kontrollere og innl\u00f8se tilbud.\n          <\/p>\n        <\/details>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- FOOTER -->\n\n  <footer class=\"hl-footer\">\n\n    <div class=\"hl-wrap hl-footer-grid\">\n\n      <div class=\"hl-brand\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/driftstudio.no\/wp-content\/uploads\/2026\/09\/icon-hemmelig-lapp.png\"\n          alt=\"HemmeligLapp ikon\"\n        >\n\n        <div>\n          <strong>HemmeligLapp<\/strong>\n          <span>Utviklet av DriftStudio<\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"hl-footer-links\">\n\n        <a href=\"#personvern\">\n          Personvern\n        <\/a>\n\n        <a href=\"#personvern\">\n          Vilk\u00e5r\n        <\/a>\n\n        <a href=\"https:\/\/driftstudio.no\/\">\n          DriftStudio\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/footer>\n\n\n  <script>\n    (() => {\n      const root =\n        document.getElementById(\"hemmeliglapp-page\");\n\n      if (!root) return;\n\n      const buttons =\n        root.querySelectorAll(\".hl-legal-button\");\n\n      const panels =\n        root.querySelectorAll(\".hl-legal-panel\");\n\n      buttons.forEach((button) => {\n\n        button.addEventListener(\n          \"click\",\n          () => {\n\n            const panelName =\n              button.dataset.panel;\n\n            buttons.forEach((item) =>\n              item.classList.remove(\"active\")\n            );\n\n            panels.forEach((panel) =>\n              panel.classList.remove(\"active\")\n            );\n\n            button.classList.add(\"active\");\n\n            const panel =\n              root.querySelector(\n                \"#hl-panel-\" + panelName\n              );\n\n            if (panel) {\n              panel.classList.add(\"active\");\n            }\n          }\n        );\n      });\n    })();\n  <\/script>\n\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>Hemmelige lapper p\u00e5 rett sted Legg igjen noe som venter. HemmeligLapp lar deg plassere digitale lapper p\u00e5 kartet. En melding [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-265","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/pages\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/comments?post=265"}],"version-history":[{"count":1,"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/pages\/265\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/pages\/265\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/driftstudio.no\/index.php\/wp-json\/wp\/v2\/media?parent=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}