{"id":17192,"date":"2026-07-03T07:46:59","date_gmt":"2026-07-03T07:46:59","guid":{"rendered":"https:\/\/addio.eu\/a1\/"},"modified":"2026-07-03T09:07:57","modified_gmt":"2026-07-03T09:07:57","slug":"a1","status":"publish","type":"page","link":"https:\/\/addio.eu\/sv\/a1\/","title":{"rendered":"A1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17192\" class=\"elementor elementor-17192 elementor-17087\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51895d7 e-con-full e-flex e-con e-parent\" data-id=\"51895d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b0af45 elementor-widget elementor-widget-html\" data-id=\"8b0af45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\r\n\r\n\r\n\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Beg\u00e4r en demoenhet \u2014 Addio<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --teal-900:#0B3335;\r\n    --teal-800:#0E4143;\r\n    --teal-700:#134F51;\r\n    --yellow:#F5C334;\r\n    --yellow-dim:#E0AF22;\r\n    --green:#17A672;\r\n    --off-white:#F5F4EF;\r\n    --off-white-dim:#EAE8DF;\r\n    --charcoal:#1A1E1D;\r\n    --charcoal-soft:#252B29;\r\n    --ink:#0F1412;\r\n    --line:rgba(255,255,255,0.14);\r\n    --line-dark:rgba(15,20,18,0.12);\r\n    --radius:6px;\r\n    --font-display:'Space Grotesk',sans-serif;\r\n    --font-body:'Inter',sans-serif;\r\n    --font-mono:'IBM Plex Mono',monospace;\r\n  }\r\n  *{box-sizing:border-box;margin:0;padding:0;}\r\n  html{scroll-behavior:smooth;}\r\n  body{\r\n    font-family:var(--font-body);\r\n    background:var(--off-white);\r\n    color:var(--charcoal);\r\n    line-height:1.5;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  img,svg{display:block;max-width:100%;}\r\n  a{color:inherit;text-decoration:none;}\r\n  ul{list-style:none;}\r\n  button{font-family:inherit;cursor:pointer;}\r\n  .wrap{max-width:1200px;margin:0 auto;padding:0 32px;}\r\n  .eyebrow{\r\n    font-family:var(--font-mono);\r\n    font-size:12px;\r\n    font-weight:600;\r\n    letter-spacing:0.12em;\r\n    text-transform:uppercase;\r\n  }\r\n  .eyebrow.on-dark{color:var(--yellow);}\r\n  .eyebrow.on-light{color:var(--teal-700);}\r\n  h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em;}\r\n  .section-title{font-size:clamp(26px,3.2vw,38px);color:var(--charcoal);margin:10px 0 14px;}\r\n  .section-title.on-dark{color:var(--off-white);}\r\n  .rule{width:56px;height:3px;background:var(--yellow);margin-bottom:22px;}\r\n  .lede{font-size:16px;color:#4A524F;max-width:640px;}\r\n  .lede.on-dark{color:rgba(245,244,239,0.72);}\r\n  section{padding:88px 0;}\r\n  @media(max-width:720px){section{padding:56px 0;}.wrap{padding:0 20px;}}\r\n \r\n  \/* focus visibility *\/\r\n  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{\r\n    outline:2px solid var(--yellow);outline-offset:2px;\r\n  }\r\n \r\n  \/* ---------- HEADER ---------- *\/\r\n  header{\r\n    position:sticky;top:0;z-index:50;\r\n    background:var(--charcoal);\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n  .nav-row{\r\n    display:flex;align-items:center;justify-content:space-between;\r\n    padding:16px 0;\r\n  }\r\n  .logo{\r\n    font-family:var(--font-display);font-weight:700;font-size:22px;\r\n    color:var(--green);letter-spacing:-0.02em;\r\n  }\r\n  .logo span{color:var(--off-white);font-weight:500;font-size:11px;font-family:var(--font-mono);\r\n    display:block;letter-spacing:0.08em;text-transform:uppercase;margin-top:2px;opacity:0.55;}\r\n  nav.primary-nav{display:flex;gap:32px;}\r\n  nav.primary-nav a{\r\n    font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;\r\n    color:var(--off-white);opacity:0.75;transition:opacity .15s;\r\n  }\r\n  nav.primary-nav a:hover{opacity:1;}\r\n  .header-actions{display:flex;align-items:center;gap:18px;}\r\n  .btn{\r\n    display:inline-flex;align-items:center;justify-content:center;gap:8px;\r\n    font-family:var(--font-body);font-weight:700;font-size:14px;\r\n    padding:13px 24px;border-radius:var(--radius);border:1.5px solid transparent;\r\n    transition:transform .12s ease, background .15s ease;\r\n    white-space:nowrap;\r\n  }\r\n  .btn:active{transform:translateY(1px);}\r\n  .btn-primary{background:var(--yellow);color:var(--ink);}\r\n  .btn-primary:hover{background:var(--yellow-dim);}\r\n  .btn-outline-dark{border-color:rgba(245,244,239,0.35);color:var(--off-white);background:transparent;}\r\n  .btn-outline-dark:hover{border-color:var(--off-white);}\r\n  .btn-outline-light{border-color:var(--teal-700);color:var(--teal-700);background:transparent;}\r\n  .btn-outline-light:hover{background:rgba(19,79,81,0.06);}\r\n  .btn-full{width:100%;}\r\n  .menu-toggle{display:none;background:none;border:0;color:var(--off-white);font-size:22px;}\r\n \r\n  @media(max-width:860px){\r\n    nav.primary-nav{\r\n      position:absolute;top:100%;left:0;right:0;\r\n      background:var(--charcoal);\r\n      flex-direction:column;gap:0;\r\n      border-bottom:1px solid var(--line);\r\n      max-height:0;overflow:hidden;transition:max-height .2s ease;\r\n    }\r\n    nav.primary-nav.open{max-height:260px;}\r\n    nav.primary-nav a{padding:14px 20px;border-top:1px solid var(--line);}\r\n    .menu-toggle{display:block;}\r\n    .header-actions .btn-primary{padding:11px 16px;font-size:12.5px;}\r\n  }\r\n \r\n  \/* ---------- HERO ---------- *\/\r\n  .hero{background:var(--teal-900);color:var(--off-white);padding:0;}\r\n  .hero-grid{\r\n    display:grid;grid-template-columns:1.05fr 0.95fr;\r\n    min-height:640px;\r\n  }\r\n  .hero-copy{\r\n    padding:80px 56px 64px 32px;\r\n    display:flex;flex-direction:column;justify-content:center;\r\n    max-width:640px;\r\n  }\r\n  .hero-copy .eyebrow{margin-bottom:18px;}\r\n  .hero-copy h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08;color:var(--off-white);margin-bottom:20px;}\r\n  .hero-copy p.support{font-size:17px;color:rgba(245,244,239,0.78);max-width:520px;margin-bottom:32px;}\r\n  .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px;}\r\n  .hero-note{\r\n    font-family:var(--font-mono);font-size:12px;color:rgba(245,244,239,0.55);\r\n    display:flex;align-items:center;gap:8px;\r\n  }\r\n  .hero-note svg{flex-shrink:0;}\r\n  .hero-visual{\r\n    position:relative;background:var(--charcoal);\r\n    border-left:1px solid var(--line);\r\n    display:flex;align-items:center;justify-content:center;\r\n    padding:40px;\r\n    overflow:hidden;\r\n  }\r\n  .hero-visual::before{\r\n    content:'';position:absolute;inset:0;\r\n    background-image:\r\n      linear-gradient(rgba(245,244,239,0.05) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(245,244,239,0.05) 1px, transparent 1px);\r\n    background-size:32px 32px;\r\n  }\r\n  .hero-visual svg{position:relative;z-index:1;width:100%;max-width:460px;}\r\n  @media(max-width:940px){\r\n    .hero-grid{grid-template-columns:1fr;min-height:0;}\r\n    .hero-copy{padding:56px 24px 40px;max-width:none;}\r\n    .hero-visual{padding:32px;min-height:320px;order:-1;}\r\n  }\r\n \r\n  \/* ---------- USE CASES ---------- *\/\r\n  .use-cases-grid{\r\n    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;\r\n  }\r\n  .use-card{\r\n    background:#fff;border:1px solid var(--line-dark);border-radius:var(--radius);\r\n    padding:28px 24px;\r\n  }\r\n  .use-card .tag{\r\n    font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.08em;\r\n    color:var(--green);text-transform:uppercase;margin-bottom:14px;display:block;\r\n  }\r\n  .use-card h3{font-size:19px;margin-bottom:10px;color:var(--charcoal);}\r\n  .use-card p{font-size:14.5px;color:#565F5C;}\r\n  @media(max-width:860px){.use-cases-grid{grid-template-columns:1fr;}}\r\n \r\n  \/* ---------- WHY ADDIO ---------- *\/\r\n  .why{background:var(--teal-800);color:var(--off-white);}\r\n  .why-grid{\r\n    display:grid;grid-template-columns:repeat(2,1fr);\r\n    gap:1px;background:var(--line);\r\n    margin-top:36px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;\r\n  }\r\n  .why-item{background:var(--teal-800);padding:30px 28px;}\r\n  .why-item h3{font-size:17px;color:var(--yellow);margin-bottom:8px;font-family:var(--font-body);font-weight:700;}\r\n  .why-item p{font-size:14.5px;color:rgba(245,244,239,0.75);}\r\n  @media(max-width:720px){.why-grid{grid-template-columns:1fr;}}\r\n \r\n  \/* ---------- SYSTEM DIAGRAM ---------- *\/\r\n  .system-diagram{margin-top:48px;}\r\n  .diagram-flow{display:flex;align-items:stretch;gap:0;}\r\n  .diagram-node{\r\n    flex:1;background:var(--teal-900);color:var(--off-white);\r\n    border-radius:var(--radius);padding:22px 16px;text-align:center;\r\n    display:flex;flex-direction:column;align-items:center;gap:10px;\r\n  }\r\n  .diagram-node .n{\r\n    font-family:var(--font-mono);font-size:11px;color:var(--yellow);letter-spacing:0.06em;\r\n  }\r\n  .diagram-node .icon{\r\n    width:42px;height:42px;border-radius:50%;background:rgba(23,166,114,0.18);\r\n    display:flex;align-items:center;justify-content:center;border:1px solid rgba(23,166,114,0.4);\r\n  }\r\n  .diagram-node h4{font-size:14px;font-family:var(--font-body);font-weight:700;}\r\n  .diagram-arrow{\r\n    flex:0 0 44px;display:flex;align-items:center;justify-content:center;color:var(--teal-700);\r\n  }\r\n  .diagram-node.control-center{background:var(--charcoal);}\r\n  .diagram-node.control-center .n{color:var(--green);}\r\n  @media(max-width:860px){\r\n    .diagram-flow{flex-direction:column;}\r\n    .diagram-arrow{transform:rotate(90deg);flex:0 0 32px;}\r\n  }\r\n \r\n  \/* ---------- PROOF \/ CONTACT ---------- *\/\r\n  .proof{background:var(--teal-900);color:var(--off-white);}\r\n  .proof-grid{\r\n    display:grid;grid-template-columns:1.3fr 1fr;gap:0;\r\n    border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:12px;\r\n  }\r\n  .proof-points{padding:36px 32px;background:var(--teal-800);}\r\n  .proof-points h3{font-size:18px;color:var(--off-white);margin-bottom:22px;}\r\n  .points-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}\r\n  .point{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;}\r\n  .point .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;}\r\n  .contact-card{padding:36px 32px;background:var(--charcoal);display:flex;flex-direction:column;justify-content:center;gap:16px;}\r\n  .contact-card .eyebrow{margin-bottom:2px;}\r\n  .contact-card .name{font-family:var(--font-display);font-size:20px;font-weight:600;}\r\n  .contact-card .loc{font-size:13px;color:rgba(245,244,239,0.6);}\r\n  .contact-links{display:flex;flex-direction:column;gap:10px;margin-top:6px;}\r\n  .contact-links a{\r\n    display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--off-white);\r\n  }\r\n  .contact-links a:hover{color:var(--yellow);}\r\n  @media(max-width:860px){.proof-grid{grid-template-columns:1fr;}.points-list{grid-template-columns:1fr 1fr;}}\r\n  @media(max-width:480px){.points-list{grid-template-columns:1fr;}}\r\n \r\n  \/* ---------- DEMO PROGRAMME ---------- *\/\r\n  .eligibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}\r\n  .elig-card{\r\n    border:1px solid var(--line-dark);border-radius:var(--radius);padding:26px 22px;background:#fff;\r\n  }\r\n  .elig-card .num{\r\n    font-family:var(--font-mono);font-size:12px;color:var(--green);font-weight:700;margin-bottom:12px;display:block;\r\n  }\r\n  .elig-card h3{font-size:16px;margin-bottom:8px;}\r\n  .elig-card p{font-size:14px;color:#565F5C;}\r\n  @media(max-width:860px){.eligibility-grid{grid-template-columns:1fr;}}\r\n \r\n  .steps{margin-top:44px;display:flex;flex-direction:column;gap:2px;}\r\n  .step-row{\r\n    display:grid;grid-template-columns:120px 1fr;\r\n    background:var(--yellow);border-radius:var(--radius);overflow:hidden;\r\n  }\r\n  .step-num{\r\n    background:var(--yellow);display:flex;align-items:center;justify-content:center;\r\n    font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--ink);\r\n  }\r\n  .step-body{background:var(--charcoal);color:var(--off-white);padding:20px 26px;display:flex;flex-direction:column;justify-content:center;}\r\n  .step-body strong{font-family:var(--font-body);font-size:15.5px;display:block;margin-bottom:4px;}\r\n  .step-body span{font-size:14px;color:rgba(245,244,239,0.72);}\r\n  @media(max-width:600px){.step-row{grid-template-columns:64px 1fr;}.step-num{font-size:24px;}}\r\n \r\n  .expect-note{\r\n    margin-top:36px;padding:22px 26px;background:var(--off-white-dim);\r\n    border-left:3px solid var(--green);border-radius:0 var(--radius) var(--radius) 0;\r\n    font-size:14.5px;color:#4A524F;max-width:760px;\r\n  }\r\n \r\n  \/* ---------- FORM ---------- *\/\r\n  .form-section{background:var(--charcoal);color:var(--off-white);}\r\n  .form-shell{\r\n    max-width:640px;margin:0 auto;background:var(--teal-900);\r\n    border:1px solid var(--line);border-radius:8px;padding:44px;margin-top:40px;\r\n  }\r\n  @media(max-width:640px){.form-shell{padding:28px 20px;}}\r\n  .step-indicator{display:flex;align-items:center;gap:14px;margin-bottom:34px;}\r\n  .step-pill{\r\n    display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;\r\n    color:rgba(245,244,239,0.4);\r\n  }\r\n  .step-pill .circle{\r\n    width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(245,244,239,0.3);\r\n    display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:700;font-size:12.5px;\r\n  }\r\n  .step-pill.active{color:var(--off-white);}\r\n  .step-pill.active .circle{background:var(--yellow);border-color:var(--yellow);color:var(--ink);}\r\n  .step-pill.done .circle{background:var(--green);border-color:var(--green);color:var(--ink);}\r\n  .step-connector{flex:1;height:1px;background:rgba(245,244,239,0.25);}\r\n \r\n  .form-panel{display:none;}\r\n  .form-panel.active{display:block;animation:fadein .25s ease;}\r\n  @keyframes fadein{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}\r\n \r\n  .field{margin-bottom:20px;}\r\n  .field label{\r\n    display:block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:0.05em;\r\n    text-transform:uppercase;color:rgba(245,244,239,0.65);margin-bottom:8px;\r\n  }\r\n  .field .opt{color:rgba(245,244,239,0.35);text-transform:none;font-style:italic;letter-spacing:0;}\r\n  .field input[type=text],.field input[type=email],.field input[type=tel],.field select,.field textarea{\r\n    width:100%;background:rgba(245,244,239,0.06);border:1px solid rgba(245,244,239,0.22);\r\n    border-radius:5px;padding:12px 14px;color:var(--off-white);font-family:var(--font-body);font-size:14.5px;\r\n    transition:border-color .15s;\r\n  }\r\n  .field textarea{resize:vertical;min-height:88px;}\r\n  .field input::placeholder,.field textarea::placeholder{color:rgba(245,244,239,0.32);}\r\n  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--yellow);}\r\n  .field select{appearance:none;background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%23F5F4EF'\/><\/svg>\");background-repeat:no-repeat;background-position:right 14px center;}\r\n  .row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}\r\n  @media(max-width:520px){.row-2{grid-template-columns:1fr;}}\r\n \r\n  .chip-group{display:flex;flex-wrap:wrap;gap:8px;}\r\n  .chip{\r\n    font-size:13px;padding:9px 14px;border:1px solid rgba(245,244,239,0.25);border-radius:20px;\r\n    color:rgba(245,244,239,0.75);cursor:pointer;transition:all .15s;\r\n  }\r\n  .chip input{display:none;}\r\n  .chip.selected{background:var(--yellow);color:var(--ink);border-color:var(--yellow);font-weight:700;}\r\n \r\n  .upload-box{\r\n    border:1.5px dashed rgba(245,244,239,0.3);border-radius:5px;padding:22px;text-align:center;\r\n    font-size:13px;color:rgba(245,244,239,0.55);\r\n  }\r\n  .upload-box strong{color:var(--off-white);display:block;margin-bottom:4px;font-size:14px;}\r\n \r\n  .confirmations{margin:28px 0 30px;display:flex;flex-direction:column;gap:12px;}\r\n  .confirm-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(245,244,239,0.75);}\r\n  .confirm-item input{margin-top:3px;flex-shrink:0;width:15px;height:15px;accent-color:var(--yellow);}\r\n \r\n  .form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:14px;}\r\n  .link-back{font-size:13px;color:rgba(245,244,239,0.6);font-weight:600;}\r\n  .link-back:hover{color:var(--off-white);}\r\n  .submit-note{font-size:12.5px;color:rgba(245,244,239,0.5);margin-top:14px;text-align:center;}\r\n \r\n  .success-panel{display:none;text-align:center;padding:20px 0;}\r\n  .success-panel.active{display:block;animation:fadein .3s ease;}\r\n  .success-icon{\r\n    width:56px;height:56px;border-radius:50%;background:rgba(23,166,114,0.18);border:1.5px solid var(--green);\r\n    display:flex;align-items:center;justify-content:center;margin:0 auto 20px;\r\n  }\r\n  .success-panel h3{font-size:22px;margin-bottom:10px;}\r\n  .success-panel p{font-size:14.5px;color:rgba(245,244,239,0.7);max-width:400px;margin:0 auto;}\r\n \r\n  \/* ---------- FOOTER ---------- *\/\r\n  footer{background:var(--ink);color:rgba(245,244,239,0.6);padding:40px 0;}\r\n  .footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}\r\n  .footer-nav{display:flex;gap:26px;flex-wrap:wrap;}\r\n  .footer-nav a{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}\r\n  .footer-nav a:hover{color:var(--off-white);}\r\n  .footer-logo{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--green);}\r\n  .footer-logo span{color:rgba(245,244,239,0.5);font-weight:400;font-size:12px;margin-left:8px;}\r\n  .copyright{font-size:12px;margin-top:22px;color:rgba(245,244,239,0.35);}\r\n \r\n  \/* reveal on scroll *\/\r\n  .reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease, transform .5s ease;}\r\n  .reveal.in{opacity:1;transform:translateY(0);}\r\n  @media(prefers-reduced-motion:reduce){\r\n    .reveal{opacity:1;transform:none;transition:none;}\r\n    html{scroll-behavior:auto;}\r\n  }\r\n<\/style>\r\n\r\n\r\n \r\n<header>\r\n  <div class=\"wrap nav-row\">\r\n    <a href=\"#top\" class=\"logo\">addio<span>Smartare styrning f\u00f6r arbetsfordon<\/span><\/a>\r\n    <nav class=\"primary-nav\" id=\"primaryNav\">\r\n      <a href=\"#use-cases\">Produkter<\/a>\r\n<a href=\"#system\">System<\/a>\r\n<a href=\"#why\">Programvara<\/a>\r\n<a href=\"#contact\">Kontakt<\/a>\r\n    <\/nav>\r\n    <div class=\"header-actions\">\r\n      <a href=\"#apply\" class=\"btn btn-primary\">Beg\u00e4r en demoenhet<\/a>\r\n<button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Toggle menu\">\u2630<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n \r\n<main id=\"top\">\r\n \r\n  <!-- HERO -->\r\n  <section class=\"hero\" style=\"padding:0;\">\r\n    <div class=\"hero-grid\">\r\n      <div class=\"hero-copy\">\r\n        <span class=\"eyebrow on-dark\">Addios demoenhetsprogram<\/span>\r\n        <h1>Smartare styrning f\u00f6r ditt n\u00e4sta arbetsfordonsprojekt.<\/h1>\r\n        <p class=\"support\">Planerar du en ny utrustning, eftermontering eller flottplattform? Ans\u00f6k om att utv\u00e4rdera Addios digitala styrsystem i ett verkligt australiensiskt fordonsprojekt och bed\u00f6m dess potential f\u00f6r framtida byggen eller flottutrullning. <\/p>\r\n        <div class=\"hero-ctas\">\r\n          <a href=\"#apply\" class=\"btn btn-primary\">Beg\u00e4r en demoenhet<\/a>\r\n<a href=\"#system\" class=\"btn btn-outline-dark\">Se hur Addio fungerar<\/a>\r\n        <\/div>\r\n        <div class=\"hero-note\">\r\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"6\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/circle><path d=\"M7 4.5v3M7 9.5h.01\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"><\/path><\/svg>\r\n Att skicka in en ans\u00f6kan garanterar inte godk\u00e4nnande.\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-visual\">\r\n        <svg viewbox=\"0 0 460 400\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <!-- schematic ute silhouette -->\r\n          <path d=\"M40 260 L40 220 L75 190 L150 190 L170 160 L280 160 L300 190 L400 190 L420 220 L420 260 Z\" stroke=\"#F5F4EF\" stroke-width=\"1.6\" stroke-opacity=\"0.5\" fill=\"none\"><\/path>\r\n          <circle cx=\"100\" cy=\"270\" r=\"24\" stroke=\"#F5C334\" stroke-width=\"1.8\"><\/circle>\r\n          <circle cx=\"100\" cy=\"270\" r=\"6\" fill=\"#F5C334\"><\/circle>\r\n          <circle cx=\"360\" cy=\"270\" r=\"24\" stroke=\"#F5C334\" stroke-width=\"1.8\"><\/circle>\r\n          <circle cx=\"360\" cy=\"270\" r=\"6\" fill=\"#F5C334\"><\/circle>\r\n          <line x1=\"124\" y1=\"270\" x2=\"336\" y2=\"270\" stroke=\"#F5F4EF\" stroke-opacity=\"0.25\" stroke-width=\"1.2\"><\/line>\r\n          <!-- control unit callout -->\r\n          <rect x=\"195\" y=\"200\" width=\"70\" height=\"46\" rx=\"3\" stroke=\"#17A672\" stroke-width=\"1.8\" fill=\"#17A672\" fill-opacity=\"0.12\"><\/rect>\r\n          <text x=\"230\" y=\"228\" text-anchor=\"middle\" font-family=\"IBM Plex Mono\" font-size=\"9\" fill=\"#17A672\" font-weight=\"600\">ADDIO<\/text>\r\n          <line x1=\"230\" y1=\"200\" x2=\"230\" y2=\"150\" stroke=\"#17A672\" stroke-width=\"1.2\" stroke-dasharray=\"3 3\"><\/line>\r\n          <circle cx=\"230\" cy=\"150\" r=\"3\" fill=\"#17A672\"><\/circle>\r\n          <text x=\"240\" y=\"140\" font-family=\"IBM Plex Mono\" font-size=\"10\" fill=\"#F5F4EF\" fill-opacity=\"0.6\">Control unit \u2014 installed<\/text>\r\n          <!-- callout labels -->\r\n          <line x1=\"75\" y1=\"190\" x2=\"75\" y2=\"130\" stroke=\"#F5F4EF\" stroke-opacity=\"0.3\" stroke-width=\"1\"><\/line>\r\n          <text x=\"80\" y=\"126\" font-family=\"IBM Plex Mono\" font-size=\"9\" fill=\"#F5F4EF\" fill-opacity=\"0.45\">Vehicle inputs<\/text>\r\n          <line x1=\"400\" y1=\"190\" x2=\"400\" y2=\"130\" stroke=\"#F5F4EF\" stroke-opacity=\"0.3\" stroke-width=\"1\"><\/line>\r\n          <text x=\"330\" y=\"126\" font-family=\"IBM Plex Mono\" font-size=\"9\" fill=\"#F5F4EF\" fill-opacity=\"0.45\">Outputs & equipment<\/text>\r\n          <!-- ground line -->\r\n          <line x1=\"20\" y1=\"300\" x2=\"440\" y2=\"300\" stroke=\"#F5F4EF\" stroke-opacity=\"0.15\" stroke-width=\"1\"><\/line>\r\n          <text x=\"20\" y=\"330\" font-family=\"IBM Plex Mono\" font-size=\"9\" fill=\"#F5F4EF\" fill-opacity=\"0.3\">FIG. 01 \u2014 DEMO INSTALLATION SCHEMATIC<\/text>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n \r\n  <!-- USE CASES -->\r\n  <section id=\"use-cases\">\r\n    <div class=\"wrap reveal\">\r\n      <span class=\"eyebrow on-light\">Till\u00e4mpningar<\/span>\r\n      <h2 class=\"section-title\">Tre s\u00e4tt att anv\u00e4nda Addio<\/h2>\r\n      <div class=\"rule\"><\/div>\r\n      <div class=\"use-cases-grid\">\r\n        <div class=\"use-card\">\r\n          <span class=\"tag\">Nybyggen<\/span>\r\n          <h3>Nybyggen<\/h3>\r\n          <p>Effektivisera produktionen f\u00f6r serviceflak, utryckningsfordon och specialiserade flotttillg\u00e5ngar.<\/p>\r\n        <\/div>\r\n        <div class=\"use-card\">\r\n          <span class=\"tag\">Eftermontering<\/span>\r\n          <h3>Eftermontering<\/h3>\r\n          <p>Uppgradera befintliga fordon med modern styrning och avancerade funktioner utan st\u00f6rre ombyggnad.<\/p>\r\n        <\/div>\r\n        <div class=\"use-card\">\r\n          <span class=\"tag\">Flottstandardisering<\/span>\r\n          <h3>Flottstandardisering<\/h3>\r\n          <p>Skapa en skalbar plattform fr\u00e5n en prototyp till upprepad produktion.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n \r\n  <!-- WHY ADDIO -->\r\n  <section class=\"why\" id=\"why\">\r\n    <div class=\"wrap reveal\">\r\n      <span class=\"eyebrow on-dark\">Varf\u00f6r Addio<\/span>\r\n      <h2 class=\"section-title on-dark\">Byggd f\u00f6r att ta bort komplexitet fr\u00e5n varje installation<\/h2>\r\n      <div class=\"rule\"><\/div>\r\n      <div class=\"why-grid\">\r\n        <div class=\"why-item\">\r\n          <h3>Snabbare installation<\/h3>\r\n          <p>F\u00e4rre kablar, rel\u00e4er, s\u00e4kringar och komponenter. Snabbare installationer med mindre som kan g\u00e5 fel. <\/p>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <h3>Logik i programvara<\/h3>\r\n          <p>\u00c4ndra funktioner och logik i programvaran ist\u00e4llet f\u00f6r att koppla om fordonet.<\/p>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <h3>Skalbar flotta<\/h3>\r\n          <p>Spara och \u00e5teranv\u00e4nd fordonsprofiler \u00f6ver flera plattformar.<\/p>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <h3>Renare installationer<\/h3>\r\n          <p>Elektroniskt skydd, batterihantering och inbyggd diagnostik st\u00f6djer mer tillf\u00f6rlitliga byggen.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n \r\n  <!-- SYSTEM DIAGRAM -->\r\n  <section id=\"system\">\r\n    <div class=\"wrap reveal\">\r\n      <span class=\"eyebrow on-light\">Plattformen<\/span>\r\n      <h2 class=\"section-title\">Ett intelligent system<\/h2>\r\n      <div class=\"rule\"><\/div>\r\n      <p class=\"lede\">Varje ing\u00e5ng, utg\u00e5ng och styrningsalternativ g\u00e5r genom en enda enhet \u2014 konfigurerad i programvara, \u00f6vervakad fr\u00e5n Addio Control Center.<\/p>\r\n      <div class=\"system-diagram\">\r\n        <div class=\"diagram-flow\">\r\n          <div class=\"diagram-node\">\r\n            <span class=\"n\">01<\/span>\r\n            <div class=\"icon\"><svg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"6\" stroke=\"#17A672\" stroke-width=\"1.4\" fill=\"none\"><\/circle><\/svg><\/div>\r\n            <h4>Fordonsintag<\/h4>\r\n          <\/div>\r\n          <div class=\"diagram-arrow\"><svg width=\"20\" height=\"12\" viewbox=\"0 0 20 12\"><path d=\"M0 6h17M12 1l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\"><\/path><\/svg><\/div>\r\n          <div class=\"diagram-node\">\r\n            <span class=\"n\">02<\/span>\r\n            <div class=\"icon\"><svg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\"><rect x=\"4\" y=\"4\" width=\"10\" height=\"10\" stroke=\"#17A672\" stroke-width=\"1.4\" fill=\"none\"><\/rect><\/svg><\/div>\r\n            <h4>Addio-styrenhet<\/h4>\r\n          <\/div>\r\n          <div class=\"diagram-arrow\"><svg width=\"20\" height=\"12\" viewbox=\"0 0 20 12\"><path d=\"M0 6h17M12 1l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\"><\/path><\/svg><\/div>\r\n          <div class=\"diagram-node\">\r\n            <span class=\"n\">03<\/span>\r\n            <div class=\"icon\"><svg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\"><path d=\"M4 14V6l5-3 5 3v8\" stroke=\"#17A672\" stroke-width=\"1.4\" fill=\"none\"><\/path><\/svg><\/div>\r\n            <h4>Utg\u00e5ngar & utrustning<\/h4>\r\n          <\/div>\r\n          <div class=\"diagram-arrow\"><svg width=\"20\" height=\"12\" viewbox=\"0 0 20 12\"><path d=\"M0 6h17M12 1l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\"><\/path><\/svg><\/div>\r\n          <div class=\"diagram-node\">\r\n            <span class=\"n\">04<\/span>\r\n            <div class=\"icon\"><svg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\"><path d=\"M9 3v12M4 9h10\" stroke=\"#17A672\" stroke-width=\"1.4\"><\/path><\/svg><\/div>\r\n            <h4>Styrningsalternativ<\/h4>\r\n          <\/div>\r\n          <div class=\"diagram-arrow\"><svg width=\"20\" height=\"12\" viewbox=\"0 0 20 12\"><path d=\"M0 6h17M12 1l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.4\" fill=\"none\"><\/path><\/svg><\/div>\r\n          <div class=\"diagram-node control-center\">\r\n            <span class=\"n\">05<\/span>\r\n            <div class=\"icon\"><svg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"3\" fill=\"#17A672\"><\/circle><circle cx=\"9\" cy=\"9\" r=\"7\" stroke=\"#17A672\" stroke-width=\"1.2\" fill=\"none\"><\/circle><\/svg><\/div>\r\n            <h4>Addio Control Center<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n \r\n  <!-- PROOF + CONTACT -->\r\n  <section class=\"proof\" id=\"contact\">\r\n    <div class=\"wrap reveal\">\r\n      <span class=\"eyebrow on-dark\">Lokalt bevis<\/span>\r\n      <h2 class=\"section-title on-dark\">Byggd f\u00f6r australiensiska f\u00f6rh\u00e5llanden. St\u00f6ds lokalt. <\/h2>\r\n      <div class=\"proof-grid\">\r\n        <div class=\"proof-points\">\r\n          <h3>Varf\u00f6r team h\u00e4r v\u00e4ljer Addio<\/h3>\r\n          <div class=\"points-list\">\r\n            <div class=\"point\"><span class=\"dot\"><\/span>Designad & tillverkad i Sverige<\/div>\r\n            <div class=\"point\"><span class=\"dot\"><\/span>Lokal support i Australien<\/div>\r\n            <div class=\"point\"><span class=\"dot\"><\/span>Byggd f\u00f6r professionella arbetsmilj\u00f6er<\/div>\r\n            <div class=\"point\"><span class=\"dot\"><\/span>Upp till tre \u00e5rs garanti<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-card\">\r\n          <span class=\"eyebrow on-dark\">Prata med Anders<\/span>\r\n          <div class=\"name\">Anders Ivert<\/div>\r\n          <div class=\"loc\">Sydney, Australien<\/div>\r\n          <div class=\"contact-links\">\r\n             <a href=\"tel:+61451970246\">\r\n<svg width=\"15\" height=\"15\" viewbox=\"0 0 15 15\" fill=\"none\"><path d=\"M3 2h3l1.5 3.5L5.5 7a8 8 0 0 0 4.5 4.5l1.5-2L14 11v3a1 1 0 0 1-1 1C7.5 15 0 7.5 0 2a1 1 0 0 1 1-1h2z\" stroke=\"currentColor\" stroke-width=\"1\"><\/path><\/svg>\r\n 0451 970 246\r\n<\/a>\r\n<a href=\"mailto:anders.ivert@addio.eu\">\r\n<svg width=\"15\" height=\"15\" viewbox=\"0 0 15 15\" fill=\"none\"><rect x=\"1\" y=\"3\" width=\"13\" height=\"9\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1\"><\/rect><path d=\"M1 4l6.5 5L14 4\" stroke=\"currentColor\" stroke-width=\"1\"><\/path><\/svg>\r\n anders.ivert@addio.eu\r\n<\/a> \r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n \r\n  <!-- DEMO PROGRAMME -->\r\n  <section>\r\n    <div class=\"wrap reveal\">\r\n      <span class=\"eyebrow on-light\">Demoprogram<\/span>\r\n      <h2 class=\"section-title\">Testa Addio i ett verkligt fordonsprojekt<\/h2>\r\n      <div class=\"rule\"><\/div>\r\n      <p class=\"lede\">Utvalda professionella projekt kan f\u00e5 en demouppst\u00e4llning anpassad till den avsedda installationen och funktionerna. Syftet \u00e4r att installera, utv\u00e4rdera och dokumentera Addio i praktiken, och sedan bed\u00f6ma om det \u00e4r l\u00e4mpligt f\u00f6r framtida byggen, produktion eller flottanv\u00e4ndning. <\/p>\r\n \r\n      <div class=\"eligibility-grid\">\r\n        <div class=\"elig-card\">\r\n          <span class=\"num\">Kryss 01<\/span>\r\n          <h3>Ett verkligt projekt<\/h3>\r\n          <p>Du har ett specifikt fordon, utrustning eller maskin och vet vad du vill styra.<\/p>\r\n        <\/div>\r\n        <div class=\"elig-card\">\r\n          <span class=\"num\">Kryss 02<\/span>\r\n          <h3>En praktisk installationsplan<\/h3>\r\n          <p>Du har kompetensen, verkstaden eller installationspartnern som kr\u00e4vs f\u00f6r att slutf\u00f6ra bygget.<\/p>\r\n        <\/div>\r\n        <div class=\"elig-card\">\r\n          <span class=\"num\">Kryss 03<\/span>\r\n          <h3>Ett trov\u00e4rdigt n\u00e4sta steg<\/h3>\r\n          <p>Ett lyckat test kan leda till upprepade installationer, fler enheter eller en bredare kommersiell relation.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n \r\n      <div class=\"steps\">\r\n        <div class=\"step-row\">\r\n          <div class=\"step-num\">1<\/div>\r\n          <div class=\"step-body\"><strong>Ans\u00f6k<\/strong><span>Ber\u00e4tta om ditt f\u00f6retag och ditt projekt.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"step-row\">\r\n          <div class=\"step-num\">2<\/div>\r\n          <div class=\"step-body\"><strong>Granska<\/strong><span>Addio bed\u00f6mer relevans, beredskap och framtida potential.<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"step-row\">\r\n          <div class=\"step-num\">3<\/div>\r\n          <div class=\"step-body\"><strong>Installera och utv\u00e4rdera<\/strong><span>Utvalda s\u00f6kande kommer \u00f6verens om uppst\u00e4llningen, testar den, delar feedback och dokumenterar installationen.<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n \r\n      <p class=\"expect-note\">Utvalda s\u00f6kande m\u00e5ste slutf\u00f6ra en verklig installation, ge praktisk feedback, dela relevanta foton eller video och tagga Addio i \u00f6verenskomna inl\u00e4gg p\u00e5 sociala medier. All extern marknadsf\u00f6ringsanv\u00e4ndning av inl\u00e4mnat inneh\u00e5ll m\u00e5ste \u00f6verenskommas separat. <\/p>\r\n    <\/div>\r\n  <\/section>\r\n \r\n  <!-- FORM -->\r\n  <section class=\"form-section\" id=\"apply\">\r\n    <div class=\"wrap reveal\">\r\n      <span class=\"eyebrow on-dark\">Ans\u00f6kan<\/span>\r\n      <h2 class=\"section-title on-dark\">Beg\u00e4r en demoenhet<\/h2>\r\n      <p class=\"lede on-dark\">Uppn\u00e5eligt p\u00e5 ungef\u00e4r tre minuter. Detaljerad teknisk kvalificering sker efter att Addio identifierat ett lovande projekt. <\/p>\r\n \r\n      <form class=\"form-shell\" id=\"demoForm\">\r\n \r\n        <div id=\"formSteps\">\r\n          <div class=\"step-indicator\">\r\n            <div class=\"step-pill active\" id=\"pillStep1\"><span class=\"circle\">1<\/span> Om dig & f\u00f6retaget<\/div>\r\n            <div class=\"step-connector\"><\/div>\r\n            <div class=\"step-pill\" id=\"pillStep2\"><span class=\"circle\">2<\/span> Ditt projekt<\/div>\r\n          <\/div>\r\n \r\n          <!-- STEP 1 -->\r\n          <div class=\"form-panel active\" id=\"panelStep1\">\r\n            <div class=\"field\"><label for=\"fullname\">Fullst\u00e4ndigt namn<\/label><input type=\"text\" id=\"fullname\" required=\"\" placeholder=\"Jordan Smith\"><\/div>\r\n            <div class=\"field\"><label for=\"email\">Jobbmail<\/label><input type=\"email\" id=\"email\" required=\"\" placeholder=\"jordan@company.com.au\"><\/div>\r\n            <div class=\"row-2\">\r\n              <div class=\"field\"><label for=\"company\">F\u00f6retag<\/label><input type=\"text\" id=\"company\" required=\"\" placeholder=\"F\u00f6retagsnamn\"><\/div>\r\n              <div class=\"field\"><label for=\"role\">Roll<\/label><input type=\"text\" id=\"role\" required=\"\" placeholder=\"Din position\"><\/div>\r\n            <\/div>\r\n            <div class=\"row-2\">\r\n              <div class=\"field\"><label for=\"phone\">Telefon <span class=\"opt\">(valfritt)<\/span><\/label><input type=\"tel\" id=\"phone\" placeholder=\"04xx xxx xxx\"><\/div>\r\n              <div class=\"field\"><label for=\"state\">Delstat eller territorium<\/label>\r\n                <select id=\"state\" required=\"\">\r\n                  <option value=\"\">V\u00e4lj\u2026<\/option>\r\n                  <option>NSW<\/option><option>VIC<\/option><option>QLD<\/option><option>WA<\/option>\r\n                  <option>SA<\/option><option>TAS<\/option><option>ACT<\/option><option>NT<\/option>\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"field\"><label for=\"ctype\">F\u00f6retagstyp<\/label>\r\n              <select id=\"ctype\" required=\"\">\r\n                <option value=\"\">V\u00e4lj\u2026<\/option>\r\n                <option>Fordonsutbyggare \/ karossbyggare<\/option>\r\n                <option>Flottoperat\u00f6r<\/option>\r\n                <option>R\u00e4ddningstj\u00e4nst<\/option>\r\n                <option>OEM \/ tillverkare<\/option>\r\n                <option>Installat\u00f6r \/ verkstad<\/option>\r\n                <option>Annat<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"form-nav\" style=\"justify-content:flex-end;\">\r\n              <button type=\"button\" class=\"btn btn-primary\" id=\"toStep2\">N\u00e4sta: ber\u00e4tta om ditt projekt<\/button>\r\n            <\/div>\r\n          <\/div>\r\n \r\n          <!-- STEP 2 -->\r\n          <div class=\"form-panel\" id=\"panelStep2\">\r\n            <div class=\"field\"><label for=\"build\">Vad planerar du att bygga eller eftermontera?<\/label>\r\n              <textarea id=\"build\" required=\"\" placeholder=\"Beskriv fordonet, utrustningen eller maskinen och vad du siktar p\u00e5 att uppn\u00e5\"><\/textarea>\r\n            <\/div>\r\n            <div class=\"row-2\">\r\n              <div class=\"field\"><label for=\"vtype\">Fordons- eller utrustningstyp<\/label>\r\n                <select id=\"vtype\" required=\"\">\r\n                  <option value=\"\">V\u00e4lj\u2026<\/option>\r\n                  <option>Pickup \/ l\u00e4tt lastbil<\/option>\r\n                  <option>Serviceflak<\/option>\r\n                  <option>Utryckningsfordon<\/option>\r\n                  <option>Maskineri \/ utrustning<\/option>\r\n                  <option>Annat<\/option>\r\n                <\/select>\r\n              <\/div>\r\n              <div class=\"field\"><label for=\"timing\">N\u00e4r f\u00f6rv\u00e4ntar du dig att installera det?<\/label>\r\n                <select id=\"timing\" required=\"\">\r\n                  <option value=\"\">V\u00e4lj\u2026<\/option>\r\n<option>Inom 1 m\u00e5nad<\/option>\r\n<option>1\u20133 m\u00e5nader<\/option>\r\n<option>3\u20136 m\u00e5nader<\/option>\r\n<option>6+ m\u00e5nader<\/option>\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"field\"><label>Vilka funktioner vill du styra?<\/label>\r\n              <div class=\"chip-group\" id=\"functionsGroup\">\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Lighting\">Belysning<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Power outlets\">Str\u00f6muttag<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Winch\">Vinsch<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Battery management\">Batterihantering<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Beacons & sirens\">Varningsljus & sirener<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Compressor\">Kompressor<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Other equipment\">Annan utrustning<\/label>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"field\"><label for=\"installer\">Vem kommer att slutf\u00f6ra installationen?<\/label>\r\n              <select id=\"installer\" required=\"\">\r\n                <option value=\"\">V\u00e4lj\u2026<\/option>\r\n<option>Vi installerar internt<\/option>\r\n<option>En installationspartner<\/option>\r\n<option>Inte bekr\u00e4ftat \u00e4nnu<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"field\"><label for=\"followup\">Vad kan f\u00f6lja p\u00e5 en lyckad utv\u00e4rdering?<\/label>\r\n              <textarea id=\"followup\" required=\"\" placeholder=\"t.ex. upprepade installationer, en flottutrullning, l\u00f6pande leverans\"><\/textarea>\r\n            <\/div>\r\n            <div class=\"field\"><label>Projektbild eller skiss <span class=\"opt\">(valfritt)<\/span><\/label>\r\n              <div class=\"upload-box\"><strong>Sl\u00e4pp en fil eller klicka f\u00f6r att ladda upp<\/strong>PNG, JPG eller PDF \u2014 max 10 MB<\/div>\r\n            <\/div>\r\n \r\n            <div class=\"confirmations\">\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Jag f\u00f6rst\u00e5r att detta \u00e4r en ans\u00f6kan och att godk\u00e4nnande inte \u00e4r garanterat.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Demon kommer att anv\u00e4ndas i en verklig professionell installation eller utv\u00e4rderingsprojekt.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Om vi v\u00e4ljs ut kommer vi att slutf\u00f6ra utv\u00e4rderingen och ge praktisk feedback.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Vi kommer att dokumentera projektet med relevanta foton och, d\u00e4r det \u00e4r praktiskt, video.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\">Vi kan tagga Addio i \u00f6verenskomna inl\u00e4gg p\u00e5 sociala medier som r\u00f6r projektet.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Addio f\u00e5r kontakta mig och behandla mina uppgifter enligt integritetspolicyn.<\/label>\r\n            <\/div>\r\n \r\n            <div class=\"form-nav\">\r\n              <a href=\"#\" class=\"link-back\" id=\"backStep1\">\u2190 Tillbaka<\/a>\r\n<button type=\"submit\" class=\"btn btn-primary\">Skicka ans\u00f6kan<\/button>\r\n            <\/div>\r\n            <p class=\"submit-note\">Addio kommer att granska ditt projekt och kontakta dig om det verkar l\u00e4mpligt f\u00f6r programmet.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n \r\n        <!-- SUCCESS -->\r\n        <div class=\"success-panel\" id=\"successPanel\">\r\n          <div class=\"success-icon\"><svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L19 7\" stroke=\"#17A672\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\r\n          <h3>Ans\u00f6kan mottagen<\/h3>\r\n          <p>Tack \u2014 Addio kommer att granska ditt projekt och h\u00f6ra av sig om det verkar vara en bra match f\u00f6r demoprogrammet. En bekr\u00e4ftelse har skickats till din jobbmail. <\/p>\r\n        <\/div>\r\n \r\n      <\/form>\r\n    <\/div>\r\n  <\/section>\r\n \r\n<\/main>\r\n \r\n<footer>\r\n  <div class=\"wrap\">\r\n    <div class=\"footer-row\">\r\n      <a href=\"#top\" class=\"footer-logo\">addio<span>Smartare styrning f\u00f6r arbetsfordon.<\/span><\/a>\r\n<nav class=\"footer-nav\">\r\n<a href=\"#use-cases\">Produkter<\/a>\r\n<a href=\"#system\">System<\/a>\r\n<a href=\"#why\">Programvara<\/a>\r\n<a href=\"#contact\">Kontakt<\/a>\r\n<\/nav> \r\n    <\/div>\r\n    <p class=\"copyright\">\u00a9 Addio. Utvecklingsbrief mockup \u2014 Australiensisk marknad, beg\u00e4r-en-demoenhet-sida. <\/p>\r\n  <\/div>\r\n<\/footer>\r\n \r\n<script>\r\n  \/\/ mobile menu\r\n  const menuToggle = document.getElementById('menuToggle');\r\n  const primaryNav = document.getElementById('primaryNav');\r\n  menuToggle.addEventListener('click', () => primaryNav.classList.toggle('open'));\r\n \r\n  \/\/ step form logic\r\n  const panel1 = document.getElementById('panelStep1');\r\n  const panel2 = document.getElementById('panelStep2');\r\n  const pill1 = document.getElementById('pillStep1');\r\n  const pill2 = document.getElementById('pillStep2');\r\n  const toStep2 = document.getElementById('toStep2');\r\n  const backStep1 = document.getElementById('backStep1');\r\n  const form = document.getElementById('demoForm');\r\n  const formSteps = document.getElementById('formSteps');\r\n  const successPanel = document.getElementById('successPanel');\r\n \r\n  function requiredFilled(panel){\r\n    const fields = panel.querySelectorAll('[required]');\r\n    for(const f of fields){\r\n      if(f.type === 'checkbox'){ if(!f.checked) return false; }\r\n      else if(!f.value.trim()) return false;\r\n    }\r\n    return true;\r\n  }\r\n \r\n  toStep2.addEventListener('click', () => {\r\n    if(!requiredFilled(panel1)){\r\n      panel1.querySelectorAll('[required]').forEach(f=>{\r\n        if(!f.value.trim()) f.style.borderColor = '#E0AF22';\r\n      });\r\n      return;\r\n    }\r\n    panel1.classList.remove('active');\r\n    panel2.classList.add('active');\r\n    pill1.classList.remove('active'); pill1.classList.add('done');\r\n    pill2.classList.add('active');\r\n  });\r\n \r\n  backStep1.addEventListener('click', (e) => {\r\n    e.preventDefault();\r\n    panel2.classList.remove('active');\r\n    panel1.classList.add('active');\r\n    pill2.classList.remove('active');\r\n    pill1.classList.add('active'); pill1.classList.remove('done');\r\n  });\r\n \r\n  \/\/ function chips toggle\r\n  document.querySelectorAll('#functionsGroup .chip').forEach(chip=>{\r\n    chip.addEventListener('click', () => {\r\n      const input = chip.querySelector('input');\r\n      input.checked = !input.checked;\r\n      chip.classList.toggle('selected', input.checked);\r\n    });\r\n  });\r\n \r\n  form.addEventListener('submit', (e) => {\r\n    e.preventDefault();\r\n    if(!requiredFilled(panel2)) return;\r\n    formSteps.style.display = 'none';\r\n    successPanel.classList.add('active');\r\n  });\r\n \r\n  \/\/ scroll reveal\r\n  const revealEls = document.querySelectorAll('.reveal');\r\n  const io = new IntersectionObserver((entries)=>{\r\n    entries.forEach(en=>{ if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); } });\r\n  }, {threshold:0.12});\r\n  revealEls.forEach(el=>io.observe(el));\r\n<\/script>\r\n \r\n\r\n\r\n \r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Beg\u00e4r en demoenhet \u2014 Addio addioSmartare styrning f\u00f6r arbetsfordon Produkter System Programvara Kontakt Beg\u00e4r en demoenhet \u2630 Addios demoenhetsprogram Smartare styrning f\u00f6r ditt n\u00e4sta arbetsfordonsprojekt. Planerar du en ny utrustning, eftermontering eller flottplattform? Ans\u00f6k om att utv\u00e4rdera Addios digitala styrsystem i ett verkligt australiensiskt fordonsprojekt och bed\u00f6m dess potential f\u00f6r framtida byggen eller flottutrullning. Beg\u00e4r [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-17192","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>A1 - Addio Electronics<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/addio.eu\/sv\/a1\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A1 - Addio Electronics\" \/>\n<meta property=\"og:description\" content=\"Beg\u00e4r en demoenhet \u2014 Addio addioSmartare styrning f\u00f6r arbetsfordon Produkter System Programvara Kontakt Beg\u00e4r en demoenhet \u2630 Addios demoenhetsprogram Smartare styrning f\u00f6r ditt n\u00e4sta arbetsfordonsprojekt. Planerar du en ny utrustning, eftermontering eller flottplattform? Ans\u00f6k om att utv\u00e4rdera Addios digitala styrsystem i ett verkligt australiensiskt fordonsprojekt och bed\u00f6m dess potential f\u00f6r framtida byggen eller flottutrullning. Beg\u00e4r [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addio.eu\/sv\/a1\/\" \/>\n<meta property=\"og:site_name\" content=\"Addio Electronics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AddioElectronicsAB\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-03T09:07:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/addio.eu\/sv\/a1\/\",\"url\":\"https:\/\/addio.eu\/sv\/a1\/\",\"name\":\"A1 - Addio Electronics\",\"isPartOf\":{\"@id\":\"https:\/\/addio.eu\/sv\/#website\"},\"datePublished\":\"2026-07-03T07:46:59+00:00\",\"dateModified\":\"2026-07-03T09:07:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/addio.eu\/sv\/a1\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/addio.eu\/sv\/a1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/addio.eu\/sv\/a1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/addio.eu\/sv\/addios-startsida\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/addio.eu\/sv\/#website\",\"url\":\"https:\/\/addio.eu\/sv\/\",\"name\":\"addio.eu\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/addio.eu\/sv\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/addio.eu\/sv\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/addio.eu\/sv\/#organization\",\"name\":\"Addio electronics\",\"url\":\"https:\/\/addio.eu\/sv\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/addio.eu\/sv\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/addio.eu\/wp-content\/uploads\/2024\/10\/Lager_1-1.svg\",\"contentUrl\":\"https:\/\/addio.eu\/wp-content\/uploads\/2024\/10\/Lager_1-1.svg\",\"width\":89,\"height\":26,\"caption\":\"Addio electronics\"},\"image\":{\"@id\":\"https:\/\/addio.eu\/sv\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/AddioElectronicsAB\/\",\"https:\/\/www.linkedin.com\/company\/addio-electronics-ab\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A1 - Addio Electronics","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/addio.eu\/sv\/a1\/","og_locale":"sv_SE","og_type":"article","og_title":"A1 - Addio Electronics","og_description":"Beg\u00e4r en demoenhet \u2014 Addio addioSmartare styrning f\u00f6r arbetsfordon Produkter System Programvara Kontakt Beg\u00e4r en demoenhet \u2630 Addios demoenhetsprogram Smartare styrning f\u00f6r ditt n\u00e4sta arbetsfordonsprojekt. Planerar du en ny utrustning, eftermontering eller flottplattform? Ans\u00f6k om att utv\u00e4rdera Addios digitala styrsystem i ett verkligt australiensiskt fordonsprojekt och bed\u00f6m dess potential f\u00f6r framtida byggen eller flottutrullning. Beg\u00e4r [&hellip;]","og_url":"https:\/\/addio.eu\/sv\/a1\/","og_site_name":"Addio Electronics","article_publisher":"https:\/\/www.facebook.com\/AddioElectronicsAB\/","article_modified_time":"2026-07-03T09:07:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Ber\u00e4knad l\u00e4stid":"4 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addio.eu\/sv\/a1\/","url":"https:\/\/addio.eu\/sv\/a1\/","name":"A1 - Addio Electronics","isPartOf":{"@id":"https:\/\/addio.eu\/sv\/#website"},"datePublished":"2026-07-03T07:46:59+00:00","dateModified":"2026-07-03T09:07:57+00:00","breadcrumb":{"@id":"https:\/\/addio.eu\/sv\/a1\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addio.eu\/sv\/a1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/addio.eu\/sv\/a1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addio.eu\/sv\/addios-startsida\/"},{"@type":"ListItem","position":2,"name":"A1"}]},{"@type":"WebSite","@id":"https:\/\/addio.eu\/sv\/#website","url":"https:\/\/addio.eu\/sv\/","name":"addio.eu","description":"","publisher":{"@id":"https:\/\/addio.eu\/sv\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addio.eu\/sv\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/addio.eu\/sv\/#organization","name":"Addio electronics","url":"https:\/\/addio.eu\/sv\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/addio.eu\/sv\/#\/schema\/logo\/image\/","url":"https:\/\/addio.eu\/wp-content\/uploads\/2024\/10\/Lager_1-1.svg","contentUrl":"https:\/\/addio.eu\/wp-content\/uploads\/2024\/10\/Lager_1-1.svg","width":89,"height":26,"caption":"Addio electronics"},"image":{"@id":"https:\/\/addio.eu\/sv\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/AddioElectronicsAB\/","https:\/\/www.linkedin.com\/company\/addio-electronics-ab"]}]}},"_links":{"self":[{"href":"https:\/\/addio.eu\/sv\/wp-json\/wp\/v2\/pages\/17192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addio.eu\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addio.eu\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addio.eu\/sv\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/addio.eu\/sv\/wp-json\/wp\/v2\/comments?post=17192"}],"version-history":[{"count":2,"href":"https:\/\/addio.eu\/sv\/wp-json\/wp\/v2\/pages\/17192\/revisions"}],"predecessor-version":[{"id":17230,"href":"https:\/\/addio.eu\/sv\/wp-json\/wp\/v2\/pages\/17192\/revisions\/17230"}],"wp:attachment":[{"href":"https:\/\/addio.eu\/sv\/wp-json\/wp\/v2\/media?parent=17192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}