.rlk-store {
    --brand-color:#12664b;
    background:#fafbf8;
    color:#142e2c;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    line-height:1.6;
}

.rlk-container {
    width:calc(100% - 64px);
    max-width:1280px;
    margin:auto;
}

.rlk-store a,.rlk-store button {
    transition:background .18s,color .18s,box-shadow .18s;
}

.rlk-store a:focus-visible,.rlk-store button:focus-visible,.rlk-store input:focus-visible {
    outline:3px solid #147553;
    outline-offset:4px;
}

.rlk-skip {
    position:fixed;
    top:-80px;
    left:20px;
    background:white;
    padding:12px;
    z-index:100;
}

.rlk-skip:focus {
    top:12px;
}

.rlk-notice {
    background:#102a2b;
    color:#fff;
    font-size:12px;
    padding:8px 0;
}

.rlk-notice .rlk-container {
    display:flex;
    justify-content:space-between;
}

.rlk-notice span {
    color:#c0d4c8;
}

.rlk-header {
    background:#fff;
    border-bottom:1px solid #e0e6df;
}

.rlk-header-row {
    display:flex;
    align-items:center;
    gap:50px;
    padding-top:24px;
    padding-bottom:24px;
}

.rlk-logo {
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:800;
    font-size:23px;
    line-height:1.1;
    letter-spacing:-1px;
}

.rlk-logo-icon {
    background:#142e2c;
    color:#d8efa6;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    width:43px;
    height:43px;
    font-size:33px;
}

.rlk-logo-icon span {
    font-size:22px;
    margin-top:-8px;
}

.rlk-logo-sub {
    display:block;
    font-size:10px;
    letter-spacing:3px;
    font-weight:600;
    margin-top:6px;
}

.rlk-search {
    display:flex;
    flex:1;
    position:relative;
    max-width:520px;
}

.rlk-search input {
    width:100%;
    border:1px solid #e0e6df;
    border-radius:8px;
    background:#f8faf7;
    padding:12px 50px 12px 18px;
    font-size:13px;
}

.rlk-search button {
    position:absolute;
    right:8px;
    top:6px;
    padding:8px;
    border-radius:5px;
}

.rlk-header-actions {
    display:flex;
    gap:25px;
    align-items:center;
    margin-left:auto;
    font-size:13px;
    white-space:nowrap;
}

.rlk-cart {
    display:flex;
    align-items:center;
    gap:8px;
}

.rlk-cart span {
    background:#eaf2e2;
    border-radius:50%;
    min-width:26px;
    text-align:center;
    padding:2px;
}

.rlk-nav {
    display:flex;
    gap:32px;
    padding-top:12px;
    padding-bottom:14px;
    font-size:12px;
    align-items:center;
    overflow:auto;
    white-space:nowrap;
}

.rlk-nav a:first-child {
    font-weight:700;
}

.rlk-nav-help {
    margin-left:auto;
    color:#23694e;
}

.rlk-nav a:hover,.rlk-header-actions a:hover {
    text-decoration:underline;
}

.rlk-main {
    padding-top:28px;
    padding-bottom:70px;
    min-height:50vh;
}

.rlk-main:focus {
    outline:0;
}

.rlk-hero {
    display:grid;
    grid-template-columns:1.05fr 1fr;
    background:#edf2e6;
    border-radius:16px;
    overflow:hidden;
    min-height:470px;
}

.rlk-hero-copy {
    padding:55px 0 42px 48px;
    z-index:1;
}

.rlk-eyebrow {
    display:block;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.8px;
}

.rlk-hero .rlk-eyebrow {
    display:flex;
    align-items:center;
    gap:8px;
}

.rlk-eyebrow>span {
    height:7px;
    width:7px;
    background:#358059;
    border-radius:50%;
}

.rlk-hero h1 {
    font-size:clamp(36px,4vw,56px);
    font-weight:700;
    letter-spacing:-2.6px;
    line-height:1.1;
    margin:23px 0;
}

.rlk-hero h1 em {
    font-style:normal;
    color:#417256;
}

.rlk-hero p {
    max-width:370px;
    font-size:14px;
    color:#506159;
    line-height:1.8;
}

.rlk-hero-actions {
    display:flex;
    gap:25px;
    align-items:center;
    margin-top:26px;
}

