#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}} @font-face { font-family: 'Geist'; font-style: normal; font-weight: 300 900; font-display: swap; src: url("/wp-content/themes/riff/assets/fonts/geist-latin.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Geist'; font-style: normal; font-weight: 300 900; font-display: swap; src: url("/wp-content/themes/riff/assets/fonts/geist-latin-ext.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+2113, U+A720-A7FF; } @font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 400 600; font-display: swap; src: url("/wp-content/themes/riff/assets/fonts/geist-mono-latin.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2212; } *, *::before, *::after { box-sizing: border-box; } * { margin: 0; } html { -webkit-text-size-adjust: 100%; } img, svg, video { display: block; max-width: 100%; height: auto; } button, input, textarea, select { font: inherit; color: inherit; } ul[class], ol[class] { list-style: none; padding: 0; } :root { --paper: #f4f3ef; --paper-raise: #ffffff; --sand: #e8e6de; --sand-line: #dcd9cf; --ink: #14141a; --ink-soft: #55555f; --ink-faint: #6a6a75; --riff: #2b1fd1; --riff-deep: #1a1291; --riff-soft: #6d63ea; --riff-wash: #eceafc; --pos: #12A552; --pos-ink: #06170D; --pos-text: #0E6B3C; --pos-wash: #D6F0E0; --pos-neon: #4CE07A; --flag: #cc3d16; --wrap: 66rem; --gutter: clamp(1.25rem, 4vw, 2.5rem); --radius: 8px; --radius-lg: 16px; --gap-section: clamp(4.5rem, 10vw, 8.5rem); --nav-h: 4.25rem; --head-stack: 1.15rem; --eyebrow-gap: 1.95rem; --measure-prose: 50ch; --measure-lede: 44ch; --measure-fine: 42ch; --gap-split: clamp(2rem, 5vw, 4.5rem); --gap-cols: clamp(1.5rem, 3vw, 2.25rem); --gap-list: 2.5rem; --list-col: 13rem; --row-pad: 1.15rem; --pad-cell: 1.25rem; --pad-card: clamp(1.4rem, 2.6vw, 2rem); --font: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace; --ease: cubic-bezier(0.22, 0.8, 0.28, 1); --shadow-lift: 0 1px 2px rgba(20, 20, 26, 0.04), 0 8px 24px rgba(20, 20, 26, 0.06); --shadow-device: 0 2px 6px rgba(20, 20, 26, 0.08), 0 24px 60px rgba(20, 20, 26, 0.16); } html { scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + 1rem); } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { background: var(--paper); color: var(--ink); font-family: var(--font); font-size: 1.0625rem; line-height: 1.55; font-feature-settings: 'ss01', 'cv01'; font-variant-numeric: proportional-nums; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; } h1, h2, h3, h4 { font-weight: 600; line-height: 1.06; letter-spacing: -0.032em; text-wrap: balance; } p, li, dd, dt { text-wrap: pretty; } a { color: var(--riff); text-decoration-thickness: 1px; text-underline-offset: 0.18em; } a:hover { color: var(--riff-deep); } :focus-visible { outline: 3px solid var(--riff); outline-offset: 3px; border-radius: 3px; } .band-ink :focus-visible, .band-riff :focus-visible { outline-color: #fff; } ::selection { background: var(--riff); color: #fff; } .wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); } .wrap-narrow, .wrap-mid { max-width: var(--wrap); } .band { padding-block: var(--gap-section); } .band-tight { padding-block: clamp(3rem, 7vw, 5rem); } .band-ink { background: var(--ink); color: var(--paper); } .band-riff { background: var(--riff); color: #fff; } .band-sand { background: var(--sand); } .band-ink h1, .band-ink h2, .band-ink h3, .band-riff h1, .band-riff h2, .band-riff h3 { color: inherit; } .band-ink a, .band-riff a { color: inherit; } .band-sand .eyebrow, .band-sand .fine { color: var(--ink-soft); } .d1 { font-size: clamp(2.6rem, 6.6vw, 4.9rem); letter-spacing: -0.042em; font-weight: 600; } .d2 { font-size: clamp(2rem, 4.4vw, 3.2rem); letter-spacing: -0.038em; font-weight: 600; } .d3 { font-size: clamp(1.45rem, 2.6vw, 2rem); letter-spacing: -0.03em; font-weight: 600; } .d4 { font-size: clamp(1.32rem, 1.6vw, 1.4rem); letter-spacing: -0.02em; line-height: 1.25; font-weight: 600; } .eyebrow { font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--ink-faint); display: flex; align-items: center; gap: 0.62rem; } .eyebrow::before { content: ''; width: 1.5rem; height: 2px; border-radius: 2px; background: var(--riff); flex: none; } .band-ink .eyebrow, .band-riff .eyebrow { color: color-mix(in srgb, currentColor 72%, transparent); } .band-ink .eyebrow::before, .band-riff .eyebrow::before { background: currentColor; } .eyebrow + h1, .eyebrow + h2, .eyebrow + h3, .eyebrow + h4, .eyebrow + .d1, .eyebrow + .d2, .eyebrow + .d3, .eyebrow + .d4 { margin-top: calc(var(--eyebrow-gap) - var(--head-stack) - 0.26em); } .lede { font-size: clamp(1.19rem, 1.5vw, 1.28rem); line-height: 1.5; font-weight: 400; color: var(--ink-soft); letter-spacing: -0.011em; max-width: var(--measure-lede); } .band-ink .lede, .band-riff .lede { color: color-mix(in srgb, currentColor 78%, transparent); } .muted { color: var(--ink-soft); } .fine { font-size: 0.875rem; color: var(--ink-faint); line-height: 1.5; } .band-ink .muted, .band-riff .muted, .band-ink .fine, .band-riff .fine { color: color-mix(in srgb, currentColor 76%, transparent); } .field-ref { font-family: var(--font-mono); font-size: 0.84em; font-weight: 500; background: var(--riff-wash); color: var(--riff-deep); padding: 0.12em 0.42em; border-radius: 5px; white-space: nowrap; } .band-ink .field-ref, .band-riff .field-ref { background: rgba(255, 255, 255, 0.16); color: inherit; } .sammenlign td { font-variant-numeric: tabular-nums; } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-weight: 500; font-size: 1rem; letter-spacing: -0.012em; padding: 0.9rem 1.5rem; border: 1px solid var(--ink); border-radius: 999px; background: var(--ink); color: var(--paper); text-decoration: none; cursor: pointer; min-height: 3rem; transition: transform 0.18s var(--ease), background-color 0.18s var(--ease), color 0.18s var(--ease), border-color 0.18s var(--ease), box-shadow 0.18s var(--ease); } .btn:hover, .btn:focus-visible { color: var(--paper); } .btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-lift); } .btn:active { transform: translateY(0); } .btn-primary { background: var(--riff); border-color: var(--riff); color: #fff; } .btn-primary:hover, .btn-primary:focus-visible { background: var(--riff-deep); border-color: var(--riff-deep); color: #fff; } .btn-ghost { background: transparent; color: var(--ink); border-color: var(--sand-line); } .btn-ghost:hover, .btn-ghost:focus-visible { border-color: var(--ink); background: var(--paper-raise); color: var(--ink); } .band-ink .btn-ghost, .band-riff .btn-ghost { color: inherit; border-color: rgba(255, 255, 255, 0.4); } .band-ink .btn-ghost:hover, .band-riff .btn-ghost:hover, .band-ink .btn-ghost:focus-visible, .band-riff .btn-ghost:focus-visible { background: rgba(255, 255, 255, 0.1); border-color: #fff; color: inherit; } .band-riff .btn-primary { background: #fff; border-color: #fff; color: var(--riff); } .band-riff .btn-primary:hover, .band-riff .btn-primary:focus-visible { background: var(--ink); border-color: var(--ink); color: #fff; } .btn-sm { padding: 0.55rem 1.05rem; font-size: 0.92rem; min-height: 2.5rem; } .btn .arw { transition: transform 0.22s var(--ease); } .btn:hover .arw { transform: translateX(3px); } .link-go { display: inline-flex; align-items: center; gap: 0.4rem; font-weight: 500; text-decoration: none; padding-bottom: 2px; background-image: linear-gradient(currentColor, currentColor); background-size: 100% 1.5px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size 0.25s var(--ease), color 0.2s var(--ease); } .link-go { position: relative; } .link-go::after { content: ''; position: absolute; inset: -0.42rem -0.2rem; } .link-go:hover { background-size: 100% 1.5px; } .link-go .arw { transition: transform 0.22s var(--ease); } .link-go:hover .arw { transform: translateX(3px); } .card { background: var(--paper-raise); border: 1px solid var(--sand-line); border-radius: var(--radius-lg); padding: var(--pad-card); transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease); } .card-hover:hover { transform: translateY(-3px); box-shadow: var(--shadow-lift); } .ticks { display: grid; gap: 0.7rem; } .ticks li { position: relative; padding-left: 2rem; min-height: 1.3rem; line-height: inherit; } .ticks li::before { content: ''; position: absolute; left: 0; top: 0.18rem; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: var(--pos); -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 100% no-repeat; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 100% no-repeat; } .band-ink .ticks li::before, .band-riff .ticks li::before { background: currentColor; } .skip-link { position: absolute; left: 0.5rem; top: -4rem; z-index: 200; background: var(--ink); color: var(--paper); padding: 0.7rem 1rem; border-radius: var(--radius); text-decoration: none; transition: top 0.15s var(--ease); } .skip-link:focus { top: 0.5rem; color: var(--paper); } .center { text-align: center; } .center .eyebrow { justify-content: center; } .center .lede { margin-inline: auto; } .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .table-scroll { overflow-x: auto; } @media (max-width: 40rem) { :root { --eyebrow-gap: 1.5rem; } .d3 { line-height: 1.2; } } @media (max-width: 47.99rem) { :root { --nav-h: 3.5rem; --gap-section: 3.25rem; } .link-go::after { inset: -0.5rem -0.35rem; } .ticks { gap: 0.55rem; } .band-tight { padding-block: 2.5rem; } .table-scroll { margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); overscroll-behavior-x: contain; scrollbar-width: none; } .table-scroll::-webkit-scrollbar { display: none; } } [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity 0.35s var(--ease) var(--d, 0ms), transform 0.35s var(--ease) var(--d, 0ms); } [data-reveal='fade'] { transform: none; } [data-reveal='scale'] { transform: translateY(24px) scale(0.985); } [data-reveal].is-in { opacity: 1; transform: none; } [data-reveal].is-straks { transition: none; } .no-js [data-reveal] { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; } *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } .nav { position: sticky; top: 0; z-index: 100; background: color-mix(in srgb, var(--paper) 82%, transparent); backdrop-filter: saturate(1.7) blur(14px); border-bottom: 1px solid transparent; transition: border-color 0.25s var(--ease), background-color 0.25s var(--ease); } .nav[data-scrolled], .nav[data-open] { border-bottom-color: var(--sand-line); background: color-mix(in srgb, var(--paper) 96%, transparent); } .nav-inner { display: flex; align-items: center; gap: 1.25rem; min-height: var(--nav-h); } .nav-brand { margin-right: auto; display: inline-flex; align-items: center; min-height: 2.75rem; padding-inline-end: 0.35rem; text-decoration: none; } .nav-cta-sm { display: inline-flex; margin-right: 0.5rem; padding-inline: 0.95rem; min-height: 2.75rem; white-space: nowrap; } @media (max-width: 22.5rem) { .nav-cta-sm { padding-inline: 0.75rem; font-size: 0.86rem; } } .nav-links { display: none; gap: 0.25rem; align-items: center; align-self: stretch; } .nav-link, .nav-trigger { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.95rem; font-weight: 450; color: var(--ink); text-decoration: none; background: none; border: 0; border-radius: 999px; padding: 0.5rem 0.8rem; cursor: pointer; transition: background-color 0.18s var(--ease), color 0.18s var(--ease); } .nav-link:hover, .nav-trigger:hover { background: rgba(20, 20, 26, 0.05); color: var(--ink); } .nav-link[data-active], .nav-trigger[data-active] { color: var(--riff); } .nav-caret { transition: transform 0.24s var(--ease); opacity: 0.5; } .nav-trigger[aria-expanded='true'] { background: rgba(20, 20, 26, 0.06); } .nav-trigger[aria-expanded='true'] .nav-caret { transform: rotate(180deg); opacity: 1; } .nav-actions { display: none; } .nav-login { display: inline-flex; align-items: center; color: var(--ink-soft); font-weight: 450; font-size: 0.95rem; text-decoration: none; padding: 0.5rem 0.8rem; border-radius: 999px; white-space: nowrap; transition: background-color 0.18s var(--ease), color 0.18s var(--ease); } .nav-login:hover { color: var(--ink); background: rgba(20, 20, 26, 0.05); } .nav-toggle { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; background: transparent; border: 1px solid var(--sand-line); border-radius: 999px; cursor: pointer; } .nav-bars { display: grid; gap: 5px; width: 17px; } .nav-bars i { display: block; height: 1.6px; background: var(--ink); border-radius: 2px; transition: transform 0.2s var(--ease); } .nav-toggle[aria-expanded='true'] .nav-bars i:first-child { transform: translateY(3.3px) rotate(45deg); } .nav-toggle[aria-expanded='true'] .nav-bars i:last-child { transform: translateY(-3.3px) rotate(-45deg); } .nav-item { position: relative; display: flex; align-items: center; align-self: stretch; } .mega-wrap { position: absolute; top: 100%; left: 0; right: 0; display: grid; } .mega { grid-area: 1 / 1; z-index: 0; } .mega[data-open] { z-index: 1; } .mega { display: grid; grid-template-rows: 0fr; background: var(--paper-raise); border-bottom: 1px solid var(--sand-line); transition: grid-template-rows 0.42s var(--ease); } .mega[data-open] { grid-template-rows: 1fr; } .mega-sheet { overflow: hidden; min-height: 0; } .mega-inner { display: grid; grid-template-columns: minmax(0, 20rem) 12.5rem 12.5rem; justify-content: start; column-gap: clamp(1.75rem, 2.6vw, 3rem); row-gap: clamp(1.75rem, 4vw, 3rem); padding-block: clamp(2rem, 3.5vw, 3.25rem) clamp(2.5rem, 4.5vw, 4rem); align-items: start; } .mega-inner[data-cols='2'][data-card] { grid-template-columns: minmax(0, 20rem) 12.5rem 16.5rem; } .mega-inner[data-cols='2']:not([data-card]) { grid-template-columns: minmax(0, 20rem) 12.5rem; } .mega-inner[data-cols='1'][data-card] { grid-template-columns: minmax(0, 20rem) 26rem; justify-content: space-between; } .mega-inner[data-cols='1']:not([data-card]) { grid-template-columns: minmax(0, 20rem); } .mega-col { opacity: 0; transform: translateY(10px); transition: opacity 0.3s var(--ease), transform 0.3s var(--ease); } .mega[data-open] .mega-col { opacity: 1; transform: none; } .mega[data-open] .mega-col:nth-child(1) { transition-delay: 0.10s; } .mega[data-open] .mega-col:nth-child(2) { transition-delay: 0.16s; } .mega[data-open] .mega-col:nth-child(3) { transition-delay: 0.22s; } .nav-veil { position: fixed; inset: 0; z-index: 90; background: rgba(20, 20, 26, 0.3); backdrop-filter: blur(3px) saturate(0.9); opacity: 0; transition: opacity 0.32s var(--ease); pointer-events: none; } .nav-veil[data-open] { opacity: 1; } .mega-list { display: grid; gap: 0; list-style: none; margin: 0; padding: 0; } .mega-group { margin: 0 0 0.9rem; font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--ink-faint); } .mega-link { display: flex; align-items: center; min-height: 2.55rem; padding: 0; font-size: 1.05rem; font-weight: 600; letter-spacing: -0.018em; color: var(--ink); text-decoration: none; transition: color 0.16s var(--ease); } .mega-col:first-child .mega-link { font-size: 1.6rem; letter-spacing: -0.028em; line-height: 1.15; } .mega-card { position: relative; overflow: hidden; display: grid; gap: 0.45rem; align-content: start; padding: 1.05rem 1.15rem 1rem; margin-top: -1.05rem; border-radius: var(--radius-lg); background: var(--ink); color: var(--paper); text-decoration: none; isolation: isolate; transition: transform 0.22s var(--ease), box-shadow 0.22s var(--ease); } .mega-card::after { content: ''; position: absolute; z-index: -1; right: -16%; bottom: -40%; width: 68%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient( circle at 35% 30%, color-mix(in srgb, var(--riff-soft) 58%, var(--ink)) 0%, color-mix(in srgb, var(--riff) 64%, var(--ink)) 44%, color-mix(in srgb, var(--riff) 26%, var(--ink)) 78%, transparent 100% ); transition: transform 0.35s var(--ease), opacity 0.35s var(--ease); } a.mega-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lift); } a.mega-card:hover::after { transform: scale(1.12); } a.mega-card:hover { color: var(--paper); } .mega-card-eyebrow { text-wrap: balance; margin: 0; font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: rgba(255, 255, 255, 0.55); } .mega-card-title { margin: 0; font-size: 0.97rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.018em; color: #fff; } .mega-card-list { display: grid; gap: 0.3rem; margin: 0.25rem 0 0; padding: 0; list-style: none; font-size: 0.86rem; line-height: 1.35; color: rgba(255, 255, 255, 0.62); } .mega-card-list li { position: relative; padding-left: 1.05rem; } .mega-card-list li::before { content: ''; position: absolute; left: 0; top: 0.5em; width: 4px; height: 4px; border-radius: 50%; background: var(--pos-neon); } .mega-card-go { margin-top: 0.35rem; font-size: 0.86rem; font-weight: 500; color: #fff; } .mega-card.mega-folk { max-width: none; } .mega-card.mega-folk::after { right: -10%; bottom: -52%; width: 44%; } .mega-folk-list { display: grid; gap: 0.85rem; margin: 0.9rem 0 0; padding: 0; list-style: none; } .mega-folk-row { display: grid; grid-template-columns: 2.3rem 1fr; column-gap: 0.75rem; align-items: center; } .mega-folk-av { grid-row: 1 / 3; display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: 50%; font-size: 0.76rem; font-weight: 600; letter-spacing: 0.02em; } .mega-folk-av.is-riff { background: var(--riff); color: #fff; } .mega-folk-av.is-ink { background: rgba(255, 255, 255, 0.14); color: #fff; } .mega-folk-navn { align-self: end; font-size: 0.95rem; font-weight: 600; line-height: 1.25; color: #fff; } .mega-folk-rolle { align-self: start; font-size: 0.82rem; line-height: 1.3; color: rgba(255, 255, 255, 0.62); } a.mega-card:hover .arw { display: inline-block; transform: translateX(3px); transition: transform 0.2s var(--ease); } .mega-card { max-width: 16.5rem; } .mega-card:nth-child(2) { --kort-d: 0.16s; } .mega-card:nth-child(3) { --kort-d: 0.22s; } .mega-card { opacity: 0; translate: 0 10px; transition: opacity 0.3s var(--ease), translate 0.3s var(--ease), transform 0.22s var(--ease), box-shadow 0.22s var(--ease); } .mega[data-open] .mega-card { opacity: 1; translate: none; transition: opacity 0.3s var(--ease) var(--kort-d, 0.22s), translate 0.3s var(--ease) var(--kort-d, 0.22s), transform 0.22s var(--ease), box-shadow 0.22s var(--ease); } .mega-link:hover { color: var(--riff); } .mega-link[data-active] { color: var(--riff); } .nav-drawer { position: fixed; z-index: 95; left: 0; right: 0; top: var(--nav-h); bottom: 0; background: var(--paper); border-top: 1px solid var(--sand-line); overflow: hidden; } .dr-stack { position: relative; height: 100%; } .dr-panel { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding-block: 0.5rem 2rem; transition: transform 0.36s var(--ease), opacity 0.26s var(--ease); } .dr-sub { transform: translateX(100%); opacity: 0; } .dr-sub[data-open] { transform: translateX(0); opacity: 1; } .nav-drawer[data-sub] .dr-root { transform: translateX(-24%); opacity: 0; } .dr-inner { display: grid; } .dr-list { list-style: none; margin: 0; padding: 0; display: grid; } .dr-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; min-height: 3.75rem; padding: 0.85rem 0; border: 0; background: none; font: inherit; font-size: 1.35rem; font-weight: 500; letter-spacing: -0.02em; color: var(--ink); text-align: left; text-decoration: none; cursor: pointer; } .dr-row[data-active] { color: var(--riff); } .dr-chev { flex: none; color: var(--ink-faint); } .dr-row-label { display: block; } .dr-row-sub { display: grid; gap: 0.15rem; min-height: 3.1rem; font-size: 1.1rem; } .dr-row-desc { font-size: 0.9rem; font-weight: 400; color: var(--ink-faint); line-height: 1.35; letter-spacing: 0; } .dr-row-small { font-size: 1.02rem; font-weight: 450; color: var(--ink-soft); min-height: 3rem; } .dr-back { display: inline-flex; align-items: center; gap: 0.55rem; align-self: start; justify-self: start; margin-bottom: 0.35rem; padding: 0.6rem 0.9rem 0.6rem 0; border: 0; background: none; font: inherit; font-size: 1rem; font-weight: 500; color: var(--riff); cursor: pointer; } .dr-back .dr-chev { color: currentColor; } @keyframes dr-ind { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } .dr-root .dr-row, .dr-root .dr-cta, .dr-sub[data-open] .dr-row, .dr-sub[data-open] .dr-group-title { animation: dr-ind 0.4s var(--ease) both; } .dr-list li:nth-child(1) .dr-row { animation-delay: 0.04s; } .dr-list li:nth-child(2) .dr-row { animation-delay: 0.08s; } .dr-list li:nth-child(3) .dr-row { animation-delay: 0.12s; } .dr-list li:nth-child(4) .dr-row { animation-delay: 0.16s; } .dr-list li:nth-child(5) .dr-row { animation-delay: 0.20s; } .dr-list li:nth-child(6) .dr-row { animation-delay: 0.24s; } .dr-rest li:nth-child(1) .dr-row { animation-delay: 0.22s; } .dr-rest li:nth-child(2) .dr-row { animation-delay: 0.26s; } .dr-rest li:nth-child(3) .dr-row { animation-delay: 0.30s; } .dr-root .dr-cta { animation-delay: 0.34s; } .dr-sub[data-open] .dr-group-title { animation-delay: 0.02s; } @media (prefers-reduced-motion: reduce) { .dr-root .dr-row, .dr-root .dr-cta, .dr-sub[data-open] .dr-row, .dr-sub[data-open] .dr-group-title { animation: none; } } .dr-group-title { margin: 1.75rem 0 0.55rem; font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--ink-faint); } .dr-group-title:first-of-type { margin-top: 0.75rem; } .dr-hub { margin-top: 1.5rem; padding-top: 0.9rem; border-top: 1px solid var(--sand-line); } .dr-hub .dr-row-label { color: var(--riff); } .dr-hub .arw { display: inline-block; margin-left: 0.2rem; } .dr-cta { margin-top: 1.75rem; justify-self: start; min-width: 14rem; } .dr-scrim { position: fixed; inset: var(--nav-h) 0 0; z-index: 94; background: rgba(20, 20, 26, 0.18); opacity: 0; transition: opacity 0.25s var(--ease); } .dr-scrim[data-open] { opacity: 1; } .dr-scrim[data-open] { touch-action: none; } .nav[data-drawer] .nav-cta-sm { display: none; } @media (min-width: 62rem) { .nav-links, .nav-actions { display: flex; } .nav-actions { align-items: center; gap: 0.35rem; } .nav-toggle, .nav-drawer, .nav-cta-sm, .dr-scrim { display: none; } } @media (max-width: 61.99rem) { .mega-wrap, .nav-veil { display: none; } } @media (max-width: 47.99rem) { .nav-inner { gap: 0.75rem; } } @media (min-width: 34rem) and (max-width: 61.99rem) { .dr-root .dr-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; } .dr-root .dr-cta { grid-column: 1 / -1; } .dr-sub .dr-inner { max-width: 34rem; } } .foot { padding-block: clamp(3.5rem, 7vw, 5.5rem) 2.5rem; } .foot-top { display: grid; gap: clamp(2rem, 5vw, 3rem); grid-template-columns: 1fr; padding-bottom: 2.5rem; } .foot-brand { display: grid; gap: 1rem; justify-items: start; align-content: start; max-width: 22rem; } .foot-line { opacity: 0.7; font-size: 0.95rem; line-height: 1.5; } .foot-title { font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; line-height: 1.55; opacity: 0.55; margin-bottom: 0.6rem; } .foot-col ul { display: grid; gap: 0.15rem; list-style: none; padding: 0; } .foot-col a, .foot-legal a { color: inherit; text-decoration: none; font-size: 0.95rem; opacity: 0.82; display: inline-block; padding-block: 0.5rem; } .foot-col a:hover, .foot-legal a:hover { opacity: 1; text-decoration: underline; } .foot-bottom { display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: space-between; align-items: center; padding-block: 1.5rem; } .foot-legal { display: flex; flex-wrap: wrap; gap: 1.25rem; list-style: none; padding: 0; } .foot-disclaimers { display: grid; gap: 0.7rem 2rem; } @media (min-width: 48rem) { .foot-disclaimers { grid-template-columns: 1fr 1fr; } } .foot-disclaimer { opacity: 0.55; } @media (min-width: 48rem) { .foot-top { grid-template-columns: 1.3fr repeat(3, 1fr); } } .rule { height: 1px; background: var(--sand-line); border: 0; } .band-ink .rule { background: rgba(244, 243, 239, 0.2); } .band-riff .rule { background: rgba(255, 255, 255, 0.26); } @media (max-width: 47.99rem) { .foot { padding-block: 3rem 2rem; } .foot-top { padding-bottom: 1.75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; } .foot-brand { grid-column: 1 / -1; } .foot-col:nth-of-type(1) { grid-row: span 2; } .foot-col ul { gap: 0; } .foot-col a, .foot-legal a { display: flex; align-items: center; min-height: 2.75rem; padding-block: 0; } .foot-brand .btn-sm { min-height: 2.75rem; } .foot-bottom { display: grid; gap: 0.5rem; padding-block: 1rem; } .foot-legal { gap: 0 1.25rem; } } .logo { display: inline-flex; align-items: center; text-decoration: none; } .logo-word, .logo-hash { font-weight: 700; font-size: min(calc(var(--s) * 0.82), 7.5vw); letter-spacing: -0.05em; line-height: 1; } .logo-ink .logo-word { color: var(--ink); } .logo-paper .logo-word { color: var(--paper); } .logo-hash { color: var(--pos-text); } .band-ink .logo-hash, .band-riff .logo-hash { color: var(--pos-neon); } .page-head { padding-top: clamp(2.5rem, 6vw, 4.5rem); padding-bottom: clamp(1.25rem, 2.5vw, 2rem); display: grid; gap: 0; } .page-head .eyebrow { margin-bottom: var(--head-stack); } .page-title { max-width: 20ch; } .page-lede { margin-top: var(--head-stack); } .facts { display: grid; gap: var(--gap-cols); grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr)); margin-top: clamp(1.75rem, 3vw, 2.5rem); max-width: 46rem; } .facts > div { display: grid; gap: 0.3rem; border-top: 1px solid var(--sand-line); padding-top: 0.8rem; } .facts dt { font-size: 0.82rem; color: var(--ink-faint); } .facts dd { margin: 0; font-weight: 600; letter-spacing: -0.02em; } .facts dd { font-variant-numeric: tabular-nums; } .band-ink .facts > div, .band-riff .facts > div { border-top-color: rgba(255, 255, 255, 0.22); } @media (max-width: 47.99rem) { .page-head { padding-top: 2rem; padding-bottom: 1rem; } .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1.5rem; } .facts > div:last-child:nth-child(odd) { grid-column: 1 / -1; } } .dev { margin: 0; display: grid; gap: 1rem; width: 100%; } .dev-caption { max-width: 30rem; text-align: center; margin-inline: auto; } .ph { position: relative; container-type: inline-size; width: 100%; max-width: var(--phone-max, 19rem); margin-inline: auto; } .ph-band { padding: 1.15cqw; border-radius: 16cqw; background: #292929; box-shadow: var(--shadow-device); } .ph-bezel { padding: 2.2cqw; border-radius: 15cqw; background: #111111; overflow: hidden; } .ph-bezel img { width: 100%; height: auto; display: block; border-radius: 12.6cqw; } .br { width: 100%; border-radius: 12px; overflow: hidden; background: #111111; border: 1px solid rgba(20, 20, 26, 0.12); box-shadow: var(--shadow-device); } .br-chrome { display: flex; align-items: center; gap: 0.9rem; padding: 0.6rem 0.9rem; background: #292929; border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .br-dots { display: inline-flex; gap: 0.38rem; flex: none; } .br-dots i { width: 0.62rem; height: 0.62rem; border-radius: 50%; background: #3d3d3d; } .br-dots i:first-child { background: #474747; } .br-url { flex: 1; text-align: center; font-size: 0.76rem; color: rgba(255, 255, 255, 0.62); background: rgba(255, 255, 255, 0.06); border-radius: 999px; padding: 0.22rem 0.8rem; max-width: 16rem; margin-inline: auto; letter-spacing: -0.005em; } .br img { width: 100%; height: auto; display: block; } .br-scroll { width: 100%; } @media (max-width: 46rem) { .br { border-radius: 9px; } .br-chrome { gap: 0.55rem; padding: 0.4rem 0.55rem; } .br-dots { gap: 0.26rem; } .br-dots i { width: 0.42rem; height: 0.42rem; } .br-url { font-size: 0.62rem; padding: 0.16rem 0.6rem; max-width: 11rem; } } .band-ink .br, .band-riff .br { border-color: rgba(255, 255, 255, 0.1); box-shadow: none; } .faq { border-top: 1px solid var(--sand-line); } .faq-item { border-bottom: 1px solid var(--sand-line); } .faq-item summary { display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; padding-block: var(--row-pad); cursor: pointer; list-style: none; } .faq-item summary::-webkit-details-marker { display: none; } .faq-q { font-size: clamp(1rem, 1.5vw, 1.1rem); font-weight: 500; letter-spacing: -0.015em; line-height: 1.35; } .faq-mark { position: relative; flex: none; width: 1.05rem; height: 1.05rem; } .faq-mark::before, .faq-mark::after { content: ''; position: absolute; inset: 50% 0 auto 0; height: 2px; background: var(--riff); transition: transform 0.2s ease; } .faq-mark::after { transform: rotate(90deg); } .faq-item[open] .faq-mark::after { transform: rotate(0deg); } .faq-a { font-size: 1.0625rem; line-height: 1.6; color: var(--ink-soft); max-width: var(--measure-prose); padding-bottom: 1.35rem; } .faq-a p + p { margin-top: 0.7em; } .faq-a ul { margin-top: 0.6em; padding-left: 1.2em; display: grid; gap: 0.3em; } @media (max-width: 47.99rem) { .faq-q { font-weight: 600; } } .cta-inner { display: grid; gap: var(--gap-split); align-items: center; } .cta-copy { display: grid; gap: var(--head-stack); max-width: 30rem; } @media (min-width: 56rem) { .cta-inner { grid-template-columns: 1.1fr 1fr; } } @media (max-width: 47.99rem) { .cta-inner { gap: 1.75rem; } .cta-band .cta-copy { justify-items: center; text-align: center; margin-inline: auto; } .cta-band .eyebrow { justify-content: center; } .cta-band .d2 { font-size: 1.65rem; } .cta-band .lede { font-size: 1rem; } .cta-band .wl { margin-inline: auto; } .cta-band .wl input[type='email'] { text-align: center; min-height: 2.9rem; } .cta-band .wl-submit { min-height: calc(2.9rem + 2px); font-size: 0.94rem; } } .wl { display: grid; gap: 0.75rem; width: 100%; max-width: 30rem; --wl-fill: var(--paper-raise); --wl-edge: var(--sand-line); --wl-focus: var(--riff); --wl-ring: color-mix(in srgb, var(--riff) 18%, transparent); --wl-fill-hover: var(--paper-raise); --wl-edge-hover: color-mix(in srgb, var(--riff) 45%, var(--sand-line)); --wl-ring-hover: color-mix(in srgb, var(--riff) 9%, transparent); } .wl-row { display: grid; gap: 0.7rem; } .wl-field { display: grid; background: var(--wl-fill); border: 1px solid var(--wl-edge); border-radius: 999px; transition: background-color 0.18s var(--ease), border-color 0.18s var(--ease), box-shadow 0.18s var(--ease); } @media (hover: hover) { .wl-field:hover { background: var(--wl-fill-hover); border-color: var(--wl-edge-hover); box-shadow: 0 0 0 3px var(--wl-ring-hover); } } .wl-field:focus-within { background: var(--wl-fill); border-color: var(--wl-focus); box-shadow: 0 0 0 3px var(--wl-ring); } .wl input[type='email'] { width: 100%; font-size: max(1.0625rem, 16px); line-height: 1.4; text-align: left; padding: 0 1.35rem; min-height: 2.9rem; background: none; color: var(--ink); border: 0; border-radius: inherit; } .wl input[type='email']::placeholder { color: var(--ink-soft); } .wl input[type='email']:focus-visible { outline: none; } @media (forced-colors: active) { .wl input[type='email']:focus-visible { outline: 2px solid; outline-offset: -4px; } } .wl-submit { width: 100%; } .wl-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .wl-turnstile:empty { display: none; } .wl-turnstile { margin-top: 0.15rem; } .wl[data-done] .wl-row { display: none; } .wl[data-done] .wl-msg { font-size: 1.0625rem; } .wl-msg:empty { display: none; } .wl-msg[data-tone='error'] { color: var(--flag); font-weight: 600; } .wl-msg[data-tone='ok'] { color: var(--pos-text); font-weight: 600; } .wl-msg[data-tone='ok'] { display: flex; align-items: flex-start; gap: 0.5rem; } .wl-msg[data-tone='ok']::before { content: ''; flex: none; width: 1.15rem; height: 1.15rem; margin-top: 0.12em; background: currentColor; -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 100% no-repeat; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 100% no-repeat; } .wl-fine { max-width: 36ch; } .wl-fine { justify-self: center; text-align: center; margin-top: 0.85rem; } .band-ink .wl, .band-riff .wl { --wl-fill: rgba(255, 255, 255, 0.10); --wl-edge: rgba(255, 255, 255, 0.34); --wl-focus: #fff; --wl-ring: rgba(255, 255, 255, 0.24); --wl-fill-hover: rgba(255, 255, 255, 0.16); --wl-edge-hover: rgba(255, 255, 255, 0.58); --wl-ring-hover: rgba(255, 255, 255, 0.12); } .band-ink .wl input[type='email'], .band-riff .wl input[type='email'] { color: #fff; } .band-ink .wl input[type='email']::placeholder, .band-riff .wl input[type='email']::placeholder { color: rgba(255, 255, 255, 0.74); } .band-riff .wl .btn-primary { background: #fff; border-color: #fff; color: var(--riff); } .band-riff .wl .btn-primary:hover { background: var(--ink); border-color: var(--ink); color: #fff; } .band-ink .wl-msg[data-tone='ok'], .band-riff .wl-msg[data-tone='ok'] { color: var(--pos-neon); } .band-ink .wl-msg[data-tone='error'], .band-riff .wl-msg[data-tone='error'] { color: #ffb4a0; } .band-ink .wl-msg[data-tone], .band-riff .wl-msg[data-tone] { opacity: 1; } @media (min-width: 30rem) { .wl-row { grid-template-columns: 1fr auto; gap: 0; padding: 0.4rem; background: var(--wl-fill); border: 1px solid var(--wl-edge); border-radius: 999px; transition: background-color 0.18s var(--ease), border-color 0.18s var(--ease), box-shadow 0.18s var(--ease); } @media (hover: hover) { .wl-row:hover { background: var(--wl-fill-hover); border-color: var(--wl-edge-hover); box-shadow: 0 0 0 3px var(--wl-ring-hover); } .wl-field:hover { background: none; box-shadow: none; } } .wl-row:focus-within { background: var(--wl-fill); border-color: var(--wl-focus); box-shadow: 0 0 0 3px var(--wl-ring); } .wl-field { background: none; border: 0; border-radius: 0; box-shadow: none; margin: -0.4rem 0 -0.4rem -0.4rem; cursor: text; } .wl-field:focus-within { background: none; box-shadow: none; } .wl-row input[type='email'] { padding-left: 1.75rem; } .wl-submit { width: auto; min-height: 2.9rem; padding: 0.6rem 1.45rem; } .wl-submit:hover { transform: none; box-shadow: none; } } @media (max-width: 47.99rem) { .wl input[type='email'] { min-height: 3.25rem; } .wl-field { border-radius: 999px; } .wl-submit { min-height: calc(3.25rem + 2px); padding-block: 0; } .wl-msg { font-size: 1rem; } } .acts { display: grid; gap: 0.75rem; width: 100%; max-width: 30rem; } .acts-row { display: grid; gap: 0.6rem; } .acts-row .btn { width: 100%; } @media (min-width: 30rem) { .acts-row { grid-auto-flow: column; grid-auto-columns: 1fr; } } .acts-fine { max-width: 36ch; } .rhythm { display: grid; gap: 0.9rem; margin: 0; } .rhythm-head { display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; justify-content: space-between; align-items: baseline; font-size: 0.82rem; font-weight: 600; letter-spacing: -0.006em; } .rhythm-sum { color: var(--ink-faint); font-weight: 500; } .rhythm-strip { display: grid; grid-template-columns: repeat(12, 1fr); gap: clamp(3px, 0.85vw, 10px); align-items: end; position: relative; padding-bottom: 1.35rem; } .rhythm-strip::after { content: ''; position: absolute; left: 0; right: 0; bottom: 1.35rem; height: 2px; background: var(--ink); } .beat { display: grid; gap: 0.4rem; justify-items: center; position: relative; z-index: 1; padding: 0; background: none; border: 0; cursor: pointer; font: inherit; } .beat::after { content: ''; position: absolute; inset: -0.4rem -0.18rem -1.5rem; } .beat-bar { display: block; width: 100%; height: clamp(2.6rem, 7vw, 4.5rem); border-radius: 3px; border: 2px solid var(--ink); background: var(--ink); transition: transform 0.16s ease, background-color 0.16s ease; transform-origin: bottom; } .beat-month { position: absolute; bottom: -1.35rem; font-size: clamp(0.68rem, 1.3vw, 0.74rem); font-weight: 600; letter-spacing: 0; color: var(--ink-faint); } .beat.is-paid .beat-bar { background: var(--pos); border-color: var(--pos); } .beat.is-next .beat-bar { background: var(--riff-wash); border-color: var(--riff); border-width: 3px; } .beat.is-coming .beat-bar { background: var(--sand); border-color: var(--sand-line); } .beat.is-rest { cursor: default; } .beat.is-rest { cursor: default; } .beat-rest { display: grid; place-items: center; height: clamp(2.6rem, 7vw, 4.5rem); font-size: clamp(0.68rem, 1.2vw, 0.74rem); font-weight: 600; letter-spacing: 0; color: var(--ink-faint); align-self: end; } .beat.is-rest .beat-month { color: var(--ink-faint); } .beat:hover .beat-bar, .beat[data-active] .beat-bar { transform: scaleY(1.07); } .beat[data-active].is-coming .beat-bar { background: var(--sand-line); } .beat[data-active] .beat-month { color: var(--ink); } .rhythm-readout { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; font-size: clamp(0.95rem, 1.6vw, 1.1rem); padding-top: 0.4rem; border-top: 1px solid var(--sand-line); } .rhythm-readout { font-variant-numeric: tabular-nums; } .readout-key { font-weight: 700; letter-spacing: -0.01em; } .readout-sep { color: var(--ink-faint); } .readout-val { color: var(--ink-soft); } .rhythm-legend { max-width: var(--measure-fine); } @media (max-width: 47.99rem) { .beat-month, .beat-rest { font-size: 0.75rem; } .rhythm-strip { gap: 3px; } } .tekstnote { margin-top: 3rem; border-top: 2px solid var(--ink); padding-top: 1.25rem; display: grid; gap: 0.7rem; justify-items: start; } .tekstnote p { max-width: var(--measure-prose); color: var(--ink-soft); } .tekstnote .tekstnote-scope { color: var(--ink-faint); } .tekstnote a.link-go { margin-top: 0.35rem; } .sec-head { display: grid; gap: var(--head-stack); max-width: none; margin-bottom: clamp(2rem, 4vw, 3rem); } .sec-head > h2 { max-width: 24ch; } .sec-head > h2.d3 { max-width: 31ch; } .sec-head > .lede { max-width: var(--measure-lede); } .sec-head > .muted { max-width: var(--measure-prose); } @media (max-width: 47.99rem) { .sec-head { margin-bottom: 1.5rem; } } .more { margin-top: 1.75rem; color: var(--ink-soft); } .ro-more { margin-top: 1.75rem; color: inherit; } .sec-title { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); max-width: 24ch; } @media (max-width: 47.99rem) { .sec-title { margin-bottom: 1.5rem; } } .split { display: grid; gap: var(--gap-split); align-items: center; } .split-text { display: grid; gap: var(--head-stack); } .split-text p { max-width: 48ch; } .split-shot { justify-self: stretch; --phone-max: 17rem; } @media (max-width: 47.99rem) { .split-shot.is-kun-bred { display: none; } } @media (min-width: 58rem) { .split { grid-template-columns: 1fr 0.74fr; } .split.is-flipped { grid-template-columns: 0.74fr 1fr; } .split.is-flipped .split-text { order: 2; } .split.is-flipped .split-shot { order: 1; } } .flow { display: grid; gap: 0.85rem; counter-reset: f; list-style: none; padding: 0; max-width: 42ch; } .flow li { counter-increment: f; position: relative; padding-left: 2.45rem; min-height: 1.55rem; color: var(--ink-soft); } .flow li::before { content: counter(f); position: absolute; left: 0; top: 0; font-family: var(--font-mono); font-size: 0.72rem; color: var(--riff); border: 1px solid var(--riff); border-radius: 50%; width: 1.55rem; height: 1.55rem; display: grid; place-items: center; } .flow span { color: var(--ink); font-weight: 500; } .view-sikkerhed .band-ink .split { align-items: start; } .view-sikkerhed .band-ink .split-text p { max-width: 46ch; } @media (min-width: 58rem) { .view-sikkerhed .band-ink .split { grid-template-columns: 1fr 1fr; } } @media (max-width: 47.99rem) { .flow li::before { font-size: 0.75rem; } } @media (max-width: 47.99rem) { .view-sikkerhed .band-ink .split { gap: 3.25rem; } } .tiles { display: grid; gap: var(--gap-cols); grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); } .tile { display: grid; gap: 0.6rem; align-content: start; border-top: 1px solid var(--sand-line); padding-top: var(--row-pad); } .tile p { font-size: 1rem; } .band-ink .tile, .band-riff .tile { border-top-color: rgba(255, 255, 255, 0.22); } .tile-link { text-decoration: none; color: var(--ink); border-top-width: 2px; border-top-color: var(--ink); } .tile-link:hover .arw { transform: translateX(3px); } .tile-go { color: var(--riff); margin-top: 0.35rem; font-size: 0.92rem; } @media (min-width: 60rem) { .kan-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 60rem) { .kan-tiles .tile-link { grid-template-rows: auto 1fr auto; } } .legal { margin-top: 2rem; max-width: var(--measure-fine); opacity: 0.6; } @media (max-width: 47.99rem) { .tiles { gap: 1.15rem; } .tile { padding-top: 0.85rem; } .tile p { color: var(--ink-soft); } .band-ink .tile p, .band-riff .tile p { color: inherit; opacity: 0.76; } .tile-go { display: none; } } .rows { display: grid; gap: 0; } .row { display: grid; gap: 0.35rem var(--gap-list); padding-block: var(--row-pad); border-top: 1px solid var(--sand-line); } .row dt { font-weight: 600; letter-spacing: -0.015em; } .row dd { margin: 0; color: var(--ink-soft); max-width: var(--measure-prose); line-height: 1.55; } .rows.is-dark .row { border-top-color: rgba(255, 255, 255, 0.22); } .rows.is-dark dd { color: inherit; opacity: 0.76; } @media (min-width: 48rem) { .row { grid-template-columns: 16rem 1fr; } } @media (max-width: 47.99rem) { .row dt { font-size: 1.06rem; } .row { gap: 0.3rem; } } .steps { counter-reset: step; } .step-num { counter-increment: step; font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--ink-faint); display: block; margin-bottom: 0.9rem; } .step-num::before { content: 'Trin ' counter(step); } .band-sand .step-num { color: var(--ink-soft); } .how { display: grid; gap: var(--gap-cols); list-style: none; padding: 0; } .how-step { display: grid; gap: 0.5rem; align-content: start; } .how-step p { max-width: 34ch; font-size: 1rem; } @media (min-width: 52rem) { .how { grid-template-columns: repeat(3, 1fr); column-gap: var(--gap-cols); row-gap: 0.5rem; } @supports (grid-template-rows: subgrid) { .how { grid-template-rows: auto auto auto; } .how-step { grid-row: span 3; grid-template-rows: subgrid; } } } .join-steps { display: grid; gap: var(--gap-cols); list-style: none; padding: 0; } .join-steps li { display: grid; gap: 0.5rem; align-content: start; } .join-steps p { max-width: 42ch; font-size: 1rem; } @media (min-width: 52rem) { .join-steps { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 47.99rem) { .join-steps { gap: 2rem; } .join-steps .step-num { margin-bottom: 0.35rem; } } .stance { display: grid; gap: var(--head-stack); justify-items: center; } .stance h2 { max-width: 18ch; } .view-honorarer .stance { max-width: 46rem; margin-inline: auto; } .showcase { display: grid; gap: clamp(1.75rem, 3.5vw, 2.75rem); } .showcase-head { display: grid; gap: var(--head-stack); max-width: none; } .showcase-head > h2 { max-width: 24ch; } .showcase-head > .lede { max-width: var(--measure-lede); } .showcase-head > .muted { max-width: var(--measure-prose); } .showcase-aside { align-self: end; } .showcase-shot { width: 100%; margin-inline: auto; } @media (min-width: 60rem) { .showcase { grid-template-columns: minmax(0, 1fr) minmax(0, 21rem); column-gap: var(--gap-split); } .showcase-shot { grid-column: 1 / -1; margin-top: clamp(0.5rem, 1.5vw, 1.25rem); } } .prose { font-size: 1.0625rem; line-height: 1.68; color: #2b2b33; letter-spacing: -0.008em; max-width: var(--measure-prose); } .prose > .table-scroll { width: min(45rem, 100vw - 2 * var(--gutter)); max-width: none; } .prose > * + * { margin-top: 1.1em; } .prose a[href^='mailto:'] { white-space: nowrap; } .prose h2 { font-size: clamp(1.45rem, 2.6vw, 2rem); margin-top: 2.2em; letter-spacing: -0.03em; } .prose h3 { font-size: 1.2rem; margin-top: 1.8em; letter-spacing: -0.022em; } .prose ul, .prose ol { padding-left: 1.3em; display: grid; gap: 0.45em; } .prose li::marker { color: var(--riff); } .prose strong { font-weight: 600; color: var(--ink); } .prose blockquote { border-left: 3px solid var(--riff); padding-left: 1.1rem; color: var(--ink-soft); } .prose table { width: 100%; border-collapse: collapse; font-size: 0.95rem; } .prose th, .prose td { text-align: left; padding: 0.65rem 0.7rem; border-bottom: 1px solid var(--sand-line); } .prose th { font-weight: 600; background: var(--sand); } @media (max-width: 40rem) { .prose table { font-size: 0.85rem; } .prose th, .prose td { padding: 0.5rem 0.4rem; } .prose h2, .prose h3 { line-height: 1.2; } } @media (max-width: 47.99rem) { .prose li { min-width: 0; overflow-wrap: break-word; } } .doc-toc { background: var(--sand); border-radius: var(--radius-lg); padding: var(--pad-card); margin-bottom: clamp(2.5rem, 6vw, 3.5rem); } .doc-toc .eyebrow { margin-bottom: 0.9rem; } .doc-toc ul { display: grid; gap: 0.5rem; list-style: none; padding-left: 0; grid-template-columns: 1fr; } @media (min-width: 34rem) { .doc-toc ul { grid-template-columns: 1fr 1fr; column-gap: var(--gap-cols); } } .doc-toc a { display: block; padding-block: 0.3rem; color: var(--ink-soft); text-decoration: none; font-size: 0.95rem; } .doc-toc a:hover { color: var(--riff); text-decoration: underline; } .doc-layout .prose h2 { scroll-margin-top: calc(var(--nav-h) + 1.5rem); } @media (min-width: 48rem) { .doc-layout.has-toc { --doc-toc: clamp(14rem, 25vw, 16rem); display: grid; grid-template-columns: var(--doc-toc) minmax(0, 1fr); column-gap: var(--gap-split); align-items: start; container-type: inline-size; } .doc-layout.has-toc .doc-toc { position: sticky; top: calc(var(--nav-h) + 1.5rem); margin-bottom: 0; padding: 1.25rem; max-height: calc(100vh - var(--nav-h) - 3rem); overflow-y: auto; } .doc-layout.has-toc .doc-toc ul { grid-template-columns: 1fr; } .doc-layout.has-toc .prose > :first-child { margin-top: 0; } .doc-layout.has-toc .prose > .table-scroll { width: min(45rem, 100cqw - var(--doc-toc) - var(--gap-split)); } } @media (max-width: 47.99rem) { .doc-toc.is-desktop { display: none; } } .guide { padding-top: clamp(2.5rem, 6vw, 4.5rem); padding-bottom: clamp(3rem, 6vw, 4.5rem); } .legal-updated { margin-top: 1.4rem; color: var(--ink-faint); font-family: var(--font-mono); } .legal-back { display: none; } @media (max-width: 47.99rem) { .guide { padding-top: 2rem; } .view-juridisk .page-head .d1, .view-cookies .page-head .d1 { hyphens: auto; } .legal-prose { overflow-wrap: break-word; } .legal-prose li { min-width: 0; } .legal-toc { padding: 1.25rem 1.25rem 0.4rem; } .legal-toc ul { gap: 0; } .legal-toc li + li { border-top: 1px solid var(--sand-line); } .legal-toc a { display: flex; align-items: center; min-height: 44px; padding-block: 0.6rem; font-size: 1rem; color: var(--ink); } .legal-toc { scroll-margin-top: calc(var(--nav-h) + 1.5rem); } .legal-back { display: block; margin-top: 0.3rem; text-align: right; font-size: 0.88rem; line-height: 1.4; } .legal-back a { position: relative; display: inline-block; color: var(--ink-faint); text-decoration: none; } .legal-prose .legal-back a::after { content: ''; position: absolute; inset: -0.75rem -0.5rem; } .legal-back a:hover { color: var(--riff); } .legal-prose a { position: relative; } .legal-prose a::after { content: ''; position: absolute; inset: -0.7rem -0.15rem; } } .afventer { display: inline-block; padding: 0 0.45em; border: 1px dashed var(--sand-line); border-radius: var(--radius); color: var(--ink-soft); font-size: 0.8em; font-style: normal; line-height: 1.6; white-space: nowrap; } .sloer-par { display: grid; gap: 1.1em 2rem; } @media (min-width: 40rem) { .sloer-par { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sloer-felt { position: relative; display: inline-block; vertical-align: top; } .sloer-knap { position: relative; display: inline-block; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; } .sloer-taage { display: block; filter: blur(5px); opacity: 0.6; user-select: none; pointer-events: none; transition: opacity 0.4s ease; } .sloer-tekst { position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 0.3em 0.85em; border: 1px solid var(--sand-line); border-radius: 999px; background: var(--paper-raise); color: var(--riff); font-size: 0.9em; font-style: normal; font-weight: 600; line-height: 1.4; white-space: nowrap; transition: opacity 0.3s ease, transform 0.3s ease, border-color 0.15s ease; } .sloer-knap:hover .sloer-tekst { border-color: var(--riff); } .sloer-felt.henter .sloer-tekst { animation: sloer-puls 0.9s ease-in-out infinite; } @keyframes sloer-puls { 50% { border-color: var(--riff); color: var(--riff-soft); } } .sloer-felt.er-aaben .sloer-knap { position: absolute; inset: 0; pointer-events: none; } .sloer-felt.er-aaben .sloer-taage { opacity: 0; } .sloer-felt.er-aaben .sloer-tekst { opacity: 0; transform: translateY(-50%) scale(0.94); } .sloer-vist { display: inline-block; transition: filter 0.6s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.6s cubic-bezier(0.2, 0.7, 0.2, 1); } .sloer-vist.sloer-ind { filter: blur(5px); opacity: 0.6; } @media (prefers-reduced-motion: reduce) { .sloer-taage, .sloer-tekst, .sloer-vist { transition: none; } .sloer-felt.henter .sloer-tekst { animation: none; } } .hero { padding-top: clamp(2rem, 4vw, 3rem); padding-bottom: clamp(4rem, 9vw, 7rem); } .hero-inner { display: grid; justify-items: center; text-align: center; gap: var(--head-stack); } .hero-title { max-width: 14ch; } .hero-title { font-size: clamp(2.05rem, 6.6vw, 4.9rem); } .hero-title .w { display: inline-block; animation: riff-skriv 0.34s var(--ease) both; animation-delay: calc(var(--w, 0) * 55ms + 60ms); } @keyframes riff-skriv { from { clip-path: inset(-0.2em 100% -0.2em -0.2em); opacity: 0; } to { clip-path: inset(-0.2em -0.7em -0.2em -0.2em); opacity: 1; } } .hero-title .l { display: inline-block; position: relative; } .hero-title .l:last-child::after { content: ''; position: absolute; left: 0; right: 0; bottom: -0.04em; height: 0.055em; min-height: 3px; border-radius: 999px; background: var(--riff); transform-origin: left center; animation: riff-streg 0.44s var(--ease) both; animation-delay: calc(var(--n, 5) * 55ms + 0.35s); } @keyframes riff-streg { from { transform: scaleX(0); } to { transform: scaleX(1); } } @media (prefers-reduced-motion: reduce) { .hero-title .w { animation: none; } .hero-title .l:last-child::after { animation: none; } } .hero-title.hero-tavle { --rader: 2; width: min(100%, 14ch); margin-bottom: 0.25em; min-height: calc(var(--rader) * 1.06em); display: flex; flex-direction: column; justify-content: center; position: relative; container-type: inline-size; hyphens: none; -webkit-hyphens: none; } @media (max-width: 47.99rem) { .hero-title.hero-tavle { width: 100%; max-width: none; } } .hero-title .tavle { display: none; } .hero-title.hero-tavle .tavle-tekst { display: block; } .hero-title.har-tavle .tavle-tekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .hero-title.har-tavle .tavle { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; font-size: min(1em, calc(100cqi / var(--b, 0.01))); } .tavle .r { flex: none; height: 1.06em; display: flex; justify-content: center; } .tavle .ri { display: block; position: relative; white-space: pre; } .tavle .w { display: inline-block; } .tavle .w::before { content: attr(data-c); } .hero-title .tavle .w { animation: none; } .hero-title .tavle.indgang .w { animation: riff-skriv 0.34s var(--ease) both; animation-delay: calc(var(--w, 0) * 55ms + 60ms + var(--t, 0ms)); } .tavle .r.sidst .ri::after { content: ''; position: absolute; left: 0; right: 0; bottom: -0.04em; height: 0.055em; min-height: 3px; border-radius: 999px; background: var(--riff); transform-origin: left center; transform: scaleX(1); } .tavle.indgang .r.sidst .ri::after { animation: riff-streg 0.44s var(--ease) both; animation-delay: calc(var(--n, 5) * 55ms + 0.35s + var(--t, 0ms)); } .tavle .r.sidst.vaek .ri::after { transform-origin: right center; animation: riff-streg-ud 0.14s cubic-bezier(0.55, 0, 1, 0.45) both; } @keyframes riff-streg-ud { from { transform: scaleX(1); } to { transform: scaleX(0); } } .tavle-stop { position: relative; flex: none; display: inline-grid; place-items: center start; width: 1.5rem; height: 1.5rem; margin-block: -0.2rem; padding: 0; border: 0; background: none; color: var(--riff); cursor: pointer; visibility: hidden; transition: color 0.18s var(--ease); } .tavle-stop[hidden] { display: none; } .tavle-stop.klar { visibility: visible; } .tavle-stop::after { content: ''; position: absolute; inset: -0.625rem; } .tavle-stop:hover { color: var(--riff-deep); } .tavle-stop:focus-visible { outline: none; } .tavle-stop:focus-visible i { outline: 3px solid var(--riff); outline-offset: 3px; border-radius: 2px; } .tavle-stop i { position: relative; display: block; width: 0.5625rem; height: 0.625rem; } .tavle-stop i::before, .tavle-stop i::after { content: ''; position: absolute; top: 0; bottom: 0; width: 3px; border-radius: 1.5px; background: currentColor; } .tavle-stop i::before { left: 0; } .tavle-stop i::after { right: 0; } .tavle-stop[aria-pressed='true'] i::after { display: none; } .tavle-stop[aria-pressed='true'] i::before { width: 100%; border-radius: 0; clip-path: polygon(0 0, 100% 50%, 0 100%); } @media (prefers-reduced-motion: reduce) { .hero-title.hero-tavle { height: auto; min-height: 0; display: block; } .hero-title .tavle, .tavle-stop { display: none !important; } .hero-title.har-tavle .tavle-tekst { position: static; width: auto; height: auto; clip: auto; clip-path: none; white-space: normal; } } @media (forced-colors: active) { .tavle-stop i { forced-color-adjust: none; color: ButtonText; } } @media print { .hero-title.hero-tavle { height: auto; min-height: 0; display: block; } .hero-title .tavle, .tavle-stop { display: none !important; } .hero-title.har-tavle .tavle-tekst { position: static; width: auto; height: auto; clip: auto; clip-path: none; white-space: normal; } } .hero-actions { display: flex; flex-wrap: wrap; gap: 0.7rem; justify-content: center; } @media (max-width: 29.99rem) { .hero-actions { flex-direction: column; align-items: stretch; width: min(100%, 20rem); margin-inline: auto; } .hero-actions .btn { width: 100%; } } .hero-fine { margin-top: calc(var(--head-stack) * -0.5); } .hero-wl { width: min(100%, 32rem); } .hero-wl .wl { max-width: none; } .hero-wl .wl-fine { max-width: 46ch; } .hero-wl .wl-msg { text-align: left; } .hero-stage { position: relative; margin-top: clamp(2rem, 4vw, 2.5rem); } .stage-web { display: none; } .stage-phone { display: none; } .stage-phone-sm { display: block; --phone-max: 17rem; } @media (min-width: 56rem) { .stage-web { display: block; margin-inline: auto; } .stage-phone-sm { display: none; } .stage-phone { display: block; position: absolute; right: calc(var(--gutter) + 2.5rem); bottom: -3.5rem; width: 14.5rem; --phone-max: 100%; z-index: 2; } } @media (min-width: 63rem) { .stage-phone { width: 16rem; bottom: -3.5rem; } } @media (min-width: 76rem) { .stage-phone { bottom: -4.5rem; } } @media (min-width: 56rem) { .stage-phone { --loeft: 58px; --vokse: 0.05; --drift: 34px; } .stage-phone .ph-band { box-shadow: 0 2px 6px rgba(20, 20, 26, 0.08); } .stage-phone::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: 2.3rem; background: rgb(20 20 26); filter: blur(30px); opacity: calc(0.16 - var(--p, 0) * 0.03); transform: translate3d(0, calc(24px - var(--p, 0) * var(--loeft) * 0.85), 0) scale(calc(1 + var(--p, 0) * var(--vokse))); will-change: transform, opacity; pointer-events: none; } .stage-phone .dev { transform: translate3d(0, calc(var(--p, 0) * var(--loeft) * -1), 0); } .stage-web .dev { transform: translate3d(0, calc(var(--p, 0) * var(--drift)), 0); } } @media (min-width: 63rem) { .stage-phone { --loeft: 58px; --vokse: 0.06; --drift: 24px; } } @media (min-width: 66rem) { .stage-phone { --loeft: 84px; } } @media (min-width: 76rem) { .stage-phone { --loeft: 104px; } } @media (max-width: 47.99rem) { .hero { padding-bottom: 3.5rem; } .hero-stage { margin-top: 2rem; } } .promises { border-block: 1px solid var(--sand-line); } .prom-grid { display: grid; gap: var(--gap-cols); grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); } .prom { display: grid; gap: 0.35rem; align-content: start; } .prom-n { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.12em; color: var(--riff); margin-bottom: 0.35rem; } @media (max-width: 47.99rem) { .prom-n { font-size: 0.75rem; } } .pil-inner { display: grid; gap: 2rem; align-items: start; } .pil-track { display: grid; gap: 0; } .pil-step + .pil-step { border-top: 1px solid var(--sand-line); margin-top: clamp(2rem, 5vw, 3rem); padding-top: clamp(2rem, 5vw, 3rem); } .pil-step { display: grid; gap: var(--head-stack); align-content: start; } .pil-text { display: grid; gap: var(--head-stack); align-content: start; justify-items: start; } .pil-body { max-width: 34ch; } .pil-link { color: var(--riff); } .chips { display: flex; flex-wrap: wrap; gap: 0.4rem; list-style: none; padding: 0; } .chips li { font-size: 0.82rem; color: var(--ink-soft); background: var(--paper-raise); border: 1px solid var(--sand-line); border-radius: 999px; padding: 0.28rem 0.7rem; } .pil-inline { width: 100%; } @media (min-width: 48rem) { .pil-step { grid-template-columns: minmax(0, 1fr) 9rem; gap: clamp(1.25rem, 3vw, 2rem); align-items: start; } .pil-inline { --phone-max: 100%; } } @media (min-width: 60rem) { .pil-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.25rem, 4.5vw, 3rem); } .pil-step + .pil-step { border-top: 0; margin-top: 0; padding-top: 0; } .pil-step { grid-template-columns: minmax(0, 1fr) 7.5rem; } .pil-step:first-child { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) 12rem; column-gap: clamp(2rem, 4vw, 3rem); align-items: center; padding-bottom: clamp(1.75rem, 3.5vw, 2.5rem); border-bottom: 1px solid var(--sand-line); } .pil-step:first-child .pil-body { max-width: 46ch; } .pil-step:not(:first-child):not(:last-child) .d3 { font-size: clamp(1.32rem, 1.6vw, 1.4rem); } .pil-step:last-child { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) 12rem; column-gap: clamp(2rem, 4vw, 3rem); align-items: center; padding-top: clamp(1.75rem, 3.5vw, 2.5rem); border-top: 1px solid var(--sand-line); } .pil-step:last-child .pil-body { max-width: 46ch; } .pil-text .chips { display: block; font-size: 0.875rem; line-height: 1.55; color: var(--ink-faint); } .pil-text .chips li { display: inline; padding: 0; border: 0; background: none; border-radius: 0; font-size: inherit; color: inherit; } .pil-text .chips li + li::before { content: '·'; margin-inline: 0.42em; } } @media (max-width: 47.99rem) { .pil-inline { display: none; } .pil-step + .pil-step { margin-top: 1.75rem; padding-top: 1.75rem; } .pil-text > .eyebrow { display: none; } .pil-rail .pil-rail-track { display: flex; gap: 1rem; margin: 0; padding: 1.5rem var(--gutter) 2.5rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); scrollbar-width: none; } .pil-rail-track::-webkit-scrollbar { display: none; } .pil-rail-track > li { flex: 0 0 auto; width: 15.5rem; --phone-max: 100%; scroll-snap-align: start; } .pil-rail .dev-caption { text-align: left; margin-inline: 0; justify-self: start; } .chips { display: block; font-size: 0.875rem; line-height: 1.55; color: var(--ink-faint); } .chips li { display: inline; padding: 0; border: 0; background: none; border-radius: 0; font-size: inherit; color: inherit; } .chips li + li::before { content: '·'; margin-inline: 0.42em; } } @media (min-width: 48rem) { .pil-rail { display: none; } } .pil-skaerm { display: none; } @media (min-width: 48rem) { .pil-inner.is-liste { grid-template-columns: minmax(0, 1fr) 17rem; column-gap: var(--gap-split); align-items: center; } .pil-inner.is-liste .pil-skaerm { display: block; --phone-max: 100%; } .pil-inner.is-liste .pil-track { grid-template-columns: minmax(0, 1fr); gap: 0; } .pil-inner.is-liste .pil-step { grid-column: auto; grid-template-columns: minmax(0, 1fr); border: 0; padding: 0; margin: 0; } .pil-inner.is-liste .pil-step + .pil-step { border-top: 1px solid var(--sand-line); margin-top: 1.75rem; padding-top: 1.75rem; } .pil-inner.is-liste .pil-step .d3 { font-size: clamp(1.32rem, 1.6vw, 1.4rem); } .pil-inner.is-liste .pil-body { max-width: 46ch; } } .price-head { margin-bottom: clamp(1.75rem, 3vw, 2.5rem); display: grid; gap: var(--head-stack); } .price-title { max-width: 22ch; } .price-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); } .price-card { position: relative; display: grid; gap: 0.3rem; align-content: start; text-decoration: none; color: var(--ink); padding: 1.5rem; } .price-card.is-featured { border-color: var(--riff); } .price-flag { position: absolute; top: -0.65rem; left: 1.5rem; background: var(--riff); color: #fff; font-size: 0.74rem; font-weight: 600; letter-spacing: -0.005em; padding: 0.28rem 0.6rem; border-radius: 5px; } .price-name { font-weight: 600; letter-spacing: -0.02em; } .price-amount { font-size: 1.9rem; font-weight: 600; letter-spacing: -0.04em; line-height: 1.15; } .price-per { font-size: 0.9rem; font-weight: 400; color: var(--ink-faint); letter-spacing: 0; margin-left: 0.15rem; } .price-limit { color: var(--ink-soft); font-size: 0.92rem; } .price-amount { font-variant-numeric: tabular-nums; } .rhythm-eyebrow { margin-bottom: var(--eyebrow-gap); } .km { display: grid; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; } @media (min-width: 50rem) { .km-has-figure { grid-template-columns: auto 1fr; gap: 4rem; } } .km-num { font-size: clamp(2.9rem, 8vw, 4.6rem); font-weight: 700; letter-spacing: -0.05em; line-height: 0.95; font-variant-numeric: tabular-nums; } .km-unit { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; margin-top: 0.6rem; opacity: 0.72; } .km-text { display: grid; gap: var(--head-stack); justify-items: start; } .km-text p { max-width: 48ch; } .rate { display: grid; gap: clamp(1.25rem, 3vw, 2.5rem); align-items: center; border-block: 2px solid var(--ink); padding-block: clamp(1.5rem, 3vw, 2.25rem); } .rate-num { font-size: clamp(3rem, 9vw, 5.5rem); font-weight: 700; letter-spacing: -0.05em; line-height: 0.95; color: var(--pos-text); } .rate-unit { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-soft); margin-top: 0.6rem; } .rate-note { display: grid; gap: 0.75rem; max-width: var(--measure-prose); } .rate-note p { color: var(--ink-soft); } .rate-note p.fine { max-width: var(--measure-fine); } @media (min-width: 50rem) { .rate { grid-template-columns: auto 1fr; gap: var(--gap-split); } } @media (max-width: 47.99rem) { .km-num { font-size: 3.5rem; } .km { gap: 1.5rem; } } .cats { display: grid; gap: 1px; background: var(--sand-line); border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--sand-line); grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); } .cat { background: var(--paper); padding: var(--pad-cell); display: grid; gap: 0.3rem; align-content: start; } .cat-note { margin-top: 1.25rem; max-width: var(--measure-fine); } @media (max-width: 47.99rem) { .cats { gap: 0; background: none; border: 0; border-radius: 0; } .cat { background: none; padding: 0.85rem 0; border-top: 1px solid var(--sand-line); } .cat:first-child { border-top: 0; padding-top: 0; } .cat-note { margin-top: 1.6rem; } .fine .field-ref { font-size: 0.78rem; } } @media (min-width: 60rem) { .cats { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 48rem) and (max-width: 59.99rem) { .cats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cat:last-child:nth-child(odd) { grid-column: span 2; } } @media (min-width: 60rem) { .cat:last-child:nth-child(3n + 1) { grid-column: span 3; } .cat:last-child:nth-child(3n + 2) { grid-column: span 2; } } .jump { position: sticky; top: var(--nav-h); z-index: 20; background: color-mix(in srgb, var(--paper) 92%, transparent); backdrop-filter: saturate(1.6) blur(12px); border-block: 1px solid var(--sand-line); } .jump-inner { display: flex; gap: 0.35rem; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; padding-block: 0.6rem; } .jump-inner::-webkit-scrollbar { display: none; } .jump a { display: inline-flex; align-items: baseline; gap: 0.45rem; flex: none; font-size: 0.88rem; font-weight: 500; letter-spacing: -0.01em; text-decoration: none; color: var(--ink-soft); border-radius: 999px; padding: 0.62rem 0.9rem; transition: color 0.18s var(--ease), background-color 0.18s var(--ease); } .jump a:hover { color: var(--ink); background: var(--paper-raise); } .jump a[aria-current='true'] { color: var(--paper); background: var(--ink); } .jump-n { font-size: 0.82rem; font-weight: 500; color: color-mix(in srgb, currentColor 62%, transparent); } @media (max-width: 47.99rem) { .jump-inner { padding-block: 0.3rem; } .jump a { padding-block: 0.72rem; } } .group { scroll-margin-top: 2.5rem; } .group.is-alt { background: var(--sand); } .group-inner { display: grid; gap: clamp(1.5rem, 4vw, 3.25rem); align-items: start; grid-template-areas: 'head' 'visual' 'feats'; } .group-head { grid-area: head; } .group-visual { grid-area: visual; --phone-max: 17rem; } .feats { grid-area: feats; } @media (min-width: 62rem) { .group-inner { grid-template-columns: 19rem minmax(0, 1fr); grid-template-areas: 'visual head' 'visual feats'; column-gap: var(--gap-split); row-gap: 0; } .group.is-alt .group-inner { grid-template-areas: 'head visual' 'feats visual'; grid-template-columns: minmax(0, 1fr) 19rem; } .group-visual { align-self: start; --phone-max: 15rem; } .group-visual .ph { margin-inline: 0; } .group.is-alt .group-visual .ph { margin-inline: auto 0; } } .group-head { display: grid; gap: 0.4rem; border-bottom: 2px solid var(--ink); padding-bottom: 1rem; margin-bottom: 1.5rem; } .group-n { font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--ink-faint); } .is-alt .group-n { color: var(--ink-soft); } .group-count { margin-top: 0.1rem; } .group-link { color: var(--riff); margin-top: 0.55rem; justify-self: start; } .is-alt .group-head { border-bottom-color: var(--ink); } .stats { display: grid; gap: 1px; background: var(--sand-line); border: 1px solid var(--sand-line); border-radius: var(--radius-lg); overflow: hidden; } .stats > div { background: var(--paper); padding: var(--pad-cell); display: grid; gap: 0.3rem; } .is-alt .stats > div { background: var(--sand); } .stats dt { font-size: 1.85rem; font-weight: 600; letter-spacing: -0.038em; line-height: 1.1; } .stats dd { margin: 0; color: var(--ink-soft); font-size: 0.92rem; line-height: 1.45; } .feats { display: grid; gap: 1px var(--gap-cols); } .feat { display: grid; gap: 0.3rem; align-content: start; border-top: 1px solid var(--sand-line); padding-block: var(--row-pad); } .feat dt { font-weight: 600; letter-spacing: -0.015em; } .feat dd { margin: 0; color: var(--ink-soft); font-size: 1rem; line-height: 1.5; } @media (min-width: 46rem) { .feats { grid-template-columns: 1fr 1fr; } @supports (grid-template-rows: subgrid) { .feat { grid-row: span 2; grid-template-rows: subgrid; row-gap: 0.3rem; } } } .stats dt { font-variant-numeric: tabular-nums; } @media (max-width: 47.99rem) { .group { scroll-margin-top: 3.5rem; } .group-head { margin-bottom: 0; } .stats { background: none; border: 0; border-radius: 0; gap: 0; overflow: visible; } .stats > div, .is-alt .stats > div { background: none; padding: 1.05rem 0; border-top: 1px solid var(--sand-line); } .stats > div:first-child { border-top: 0; padding-top: 0; } } .twoscreens { display: grid; gap: clamp(2rem, 4vw, 3rem); } .twoscreens-web { width: 100%; margin-inline: auto; } .twoscreens-phones { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(1.25rem, 3vw, 2.5rem); } .twoscreens-phones > * { flex: 0 1 15rem; --phone-max: 100%; } @media (max-width: 40rem) { .twoscreens-phones > * { flex-basis: 17rem; } } .people { display: grid; gap: var(--gap-split); } @media (min-width: 46rem) { .people { grid-template-columns: 1fr 1fr; } } .person { display: grid; gap: 0.35rem; align-content: start; } .avatar { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; font-size: 1.05rem; font-weight: 700; letter-spacing: -0.01em; color: #fff; margin-bottom: 1.1rem; } .avatar.is-riff { background: var(--riff); } .avatar.is-ink { background: var(--ink); } .person-role { margin-top: 0.35rem; } .person-bio { margin-top: 0.7rem; max-width: 40ch; font-size: 1rem; } .om-facts { max-width: 56rem; } @media (max-width: 47.99rem) { .person { grid-template-columns: 2.75rem 1fr; column-gap: 0.85rem; } .avatar { width: 2.75rem; height: 2.75rem; font-size: 0.88rem; margin-bottom: 0; grid-row: 1 / span 2; align-self: start; } .person-bio { grid-column: 1 / -1; } .person-role { margin-top: 0; } } .who { display: grid; gap: var(--gap-split); align-items: start; } .who-yes { font-size: 1.0625rem; } .who-no { display: grid; gap: 0.8rem; align-content: start; border-left: 3px solid var(--sand-line); padding-left: 1.25rem; } .who-no p { max-width: 46ch; font-size: 1rem; } @media (min-width: 52rem) { .who { grid-template-columns: 1fr 1fr; } } .small { display: grid; gap: var(--gap-split); align-items: start; } .small-body { display: grid; gap: 1.1rem; } .small-body p { max-width: 54ch; } .small-aside { border-left: 3px solid var(--riff); padding-left: 1.25rem; display: grid; gap: 0.6rem; align-content: start; } .small-aside p { max-width: 34ch; font-size: 1rem; } @media (min-width: 58rem) { .small { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } } .trail { display: grid; gap: var(--gap-cols); margin-top: clamp(2.5rem, 5vw, 4rem); } @media (min-width: 46rem) { .trail { grid-template-columns: 1fr 1fr; } } .trail-link { display: grid; gap: 0.45rem; align-content: start; text-decoration: none; color: var(--ink); } .trail-kicker { font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--riff); } .trail-link .fine { margin-top: 0.15rem; } .flagship { display: grid; gap: var(--gap-split); align-items: start; } .flagship-body { display: grid; gap: 1.1rem; } .flagship-body p { max-width: 58ch; } .flagship-points { display: grid; gap: 0; align-content: start; } .flagship-points > div { display: grid; gap: 0.3rem; border-top: 1px solid var(--sand-line); padding-block: var(--row-pad); } .flagship-points dt { font-size: 0.82rem; color: var(--ink-faint); } .flagship-points dd { margin: 0; font-weight: 500; letter-spacing: -0.015em; } @media (min-width: 58rem) { .flagship { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } } @media (max-width: 47.99rem) { .trail { gap: 0; } .trail-link { background: none; border: 0; border-top: 1px solid var(--sand-line); border-radius: 0; padding: 1.15rem 0; } .trail-link:hover { transform: none; box-shadow: none; } } .rm-akse, .rm-raekke { display: grid; gap: 1rem var(--gap-split); } @media (min-width: 48rem) { .rm-akse, .rm-raekke { grid-template-columns: minmax(0, 1fr) minmax(19rem, 25rem); } } .rm-akse { display: none; } @media (min-width: 48rem) { .rm-akse { display: grid; padding-bottom: 0.9rem; } } .rm-akse-stop { grid-column: 2; display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; font-size: 0.82rem; color: var(--ink-faint); } .rm-akse-stop a { color: inherit; text-underline-offset: 0.2em; } .rm-akse-stop a:hover { color: var(--ink); } .rm-liste { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--sand-line); } .rm-raekke { padding-block: clamp(1.4rem, 2.6vw, 1.9rem); border-top: 1px solid var(--sand-line); align-items: start; } .rm-titel { margin: 0; font-size: clamp(1.15rem, 1.7vw, 1.35rem); font-weight: 600; letter-spacing: -0.022em; line-height: 1.25; } .rm-tekst p { margin: 0.45rem 0 0; max-width: var(--measure-prose); color: var(--ink-soft); line-height: 1.55; } .rm-bane { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); place-items: center; height: 1.7rem; } .rm-bane::before { content: ''; position: absolute; left: 12.5%; right: 12.5%; top: 50%; height: 1px; background: repeating-linear-gradient(90deg, var(--ink-faint) 0 2px, transparent 2px 6px); opacity: 0.55; } .rm-bane i { position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--paper); border: 1.5px solid color-mix(in srgb, var(--ink-faint) 60%, transparent); } .rm-bane i.is-forbi { background: var(--ink); border-color: var(--ink); } .rm-fyld, .rm-her { position: absolute; top: 50%; } .rm-fyld { left: 12.5%; width: calc(var(--trin) * 25%); height: 2px; margin-top: -1px; background: var(--ink); transform-origin: left center; } .rm-her { left: calc(12.5% + var(--trin) * 25%); width: 15px; height: 15px; margin: -7.5px 0 0 -7.5px; border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 4px var(--paper); } .rm-nu .rm-her { background: var(--pos); box-shadow: 0 0 0 4px var(--paper), 0 0 0 5px var(--pos); } .rm-raekke[data-reveal] .rm-fyld { transform: scaleX(0); transition: transform 0.9s var(--ease) 0.2s; } .rm-raekke[data-reveal] .rm-her { left: 12.5%; transition: left 0.9s var(--ease) 0.2s; } .rm-raekke[data-reveal].is-in .rm-fyld, .no-js .rm-raekke .rm-fyld { transform: none; } .rm-raekke[data-reveal].is-in .rm-her, .no-js .rm-raekke .rm-her { left: calc(12.5% + var(--trin) * 25%); } @media (prefers-reduced-motion: reduce) { .rm-raekke .rm-fyld { transform: none !important; transition: none !important; } .rm-raekke .rm-her { left: calc(12.5% + var(--trin) * 25%) !important; transition: none !important; } } .rm-navne { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 0.3rem; text-align: center; font-size: 0.75rem; color: var(--ink-faint); } .rm-navne .is-her { color: var(--ink); font-weight: 600; } .rm-nu .rm-navne .is-her { color: var(--pos-text); } @media (min-width: 48rem) { .rm-navne { display: none; } } .tenets { display: grid; gap: clamp(1.75rem, 3vw, 2.75rem); list-style: none; padding: 0; } .tenets li { display: grid; gap: 0.7rem; align-content: start; border-top: 2px solid currentColor; padding-top: 1.1rem; } .tenets p { opacity: 0.76; max-width: 46ch; font-size: 1rem; line-height: 1.6; } @media (min-width: 52rem) { .tenets { grid-template-columns: repeat(2, 1fr); column-gap: var(--gap-cols); } } .deling { display: grid; gap: 1px; background: var(--sand-line); border: 1px solid var(--sand-line); border-radius: var(--radius-lg); overflow: hidden; } .del { background: var(--paper); padding: var(--pad-card); display: grid; gap: 0.55rem; align-content: start; } .del-riff { background: var(--paper-raise); } .del-hvem { font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--ink-faint); } .del-body { color: var(--ink-soft); max-width: 34ch; } .del .ticks { margin-top: 0.35rem; } .del .ticks li { font-size: 1rem; } .del .ticks li::before { background: var(--ink-faint); } .del-riff .ticks li::before { background: var(--pos); } @media (min-width: 56rem) { .deling { grid-template-columns: repeat(3, minmax(0, 1fr)); } @supports (grid-template-rows: subgrid) { .deling { grid-template-rows: auto auto auto auto; } .del { grid-row: span 4; grid-template-rows: subgrid; row-gap: 0.55rem; } .del > * { align-self: start; } } } .beregner { display: grid; gap: var(--head-stack); max-width: 46rem; } .tekster-links { display: flex; flex-wrap: wrap; gap: 1.25rem 2rem; margin-top: 1.5rem; } .tl-section { padding-top: clamp(0.5rem, 1.5vw, 1rem); } .tl-pick { position: sticky; top: var(--nav-h); z-index: 20; display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 0.4rem; padding-block: 0.7rem; margin-bottom: clamp(2rem, 4vw, 3rem); background: var(--paper); border-top: 1px solid var(--sand-line); border-bottom: 1px solid var(--sand-line); } .tl-pick[hidden] { display: none; } .tl-chips { flex: 1 1 0; min-width: 0; display: flex; gap: 0.2rem; overflow-x: auto; scrollbar-width: none; list-style: none; padding: 0; margin: 0; } .tl-chips::-webkit-scrollbar { display: none; } .tl-chips a { display: grid; justify-items: center; min-width: 3.4rem; padding: 0.35rem 0.6rem; border-radius: var(--radius); color: var(--ink-faint); text-decoration: none; transition: color 0.18s var(--ease), background-color 0.18s var(--ease); } .tl-chips a:hover { color: var(--ink); } .tl-chip-m { font-size: 0.92rem; font-weight: 500; line-height: 1.2; } .tl-chip-y { font-size: 0.7rem; font-variant-numeric: tabular-nums; } .tl-chips a[aria-current='true'] { color: var(--ink); background: var(--sand); } .tl-chips a[aria-current='true'] .tl-chip-m { font-weight: 600; } .tl-step { flex: none; width: 2.25rem; height: 2.25rem; display: grid; place-items: center; font: inherit; color: var(--ink); background: none; border: 1px solid var(--sand-line); border-radius: 50%; cursor: pointer; } .tl-step:hover:not(:disabled) { border-color: var(--ink-faint); } .tl-step:disabled { opacity: 0.3; cursor: default; } .switch { display: inline-flex; gap: 2px; padding: 3px; background: var(--sand); border-radius: 999px; } .switch button { font: inherit; font-size: 0.85rem; font-weight: 500; color: var(--ink-soft); background: none; border: 0; border-radius: 999px; padding: 0.4rem 0.8rem; cursor: pointer; display: inline-flex; align-items: center; gap: 0.35rem; transition: background-color 0.18s var(--ease), color 0.18s var(--ease); } .switch button:hover { color: var(--ink); } .switch button svg { width: 14px; height: 14px; flex: none; } .switch button[aria-pressed='true'] { background: var(--paper); color: var(--ink); box-shadow: var(--shadow-lift); } .switch-n { font-size: 0.72rem; color: var(--ink-faint); font-variant-numeric: tabular-nums; } .tl-filter { flex: none; margin-left: 0.6rem; } @media (max-width: 47.99rem) { .tl-filter { order: 3; flex: 1 1 100%; margin-left: 0; } .tl-filter button { flex: 1; justify-content: center; padding-block: 0.6rem; } } .tl-month { scroll-margin-top: calc(var(--nav-h) + 1rem); } .tl-month + .tl-month { margin-top: clamp(3.5rem, 7vw, 5rem); } .is-paged .tl-month { margin-top: 0; scroll-margin-top: calc(var(--nav-h) + 6rem); } .tl-month-head { display: grid; gap: 0; margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem); } .tl-month-head .eyebrow { margin-bottom: var(--head-stack); } .tl-month-text { display: grid; gap: 0.8rem; margin-top: var(--head-stack); max-width: var(--measure-lede); } .tl-month-text p { font-size: clamp(1.05rem, 1.4vw, 1.2rem); line-height: 1.55; color: var(--ink-soft); } .tl-month-head .release-shots { margin-top: clamp(1.5rem, 3vw, 2rem); } .tl-ranges { list-style: none; padding: 0; margin: clamp(1.25rem, 2.5vw, 1.75rem) 0 0; display: flex; flex-wrap: wrap; gap: 0.4rem 1.5rem; } .tl-ranges li { display: inline-flex; align-items: center; gap: 0.45rem; } .tl-range-v { font-family: var(--font-mono); font-size: 0.85rem; letter-spacing: -0.02em; color: var(--ink-soft); } .spor { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.82rem; font-weight: 500; color: var(--ink-soft); white-space: nowrap; } .spor svg { width: 14px; height: 14px; flex: none; } .releases { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid var(--sand-line); } .release { border-top: 1px solid var(--sand-line); scroll-margin-top: calc(var(--nav-h) + 6rem); } .release-row { display: grid; gap: 0.3rem; padding-block: 1.15rem; list-style: none; } summary.release-row { cursor: pointer; } summary.release-row::-webkit-details-marker { display: none; } @media (min-width: 44rem) { .release-row { grid-template-columns: minmax(0, 1fr) auto; column-gap: 1.5rem; } .release-row > :not(.release-head, .release-when) { grid-column: 1 / -1; } .release-when { justify-self: end; align-self: center; } } .release-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.3rem 0.75rem; font-size: 1rem; font-weight: 400; letter-spacing: 0; } .release-v { font-family: var(--font-mono); font-size: 1.05rem; font-weight: 600; letter-spacing: -0.03em; color: var(--ink); } .release-when { font-variant-numeric: tabular-nums; } .release-title { margin-top: 0.35rem; font-size: 1.1rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.3; } .release-lede { margin-top: 0.15rem; color: var(--ink-soft); line-height: 1.55; max-width: var(--measure-prose); } .release-more { margin-top: 0.35rem; font-size: 0.875rem; font-weight: 500; color: var(--riff); display: inline-flex; align-items: center; gap: 0.4rem; justify-self: start; } .release-more::after { content: ''; width: 0.36rem; height: 0.36rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-0.12rem) rotate(45deg); transition: transform 0.18s var(--ease); } details[open] .release-more::after { transform: translateY(0.1rem) rotate(-135deg); } .release-more .is-open, details[open] .release-more .is-closed { display: none; } details[open] .release-more .is-open { display: inline; } summary.release-row:hover .release-more { text-decoration: underline; } .release-body { padding-bottom: 1.4rem; } ul.bullets { display: grid; gap: 0.45rem; margin-top: 0; padding-left: 1.15rem; color: var(--ink-soft); list-style: disc; } .bullets li { line-height: 1.55; max-width: var(--measure-prose); } .bullets li::marker { color: var(--riff); } .release-groups { display: grid; gap: 1.25rem var(--gap-cols); grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); } .bullets + .release-groups { margin-top: 1.25rem; } .release-group-h { font-size: 0.95rem; font-weight: 600; letter-spacing: -0.01em; } .release-group-h + .bullets { margin-top: 0.5rem; } .release-shots { display: grid; gap: var(--gap-cols); } .release-body .release-shots { margin-top: 1.5rem; } @media (min-width: 40rem) { .release-shots:not(.is-single) { grid-template-columns: 1fr 1fr; } } .release-shots figure { margin: 0; display: grid; gap: 0.6rem; } .release-shots img { display: block; width: 100%; height: auto; border-radius: var(--radius-lg); border: 1px solid var(--sand-line); background: var(--sand); } .release-shots figcaption { color: var(--ink-faint); max-width: var(--measure-fine); } .tl-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-top: clamp(2rem, 4vw, 2.75rem); } .tl-pager button { font: inherit; display: grid; gap: 0.15rem; text-align: left; color: var(--ink); background: none; border: 1px solid var(--sand-line); border-radius: var(--radius); padding: 0.8rem 1rem; cursor: pointer; } .tl-pager button:hover { border-color: var(--ink-faint); } .tl-pager button[hidden] { display: none; } .tl-pager .is-newer { grid-column: 2; text-align: right; } .tl-pager b { font-weight: 600; } .tl-end { margin-top: clamp(2.5rem, 5vw, 3.5rem); } [data-filter='ios'] .release.is-web, [data-filter='web'] .release.is-ios, [data-filter='ios'] .tl-ranges .is-web, [data-filter='web'] .tl-ranges .is-ios, [data-filter='ios'] .tl-chips li[data-n-ios='0'], [data-filter='web'] .tl-chips li[data-n-web='0'] { display: none; } .note-wide { margin-top: clamp(2rem, 4vw, 3rem); } .milestones { display: grid; gap: 0; } .milestone { display: grid; gap: 0.3rem var(--gap-list); padding-block: var(--row-pad); border-top: 1px solid var(--sand-line); } .milestone dt { font-weight: 600; letter-spacing: -0.015em; } .milestone dd { margin: 0; color: var(--ink-soft); max-width: var(--measure-prose); } @media (min-width: 48rem) { .milestone { grid-template-columns: var(--list-col) 1fr; } } @media (max-width: 47.99rem) { .milestone { gap: 0.15rem; } .milestone dt { font-size: 0.82rem; font-weight: 500; color: var(--ink-faint); letter-spacing: 0; } .milestone dd { color: var(--ink); font-weight: 500; letter-spacing: -0.01em; } } .toggle { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; gap: 2px; background: var(--sand); border: 1px solid var(--sand-line); border-radius: var(--radius); padding: 3px; margin-bottom: clamp(1.75rem, 3vw, 2.5rem); } .toggle-btn { display: inline-flex; align-items: baseline; gap: 0.45rem; background: transparent; border: 0; border-radius: 3px; padding: 0.55rem 0.95rem; font-size: 0.92rem; font-weight: 600; cursor: pointer; color: var(--ink-soft); } .toggle-btn[aria-pressed='true'] { background: var(--ink); color: var(--paper); } .toggle-btn { justify-content: center; } .toggle-note { display: none; font-size: 0.72rem; font-weight: 600; opacity: 0.75; } @media (min-width: 34rem) { .toggle { display: inline-flex; width: auto; } .toggle-note { display: inline; } } .plans { display: grid; gap: clamp(1rem, 2vw, 1.5rem); grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); align-items: stretch; } .plan { position: relative; background: var(--paper-raise); border: 1px solid var(--sand-line); border-radius: var(--radius-lg); padding: clamp(1.5rem, 3vw, 2rem); display: flex; flex-direction: column; gap: 1.1rem; } .plan.is-featured { border: 2px solid var(--riff); } .plan-flag { position: absolute; top: -0.72rem; left: clamp(1.5rem, 3vw, 2rem); background: var(--riff); color: #fff; font-size: 0.74rem; font-weight: 600; letter-spacing: -0.005em; padding: 0.28rem 0.62rem; border-radius: 3px; } .plan-head { display: grid; gap: 0.35rem; } .plan-blurb { font-size: 0.95rem; } .plan-price { min-height: 3rem; display: flex; align-items: baseline; } .plan-amount { display: inline-flex; align-items: baseline; gap: 0.4rem; } .plan-amount[hidden] { display: none; } .plan-num, .plan-free { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.045em; line-height: 1; } .plan-suffix { font-size: 0.9rem; color: var(--ink-faint); font-weight: 500; } .plan-limit { font-size: 0.9rem; font-weight: 600; letter-spacing: -0.01em; color: var(--riff); border-top: 1px solid var(--sand-line); padding-top: 1rem; } .plan-features { font-size: 1rem; } .plan-missing { display: grid; gap: 0.5rem; list-style: none; padding: 0; font-size: 1rem; } .plan-missing li { display: grid; grid-template-columns: 1.35rem 1fr; gap: 0.7rem; color: var(--ink-faint); } .plan-missing li::before { content: '—'; text-align: center; } .plan-cta { width: 100%; margin-top: auto; } .plans-note { margin-top: 1.5rem; max-width: 52ch; } @media (max-width: 47.99rem) { .plan { display: grid; grid-template-columns: 1fr auto; column-gap: 1rem; row-gap: 1.1rem; align-items: start; } .plan > *:not(.plan-flag) { grid-column: 1 / -1; } .plan-head { display: contents; } .plan-head h2 { grid-column: 1; grid-row: 1; align-self: baseline; } .plan-blurb { grid-column: 1 / -1; grid-row: 2; margin-top: -0.7rem; } .plan-price { grid-column: 2; grid-row: 1; min-height: 0; justify-content: end; align-self: baseline; } .plan-num, .plan-free { font-size: 2.1rem; } .plan-amount { gap: 0.25rem; } .plan-flag { font-size: 0.8rem; } .toggle-btn { padding-block: 0.72rem; } .toggle-note { font-size: 0.78rem; } } .cmp { width: 100%; border-collapse: collapse; font-size: 0.95rem; min-width: 38rem; } .cmp th, .cmp td { text-align: left; padding: 0.8rem 0.85rem; border-bottom: 1px solid var(--sand-line); } @media (max-width: 46rem) { .cmp { min-width: 29rem; font-size: 0.88rem; } .cmp th, .cmp td { padding: 0.7rem 0.5rem; } .cmp td { width: 5.5rem; } .cmp tbody th:first-child, .cmp thead th:first-child { position: sticky; left: 0; z-index: 1; background: var(--sand); box-shadow: 1px 0 0 var(--sand-line); } .table-scroll { margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); overscroll-behavior-x: contain; } } .cmp thead th { font-size: 0.82rem; font-weight: 600; letter-spacing: -0.006em; color: var(--ink-soft); } .cmp tbody th { font-weight: 500; color: var(--ink); } .cmp td { text-align: center; width: 8rem; color: var(--ink-soft); } .cmp td[data-val='Ja'] { color: var(--riff); font-weight: 700; } .cmp-hint { display: none; } @media (max-width: 42rem) { .cmp-hint { display: block; } } .faq-section + .faq-section { margin-top: clamp(2.5rem, 5vw, 4rem); } .faq-heading { margin-bottom: 1.1rem; } .guide-list { display: grid; gap: 0; list-style: none; padding: 0; border-top: 2px solid var(--ink); } .guide-list li { border-bottom: 1px solid var(--sand-line); } .guide-list a { display: grid; gap: 0.45rem; padding-block: clamp(1.5rem, 3vw, 2rem); text-decoration: none; color: var(--ink); } .guide-list a:hover .g-title { color: var(--riff); } .g-tag { font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--riff); } .g-title { max-width: 28ch; } .g-sum { color: var(--ink-soft); max-width: var(--measure-prose); font-size: 1.0625rem; line-height: 1.55; } .g-meta { margin-top: 0.2rem; } @media (max-width: 47.99rem) { .guide-list a { grid-template-columns: 1fr auto; grid-template-areas: 'tag meta' 'title title' 'sum sum'; align-items: baseline; column-gap: 1rem; } .g-tag { grid-area: tag; } .g-title { grid-area: title; } .g-sum { grid-area: sum; } .g-meta { grid-area: meta; margin-top: 0; text-align: right; } } .guide-head { display: grid; gap: var(--head-stack); margin-bottom: clamp(2rem, 4vw, 3rem); } .guide-crumb { font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--ink-faint); } .guide-crumb a { color: var(--riff); } .guide-crumb a { text-decoration: none; } .guide-crumb a:hover { text-decoration: underline; } .guide-crumb span { color: var(--sand-line); margin-inline: 0.3rem; } .guide-lede { max-width: var(--measure-lede); } .guide-meta { margin-top: 0.25rem; } .guide-kort { margin-top: 1.5rem; padding: 1rem 1.25rem; border-left: 3px solid var(--pos); background: var(--paper-raise); border-radius: 0 var(--radius) var(--radius) 0; font-size: 1.0625rem; line-height: 1.55; max-width: var(--measure-prose); } @media (max-width: 47.99rem) { .guide-crumb a { position: relative; } .guide-crumb a::after { content: ''; position: absolute; inset: -0.82rem -0.4rem; } } .more-head { margin-bottom: 1.5rem; } .more-list { display: grid; gap: 1px; background: var(--sand-line); border-block: 1px solid var(--sand-line); list-style: none; padding: 0; } .more-list li { background: var(--paper); } .more-list a { display: grid; gap: 0.3rem; padding: 1.25rem 0.25rem; text-decoration: none; color: var(--ink); } .more-list a:hover .more-title { color: var(--riff); } .more-tag { font-size: 0.82rem; font-weight: 500; letter-spacing: -0.006em; color: var(--riff); } .more-title { font-size: 1.15rem; font-weight: 600; letter-spacing: -0.02em; } .more-sum { max-width: var(--measure-prose); } @media (min-width: 56rem) { .more-list { grid-template-columns: repeat(3, 1fr); } .more-list a { padding: var(--pad-cell); } @supports (grid-template-rows: subgrid) { .more-list { grid-template-rows: auto auto auto; } .more-list > li, .more-list > li > a { display: grid; grid-row: span 3; grid-template-rows: subgrid; } } } @media (max-width: 47.99rem) { .more-sum { font-size: 1rem; } } .index { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: clamp(2rem, 4vw, 3rem); } .index a { font-size: 0.85rem; font-weight: 600; text-decoration: none; color: var(--ink); border: 1px solid var(--sand-line); background: var(--paper-raise); border-radius: 999px; padding: 0.58rem 0.85rem; } .index a:hover { border-color: var(--ink); } .index-alpha { display: none; } @media (max-width: 47.99rem) { .index:not(.index-alpha) { display: none; } .index-alpha { display: flex; } .index-alpha a { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; min-height: 2.75rem; padding: 0 0.5rem; font-size: 0.95rem; } } .terms { display: grid; } .term { display: grid; gap: 0.35rem var(--gap-list); padding-block: var(--row-pad); border-top: 1px solid var(--sand-line); scroll-margin-top: 1rem; } .term:target dt { color: var(--riff); } .term dt { font-size: 1.1rem; font-weight: 700; letter-spacing: -0.02em; } .term dt a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, currentColor 28%, transparent); text-underline-offset: 0.2em; } .term dt a:hover, .term dt a:focus-visible { color: var(--riff); text-decoration-color: currentColor; } .term dd { margin: 0; font-size: 1.0625rem; line-height: 1.62; color: var(--ink-soft); max-width: var(--measure-prose); } @media (min-width: 48rem) { .term { grid-template-columns: var(--list-col) 1fr; } } @media (max-width: 47.99rem) { .term { scroll-margin-top: 1.5rem; } .term dt a { position: relative; } .term dt a::after { content: ''; position: absolute; inset: -0.7rem -0.35rem -0.35rem; } } .term-page { padding-block: clamp(2.5rem, 6vw, 4.5rem) clamp(2.5rem, 5vw, 4rem); } .term-crumb { margin-bottom: 1.1rem; } .term-crumb a { color: var(--riff); text-decoration: none; } .term-crumb a:hover { text-decoration: underline; } .term-body { margin-top: 1.2rem; max-width: 50ch; } .term-means { margin-top: clamp(2rem, 4vw, 2.75rem); padding-top: 1.15rem; border-top: 1px solid var(--sand-line); display: grid; gap: 0.55rem; max-width: var(--measure-prose); } .term-means p { color: var(--ink-soft); } .term-back { margin-top: clamp(2.25rem, 4vw, 3rem); } @media (max-width: 47.99rem) { .term-page { padding-top: 2rem; } .term-crumb a { position: relative; } .term-crumb a::after { content: ''; position: absolute; inset: -0.82rem -0.4rem; } } .contact { display: grid; gap: var(--gap-cols); grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); } .contact-item { display: grid; gap: 0.5rem; align-content: start; border-top: 2px solid var(--ink); padding-top: 1.1rem; } .contact-item p { font-size: 1rem; } .contact-link { position: relative; font-weight: 700; font-size: 1.05rem; text-decoration: none; border-bottom: 2px solid var(--riff); justify-self: start; } .contact-link::after { content: ''; position: absolute; inset: -0.5rem -0.25rem; } .contact-link:hover { border-bottom-color: var(--ink); color: var(--ink); } @media (max-width: 47.99rem) { .contact { gap: 2rem; } } .contact-note { margin-top: 2.5rem; display: grid; gap: 0.8rem; } .contact-note p { max-width: var(--measure-prose); } .contact-legal { margin-top: 2.5rem; display: grid; gap: 0.6rem; } .contact-legal p { max-width: var(--measure-fine); } .join { padding-top: clamp(2.5rem, 6vw, 4.5rem); } .join-inner { display: grid; gap: var(--gap-split); align-items: center; } .join-copy { display: grid; gap: var(--head-stack); justify-items: start; } .join-copy > div { width: 100%; } .join-copy .lede { text-wrap: balance; } .join-shot { --phone-max: 17rem; } @media (min-width: 60rem) { .join-inner { grid-template-columns: 1fr 0.74fr; } } .join-links { margin-top: 0.75rem; } @media (max-width: 47.99rem) { .join-links { line-height: 1.95; } } .nf { padding-top: clamp(3rem, 8vw, 6rem); } .nf .eyebrow { margin-bottom: var(--head-stack); } .nf .lede { margin-top: 1.35rem; } .nf-links { display: grid; gap: 0.2rem; margin-top: 2rem; list-style: none; padding: 0; } .nf-links a { display: inline-block; font-size: 1.2rem; font-weight: 600; letter-spacing: -0.02em; text-decoration: none; padding-block: 0.55rem; border-bottom: 1px solid var(--sand-line); } .nf-links li { border-bottom: 0; } .nf-links a:hover { color: var(--ink); } @media (max-width: 47.99rem) { .nf-links { gap: 0; } .nf-links a { display: block; padding-block: 0.85rem; } } :root { --cc-font-family: var(--font); --cc-bg: var(--paper-raise); --cc-primary-color: var(--ink); --cc-secondary-color: var(--ink-soft); --cc-link-color: var(--riff); --cc-modal-border-radius: var(--radius-lg); --cc-btn-border-radius: var(--radius); --cc-pm-toggle-border-radius: 999px; --cc-separator-border-color: var(--sand-line); --cc-section-category-border: var(--sand-line); --cc-footer-border-color: var(--sand-line); --cc-cookie-category-block-border: var(--sand-line); --cc-cookie-category-block-hover-border: var(--sand-line); --cc-btn-primary-bg: var(--riff); --cc-btn-primary-color: #fff; --cc-btn-primary-border-color: var(--riff); --cc-btn-primary-hover-bg: var(--riff-deep); --cc-btn-primary-hover-color: #fff; --cc-btn-primary-hover-border-color: var(--riff-deep); --cc-btn-secondary-bg: var(--riff); --cc-btn-secondary-color: #fff; --cc-btn-secondary-border-color: var(--riff); --cc-btn-secondary-hover-bg: var(--riff-deep); --cc-btn-secondary-hover-color: #fff; --cc-btn-secondary-hover-border-color: var(--riff-deep); --cc-cookie-category-block-bg: var(--paper); --cc-cookie-category-block-hover-bg: var(--sand); --cc-cookie-category-expanded-block-bg: var(--paper-raise); --cc-cookie-category-expanded-block-hover-bg: var(--sand-line); --cc-footer-bg: var(--paper); --cc-footer-color: var(--ink-faint); --cc-toggle-on-bg: var(--riff); --cc-toggle-off-bg: var(--sand); --cc-toggle-on-knob-bg: var(--paper-raise); --cc-toggle-off-knob-bg: var(--paper-raise); --cc-toggle-readonly-bg: var(--sand); --cc-toggle-readonly-knob-bg: var(--paper-raise); --cc-toggle-readonly-knob-icon-color: var(--ink-faint); --cc-toggle-enabled-icon-color: #fff; --cc-toggle-disabled-icon-color: var(--ink-faint); --cc-overlay-bg: rgba(20, 20, 26, 0.3); --cc-webkit-scrollbar-bg: var(--sand-line); --cc-webkit-scrollbar-hover-bg: var(--ink-faint); --cc-modal-transition-duration: 0.22s; --cc-modal-margin: var(--pad-card); } #cc-main { font-size: 1rem; font-feature-settings: 'ss01', 'cv01'; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #cc-main a { color: var(--cc-link-color); text-decoration-thickness: 1px; text-underline-offset: 0.18em; } #cc-main a:hover { color: var(--riff-deep); } #cc-main :focus-visible { outline: 3px solid var(--riff); outline-offset: 2px; border-radius: 3px; } #cc-main [tabindex="-1"]:focus, #cc-main [tabindex="-1"]:focus-visible { outline: none; } #cc-main p { display: block; } #cc-main .cm { max-width: 27rem; border: 1px solid var(--sand-line); box-shadow: none; } #cc-main .cm__title, #cc-main .cm__desc, #cc-main .cm__btns, #cc-main .cm__links { padding-inline: var(--pad-card); } #cc-main .cm__texts { padding-top: var(--pad-card); } #cc-main .cm__btns { padding-block: var(--pad-card); } #cc-main .cm__title { font-size: clamp(1.32rem, 1.6vw, 1.4rem); font-weight: 600; line-height: 1.25; letter-spacing: -0.02em; text-wrap: balance; } #cc-main .cm__desc { font-size: 1rem; line-height: 1.55; letter-spacing: -0.011em; color: var(--ink-soft); text-wrap: pretty; } #cc-main .cm__title + .cm__desc { margin-top: 0.7em; } #cc-main .cm__btn, #cc-main .pm__btn { font-size: 0.95rem; font-weight: 500; letter-spacing: -0.012em; min-height: 2.75rem; padding: 0.7rem 1.2rem; transition: background-color 0.18s var(--ease), border-color 0.18s var(--ease), color 0.18s var(--ease); } #cc-main .cm--inline .cm__btn + .cm__btn { margin-left: 0.5rem; } #cc-main .cm__btn-group + .cm__btn-group { margin-top: 0.75rem; } #cc-main .cm__btn[data-role="show"] { background: transparent; border-color: transparent; color: var(--ink-soft); min-height: 2rem; padding: 0.25rem 0; font-size: 0.9rem; text-decoration: underline; text-underline-offset: 0.18em; text-decoration-thickness: 1px; justify-self: start; text-align: left; } #cc-main .cm__btn[data-role="show"]:hover { background: transparent; border-color: transparent; color: var(--riff); } #cc-main .cm__footer { padding-block: 0.7rem; } #cc-main .cm__links { font-size: 0.875rem; line-height: 1.5; } #cc-main .pm--box { height: auto; max-height: min(37.5em, calc(100% - 2 * var(--cc-modal-margin))); } #cc-main .pm { border: 1px solid var(--sand-line); box-shadow: none; } #cc-main .pm__header { border-bottom: 1px solid var(--sand-line); } #cc-main .pm__title { font-size: clamp(1.32rem, 1.6vw, 1.4rem); font-weight: 600; line-height: 1.25; letter-spacing: -0.02em; } #cc-main .pm__close-btn { background: transparent; border: 1px solid var(--sand-line); border-radius: var(--radius); height: 2.25rem; width: 2.25rem; } #cc-main .pm__close-btn svg { stroke: var(--ink-soft); } #cc-main .pm__close-btn:hover { background: var(--paper); border-color: var(--ink); } #cc-main .pm__close-btn:hover svg { stroke: var(--ink); } #cc-main .pm__section-title { font-size: 1rem; font-weight: 600; letter-spacing: -0.014em; } #cc-main .pm__section-desc { font-size: 0.95rem; line-height: 1.6; color: var(--ink-soft); text-wrap: pretty; } #cc-main .pm__section-desc p + p { margin-top: 0.9em; } #cc-main .pm__section--expandable .pm__section-arrow { background: transparent; border-radius: 0; left: 1.1em; } #cc-main .pm__section--expandable .pm__section-arrow svg { stroke: var(--ink-faint); } #cc-main .pm__section--expandable .pm__section-title { padding-left: 2.7em; } #cc-main .pm__badge { background: var(--sand); color: var(--ink-soft); border-radius: var(--radius); font-size: 0.78rem; font-weight: 500; } #cc-main .pm__service-counter { background: var(--sand); color: var(--ink-soft); } #cc-main .pm__btn[data-role="save"] { background: transparent; border-color: var(--sand-line); color: var(--ink); } #cc-main .pm__btn[data-role="save"]:hover { background: var(--paper); border-color: var(--ink); color: var(--ink); } #cc-main .toggle__icon-circle { box-shadow: 0 0 0 1px var(--sand-line); } #cc-main .toggle__icon { box-shadow: 0 0 0 1px var(--sand-line); } #cc-main .section__toggle:checked ~ .toggle__icon { box-shadow: 0 0 0 1px var(--riff); } #cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle { box-shadow: none; } #cc-main .toggle__icon-off svg { stroke: var(--ink-faint); } #cc-main .toggle__icon-on svg { stroke: #fff; } #cc-main .section__toggle:disabled ~ .toggle__icon { opacity: 0.62; } #cc-main .section__toggle:checked:disabled ~ .toggle__icon { background: var(--sand); box-shadow: 0 0 0 1px var(--sand-line); } #cc-main .section__toggle:checked:disabled ~ .toggle__icon svg { stroke: var(--ink-faint); } #cc-main .pm__table { font-size: 0.95em; } #cc-main .pm__table-th { font-weight: 600; color: var(--ink); background: var(--sand); } #cc-main .pm__table-th, #cc-main .pm__table-td { padding: 0.65rem 0.7rem; } @media screen and (max-width: 640px) { #cc-main { --cc-modal-margin: 0.75rem; } #cc-main .cm { max-width: none; } #cc-main .cm__texts { padding-top: 1.1rem; } #cc-main .cm__btns { padding-block: 1.1rem; } #cc-main .cm__btn, #cc-main .pm__btn { min-height: 3rem; } #cc-main .cm__btn[data-role="show"] { min-height: 2.25rem; } #cc-main .pm--box { max-height: calc(100% - 2 * var(--cc-modal-margin)); } } @media (prefers-reduced-motion: reduce) { #cc-main .cm__btn, #cc-main .pm__btn { transition: none; } }