/*
Theme Name: My Platform Theme
Theme URI:  https://example.com/
Author:      YourName
Author URI:  https://example.com/
Description: An original, SEO-friendly WordPress theme in a modern SaaS style. All code & assets here are original placeholders.
Version:     1.0.0
License:     GNU General Public License v2 or later
Text Domain: my-platform-theme
Tags:        responsive, accessibility-ready, seo, custom-logo
*/

:root{
  --max-width:1200px;
  --accent:#0b74de;
  --accent-2:#0f172a;
  --muted:#6b7280;
  --bg:#f7f8fb;
  --container-padding:20px;
  --radius:14px;
  --shadow:0 8px 24px rgba(16,24,40,0.06);
  --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font-system); color:#0f172a; background:var(--bg); line-height:1.65;}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max-width); margin:0 auto; padding:0 var(--container-padding);}
.header{background:#fff; border-bottom:1px solid #e5e7eb; position:sticky; top:0; z-index:20}
.header .bar{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0;}
.brand{display:flex; align-items:center; gap:12px}
.brand img{height:36px; width:auto}
.nav{display:flex; gap:18px; align-items:center; flex-wrap:wrap}
.nav a{padding:8px 6px; color:#374151; font-weight:600; border-radius:8px}
.nav a:hover{background:#f3f4f6}
.cta{display:inline-flex; align-items:center; gap:8px; padding:10px 14px; background:var(--accent); color:#fff; border-radius:10px; box-shadow:var(--shadow);}
.cta:hover{opacity:.95; text-decoration:none}

.hero{background:linear-gradient(180deg,#ffffff, #f9fafb); padding:56px 0;}
.hero .grid{display:grid; grid-template-columns: 1.7fr 1fr; gap:28px; align-items:center;}
.hero .title{font-size:38px; line-height:1.15; margin:0 0 10px}
.hero .desc{color:#475569; font-size:18px; margin:0 0 16px}
.hero .card{background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:18px}

.section{padding:30px 0}
.grid-3{display:grid; grid-template-columns: repeat(3, 1fr); gap:18px}
.grid-2{display:grid; grid-template-columns: 2fr 1fr; gap:18px}
.card{background:#fff; border-radius:var(--radius); padding:18px; box-shadow:var(--shadow)}

.article-list{display:grid; gap:14px}
.article-item{background:#fff; padding:16px; border-radius:12px; display:grid; grid-template-columns: 160px 1fr; gap:12px; align-items:center; box-shadow:var(--shadow)}
.article-item img{width:160px; height:100px; object-fit:cover; border-radius:10px}
.article-meta{color:#6b7280; font-size:13px}

.sidebar .widget{background:#fff; padding:16px; border-radius:12px; box-shadow:var(--shadow); margin-bottom:12px}

.footer{padding:30px 0; color:#6b7280; font-size:14px; margin-top:30px; border-top:1px solid #e5e7eb; background:#fff}

.breadcrumbs{font-size:14px; color:#6b7280; margin:8px 0 16px}
.breadcrumbs a{color:#0b74de}

@media (max-width:980px){
  .hero .grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .article-item{grid-template-columns:1fr}
  .nav{gap:10px}
}

.sr-only{position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden}


/* ====== Home (WPS-like) ====== */
.container{max-width:1200px;margin:0 auto;padding:0 22px}
.home-hero{background:#f5f7fa}
.hp-hero{position:relative;padding:40px 0 60px}
.hp-hero.has-bg{--overlay:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.98));}
.hp-hero.has-bg::before{
  content:"";position:absolute;inset:0;background-image:var(--hero-bg), var(--overlay);background-size:cover;background-position:center;z-index:-1;filter:saturate(108%) blur(0.2px);
}
.hp-center{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 0}
.hp-logo{height:64px;width:auto;margin-bottom:12px}
.hp-title{font-size:48px;line-height:1.08;margin:0 0 8px;letter-spacing:-.02em}
.hp-subtitle{font-size:18px;color:#6b7280;margin:0 0 18px}
.hp-cta-wrap{display:flex;gap:12px;justify-content:center}
.hp-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:linear-gradient(90deg,#ff7a59,#ff4bd8 60%,#8a5cff);color:#fff;font-weight:700;box-shadow:0 10px 30px rgba(255,87,154,.25);text-decoration:none}
.hp-cta:hover{opacity:.95}
.hp-cta-caret{opacity:.9}
.hp-screen-wrap{margin-top:28px}
.hp-screen{background:#fff;border-radius:18px;padding:10px;box-shadow:0 20px 60px rgba(255,87,154,.15),0 10px 30px rgba(16,24,40,.08)}
.hp-screen img{display:block;width:100%;border-radius:14px}
.hp-screen.ph>div{height:420px;border-radius:14px;background:radial-gradient(1000px 300px at 10% 10%, rgba(255,87,154,.08), transparent 60%), linear-gradient(135deg,#f3f4f8,#ffffff);border:1px solid #e6e9ef}
.hp-swoosh{position:relative;margin-top:60px;background:linear-gradient(135deg,#4c6fff,#9a5bff);color:#fff;padding:70px 0 80px}
.hp-swoosh::before{content:"";position:absolute;left:0;right:0;top:-70px;height:140px;background:inherit;transform:skewY(-6deg);transform-origin:top left;}
.hp-swoosh .container{position:relative;z-index:1}
.hp-swoosh-title{margin:0 0 8px;font-size:28px}
.hp-swoosh-desc{margin:0;opacity:.9}
.hp-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:-40px;padding-bottom:50px}
.hp-card{background:#fff;border-radius:18px;padding:18px;text-align:center;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.hp-card img,.hp-card-ph{width:100%;height:220px;border-radius:12px;margin-bottom:12px;border:1px solid #e6e9ef;object-fit:cover}
.hp-card-ph{background:radial-gradient(900px 260px at 12% 12%, rgba(255,255,255,.3), transparent 60%), linear-gradient(135deg,#f3f4f8,#ffffff);}
.hp-card h3{margin:6px 0}
.hp-card p{color:#657085;margin:0 0 8px}
.hp-card-btn{display:inline-block;background:#111827;color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;text-decoration:none}
@media (max-width:980px){.hp-title{font-size:36px}.hp-triple{grid-template-columns:1fr}}


/* UI footer + nav cleanup */
.header .nav ul, .header .nav li { list-style: none; margin: 0; padding: 0; }
.header .nav { display:none; } /* hide nav as requested */
.footer-center { text-align:center; padding:24px 0; }
.footer-links { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin:6px 0; }
.footer-links a { color:#374151; text-decoration:none; }
.footer-icp { color:#6b7280; margin-top:6px; }


/* Custom font size adjustments for site title and description */
.site-title { font-size: 20px; line-height: 1.2; font-weight: 600; }
.site-description { font-size: 14px; line-height: 1.4; color: #666; }