/* MediSync homepage accordion redesign */
html{scroll-behavior:smooth}body{background:#030813;color:#f6f8ff;min-height:100vh} .modern-header{max-width:1180px;margin:22px auto 0;position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 26px;background:rgba(4,12,25,.84);border:1px solid #243950;border-radius:25px;box-sizing:border-box}.modern-header .brand-logo{width:68px;height:68px;object-fit:contain}.modern-header nav{display:flex;gap:32px}.modern-header nav a{color:#e4e9f6;text-decoration:none;font-size:15px}.modern-header nav a:hover{color:#21a7ff}.landing-main{max-width:1050px;margin:0 auto;padding:44px 24px 70px;position:relative;z-index:1}.landing-intro{text-align:center;margin:0 auto 45px}.eyebrow,.accordion-caption{color:#42b5ff;letter-spacing:.25em;font-size:12px;font-weight:800}.landing-intro h1{font-size:clamp(42px,6.2vw,76px);line-height:1.08;letter-spacing:-.055em;margin:18px 0 12px}.landing-intro h1 span{background:linear-gradient(100deg,#00a6ff,#4676ff,#20e37c);color:transparent;background-clip:text;-webkit-background-clip:text}.landing-intro p{font-size:18px;color:#b7c4d9;margin:0}.accordion-caption{display:flex;justify-content:space-between;margin:0 6px 14px}.accordion-caption span{font-size:10px;color:#7e91ad;letter-spacing:.14em}.accordion-item{--accent:#189eff;margin-bottom:14px;background:linear-gradient(110deg,rgba(10,24,45,.95),rgba(3,11,24,.94));border:1px solid #234a73;border-radius:23px;overflow:hidden;box-shadow:0 8px 30px #0004}.accordion-item.taskforge{--accent:#dc8747;border-color:#594034}.accordion-item.tvsize{--accent:#4099f7;border-color:#284a70}.accordion-item.is-open{border-color:var(--accent)}.accordion-item h2{margin:0}.accordion-toggle{display:flex;align-items:center;gap:22px;width:100%;padding:22px 30px;border:0;background:transparent;color:white;text-align:left;cursor:pointer;font:inherit}.app-mini-icon{flex:0 0 74px;width:74px;height:74px;display:grid;place-items:center;border-radius:20px;border:2px solid var(--accent);font-size:29px;font-weight:900;color:var(--accent);background:radial-gradient(circle at 30% 15%,#23476c, #071020 70%)}.accordion-name{display:flex;flex-direction:column;gap:6px;flex:1}.accordion-name strong{font-size:clamp(25px,4vw,38px);letter-spacing:-.04em}.accordion-name small{font-size:10px;font-weight:700;letter-spacing:.33em;color:#b8c7db}.accordion-chevron{height:15px;width:15px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg);transition:transform .25s;margin-right:8px}.is-open .accordion-chevron{transform:rotate(225deg)}.accordion-panel[hidden]{display:none}.panel-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:12px 50px 34px;min-height:290px;background:radial-gradient(ellipse at 75% 95%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 65%)}.panel-text h3{font-size:clamp(29px,4vw,48px);line-height:1.12;letter-spacing:-.05em;margin:0 0 15px}.panel-text p{color:#b9c9de;font-size:17px;line-height:1.6;max-width:360px}.panel-hint{color:var(--accent);font-size:13px;font-weight:700}.phone-preview,.placeholder-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-decoration:none;color:#9cb5d5;font-size:12px}.phone-preview img{width:min(210px,65%);height:290px;object-fit:cover;object-position:top;border-radius:24px;border:5px solid #1c2737;box-shadow:0 20px 50px #000b;transition:transform .25s}.phone-preview:hover img,.placeholder-preview:hover .placeholder-device{transform:translateY(-7px)}.placeholder-device{width:158px;height:276px;border:7px solid #1b2735;border-radius:29px;background:linear-gradient(160deg,#152943,#030813);box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;align-items:center;gap:25px;transition:transform .25s}.placeholder-notch{width:62px;height:12px;background:#030813;border-radius:0 0 12px 12px}.placeholder-symbol{font-size:50px;font-weight:900;color:var(--accent);margin-top:24px}.placeholder-bars{width:70%;display:grid;gap:10px}.placeholder-bars i{height:9px;background:#253d58;border-radius:10px}.modern-footer{position:relative;z-index:1;border-top:1px solid #25344c;padding:25px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;background:#040a15}.footer-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:white}.footer-brand span{display:flex;flex-direction:column}.footer-brand b{font-size:21px}.footer-brand b span{display:inline;color:#169dff}.footer-brand small{letter-spacing:.26em;font-size:7px}.footer-links{display:flex;gap:19px;flex-wrap:wrap}.footer-links a{color:#d6dfef;text-decoration:none;font-size:13px}.modern-footer>small{color:#7e8ba0;font-size:11px}.detail-main{max-width:1100px;margin:45px auto 100px;padding:0 24px;position:relative;z-index:1}.back-link{color:#61bbff;text-decoration:none}.detail-heading{text-align:center;margin:32px 0}.detail-heading>span{color:#62b7ff;letter-spacing:.2em;font-size:12px}.detail-heading h1,.simple-detail h1{font-size:clamp(42px,7vw,78px);margin:12px 0}.detail-heading p,.simple-detail p{font-size:19px;color:#b8c7da;line-height:1.65}.detail-shell{padding:0!important;max-width:100%!important}.simple-detail{min-height:55vh;padding-top:45px}.simple-detail h2{font-size:28px}.detail-note{margin-top:35px;padding:25px;border:1px solid #244260;border-radius:15px;color:#aebdd3}.contact-link{color:#3aafff;font-size:20px}@media(max-width:720px){.modern-header{margin:10px 12px 0;padding:10px 13px;flex-wrap:wrap;gap:10px}.modern-header .brand-logo{width:48px;height:48px}.modern-header nav{width:100%;justify-content:space-around;gap:9px}.modern-header nav a{font-size:12px}.landing-main{padding:35px 14px 45px}.landing-intro{margin-bottom:32px}.landing-intro p{font-size:15px}.accordion-caption span{display:none}.accordion-toggle{padding:16px;gap:12px}.app-mini-icon{flex-basis:52px;width:52px;height:52px;font-size:20px;border-radius:14px}.accordion-name small{font-size:8px;letter-spacing:.14em}.panel-content{grid-template-columns:1fr;text-align:center;padding:14px 22px 28px;gap:18px}.panel-text p{margin:0 auto 14px;font-size:15px}.phone-preview img{height:235px;width:165px}.modern-footer{justify-content:center;text-align:center}.footer-links{justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}