.rlk-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    background:#173e33;
    color:white;
    border-radius:6px;
    padding:13px 21px;
    font-size:12px;
    font-weight:700;
}

.rlk-button:hover {
    background:#28624b;
}

.rlk-text-link {
    font-size:12px;
    font-weight:700;
}

.rlk-text-link:hover {
    text-decoration:underline;
}

.rlk-hero-note {
    margin-top:38px;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.3px;
}

.rlk-hero-note span {
    display:block;
    color:#617265;
    font-size:11px;
    font-weight:400;
    letter-spacing:0;
    margin-top:3px;
}

.rlk-hero-art {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    background:radial-gradient(ellipse at 55% 45%,#d0e3b9 0,transparent 68%);
    padding:65px 30px;
}

.rlk-orbit {
    position:absolute;
    width:370px;
    height:370px;
    border:1px solid #ccdbc2;
    border-radius:50%;
    box-shadow:0 0 0 32px #dfebd740,0 0 0 65px #e3eddb55;
}

.rlk-art-label {
    position:absolute;
    top:40px;
    right:32px;
    font-size:9px;
    letter-spacing:2px;
    color:#5a765a;
}

.rlk-laptop {
    width:100%;
    max-width:420px;
    position:relative;
    transform:rotate(-7deg);
    filter:drop-shadow(0 28px 15px #36503a30);
}

.rlk-screen {
    border:9px solid #283b3b;
    border-bottom-width:14px;
    border-radius:14px 14px 4px 4px;
    background:#132f2e;
    aspect-ratio:1.58;
    padding:18px;
    color:#e1f7c0;
    box-shadow:inset 0 0 0 1px #49625b;
}

.rlk-screen-content {
    height:100%;
    position:relative;
    background:radial-gradient(circle at 110% 30%,#6d9958 0,transparent 60%);
    padding:8px;
}

.rlk-screen-content>span {
    font-size:12px;
}

.rlk-screen-content strong {
    font-size:clamp(27px,3.3vw,45px);
    line-height:1.05;
    display:block;
    letter-spacing:-1px;
    margin:8px 0 18px;
}

.rlk-screen-content strong span {
    position:absolute;
    right:5px;
    top:25px;
    font-size:75px;
    color:#a9cf7e;
}

.rlk-screen-content small {
    font-size:7px;
    letter-spacing:2px;
}

.rlk-laptop-base {
    height:15px;
    background:linear-gradient(#c2ccc7,#71827a);
    border-radius:2px 2px 60% 60%;
    margin:0 -22px;
    position:relative;
}

.rlk-laptop-base:before {
    content:"";
    position:absolute;
    width:70px;
    height:4px;
    background:#566a60;
    border-radius:0 0 5px 5px;
    left:calc(50% - 35px);
}

.rlk-art-tag {
    position:absolute;
    bottom:38px;
    right:28px;
    border:1px solid #fff;
    background:#ffffffd9;
    border-radius:8px;
    padding:12px 18px 12px 53px;
    font-size:11px;
    line-height:1.6;
    transform:rotate(4deg);
}

.rlk-art-tag span {
    position:absolute;
    left:15px;
    top:8px;
    font-size:28px;
    color:#367850;
}

.rlk-value-strip {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-bottom:1px solid #dde5d9;
    padding:24px 0;
    gap:15px;
}

.rlk-value-strip div {
    text-align:center;
    font-size:12px;
    font-weight:600;
}

.rlk-value-strip span {
    font-size:10px;
    color:#7a9177;
    margin-right:12px;
}

.rlk-section {
    margin-top:48px;
    scroll-margin-top:24px;
}

.rlk-section-heading {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.rlk-section-heading .rlk-eyebrow {
    color:#64765e;
    font-size:9px;
}

.rlk-section h2 {
    font-size:30px;
    font-weight:700;
    line-height:1.25;
    letter-spacing:-1px;
    margin-top:8px;
}

.rlk-category-links {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:22px;
}

.rlk-category-links a {
    font-size:12px;
    border:1px solid #dce4d8;
    padding:7px 14px;
    border-radius:5px;
    background:white;
}

.rlk-category-links a:hover {
    background:#eaf2e2;
}

.rlk-products {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.rlk-product {
    border:1px solid #e1e7dd;
    border-radius:10px;
    overflow:hidden;
    background:white;
    min-width:0;
}

.rlk-product:hover {
    box-shadow:0 8px 24px #1c3b2d0d;
}

.rlk-product-image {
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    aspect-ratio:1.28;
    background:#f3f5f0;
    padding:28px 15px;
}

.rlk-product-image img {
    max-width:100%;
    height:160px;
    object-fit:contain;
    mix-blend-mode:multiply;
}

.rlk-stock {
    position:absolute;
    left:12px;
    top:12px;
    background:#e6efdd;
    color:#3e6544;
    padding:3px 8px;
    border-radius:4px;
    font-size:9px;
}

.rlk-stock-empty {
    background:#ecebe6;
    color:#67665d;
}

.rlk-image-placeholder {
    font-size:12px;
    color:#65745e;
}

.rlk-product-details {
    padding:18px;
}

.rlk-product-category {
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#697b62;
}

.rlk-product h3 {
    font-size:14px;
    line-height:1.5;
    font-weight:600;
    margin:8px 0 16px;
    min-height:42px;
}

.rlk-product-bottom {
    display:flex;
    justify-content:space-between;
    gap:5px;
    align-items:center;
}

.rlk-product-bottom strong {
    font-size:17px;
    letter-spacing:-.5px;
}

.rlk-product-bottom>a {
    padding:4px 10px;
    background:#eef4e8;
    border-radius:5px;
}

.rlk-empty {
    grid-column:1/-1;
    background:#f0f4eb;
    border:1px dashed #becbb4;
    padding:34px;
    border-radius:10px;
}

.rlk-empty h3 {
    font-size:20px;
    font-weight:700;
}

.rlk-empty p {
    color:#61705d;
    font-size:14px;
    margin:8px 0 20px;
}

.rlk-guide {
    border-top:1px solid #dee6d9;
    padding-top:40px;
}

.rlk-guide-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.rlk-guide article {
    background:#f0f3eb;
    border-radius:9px;
    padding:28px;
}

.rlk-guide-number {
    font-size:9px;
    letter-spacing:1.6px;
    color:#6d8065;
}

.rlk-guide h3 {
    font-size:19px;
    font-weight:700;
    margin:16px 0 10px;
    letter-spacing:-.4px;
}

.rlk-guide p {
    font-size:13px;
    color:#61715d;
    line-height:1.8;
}

.rlk-guide article a {
    display:inline-block;
    font-size:12px;
    font-weight:700;
    margin-top:20px;
}

.rlk-guide article a:hover {
    text-decoration:underline;
}

.rlk-footer {
    background:#102a2b;
    color:#dce7df;
    padding-top:44px;
}

.rlk-footer-grid {
    display:grid;
    grid-template-columns:2fr 1fr 1.4fr;
    gap:40px;
    padding-bottom:35px;
}

.rlk-footer-brand {
    font-size:19px;
    font-weight:700;
    letter-spacing:-.5px;
}

.rlk-footer-brand span {
    display:block;
    font-size:13px;
    font-weight:400;
    letter-spacing:0;
    color:#c4dca4;
    margin-top:5px;
}

.rlk-footer p {
    color:#a9bdb2;
    font-size:12px;
    margin-top:12px;
}

.rlk-footer h2 {
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    margin-bottom:14px;
}

.rlk-footer-grid>div>a:not(.rlk-footer-brand) {
    display:block;
    font-size:12px;
    margin-top:8px;
    overflow-wrap:anywhere;
}

.rlk-footer-bottom {
    font-size:10px;
    color:#a9bdb2;
    border-top:1px solid #2b4340;
    padding-top:18px;
    padding-bottom:18px;
}

.rlk-flash {
    padding:12px 18px;
    background:#e6efdd;
    margin-bottom:18px;
    border-radius:6px;
}

.rlk-store .bg-blue-600 {
    background-color:#176349!important;
}

.rlk-store .text-blue-600 {
    color:#176349!important;
}

.rlk-store .hover\:bg-blue-700:hover {
    background-color:#124d39!important;
}

.rlk-store .border-blue-600 {
    border-color:#176349!important;
}

@media(min-width:1500px) {
    .rlk-hero {
        min-height:510px;
    }
    .rlk-hero-copy {
        padding-top:65px;
    }
}

@media(max-width:1000px) {
    .rlk-header-row {
        gap:25px;
    }
    .rlk-nav {
        gap:24px;
    }
    .rlk-nav-help {
        display:none;
    }
    .rlk-hero-copy {
        padding:35px 0 35px 30px;
    }
    .rlk-hero-art {
        padding:65px 25px;
    }
    .rlk-orbit {
        width:270px;
        height:270px;
    }
    .rlk-products {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .rlk-hero h1 {
        font-size:42px;
    }
    .rlk-hero-note {
        margin-top:25px;
    }
    .rlk-hero {
        min-height:430px;
    }
    .rlk-screen {
        padding:10px;
    }
    .rlk-guide article {
        padding:22px;
    }
    .rlk-screen-content strong span {
        font-size:55px;
    }
}

@media(max-width:700px) {
    .rlk-container {
        width:calc(100% - 32px);
    }
    .rlk-notice {
        font-size:10px;
    }
    .rlk-notice span {
        display:none;
    }
    .rlk-header-row {
        flex-wrap:wrap;
        gap:20px;
        padding-top:18px;
        padding-bottom:16px;
    }
    .rlk-logo {
        font-size:21px;
    }
    .rlk-header-actions {
        gap:15px;
        font-size:12px;
    }
    .rlk-search {
        order:3;
        flex-basis:100%;
        max-width:none;
    }
    .rlk-nav {
        gap:24px;
    }
    .rlk-main {
        padding-top:16px;
        padding-bottom:40px;
    }
    .rlk-hero {
        grid-template-columns:1fr;
    }
    .rlk-hero-copy {
        padding:32px 26px 0;
    }
    .rlk-hero h1 {
        font-size:clamp(30px,8.2vw,38px);
        letter-spacing:-1.5px;
    }
    .rlk-hero p {
        font-size:13px;
    }
    .rlk-hero .rlk-eyebrow {
        font-size:8px;
        letter-spacing:1.4px;
    }
    .rlk-hero-note {
        display:none;
    }
    .rlk-hero-art {
        height:295px;
        padding:45px 40px 55px;
    }
    .rlk-laptop {
        max-width:290px;
    }
    .rlk-screen-content strong {
        font-size:30px;
    }
    .rlk-screen-content>span {
        font-size:10px;
    }
    .rlk-screen-content small {
        font-size:6px;
    }
    .rlk-screen-content strong span {
        font-size:60px;
    }
    .rlk-art-label {
        display:none;
    }
    .rlk-art-tag {
        bottom:20px;
        right:22px;
        padding:8px 14px 8px 43px;
        font-size:9px;
    }
    .rlk-art-tag span {
        left:10px;
        top:4px;
    }
    .rlk-value-strip {
        padding:18px 0;
        gap:10px;
    }
    .rlk-value-strip div {
        font-size:10px;
        line-height:1.5;
    }
    .rlk-value-strip span {
        display:block;
        margin:0 0 4px;
    }
    .rlk-section {
        margin-top:34px;
    }
    .rlk-section-heading {
        align-items:start;
        flex-direction:column;
        gap:12px;
    }
    .rlk-section h2 {
        font-size:26px;
    }
    .rlk-section-heading .rlk-eyebrow {
        font-size:8px;
    }
    .rlk-products {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }
    .rlk-product-details {
        padding:12px;
    }
    .rlk-product-image {
        padding:25px 10px 12px;
    }
    .rlk-product-image img {
        height:110px;
    }
    .rlk-product h3 {
        font-size:12px;
        min-height:36px;
    }
    .rlk-product-bottom strong {
        font-size:14px;
    }
    .rlk-product-bottom>a {
        padding:2px 7px;
    }
    .rlk-stock {
        left:8px;
        top:8px;
        font-size:8px;
    }
    .rlk-guide-grid {
        grid-template-columns:1fr;
        gap:12px;
    }
    .rlk-guide article {
        padding:24px;
    }
    .rlk-guide h3 {
        margin-top:10px;
    }
    .rlk-footer-grid {
        grid-template-columns:1fr 1fr;
        gap:30px;
    }
    .rlk-footer-grid>div:first-child {
        grid-column:1/-1;
    }
    .rlk-footer-brand {
        font-size:19px;
    }
    .rlk-empty {
        padding:24px;
    }
    .rlk-orbit {
        width:220px;
        height:220px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .rlk-store * {
        transition:none!important;
        scroll-behavior:auto!important;
    }
}

.rlk-nav {
    scrollbar-width:none;
}

.rlk-nav::-webkit-scrollbar {
    display:none;
}

