/* Showcase: plum-ink night, sealing-wax pink, gold. Phones are the stars. */
:root{
  --ground:#0f0c16; --surface:#191425; --surface-2:#221b31;
  --edge:rgba(255,255,255,.1); --edge-hi:rgba(255,255,255,.22);
  --text:#f6f1ff; --muted:#b1a7c4; --dim:#7d7391;
  --wax:#ff4f7b; --wax-2:#ff86a4; --wax-ink:#2b0412;
  --gold:#ffc65c;
  --paper:#f1ebff; --paper-ink:#1b1328;
  --ok:#5ad48f; --bad:#ff7a7a;
  --display:"Bricolage Grotesque", system-ui, sans-serif;
  --body:"Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"JetBrains Mono", ui-monospace, Consolas, monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:84px}
html,body{margin:0}
body{background:var(--ground); color:var(--text); font:16px/1.6 var(--body); overflow-x:hidden;
  padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px)}
a{color:inherit}
[hidden]{display:none!important}

.bg{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden}
.bg i{position:absolute; border-radius:50%; filter:blur(90px)}
.b1{width:48vmax; height:48vmax; left:-16vmax; top:-18vmax; background:radial-gradient(circle, rgba(255,79,123,.45), transparent 65%); animation:d1 24s ease-in-out infinite alternate}
.b2{width:42vmax; height:42vmax; right:-16vmax; top:30vh; background:radial-gradient(circle, rgba(123,97,255,.4), transparent 65%); animation:d2 28s ease-in-out infinite alternate}
.b3{width:34vmax; height:34vmax; left:20vw; bottom:-20vmax; background:radial-gradient(circle, rgba(255,198,92,.22), transparent 65%); animation:d1 32s ease-in-out infinite alternate-reverse}
@keyframes d1{to{transform:translate(10vmax,8vmax) scale(1.1)}}
@keyframes d2{to{transform:translate(-8vmax,-10vmax) scale(1.15)}}

.wrap{position:relative; z-index:1; width:100%; max-width:1180px; margin:0 auto; padding-inline:20px}
main,footer{position:relative; z-index:1}

/* ---------- buttons ---------- */
.btn{position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font:600 16px var(--body); text-decoration:none; border:1px solid transparent; border-radius:14px; padding:13px 22px; cursor:pointer;
  transition:translate .2s var(--ease), background .2s, box-shadow .25s, border-color .2s; white-space:nowrap}
