@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172b2d;--muted:#637371;--lime:#b6ed75;--cream:#f5f6ef;--line:#dfe5dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fbfcf8;color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #68a53a;outline-offset:4px}header{height:100px;max-width:1280px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:9px}.brand .dot{color:#80aa49;margin-left:-10px}.mark{display:grid;place-items:center;background:var(--lime);width:37px;height:37px;border-radius:11px;letter-spacing:-3px;font-size:35px;padding-right:3px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav-cta{border:1px solid var(--ink);padding:13px 20px;border-radius:7px;margin-left:14px}.nav-cta span{margin-left:20px}.menu-button{display:none}.hero{max-width:1280px;margin:auto;padding:75px 56px 82px;display:grid;grid-template-columns:1fr 1.04fr;gap:52px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#82af47}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-2.2px;margin:0}h1{font-size:58px;line-height:1.13;letter-spacing:-3px;margin:25px 0}h1>span{position:relative;z-index:0}h1>span:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:13px;background:var(--lime);z-index:-1}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.8;max-width:420px}.actions{display:flex;align-items:center;gap:24px;margin:31px 0}.button{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;font-weight:700;border:0;border-radius:7px;padding:17px 22px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#a4dc63}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:16px;align-items:center}.text-link:hover{text-decoration:underline}.hero-notes{display:flex;gap:21px;font-size:11px;color:var(--muted);margin-top:34px}.hero-notes i{font-style:normal;color:#668b3e;margin-right:5px}.hero-visual{position:relative;padding:36px 0 16px}.orbit{position:absolute;width:440px;height:440px;background:#e5eddc;border-radius:50%;left:35px;top:0;z-index:-1}.dashboard{position:relative;display:flex;background:#fff;border:1px solid #e4e8df;border-radius:12px;box-shadow:0 22px 60px #172b2d12;transform:rotate(-2deg);overflow:hidden}.dash-sidebar{width:52px;flex-shrink:0;background:#193332;color:#9eb5aa;display:flex;align-items:center;flex-direction:column;gap:24px;padding:18px 8px}.dash-logo{font-size:30px;color:var(--lime);letter-spacing:-2px}.dash-logo span{color:white}.dash-sidebar>span{font-size:17px}.dash-sidebar .side-active{background:#37524a;color:var(--lime);padding:5px 8px;border-radius:6px}.dash-sidebar .side-bottom{margin-top:auto;font-size:9px;background:#d9e4d1;color:var(--ink);padding:7px;border-radius:50%}.dash-main{padding:0 22px 18px;min-width:0;flex:1}.dash-top{height:51px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0e9;font-size:9px;color:#80918b}.dash-top b{color:var(--ink);margin-left:5px}.avatar{padding:8px;background:#efede6;border-radius:50%;font-size:8px;color:var(--ink)}.dash-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 17px}.dash-title small{font-size:7px;letter-spacing:1px;color:#7b8c80}.dash-title h2{font-size:19px;letter-spacing:-.7px;margin-top:5px}.dash-title h2 span{color:#a8a468}.week-label{font-size:8px;border:1px solid #e1e6dc;padding:7px;border-radius:4px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metrics>div{background:#f3f6ed;padding:13px;border-radius:7px}.metrics>div>span{font-size:9px;display:block}.metrics b{font-size:26px;display:block;margin:6px 0;letter-spacing:-1px}.metrics b span{font-size:10px;font-weight:400;letter-spacing:0}.metrics small{font-size:7px;color:#7d8b7b}.chart-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:10px}.chart-heading>div{display:flex;background:#f1f4ec;padding:3px;border-radius:4px}.chart-heading button{border:0;font-size:8px;background:transparent;padding:5px 9px;cursor:pointer;color:#617264;border-radius:3px}.chart-heading button.selected{background:white;box-shadow:0 1px 4px #0001;color:var(--ink)}.chart{display:flex;height:118px;margin-top:16px}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:#91a090;padding-bottom:23px;width:22px}.chart-bars{display:flex;flex:1;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent 45px,#edf0e8 46px,#edf0e8 47px);padding:0 6px}.chart-bars>div{height:100%;width:13%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px}.chart-bars i{width:100%;height:var(--h);max-height:85%;background:#d6e4c7;border-radius:4px 4px 0 0;transition:height .3s}.chart-bars i.bright{background:#acd773}.chart-bars span{font-size:8px;color:#7b897e}.project-row{display:flex;align-items:center;border-top:1px solid #edf0e9;margin-top:22px;padding-top:16px;gap:10px}.project-icon{padding:9px;background:#f0f2ea;border-radius:5px;color:#799865}.project-row b{font-size:9px;display:block}.project-row small{font-size:7px;color:#89968a}.project-pill{margin-left:auto;font-size:7px;padding:6px 8px;border-radius:20px;background:#eaf4df;color:#5d7c3e}.mini-tag{position:absolute;z-index:2;right:-12px;top:4px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3e9db;padding:14px 19px;border-radius:9px;box-shadow:0 12px 25px #213e2310;transform:rotate(4deg);font-size:11px;font-weight:700}.mini-tag small{display:block;font-size:9px;font-weight:400;color:#7b8b7e;margin-top:4px}.tag-icon{background:var(--lime);font-size:22px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%}.visual-caption{text-align:right;color:#87937f;font-size:9px;margin-top:22px;letter-spacing:.4px}.visual-caption span{color:#80a950;margin-right:5px}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;padding:28px max(56px,calc((100vw - 1168px)/2));font-size:11px;color:#778274}.benefit-strip b{color:#41573d;display:block;margin-top:5px;font-weight:600}.section{max-width:1280px;margin:auto;padding:95px 56px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.section-intro h2,.overview h2,.center-intro h2,.contact h2{font-size:40px;line-height:1.2;margin-top:18px}.section-intro>p{max-width:340px;color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.feature-grid article{position:relative;border-top:1px solid var(--line);padding:28px 12px 12px 0}.feature-symbol{width:47px;height:47px;background:#eaf0df;display:grid;place-items:center;font-size:25px;border-radius:12px;margin-bottom:28px}.number{position:absolute;top:37px;right:13px;font-size:11px;color:#95a28f}.feature-grid h3{font-size:20px;letter-spacing:-.7px}.feature-grid p{font-size:14px;color:var(--muted);line-height:1.8;max-width:290px}.overview{background:#f0f3e9;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-left:max(56px,calc((100vw - 1168px)/2));padding-right:max(56px,calc((100vw - 1168px)/2));align-items:center}.overview-card{background:#193332;color:#fff;padding:34px;border-radius:12px;max-width:470px}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#a7beb0}.card-top .status-dot{margin-right:5px}.overview-card h3{font-size:28px;letter-spacing:-1px;margin-top:30px}.overview-card p{font-size:11px;color:#aabcb0;line-height:1.8}.work-item{margin:23px 0}.work-item>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px}.work-item b{font-weight:500;font-size:10px}.work-item span i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:8px}.progress{background:#35504a;height:8px;border-radius:8px}.progress i{display:block;height:100%;border-radius:8px}.overview-card>small{display:block;color:#8ba69a;font-size:9px;margin-top:28px}.overview-copy>p{color:var(--muted);line-height:1.9;font-size:14px;max-width:390px}.overview-copy ul,.price-card ul{padding:0;list-style:none}.overview-copy li{font-size:13px;margin:17px 0}.overview-copy li span{margin-right:12px;color:#6a8b41}.overview-copy .text-link{margin-top:15px}.center-intro{text-align:center}.center-intro .eyebrow{justify-content:center}.center-intro p{font-size:14px;line-height:1.9;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;max-width:875px;margin:40px auto 0;gap:22px}.price-card{padding:35px;background:white;border:1px solid var(--line);border-radius:10px}.plan-label{font-size:9px;letter-spacing:1.3px;color:#69834e;font-weight:700}.price-card h3{font-size:27px;letter-spacing:-1px;margin:18px 0 10px}.price-card p{font-size:13px;color:var(--muted);line-height:1.8;min-height:46px}.price{font-family:Manrope,sans-serif;font-weight:700;font-size:22px;margin:30px 0;border-bottom:1px solid var(--line);padding-bottom:27px;letter-spacing:-.6px}.price small{font-family:'DM Sans',sans-serif;display:block;font-weight:400;font-size:10px;letter-spacing:0;margin-top:10px;color:var(--muted)}.price-card li{font-size:12px;padding:8px 0}.price-card .button{margin-top:30px}.outline{border:1px solid var(--ink);background:white}.dark{background:var(--ink);color:white;border-color:var(--ink)}.dark .plan-label{color:var(--lime)}.dark p,.dark small{color:#a9bcb1}.dark .price{border-color:#3d5250}.dark li{color:#d5dfd6}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;border-top:1px solid var(--line)}.contact-copy>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:360px}.contact-note{display:flex;align-items:flex-start;gap:14px;margin-top:34px}.contact-note>span{background:#edf2e5;padding:9px 13px;border-radius:50%}.contact-note p{font-size:11px;color:var(--muted);line-height:1.7;max-width:300px;margin:3px 0}.contact-note b{font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:11px;font-weight:600;margin-bottom:20px}input,select,textarea{display:block;width:100%;margin-top:9px;padding:13px 14px;background:white;border:1px solid #dce3d5;border-radius:5px;color:var(--ink);font-size:12px}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:#8c9988}.dark-button{background:var(--ink);color:white;width:100%;margin-top:4px}.form-footnote{font-size:10px;color:#75836d;line-height:1.7}.form-result{border:1px solid #c6dcb0;background:#eef6e5;padding:18px;border-radius:6px;margin-top:16px;font-size:12px}.form-result p{line-height:1.8}.closing{background:var(--ink);color:white;text-align:center;padding:70px 24px}.closing .eyebrow{display:block;color:#a6c092}.closing h2{font-size:43px;line-height:1.2;margin:22px 0 28px}.closing h2 span{color:var(--lime)}.closing .button{width:210px;margin:auto}footer{max-width:1280px;padding:35px 56px;display:flex;justify-content:space-between;align-items:center;margin:auto}footer .brand{font-size:26px}footer .mark{width:29px;height:29px;font-size:28px;border-radius:8px}footer p,footer>span{font-size:11px;color:var(--muted)}.skip{position:absolute;top:-60px;left:20px;background:var(--lime);padding:12px;z-index:5}.skip:focus{top:10px}
@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:100px}}@media(max-width:1000px){header,.hero,.section,footer{padding-left:30px;padding-right:30px}.hero{gap:30px}h1{font-size:46px}.hero-notes{gap:12px}.actions{gap:18px}.hero-copy>p{font-size:15px}.mini-tag{right:-5px}.orbit{width:340px;height:340px}.dash-main{padding:0 14px 15px}.overview{gap:50px}.contact{gap:40px}.benefit-strip{padding-left:30px;padding-right:30px}nav{gap:20px}.nav-cta{margin-left:0}.section-intro h2,.overview h2,.center-intro h2,.contact h2{font-size:35px}}
@media(max-width:760px){header{height:80px;padding:0 22px;position:relative}.brand{font-size:29px}.menu-button{display:flex;gap:15px;align-items:center;font-size:12px;background:transparent;border:0;color:var(--ink)}nav{display:none;position:absolute;top:76px;left:16px;right:16px;padding:20px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px #0001;border-radius:9px;z-index:4;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:42px 23px 45px;gap:24px}.hero-copy{max-width:530px}h1{font-size:47px;letter-spacing:-2.7px}.hero-copy>p{font-size:16px;max-width:420px}.actions{gap:24px}.hero-notes{font-size:11px;gap:22px}.hero-visual{width:100%;max-width:500px;margin:12px auto 0;padding:34px 9px 10px}.mini-tag{right:1px;font-size:10px}.orbit{left:8%;top:10px;width:85%;height:85%;border-radius:50%}.dashboard{transform:rotate(-1deg)}.dash-main{padding:0 20px 18px}.benefit-strip{padding:23px;gap:20px;overflow:auto}.benefit-strip>span{min-width:140px;font-size:10px}.section{padding:64px 23px}.section-intro{display:block}.section-intro>p{max-width:400px;margin-top:23px}.section-intro h2,.overview h2,.center-intro h2,.contact h2{font-size:35px}.feature-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.feature-grid article{padding:22px 0 10px}.feature-grid p{max-width:440px}.feature-symbol{margin-bottom:18px}.number{top:31px}.overview{grid-template-columns:1fr;gap:36px}.overview-card{max-width:none;padding:28px}.overview-copy>p{max-width:450px}.pricing-grid{grid-template-columns:1fr;max-width:480px;gap:18px}.price-card{padding:29px}.contact{grid-template-columns:1fr;gap:30px}.contact-note{margin-top:20px}.form-row{gap:13px}.closing{padding:60px 23px}.closing h2{font-size:34px}footer{padding:29px 23px;flex-wrap:wrap;gap:12px}footer p{display:none}html{scroll-padding-top:25px}}@media(max-width:360px){h1{font-size:41px}.actions{gap:15px}.button{padding:16px;font-size:12px}.text-link{font-size:11px}.hero-notes{gap:12px}.form-row{grid-template-columns:1fr}.dash-sidebar{width:40px}.dash-title h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Verðskrá Kloko */
.with-price-table{max-width:1100px;grid-template-columns:1.3fr 1fr;align-items:start}.pricing-offer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 14px;font-size:12px}.pricing-offer>b{background:var(--lime);border-radius:20px;padding:7px 11px;font-size:10px}.price-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.price-table caption{text-align:left;font-size:11px;line-height:1.6;color:var(--muted);padding-bottom:15px}.price-table th,.price-table td{padding:13px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.price-table th:first-child{text-align:left}.price-table thead th{font-size:10px;font-weight:600;color:var(--muted)}.price-table tbody th{font-weight:500}.price-table td:nth-child(2){background:#f0f7e8;color:#294318}.price-table td:last-child{color:var(--muted)}.price-card .price-tax-note{font-size:10px;min-height:0;margin:12px 0 20px}.with-price-table .dark{height:100%;display:flex;flex-direction:column}.with-price-table .dark>.button{margin-top:auto}.with-price-table .dark>ul{margin-bottom:30px}@media(max-width:760px){.with-price-table{grid-template-columns:1fr;max-width:540px}.with-price-table .price-card{padding:24px 20px}.price-table{font-size:11px}.price-table th,.price-table td{padding:13px 5px}.price-table thead th{font-size:9px}.with-price-table .dark>.button{margin-top:20px}}

/* Aðgangur að Kloko */
nav{gap:24px}.nav-cta{margin-left:0;background:var(--lime)}.login-link{white-space:nowrap}.price-card .account-note{font-size:11px;line-height:1.6;min-height:0;margin:14px 0 0;color:var(--muted)}

.contact-note a{color:inherit;font-weight:600;text-underline-offset:4px}.form-result .button{margin:12px 0}.form-result .form-footnote{margin-top:8px}