/*
Theme Name: MEL-OS
Theme URI: https://mel-os.com
Author: BEEGITAL
Description: Custom lightweight WordPress theme for MEL-OS.
Version: 0.4.7
Text Domain: melos
*/

:root{
  --melos-bg:#fcfaf6;
  --melos-white:#fff;
  --melos-warm:#f6efe5;
  --melos-warm-2:#efe2d0;
  --melos-text:#20201d;
  --melos-muted:#69645d;
  --melos-wood:#ba956f;
  --melos-wood-deep:#8a6846;
  --melos-yellow:#dda30d;
  --melos-red:#d23b34;
  --melos-line:#e7dfd5;
  --melos-shadow:0 24px 60px rgba(80,59,39,.10);
  --melos-max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--melos-bg);color:var(--melos-text);font-family:"Inter",Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button,input,textarea{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.melos-shell{width:min(calc(100% - 56px),var(--melos-max));margin:0 auto}
.melos-kicker{margin:0 0 15px;color:var(--melos-red);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}

/* HEADER */
.melos-header{position:sticky;top:0;z-index:100;background:rgba(252,250,246,.95);border-bottom:1px solid rgba(231,223,213,.85);backdrop-filter:blur(14px);transition:box-shadow .25s ease,background .25s ease}
.admin-bar .melos-header{top:32px}
.melos-header.is-scrolled{box-shadow:0 10px 28px rgba(64,50,36,.07);background:rgba(252,250,246,.985)}
.melos-header-inner{min-height:96px;display:flex;align-items:center;gap:32px}
.melos-brand{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}
.melos-brand img{width:146px;height:auto}
.melos-navigation{margin-left:auto;display:flex;align-items:center;gap:24px}
.melos-nav{display:flex;align-items:center;gap:27px;list-style:none;padding:0;margin:0;font-size:13px;font-weight:600}
.melos-nav li{position:relative}
.melos-nav a{text-decoration:none;padding:14px 0;display:block;position:relative;color:#2a2925;transition:color .2s ease}
.melos-nav a::after{content:"";position:absolute;left:0;bottom:7px;width:100%;height:2px;background:var(--melos-yellow);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.melos-nav a:hover,.melos-nav .current-menu-item>a{color:var(--melos-wood-deep)}
.melos-nav a:hover::after,.melos-nav .current-menu-item>a::after{transform:scaleX(1)}
.melos-app-link{display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border-radius:999px;background:var(--melos-yellow);color:#fff;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(221,163,13,.20);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.melos-app-link:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(221,163,13,.28);background:#ca9207}
.melos-app-link span{transition:transform .2s ease}.melos-app-link:hover span{transform:translateX(3px)}
.melos-menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--melos-line);border-radius:50%;background:#fff;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.melos-menu-toggle span{width:18px;height:2px;background:var(--melos-text);display:block;border-radius:99px}

/* BUTTONS */
.melos-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.melos-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border-radius:999px;text-decoration:none;border:1px solid transparent;font-weight:700;font-size:14px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.melos-btn span{transition:transform .22s ease}.melos-btn:hover span{transform:translateX(4px)}
.melos-btn--primary{background:var(--melos-yellow);color:#fff;box-shadow:0 12px 28px rgba(221,163,13,.18)}
.melos-btn--primary:hover{transform:translateY(-2px);background:#ca9207;box-shadow:0 16px 34px rgba(221,163,13,.25)}
.melos-btn--ghost{background:#fff;border-color:var(--melos-line);color:var(--melos-text)}
.melos-btn--ghost:hover{transform:translateY(-2px);border-color:#ceb995;box-shadow:0 12px 28px rgba(80,59,39,.08)}
.melos-text-link{display:inline-flex;align-items:center;gap:9px;margin-top:26px;color:var(--melos-wood-deep);font-weight:700;text-decoration:none}
.melos-text-link span{transition:transform .2s ease}.melos-text-link:hover span{transform:translateX(5px)}

/* HERO */
.melos-hero-v04{padding:64px 0 70px;background:linear-gradient(180deg,#fcfaf6 0%,#faf5ed 100%)}
.melos-hero-v04-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;align-items:center}
.melos-hero-v04-copy h1{margin:0;max-width:590px;font-size:clamp(43px,4.1vw,62px);line-height:1.05;letter-spacing:-.04em;font-weight:650}
.melos-hero-v04-copy h1 span{display:block;color:var(--melos-yellow);margin-top:6px}
.melos-hero-v04-copy>p:not(.melos-kicker){max-width:610px;color:var(--melos-muted);margin:21px 0 0;font-size:17px}
.melos-hero-visual{position:relative;border-radius:86px 18px 86px 18px;overflow:hidden;min-height:560px;box-shadow:var(--melos-shadow);background:#eadcca}
.melos-hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.melos-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(61,43,28,.12));pointer-events:none}

/* App concept inside hero */
.melos-app-concept{position:absolute;z-index:3;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 45px rgba(50,37,26,.19);backdrop-filter:blur(8px)}
.melos-app-concept--hero{left:8%;right:8%;bottom:7%;height:220px;border-radius:22px;overflow:hidden;transform:translateY(0);transition:transform .25s ease,box-shadow .25s ease}
.melos-hero-visual:hover .melos-app-concept--hero{transform:translateY(-6px);box-shadow:0 25px 58px rgba(50,37,26,.25)}
.melos-app-top{height:42px;padding:0 15px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #eee7de}
.melos-mini-logo{font-size:11px;font-weight:800;margin-right:auto}.melos-app-top i{width:7px;height:7px;border-radius:50%;background:#3d3d39}.melos-app-top i:nth-last-child(2){background:var(--melos-yellow)}.melos-app-top i:last-child{background:var(--melos-red)}
.melos-app-body{display:grid;grid-template-columns:130px 1fr;height:calc(100% - 42px)}
.melos-app-side{padding:15px 12px;background:#faf8f4;display:grid;align-content:start;gap:10px;border-right:1px solid #eee7de}.melos-app-side b,.melos-app-side span{font-size:10px;padding:5px 8px;border-radius:7px}.melos-app-side b{background:#f1e5d3;color:var(--melos-wood-deep)}
.melos-app-main{padding:17px 20px}.melos-app-main strong{font-size:14px}.melos-app-pills{display:flex;gap:8px;margin:14px 0}.melos-app-pills span{font-size:9px;border-radius:999px;background:#f5eee4;padding:5px 9px}.melos-app-lines{display:grid;gap:9px}.melos-app-lines i{display:block;height:8px;border-radius:99px;background:#eee8e0}.melos-app-lines i:nth-child(2){width:83%}.melos-app-lines i:nth-child(3){width:91%}.melos-app-lines i:nth-child(4){width:68%}

/* Benefit rail */
.melos-benefit-rail{background:#fff;border-top:1px solid var(--melos-line);border-bottom:1px solid var(--melos-line)}
.melos-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.melos-benefit-grid a{position:relative;display:grid;grid-template-columns:1fr auto;padding:25px 25px 24px;text-decoration:none;border-right:1px solid var(--melos-line);transition:background .2s ease,color .2s ease}
.melos-benefit-grid a:first-child{border-left:1px solid var(--melos-line)}
.melos-benefit-grid a b{font-size:14px}.melos-benefit-grid a span{grid-column:1;font-size:12px;color:var(--melos-muted)}.melos-benefit-grid a i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--melos-yellow);font-size:21px;transition:transform .2s ease}.melos-benefit-grid a:hover{background:#fbf5eb}.melos-benefit-grid a:hover i{transform:translateX(5px)}

/* Editorial */
.melos-editorial{padding:96px 0;border-top:1px solid var(--melos-line)}
.melos-editorial--white{background:#fff}.melos-editorial--warm{background:#faf6f0}
.melos-editorial-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.melos-editorial-grid--reverse{grid-template-columns:.95fr 1.05fr}
.melos-editorial-copy{max-width:560px}.melos-editorial-copy h2{margin:0 0 23px;font-size:clamp(35px,3.2vw,49px);line-height:1.08;letter-spacing:-.035em;font-weight:650}.melos-editorial-copy p{margin:0;color:var(--melos-muted)}.melos-editorial-copy p+p{margin-top:17px}.melos-last-copy{margin-top:24px!important}
.melos-accent-line{display:block;width:42px;height:3px;border-radius:99px;background:var(--melos-yellow);margin-bottom:18px}.melos-accent-line--red{background:var(--melos-red)}
.melos-photo-card{margin:0;overflow:hidden;border-radius:68px 14px 68px 14px;box-shadow:var(--melos-shadow);min-height:430px;background:#eadcca}.melos-photo-card img{width:100%;height:100%;min-height:430px;object-fit:cover}
.melos-hover-image{overflow:hidden}.melos-hover-image img{transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .35s ease}
.melos-hover-card{transition:transform .25s ease,box-shadow .25s ease}
.melos-list{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}.melos-list li{position:relative;padding-left:24px}.melos-list li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--melos-yellow)}.melos-list li:nth-child(3n)::before{background:var(--melos-red)}

/* Session visual */
.melos-session-visual{border-radius:22px 72px 22px 72px;background:#eadcca;padding:38px;box-shadow:var(--melos-shadow)}
.melos-session-window{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #eadfd1}.melos-session-bar{height:48px;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid #eee7de}.melos-session-bar i{width:8px;height:8px;border-radius:50%;background:#3d3d39}.melos-session-bar i:nth-child(2){background:var(--melos-yellow)}.melos-session-bar i:nth-child(3){background:var(--melos-red)}.melos-session-bar b{margin-left:8px;font-size:12px}.melos-session-grid{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.melos-session-grid>div{min-height:74px;padding:13px;border:1px solid #eee7de;border-radius:12px;background:#fcfaf7}.melos-session-grid span{display:block;font-size:10px;color:#8b8278;margin-bottom:6px}.melos-session-grid strong{font-size:11px}.melos-session-grid .wide{grid-column:1/-1}

/* Data */
.melos-data-visual{border-radius:74px 18px 74px 18px;background:#f0e3d3;padding:34px;box-shadow:var(--melos-shadow)}
.melos-chart-card{background:#fff;border-radius:22px;overflow:hidden;border:1px solid #eadfd1}.melos-chart-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center}.melos-chart-head b{font-size:14px}.melos-chart-head span{font-size:11px;color:var(--melos-muted)}.melos-chart-card svg{display:block;width:100%;height:auto;padding:6px 18px 0}.melos-chart-wood{height:85px;background:repeating-linear-gradient(90deg,#c7a780 0 44px,#d4b58e 44px 82px,#b8926c 82px 85px);opacity:.72}

/* App section */
.melos-app-section{padding:105px 0;background:#f1e7d9;border-top:1px solid var(--melos-line)}
.melos-app-section-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:76px;align-items:center}.melos-app-section-copy h2{margin:0 0 20px;font-size:clamp(38px,3.5vw,54px);line-height:1.07;letter-spacing:-.04em}.melos-app-section-copy>p:not(.melos-kicker){color:var(--melos-muted);max-width:520px}
.melos-device-stage{position:relative;min-height:470px}.melos-device-laptop{position:absolute;left:2%;right:13%;top:20px;background:#292925;border-radius:20px 20px 10px 10px;padding:12px 12px 18px;box-shadow:0 26px 56px rgba(52,38,25,.18)}.melos-device-laptop::after{content:"";position:absolute;left:8%;right:8%;bottom:-20px;height:20px;background:#b6a18a;border-radius:0 0 60px 60px}.melos-device-screen{background:#fcfaf7;border-radius:11px;overflow:hidden;min-height:340px}.melos-device-top{height:42px;border-bottom:1px solid #eee7de;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:11px;font-weight:800}.melos-device-top span{letter-spacing:4px;color:#9a9186}.melos-device-layout{display:grid;grid-template-columns:135px 1fr;min-height:298px}.melos-device-layout aside{background:#f4efe8;border-right:1px solid #e9e0d5;padding:18px 11px;display:grid;align-content:start;gap:11px}.melos-device-layout aside b,.melos-device-layout aside span{font-size:10px;padding:6px 8px;border-radius:7px}.melos-device-layout aside b{background:#eadbc7;color:var(--melos-wood-deep)}.melos-device-layout section{padding:21px}.melos-device-layout h3{font-size:17px;margin:0 0 18px}.melos-device-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.melos-device-cards i{height:65px;border-radius:12px;background:#f2eadf}.melos-device-cards i:nth-child(2){background:#f8efd6}.melos-device-cards i:nth-child(3){background:#f5e5e2}.melos-device-table{margin-top:16px;display:grid;gap:8px}.melos-device-table i{height:11px;border-radius:99px;background:#eee8e0}.melos-device-table i:nth-child(2){width:89%}.melos-device-table i:nth-child(3){width:77%}.melos-device-table i:nth-child(4){width:94%}
.melos-device-phone{position:absolute;right:0;bottom:0;width:165px;height:315px;border:9px solid #272723;border-radius:28px;background:#fcfaf7;padding:40px 14px 18px;box-shadow:0 20px 45px rgba(49,35,23,.22);display:grid;align-content:start;gap:11px}.melos-phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:62px;height:13px;border-radius:99px;background:#272723}.melos-device-phone b{font-size:14px;margin-bottom:6px}.melos-device-phone span{font-size:10px;padding:7px 8px;background:#f1e7d9;border-radius:8px}.melos-device-phone span:nth-of-type(3n){background:#f8efd6}
.melos-device-stage--page{min-height:430px}.melos-device-stage--page .melos-device-laptop{right:2%}
.melos-device-stage--single{min-height:430px}.melos-device-stage--single .melos-device-laptop{right:2%}

/* Photo mini cards */
.melos-photo-cards{padding:72px 0;background:#fff;border-top:1px solid var(--melos-line)}
.melos-photo-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.melos-mini-card{display:grid;grid-template-columns:45% 55%;min-height:210px;border:1px solid var(--melos-line);border-radius:22px;overflow:hidden;text-decoration:none;background:#fcfaf7;transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}.melos-mini-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(80,59,39,.11);border-color:#d8c6ae}.melos-mini-card img{width:100%;height:100%;object-fit:cover}.melos-mini-card>div{padding:24px 22px;display:flex;flex-direction:column;justify-content:center}.melos-mini-card h3{margin:0 0 14px;font-size:20px;line-height:1.15}.melos-mini-card span{font-size:12px;color:var(--melos-wood-deep);font-weight:700}

/* Closing */
.melos-closing-v04{padding:92px 0 96px;background:#f0e5d6;border-top:1px solid var(--melos-line);text-align:center}.melos-closing-v04-inner{max-width:900px}.melos-dots{display:inline-flex;gap:8px;margin-bottom:20px}.melos-dots i{width:11px;height:11px;border-radius:50%;background:#3c3c39}.melos-dots i:nth-child(2){background:var(--melos-yellow)}.melos-dots i:nth-child(3){background:var(--melos-red)}.melos-closing-v04 h2{margin:0 0 21px;font-size:clamp(40px,4vw,56px);line-height:1.05;letter-spacing:-.04em}.melos-closing-v04 p{margin:0;color:var(--melos-muted);font-size:18px}.melos-closing-v04 p span{display:block}.melos-signature{margin-top:28px;color:var(--melos-wood-deep);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

/* Internal pages */
.melos-page-hero{padding:86px 0;background:linear-gradient(180deg,#fcfaf6,#faf5ee);border-bottom:1px solid var(--melos-line)}
.melos-page-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.melos-page-hero h1{margin:0 0 22px;font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-.045em}.melos-page-hero p:not(.melos-kicker){color:var(--melos-muted);font-size:18px;max-width:650px}.melos-page-hero figure{margin:0;border-radius:72px 16px 72px 16px;overflow:hidden;box-shadow:var(--melos-shadow)}.melos-page-hero figure img{width:100%;height:420px;object-fit:cover}.melos-page-hero--center{text-align:center}.melos-page-hero--center .melos-shell{max-width:850px}.melos-page-hero--center p{margin-left:auto;margin-right:auto}
.melos-content-band{padding:70px 0;background:#fff;border-bottom:1px solid var(--melos-line)}.melos-three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.melos-three-cards article{padding:30px;border:1px solid var(--melos-line);border-radius:18px;background:#fcfaf7}.melos-three-cards b{display:block;font-size:19px;margin-bottom:10px}.melos-three-cards p{margin:0;color:var(--melos-muted);font-size:15px}
.melos-feature-cards{padding:78px 0;background:#fff}.melos-feature-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.melos-feature-cards article{position:relative;padding:33px 30px;min-height:220px;border:1px solid var(--melos-line);border-radius:22px;background:#fcfaf7;box-shadow:0 12px 30px rgba(80,59,39,.04)}.melos-feature-cards article>span{font-size:11px;color:var(--melos-red);font-weight:700;letter-spacing:.12em}.melos-feature-cards h2{margin:18px 0 11px;font-size:27px}.melos-feature-cards p{margin:0;color:var(--melos-muted);font-size:15px}
.melos-package-placeholder{padding:85px 0;background:#fff}.melos-package-card{max-width:780px;margin:0 auto;padding:58px;text-align:center;border:1px solid var(--melos-line);border-radius:28px;background:#faf5ed;box-shadow:var(--melos-shadow)}.melos-package-card h2{font-size:38px;margin:0 0 16px}.melos-package-card p{color:var(--melos-muted);margin:0}
.melos-faq{padding:72px 0;background:#fff}.melos-faq-list{max-width:900px}.melos-faq details{border-bottom:1px solid var(--melos-line);padding:0}.melos-faq summary{list-style:none;cursor:pointer;padding:24px 42px 24px 0;font-size:20px;font-weight:700;position:relative}.melos-faq summary::-webkit-details-marker{display:none}.melos-faq summary::after{content:"+";position:absolute;right:4px;top:20px;font-size:28px;font-weight:400;color:var(--melos-yellow);transition:transform .2s ease}.melos-faq details[open] summary::after{transform:rotate(45deg)}.melos-faq details p{margin:0;padding:0 42px 24px 0;color:var(--melos-muted)}
.melos-contact{padding:82px 0;background:#fff}.melos-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.melos-contact-note{padding:45px;border-radius:32px;background:#f1e6d7;align-self:start}.melos-contact-note h2{font-size:40px;line-height:1.05;margin:0 0 18px}.melos-contact-note p{color:var(--melos-muted);margin:0}.melos-contact-form{display:grid;gap:18px}.melos-contact-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.melos-contact-form input,.melos-contact-form textarea{width:100%;border:1px solid #ddd3c7;border-radius:12px;background:#fcfaf7;padding:13px 14px;outline:none;color:var(--melos-text);transition:border-color .2s ease,box-shadow .2s ease}.melos-contact-form input:focus,.melos-contact-form textarea:focus{border-color:#c9a36f;box-shadow:0 0 0 4px rgba(221,163,13,.09)}.melos-contact-form .melos-btn{justify-self:start;border:0}.melos-hp{position:absolute!important;left:-9999px!important}.melos-form-success{color:#287a3b}.melos-form-error{color:#a52a24}
.melos-page{min-height:55vh}.melos-page-content{padding:80px 0}.melos-page-content h1{font-size:54px;line-height:1.05;letter-spacing:-.04em}

/* Footer */
.melos-footer{background:#26251f;color:#f8f4ee;padding:50px 0 20px}.melos-footer-grid{display:grid;grid-template-columns:250px 1fr;gap:70px;align-items:start}.melos-footer-brand img{width:135px;filter:brightness(0) invert(1);opacity:.92}.melos-footer-brand p{margin:12px 0 0;font-size:12px;color:#c8c1b7}.melos-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px 28px;justify-content:flex-end}.melos-footer-menu a{color:#eee7de;text-decoration:none;font-size:13px}.melos-footer-menu a:hover{color:#f4c84d}.melos-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;color:#aaa399;font-size:11px}

@media(max-width:1050px){
  .melos-navigation{gap:14px}.melos-nav{gap:18px;font-size:12px}.melos-app-link{padding:10px 16px}
  .melos-hero-v04-grid,.melos-editorial-grid,.melos-editorial-grid--reverse,.melos-app-section-grid,.melos-page-hero-grid{gap:45px}
  .melos-mini-card{grid-template-columns:1fr}.melos-mini-card img{height:175px}.melos-mini-card>div{padding:20px}
}
@media(max-width:900px){
  .admin-bar .melos-header{top:46px}
  .melos-shell{width:min(calc(100% - 36px),var(--melos-max))}
  .melos-menu-toggle{display:flex}
  .melos-navigation{display:none;position:absolute;top:100%;left:18px;right:18px;background:#fff;border:1px solid var(--melos-line);border-radius:18px;padding:18px;box-shadow:0 20px 50px rgba(62,46,31,.14);align-items:stretch}.melos-navigation.is-open{display:block}.melos-nav{display:grid;gap:0}.melos-nav a{padding:11px 8px}.melos-nav a::after{bottom:5px}.melos-app-link{margin-top:10px;width:100%;justify-content:center}
  .melos-header-inner{min-height:82px}.melos-brand img{width:128px}
  .melos-hero-v04-grid,.melos-editorial-grid,.melos-editorial-grid--reverse,.melos-app-section-grid,.melos-page-hero-grid,.melos-contact-grid{grid-template-columns:1fr}
  .melos-hero-v04{padding:48px 0 56px}.melos-hero-visual{min-height:520px}.melos-app-concept--hero{height:200px}
  .melos-benefit-grid{grid-template-columns:1fr 1fr}.melos-benefit-grid a:nth-child(3){border-left:1px solid var(--melos-line)}.melos-benefit-grid a:nth-child(-n+2){border-bottom:1px solid var(--melos-line)}
  .melos-editorial{padding:75px 0}.melos-editorial-grid--reverse .melos-editorial-copy{order:1}.melos-editorial-grid--reverse .melos-session-visual{order:2}
  .melos-app-section{padding:78px 0}.melos-device-stage{min-height:440px}
  .melos-photo-cards-grid,.melos-three-cards,.melos-feature-cards-grid{grid-template-columns:1fr}
  .melos-mini-card{grid-template-columns:42% 58%}.melos-mini-card img{height:100%}
  .melos-page-hero figure img{height:360px}.melos-footer-grid{grid-template-columns:1fr}.melos-footer-menu{justify-content:flex-start}
}
@media(max-width:600px){
  body{font-size:16px}.melos-shell{width:min(calc(100% - 28px),var(--melos-max))}
  .melos-header-inner{min-height:76px}.melos-brand img{width:116px}
  .melos-hero-v04-copy h1{font-size:42px}.melos-hero-visual{min-height:450px;border-radius:44px 14px 44px 14px}.melos-app-concept--hero{left:5%;right:5%;bottom:5%;height:190px}.melos-app-body{grid-template-columns:105px 1fr}.melos-app-main{padding:14px}.melos-app-side{padding:12px 8px}
  .melos-actions{display:grid}.melos-btn{width:100%}
  .melos-benefit-grid{grid-template-columns:1fr}.melos-benefit-grid a,.melos-benefit-grid a:nth-child(3){border-left:1px solid var(--melos-line);border-bottom:1px solid var(--melos-line)}
  .melos-editorial{padding:60px 0}.melos-editorial-copy h2{font-size:36px}.melos-photo-card,.melos-photo-card img{min-height:330px}.melos-session-visual,.melos-data-visual{padding:18px;border-radius:35px 12px 35px 12px}.melos-session-grid{grid-template-columns:1fr}.melos-session-grid .wide{grid-column:auto}
  .melos-device-stage{min-height:380px}.melos-device-laptop{left:0;right:12%;padding:8px 8px 13px}.melos-device-layout{grid-template-columns:90px 1fr}.melos-device-layout aside{padding:12px 7px}.melos-device-layout section{padding:13px}.melos-device-phone{width:125px;height:255px;padding:34px 10px 12px;border-width:7px}.melos-device-screen{min-height:300px}.melos-device-layout{min-height:260px}
  .melos-mini-card{grid-template-columns:1fr}.melos-mini-card img{height:190px}.melos-closing-v04{padding:70px 0}.melos-closing-v04 h2{font-size:40px}
  .melos-page-hero{padding:62px 0}.melos-page-hero h1{font-size:46px}.melos-page-hero figure img{height:300px}.melos-package-card{padding:38px 22px}.melos-contact-note{padding:32px 24px}.melos-footer-bottom{display:grid;gap:6px}.melos-footer-menu{display:grid;gap:10px}
}

/* =========================================================
   v0.4.2 — MOBILE POLISH + SPORTAKI CLUBS MOTION PACKAGE
   Motion only: existing MEL-OS geometry / palette / content are preserved.
   ========================================================= */

/* Scroll reveal: Sportaki Clubs logic adapted to the existing MEL-OS elements. */
.melos-motion-ready .melos-reveal{
  opacity:0;
  filter:blur(8px);
  transform:translateY(20px);
  transition:
    opacity 620ms cubic-bezier(.22,1,.36,1),
    filter 620ms cubic-bezier(.22,1,.36,1),
    transform 620ms cubic-bezier(.22,1,.36,1);
  transition-delay:var(--melos-reveal-delay,0ms);
  will-change:opacity,filter,transform;
}
.melos-motion-ready .melos-reveal.is-visible{
  opacity:1;
  filter:blur(0);
  transform:translateY(0);
  will-change:auto;
}

/* Existing hover language, enriched with Sportaki Clubs lift / depth / light-scan. */
@media (hover:hover) and (pointer:fine){
  .melos-brand img{
    transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s ease;
  }
  .melos-brand:hover img{
    transform:translateY(-2px) rotate(-1deg) scale(1.025);
    filter:drop-shadow(0 9px 16px rgba(80,59,39,.12));
  }

  .melos-hover-card,
  .melos-feature-cards article,
  .melos-three-cards article,
  .melos-mini-card,
  .melos-package-card,
  .melos-contact-note{
    transition:
      transform .28s cubic-bezier(.22,1,.36,1),
      box-shadow .28s cubic-bezier(.22,1,.36,1),
      border-color .28s ease;
  }
  .melos-hover-card:hover,
  .melos-feature-cards article:hover,
  .melos-three-cards article:hover,
  .melos-mini-card:hover,
  .melos-package-card:hover,
  .melos-contact-note:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 66px rgba(80,59,39,.14);
    border-color:rgba(186,149,111,.42);
  }
  .melos-motion-ready .melos-hover-card.melos-reveal.is-visible:hover,
  .melos-motion-ready .melos-feature-cards article.melos-reveal.is-visible:hover,
  .melos-motion-ready .melos-three-cards article.melos-reveal.is-visible:hover,
  .melos-motion-ready .melos-mini-card.melos-reveal.is-visible:hover,
  .melos-motion-ready .melos-package-card.melos-reveal.is-visible:hover,
  .melos-motion-ready .melos-contact-note.melos-reveal.is-visible:hover{
    transform:translateY(-6px);
  }

  .melos-feature-cards article,
  .melos-three-cards article,
  .melos-mini-card,
  .melos-package-card{
    position:relative;
    overflow:hidden;
  }
  .melos-feature-cards article::after,
  .melos-three-cards article::after,
  .melos-mini-card::after,
  .melos-package-card::after{
    content:"";
    position:absolute;
    z-index:2;
    top:-30%;
    bottom:-30%;
    left:-55%;
    width:28%;
    pointer-events:none;
    opacity:0;
    transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
    transition:left 650ms cubic-bezier(.22,1,.36,1),opacity .22s ease;
  }
  .melos-feature-cards article:hover::after,
  .melos-three-cards article:hover::after,
  .melos-mini-card:hover::after,
  .melos-package-card:hover::after{
    left:125%;
    opacity:.55;
  }

  .melos-hover-image img{
    transition:transform 620ms cubic-bezier(.22,1,.36,1),filter .35s ease;
  }
  .melos-hover-image:hover img{
    transform:scale(1.035);
    filter:saturate(1.05) contrast(1.025);
  }

  .melos-benefit-grid a{
    transition:transform .24s cubic-bezier(.22,1,.36,1),background .22s ease,box-shadow .24s ease;
  }
  .melos-benefit-grid a:hover{
    transform:translateY(-3px);
    z-index:2;
    box-shadow:0 16px 32px rgba(80,59,39,.08);
  }
}

/* Keyboard users receive the same meaningful interaction without mouse-only motion. */
.melos-nav a:focus-visible,
.melos-btn:focus-visible,
.melos-app-link:focus-visible,
.melos-text-link:focus-visible,
.melos-menu-toggle:focus-visible,
.melos-mobile-accordion-toggle:focus-visible,
.melos-faq summary:focus-visible{
  outline:3px solid rgba(221,163,13,.35);
  outline-offset:4px;
}

/* Mobile navigation: touch-safe and viewport-safe, without redesigning the header. */
@media(max-width:900px){
  body.melos-menu-open{overflow:hidden}
  .melos-menu-toggle{min-width:48px;min-height:48px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
  .melos-menu-toggle:active{transform:scale(.96)}
  .melos-navigation{
    max-height:calc(100dvh - 110px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .melos-nav a{min-height:48px;display:flex;align-items:center}
  .melos-app-link{min-height:48px}
}

@media(max-width:720px){
  .melos-shell{width:min(calc(100% - 30px),var(--melos-max))}
  .melos-header-inner{min-height:74px;gap:16px}
  .melos-brand img{width:112px}
  .melos-navigation{left:12px;right:12px;border-radius:16px;padding:14px}

  .melos-hero-v04{padding:38px 0 48px}
  .melos-hero-v04-grid{gap:34px}
  .melos-hero-v04-copy h1{font-size:clamp(38px,10.8vw,46px);line-height:1.03}
  .melos-hero-v04-copy>p:not(.melos-kicker){font-size:16px}
  .melos-hero-visual{min-height:410px}
  .melos-app-concept--hero{height:180px}
  .melos-app-pills{flex-wrap:wrap}

  .melos-editorial{padding:58px 0}
  .melos-editorial-grid,.melos-editorial-grid--reverse{gap:34px}
  .melos-editorial-copy h2{font-size:clamp(32px,9vw,40px)}
  .melos-photo-card,.melos-photo-card img{min-height:310px}

  .melos-app-section{padding:62px 0}
  .melos-app-section-grid{gap:34px}
  .melos-app-section-copy h2{font-size:clamp(34px,9vw,44px)}

  .melos-page-hero{padding:54px 0}
  .melos-page-hero-grid{gap:34px}
  .melos-page-hero h1{font-size:clamp(40px,11vw,54px)}
  .melos-page-hero p:not(.melos-kicker){font-size:16px}
  .melos-page-hero figure img{height:300px}

  .melos-content-band,.melos-feature-cards,.melos-package-placeholder,.melos-contact{padding-top:58px;padding-bottom:58px}
  .melos-contact-grid{gap:32px}
  .melos-contact-form input,.melos-contact-form textarea{font-size:16px}

  .melos-faq{padding:54px 0}
  .melos-faq summary{min-height:56px;padding:18px 44px 18px 0;font-size:18px}
  .melos-faq summary::after{top:13px;right:5px}
  .melos-faq details p{padding:0 36px 20px 0}
}

/* A + accordion is used only where mobile stacking would otherwise become excessive:
   the six feature cards on the Functions page. Desktop remains exactly card-based. */
.melos-mobile-accordion-toggle{display:none}
@media(max-width:600px){
  .melos-feature-cards-grid{gap:10px}
  .melos-feature-cards article{
    min-height:0;
    padding:21px 58px 21px 22px;
  }
  .melos-feature-cards article>span{display:block}
  .melos-feature-cards h2{margin:8px 0 0;font-size:23px;line-height:1.15}
  .melos-feature-cards article>p{
    max-height:0;
    overflow:hidden;
    opacity:0;
    margin:0;
    transition:max-height .42s cubic-bezier(.22,1,.36,1),opacity .28s ease,margin .42s cubic-bezier(.22,1,.36,1);
  }
  .melos-feature-cards article.is-mobile-open>p{
    max-height:180px;
    opacity:1;
    margin-top:12px;
  }
  .melos-mobile-accordion-toggle{
    position:absolute;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    top:17px;
    right:15px;
    width:42px;
    height:42px;
    border:1px solid var(--melos-line);
    border-radius:50%;
    background:#fff;
    color:var(--melos-yellow);
    font-size:26px;
    line-height:1;
    cursor:pointer;
    transition:transform .28s cubic-bezier(.22,1,.36,1),background .2s ease,border-color .2s ease;
  }
  .melos-feature-cards article.is-mobile-open .melos-mobile-accordion-toggle{
    transform:rotate(45deg);
    background:#fbf5eb;
    border-color:#d8c4a5;
  }

  .melos-device-stage{min-height:350px}
  .melos-device-laptop{right:18%;top:10px}
  .melos-device-layout{grid-template-columns:82px 1fr;min-height:245px}
  .melos-device-layout aside{padding:10px 6px;gap:7px}
  .melos-device-layout aside b,.melos-device-layout aside span{font-size:8px;padding:5px}
  .melos-device-layout section{padding:12px}
  .melos-device-layout h3{font-size:14px;margin-bottom:12px}
  .melos-device-cards{gap:6px}.melos-device-cards i{height:48px}
  .melos-device-phone{width:112px;height:230px;padding:31px 8px 10px;border-width:7px;border-radius:23px;gap:7px}
  .melos-device-phone b{font-size:11px}.melos-device-phone span{font-size:8px;padding:5px 6px}
  .melos-phone-notch{top:5px;width:45px;height:10px}

  .melos-footer{padding-top:40px}
  .melos-footer-grid{gap:30px}
  .melos-footer-menu a{display:inline-flex;align-items:center;min-height:44px}
}

@media(max-width:480px){
  body{font-size:16px}
  .melos-shell{width:min(calc(100% - 24px),var(--melos-max))}
  .melos-header-inner{min-height:70px}
  .melos-brand img{width:106px}
  .melos-menu-toggle{width:46px;height:46px;min-width:46px;min-height:46px}

  .melos-hero-v04{padding:32px 0 42px}
  .melos-hero-v04-copy h1{font-size:clamp(36px,11vw,43px)}
  .melos-hero-visual{min-height:370px;border-radius:38px 12px 38px 12px}
  .melos-app-concept--hero{left:4%;right:4%;height:165px;border-radius:17px}
  .melos-app-top{height:36px;padding:0 10px}
  .melos-app-body{grid-template-columns:1fr;height:calc(100% - 36px)}
  .melos-app-side{display:none}
  .melos-app-main{padding:11px 12px}
  .melos-app-pills{margin:9px 0;gap:5px}.melos-app-pills span{font-size:8px;padding:4px 6px}
  .melos-app-lines{gap:6px}.melos-app-lines i{height:6px}

  .melos-editorial{padding:50px 0}
  .melos-editorial-copy h2{font-size:clamp(31px,9.5vw,37px)}
  .melos-photo-card,.melos-photo-card img{min-height:280px}
  .melos-session-visual,.melos-data-visual{padding:14px}

  .melos-device-stage{min-height:320px}
  .melos-device-laptop{left:0;right:20%;padding:7px 7px 11px}
  .melos-device-screen{min-height:255px}
  .melos-device-layout{grid-template-columns:1fr;min-height:215px}
  .melos-device-layout aside{display:none}
  .melos-device-phone{width:102px;height:215px}

  .melos-page-hero{padding:46px 0}
  .melos-page-hero h1{font-size:clamp(38px,11vw,48px)}
  .melos-page-hero figure img{height:270px}
  .melos-three-cards article{padding:24px 22px}
  .melos-package-card{padding:34px 20px}.melos-package-card h2{font-size:32px}
  .melos-contact-note{padding:28px 22px}.melos-contact-note h2{font-size:34px}
  .melos-closing-v04{padding:58px 0}.melos-closing-v04 h2{font-size:clamp(36px,10vw,44px)}
}

/* Touch feedback without hover-only movement. */
@media(hover:none), (pointer:coarse){
  .melos-btn:active,.melos-app-link:active,.melos-benefit-grid a:active,.melos-nav a:active{opacity:.78}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .melos-motion-ready .melos-reveal{opacity:1!important;filter:none!important;transform:none!important}
}


/* v0.4.5 — BILINGUAL FOUNDATION */
.melos-language-switch{
  display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;
  border:1px solid var(--melos-line);border-radius:999px;background:#fff;color:var(--melos-text);
  text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em;
  transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .22s ease,background .2s ease;
}
.melos-language-switch:hover{transform:translateY(-2px);border-color:#ceb995;background:#fffaf2;box-shadow:0 10px 24px rgba(80,59,39,.08)}
.melos-lang-en .melos-nav{gap:22px}
.melos-lang-en .melos-nav a{white-space:nowrap}

@media(max-width:1200px) and (min-width:901px){
  .melos-header-inner{gap:22px}
  .melos-navigation{gap:12px}
  .melos-nav,.melos-lang-en .melos-nav{gap:15px;font-size:11.5px}
  .melos-language-switch{min-width:34px;height:34px;padding:0 8px}
}

@media(max-width:900px){
  .melos-language-switch{width:100%;min-height:46px;margin-top:10px;border-radius:12px}
}

/* Print / Save-as-PDF safety: reveal states must never create blank pages. */
@media print{
  *,*::before,*::after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .melos-motion-ready .melos-reveal,
  .melos-motion-ready .melos-reveal.is-visible{
    opacity:1!important;filter:none!important;transform:none!important;transition:none!important;animation:none!important;
  }
  .melos-header{position:static!important;top:auto!important;backdrop-filter:none!important}
  .melos-menu-toggle{display:none!important}
  .melos-footer{background:#24231f!important;color:#f8f3eb!important}
}

/* v0.4.6 — CONTACT ADDRESS + MAP */
.melos-contact-address{margin-top:28px;padding-top:22px;border-top:1px solid rgba(138,104,70,.18)}
.melos-contact-address-label{margin:0 0 6px!important;color:var(--melos-wood-deep)!important;font-size:11px!important;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.melos-contact-address a{color:var(--melos-text);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(138,104,70,.34);transition:color .2s ease,border-color .2s ease}
.melos-contact-address a:hover{color:var(--melos-wood-deep);border-color:var(--melos-wood-deep)}
.melos-contact-map{margin-top:48px;border-radius:28px;overflow:hidden;border:1px solid var(--melos-line);background:#f1e6d7;box-shadow:0 18px 42px rgba(80,59,39,.08)}
.melos-contact-map iframe{display:block;width:100%;height:420px;border:0}
.melos-footer-address{margin:11px 0 0;font-style:normal;font-size:13px;color:var(--melos-muted)}
.melos-footer-address a{text-decoration:none;border-bottom:1px solid rgba(105,100,93,.28)}
.melos-footer-address a:hover{color:var(--melos-wood-deep);border-color:var(--melos-wood-deep)}
@media (max-width:700px){.melos-contact-map{margin-top:32px;border-radius:20px}.melos-contact-map iframe{height:320px}}


/* =========================================================
   v0.4.7 — APPROVED MEL-OS PRICING CONTENT
   ========================================================= */
.melos-pricing{padding:82px 0 88px;background:#fff;border-bottom:1px solid var(--melos-line)}
.melos-section-heading--center{max-width:760px;margin:0 auto 38px;text-align:center}
.melos-section-heading--center h2{margin:0;font-size:clamp(34px,3.4vw,48px);line-height:1.08;letter-spacing:-.035em}
.melos-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.melos-pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:34px 30px;border:1px solid var(--melos-line);border-radius:28px;background:#fcfaf7;box-shadow:0 16px 38px rgba(80,59,39,.06);overflow:hidden}
.melos-pricing-card--featured{background:linear-gradient(180deg,#fffaf0 0%,#fcfaf7 100%);border-color:#dfcba7}
.melos-pricing-card--featured::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--melos-yellow)}
.melos-pricing-card--special{background:linear-gradient(180deg,#f8f1e8 0%,#fcfaf7 100%)}
.melos-pricing-card-head{padding-bottom:25px;border-bottom:1px solid var(--melos-line)}
.melos-plan-label{display:inline-block;margin-bottom:11px;color:var(--melos-red);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.melos-pricing-card h3{margin:0 0 22px;font-size:30px;line-height:1.08;letter-spacing:-.03em}
.melos-plan-price{display:flex;align-items:flex-end;gap:8px;min-height:58px}
.melos-plan-price strong{font-size:46px;line-height:.95;letter-spacing:-.045em;font-weight:750}
.melos-plan-price span{padding-bottom:5px;color:var(--melos-muted);font-size:14px;font-weight:650}
.melos-plan-price--contact strong{font-size:35px}
.melos-plan-equivalent{margin:11px 0 0;color:var(--melos-muted);font-size:13px;line-height:1.45}
.melos-plan-facts,.melos-plan-features ul{list-style:none;margin:0;padding:0}
.melos-plan-facts{display:grid;gap:0;margin-top:22px;border:1px solid var(--melos-line);border-radius:16px;overflow:hidden;background:#fff}
.melos-plan-facts li{padding:12px 14px;border-bottom:1px solid var(--melos-line);font-size:13px;line-height:1.45;color:var(--melos-muted)}
.melos-plan-facts li:last-child{border-bottom:0}.melos-plan-facts strong{color:var(--melos-text)}
.melos-plan-features{margin-top:24px}
.melos-plan-features h4{margin:0 0 13px;font-size:14px;letter-spacing:.01em}
.melos-plan-features ul{display:grid;gap:11px}
.melos-plan-features li{position:relative;padding-left:22px;color:var(--melos-muted);font-size:14px;line-height:1.5}
.melos-plan-features li::before{content:"✓";position:absolute;left:0;top:0;color:var(--melos-yellow);font-weight:800}
.melos-special-copy{margin:24px 0 0;color:var(--melos-muted);font-size:14px}
.melos-pricing-card .melos-btn{align-self:flex-start;margin-top:auto;padding-top:0;padding-bottom:0}
.melos-pricing-card--special .melos-btn{margin-top:24px}
.melos-annual-note{padding:78px 0 90px;background:#faf5ed}
.melos-annual-note-card{max-width:940px;margin:0 auto;padding:54px 58px;border:1px solid var(--melos-line);border-radius:30px;background:#fff;box-shadow:var(--melos-shadow);text-align:center}
.melos-annual-note-card .melos-dots{margin-bottom:14px}
.melos-annual-note-card h2{margin:0 auto 24px;max-width:760px;font-size:clamp(34px,3.5vw,48px);line-height:1.08;letter-spacing:-.035em}
.melos-annual-note-card>p:not(.melos-kicker){max-width:800px;margin:14px auto 0;color:var(--melos-muted);font-size:16px;line-height:1.75}

@media(max-width:1050px){
  .melos-pricing-grid{grid-template-columns:1fr 1fr}
  .melos-pricing-card--special{grid-column:1/-1}
}
@media(max-width:720px){
  .melos-pricing{padding:60px 0 66px}
  .melos-section-heading--center{margin-bottom:28px}
  .melos-pricing-grid{grid-template-columns:1fr;gap:14px}
  .melos-pricing-card--special{grid-column:auto}
  .melos-pricing-card{padding:28px 22px;border-radius:22px}
  .melos-pricing-card h3{font-size:28px}
  .melos-plan-price strong{font-size:42px}
  .melos-annual-note{padding:58px 0 66px}
  .melos-annual-note-card{padding:38px 24px;border-radius:24px}
}