.hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:64px 80px;display:grid}.hero h1{font-family:var(--display);letter-spacing:-.035em;margin-top:16px;font-size:clamp(42px,6.2vw,80px);font-weight:800;line-height:.98}.hero h1 em{color:var(--signal);font-style:normal}.hero .lede{color:var(--mat-muted);max-width:32em;margin-top:22px;font-size:19px}.prompt{background:var(--card);color:var(--ink);border-radius:var(--r-md);gap:8px;margin-top:32px;padding:8px;display:flex;box-shadow:0 18px 40px -18px #00000073}.prompt input{min-width:0;font:16px var(--body);color:var(--ink);background:0 0;border:0;flex:1;padding:10px 12px}.prompt input:focus{outline:none}.prompt:focus-within{box-shadow:0 0 0 3px var(--signal),0 18px 40px -18px #00000073}.chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{border:1px solid var(--mat-line);color:var(--mat-ink);font:14px var(--body);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:6px 12px}.chip:hover{background:#ffffff24}.form-note{color:var(--signal);min-height:1.4em;margin-top:10px;font-size:14px}.hero .fine{color:var(--mat-muted);margin-top:12px}.hero .board{height:470px}.hero .p1{width:44%;top:6%;left:2%;transform:rotate(-4deg)}.hero .p2{z-index:2;width:35%;top:0;left:42%;transform:rotate(3deg)}.hero .p3{z-index:3;width:58%;top:60%;left:20%;transform:rotate(-1.5deg)}.hero .d1{top:calc(6% - 22px);left:2%}.hero .d2{top:-22px;right:23%}.hero .d3{bottom:-10px;left:20%}section.band{padding-block:96px}section.band.flush{padding-top:0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px;display:flex}.sec-head h2,.faq h2{font-family:var(--display);letter-spacing:-.03em;margin-top:10px;font-size:clamp(32px,4.2vw,50px);font-weight:800}.sec-head p{color:var(--muted);max-width:30em}.platforms{border-bottom:1px solid var(--line)}.platforms .wrap{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.plat{border-left:1px solid var(--line);flex-direction:column;gap:6px;padding:22px 16px;display:flex}.plat:last-child{border-right:1px solid var(--line)}.plat b{font-size:15px;font-weight:700}.plat .shape{align-items:flex-end;height:34px;display:flex}.plat .shape i{height:100%;aspect-ratio:var(--r);border:1.5px solid var(--ink);border-radius:3px;max-width:100%;display:block}.plat .mono{color:var(--muted)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.step{border-top:2px solid var(--ink);flex-direction:column;gap:10px;padding-top:20px;display:flex}.step .n{font:800 15px var(--display);color:var(--muted)}.step h3{font-size:23px;font-weight:700;font-family:var(--display);letter-spacing:-.015em}.step p{color:var(--muted)}.step .mono{color:var(--ink);margin-top:auto;padding-top:8px}.gallery-band .sec-head p{color:var(--mat-muted)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filters a{font:500 14px var(--body);border:1px solid var(--mat-line);color:var(--mat-ink);border-radius:999px;padding:8px 16px;text-decoration:none}.filters a:hover{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.grid{columns:4 220px;column-gap:20px}.tpl{break-inside:avoid;flex-direction:column;gap:10px;margin:0 0 24px;display:flex}.tpl .frame{position:relative}.tpl .use{opacity:0;white-space:nowrap;padding:9px 16px;font-size:14px;transition:all .18s;position:absolute;bottom:14px;left:50%;transform:translate(-50%,6px)}.tpl:hover .use,.tpl:focus-within .use{opacity:1;transform:translate(-50%)}@media (hover:none){.tpl .use{opacity:1;transform:translate(-50%)}}.tpl .meta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tpl .meta h3{font:600 15px/1.3 var(--body);min-width:0}.tpl .meta .mono{color:var(--mat-muted);white-space:nowrap}.gallery-foot{justify-content:center;margin-top:16px;display:flex}.feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:12px;padding:28px;display:flex}.feat h3{font-size:22px;font-weight:700;font-family:var(--display);letter-spacing:-.015em}.feat p{color:var(--muted)}.io{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:12px;display:flex}.io span{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:5px 9px}.io .arrow{color:var(--muted);background:0 0;border:0;padding:0}.bill{border:1px solid var(--line);background:var(--card);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.bill button{color:var(--muted);font:600 14px var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px}.bill button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.bill .save{color:inherit;opacity:.75;font-weight:500}.plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.plan{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);flex-direction:column;gap:16px;padding:26px;display:flex}.plan.featured{background:var(--mat);color:var(--mat-ink);border-color:var(--mat)}.plan .name{font-size:18px;font-weight:700;font-family:var(--body);justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.badge{font:600 12px var(--body);background:var(--signal);color:var(--signal-ink);border-radius:999px;padding:3px 10px}.price{font:800 42px/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.price small{font:400 15px var(--body);letter-spacing:0;color:var(--muted);margin-left:4px}.plan.featured .price small,.plan.featured .credits{color:var(--mat-muted)}.credits{font-family:var(--mono);color:var(--muted);font-size:13px}.plan ul{flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.plan li{padding-left:22px;position:relative}.plan li:before{content:"";border-bottom:2px solid;border-left:2px solid;width:10px;height:6px;position:absolute;top:.55em;left:2px;transform:rotate(-45deg)}.plan .btn{justify-content:center;margin-top:auto}.tax{color:var(--muted);margin-top:18px;font-size:14px}.costs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.costs .box{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);flex-direction:column;gap:12px;min-width:0;padding:24px;display:flex}.costs h3{font:700 17px var(--body)}.costs table{border-collapse:collapse;width:100%;font-size:15px}.costs th,.costs td{border-top:1px solid var(--line);text-align:left;padding:8px 0;font-weight:400}.costs td{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px;font-size:13px}.costs .only{font:600 11px var(--body);background:var(--signal);color:var(--signal-ink);white-space:nowrap;border-radius:999px;margin-left:4px;padding:2px 7px}.costs .hint{color:var(--muted);font-size:14px}.faq{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;display:grid}details{border-top:1px solid var(--line);padding-block:18px}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:17px;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:500 22px/1 var(--display);color:var(--muted)}details[open] summary:after{content:"−"}details p{color:var(--muted);max-width:40em;margin-top:10px}.closing .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding-block:80px;display:flex}.closing h2{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(32px,4.6vw,56px);font-weight:800}.closing p{color:var(--mat-muted);margin-top:10px}@media (width<=1100px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.hero .wrap{grid-template-columns:1fr;padding-block:48px 64px}.hero .board{width:100%;max-width:520px;height:410px;margin:0 auto}.platforms .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.plat:nth-child(3n){border-right:1px solid var(--line)}.plat:nth-child(-n+3){border-bottom:1px solid var(--line)}.steps,.costs{grid-template-columns:1fr}.faq{grid-template-columns:1fr;gap:24px}}@media (width<=600px){.feats,.plans{grid-template-columns:1fr}.grid{columns:2;column-gap:14px}.hero .board{height:340px}section.band{padding-block:64px}.prompt{flex-direction:column}.prompt .btn{justify-content:center}.platforms .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.plat{border-right:1px solid var(--line)}.plat:nth-child(-n+4){border-bottom:1px solid var(--line)}.plat:nth-child(2n){border-left:0}}