.btn:hover{translate:0 -2px}
.btn:active{translate:0 1px}
.btn:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.btn::after{content:""; position:absolute; top:0; bottom:0; width:40%; left:-60%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent); transform:skewX(-20deg)}
.btn:hover::after{animation:sweep .7s ease}
@keyframes sweep{to{left:130%}}
.btn-primary{background:linear-gradient(135deg, var(--wax-2), var(--wax) 55%, #e5306a); color:#fff; box-shadow:0 12px 30px -12px var(--wax)}
.btn-ghost{background:rgba(255,255,255,.06); color:var(--muted); border-color:var(--edge)}
.btn-light{background:var(--paper-ink); color:var(--paper)}
.btn-dark{background:var(--surface-2); color:var(--text); border-color:var(--edge-hi)}
.btn-sm{padding:9px 16px; font-size:14px; border-radius:12px}
.btn-block{width:100%}
.btn:disabled{opacity:.6; cursor:progress}

/* ---------- nav ---------- */
.nav{position:sticky; top:env(safe-area-inset-top,0px); z-index:30; display:flex; align-items:center; gap:20px;
  max-width:1180px; margin:12px auto 0; padding:10px 10px 10px 16px; width:calc(100% - 24px);
  background:rgba(25,20,37,.62); border:1px solid var(--edge); border-radius:18px;
  -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%)}
.brand{display:inline-flex; align-items:center; gap:10px; font:800 19px var(--display); text-decoration:none; letter-spacing:-.01em}
.seal{display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:radial-gradient(circle at 35% 30%, var(--wax-2), var(--wax) 60%, #b81e4d); font-size:16px; box-shadow:0 6px 16px -6px var(--wax)}
.links{display:flex; gap:22px; margin-left:auto}
.links a{text-decoration:none; color:var(--muted); font-size:15px; font-weight:500}
.links a:hover{color:var(--text)}
.links a:focus-visible{outline:2px solid var(--gold); outline-offset:4px; border-radius:4px}
@media (max-width:760px){ .links{display:none} .nav .btn{margin-left:auto} }

/* ---------- type ---------- */
.kicker{margin:0; font:500 12px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--gold)}
h1,h2,h3{font-family:var(--display); margin:0; text-wrap:balance; letter-spacing:-.02em}
h1{font-size:clamp(40px, 6.4vw, 76px); line-height:.98; font-weight:800}
h2{font-size:clamp(30px, 4.2vw, 48px); line-height:1.04; font-weight:800}
h3{font-size:20px; line-height:1.2; font-weight:600}
.ink{color:var(--wax); position:relative; white-space:nowrap}
.ink::after{content:""; position:absolute; left:-2%; right:-2%; top:52%; height:.09em; background:var(--gold); rotate:-4deg; border-radius:2px;
  transform-origin:left; animation:strike .6s 1s var(--ease) both}
@keyframes strike{from{transform:scaleX(0)}}
.lead{margin:0; font-size:clamp(17px,1.6vw,19px); color:var(--muted); max-width:52ch}
.sub{margin:0; color:var(--muted); max-width:56ch}

/* ---------- hero ---------- */
.hero{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:40px; align-items:center; padding-block:56px 40px}
.hero-copy{display:grid; gap:22px; justify-items:start}
.hero-copy > *{animation:rise .8s var(--ease) both}
.hero-copy > :nth-child(2){animation-delay:.08s} .hero-copy > :nth-child(3){animation-delay:.16s} .hero-copy > :nth-child(4){animation-delay:.24s}

.try{position:relative; width:100%; max-width:480px; padding:18px; border-radius:20px; background:rgba(255,255,255,.04); border:1px dashed var(--edge-hi)}
.try-q{margin:0 0 12px; font-weight:600}
.try-row{position:relative; display:flex; gap:10px; align-items:center; min-height:120px; align-content:center; flex-wrap:wrap}
.try-row .btn-ghost.flee{position:absolute; transition:left .25s var(--ease), top .25s var(--ease), rotate .25s}
.try-taunt{margin:6px 0 0; min-height:1.5em; font:500 13px var(--mono); color:var(--gold)}
.try-taunt.shake{animation:shake .4s}
@keyframes shake{20%,60%{translate:-5px 0} 40%,80%{translate:5px 0}}

.hero-phone{display:grid; justify-items:center; gap:12px; animation:rise 1s .2s var(--ease) both}
.phone-cap{margin:0; font:500 12px var(--mono); color:var(--dim); letter-spacing:.08em; text-transform:uppercase}

/* ---------- phone frame (iframe scaled from a 390px viewport) ---------- */
.phone{--w:320px; width:var(--w); max-width:100%; padding:10px; border-radius:44px; background:linear-gradient(145deg,#2a2338,#0c0a12);
  border:1px solid var(--edge-hi); box-shadow:0 40px 90px -30px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.15)}
.hero .phone{--w:340px; rotate:3deg; transition:rotate .5s var(--ease)}
.hero .phone:hover{rotate:0deg}
.phone-screen{position:relative; width:100%; aspect-ratio:390 / 800; border-radius:34px; overflow:hidden; background:#000}
.phone-screen iframe{position:absolute; left:0; top:0; width:390px; height:800px; border:0; transform-origin:0 0; transform:scale(var(--s, .8))}

/* ---------- sections ---------- */
.section{padding-block:72px}
.section-head{display:grid; gap:12px; margin-bottom:32px; justify-items:start}

/* ---------- coverflow carousel ---------- */
#namunalar{padding-bottom:8px}
.carousel{position:relative; z-index:1; padding-block:10px 72px; overflow:hidden; --card-w:300px}
.stage{position:relative; height:var(--stage-h, 760px); touch-action:pan-y; cursor:grab; user-select:none; -webkit-user-select:none; outline:none}
.stage.dragging{cursor:grabbing}
.stage:focus-visible .tpl.is-center{outline:2px solid var(--gold); outline-offset:6px}
.stage .tpl{position:absolute; top:24px; left:50%; width:var(--card-w); margin-left:calc(var(--card-w) / -2);
  transform:translateX(var(--x, 0px)) scale(var(--sc, 1)); transform-origin:50% 60%;
  z-index:var(--z, 1); opacity:var(--op, 1); filter:brightness(var(--br, 1)) saturate(var(--sat, 1));
  transition:transform .7s var(--ease), opacity .7s var(--ease), filter .7s var(--ease), border-color .3s, box-shadow .5s;
  will-change:transform}
.stage.dragging .tpl{transition:none}
.stage .tpl:not(.is-center) .tpl-actions{pointer-events:none}
.stage .tpl:not(.is-center) .tpl-open{display:none}
.stage .tpl.is-center{box-shadow:0 40px 90px -30px rgba(0,0,0,.95), 0 0 0 1px var(--edge-hi)}
.stage .tpl.is-far{visibility:hidden}
.tpl{display:grid; gap:14px; padding:14px 14px 18px; border-radius:26px; background:var(--surface); border:1px solid var(--edge)}
.tpl.selected{border-color:var(--wax)}
.stage .tpl.is-center.selected{box-shadow:0 40px 90px -30px rgba(0,0,0,.95), 0 0 0 3px rgba(255,79,123,.35)}

.carousel-controls{display:flex; align-items:center; justify-content:center; gap:18px; margin-top:8px}
.arrow{display:grid; place-items:center; width:46px; height:46px; border-radius:50%; font-size:18px; color:var(--text); cursor:pointer;
  background:rgba(255,255,255,.06); border:1px solid var(--edge); transition:background .2s, translate .2s var(--ease)}
.arrow:hover{background:rgba(255,255,255,.12)}
#prevTpl:hover{translate:-3px 0} #nextTpl:hover{translate:3px 0}
.arrow:focus-visible,.dot:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.dots{display:flex; gap:8px; align-items:center}
.dot{position:relative; width:10px; height:10px; padding:0; border-radius:99px; border:0; background:rgba(255,255,255,.2); cursor:pointer; overflow:hidden; transition:width .4s var(--ease), background .3s}
.dot[aria-selected="true"]{width:42px; background:rgba(255,255,255,.18)}
.dot[aria-selected="true"]::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, var(--wax), var(--gold)); transform-origin:left; animation:dotfill var(--auto-ms, 4200ms) linear both}
.carousel.is-paused .dot[aria-selected="true"]::after{animation:none}
@keyframes dotfill{from{transform:scaleX(0)}}
.drag-hint{margin:14px 0 0; text-align:center; font:500 12px var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--dim)}

