:root{--cream:#fcf7ef;--terracotta:#b75c3f;--ink:#3e302b;--muted:#5d5d5d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}main{max-width:1536px;margin:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{padding-left:5.8%;padding-right:5.8%}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-1.2px}h1 span,h2 span{color:var(--terracotta)}p{color:var(--muted);line-height:1.5}h2{font-size:clamp(27px,2.75vw,42px);line-height:1.15;margin-bottom:16px}h3{font-size:14px;line-height:1.35;margin-bottom:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(115deg,#b55e40,#a64d35);color:white;border:1px solid var(--terracotta);border-radius:7px;padding:12px 23px;font-size:14px;font-weight:600;min-height:40px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 18px #a9573525}.button.outline{background:transparent;color:#9b4129}.button.small{font-size:12px;padding:10px 15px;min-height:34px}.hero{position:relative;min-height:clamp(500px,48.83vw,750px);overflow:hidden;background:#fcf7ef}.header{position:relative;z-index:3;height:70px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#fcf8f2 47%,#fcf8f2e6 65%,#fcf8f288)}.brand{font-size:30px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--terracotta)}nav{display:flex;gap:30px;align-items:center;font-size:12px}nav a,nav button{padding:15px 0;border:0;background:none;color:var(--ink)}nav .active{color:#a43e25;border-bottom:2px solid var(--terracotta)}.account{display:flex;gap:12px}.hero-visual{position:absolute;inset:0;background-image:url('wariskita-reference.png');background-size:100% auto;background-repeat:no-repeat;clip-path:inset(0 0 0 46%);z-index:0}.hero-copy{position:relative;z-index:1;padding:40px 0 36px 5.8%;width:55%;background:linear-gradient(90deg,#fcf7ef 79%,#fcf7ef00)}h1{font-size:clamp(39px,4.1vw,63px);line-height:1.04;margin-bottom:12px;font-weight:600}.hero-copy>p{max-width:440px;width:88%;font-size:clamp(14px,1.4vw,21px);line-height:1.35;margin-bottom:25px}.actions{display:flex;gap:12px}.play{display:inline-flex;background:#9b482e;color:white;border-radius:50%;width:17px;height:17px;align-items:center;justify-content:center;font-size:9px}.benefits{display:flex;gap:25px;margin-top:40px;font-size:12px}.benefits>div{display:flex;align-items:center;gap:10px;line-height:1.4;white-space:nowrap}i{font-style:normal;display:flex;align-items:center;justify-content:center;background:#fae9d2;color:var(--terracotta);border-radius:50%;width:50px;height:50px;flex-shrink:0}.benefits i{width:39px;height:39px;background:#efc38b;color:#754827}.features{display:grid;grid-template-columns:2.15fr repeat(4,1fr);gap:12px;padding-top:30px;padding-bottom:28px;align-items:stretch;background:#fdf9f3}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;color:#d08b4e;margin-bottom:12px}.section-intro{padding:10px 0}.section-intro>p:last-of-type{font-size:12px}.feature-card{padding:14px 13px;background:#fdf9f3;border:1px solid #f8f0e5;border-radius:13px;box-shadow:0 2px 12px #794b2710}.feature-card i{margin-bottom:9px}.feature-card svg{width:29px;height:29px}.feature-card p{font-size:11px;margin-bottom:0}.how{background:radial-gradient(ellipse at top right,#f6e7d4,#fcf2e5 70%);padding:18px 0 22px;overflow:hidden}.steps-layout{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:35px;align-items:center}.how .section-intro>p:last-of-type{font-size:14px;margin-bottom:12px}.step{text-align:center;position:relative}.step:not(:last-child):after{content:'→';position:absolute;right:-24px;top:50px;color:var(--terracotta);font-size:23px}.step-icon{width:82px;height:82px;margin:15px auto 12px;background:#fffaf3;border-radius:50%;position:relative;display:grid;place-items:center;color:var(--terracotta)}.step-icon b{position:absolute;top:-18px;background:linear-gradient(135deg,#bf7050,#9c412b);color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:400}.step-icon svg{width:38px;height:38px}.step h3{font-size:15px}.step p{font-size:13px;max-width:165px;margin:0 auto}.access{display:grid;grid-template-columns:58% 42%;min-height:31.45vw;max-height:485px;background:#fcf7ef;align-items:center}.device-visual{width:100%;aspect-ratio:594/322;background-image:url('wariskita-reference.png');background-size:172.39% auto;background-position:left 77.6%;background-repeat:no-repeat}.access-copy{padding:28px 10% 28px 5%}.access-copy>p:not(.eyebrow){font-size:14px}.access h2{font-size:clamp(30px,3.1vw,47px)}.platforms{display:flex;gap:15px;margin-top:20px}.platforms>div{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#fffbf5;border-radius:9px;box-shadow:0 2px 9px #794b2710;flex:1;font-size:11px;color:var(--muted);line-height:1.6}.platforms svg{flex-shrink:0;color:var(--ink)}.platforms strong{font-weight:500;color:#302823}.store-icon{color:#08ad95;font-size:29px;text-shadow:4px 2px #ffd63b}.testimonial{position:relative;display:flex;gap:28px;align-items:center;padding:40px 6.3%;min-height:15.3vw;background-image:url('wariskita-reference.png');background-size:100% auto;background-position:center 91.3%;background-repeat:no-repeat}.quote-mark{font-family:Georgia,serif;font-size:65px;color:var(--terracotta);background:#f1d4b2;width:55px;height:55px;flex-shrink:0;border-radius:50%;text-align:center;line-height:1.2}.testimonial blockquote{margin:0;max-width:62%}.testimonial blockquote p{font-family:Georgia,serif;font-style:italic;font-size:16px;color:#3e302b;line-height:1.6;margin-bottom:8px}.testimonial cite{font-size:12px;font-style:normal;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 6%;background:linear-gradient(125deg,#88432f,#b96243);color:#fff}footer h2{font-size:25px;letter-spacing:0;font-weight:500;margin-bottom:5px}footer p{color:#fff5ea;font-size:14px;margin:0}.button.light{background:#fffaf3;border-color:#fffaf3;color:#a5482e;white-space:nowrap}dialog{border:1px solid #ecd7c3;border-radius:18px;padding:28px;max-width:550px;width:90%;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#35271db3}.dialog-header{display:flex;justify-content:space-between;gap:20px}.dialog-header button{background:none;border:0;font-size:30px;color:var(--terracotta)}details{padding:16px 0;border-top:1px solid #e9d8c7}summary{cursor:pointer;font-weight:600}details p{margin:12px 0 0;font-size:14px}:focus-visible{outline:3px solid #cf8952;outline-offset:4px}@media(min-width:1200px){.hero-copy{padding-top:5vw}.features{padding-top:40px;padding-bottom:40px}.feature-card{padding:20px}.feature-card h3{font-size:17px}.feature-card p,.section-intro>p:last-of-type{font-size:14px}.how{padding:30px 0}.benefits{margin-top:4vw;font-size:14px;gap:35px}.header{height:85px}.hero-copy>p{max-width:620px}.button{padding:15px 25px}.access-copy>p:not(.eyebrow){font-size:17px}}@media(max-width:800px){.header{height:auto;min-height:72px;flex-wrap:wrap;gap:15px;padding-top:16px;padding-bottom:12px;background:#fcf7ef}.brand{font-size:27px}nav{order:3;justify-content:center;width:100%;gap:25px}.account{gap:7px}.button.small{padding:9px 10px;font-size:11px}.hero{min-height:0}.hero-copy{width:100%;padding:35px 6% 25px;background:#fcf7ef}h1{font-size:clamp(35px,6.2vw,49px)}.hero-copy>p{width:100%;max-width:540px;font-size:16px}.hero-visual{position:relative;inset:auto;width:100%;height:62vw;max-height:460px;background-size:160% auto;background-position:right -10vw;clip-path:none}.benefits{gap:20px;justify-content:space-between;margin-top:30px}.features{grid-template-columns:repeat(2,1fr);gap:12px;padding-top:25px;padding-bottom:25px}.features .section-intro{grid-column:1/-1}.feature-card{padding:20px}.feature-card h3{font-size:16px}.feature-card p{font-size:13px}.steps-layout{grid-template-columns:1fr;gap:27px}.how{padding:25px 0 35px}.step:not(:last-child):after{display:none}.step p{max-width:270px}.section-intro>p:last-of-type{font-size:14px}.access{grid-template-columns:1fr;max-height:none}.access-copy{padding:25px 6% 35px}.device-visual{order:2}.platforms>div{font-size:12px}.testimonial{background:#fcf1e3;margin:20px 5%;border-radius:18px;gap:20px;padding:25px}.testimonial blockquote{max-width:none}.testimonial br{display:none}.testimonial blockquote p{font-size:15px}footer{flex-direction:column;align-items:flex-start;padding:30px 6%}footer h2{font-size:24px}.actions .button{font-size:12px;padding:12px 16px}}@media(max-width:420px){.benefits{gap:10px;font-size:10px}.benefits>div{gap:5px}.benefits i{width:30px;height:30px}.benefits svg{width:20px;height:20px}.brand{font-size:24px}.platforms{gap:8px}.platforms>div{padding:12px 10px;gap:9px}.testimonial{padding:20px 15px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Keep the reference artwork separate from live page content. */
.header {
    background: #fcf7ef;
}
.hero-visual {
    clip-path: inset(max(85px, 6.5vw) 0 0 49%);
}
.hero-copy {
    background: #fcf7ef;
}
.testimonial {
    isolation: isolate;
    background: #fcf1e3;
}
.testimonial::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: url('wariskita-reference.png') center 91.3% / 100% auto no-repeat;
    clip-path: inset(0 0 0 69%);
}
@media (min-width: 1536px) {
    .hero-visual {
        clip-path: inset(100px 0 0 49%);
    }
}
@media (max-width: 800px) {
    .hero-visual {
        clip-path: none;
        background-position: right -18vw;
    }
    .testimonial::before {
        display: none;
    }
}

