:root{--pink:#f7b6c6;--peach:#ffd6b6;--lav:#cbb8ff;--cream:#fff6c7;--white:#fff8f8;--mist:#e8e2ff;--ink:#211d24;--muted:#766e78;--line:rgba(33,29,36,.12);--serif:'Playfair Display',serif;--sans:'Montserrat',sans-serif;--gradient:linear-gradient(125deg,var(--pink),var(--peach) 48%,var(--lav));--shadow:0 24px 70px rgba(79,50,79,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7}button,input,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}.announcement{height:32px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.announcement span{color:var(--pink)}.site-header{height:88px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;padding:0 4.5vw;background:rgba(255,248,248,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.7)}.brand img{width:145px;height:72px;object-fit:contain;mix-blend-mode:multiply}.main-nav{display:flex;justify-content:center;gap:2.2vw}.main-nav a,.header-actions button{font-size:11px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;font-weight:600}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--ink);transition:.25s}.main-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:20px}.text-button,.quiet-link{border:0;background:none;text-decoration:none;font-weight:600;font-size:12px}.button{border:0;border-radius:999px;padding:15px 24px;background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;box-shadow:0 8px 22px rgba(33,29,36,.12);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(33,29,36,.2)}.button-small{padding:12px 18px}.menu-toggle{display:none}.hero{min-height:calc(100vh - 120px);display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden;background:radial-gradient(circle at 5% 10%,rgba(247,182,198,.32),transparent 30%),radial-gradient(circle at 70% 95%,rgba(203,184,255,.4),transparent 32%)}.hero-copy{padding:9vh 5vw 6vh 8vw;z-index:2}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin-bottom:22px}.hero h1,.section h2,.final-cta h2,.dashboard-panel h2{font-family:var(--serif);font-size:clamp(48px,5.6vw,88px);font-weight:500;line-height:1.03;letter-spacing:-.04em;margin:0}.hero h1 em,.section h2 em,.final-cta h2 em{font-weight:500;color:#9c789e}.hero-copy>p{font-family:var(--serif);font-size:19px;max-width:560px;margin:32px 0;color:#544c56}.hero-actions{display:flex;align-items:center;gap:28px;margin:38px 0 56px}.trust-row{display:flex;gap:40px;padding-top:24px;border-top:1px solid var(--line);max-width:600px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-family:var(--serif);font-size:16px}.trust-row span{font-size:10px;color:var(--muted)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.visual-frame{width:min(77%,540px);aspect-ratio:.78;border-radius:48% 48% 6px 6px;background:var(--gradient);position:relative;box-shadow:var(--shadow);overflow:visible}.visual-frame:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.7);border-radius:inherit}.visual-frame>img{width:100%;height:100%;object-fit:cover;border-radius:inherit;mix-blend-mode:multiply;opacity:.83}.floating-note{position:absolute;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);font-size:10px;line-height:1.5;letter-spacing:.03em}.floating-note b{color:#7f688d}.note-one{left:-62px;bottom:24%}.note-two{right:-52px;top:22%}.hero-caption{position:absolute;right:5%;bottom:7%;display:flex;gap:12px;align-items:flex-start}.hero-caption span{font-size:10px}.hero-caption p{font-family:var(--serif);font-size:18px;line-height:1.2;margin:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.7}.orb-one{width:150px;height:150px;background:var(--peach);top:-60px;left:40%}.orb-two{width:100px;height:100px;background:var(--pink);bottom:-40px;left:4%}.section{padding:110px 8vw}.intro{text-align:center;max-width:1050px;margin:auto}.intro h2,.stories h2{font-size:clamp(40px,5vw,70px)}.intro>p{max-width:690px;margin:28px auto;color:var(--muted);font-size:16px}.services{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.section-heading h2,.process h2,.dashboard-showcase h2,.faq h2{font-size:clamp(38px,4vw,62px)}.section-heading>p{max-width:380px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:310px;padding:32px;text-align:left;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;position:relative;transition:.25s}.service-card:hover{background:linear-gradient(145deg,rgba(247,182,198,.18),rgba(203,184,255,.18));transform:translateY(-4px);box-shadow:var(--shadow);z-index:2}.service-card.featured{background:linear-gradient(145deg,rgba(247,182,198,.3),rgba(255,214,182,.26))}.service-number{font-size:9px;letter-spacing:.16em}.service-icon{display:block;font-family:var(--serif);font-size:40px;color:#9f7fa4;margin:44px 0 20px}.service-card h3{font-family:var(--serif);font-size:25px;margin:0 0 8px}.service-card p{font-size:12px;color:var(--muted);max-width:290px}.card-link{position:absolute;bottom:25px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.custom-callout{margin-top:28px;padding:28px 34px;border-radius:18px;background:var(--gradient);display:flex;align-items:center;justify-content:space-between}.custom-callout>div{display:flex;align-items:center;gap:20px}.custom-callout .butterfly{font-size:34px}.custom-callout h3,.custom-callout p{margin:0}.custom-callout h3{font-family:var(--serif);font-size:23px}.custom-callout p{font-size:12px}.button-light{background:rgba(255,255,255,.9);color:var(--ink)}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:linear-gradient(120deg,#fbf5f3,#f2edff)}.process-copy p{color:var(--muted);max-width:430px;margin:26px 0 32px}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:70px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.steps li>span{font-family:var(--serif);font-size:20px;color:#a88da7}.steps h3{font-family:var(--serif);font-size:24px;margin:0}.steps p{color:var(--muted);font-size:12px;margin:5px 0;max-width:480px}.stories{text-align:center}.story-grid{display:grid;grid-template-columns:1fr 1fr .6fr;gap:18px;margin-top:48px;text-align:left}.story-grid article{padding:38px;background:#fff;border:1px solid var(--line);border-radius:18px}.stars{color:#b07f95;letter-spacing:.25em;font-size:11px}.story-grid blockquote{font-family:var(--serif);font-size:21px;margin:26px 0 34px}.story-grid article>p{display:flex;flex-direction:column;font-size:11px}.story-grid article>p span{color:var(--muted)}.story-grid .story-accent{background:var(--gradient);display:flex;flex-direction:column;justify-content:center}.story-accent>span{font-family:var(--serif);font-size:64px}.story-accent>p{font-size:12px}.dashboard-showcase{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;background:#211d24;color:#fff;overflow:hidden}.dashboard-showcase>div:first-child>p{color:#cfc6d0;max-width:440px}.dashboard-showcase .quiet-link{color:var(--pink);padding:0}.dashboard-mock{background:#fbf8fa;border-radius:18px;color:var(--ink);box-shadow:0 40px 90px rgba(0,0,0,.3);transform:rotate(1deg)}.mock-head{height:62px;display:flex;align-items:center;padding:8px 20px;border-bottom:1px solid var(--line);gap:15px}.mock-head img{height:48px;width:80px;object-fit:cover;mix-blend-mode:multiply}.mock-head span{margin-left:auto;font-size:10px}.mock-head b{width:30px;height:30px;background:var(--gradient);border-radius:50%;display:grid;place-items:center}.mock-body{display:grid;grid-template-columns:64px 1fr}.mock-body aside{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px}.mock-body aside i{width:17px;height:17px;border:1px solid #baaebe;border-radius:5px}.mock-content{padding:34px}.mock-content small{font-size:8px;letter-spacing:.15em}.mock-request{margin:12px 0 18px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 8px 25px rgba(79,50,79,.07)}.mock-request>span{font-family:var(--serif);font-size:20px}.mock-request>b{float:right;font-size:8px;text-transform:uppercase;background:#f5e6f0;padding:5px 8px;border-radius:10px}.progress{height:5px;background:#eee;border-radius:5px;margin:18px 0}.progress i{display:block;width:67%;height:100%;background:var(--gradient);border-radius:5px}.mock-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-cols>div{padding:18px;background:#fff;border-radius:10px}.mock-cols strong{display:block;font-family:var(--serif);font-size:18px}.mock-cols button{border:0;background:none;padding:8px 0;font-size:9px;text-decoration:underline}.mock-cols p{font-size:9px}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.accordion details{border-bottom:1px solid var(--line);padding:20px 0}.accordion summary{font-family:var(--serif);font-size:20px;cursor:pointer;list-style:none}.accordion summary span{float:right;font-family:var(--sans)}.accordion p{color:var(--muted);font-size:13px;max-width:650px}.final-cta{text-align:center;padding:120px 5vw;background:var(--gradient)}.final-cta p{font-family:var(--serif);font-size:18px}.final-cta .button{display:block;margin:30px auto 22px}.final-cta>a{font-size:11px;font-weight:700}footer{padding:70px 8vw 25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px;background:#fff}footer img{width:180px;height:100px;object-fit:cover;mix-blend-mode:multiply}.footer-brand p{font-family:var(--serif);font-size:16px}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}footer strong{font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px}footer a{font-size:11px;text-decoration:none;color:var(--muted)}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:.25s}.modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(25,20,26,.55);backdrop-filter:blur(10px)}.request-panel,.dashboard-panel{position:absolute;right:0;top:0;bottom:0;width:min(760px,100%);background:var(--white);padding:35px 56px;overflow:auto;transform:translateX(100%);transition:.35s ease}.modal.open .request-panel,.modal.open .dashboard-panel{transform:none}.modal-close{position:absolute;right:22px;top:18px;border:0;background:none;font-size:28px}.form-brand{text-align:center}.form-brand img{width:120px;height:70px;object-fit:cover;mix-blend-mode:multiply}.form-brand span{display:block;font-size:7px;letter-spacing:.24em}.form-progress{display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:center;margin:25px 0 45px;font-size:8px;letter-spacing:.16em}.form-progress>div{display:flex;gap:4px}.form-progress i{height:3px;flex:1;background:#ddd;border-radius:2px}.form-progress i.complete{background:linear-gradient(90deg,var(--pink),var(--lav))}.form-progress b{font-size:10px}.form-progress em{font-style:normal;font-size:15px}.form-step{display:none;border:0;padding:0;margin:0}.form-step.active{display:block}.form-step legend{font-family:var(--serif);font-size:42px;line-height:1.1}.form-step>p{color:var(--muted);font-size:12px}.service-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.service-options input{position:absolute;opacity:0}.service-options label span{height:105px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-size:25px;transition:.2s}.service-options label b{font-family:var(--sans);font-size:9px;margin-top:8px}.service-options input:checked+span{background:linear-gradient(145deg,rgba(247,182,198,.35),rgba(203,184,255,.35));border-color:#bf9dbe;box-shadow:0 8px 20px rgba(79,50,79,.1)}.form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.form-back{border:0;background:none;font-size:11px;visibility:hidden}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-top:18px}.field span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.field input,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px;outline:none}.field input:focus,.field textarea:focus{border-color:#b89ab6;box-shadow:0 0 0 3px rgba(247,182,198,.2)}.full{grid-column:1/-1}.upload{border:1px dashed #baaebe;border-radius:12px;margin-top:20px;padding:22px;display:flex;align-items:center;flex-direction:column;background:#fff}.upload input{display:none}.upload>span{font-size:28px}.upload b{font-size:11px}.upload small{color:var(--muted);font-size:9px}.consent{display:flex;align-items:center;gap:10px;font-size:10px;margin-top:25px}.dashboard-panel{width:min(850px,100%);padding-top:70px}.dashboard-panel h2{font-size:45px}.dash-tabs{display:flex;gap:6px;margin:35px 0;border-bottom:1px solid var(--line)}.dash-tabs button{border:0;background:none;padding:12px;font-size:10px}.dash-tabs button.active{border-bottom:2px solid #aa7fa1}.dash-tabs b{background:var(--pink);border-radius:20px;padding:2px 6px}.dash-card{display:grid;grid-template-columns:1fr auto;padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px}.dash-card h3{font-family:var(--serif);font-size:25px;margin:5px 0}.dash-card p{font-size:10px;color:var(--muted)}.dash-card>strong{font-family:var(--serif);font-size:20px}.status{font-size:8px;background:#f3e5ef;padding:5px 8px;border-radius:12px}.timeline{grid-column:1/-1;display:flex;margin-top:35px}.timeline i{flex:1;height:3px;background:#ddd;position:relative}.timeline i:before{content:"";width:10px;height:10px;background:#ddd;border-radius:50%;position:absolute;top:-4px}.timeline i.done,.timeline i.current{background:#bd98b4}.timeline i.done:before,.timeline i.current:before{background:#bd98b4}.dash-card small{font-size:8px;margin-top:8px}.dash-card .button{grid-column:2;margin-top:30px}.reveal{animation:rise .8s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto auto;padding:0 22px}.main-nav{position:fixed;top:120px;left:0;right:0;background:var(--white);padding:25px;display:none;flex-direction:column;text-align:center}.main-nav.open{display:flex}.menu-toggle{display:block;width:34px;height:34px;border:0;background:none}.menu-toggle span{display:block;width:20px;height:1px;background:var(--ink);margin:6px}.header-actions .text-button{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 7vw 45px}.hero-visual{min-height:600px}.visual-frame{width:60%;max-width:460px}.section{padding:85px 6vw}.service-grid{grid-template-columns:repeat(2,1fr)}.process,.dashboard-showcase,.faq{grid-template-columns:1fr;gap:50px}.story-grid{grid-template-columns:1fr 1fr}.story-accent{grid-column:1/-1}.dashboard-mock{max-width:700px}.section-heading{align-items:flex-start;gap:30px}.footer{gap:30px}}
@media(max-width:640px){.announcement{font-size:7px;height:27px}.site-header{height:74px}.brand img{width:115px;height:62px}.header-actions .button{display:none}.hero{min-height:auto}.hero-copy{padding:60px 24px 35px}.hero h1{font-size:47px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;margin:30px 0 42px}.trust-row{gap:14px;justify-content:space-between}.trust-row span{font-size:8px}.hero-visual{min-height:440px}.visual-frame{width:72%}.note-one{left:-35px}.note-two{right:-34px}.floating-note{font-size:8px;padding:9px}.section{padding:70px 22px}.intro h2,.stories h2,.section-heading h2,.process h2,.dashboard-showcase h2,.faq h2{font-size:40px}.section-heading{display:block}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.service-icon{margin:25px 0 12px}.custom-callout{align-items:flex-start;flex-direction:column;gap:20px;padding:25px}.story-grid{grid-template-columns:1fr}.story-accent{grid-column:auto}.dashboard-showcase{padding-left:22px;padding-right:22px}.dashboard-mock{width:700px;transform:scale(.62);transform-origin:left top;margin-bottom:-155px}.faq{gap:25px}.final-cta{padding:85px 22px}.final-cta h2{font-size:46px}footer{grid-template-columns:1fr 1fr;padding:50px 22px 20px;gap:35px}.footer-brand{grid-column:1/-1}.request-panel,.dashboard-panel{padding:25px 22px}.form-progress{margin-bottom:35px}.form-step legend{font-size:35px}.service-options{grid-template-columns:repeat(2,1fr)}.field-grid{grid-template-columns:1fr}.dash-tabs{overflow:auto}.dash-card{grid-template-columns:1fr}.dash-card>strong{margin-top:10px}.timeline{overflow:hidden}.dash-card small{display:none}.dash-card .button{grid-column:1}.form-brand{padding-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* CLIENT DASHBOARD — 20260728 */
.dashboard-page {
    width: min(1180px, calc(100% - 48px));
    min-height: 65vh;
    margin: 0 auto;
    padding: 72px 0 100px;
}

.dashboard-heading {
    position: relative;
    overflow: hidden;
    margin-bottom: 52px;
    padding: 48px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(203, 184, 255, .42),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            rgba(247, 182, 198, .25),
            rgba(255, 214, 182, .22),
            rgba(232, 226, 255, .44)
        );
    box-shadow: var(--shadow);
}

.dashboard-heading::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -100px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(156, 120, 158, .2);
    border-radius: 50%;
}

.dashboard-heading .eyebrow {
    margin: 0 0 14px;
    color: #8b6e8c;
}

.dashboard-heading h1 {
    margin: 0;
    font-family: var(--serif);
    font-size: clamp(44px, 6vw, 72px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.035em;
}

.dashboard-heading > p:not(.eyebrow) {
    max-width: 620px;
    margin: 22px 0 30px;
    color: var(--muted);
    font-size: 16px;
}

.dashboard-heading .button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.dashboard-page > section:last-child > h2 {
    margin: 0 0 24px;
    font-family: var(--serif);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 500;
}

.request-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.request-card {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    padding: 30px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(79, 50, 79, .08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.request-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--gradient);
}

.request-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 55px rgba(79, 50, 79, .13);
}

.request-card > p:first-child {
    margin: 0 0 18px;
    color: #8b6e8c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.request-card h3 {
    margin: 0 0 18px;
    font-family: var(--serif);
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
}

.request-card h3 + p {
    display: inline-flex;
    margin: 0 0 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f5e6f0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.request-card p:last-child {
    color: var(--muted);
}

.site-footer {
    display: block;
    padding: 38px max(24px, 8vw);
    border-top: 1px solid var(--line);
    text-align: center;
}

.site-footer p {
    margin: 5px 0;
    font-size: 11px;
    color: var(--muted);
}

.site-footer a {
    font-weight: 600;
}

.whatsapp-link {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    padding: 12px 18px;
    border-radius: 999px;
    background: #211d24;
    color: #fff;
    box-shadow: 0 12px 32px rgba(33, 29, 36, .25);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 980px) {
    .dashboard-page {
        width: min(100% - 40px, 760px);
        padding-top: 42px;
    }

    .request-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .dashboard-page {
        width: calc(100% - 32px);
        padding: 28px 0 70px;
    }

    .dashboard-heading {
        margin-bottom: 38px;
        padding: 32px 24px;
        border-radius: 18px;
    }

    .dashboard-heading h1 {
        font-size: 44px;
    }

    .dashboard-heading .button {
        width: 100%;
    }

    .request-card {
        min-height: auto;
        padding: 24px;
    }

    .whatsapp-link {
        right: 16px;
        bottom: 16px;
    }
}

/* CLIENT REQUEST DETAILS — 20260728 */
.request-card-topline,
.request-card-footer,
.request-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.request-card-topline > p {
    margin: 0;
    color: #8b6e8c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.request-status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 7px 12px;
    border-radius: 999px;
    background: #f3e9f1;
    color: #5f4861;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.status-completed,
.status-confirmed {
    background: #e0f3e9;
    color: #285e43;
}

.status-cancelled {
    background: #f7e4e4;
    color: #8a3939;
}

.status-in_progress,
.status-reviewing {
    background: #fff0d8;
    color: #7a5825;
}

.request-card-description {
    color: var(--muted);
    line-height: 1.7;
}

.request-card-footer {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    font-size: 11px;
}

.request-card-link {
    position: relative;
    z-index: 2;
    font-weight: 700;
    text-decoration: none;
}

.dashboard-empty-state {
    padding: 48px;
    border: 1px dashed var(--line);
    border-radius: 20px;
    text-align: center;
}

.request-detail-page {
    width: min(1180px, calc(100% - 48px));
    min-height: 70vh;
    margin: 0 auto;
    padding: 48px 0 100px;
}

.request-breadcrumb {
    margin-bottom: 30px;
}

.request-breadcrumb a {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.request-detail-header {
    align-items: flex-start;
    margin-bottom: 34px;
    padding: 42px 46px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(203, 184, 255, .38),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            rgba(247, 182, 198, .22),
            rgba(255, 214, 182, .18),
            rgba(232, 226, 255, .42)
        );
}

.request-detail-header h1 {
    margin: 8px 0 12px;
    font-family: var(--serif);
    font-size: clamp(40px, 6vw, 66px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.03em;
}

.request-detail-header p:last-child {
    margin-bottom: 0;
    color: var(--muted);
}

.request-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr);
    gap: 24px;
    align-items: start;
}

.request-detail-main,
.request-detail-sidebar {
    display: grid;
    gap: 24px;
}

.request-detail-section,
.request-help-card {
    padding: 34px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(79, 50, 79, .06);
}

.request-detail-section h2,
.request-help-card h2 {
    margin: 0 0 22px;
    font-family: var(--serif);
    font-size: 30px;
    font-weight: 500;
}

.request-description,
.request-detail-section > p {
    color: var(--muted);
    line-height: 1.8;
}

.request-information-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--line);
}