@media (max-width:620px){ .carousel{--card-w:250px; padding-bottom:56px} .stage .tpl{top:12px} }
.tpl .phone{--w:100%; border-radius:32px; padding:7px}
.tpl .phone-screen{border-radius:26px; aspect-ratio:390 / 640}
.tpl .phone-screen iframe{pointer-events:none}
.tpl-open{position:absolute; inset:0; z-index:2; display:grid; place-items:end center; padding:16px; text-decoration:none; opacity:0; transition:opacity .25s;
  background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,.65))}
.tpl-open span{font-weight:600; font-size:14px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px)}
.tpl .phone-screen:hover .tpl-open,.tpl-open:focus-visible{opacity:1}
.tpl-open:focus-visible{outline:2px solid var(--gold); outline-offset:-4px}
.tpl-body{display:grid; gap:4px; padding-inline:6px}
.tpl-title{display:flex; align-items:center; gap:10px}
.tpl-dots{display:inline-flex}
.tpl-dots i{width:14px; height:14px; border-radius:50%; border:2px solid var(--surface); margin-left:-5px}
.tpl-dots i:first-child{margin-left:0}
.tpl-body p{margin:0; color:var(--muted); font-size:14px}
.tpl-actions{display:flex; gap:8px; padding-inline:6px}
.tpl-actions .btn{flex:1; padding:10px 12px; font-size:14px}

/* Custom-design tile in the gallery */
.tpl-unique{align-content:center; justify-items:start; gap:14px; padding:28px; background:
  radial-gradient(circle at 20% 15%, rgba(255,79,123,.25), transparent 50%),
  radial-gradient(circle at 85% 90%, rgba(255,198,92,.2), transparent 50%), var(--surface); border-style:dashed}
.tpl-unique .big{font:800 clamp(28px,3vw,36px)/1.05 var(--display); letter-spacing:-.02em}
.tpl-unique p{margin:0; color:var(--muted)}


/* ---------- how ---------- */
.how{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; counter-reset:none}
.how li{position:relative; padding:26px 24px; border-radius:22px; background:var(--surface); border:1px solid var(--edge); display:grid; gap:10px; align-content:start}
.how p{margin:0; color:var(--muted)}
.how-n{font:800 54px/1 var(--display); color:transparent; -webkit-text-stroke:1.5px var(--wax); letter-spacing:-.04em}
.how li:not(:last-child)::after{content:"→"; position:absolute; right:-16px; top:40px; z-index:1; font-size:18px; color:var(--dim)}
@media (max-width:820px){ .how{grid-template-columns:1fr} .how li:not(:last-child)::after{content:none} }