.about-intro {padding-top:80px;padding-bottom:75px;background:radial-gradient(ellipse at top right,#f1ddc4,transparent 65%)}
.about-intro h1 {font-size:clamp(34px,4.2vw,60px);line-height:1.15;max-width:1050px;margin-bottom:24px}
.about-intro>p:not(.eyebrow) {max-width:760px;font-size:18px;line-height:1.8;margin-bottom:28px}
.about-story,.about-values {display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding-top:65px;padding-bottom:65px}
.about-story {background:#fffbf6}
.about-story p,.about-values p,.about-start>p:last-child {font-size:16px;line-height:1.85}
.about-story p:last-child,.about-values p:last-child {margin-bottom:0}
.about-offerings {padding-top:60px;padding-bottom:65px;background:#f8eddf}
.about-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.about-grid .feature-card {padding:28px}
.about-grid h3 {font-size:20px;margin:20px 0 12px}
.about-grid p {font-size:15px;line-height:1.8}
.about-number {font-size:14px;letter-spacing:2px;color:var(--terracotta)}
.about-values {grid-template-columns:1.25fr 1fr;align-items:center}
.about-values aside {padding:35px;border:1px solid #eddbc7;border-radius:18px;background:#f7ead8}
.about-values blockquote {margin:20px 0;font:italic 27px/1.65 Georgia,serif;color:var(--terracotta)}
.about-start {padding-top:55px;padding-bottom:65px;background:#fffbf6}
.about-start ol {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-left:23px;margin:35px 0}
.about-start li {padding-left:8px;color:var(--terracotta)}
.about-start li strong {font-size:18px;color:var(--ink)}
.about-start li p {font-size:15px;line-height:1.7;margin-top:12px}
.about-start>p:last-child {max-width:850px;margin-bottom:0}
@media(max-width:800px) {
    .about-intro {padding-top:45px;padding-bottom:45px}
    .about-intro>p:not(.eyebrow) {font-size:16px}
    .about-story,.about-values {grid-template-columns:1fr;gap:22px;padding-top:40px;padding-bottom:40px}
    .about-grid,.about-start ol {grid-template-columns:1fr;gap:18px}
    .about-offerings,.about-start {padding-top:40px;padding-bottom:40px}
    .about-values aside {padding:25px}
    .about-values blockquote {font-size:24px}
}

/* The clean hero background continues behind the navigation. */
.hero {
    background: #fcf7ef url('wariskita-hero-background.png') center top / cover no-repeat;
}
.hero > .header {
    background: transparent;
}
.hero-copy {
    background: transparent;
}
.hero-visual {
    display: none;
}
@media (max-width: 800px) {
    .hero {
        background-size: auto 100%;
        background-position: 65% top;
    }
    .hero > .header {
        background: rgb(252 247 239 / 82%);
    }
    .hero-copy {
        background: linear-gradient(90deg, rgb(252 247 239 / 98%) 0%, rgb(252 247 239 / 92%) 58%, rgb(252 247 239 / 65%) 100%);
        padding-bottom: 45px;
    }
}

.faq-topics {display:flex;flex-wrap:wrap;gap:12px}
.faq-content {padding-top:20px;padding-bottom:60px;background:#fffbf6}
.faq-section {max-width:920px;margin:0 auto;padding-top:42px}
.faq-section h2 {font-size:clamp(25px,2.5vw,36px);margin-bottom:25px}
.faq-section details {padding:21px 4px}
.faq-section details:last-child {border-bottom:1px solid #e9d8c7}
.faq-section summary {font-size:17px;line-height:1.6;color:var(--ink)}
.faq-section details[open] summary {color:var(--terracotta)}
.faq-section details p {font-size:16px;line-height:1.85;max-width:820px;margin:14px 0 0}
.faq-section details a {color:#9b4129;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px) {
    .faq-content {padding-bottom:40px}
    .faq-section {padding-top:30px}
    .faq-section summary {font-size:16px}
    .faq-section details p {font-size:15px}
    .faq-topics .button {font-size:12px;padding:11px 13px}
    .about-values .actions {flex-wrap:wrap}
}

[data-public-motion] .fade-pending {
    opacity: 0;
}
@media (prefers-reduced-motion: reduce), print {
    [data-public-motion] .fade-pending {
        opacity: 1;
    }
}

.public-footer-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #713d2e;
    color: #fff4e9;
    font-size: 12px;
}
.public-footer-links nav {display: flex; flex-wrap: wrap; gap: 24px}
.public-footer-links nav a {color: inherit; padding: 5px 0}
.public-footer-links a:hover, .public-footer-links a[aria-current="page"] {text-decoration: underline; text-underline-offset: 4px}
.legal-intro {padding-top: 55px; padding-bottom: 40px}
.legal-intro .legal-date {font-size: 13px; margin-bottom: 0}
.legal-content {padding-top: 20px; padding-bottom: 55px; background: #fffbf6}
.legal-content section {max-width: 920px; margin: auto; padding: 25px 0; border-bottom: 1px solid #eddfcf}
.legal-content section:last-child {border-bottom: 0}
.legal-content h2 {font-size: clamp(22px, 2vw, 29px); letter-spacing: -.4px}
.legal-content p, .legal-content li {font-size: 16px; line-height: 1.85; color: var(--muted)}
.legal-content p:last-child {margin-bottom: 0}
.legal-content ul {padding-left: 23px}
.legal-content li {margin-bottom: 10px}
.legal-content a {color: #9b4129; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere}
@media (max-width: 800px) {
    .public-footer-links {align-items: flex-start; flex-direction: column; gap: 8px}
    .public-footer-links nav {width: auto; justify-content: flex-start; gap: 20px}
    .legal-intro {padding-top: 35px; padding-bottom: 30px}
    .legal-content p, .legal-content li {font-size: 15px}
}