:root{--navy:#10285b;--blue:#174ea6;--orange:#f35a16;--gold:#f6ae2d;--teal:#079a88;--ink:#12213f;--muted:#60708f;--cream:#fffaf2;--line:#dfe7f5;--shadow:0 18px 45px rgba(27,55,110,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#fffaf2 0%,#f5f9ff 48%,#f1fbf8 100%);color:var(--ink)}
header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(23,78,166,.12)!important;box-shadow:0 6px 24px rgba(16,40,91,.07);backdrop-filter:blur(16px)}
.logo{color:var(--navy)!important;font-weight:950!important;letter-spacing:-.7px}.logo span{color:var(--orange)!important}
button,.primary,.secondary,.ghost,.download{border-radius:14px!important;font-weight:850!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}
button:hover,.primary:hover,.secondary:hover,.download:hover{transform:translateY(-2px)}
.primary{border:0!important;background:linear-gradient(135deg,#ff7a18,#e94110)!important;color:#fff!important;box-shadow:0 10px 24px rgba(237,77,17,.27)!important}
.secondary{background:#edf4ff!important;border:1px solid #c9daf8!important;color:#1746a2!important}.ghost{background:#fff!important;border:1px solid #d8e2f3!important;color:var(--navy)!important}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 83% 25%,rgba(246,174,45,.26),transparent 27%),radial-gradient(circle at 14% 82%,rgba(7,154,136,.12),transparent 28%),linear-gradient(115deg,#fff 0%,#fff8ec 52%,#eef5ff 100%)!important;border-bottom:1px solid #e4eaf4}
.hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:70px solid rgba(243,90,22,.06);right:-130px;top:-150px}.hero h1{color:var(--navy)!important;letter-spacing:-2.2px;line-height:1.02!important}.hero h1 span{background:linear-gradient(90deg,#ef4d14,#f5a400);-webkit-background-clip:text;color:transparent!important}.badge,.section-tag{color:#a8410b!important;background:#fff1dd!important;border:1px solid #ffc671!important;border-radius:999px!important;font-weight:900!important;letter-spacing:1.2px}.lead{color:#4f6082!important}
.trust span,.dashboard-strip>div{background:rgba(255,255,255,.9)!important;border:1px solid #dce6f7!important;box-shadow:0 8px 22px rgba(20,54,110,.07);border-radius:16px!important}
.phone{background:linear-gradient(145deg,#fff,#e8effd)!important;border:10px solid #fff!important;box-shadow:0 30px 60px rgba(21,49,102,.2)!important}.phone-screen{background:linear-gradient(165deg,#f36a19,#13275b 56%,#06142f)!important}
.section{max-width:1220px!important}.section-head h2,.section-head h3{color:var(--navy)!important}.feature-grid article,.safety-grid article,.pricing article{background:rgba(255,255,255,.94)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow)!important}.feature-grid article:hover,.pricing article:hover{border-color:#f4a34d!important;transform:translateY(-4px)}
.studio{background:transparent!important}.studio-grid{gap:24px!important;align-items:start}.card{background:rgba(255,255,255,.96)!important;border:1px solid #dfe8f7!important;border-radius:24px!important;box-shadow:var(--shadow)!important}.controls{border-top:5px solid var(--orange)!important}.canvas-card{position:sticky;top:92px;background:linear-gradient(160deg,#173b79,#0b2453)!important;color:#fff!important;border:0!important}.canvas-card h3,.canvas-card .micro{color:#fff!important}.canvas-card canvas{background:#06142f!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:20px!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
#ai-workflow{background:linear-gradient(145deg,#fff9ef,#f4f8ff)!important;border:1px solid #f2d3a4!important;border-radius:20px!important;box-shadow:none!important}.ai-head b{background:linear-gradient(135deg,#174ea6,#10285b)!important;color:#fff!important;border-radius:999px!important}.video-mode{background:#fff!important;border:1px solid #dce5f4!important;border-radius:14px!important;color:var(--ink)!important}.video-mode:hover{border-color:#ff983e!important;background:#fff7ec!important}.video-mode.active{background:linear-gradient(145deg,#fff2de,#fff)!important;border:2px solid #f36a19!important;box-shadow:0 8px 18px rgba(243,90,22,.14)!important;color:#a9400b!important}.template-picker{background:linear-gradient(135deg,#fff3df,#f5f9ff)!important;border:1px solid #ffc77d!important}
input,select,textarea{border-radius:12px!important;border:1px solid #d6e0ef!important;background:#fff!important;color:var(--ink)!important;outline:none}input:focus,select:focus,textarea:focus{border-color:#3478d4!important;box-shadow:0 0 0 4px rgba(52,120,212,.12)!important}.drop{background:repeating-linear-gradient(135deg,#fffaf2,#fffaf2 12px,#fff6e8 12px,#fff6e8 24px)!important;border:2px dashed #f5a13f!important;border-radius:18px!important}.safety-check{background:#f1fbf8!important;border:1px solid #b9e6dc!important;border-radius:14px!important}.notice{color:#51627f!important}.timeline{gap:14px!important}.timeline>*{border-radius:16px!important;box-shadow:0 8px 20px rgba(20,54,110,.08)}
.download{background:linear-gradient(135deg,#0aae8f,#067c71)!important;color:#fff!important;box-shadow:0 10px 24px rgba(7,154,136,.25)!important}.popular{border:2px solid #f5a33e!important;transform:translateY(-7px)}footer{background:linear-gradient(135deg,#0b1e48,#173b79)!important;color:#eaf1ff!important}footer a{color:#ffd27a!important}
.app-shortcuts{background:rgba(255,255,255,.95)!important;border-bottom:1px solid #dce6f6!important;box-shadow:0 5px 18px rgba(16,40,91,.07)!important}.app-shortcuts button{background:#fff!important;color:var(--navy)!important;border:1px solid #d7e2f4!important}.backend-status.online{background:#e8faf5!important;color:#087665!important;border:1px solid #b9e8dd!important}
.editor-steps{background:#fff!important;border:1px solid #dfe7f5!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(20,54,110,.07)!important}.editor-step.active{background:linear-gradient(135deg,#ff7a18,#e94110)!important;color:#fff!important}
dialog{border:0!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(6,20,47,.28)!important}
@media(max-width:900px){.canvas-card{position:relative;top:auto}.hero{padding-top:34px!important}.hero h1{font-size:clamp(2.4rem,11vw,4.2rem)!important}.studio-grid{grid-template-columns:1fr!important}.popular{transform:none}.app-shortcuts{overflow-x:auto;justify-content:flex-start!important}}
@media(max-width:620px){body{background:#f8faff}.card{border-radius:18px!important}.section{padding-left:14px!important;padding-right:14px!important}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.export-row{display:grid!important;grid-template-columns:1fr!important}.export-row>*{width:100%!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.trust{display:grid!important;grid-template-columns:1fr 1fr!important}}