.perks{list-style:none; margin:28px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--edge)}
.perks li{display:grid; gap:4px; padding:20px 18px 4px 0}
.perks li + li{padding-left:18px; border-left:1px solid var(--edge)}
.perks b{font-weight:600}
.perks span{color:var(--muted); font-size:14px}
@media (max-width:900px){ .perks{grid-template-columns:repeat(2,1fr)} .perks li:nth-child(3){padding-left:0; border-left:0} }
@media (max-width:520px){ .perks{grid-template-columns:1fr} .perks li,.perks li + li{padding-left:0; border-left:0; border-bottom:1px solid var(--edge); padding-bottom:16px} }

/* ---------- unique band (the one light surface) ---------- */
.unique{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px 40px; align-items:end; padding:40px; border-radius:30px;
  background:var(--paper); color:var(--paper-ink); overflow:hidden; position:relative}
.unique::before{content:"💌"; position:absolute; right:-10px; top:-30px; font-size:160px; opacity:.1; rotate:-14deg}
.unique .kicker{color:#b1204f}
.unique h2{margin-block:10px}
.unique p{margin:0; max-width:56ch; color:#4a3d5e}
@media (max-width:760px){ .unique{grid-template-columns:1fr; padding:28px 22px} .unique .btn{white-space:normal} }

/* ---------- forms ---------- */
.order-grid,.contact-grid{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:40px; align-items:start}
.sticky-head{position:sticky; top:100px}
@media (max-width:900px){ .order-grid,.contact-grid{grid-template-columns:1fr; gap:8px} .sticky-head{position:static} }

.card{background:var(--surface); border:1px solid var(--edge); border-radius:26px}
.form{display:grid; gap:16px; padding:26px}
.row2{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px}
.field{display:grid; gap:6px; font-size:14px; font-weight:600; color:var(--muted)}
.field input,.field textarea{width:100%; font:500 16px var(--body); color:var(--text); background:rgba(0,0,0,.25);
  border:1px solid var(--edge); border-radius:14px; padding:12px 14px; transition:border-color .2s, box-shadow .2s}
.field textarea{resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:var(--dim)}
.field input:focus,.field textarea:focus{outline:none; border-color:var(--wax); box-shadow:0 0 0 4px rgba(255,79,123,.18)}
.field.invalid input,.field.invalid textarea{border-color:var(--bad)}
.hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}
.form-msg{margin:0; min-height:1.4em; font-size:14px}
.form-msg.ok{color:var(--ok)} .form-msg.err{color:var(--bad)}

.designs{border:0; margin:0; padding:0; display:grid; gap:10px}
.designs legend{font-size:14px; font-weight:600; color:var(--muted); margin-bottom:10px; padding:0}
.design-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px}
.dopt{position:relative; display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; cursor:pointer;
  background:rgba(0,0,0,.2); border:1px solid var(--edge); transition:border-color .2s, background .2s}
.dopt:hover{border-color:var(--edge-hi)}
.dopt input{position:absolute; opacity:0; pointer-events:none}
.dopt .sw{flex:none; width:28px; height:28px; border-radius:9px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.dopt span{font-size:14px; font-weight:600; line-height:1.25}
.dopt:has(input:checked){border-color:var(--wax); background:rgba(255,79,123,.1)}
.dopt:has(input:focus-visible){outline:2px solid var(--gold); outline-offset:2px}

.success{display:grid; gap:12px; justify-items:start; padding:32px 26px; animation:rise .5s var(--ease) both}
.success .tick{display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:rgba(90,212,143,.15); color:var(--ok); font-size:26px; animation:pop .5s var(--ease) both}
.success p{margin:0; color:var(--muted)}
@keyframes pop{0%{transform:scale(0)} 70%{transform:scale(1.15)} 100%{transform:scale(1)}}

/* ---------- contact ---------- */
.channels{display:grid; gap:10px; width:100%; margin-top:10px}
.channel{display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:18px; text-decoration:none;
  background:var(--surface); border:1px solid var(--edge); transition:border-color .2s, translate .2s var(--ease)}
.channel:hover{border-color:var(--edge-hi); translate:4px 0}
.channel:focus-visible{outline:2px solid var(--gold); outline-offset:2px}
.channel .ic{display:grid; place-items:center; width:40px; height:40px; border-radius:12px; font:700 13px var(--mono); color:#fff; flex:none}
.channel b{display:block; font-weight:600}
.channel small{color:var(--muted); font-size:13px}
.hours{margin:6px 0 0; color:var(--dim); font-size:14px}

/* ---------- footer ---------- */
.foot{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-block:32px 40px; margin-top:40px; border-top:1px solid var(--edge); color:var(--dim); font-size:14px}
.foot-tag{font-family:var(--mono); font-size:12px}

@media (max-width:900px){
  .hero{grid-template-columns:1fr; padding-block:36px 20px; gap:36px}
  .hero .phone{--w:300px; rotate:0deg}
}
@media (max-width:420px){ .wrap{padding-inline:16px} .form{padding:20px 16px} }

@keyframes rise{from{opacity:0; transform:translateY(18px)}}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation:none!important; transition:none!important} }