.request-information-grid > div {
    min-width: 0;
    padding: 20px;
    background: #fff;
}

.request-information-grid dt {
    margin-bottom: 7px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.request-information-grid dd {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.attachment-list {
    display: grid;
    gap: 12px;
}

.attachment-item {
    display: flex;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #faf8fa;
}

.attachment-icon {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--gradient);
    color: #302733;
    font-size: 18px;
}

.attachment-information {
    min-width: 0;
}

.attachment-information h3 {
    overflow: hidden;
    margin: 0 0 5px;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-information p {
    margin: 0 0 7px;
    color: var(--muted);
    font-size: 10px;
}

.attachment-information a {
    font-size: 11px;
    font-weight: 700;
}

.attachment-empty {
    margin: 0;
    color: var(--muted);
}

.request-help-card {
    background:
        linear-gradient(
            145deg,
            rgba(247, 182, 198, .2),
            rgba(232, 226, 255, .5)
        );
}

.request-help-card p:last-child {
    margin-bottom: 0;
    color: var(--muted);
    line-height: 1.7;
}

@media (max-width: 900px) {
    .request-detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .request-detail-page {
        width: calc(100% - 32px);
        padding-top: 28px;
    }

    .request-detail-header {
        display: grid;
        padding: 30px 24px;
    }

    .request-detail-header h1 {
        font-size: 42px;
    }

    .request-information-grid {
        grid-template-columns: 1fr;
    }

    .request-detail-section,
    .request-help-card {
        padding: 25px 22px;
    }

    .request-card-topline,
    .request-card-footer {
        align-items: flex-start;
    }
}

/* ============================================================
   Shared 2026 visual system
   ============================================================ */
:root {
  --kon-topbar: #171318;
  --kon-ink: #302733;
  --kon-muted: #746a76;
  --kon-border: rgba(78, 60, 76, .12);
  --kon-gradient:
    radial-gradient(circle at 12% 5%, rgba(255,255,255,.92) 0, rgba(255,255,255,.38) 28%, transparent 52%),
    radial-gradient(circle at 88% 16%, rgba(219,199,221,.62) 0, rgba(226,211,226,.28) 34%, transparent 58%),
    linear-gradient(125deg, #faf6f3 0%, #f2eaed 38%, #e8dfe9 72%, #ded3e2 100%);
}

html body .announcement {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 20px;
  border: 0;
  background: var(--kon-topbar);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-align: center;
}

html body .announcement span {
  margin: 0 10px;
  color: rgba(255,255,255,.58);
}

html body header.site-header {
  background: var(--kon-gradient);
  border-bottom: 0;
  box-shadow: none;
}

html body .site-header .brand {
  display: block;
  width: 68px;
  height: 68px;
  min-width: 68px;
  flex: 0 0 68px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(83,65,80,.15);
  border-radius: 50%;
  background: rgba(255,255,255,.76);
  box-shadow: 0 6px 18px rgba(72,54,69,.14);
}

html body .site-header .brand img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
}

html body footer .footer-brand img {
  display: block;
  width: 92px;
  height: 92px;
  max-width: 92px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  object-fit: cover;
}

html body footer .footer-bottom {
  grid-column: 1 / -1;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.15);
}

html body footer .footer-bottom p { margin: 0; }
html body footer .site-credit { margin-left: auto; text-align: right; }
html body footer .site-credit a {
  display: inline;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}