/* MY CODE — simple home with unified #fb5d00 brand system */

:root { --mycode-orange:#fb5d00; --mycode-orange-soft:#fff3ea; --mycode-line:#ebe3dc; }

body.home-simple-page { min-height:100vh; background:#fff !important; }

/* Header */
.home-simple-page .page-header { height:88px !important; background:rgba(255,255,255,.96) !important; border-bottom:1px solid rgba(236,231,226,.92) !important; box-shadow:none !important; backdrop-filter:blur(18px); }
.home-simple-page .header-inner { grid-template-columns:1fr auto 1fr !important; gap:28px !important; }
.home-simple-page .platform-nav { display:flex !important; align-items:center !important; gap:3px !important; padding:5px !important; border:1px solid #ece7e2 !important; border-radius:999px !important; background:rgba(255,255,255,.97) !important; box-shadow:0 7px 28px rgba(72,47,29,.04) !important; }
.home-simple-page .platform-nav a { min-width:auto !important; padding:8px 12px !important; border-radius:999px !important; color:#706b67 !important; text-decoration:none !important; font-size:13px !important; font-weight:500 !important; line-height:1 !important; letter-spacing:.01em !important; white-space:nowrap !important; }
.home-simple-page .platform-nav a:hover { background:var(--mycode-orange-soft) !important; color:var(--mycode-orange) !important; }
.home-simple-page .header-cta,.home-simple-page a.header-cta,.home-simple-page button.header-cta { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:82px !important; height:40px !important; min-height:40px !important; padding:0 18px !important; border:0 !important; border-radius:11px !important; background:var(--mycode-orange) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; text-decoration:none !important; white-space:nowrap !important; word-break:keep-all !important; line-height:1 !important; font-size:13px !important; font-weight:600 !important; letter-spacing:-.01em !important; box-shadow:0 9px 22px rgba(251,93,0,.18) !important; }

/* Hero */
.simple-home { min-height:auto; display:flex; align-items:flex-start; justify-content:center; padding:clamp(78px,9vh,118px) 24px 108px; background:radial-gradient(circle at 50% 15%,rgba(251,93,0,.10),transparent 25%),linear-gradient(180deg,#fffaf6 0%,#fff 43%); }
.simple-home-inner { width:min(980px,100%); margin:0 auto; text-align:center; }
.simple-home-heading { width:100%; max-width:820px; margin:0 auto; text-align:center; }
.simple-hero-badge { display:inline-flex; align-items:center; gap:9px; min-height:34px; padding:0 14px; margin-inline:auto; border:1px solid #f0ded2; border-radius:999px; background:rgba(255,255,255,.92); color:#7d6f65; font-size:11px; font-weight:650; letter-spacing:.09em; box-shadow:0 8px 24px rgba(85,48,24,.045); }
.simple-hero-badge span { width:8px; height:8px; border-radius:50%; background:var(--mycode-orange); box-shadow:0 0 0 5px rgba(251,93,0,.10); }
.simple-home-heading h1 { width:100%; max-width:820px; margin:28px auto 0; color:#171717; font-size:clamp(40px,4.6vw,60px); font-weight:510; line-height:1.1; letter-spacing:-.052em; text-align:center !important; }
.simple-home-heading h1 em { color:var(--mycode-orange) !important; -webkit-text-fill-color:var(--mycode-orange) !important; background:none !important; font-style:normal; }
.simple-home-heading p { max-width:680px; margin:22px auto 0; color:#77716c; font-size:17px; line-height:1.72; text-align:center; }

/* Upload — no dashed border */
.simple-upload-box { width:min(800px,100%); margin:40px auto 0; padding:10px; border:1px solid #eadfd7; border-radius:24px; background:rgba(255,255,255,.96); box-shadow:0 22px 58px rgba(65,38,20,.075),0 2px 8px rgba(46,33,22,.03); }
.simple-dropzone { width:100%; min-height:148px !important; display:grid !important; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:18px; padding:28px 30px !important; border:1px solid rgba(251,93,0,.16) !important; border-radius:17px !important; background:linear-gradient(180deg,#fff 0%,#fffaf7 100%) !important; text-align:left !important; cursor:pointer; box-shadow:inset 0 0 0 1px rgba(255,255,255,.8); transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.simple-dropzone:hover,.simple-dropzone.is-dragging { border-color:rgba(251,93,0,.48) !important; background:#fff8f3 !important; box-shadow:0 12px 30px rgba(251,93,0,.07),inset 0 0 0 1px rgba(251,93,0,.04); transform:translateY(-1px); }
.simple-dropzone .simple-plus { width:50px; height:50px; display:grid; place-items:center; border-radius:15px; background:var(--mycode-orange); color:#fff; font-size:26px; font-weight:350; line-height:1; box-shadow:0 10px 22px rgba(251,93,0,.18); }
.simple-drop-copy { display:flex; flex-direction:column; gap:4px; min-width:0; }
.simple-drop-copy strong { color:#24211f; font-size:17px; font-weight:580; line-height:1.4; }
.simple-drop-copy span { color:#918a84; font-size:13px; line-height:1.5; }
.simple-size { padding:8px 12px; border:1px solid #eee8e3; border-radius:999px; background:#f7f4f2; color:#827a74; font-size:11px; font-weight:560; white-space:nowrap; }
.simple-trial-note { margin:15px 0 0; color:#918a84; font-size:12px; line-height:1.6; text-align:center; }
.upload-notice { width:min(800px,100%); margin:14px auto 0; padding:12px 15px; border:1px solid #f1d9ca; border-radius:12px; background:#fff8f3; color:#9a4b1a; font-size:13px; line-height:1.55; text-align:left; }
.upload-notice[data-type="error"] { border-color:#f0d1cf; background:#fff7f6; color:#a33d38; }
.upload-notice[data-type="auth"] { border-color:#f0d6c5; background:#fff8f2; color:#9b4b17; }

/* Results */
.simple-result { width:min(900px,100%); margin:48px auto 0; text-align:left; }
.simple-result-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; }
.simple-result-head h2 { margin:0; color:#24211f; font-size:18px; font-weight:560; letter-spacing:-.025em; }
.simple-result-actions { display:flex; align-items:center; gap:10px; color:#958e88; font-size:12px; }
.simple-result-actions .quiet-button { min-height:30px !important; padding:0 10px !important; font-size:11px !important; }
.simple-empty { min-height:92px !important; display:flex !important; align-items:center; justify-content:center; gap:12px; border:1px solid #eee9e5 !important; border-radius:15px !important; background:#fcfbfa !important; color:#99928c; }
.simple-empty .empty-orbit { width:38px !important; height:38px !important; }
.simple-empty strong { display:block; color:#6f6964; font-size:13px !important; font-weight:550; }
.simple-empty p { margin:2px 0 0 !important; color:#aaa29c !important; font-size:11px !important; }
.simple-result-list { display:grid; gap:12px; }
.simple-result-list:empty { display:none; }
.simple-result .result-card { grid-template-columns:140px minmax(0,1fr) !important; border:1px solid #eae4df !important; border-radius:16px !important; background:#fff !important; box-shadow:0 10px 30px rgba(50,34,22,.045) !important; overflow:hidden; }
.simple-result .preview-wrap { min-height:190px !important; background:#f8f6f4 !important; }
.simple-result .card-body { padding:18px !important; }
.simple-result .card-title { font-size:15px !important; }
.simple-result .card-meta,.simple-result .card-status { font-size:11px !important; }
.simple-result .code-row { grid-template-columns:72px minmax(0,1fr) 52px !important; }
.simple-result .code-input { height:34px !important; font-size:10px !important; }
.simple-result .copy-button,.simple-result .save-button,.simple-result .remove-button { font-size:10px !important; }

/* Home content sections */
.home-grid-section { padding:108px 0; border-top:1px solid #f0ebe7; background:#fff; }
.home-service-section { background:#fff; }
.home-event-section { background:linear-gradient(180deg,#fffaf6 0%,#fff 100%); }
.home-section-heading { max-width:760px; margin-bottom:48px; }
.home-section-kicker { margin:0 0 16px; color:var(--mycode-orange); font-size:12px; font-weight:700; letter-spacing:.1em; }
.home-section-heading h2 { margin:0; color:#171717; font-size:clamp(32px,3.3vw,46px); font-weight:510; line-height:1.16; letter-spacing:-.047em; }
.home-three-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.home-info-card,.home-event-card { position:relative; min-height:290px; padding:30px; border:1px solid #ebe4df; border-radius:20px; background:#fff; }
.home-info-card.is-accent { background:linear-gradient(180deg,#fff7f1 0%,#fff 70%); border-color:rgba(251,93,0,.34); }
.home-info-card > span,.event-label { color:var(--mycode-orange); font-size:11px; font-weight:700; letter-spacing:.09em; }
.home-info-card h3,.home-event-card h3 { margin:54px 0 14px; color:#171717; font-size:clamp(21px,1.8vw,27px); font-weight:540; line-height:1.3; letter-spacing:-.036em; }
.home-info-card p,.home-event-card p { margin:0; color:#6f6964; font-size:15px; line-height:1.75; }
.event-heading { margin-bottom:48px; }
.home-event-card { min-height:320px; display:flex; flex-direction:column; }
.event-index { position:absolute; top:26px; right:28px; color:#d9d1ca; font-size:30px; font-weight:500; letter-spacing:-.04em; }
.home-event-card h3 { margin-top:66px; }
.home-event-card a { margin-top:auto; padding-top:30px; color:var(--mycode-orange); font-size:13px; font-weight:600; text-decoration:none; }
.home-event-card.is-orange { border-color:var(--mycode-orange); background:var(--mycode-orange); }
.home-event-card.is-orange .event-index { color:rgba(255,255,255,.36); }
.home-event-card.is-orange .event-label,.home-event-card.is-orange h3,.home-event-card.is-orange p,.home-event-card.is-orange a { color:#fff; }

.global-upload-notice { position:fixed; left:50%; bottom:28px; z-index:1000; width:min(560px,calc(100% - 32px)); transform:translateX(-50%); padding:14px 16px; border:1px solid #f0d4c4; border-radius:14px; background:rgba(255,250,246,.98); color:#934517; box-shadow:0 18px 50px rgba(53,33,20,.13); font-size:13px; line-height:1.55; }
.global-upload-notice[data-type="error"] { border-color:#efcfcd; background:rgba(255,248,247,.98); color:#9f3c36; }

@media (max-width:900px) { .home-three-grid { grid-template-columns:1fr; } .home-info-card,.home-event-card { min-height:auto; } .home-info-card h3,.home-event-card h3 { margin-top:42px; } }
@media (max-width:760px) {
  .home-simple-page .header-inner { grid-template-columns:1fr auto !important; }
  .home-simple-page .platform-nav { display:none !important; }
  .home-simple-page .page-header { height:72px !important; }
  .home-simple-page .header-cta,.home-simple-page a.header-cta,.home-simple-page button.header-cta { min-width:72px !important; height:38px !important; min-height:38px !important; padding:0 14px !important; }
  .simple-home { padding:66px 16px 78px; }
  .simple-home-heading h1 { font-size:clamp(36px,10.5vw,48px); }
  .simple-home-heading p { font-size:15px; }
  .simple-hero-badge { font-size:9px; padding:0 11px; }
  .simple-upload-box { margin-top:32px; padding:8px; border-radius:20px; }
  .simple-dropzone { min-height:148px !important; grid-template-columns:44px 1fr; gap:13px; padding:20px !important; }
  .simple-dropzone .simple-plus { width:44px; height:44px; border-radius:13px; }
  .simple-size { grid-column:2; justify-self:start; }
  .simple-result { margin-top:36px; }
  .simple-result .result-card { grid-template-columns:1fr !important; }
  .simple-result .preview-wrap { min-height:170px !important; border-right:0 !important; border-bottom:1px solid #eee8e3; }
  .simple-result .code-row { grid-template-columns:1fr 50px !important; }
  .simple-result .code-label { grid-column:1 / -1; }
  .home-grid-section { padding:78px 0; }
  .home-section-heading { margin-bottom:32px; }
  .home-info-card,.home-event-card { padding:24px 20px; border-radius:16px; }
}