/* ---------- ceremonies band (links to /toy) ---------- */
.toy-band{position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px 40px; align-items:end; margin-top:24px; padding:40px;
  border-radius:30px; text-decoration:none; color:#f3e6c4; background:radial-gradient(90% 120% at 100% 0, rgba(212,175,106,.28), transparent 60%), #120e08;
  border:1px solid rgba(212,175,106,.35); transition:translate .3s var(--ease), box-shadow .3s}
.toy-band:hover{translate:0 -3px; box-shadow:0 30px 70px -30px rgba(212,175,106,.35)}
.toy-band:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.toy-band::after{content:"&"; position:absolute; right:28%; top:-60px; font:italic 500 260px/1 "Cormorant Garamond", Georgia, serif; color:rgba(212,175,106,.1); pointer-events:none}
.toy-band .kicker{color:#d4af6a}
.toy-band h2{margin-block:10px; max-width:20ch}
.toy-band p{margin:0; max-width:56ch; color:#bfae8a}
.toy-band .btn-light{background:#d4af6a; color:#1a1308}
@media (max-width:760px){ .toy-band{grid-template-columns:1fr; padding:28px 22px} }

/* ---------- hero: interactive + wedding phones side by side ---------- */
.hero-phones{position:relative; display:flex; justify-content:center; align-items:flex-start; padding-block:10px 0; animation:rise 1s .2s var(--ease) both}
.hero-phones .hero-phone{margin:0; position:relative; display:grid; justify-items:center; gap:12px; animation:none; transition:rotate .5s var(--ease), translate .5s var(--ease)}
.hero-phones .phone{--w:clamp(210px, 20vw, 275px); rotate:0deg}
.hp-toy{rotate:-6deg; margin-right:-64px; margin-top:46px; z-index:1}
.hp-fun{rotate:4deg; z-index:2}
.hero-phones .hero-phone:hover{rotate:0deg; translate:0 -6px; z-index:3}
.hp-toy .phone{background:linear-gradient(145deg,#3a2f1c,#0d0b08); border-color:rgba(212,175,106,.35)}
.phone-cap a{color:inherit; text-decoration:none}
.phone-cap a:hover{color:var(--text)}
.hp-toy .phone-cap a{color:#d4af6a}
@media (max-width:900px){
  .hero-phones{padding-bottom:10px}
  .hero-phones .phone{--w:min(46vw, 250px)}
  .hp-toy{margin-right:-36px; margin-top:34px}
}

/* phone previews in carousels are 640px tall; the demo lays out to that height */
.tpl .phone-screen iframe{height:640px}

/* ---------- wedding carousel ---------- */
.toy-head{padding-bottom:8px}
.kicker-gold{color:#d4af6a}
.carousel-toy .tpl{background:linear-gradient(180deg, #1b1610, var(--surface) 70%); border-color:rgba(212,175,106,.18)}
.carousel-toy .tpl .phone{background:linear-gradient(145deg,#2f271a,#0c0a07); border-color:rgba(212,175,106,.28)}
.carousel-toy .stage .tpl.is-center{box-shadow:0 40px 90px -30px rgba(0,0,0,.95), 0 0 0 1px rgba(212,175,106,.45)}
.carousel-toy .dot[aria-selected="true"]::after{background:linear-gradient(90deg, #b8893e, #f3dca6)}
.carousel-toy .drag-hint a{color:#d4af6a; text-decoration:none}
.carousel-toy .drag-hint a:hover{text-decoration:underline}
.btn-gold{background:linear-gradient(135deg, #f3dca6, #d4af6a 55%, #b8893e); color:#1a1308; box-shadow:0 12px 30px -14px #d4af6a}
.tpl-unique-toy{background:radial-gradient(circle at 20% 15%, rgba(212,175,106,.25), transparent 50%), radial-gradient(circle at 85% 90%, rgba(181,86,107,.2), transparent 50%), var(--surface); border-color:rgba(212,175,106,.3)}
.tpl-unique-toy .kicker{color:#d4af6a}