/* Product | Utviklingstjenester */
.regi #integrasjon .development-tabs{flex-wrap:wrap;gap:0 18px;margin-top:20px;min-height:44px}
.regi #integrasjon .development-tabs button{min-height:44px;font-size:12px}
.regi #integrasjon .description{max-width:440px;font-size:clamp(15px,1.15vw,18px);line-height:1.6;margin-top:22px;min-height:5em}
.regi .development-example{max-width:425px;color:var(--muted);font-size:13px;line-height:1.65;border-left:1px solid var(--accent);padding-left:14px;margin:17px 0 0;min-height:4em;text-wrap:pretty}
.regi #integrasjon .story-action{font-size:13px;margin-top:20px}
.regi .development-search-slot{left:8vw;width:40vw;top:max(125px,calc(48vh - 12vw))}
.development-demo-frame{position:fixed;z-index:7;width:900px;height:600px;transform-origin:0 0;pointer-events:none;border-radius:18px;overflow:hidden;color:#302536;font-family:Geist,sans-serif;contain:layout style}
.development-demo-frame[hidden]{display:none}
.ds-surface{position:relative;width:900px;height:600px;background:#f6f3f8;overflow:hidden;border:1px solid #ffffff9c;border-radius:18px;font-size:17px;line-height:1.5;isolation:isolate}
.ds-surface *{box-sizing:border-box}.ds-surface svg{display:block;width:23px;height:23px;flex-shrink:0}.ds-surface h3,.ds-surface h4,.ds-surface p{margin:0}.ds-surface small{font-size:11px;letter-spacing:.08em}.ds-surface h3{font-size:35px;font-weight:500;letter-spacing:-.045em;line-height:1.12}.ds-surface h4{font-size:17px;line-height:1.25;letter-spacing:-.025em;font-weight:550}
.ds-app-header{height:68px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #37203a12;padding:0 28px;background:#ffffff85}.ds-app-header strong{font-size:21px;font-weight:550;letter-spacing:-.04em}.ds-symbol{color:#79539b;background:#e7dced;border:1px solid #77509618;border-radius:10px;padding:8px}.ds-app-nav{display:flex;gap:25px;font-size:13px;margin-left:38px}.ds-app-nav>span,.ds-subtle{color:#8c7f92}.ds-app-header>.ds-subtle{font-size:12px;margin-left:auto}.ds-avatar{display:grid;place-items:center;margin-left:auto;border-radius:50%;background:#ded0e8;color:#64457b;width:32px;height:32px;font-size:11px}.ds-app-header>.ds-pill{margin-left:auto}
.ds-app-body{padding:30px 28px}.ds-app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.ds-app-top .ds-subtle{font-size:13px;display:block;margin-bottom:7px}.ds-new,.ds-review{color:#fff;background:#755190;border-radius:7px;padding:12px 16px;font-size:12px}.ds-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ds-column-title{display:flex;align-items:center;gap:9px;font-size:12px;color:#655769;margin-bottom:14px}.ds-column-title i{width:6px;height:6px;background:#aa8ec0;border-radius:50%}.ds-column-title>span{margin-left:auto;color:#9a8ba4}.ds-card{background:#fff;border:1px solid #462b5a12;border-radius:10px;padding:18px;margin-bottom:12px;box-shadow:0 3px 8px #4c345205}.ds-card small{color:#94809d;font-size:9px}.ds-card h4{margin:9px 0}.ds-card p{font-size:12px;line-height:1.6;color:#8b7a93}.ds-tag{display:inline-flex;margin-top:17px;border-radius:5px;font-size:10px;padding:3px 8px;background:#ece7f2;color:#79558e}.ds-soft{background:#f0eaf6}.ds-featured{border-color:#ac8dbb;box-shadow:0 6px 22px #67478610}.ds-task-list{display:grid;gap:13px;font-size:11px;margin:22px 7px;color:#807087}.ds-task-list span{display:flex;align-items:center;gap:9px}.ds-task-list svg{width:15px;height:15px;color:#91719f}.ds-task-list i{width:15px;height:15px;border:1px solid #b2a3bd;border-radius:50%}.ds-portal{display:flex;gap:11px;padding:17px 6px;color:#897095}.ds-portal strong{display:block;font-size:12px;font-weight:550}.ds-portal p{font-size:11px;margin-top:4px;line-height:1.6}.ds-portal svg{width:20px}.ds-app-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-top:1px solid #4f385911;font-size:10px;color:#97859e;background:#f3eef7}.ds-app-footer>span:first-child{display:flex;align-items:center;gap:7px}.ds-app-footer svg{width:14px;height:14px}
@keyframes ds-node-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.development-demo-frame[data-playing=false] *{animation-play-state:paused!important}.ds-instant *{animation:none!important}.ds-instant .ds-route i{display:none}
@media(prefers-reduced-motion:reduce){.ds-surface *{animation:none!important}.ds-route i{display:none}}
@media(max-width:650px){.regi #integrasjon .description{font-size:15px;margin-top:17px;min-height:0}.regi .development-example{font-size:12px;min-height:0}.regi #integrasjon .development-tabs{margin-top:12px;gap:0 15px}.regi #integrasjon .development-tabs button{font-size:11px}}