{"id":17186,"date":"2026-07-03T07:46:59","date_gmt":"2026-07-03T07:46:59","guid":{"rendered":"https:\/\/addio.eu\/a1\/"},"modified":"2026-07-03T09:07:37","modified_gmt":"2026-07-03T09:07:37","slug":"a1","status":"publish","type":"page","link":"https:\/\/addio.eu\/fi\/a1\/","title":{"rendered":"A1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17186\" class=\"elementor elementor-17186 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>Pyyd\u00e4 demolaite \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>\u00c4lykk\u00e4\u00e4mp\u00e4\u00e4 ohjausta ty\u00f6ajoneuvoihin<\/span><\/a>\r\n    <nav class=\"primary-nav\" id=\"primaryNav\">\r\n      <a href=\"#use-cases\">Tuotteet<\/a>\r\n      <a href=\"#system\">J\u00e4rjestelm\u00e4<\/a>\r\n      <a href=\"#why\">Ohjelmisto<\/a>\r\n      <a href=\"#contact\">Yhteystiedot<\/a>\r\n    <\/nav>\r\n    <div class=\"header-actions\">\r\n      <a href=\"#apply\" class=\"btn btn-primary\">Pyyd\u00e4 demolaite<\/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\">Addio-demolaiteohjelma<\/span>\r\n        <h1>\u00c4lykk\u00e4\u00e4mp\u00e4\u00e4 ohjausta seuraavaan ty\u00f6ajoneuvoprojektiisi.<\/h1>\r\n        <p class=\"support\">Suunnitteletko uutta varustusta, j\u00e4lkiasennusta tai kalustoalustaa? Hae arvioidaksesi Addion digitaalista ohjausj\u00e4rjestelm\u00e4\u00e4 aidossa australialaisessa ajoneuvoprojektissa ja arvioi sen potentiaalia tuleville projekteille tai kaluston laajennukselle. <\/p>\r\n        <div class=\"hero-ctas\">\r\n          <a href=\"#apply\" class=\"btn btn-primary\">Pyyd\u00e4 demolaite<\/a>\r\n          <a href=\"#system\" class=\"btn btn-outline-dark\">Katso miten Addio toimii<\/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  Hakemuksen j\u00e4tt\u00e4minen ei takaa hyv\u00e4ksynt\u00e4\u00e4.\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\">Sovellukset<\/span>\r\n      <h2 class=\"section-title\">Kolme tapaa k\u00e4ytt\u00e4\u00e4 Addiota<\/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\">Uudet projektit<\/span>\r\n          <h3>Uudet projektit<\/h3>\r\n          <p>Tehosta tuotantoa huoltokoreja, h\u00e4lytysajoneuvoja ja erikoistuneita kalustoyksik\u00f6it\u00e4 varten.<\/p>\r\n        <\/div>\r\n        <div class=\"use-card\">\r\n          <span class=\"tag\">J\u00e4lkiasennus<\/span>\r\n          <h3>J\u00e4lkiasennus<\/h3>\r\n          <p>P\u00e4ivit\u00e4 olemassa olevat ajoneuvot nykyaikaisella ohjauksella ja edistyneill\u00e4 toiminnoilla ilman suuria muutost\u00f6it\u00e4.<\/p>\r\n        <\/div>\r\n        <div class=\"use-card\">\r\n          <span class=\"tag\">Kaluston yhten\u00e4ist\u00e4minen<\/span>\r\n          <h3>Kaluston yhten\u00e4ist\u00e4minen<\/h3>\r\n          <p>Luo skaalautuva alusta yhdest\u00e4 prototyypist\u00e4 toistuvaan tuotantoon.<\/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\">Miksi Addio<\/span>\r\n      <h2 class=\"section-title on-dark\">Rakennettu poistamaan monimutkaisuus jokaisesta asennuksesta<\/h2>\r\n      <div class=\"rule\"><\/div>\r\n      <div class=\"why-grid\">\r\n        <div class=\"why-item\">\r\n          <h3>Nopeampi asennus<\/h3>\r\n          <p>V\u00e4hemm\u00e4n kaapeleita, releit\u00e4, sulakkeita ja komponentteja. Nopeammat asennukset ja v\u00e4hemm\u00e4n vikoja. <\/p>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <h3>Logiikka ohjelmistossa<\/h3>\r\n          <p>Muuta toimintoja ja logiikkaa ohjelmistossa sen sijaan, ett\u00e4 uudelleenkaapeloisit ajoneuvon.<\/p>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <h3>Skaalautuva kalusto<\/h3>\r\n          <p>Tallenna ja k\u00e4yt\u00e4 ajoneuvoprofiileja uudelleen useilla alustoilla.<\/p>\r\n        <\/div>\r\n        <div class=\"why-item\">\r\n          <h3>Siistimm\u00e4t asennukset<\/h3>\r\n          <p>Elektroninen suojaus, akkujen hallinta ja sis\u00e4\u00e4nrakennettu diagnostiikka tukevat luotettavampia asennuksia.<\/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\">Alusta<\/span>\r\n      <h2 class=\"section-title\">Yksi \u00e4lyk\u00e4s j\u00e4rjestelm\u00e4<\/h2>\r\n      <div class=\"rule\"><\/div>\r\n      <p class=\"lede\">Jokainen tulo, l\u00e4ht\u00f6 ja ohjausvaihtoehto kulkee yhden yksik\u00f6n kautta \u2014 m\u00e4\u00e4ritetty ohjelmistossa, valvottu Addio Control Centerist\u00e4.<\/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>Ajoneuvon tulot<\/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-ohjausyksikk\u00f6<\/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>L\u00e4hd\u00f6t & laitteet<\/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>Ohjausvaihtoehdot<\/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\">Paikallinen todiste<\/span>\r\n      <h2 class=\"section-title on-dark\">Rakennettu australialaisiin olosuhteisiin. Tuettu paikallisesti. <\/h2>\r\n      <div class=\"proof-grid\">\r\n        <div class=\"proof-points\">\r\n          <h3>Miksi t\u00e4k\u00e4l\u00e4iset tiimit valitsevat Addion<\/h3>\r\n          <div class=\"points-list\">\r\n            <div class=\"point\"><span class=\"dot\"><\/span>Suunniteltu & valmistettu Ruotsissa<\/div>\r\n            <div class=\"point\"><span class=\"dot\"><\/span>Paikallinen tuki Australiassa<\/div>\r\n            <div class=\"point\"><span class=\"dot\"><\/span>Rakennettu ammattimaisiin ty\u00f6ymp\u00e4rist\u00f6ihin<\/div>\r\n            <div class=\"point\"><span class=\"dot\"><\/span>Jopa kolmen vuoden takuu<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-card\">\r\n          <span class=\"eyebrow on-dark\">Keskustele Andersin kanssa<\/span>\r\n          <div class=\"name\">Anders Ivert<\/div>\r\n          <div class=\"loc\">Sydney, Australia<\/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\">Demo-ohjelma<\/span>\r\n      <h2 class=\"section-title\">Testaa Addiota aidossa ajoneuvoprojektissa<\/h2>\r\n      <div class=\"rule\"><\/div>\r\n      <p class=\"lede\">Valitut ammattiprojektit voivat saada suunniteltuun asennukseen ja toimintoihin sopivan demo-kokoonpanon. Tarkoituksena on asentaa, arvioida ja dokumentoida Addio k\u00e4yt\u00e4nn\u00f6ss\u00e4 ja arvioida sitten, sopiiko se tuleville projekteille, tuotantoon tai kaluston k\u00e4ytt\u00f6\u00f6n. <\/p>\r\n \r\n      <div class=\"eligibility-grid\">\r\n        <div class=\"elig-card\">\r\n          <span class=\"num\">Tarkistus 01<\/span>\r\n          <h3>Aito projekti<\/h3>\r\n          <p>Sinulla on tietty ajoneuvo, varustus tai kone ja tied\u00e4t mit\u00e4 haluat ohjata.<\/p>\r\n        <\/div>\r\n        <div class=\"elig-card\">\r\n          <span class=\"num\">Tarkistus 02<\/span>\r\n          <h3>K\u00e4yt\u00e4nn\u00f6llinen asennussuunnitelma<\/h3>\r\n          <p>Sinulla on osaaminen, ty\u00f6paja tai asennuskumppani, joka tarvitaan projektin loppuunsaattamiseen.<\/p>\r\n        <\/div>\r\n        <div class=\"elig-card\">\r\n          <span class=\"num\">Tarkistus 03<\/span>\r\n          <h3>Uskottava seuraava askel<\/h3>\r\n          <p>Onnistunut testi voisi johtaa toistuviin asennuksiin, useampiin yksik\u00f6ihin tai laajempaan kaupalliseen suhteeseen.<\/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>Hae<\/strong><span>Kerro meille yrityksest\u00e4si ja projektistasi.<\/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>Arviointi<\/strong><span>Addio arvioi relevanssin, valmiuden ja tulevan potentiaalin.<\/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>Asenna ja arvioi<\/strong><span>Valitut hakijat sopivat kokoonpanon, testaavat sen, jakavat palautetta ja dokumentoivat asennuksen.<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n \r\n      <p class=\"expect-note\">Valittujen hakijoiden on suoritettava aito asennus, annettava k\u00e4yt\u00e4nn\u00f6n palautetta, jaettava asiaankuuluvia kuvia tai videota ja merkitt\u00e4v\u00e4 Addio sovituissa sosiaalisen median julkaisuissa. L\u00e4hetetyn sis\u00e4ll\u00f6n ulkoinen markkinointik\u00e4ytt\u00f6 on sovittava erikseen. <\/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\">Hakemus<\/span>\r\n      <h2 class=\"section-title on-dark\">Pyyd\u00e4 demolaite<\/h2>\r\n      <p class=\"lede on-dark\">Toteutettavissa noin kolmessa minuutissa. Yksityiskohtainen tekninen p\u00e4tev\u00f6ityminen tapahtuu sen j\u00e4lkeen, kun Addio tunnistaa lupaavan projektin. <\/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> Sinusta & yrityksest\u00e4<\/div>\r\n            <div class=\"step-connector\"><\/div>\r\n            <div class=\"step-pill\" id=\"pillStep2\"><span class=\"circle\">2<\/span> Projektistasi<\/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\">Koko nimen<\/label><input type=\"text\" id=\"fullname\" required=\"\" placeholder=\"Jordan Smith\"><\/div>\r\n            <div class=\"field\"><label for=\"email\">Ty\u00f6s\u00e4hk\u00f6posti<\/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\">Yritys<\/label><input type=\"text\" id=\"company\" required=\"\" placeholder=\"Yrityksen nimi\"><\/div>\r\n              <div class=\"field\"><label for=\"role\">Rooli<\/label><input type=\"text\" id=\"role\" required=\"\" placeholder=\"Asemasi\"><\/div>\r\n            <\/div>\r\n            <div class=\"row-2\">\r\n              <div class=\"field\"><label for=\"phone\">Puhelin <span class=\"opt\">(valinnainen)<\/span><\/label><input type=\"tel\" id=\"phone\" placeholder=\"04xx xxx xxx\"><\/div>\r\n              <div class=\"field\"><label for=\"state\">Osavaltio tai alue<\/label>\r\n                <select id=\"state\" required=\"\">\r\n                  <option value=\"\">Valitse\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\">Yritystyyppi<\/label>\r\n              <select id=\"ctype\" required=\"\">\r\n                <option value=\"\">Valitse\u2026<\/option>\r\n                <option>Ajoneuvojen varustaja \/ korivalmistaja<\/option>\r\n                <option>Kaluston yll\u00e4pit\u00e4j\u00e4<\/option>\r\n                <option>H\u00e4t\u00e4palvelut<\/option>\r\n                <option>OEM \/ valmistaja<\/option>\r\n                <option>Asentaja \/ ty\u00f6paja<\/option>\r\n                <option>Muu<\/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\">Seuraavaksi: kerro projektistasi<\/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\">Mit\u00e4 aiot rakentaa tai j\u00e4lkiasentaa?<\/label>\r\n              <textarea id=\"build\" required=\"\" placeholder=\"Kuvaile ajoneuvo, varustus tai kone ja mit\u00e4 pyrit saavuttamaan\"><\/textarea>\r\n            <\/div>\r\n            <div class=\"row-2\">\r\n              <div class=\"field\"><label for=\"vtype\">Ajoneuvo- tai laitetyyppi<\/label>\r\n                <select id=\"vtype\" required=\"\">\r\n                  <option value=\"\">Valitse\u2026<\/option>\r\n                  <option>Pakettiauto \/ kevyt hy\u00f6tyajoneuvo<\/option>\r\n                  <option>Huoltokori<\/option>\r\n                  <option>H\u00e4lytysajoneuvo<\/option>\r\n                  <option>Kone \/ laite<\/option>\r\n                  <option>Muu<\/option>\r\n                <\/select>\r\n              <\/div>\r\n              <div class=\"field\"><label for=\"timing\">Milloin odotat asentavasi sen?<\/label>\r\n                <select id=\"timing\" required=\"\">\r\n                  <option value=\"\">Valitse\u2026<\/option>\r\n                  <option>Kuukauden sis\u00e4ll\u00e4<\/option>\r\n                  <option>1\u20133 kuukautta<\/option>\r\n                  <option>3\u20136 kuukautta<\/option>\r\n                  <option>6+ kuukautta<\/option>\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"field\"><label>Mit\u00e4 toimintoja haluat ohjata?<\/label>\r\n              <div class=\"chip-group\" id=\"functionsGroup\">\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Lighting\">Valaistus<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Power outlets\">Pistorasiat<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Winch\">Vinssi<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Battery management\">Akkujen hallinta<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Beacons & sirens\">Majakoita & sireenej\u00e4<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Compressor\">Kompressori<\/label>\r\n                <label class=\"chip\"><input type=\"checkbox\" value=\"Other equipment\">Muut laitteet<\/label>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"field\"><label for=\"installer\">Kuka suorittaa asennuksen?<\/label>\r\n              <select id=\"installer\" required=\"\">\r\n                <option value=\"\">Valitse\u2026<\/option>\r\n                <option>Asenn\u00e4mme itse<\/option>\r\n                <option>Asennuskumppani<\/option>\r\n                <option>Ei viel\u00e4 vahvistettu<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"field\"><label for=\"followup\">Mit\u00e4 voisi seurata onnistuneen arvioinnin j\u00e4lkeen?<\/label>\r\n              <textarea id=\"followup\" required=\"\" placeholder=\"esim. toistuvat asennukset, kaluston laajennus, jatkuva toimitus\"><\/textarea>\r\n            <\/div>\r\n            <div class=\"field\"><label>Projektin kuva tai luonnos <span class=\"opt\">(valinnainen)<\/span><\/label>\r\n              <div class=\"upload-box\"><strong>Pudota tiedosto tai napsauta ladataksesi<\/strong>PNG, JPG tai PDF \u2014 enint\u00e4\u00e4n 10 Mt<\/div>\r\n            <\/div>\r\n \r\n            <div class=\"confirmations\">\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Ymm\u00e4rr\u00e4n, ett\u00e4 t\u00e4m\u00e4 on hakemus eik\u00e4 hyv\u00e4ksynt\u00e4\u00e4 taata.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Demoa k\u00e4ytet\u00e4\u00e4n aidossa ammattimaisessa asennus- tai arviointiprojektissa.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Jos meid\u00e4t valitaan, suoritamme arvioinnin ja annamme k\u00e4yt\u00e4nn\u00f6n palautetta.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Dokumentoimme projektin asiaankuuluvilla kuvilla ja, jos mahdollista, videolla.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\">Voimme merkit\u00e4 Addion sovituissa projektiin liittyviss\u00e4 sosiaalisen median julkaisuissa.<\/label>\r\n              <label class=\"confirm-item\"><input type=\"checkbox\" required=\"\">Addio voi ottaa minuun yhteytt\u00e4 ja k\u00e4sitell\u00e4 tietojani tietosuojak\u00e4yt\u00e4nn\u00f6n mukaisesti.<\/label>\r\n            <\/div>\r\n \r\n            <div class=\"form-nav\">\r\n              <a href=\"#\" class=\"link-back\" id=\"backStep1\">\u2190 Takaisin<\/a>\r\n              <button type=\"submit\" class=\"btn btn-primary\">L\u00e4het\u00e4 hakemus<\/button>\r\n            <\/div>\r\n            <p class=\"submit-note\">Addio arvioi projektisi ja ottaa sinuun yhteytt\u00e4, jos se vaikuttaa sopivalta ohjelmaan.<\/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>Hakemus vastaanotettu<\/h3>\r\n          <p>Kiitos \u2014 Addio arvioi projektisi ja on yhteydess\u00e4, jos se vaikuttaa sopivalta demo-ohjelmaan. Vahvistus on l\u00e4hetetty ty\u00f6s\u00e4hk\u00f6postiisi. <\/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>\u00c4lykk\u00e4\u00e4mp\u00e4\u00e4 ohjausta ty\u00f6ajoneuvoihin.<\/span><\/a>\r\n      <nav class=\"footer-nav\">\r\n        <a href=\"#use-cases\">Tuotteet<\/a>\r\n        <a href=\"#system\">J\u00e4rjestelm\u00e4<\/a>\r\n        <a href=\"#why\">Ohjelmisto<\/a>\r\n        <a href=\"#contact\">Yhteystiedot<\/a>\r\n      <\/nav> \r\n    <\/div>\r\n    <p class=\"copyright\">\u00a9 Addio. Kehitysluonnos \u2014 Australialainen markkina, pyyd\u00e4-demolaite-sivu. <\/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>Pyyd\u00e4 demolaite \u2014 Addio addio\u00c4lykk\u00e4\u00e4mp\u00e4\u00e4 ohjausta ty\u00f6ajoneuvoihin Tuotteet J\u00e4rjestelm\u00e4 Ohjelmisto Yhteystiedot Pyyd\u00e4 demolaite \u2630 Addio-demolaiteohjelma \u00c4lykk\u00e4\u00e4mp\u00e4\u00e4 ohjausta seuraavaan ty\u00f6ajoneuvoprojektiisi. Suunnitteletko uutta varustusta, j\u00e4lkiasennusta tai kalustoalustaa? Hae arvioidaksesi Addion digitaalista ohjausj\u00e4rjestelm\u00e4\u00e4 aidossa australialaisessa ajoneuvoprojektissa ja arvioi sen potentiaalia tuleville projekteille tai kaluston laajennukselle. Pyyd\u00e4 demolaite Katso miten Addio toimii Hakemuksen j\u00e4tt\u00e4minen ei takaa hyv\u00e4ksynt\u00e4\u00e4. ADDIO Control [&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-17186","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\/fi\/a1\/\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A1 - Addio Electronics\" \/>\n<meta property=\"og:description\" content=\"Pyyd\u00e4 demolaite \u2014 Addio addio\u00c4lykk\u00e4\u00e4mp\u00e4\u00e4 ohjausta ty\u00f6ajoneuvoihin Tuotteet J\u00e4rjestelm\u00e4 Ohjelmisto Yhteystiedot Pyyd\u00e4 demolaite \u2630 Addio-demolaiteohjelma \u00c4lykk\u00e4\u00e4mp\u00e4\u00e4 ohjausta seuraavaan ty\u00f6ajoneuvoprojektiisi. Suunnitteletko uutta varustusta, j\u00e4lkiasennusta tai kalustoalustaa? Hae arvioidaksesi Addion digitaalista ohjausj\u00e4rjestelm\u00e4\u00e4 aidossa australialaisessa ajoneuvoprojektissa ja arvioi sen potentiaalia tuleville projekteille tai kaluston laajennukselle. Pyyd\u00e4 demolaite Katso miten Addio toimii Hakemuksen j\u00e4tt\u00e4minen ei takaa hyv\u00e4ksynt\u00e4\u00e4. ADDIO Control [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addio.eu\/fi\/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:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Arvioitu lukuaika\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuutti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/addio.eu\/fi\/a1\/\",\"url\":\"https:\/\/addio.eu\/fi\/a1\/\",\"name\":\"A1 - Addio Electronics\",\"isPartOf\":{\"@id\":\"https:\/\/addio.eu\/fi\/#website\"},\"datePublished\":\"2026-07-03T07:46:59+00:00\",\"dateModified\":\"2026-07-03T09:07:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/addio.eu\/fi\/a1\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/addio.eu\/fi\/a1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/addio.eu\/fi\/a1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/addio.eu\/fi\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/addio.eu\/fi\/#website\",\"url\":\"https:\/\/addio.eu\/fi\/\",\"name\":\"addio.eu\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/addio.eu\/fi\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/addio.eu\/fi\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/addio.eu\/fi\/#organization\",\"name\":\"Addio elektroniikka\",\"url\":\"https:\/\/addio.eu\/fi\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/addio.eu\/fi\/#\/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 elektroniikka\"},\"image\":{\"@id\":\"https:\/\/addio.eu\/fi\/#\/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\/fi\/a1\/","og_locale":"fi_FI","og_type":"article","og_title":"A1 - Addio Electronics","og_description":"Pyyd\u00e4 demolaite \u2014 Addio addio\u00c4lykk\u00e4\u00e4mp\u00e4\u00e4 ohjausta ty\u00f6ajoneuvoihin Tuotteet J\u00e4rjestelm\u00e4 Ohjelmisto Yhteystiedot Pyyd\u00e4 demolaite \u2630 Addio-demolaiteohjelma \u00c4lykk\u00e4\u00e4mp\u00e4\u00e4 ohjausta seuraavaan ty\u00f6ajoneuvoprojektiisi. Suunnitteletko uutta varustusta, j\u00e4lkiasennusta tai kalustoalustaa? Hae arvioidaksesi Addion digitaalista ohjausj\u00e4rjestelm\u00e4\u00e4 aidossa australialaisessa ajoneuvoprojektissa ja arvioi sen potentiaalia tuleville projekteille tai kaluston laajennukselle. Pyyd\u00e4 demolaite Katso miten Addio toimii Hakemuksen j\u00e4tt\u00e4minen ei takaa hyv\u00e4ksynt\u00e4\u00e4. ADDIO Control [&hellip;]","og_url":"https:\/\/addio.eu\/fi\/a1\/","og_site_name":"Addio Electronics","article_publisher":"https:\/\/www.facebook.com\/AddioElectronicsAB\/","article_modified_time":"2026-07-03T09:07:37+00:00","twitter_card":"summary_large_image","twitter_misc":{"Arvioitu lukuaika":"3 minuutti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addio.eu\/fi\/a1\/","url":"https:\/\/addio.eu\/fi\/a1\/","name":"A1 - Addio Electronics","isPartOf":{"@id":"https:\/\/addio.eu\/fi\/#website"},"datePublished":"2026-07-03T07:46:59+00:00","dateModified":"2026-07-03T09:07:37+00:00","breadcrumb":{"@id":"https:\/\/addio.eu\/fi\/a1\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addio.eu\/fi\/a1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/addio.eu\/fi\/a1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addio.eu\/fi\/"},{"@type":"ListItem","position":2,"name":"A1"}]},{"@type":"WebSite","@id":"https:\/\/addio.eu\/fi\/#website","url":"https:\/\/addio.eu\/fi\/","name":"addio.eu","description":"","publisher":{"@id":"https:\/\/addio.eu\/fi\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addio.eu\/fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"},{"@type":"Organization","@id":"https:\/\/addio.eu\/fi\/#organization","name":"Addio elektroniikka","url":"https:\/\/addio.eu\/fi\/","logo":{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/addio.eu\/fi\/#\/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 elektroniikka"},"image":{"@id":"https:\/\/addio.eu\/fi\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/AddioElectronicsAB\/","https:\/\/www.linkedin.com\/company\/addio-electronics-ab"]}]}},"_links":{"self":[{"href":"https:\/\/addio.eu\/fi\/wp-json\/wp\/v2\/pages\/17186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addio.eu\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addio.eu\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addio.eu\/fi\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/addio.eu\/fi\/wp-json\/wp\/v2\/comments?post=17186"}],"version-history":[{"count":2,"href":"https:\/\/addio.eu\/fi\/wp-json\/wp\/v2\/pages\/17186\/revisions"}],"predecessor-version":[{"id":17217,"href":"https:\/\/addio.eu\/fi\/wp-json\/wp\/v2\/pages\/17186\/revisions\/17217"}],"wp:attachment":[{"href":"https:\/\/addio.eu\/fi\/wp-json\/wp\/v2\/media?parent=17186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}