*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#172b40;background:#f5f9ff;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}.wrap{max-width:1150px;margin:auto;padding:0 28px}.notice{text-align:center;background:#e6f0ff;color:#315675;padding:9px;font-size:12px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.brand{font-size:26px;font-weight:800;letter-spacing:-1px}.brand span{color:#0874df}.brand img{width:34px;height:34px;object-fit:cover;object-position:left;vertical-align:middle;margin-right:7px}nav{display:flex;gap:26px;color:#53667a;font-size:14px}.btn{display:inline-block;background:#086cdb;color:white;border:0;padding:14px 22px;border-radius:10px;font-weight:700}.secondary{background:white;color:#1d3e61;border:1px solid #d1dfe9}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding:70px 0 80px}h1{font-size:clamp(40px,4.4vw,61px);line-height:1.12;letter-spacing:-2.4px;margin:20px 0 25px}h1 span{color:#086cdb}h2{font-size:38px;line-height:1.2;letter-spacing:-1.3px;margin:12px 0 20px}h3{line-height:1.3}p{color:#5a6c7e}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#53728d;text-transform:uppercase}.hero p{font-size:18px;margin-bottom:30px}.small{font-size:12px!important}.preview{background:white;border:1px solid #d7e0eb;border-radius:22px;box-shadow:0 22px 70px #163f6810;overflow:hidden}.preview-head{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e7edf5}.tag{font-size:11px;background:#eff5ff;border-radius:6px;padding:5px 9px}.preview-body{padding:27px}.prompt{background:#f5f8fd;border:1px solid #e1e8f1;border-radius:13px;padding:18px;margin:18px 0}.models{display:flex;gap:5px;flex-wrap:wrap}.models button{border:0;background:transparent;padding:9px 11px;border-radius:7px;color:#53677c;font-size:12px}.models button[aria-pressed=true]{background:#e8f2ff;color:#086cdb}.memory{background:#e1f5ef;border-radius:12px;padding:17px;color:#205e54;font-size:13px;margin:20px 0}.providers{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;padding:28px;border-top:1px solid #e0e8f2;border-bottom:1px solid #e0e8f2;font-weight:700}.section{padding:78px 0}.intro{max-width:620px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card{background:white;border:1px solid #e1e8f1;border-radius:18px;padding:27px}.card .num{font-size:12px;color:#0874df;font-weight:700}.tools{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}.tools .card{padding:22px}.tools h3{font-size:17px}.tools p{font-size:14px}.blue{background:#eaf3ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.price{font-size:46px;font-weight:800;letter-spacing:-2px}.price small{font-size:14px;letter-spacing:0;font-weight:400}details{border-bottom:1px solid #d8e3ef;padding:19px 0}summary{cursor:pointer;font-weight:700}footer{padding:35px 0;border-top:1px solid #dbe4ef;color:#688096;font-size:13px}.close{text-align:center;padding:80px 0}.workspace{display:grid;grid-template-columns:220px 1fr;min-height:70vh;margin:35px auto}.sidebar{background:#eef5ff;padding:24px;border-right:1px solid #dce6f1}.sidebar button{display:block;margin:10px 0;width:100%;text-align:left;background:white;border:1px solid #dce7f3;border-radius:8px;padding:9px}.work{padding:30px}.work textarea{width:100%;min-height:120px;padding:16px;border:1px solid #d3deec;border-radius:12px}.work select,.work input{padding:10px;border:1px solid #d3deec;border-radius:8px}.result{white-space:pre-wrap;background:#f4f8fd;border-radius:12px;padding:20px;min-height:90px}.help{position:fixed;bottom:22px;right:22px}.help-panel{position:fixed;right:22px;bottom:80px;width:min(360px,calc(100vw - 44px));padding:25px;background:white;border:1px solid #d7e4ef;border-radius:18px;box-shadow:0 18px 60px #102c4020}.help-panel textarea{width:100%;min-height:90px}.tour{border:2px solid #0874df;box-shadow:0 0 0 6px #0874df20}.tour-box{position:fixed;bottom:25px;left:25px;width:min(380px,calc(100vw - 50px));padding:22px;background:#153958;color:white;border-radius:16px;z-index:5}.tour-box p{color:#d5e6f4}dialog{border:1px solid #ccd9e8;border-radius:18px;max-width:500px}dialog::backdrop{background:#102b4066}@media(max-width:850px){.hero,.split{grid-template-columns:1fr;gap:32px}.hero{padding:35px 0 50px}.grid{grid-template-columns:1fr}.tools{grid-template-columns:repeat(2,1fr)}nav{gap:12px}nav a:first-child{display:none}.workspace{grid-template-columns:1fr}.sidebar{border:0}.sidebar button{display:inline-block;width:auto;margin:4px}.work{padding:20px}.section{padding:50px 0}}@media(max-width:450px){.wrap{padding:0 20px}.tools{grid-template-columns:1fr}header .btn{padding:9px 12px;font-size:12px}nav{display:none}h2{font-size:31px}.providers{gap:18px}.preview-body{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.brand img.original-logo{width:170px;height:auto;object-fit:contain;object-position:center;margin:0;display:block}.preview-head .brand img.original-logo{width:145px}