.v270{
    
    --accent-soft:rgba(61,107,140,.12);
    --accent-line:rgba(61,107,140,.28);
    
    --accent-text:#2f5470;
    --on-accent:#ffffff;
    --ink:#15161a;
    --ink-2:#4a4d57;
    --ink-3:#8b8f9c;
    --paper:#fbfaf8;
    --paper-2:#f2f0ec;
    --line:#e3e0da;
    --serif:"Newsreader",Georgia,"Times New Roman",serif;
    --sans:'ICR Sans',Helvetica,Arial,sans-serif;
    --mono:'ICR Mono',ui-monospace,Menlo,monospace;
    --globe-line:#ffffff;
    --shadow:0 1px 2px rgba(20,22,26,.04),0 8px 24px rgba(20,22,26,.06);
    --shadow-lg:0 2px 4px rgba(20,22,26,.05),0 24px 60px rgba(20,22,26,.12);
  }
.v270 *{box-sizing:border-box;margin:0;padding:0}
.v270{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.v270{
    font-family:var(--sans);
    background-color:var(--paper-2);
    background-image:linear-gradient(to bottom, var(--accent-wash,rgba(61,107,140,.26)) 0%, rgba(255,255,255,0) 100%);
    background-repeat:no-repeat;
    background-size:100% var(--wash-h, 1800px);
    background-attachment:scroll;
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
    line-height:1.55;
  }
.v270 .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.v270 .eyebrow{
    font-size:11px;letter-spacing:.18em;text-transform:uppercase;
    color:var(--ink-3);font-weight:600;
  }
.v270 h1, .v270 h2, .v270 h3{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;line-height:1.12}
.v270 #front{display:none;padding:34px 0 64px}
.v270.front-on #front{display:block}
.v270.front-on #studio, .v270.front-on #sheet, .v270.front-on #learn, .v270.front-on #review, .v270.front-on #registry, .v270.front-on .pager{display:none!important}
.v270 .front-wrap{max-width:37rem;margin:0 auto;padding:0 22px}
.v270 .fs{display:none}
.v270 .fs.on{display:block}
.v270 .fs-hook{
    font-family:var(--serif);font-size:clamp(27px,6.4vw,40px);line-height:1.18;
    letter-spacing:-.015em;color:var(--ink);margin:0 0 18px;
  }
.v270 .fs-lede{
    font-family:var(--serif);font-style:italic;
    font-size:clamp(18px,4.2vw,23px);line-height:1.42;
    color:var(--ink-2);margin:0 0 30px;
  }
.v270 .fs-p{
    font-size:clamp(16px,3.9vw,17.5px);line-height:1.68;color:var(--ink-2);
    margin:0 0 17px;
  }
.v270 .fs-p b{color:var(--ink);font-weight:600}
.v270 .fs-h{
    font-family:var(--serif);font-style:italic;font-weight:400;
    font-size:clamp(20px,4.6vw,25px);color:var(--ink);
    margin:36px 0 14px;
  }
.v270 .fs-close{
    font-family:var(--serif);font-style:italic;
    font-size:clamp(19px,4.5vw,24px);line-height:1.4;color:var(--ink);
    margin:34px 0 0;
  }
.v270 .issued{
    width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);
    padding:46px max(22px, calc(50vw - 590px)) 8px;
    
    position:relative;z-index:6;background:var(--paper);
  }
.v270 .issued-h{
    font-family:var(--serif);font-weight:400;font-size:clamp(21px,3.4vw,28px);
    margin:0 0 4px;text-align:center;color:var(--ink);
  }
.v270 .issued-sub{margin:0 0 22px;text-align:center;color:var(--ink-3);font-size:14.5px}
.v270 .issued-rail{
    display:flex;gap:18px;overflow-x:auto;padding:4px 2px 18px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  }
.v270 .issued-rail::-webkit-scrollbar{height:6px}
.v270 .issued-rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.v270 .ic{
    flex:0 0 auto;width:124px;scroll-snap-align:start;text-decoration:none;color:inherit;
    display:block;
  }
.v270 .ic img{
    display:block;width:100%;height:auto;border-radius:3px;
    box-shadow:0 1px 3px rgba(21,22,26,.12), 0 6px 18px rgba(21,22,26,.07);
    transition:transform .18s ease, box-shadow .18s ease;
  }
.v270 .ic:hover img{transform:translateY(-3px);
    box-shadow:0 2px 6px rgba(21,22,26,.14), 0 12px 26px rgba(21,22,26,.10)}
.v270 .ic-cap{margin:11px 0 0;display:flex;align-items:baseline;gap:7px}
.v270 .ic-sw{width:11px;height:11px;border-radius:2px;flex:0 0 auto;
    box-shadow:inset 0 0 0 1px rgba(21,22,26,.18);position:relative;top:1px}
.v270 .ic-nm{font-family:var(--serif);font-size:13px;line-height:1.18;color:var(--ink)}
.v270 .ic-meta{margin:3px 0 0;font-size:10px;color:var(--ink-3);
    font-family:var(--mono,ui-monospace,Menlo,monospace)}
.v270 .issued-note{margin:2px 0 0;text-align:center;color:var(--ink-3);font-size:12.5px}
@media(max-width:1099px){.v270 .issued{padding:34px 0 6px}
.v270 .issued-h, .v270 .issued-sub, .v270 .issued-note{padding:0 22px}
.v270 .issued-rail{padding-left:22px;padding-right:22px;gap:14px}
.v270 .ic{width:112px}}
.v270 .front-end{margin-top:44px;padding-top:38px;border-top:1px solid var(--line);text-align:center}
.v270 .fc{
    position:relative;width:min(300px,78%);margin:0 auto 30px;
    aspect-ratio:1 / 1.41421356;min-height:0;
    background:#fff;border:1px solid var(--line);border-radius:3px;
    box-shadow:var(--shadow-lg);
    display:flex;flex-direction:column;align-items:center;
    padding:7% 8%;overflow:hidden;
  }
.v270 .fc-crest{
    font-size:8px;letter-spacing:.24em;text-transform:uppercase;
    color:var(--ink-3);margin-bottom:7%;
  }
.v270 .fc-block{
    width:62%;aspect-ratio:1 / 1.1;background:#7FA89B;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);margin-bottom:8%;
  }
.v270 .fc-lead{font-size:8.5px;color:var(--ink-3);margin-bottom:4%}
.v270 .fc-name{
    font-family:var(--serif);font-style:italic;font-size:16px;
    line-height:1.15;color:var(--ink);margin-bottom:7%;text-align:center;
  }
.v270 .fc-owner{
    font-family:var(--serif);font-style:italic;font-size:12.5px;
    color:var(--ink-2);margin-bottom:auto;
  }
.v270 .fc-meta{
    display:flex;gap:9px;flex-wrap:wrap;justify-content:center;
    font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;
    font-size:7.5px;letter-spacing:.05em;color:var(--ink-3);
    padding-top:6%;border-top:1px solid var(--line);width:100%;
  }
.v270 .fc-mark{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-size:26px;letter-spacing:.3em;text-transform:uppercase;
    color:rgba(21,22,26,.07);transform:rotate(-24deg);pointer-events:none;
  }
.v270 .front-go{
    font:inherit;font-size:clamp(15px,3.8vw,16.5px);cursor:pointer;
    border-radius:100px;padding:16px 30px;max-width:100%;
    border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:600;
    line-height:1.3;transition:box-shadow .15s;
  }
.v270 .front-go:hover{box-shadow:var(--shadow-lg)}
.v270 .front-sub{margin:12px 0 0;font-size:13.5px;color:var(--ink-3)}
.v270 .front-alt{margin:10px 0 0}
.v270 .front-alt button{
    font:inherit;font-size:13px;background:none;border:0;cursor:pointer;
    color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;padding:6px;
  }
.v270 .front-alt button:hover{color:var(--ink-2)}
@media (max-width:1099px){.v270 .steprail{
      position:sticky;top:0;z-index:20;
      display:flex;gap:7px;align-items:center;
      margin:0 -22px 16px;padding:10px 22px 11px;
      overflow-x:auto;-webkit-overflow-scrolling:touch;
      scrollbar-width:none;
      background:var(--paper-2);border-bottom:1px solid var(--line);
    }
.v270 .steprail::-webkit-scrollbar{display:none}
.v270 .steprail::after{display:none}
.v270 .sr-b{
      flex:0 0 auto;font-size:12.5px;padding:6px 13px;border-radius:100px;
      border:1px solid var(--line);background:#fff;color:var(--ink-3);cursor:pointer;
    }
.v270 .sr-b.on{border-color:var(--accent-text);color:var(--ink);font-weight:600}
.v270 .stepnext{display:flex;justify-content:center;margin:26px 0 0}
.v270 .stepnext button{
      font:inherit;font-size:15px;cursor:pointer;border-radius:100px;
      padding:13px 30px;border:1px solid var(--ink);background:var(--ink);
      color:#fff;font-weight:600;
    }}
@media (min-width:1100px){.v270 #front{padding:56px 0 88px}
.v270 .front-wrap{padding:0 22px}
.v270 .front-wrap{max-width:40rem}
.v270 .fs-hook{font-size:44px;margin-bottom:22px}
.v270 .fs-lede{font-size:24px;margin-bottom:36px}
.v270 .fs-p{font-size:18px;line-height:1.72}
.v270 .front-end{margin-top:56px;padding-top:48px}
.v270 .fc{width:340px}
.v270 .fc-name{font-size:18px}}
.v270 .name-box{
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:16px 16px 14px;box-shadow:var(--shadow);
    display:flex;flex-direction:column;
  }
.v270 .reg-head{display:flex;align-items:baseline;margin:14px 0 4px}
.v270 .nb-top{
    margin:0 0 12px;font-size:12px;line-height:1.45;color:var(--ink-3);
    padding-bottom:9px;border-bottom:1px solid var(--line);
  }
.v270 #nameBox .name-row, .v270 #nameBox #sugNote, .v270 #nameBox .slider-row.for-row, .v270 #nameBox .note-box{
    background:none !important;border:0 !important;border-radius:0 !important;
    box-shadow:none !important;margin:0 !important;padding:0 !important;
  }
.v270 #nameBox #nameBoxLab{order:2}
.v270 #nameBox .name-row{order:3}
.v270 #nameBox #sugNote{order:4}
.v270 #nameBox .nb-top{order:0}
.v270 #nameBox .reg-head{order:4}
.v270 #nameBox .slider-row.for-row{order:5}
.v270 #nameBox #nameAsk{order:6}
.v270 #nameBox #noteBox{order:7}
.v270 #nameBox .name-row{gap:9px;align-items:flex-start}
.v270 #nameBox .name-chip{align-self:stretch}
.v270 #nameBox #sugNote{margin:8px 0 0 !important}
.v270 #nameBox .slider-row.for-row{
    margin:16px 0 0 !important;padding:0 !important;align-items:center;
  }
.v270 #nameBox .note-box{margin:16px 0 0 !important;padding:0 !important}
.v270 #nameBox .name-box-lab, .v270 #nameBox .note-lab{
    display:block;font-family:var(--sans);font-style:normal;
    font-size:11px;letter-spacing:.13em;text-transform:uppercase;
    font-weight:600;color:var(--ink-3);margin:0 0 7px;text-align:left;
  }
.v270 #nameBox .note-lab em{
    font-style:normal;letter-spacing:.02em;text-transform:none;
    font-weight:400;opacity:.75;
  }
.v270 #nameBox .name-input, .v270 #nameBox .field-in, .v270 #nameBox .note-in{
    background:var(--paper);border:1px solid var(--line);border-radius:10px;
  }
.v270 .buy-issue{
    width:100%;margin-top:10px;padding:9px 14px;border-radius:100px;
    background:none!important;color:var(--warn,#b23b2e)!important;
    border:1px dashed var(--warn,#b23b2e)!important;
    box-shadow:none!important;
    font-size:12.5px;font-weight:600;letter-spacing:.05em;
  }
.v270 .buy-issue[hidden]{display:none}
.v270 .buy-issue:hover{background:rgba(178,59,46,.06)}
.v270 .proto-issue{
    font:inherit;font-size:12px;font-weight:600;cursor:pointer;
    background:none;color:#ffd36e;border:1px dashed #ffd36e;
    border-radius:6px;padding:3px 9px;margin-left:2px;
  }
.v270 .proto-issue[hidden]{display:none}
.v270 .proto-issue:hover{background:rgba(255,211,110,.12)}
.v270 .test-paid{
    border:1px dashed var(--warn,#b23b2e)!important;color:var(--warn,#b23b2e)!important;
    background:none!important;font-size:12px!important;letter-spacing:.08em;
  }
.v270.test-mode .nav-in::after{
    content:"TEST";position:absolute;right:8px;top:4px;
    font-size:9px;letter-spacing:.18em;color:var(--warn,#b23b2e);opacity:.7;
  }
.v270 .reg-story{font-weight:400;color:var(--ink-3)}
.v270 .sold-note{
    max-width:520px;margin:0 auto 20px;padding:16px 18px;
    background:#fff;border:1px solid var(--line);border-radius:14px;
    border-left:3px solid var(--accent-text);
  }
.v270 .sold-note[hidden]{display:none}
.v270 .sold-note strong{display:block;font-size:15px;margin-bottom:5px;color:var(--ink)}
.v270 .sold-note > span{display:block;font-size:13.5px;line-height:1.6;color:var(--ink-3)}
.v270 .sold-more{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.v270 .owner-row{
    display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
    padding:13px 15px;margin:0 0 14px;
    background:var(--paper);border:1px solid var(--line);border-radius:12px;
  }
.v270 .owner-say{
    margin:0;flex:1 1 240px;min-width:0;
    font-size:14px;line-height:1.5;color:var(--ink-2);
  }
.v270 .owner-say b{color:var(--ink);font-weight:600}
.v270 .owner-say.missing{color:var(--warn,#b23b2e)}
.v270 .owner-edit{
    flex:0 0 auto;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;
    background:none;border:0;padding:0;color:var(--ink-3);
    text-decoration:underline;text-underline-offset:3px;
  }
.v270 .owner-edit:hover{color:var(--accent-text)}
.v270 .fold-h{cursor:pointer;user-select:none}
.v270 .fold-h::after{
    content:"";display:inline-block;vertical-align:middle;
    width:0;height:0;margin-left:.45em;
    border-left:.30em solid transparent;border-right:.30em solid transparent;
    border-top:.34em solid currentColor;opacity:.5;
    transition:transform .18s ease;
  }
.v270 .fold-h:hover::after{opacity:.85}
.v270 .fold-h.open::after{transform:rotate(180deg)}
.v270 .foldable{display:none}
.v270 .foldable.open{display:block}
.v270 .faq.foldable.open{display:block}
.v270 .w-box{
    background:var(--paper);border:1px solid var(--line);border-radius:12px;
    padding:13px 15px;margin:0 0 14px;
  }
.v270 .w-k{
    display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
    font-weight:600;color:var(--ink-3);margin-bottom:8px;
  }
.v270 .w-tbl{width:100%;border-collapse:collapse;font-size:13px}
.v270 .w-tbl th{
    text-align:left;font-weight:600;color:var(--ink);padding:5px 10px 5px 0;
    vertical-align:top;white-space:nowrap;
  }
.v270 .w-tbl td{padding:5px 0;color:var(--ink-2);vertical-align:top;word-break:break-word}
.v270 .w-tbl .w-when{text-align:right;color:var(--ink-3);white-space:nowrap;padding-left:10px}
.v270 .w-tbl tr + tr th, .v270 .w-tbl tr + tr td{border-top:1px solid var(--line)}
.v270 .done-acts{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.v270 .done-help{
    margin:12px 0 0;font-size:12px;line-height:1.55;color:var(--ink-3);text-align:center;
  }
.v270 .done-help a{color:var(--ink-2)}
.v270 .sold-lead{color:var(--ink-2);font-size:14px;line-height:1.6;margin:6px 0 18px}
.v270 .sold-acts{display:flex;flex-direction:column;gap:8px}
.v270 .sold-help{margin:16px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink-3)}
.v270.sold #buyFinal, .v270.sold #buyVoucher, .v270.sold .buy-sub, .v270.sold #promoRow, .v270.sold .stmt-note{display:none}
.v270 .fs-take{margin:14px 0 0}
.v270 .fs-take-b{
    font:inherit;font-size:15px;font-weight:600;cursor:pointer;
    background:none;border:0;padding:0;color:var(--ink);
    text-decoration:underline;text-decoration-color:var(--accent-line);
    text-decoration-thickness:2px;text-underline-offset:4px;
  }
.v270 .fs-take-b:hover{text-decoration-color:var(--ink)}
.v270 .fs-take span{
    display:block;margin-top:5px;font-size:12.5px;line-height:1.5;color:var(--ink-3);
  }
.v270 .readbar{display:none}
@media (max-width:1099px){.v270 .nav-links .nb-steps{display:none}
.v270 .readbar{
      display:block;position:sticky;top:64px;z-index:49;
      height:3px;background:rgba(21,22,26,.06);
    }
.v270 .readbar i{
      display:block;height:100%;width:0;
      background:var(--accent-text,#3d6b8c);
      transition:width .08s linear;
    }}
.v270 .srail{position:relative;z-index:6}
.v270 .srail[hidden]{display:none}
.v270 .srail-bar{position:relative}
.v270 .srail-p{
    position:absolute;padding:0;border:0;cursor:pointer;background:none;
    display:block;
  }
.v270 .srail-p::before{
    content:"";display:block;border-radius:100px;background:var(--c);
    box-shadow:0 0 0 1px rgba(0,0,0,.14);transition:transform .14s;
  }
.v270 .srail-p span{
    position:absolute;white-space:nowrap;font-size:11.5px;color:var(--ink-3);
    opacity:0;transition:opacity .14s;pointer-events:none;max-width:15rem;
    overflow:hidden;text-overflow:ellipsis;
  }
.v270 .srail-p.many>b{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-size:9px;font-weight:700;color:#fff;
    text-shadow:0 0 3px rgba(0,0,0,.55);pointer-events:none;
  }
.v270 .srail-p.many::before{width:19px;height:19px}
.v270 .sfil{
    font:inherit;font-size:11.5px;cursor:pointer;margin:6px 6px 0 0;
    padding:5px 11px;border-radius:100px;border:1px solid var(--line);
    background:#fff;color:var(--ink-3);
  }
.v270 .sfil.on{border-color:var(--accent-text);color:var(--ink);font-weight:600}
.v270 .srail-p:hover span, .v270 .srail-p.on span{opacity:1;color:var(--ink-2)}
.v270 .srail-all{
    font:inherit;font-size:11.5px;cursor:pointer;background:none;border:0;
    color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;padding:6px 0;
  }
.v270 .srail-all:hover{color:var(--ink-2)}
@media (max-width:1099px){.v270 .srail{
      position:sticky;top:0;background:var(--paper-2);
      padding:12px 22px 10px;margin:0 0 4px;
      border-bottom:1px solid var(--line);
      display:flex;align-items:center;gap:14px;
    }
.v270 .srail-bar{
      flex:1 1 auto;height:26px;min-width:0;
      background:linear-gradient(to right,
        hsl(0 88% 52%),hsl(60 92% 48%),hsl(120 80% 40%),hsl(180 82% 40%),
        hsl(240 85% 55%),hsl(300 85% 50%),hsl(360 88% 52%));
      border-radius:100px;opacity:1;
    }
.v270 .srail-p{left:var(--at);top:50%;transform:translate(-50%,-50%)}
.v270 .srail-p::before{width:15px;height:15px;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.16)}
.v270 .srail-p.on::before{transform:scale(1.35)}
.v270 .srail-p span{display:none}
.v270 .srail-all{flex:0 0 auto}}
@media (min-width:1100px){.v270 .srail{
      position:fixed;left:max(28px, calc(50% - 20rem - 78px));
      top:50%;transform:translateY(-50%);
      display:flex;flex-direction:column;align-items:center;gap:16px;
    }
.v270 .srail-bar{
      width:7px;height:min(52vh,440px);border-radius:100px;
      
      background:linear-gradient(to bottom,
        hsl(0 88% 52%),hsl(60 92% 48%),hsl(120 80% 40%),hsl(180 82% 40%),
        hsl(240 85% 55%),hsl(300 85% 50%),hsl(360 88% 52%));
      opacity:1;
    }
.v270 .srail-p{top:var(--at);left:50%;transform:translate(-50%,-50%)}
.v270 .srail-p::before{width:15px;height:15px;box-shadow:0 0 0 2px var(--paper-2),0 0 0 3px rgba(0,0,0,.16)}
.v270 .srail-p:hover::before, .v270 .srail-p.on::before{transform:scale(1.4)}
.v270 .srail-p span{right:22px;left:auto;top:50%;transform:translateY(-50%);
      text-align:right;max-width:42vw}
.v270 .srail-all{writing-mode:vertical-rl;transform:rotate(180deg)}}
.v270 .sindex{
    position:fixed;inset:0;z-index:80;background:rgba(21,22,26,.42);
    display:flex;align-items:flex-end;justify-content:center;padding:0;
  }
.v270 .sindex[hidden]{display:none}
.v270 .sindex-in{
    position:relative;background:var(--paper);width:min(560px,100%);
    max-height:82vh;overflow:auto;border-radius:18px 18px 0 0;padding:26px 22px 30px;
  }
@media (min-width:1100px){.v270 .sindex{align-items:center}
.v270 .sindex-in{border-radius:18px}}
.v270 .sindex-in h3{font-size:23px;margin:0 0 4px}
.v270 .sx{
    display:flex;align-items:center;gap:12px;width:100%;text-align:left;
    font:inherit;cursor:pointer;background:none;border:0;
    padding:10px 4px;border-bottom:1px solid var(--line);
  }
.v270 .sx:hover{background:#fff}
.v270 .sx-sw{flex:0 0 auto;width:34px;height:34px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.v270 .sx-t{display:flex;flex-direction:column;min-width:0}
.v270 .sx-t b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:16px;color:var(--ink)}
.v270 .sx-t em{font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;font-style:normal;
    font-size:11px;letter-spacing:.06em;color:var(--ink-3)}
.v270 .fs-sec{
    font-size:11px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--ink-3);margin:0 0 16px;
  }
.v270 .fs-chip{
    display:flex;align-items:flex-start;gap:14px;
    margin:0 0 26px;padding:13px 15px;
    background:#fff;border:1px solid var(--line);border-radius:13px;
  }
.v270 .fs-chip-go{cursor:pointer;transition:box-shadow .16s ease, transform .16s ease}
.v270 .fs-chip-go:hover{box-shadow:0 3px 16px rgba(21,22,26,.12);transform:translateY(-1px)}
.v270 .fs-chip-go:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.v270 .fs-chip-sw{
    flex:0 0 auto;width:52px;height:52px;border-radius:9px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);
  }
.v270 .fs-chip-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.v270 .fs-chip-t b{
    font-family:var(--sans);font-size:13px;font-weight:700;
    letter-spacing:.09em;text-transform:uppercase;color:var(--ink);
  }
.v270 .fs-chip-t i{
    font-style:normal;font-size:12.5px;line-height:1.45;color:var(--ink-3);
    margin-top:1px;
  }
.v270 .fs-vals{
    display:flex;justify-content:space-between;align-items:baseline;
    gap:16px;margin-top:8px;
  }
.v270 .fs-k{
    display:inline-block;margin-right:8px;
    font-family:var(--sans);font-size:9.5px;letter-spacing:.14em;
    text-transform:uppercase;font-weight:600;color:var(--ink-4,#a9adb8);
  }
.v270 .fs-chip-t em{font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;
    font-style:normal;font-size:11px;letter-spacing:.05em;color:var(--ink-3)}
.v270 .fs-chip-t i{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.v270 .fs-fig{margin:26px 0 24px}
.v270 .fs-fig svg, .v270 .fs-fig img{display:block;width:100%;height:auto;
    background:#fff;border:1px solid var(--line);border-radius:12px}
.v270 .fs-fig figcaption{margin-top:9px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.v270 .fs-std{
    margin-top:44px;padding-top:26px;border-top:1px solid var(--line);
  }
.v270 .fs-std .fs-p{color:var(--ink-3)}
.v270 .fs-std .fs-h:first-child{margin-top:0}
.v270 .fs-std .fs-h{font-style:normal;color:var(--ink-3);
    font-size:clamp(16px,3.9vw,17.5px);font-family:var(--sans);font-weight:600;
    letter-spacing:.02em;margin:26px 0 10px}
.v270 .xtra.gone{display:none}
.v270 .xtra[disabled]{opacity:.45;cursor:not-allowed}
.v270 .fs-cta{margin:1.9em 0 0;text-align:center}
.v270 .fs-cta-b{
    font:inherit;font-size:16px;font-weight:600;cursor:pointer;
    background:none;border:0;padding:2px 0;color:var(--ink);
    text-decoration:underline;text-decoration-color:var(--accent-line);
    text-decoration-thickness:2px;text-underline-offset:5px;
  }
.v270 .fs-cta-b:hover{text-decoration-color:var(--ink)}
.v270 .fs-end{
    font-family:var(--serif);font-style:italic;
    text-align:center;color:var(--ink-2);
    margin-top:1.6em;
  }
.v270 .fs-sig{
    margin:26px 0 0;font-size:12px;letter-spacing:.05em;color:var(--ink-3);
  }
.v270 .fs-more{display:flex;gap:12px;align-items:center;justify-content:center;
    flex-wrap:wrap;margin:34px 0 0}
.v270 .fs-nx{
    font:inherit;cursor:pointer;background:none;border:0;padding:6px 2px;
    font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink-2);
  }
.v270 .fs-nx:hover{color:var(--ink)}
.v270 .fs-nx-div{font-style:normal;color:var(--line);font-size:15px}
.v270 nav{
    position:sticky;top:0;z-index:50;
    background:rgba(251,250,248,.82);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
.v270.dragging nav{ backdrop-filter:none; background:rgba(251,250,248,.97); }
.v270.dragging .glass{ backdrop-filter:none; }
.v270 .nav-in{
    max-width:1180px;margin:0 auto;padding:0 28px;height:64px;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
  }
.v270 .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:16px}
.v270 .globe{width:2.6em;height:2.6em;flex:0 0 auto;display:block}
.v270 .globe circle{transition:fill .35s ease}
.v270 .logo-words{
    display:flex;flex-direction:column;font-family:var(--serif);
    font-size:1em;line-height:1.18;letter-spacing:.005em;white-space:nowrap;
  }
.v270 .nav-links{display:flex;gap:26px;align-items:center}
.v270 .nav-links a{
    color:var(--ink-2);text-decoration:none;font-size:13.5px;font-weight:500;
    transition:color .2s;
  }
.v270 .nav-links a:hover{color:var(--ink)}
.v270 .nav-links a.here{color:var(--ink);font-weight:600}
.v270 .btn-nav{
    background:var(--ink);color:var(--paper)!important;
    padding:9px 17px;border-radius:100px;font-size:13px;
  }
.v270 .btn-nav:hover{opacity:.85}
.v270 section.lead{padding:44px 0 66px;position:relative;
    background:var(--paper-2);border-bottom:1px solid var(--line)}
.v270 .hero-top{text-align:center;max-width:620px;margin:0 auto 26px;position:relative}
.v270 .hero-top h1{font-size:clamp(27px,4.2vw,42px)}
.v270 .hero-top h1 em{font-style:italic;color:var(--accent-text);transition:color .35s ease}
.v270 .hero-sub{font-size:16px;color:var(--ink-2);margin-top:10px;font-family:var(--serif);font-style:italic}
.v270 .hero-price{font-size:13px;color:var(--ink-3);margin-top:5px}
.v270 header{padding:88px 0 64px;position:relative;overflow:hidden}
.v270 .hero-glow{
    position:absolute;top:-180px;left:50%;transform:translateX(-50%);
    width:min(820px, 100%);height:520px;border-radius:50%;
    
    background:radial-gradient(ellipse 50% 50% at 50% 50%,
                 var(--accent) 0%, rgba(0,0,0,0) 72%);
    opacity:.15;
    clip-path:inset(0);
    transition:background .5s ease;pointer-events:none;
    
    z-index:0;
  }
.v270 #studio .wrap{position:relative;z-index:1}
.v270 .hero{position:relative;text-align:center;max-width:760px;margin:0 auto}
.v270 .hero h1{font-size:clamp(40px,6.2vw,68px);margin:20px 0 22px}
.v270 .hero h1 em{font-style:italic;color:var(--accent-text);transition:color .35s ease}
.v270 .hero p.lede{
    font-size:18px;color:var(--ink-2);max-width:540px;margin:0 auto 34px;
  }
.v270 .hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.v270 .btn{
    font-family:var(--sans);font-size:14.5px;font-weight:600;
    padding:14px 28px;border-radius:100px;border:1px solid transparent;
    cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;
  }
.v270 .btn-primary{background:var(--ink);color:var(--paper)}
.v270 .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.v270 .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.v270 .btn-ghost:hover{border-color:var(--ink-3);background:#fff}
.v270 .btn-accent{background:var(--accent);color:var(--on-accent)}
.v270 .btn-accent:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.v270 .btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}
.v270 .trust{
    margin-top:38px;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;
    font-size:12.5px;color:var(--ink-3);
  }
.v270 .trust span{display:flex;align-items:center;gap:7px}
.v270 .trust svg{width:13px;height:13px;stroke:var(--accent);transition:stroke .35s}
.v270 section{padding:78px 0}
.v270 #review{padding-top:38px}
.v270 #sheet{display:none}
.v270 .sec-head{text-align:center;max-width:600px;margin:0 auto 48px}
.v270 .sec-head h2{font-size:clamp(28px,4vw,42px);margin:14px 0 14px}
.v270 .sec-head p{color:var(--ink-2);font-size:16px}
.v270 #studio{background:transparent}
.v270 .panel{
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:28px;box-shadow:var(--shadow);
  }
.v270 .panel-title{
    font-family:var(--serif);font-size:19px;margin-bottom:4px;
  }
.v270 .panel-sub{font-size:13px;color:var(--ink-3);margin-bottom:22px}
.v270 .mini{display:none}
.v270 .wheel-row{display:flex;align-items:center}
.v270 .wheel-hold{position:relative;flex:0 0 auto}
.v270 #wheel{
    width:190px;height:190px;border-radius:50%;cursor:crosshair;
    background:
      radial-gradient(circle closest-side, #fff 0%, rgba(255,255,255,0) 72%),
      conic-gradient(from 90deg,
        hsl(0 100% 50%),hsl(30 100% 50%),hsl(60 100% 50%),hsl(90 100% 50%),
        hsl(120 100% 50%),hsl(150 100% 50%),hsl(180 100% 50%),hsl(210 100% 50%),
        hsl(240 100% 50%),hsl(270 100% 50%),hsl(300 100% 50%),hsl(330 100% 50%),hsl(360 100% 50%));
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.09), 0 4px 18px rgba(0,0,0,.08);
    touch-action:none;
  }
.v270 #marker{
    position:absolute;left:0;top:0;
    width:18px;height:18px;border-radius:50%;
    border:2.5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.3);
    transform:translate3d(var(--mx,0px), var(--my,0px), 0) translate(-50%,-50%);
    will-change:transform;pointer-events:none;
  }
.v270 .wheel-ctrl{flex:1;min-width:0;width:100%}
.v270 .lab{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:8px;display:block}
.v270 input[type=range]{
    -webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:100px;
    outline:none;border:1px solid rgba(0,0,0,.1);cursor:pointer;
  }
.v270 input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;width:20px;height:20px;border-radius:50%;
    background:#fff;border:1px solid rgba(0,0,0,.25);
    box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:grab;
  }
.v270 input[type=range]::-moz-range-thumb{
    width:20px;height:20px;border-radius:50%;background:#fff;
    border:1px solid rgba(0,0,0,.25);box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:grab;
  }
.v270 .slider-block{margin-bottom:18px}
.v270 .slider-row{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.v270 .slider-lab{
    flex:0 0 auto;width:74px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
    color:var(--ink-3);font-weight:600;
  }
.v270 .lab-opt{
    display:block;font-style:normal;font-weight:400;font-size:9px;
    letter-spacing:.06em;text-transform:lowercase;color:var(--ink-3);opacity:.75;
    margin-top:1px;
  }
.v270 .slider-row input[type=range], .v270 .slider-row .field-in{flex:1 1 auto;min-width:0}
.v270 .stepper{
    width:38px;height:38px;flex:0 0 auto;border-radius:10px;
    border:1px solid var(--line);background:#fff;color:var(--ink-2);
    font-size:19px;line-height:1;cursor:pointer;transition:all .15s;
    display:flex;align-items:center;justify-content:center;
    -webkit-user-select:none;user-select:none;touch-action:manipulation;
  }
.v270 .stepper:hover{border-color:var(--accent);color:var(--ink)}
.v270 .stepper:active{background:var(--accent-soft);transform:scale(.94)}
.v270 .wheel-box{position:relative}
.v270 .codes{display:flex;flex-direction:column;gap:7px;min-width:0}
.v270 .code-f{display:flex;align-items:center;gap:7px;cursor:text}
.v270 .code-k{
    flex:0 0 auto;width:26px;font-size:9.5px;letter-spacing:.08em;
    text-transform:uppercase;font-weight:600;color:var(--ink-4,#a9adb8);
  }
.v270 .code-f.stack{display:block;cursor:text}
.v270 .code-f.stack .code-k{display:block;width:auto;margin:0 0 4px}
.v270 .code-in{
    font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;
    font-size:12px;letter-spacing:0;text-transform:uppercase;
    padding:6px 7px;border:1px solid var(--line);border-radius:7px;
    background:var(--paper);width:100%;min-width:0;
    
    color:#a9adb8;transition:color .2s,border-color .2s;
  }
.v270 .code-in:focus{outline:none;border-color:var(--accent);background:#fff}
.v270 .codes.typed .code-in{color:var(--ink)}
.v270 .code-in.bad{border-color:#c0392b}
.v270 .notable{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:16px;
    background:var(--paper-2,#faf9f7)}
.v270 .nt-k{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);
    font-weight:700;margin-bottom:9px}
.v270 .nt-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;
    padding:4px 0;font-size:13px;flex-wrap:wrap}
.v270 .nt-row b{font-weight:600}
.v270 .nt-row span{color:var(--ink-3);font-size:12.5px;white-space:nowrap}
.v270 .nt-note{margin:9px 0 0;font-size:11.5px;color:var(--ink-3);line-height:1.5}
.v270 .reg-row-pending{cursor:default;opacity:.72}
.v270 .reg-row-pending strong{font-style:italic;font-weight:400;color:var(--ink-3)}
.v270 .bl-sw{display:inline-block;width:22px;height:22px;border-radius:5px;vertical-align:-6px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.v270 .bl-tab td{text-align:left;padding:9px 6px}
.v270 .bl-tab td:first-child{width:38px}
.v270 .code-msg.is-block{color:var(--ink-2);text-align:left}
.v270 .code-msg.is-date{color:var(--ink-2)}
.v270 .code-msg.is-date b{color:var(--ink)}
.v270 .code-msg.is-premium{
    color:var(--ink);text-align:left;
    border:1px solid var(--accent-line);border-radius:9px;
    padding:9px 11px;background:var(--accent-soft);
    display:flex;flex-direction:column;gap:2px;
  }
.v270 .code-msg.is-premium b{font-size:12.5px;font-weight:700}
.v270 .code-msg.is-premium span{font-size:11.5px;line-height:1.45;color:var(--ink-2)}
.v270 .code-msg.is-premium em{font-style:normal;font-weight:700;font-size:13px;margin-top:2px}
.v270 .code-msg{
    margin:0;font-size:10.5px;line-height:1.25;color:#c0392b;
    min-height:1.25em;text-align:center;
  }
.v270 .hex-row{display:flex;gap:10px;align-items:center;margin-top:4px}
.v270 .hex-input{
    font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;
    font-size:15px;letter-spacing:.06em;text-transform:uppercase;
    padding:11px 14px;border:1px solid var(--line);border-radius:9px;
    width:130px;background:var(--paper);color:var(--ink);
  }
.v270 .hex-input:focus{outline:none;border-color:var(--accent);background:#fff}
.v270 .swatch-chip{
    width:44px;height:44px;border-radius:9px;flex:0 0 auto;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
    background:var(--accent);transition:background .25s;
  }
.v270 .wheel-col{
    display:flex;flex-direction:column;align-items:center;gap:11px;
    flex:0 0 auto;width:190px;max-width:100%;min-width:0;
  }
.v270 .presets{
    display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;width:100%;min-width:0;
    padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%);
            mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%);
  }
.v270 .presets::-webkit-scrollbar{display:none}
.v270 .preset{
    width:30px;height:30px;flex:0 0 auto;border-radius:7px;border:none;cursor:pointer;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.13);transition:transform .15s;
  }
.v270 .preset:hover{transform:scale(1.14)}
.v270 .shade-name{
    font-family:var(--serif);font-style:italic;font-size:12.5px;color:var(--ink-3);
    margin-top:6px;
  }
.v270 .name-input{
    width:100%;font-family:var(--serif);font-size:22px;
    padding:14px 16px;border:1px solid var(--line);border-radius:10px;
    background:var(--paper);color:var(--ink);
  }
.v270 .name-input:focus{outline:none;border-color:var(--accent);background:#fff}
.v270 .name-input::placeholder{color:#c3c0ba}
.v270 .avail{
    margin-top:8px;font-size:13px;display:flex;align-items:flex-start;gap:8px;
    min-height:0;font-weight:500;line-height:1.45;
  }
.v270 .avail .dot-ok, .v270 .avail .dot-no, .v270 .avail .spin{margin-top:5px}
.v270 .avail strong{font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;font-size:12.5px;
                letter-spacing:.04em;white-space:nowrap}
.v270 .avail.ok{color:#1f7a4d}
.v270 .avail.no{color:#b3372c}
.v270 .avail.wait{color:var(--ink-3)}
.v270 .hint{font-size:12.5px;color:var(--ink-3);margin-top:9px;line-height:1.45}
.v270 .suggs{display:flex;flex-wrap:wrap;gap:7px}
.v270 .sugg{
    font-family:var(--serif);font-size:14.5px;font-style:italic;
    background:#fff;border:1px solid var(--line);border-radius:100px;
    padding:7px 15px 8px;cursor:pointer;color:var(--ink);transition:all .18s;
    display:inline-flex;align-items:center;gap:8px;
  }
.v270 .sugg:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.v270 .sugg i{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:0 0 auto;font-style:normal}
.v270 .sugg.gone{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.v270 .sugg.gone:hover{border-color:var(--line);box-shadow:none}
.v270 .vis-hidden{display:none!important}
.v270 #avail, .v270 #shadeName{display:none!important}
.v270 .name-ask{
    display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;
    margin:7px 0 2px;font-size:12px;color:var(--ink-3);line-height:1.4;
  }
.v270 .name-ask.gone{display:none}
.v270 .name-yes, .v270 .name-no{
    font:inherit;font-size:12px;background:none;border:none;padding:0;cursor:pointer;
    text-decoration:underline;text-underline-offset:3px;
  }
.v270 .name-yes{color:var(--accent-text);font-weight:600}
.v270 .name-no{color:var(--ink-3)}
.v270 .name-yes:hover, .v270 .name-no:hover{color:var(--ink)}
.v270 .name-box-lab{display:block;margin:12px 0 6px}
.v270 .change-note{
    display:flex;align-items:center;gap:8px;margin-top:10px;
    font-size:11.5px;color:var(--ink-3);line-height:1.35;
  }
.v270 .cn-mark{
    flex:0 0 auto;width:22px;height:22px;border-radius:50%;
    border:1px solid var(--accent-line);color:var(--accent-text);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:10px;transition:all .3s;
  }
.v270 .under-line{
    display:flex;align-items:baseline;justify-content:space-between;gap:10px;
    margin-top:7px;font-size:11px;color:var(--ink-3);min-width:0;
  }
.v270 .unclaimed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.v270 .unclaimed b{font-family:ui-monospace,monospace;font-weight:500;color:var(--ink-2);letter-spacing:-.02em}
.v270 .hold-link{
    flex:0 0 auto;background:none;border:none;padding:0;cursor:pointer;
    font:inherit;color:var(--accent-text);border-bottom:1px solid var(--accent-line);
  }
.v270 .hold-link:hover{color:var(--ink)}
.v270 .whisper{
    display:none;margin-top:9px;padding:11px 13px;border-radius:9px;
    background:#15161a;color:#e8e6e1;font-size:12.5px;line-height:1.55;
  }
.v270 .whisper.show{display:block}
.v270 .whisper b{color:#fff;font-weight:600}
.v270 .whisper button{
    display:block;margin-top:7px;background:none;border:none;padding:0;cursor:pointer;
    font:inherit;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.45);
  }
.v270 .whisper button:hover{border-color:#fff}
.v270 .whisper .w-no{color:#9a9ca6;font-weight:400;border:none;margin-top:5px;font-size:11.5px}
.v270 .spec-panel{display:none;margin:-4px 0 4px}
.v270.wl-mode .spec-panel{display:block}
.v270.wl-mode .wheel-col{display:none}
.v270.wl-mode .slider-row:not(:first-child){display:none}
.v270.wl-mode .picker-panel{background:#15161a;border-color:#2b2d33}
.v270.wl-mode .picker-panel .slider-lab, .v270.wl-mode .picker-panel .name-box-lab{color:#8b8f9c}
.v270.wl-mode .picker-panel .field-in, .v270.wl-mode .picker-panel .name-input{background:#1d1f25;border-color:#33363d;color:#f2f0ec}
.v270.wl-mode .picker-panel .nav-btn{background:#1d1f25;border-color:#33363d;color:#c8cad2}
.v270.wl-mode .change-note, .v270.wl-mode .under-line{color:#8b8f9c}
.v270.wl-mode .unclaimed b{color:#c8cad2}
.v270.wl-mode .cn-mark{border-color:#3a3d45;color:#c8cad2}
.v270 .spec-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.v270 .spec-eyebrow{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#8b8f9c}
.v270 .spec-exit{background:none;border:none;padding:0;cursor:pointer;font:inherit;
    font-size:11.5px;color:#c8cad2;border-bottom:1px solid #3a3d45}
.v270 .spec-exit:hover{color:#fff}
.v270 .spec-readout{font-family:ui-monospace,monospace;font-size:clamp(38px,11vw,54px);
    line-height:1;color:#fff;letter-spacing:-.02em}
.v270 .spec-readout em{font-style:normal;font-size:.36em;color:#8b8f9c;margin-left:8px;letter-spacing:.06em}
.v270 .spec-sub{font-size:11.5px;color:#8b8f9c;line-height:1.5;margin:8px 0 14px}
.v270 .spec-bar{
    position:relative;height:34px;border-radius:6px;
    background:linear-gradient(90deg,#1A0048 0%,#32008D 13.3%,#001BB0 23.3%,#0092C3 28.7%,
      #00D687 33.3%,#00F200 40%,#00FE00 48.7%,#96FF00 53.3%,#F9FD00 56.7%,#FAB000 60%,
      #EE4100 66.7%,#DC0000 73.3%,#AB0000 85.4%,#6B0000 100%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);cursor:crosshair;touch-action:none;
  }
.v270 .spec-mark{
    position:absolute;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:#fff;
    box-shadow:0 0 0 1px rgba(0,0,0,.55);transform:translateX(-50%);pointer-events:none;
  }
.v270 .spec-scale{display:flex;justify-content:space-between;margin-top:5px;
    font-family:ui-monospace,monospace;font-size:9.5px;color:#8b8f9c}
.v270 .spec-ctrl{display:flex;gap:6px;margin-top:12px;min-width:0}
.v270 .spec-step{
    flex:0 0 auto;background:#1d1f25;border:1px solid #33363d;color:#c8cad2;
    border-radius:8px;padding:9px 8px;cursor:pointer;font-size:12px;
    font-family:ui-monospace,monospace;
  }
.v270 .spec-step:hover{border-color:#5a5e68;color:#fff}
.v270 .spec-in{
    flex:1 1 auto;min-width:0;text-align:center;font-family:ui-monospace,monospace;
    font-size:16px;background:#1d1f25!important;border-color:#33363d!important;color:#fff!important;
  }
.v270 .spec-note{margin-top:9px;font-size:11.5px;line-height:1.5;color:#c8cad2;min-height:1px}
.v270 .spec-note b{color:#fff}
.v270 .beyond{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
.v270 .beyond button{
    background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:12.5px;
    color:var(--ink);border-bottom:1px solid var(--accent-line);text-align:left;
  }
.v270 .beyond button:hover{border-color:var(--ink)}
.v270 .entry.entry-wl{background:#15161a;border-color:#2b2d33;color:#e8e6e1}
.v270 .entry.entry-wl .entry-body{color:#c8cad2}
.v270 .entry.entry-wl .entry-name{color:#fff;font-style:normal;font-family:var(--serif)}
.v270 .entry.entry-wl .entry-desig, .v270 .entry.entry-wl .entry-note{color:#9a9ca6}
.v270 .entry.entry-wl .entry-meta{border-color:#2b2d33}
.v270 .entry.entry-wl .entry-meta .k{color:#7d808a}
.v270 .entry.entry-wl .entry-meta .v{color:#e8e6e1}
.v270 .entry.entry-wl .btn-ghost{background:#1d1f25;border-color:#33363d;color:#e8e6e1}
.v270 .entry.entry-wl .btn-accent{color:#15161a}
.v270 .entry.entry-wl .wl-hero{padding:34px 26px 26px;text-align:center;border-bottom:1px solid #2b2d33}
.v270 .entry.entry-wl .wl-nm{font-family:ui-monospace,monospace;font-size:clamp(44px,12vw,66px);
    line-height:1;color:#fff;letter-spacing:-.03em}
.v270 .entry.entry-wl .wl-nm em{font-style:normal;font-size:.3em;color:#8b8f9c;margin-left:9px}
.v270 .entry.entry-wl .wl-bar{position:relative;height:14px;border-radius:4px;margin:22px 0 14px;
    background:linear-gradient(90deg,#1A0048 0%,#32008D 13.3%,#001BB0 23.3%,#0092C3 28.7%,
      #00D687 33.3%,#00F200 40%,#00FE00 48.7%,#96FF00 53.3%,#F9FD00 56.7%,#FAB000 60%,
      #EE4100 66.7%,#DC0000 73.3%,#AB0000 85.4%,#6B0000 100%)}
.v270 .entry.entry-wl .wl-bar i{position:absolute;top:-5px;bottom:-5px;width:3px;border-radius:2px;
    background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.6);transform:translateX(-50%)}
.v270 .entry.entry-wl .wl-approx{display:flex;align-items:center;justify-content:center;gap:8px;
    font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#8b8f9c}
.v270 .entry.entry-wl .wl-sw{width:16px;height:16px;border-radius:4px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.v270 .reg-sw-wl{box-shadow:inset 0 0 0 1px rgba(0,0,0,.13), 0 0 0 1.5px #fff, 0 0 0 3px #15161a}
.v270 .wl-line{display:none}
.v270.wl-mode .wl-line{display:flex}
.v270 .wl-only{display:none!important}
.v270.wl-mode .wl-only{display:flex!important}
.v270.wl-mode #physWrap{display:none!important}
.v270.wl-mode .rgb-only{display:none!important}
.v270 .imp{margin:-2px 0 12px}
.v270 .imp-review{display:none}
.v270 .imp-review.show{display:block}
.v270 .imp-line{
    display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;
    color:var(--ink-2);padding:11px 13px;border:1px solid var(--line);
    border-left:3px solid var(--ink);border-radius:9px;background:var(--paper);
  }
.v270 .imp-mark{
    flex:0 0 auto;width:15px;height:15px;border-radius:50%;margin-top:1px;
    background:conic-gradient(from 90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);
    box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px rgba(0,0,0,.2);
  }
.v270 .imp-row.is-soft .imp-mark{
    background:none;box-shadow:inset 0 0 0 1px var(--line);
  }
.v270 .imp-row.is-soft{border-left-color:var(--line)}
.v270 .cert.is-paper .cert-block{
    background:#fff!important;
    box-shadow:inset 0 0 0 1px #cfcbc4;
  }
.v270 .cert.is-paper .cb-nm{display:none}
.v270 .cb-paper{
    position:absolute;inset:0;display:flex;flex-direction:column;
    align-items:center;justify-content:center;text-align:center;
    padding:6% 8%;gap:0.9cqw;
  }
.v270 .cb-paper b{
    font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;
    font-size:2.6cqw;letter-spacing:.06em;color:var(--ink);font-weight:400;
  }
.v270 .cb-paper i{
    font-style:normal;font-size:1.6cqw;line-height:1.5;color:var(--ink-3);
    max-width:30ch;
  }
.v270 .cert:not(.is-paper) .cb-paper{display:none}
.v270 .imp-why{margin-top:7px}
.v270 .imp-why summary{
    cursor:pointer;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;
    color:var(--ink-3);padding-left:2px;
  }
.v270 .imp-why summary:hover{color:var(--ink)}
.v270 .imp-why p{font-size:13px;line-height:1.65;color:var(--ink-2);margin:10px 0 0;padding-left:2px}
.v270 .imp-why strong{color:var(--ink)}
.v270 .cert-block.cert-block-wl{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.81cqw;
    background:#15161a!important;color:#fff;padding:5.06cqw 4.49cqw;
  }
.v270 .cbw-nm{font-family:ui-monospace,monospace;font-size:9.55cqw;line-height:1;letter-spacing:-.02em}
.v270 .cbw-nm em{font-style:normal;font-size:.34em;color:#8b8f9c;margin-left:7px}
.v270 .cbw-bar{
    position:relative;display:block;width:100%;height:3.09cqw;border-radius:3px;
    background:linear-gradient(90deg,#1A0048 0%,#32008D 13.3%,#001BB0 23.3%,#0092C3 28.7%,
      #00D687 33.3%,#00F200 40%,#00FE00 48.7%,#96FF00 53.3%,#F9FD00 56.7%,#FAB000 60%,
      #EE4100 66.7%,#DC0000 73.3%,#AB0000 85.4%,#6B0000 100%);
  }
.v270 .cbw-bar i{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;
    box-shadow:0 0 0 1px rgba(0,0,0,.6);transform:translateX(-50%)}
.v270 .cbw-note{font-size:2.39cqw;letter-spacing:.14em;text-transform:uppercase;color:#8b8f9c;text-align:center}
.v270 .cert-imp{
    display:none;font-size:2.39cqw;letter-spacing:.16em;text-transform:uppercase;
    color:var(--ink-3);margin:-3.93cqw 0 5.62cqw;
  }
.v270 .cert-imp.show{display:block}
.v270 .reg-imp{
    display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:6px;
    vertical-align:0;
    background:conic-gradient(from 90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);
    box-shadow:inset 0 0 0 2px #fff, inset 0 0 0 3px rgba(0,0,0,.2);
  }
.v270 .copies{margin:0;padding:2px 0 0;background:none;border:0;border-radius:0}
.v270 .print-block{
    background:#fff;border:1px solid var(--line);border-radius:13px;
    padding:0 14px 13px;margin:0 0 10px;
  }
.v270 .print-block .xtra{
    background:none;border:0;border-radius:0;margin:0;padding:13px 0 10px;
    box-shadow:none;
  }
.v270 .print-block .xtra.on{background:none;box-shadow:none}
.v270 .print-terms{
    margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line);
    font-size:11.5px;line-height:1.55;color:var(--ink-3);
  }
.v270 .print-terms a{color:var(--ink-3);text-decoration:underline;text-underline-offset:2px}
.v270 .print-terms a:hover{color:var(--ink-2)}
.v270 .each{font-weight:400;font-size:11.5px;color:var(--ink-3);white-space:nowrap}
.v270 .copies.gone{display:none}
.v270 .copies-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v270 .copies-ctrl{flex-direction:row}
.v270 .copies-ctrl .cp-n{min-width:34px;text-align:center;font-family:var(--serif);font-size:15px;color:var(--ink)}
.v270 .copies-ctrl #copyUp{order:2}
.v270 .copies-ctrl #copyDown{order:1}
.v270 .copies-lab{font-size:13.5px;font-weight:600;color:var(--ink-2);padding-left:30px}
.v270 .copies-ctrl{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.v270 .cp-btn{
    width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--paper);
    font-size:18px;line-height:1;color:var(--ink-2);cursor:pointer;touch-action:manipulation;
  }
.v270 .cp-btn:disabled{opacity:.35;cursor:default}
.v270 .cp-n{min-width:34px;text-align:right;font-family:var(--serif);font-size:19px;color:var(--ink)}
.v270 .copies-ctrl{padding-right:0}
.v270 .copies-row{padding-right:0}
.v270 .copies-note{margin-top:7px;font-size:11.5px;line-height:1.5;color:var(--ink-3)}
.v270 .copies-ack{margin-top:10px}
.v270 .copies-ack.gone{display:none}
.v270 .phys-note{margin:-4px 0 12px;font-size:11.5px;color:var(--ink-3);line-height:1.5}
.v270 .inc-note{color:var(--ink-3);white-space:nowrap}
.v270 .info-link{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.v270 .info-link:hover{color:var(--ink)}
.v270 .info-h{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);
    font-weight:600;margin:20px 0 6px}
.v270 .info-p{font-size:13.5px;line-height:1.6;color:var(--ink-2);margin:0 0 10px}
.v270 .price-note{font-size:13.5px;line-height:1.5;color:var(--ink-3);margin:10px 0 0}
.v270 .info-tbl{width:100%;border-collapse:collapse;margin:4px 0 6px}
.v270 .info-tbl th, .v270 .info-tbl td{text-align:left;vertical-align:top;padding:9px 0;
    border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.5}
.v270 .info-tbl th{font-weight:600;color:var(--ink);width:38%;padding-right:14px}
.v270 .info-tbl td{color:var(--ink-2)}
.v270 .info-tbl tr:last-child th, .v270 .info-tbl tr:last-child td{border-bottom:none}
.v270 .occ-row{display:flex;gap:7px;min-width:0}
.v270 .occ-row select{flex:1 1 0;min-width:0;font-size:16px;padding:11px 8px;
    -webkit-appearance:none;appearance:none;background-image:none}
.v270 .occ-row #sendDay{flex:0 0 70px}
.v270 .occ-row #sendYear{flex:0 0 88px}
.v270 .res-note{
    display:none;margin-top:8px;padding:8px 10px;border-radius:8px;
    background:var(--accent-soft);border:1px solid var(--accent-line);
    font-size:11.5px;line-height:1.4;color:var(--ink-2);
  }
.v270 .res-note.show{display:block}
.v270 .held-strip{
    display:none;margin-top:8px;padding:9px 11px;border-radius:9px;
    background:#fff;border:1px solid var(--accent);
    font-size:11.5px;line-height:1.4;color:var(--ink-2);
  }
.v270 .held-strip.show{display:block}
.v270 .held-strip b{color:var(--ink);font-family:var(--serif);font-style:italic;font-size:13px}
.v270 .preset-div{
    flex:0 0 auto;display:flex;align-items:center;justify-content:center;
    width:15px;height:36px;position:relative;
  }
.v270 .preset-div i{display:block;width:1px;height:24px;background:var(--line)}
.v270 .preset-div em{display:none}
.v270 .preset-rim{box-shadow:inset 0 0 0 1px rgba(0,0,0,.13), 0 0 0 1.5px var(--paper), 0 0 0 3px rgba(21,22,26,.16)}
.v270 .name-why{
    margin:7px 0 0;font-size:13px;line-height:1.45;color:var(--warn,#C8102E);
  }
.v270 .name-why b{font-weight:600}
.v270 .name-why.ok{color:var(--ink-3)}
.v270 .name-head{
    display:flex;align-items:baseline;justify-content:space-between;
    gap:14px;margin-bottom:6px;flex-wrap:wrap;
  }
.v270 .name-head .name-box-lab{margin:0}
.v270 .name-head .sug-note{margin:0;flex:0 0 auto;display:flex;align-items:center;gap:8px}
.v270 .name-head .sug-txt{text-align:right;flex:0 0 auto;white-space:nowrap}
.v270 .name-row{display:flex;align-items:stretch;gap:7px}
.v270 .name-row .name-input{flex:1 1 auto;min-width:0;padding:13px 11px;font-size:16px}
.v270 .name-chip{
    flex:0 0 auto;width:44px;border-radius:10px;background:var(--accent);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.13);transition:background .3s ease;
  }
.v270 .nav-btn{
    width:40px;flex:0 0 auto;border-radius:10px;border:1px solid var(--line);background:#fff;
    cursor:pointer;font-size:16px;color:var(--ink-2);line-height:1;transition:all .18s;
    touch-action:manipulation;
  }
.v270 .nav-btn:active:not(:disabled){background:var(--accent-soft);transform:scale(.95)}
.v270 .nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}
.v270 .nav-btn:disabled{opacity:.32;cursor:not-allowed}
.v270 .nav-pos{font-size:11.5px;color:var(--ink-3);min-width:16px;text-align:center;
           font-variant-numeric:tabular-nums}
.v270 .sugg-empty{font-size:13px;color:var(--ink-3);font-style:italic;padding:4px 0}
.v270 .opts-mode{margin-bottom:12px;flex-direction:row;gap:9px}
.v270 .opts-mode .opt{flex:1 1 0;min-width:0;padding-left:38px}
.v270 .opts-mode .opt::before{left:13px;top:14px}
.v270 .opts-mode .opt-t{font-size:13.5px}
.v270 .uk-only, .v270 .row-only{display:none}
.v270.uk .uk-only{display:list-item}
.v270:not(.uk) .row-only{display:list-item}
.v270 .mode-tick{margin-bottom:12px}
.v270 .mode-tick .x-txt{flex:1 1 auto}
.v270 .post{display:none;margin:2px 0 14px}
.v270 .post.show{display:block}
.v270 .post-in{width:100%;font-size:16px;margin-bottom:8px}
.v270 .post-row{display:flex;gap:8px;min-width:0}
.v270 .post-row .post-in{min-width:0}
.v270 .post-row #postCode{flex:0 0 110px}
.v270 .owner-row{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.v270 .owner-row .field-in{width:100%;font-size:16px}
.v270 .mail-confirm{display:none;margin:-2px 0 10px;padding:10px 12px;border-radius:9px;
    background:var(--accent-soft);border:1px solid var(--accent-line);font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.v270 .mail-confirm.show{display:block}
.v270 .mail-confirm b{color:var(--ink)}
.v270 .mail-confirm button{background:none;border:none;padding:0;margin-left:6px;cursor:pointer;
    font:inherit;font-weight:600;color:var(--ink);border-bottom:1px solid var(--accent-line)}
.v270 .buy-help{margin-top:14px;text-align:center;font-size:12px;line-height:1.6;color:var(--ink-3)}
.v270 .buy-help a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.v270 .field-in.wants::placeholder, .v270 .post-in.wants::placeholder{color:#c0392b;opacity:.8}
.v270 .field-in.wants, .v270 .post-in.wants{border-color:rgba(192,57,43,.32)}
.v270 .field-in.bad, .v270 .post-in.bad, .v270 .note-in.bad{border-color:#c0392b;background:#fffafa}
.v270 .field-in.bad:focus, .v270 .post-in.bad:focus{border-color:#c0392b}
.v270 .bad-msg{
    margin:3px 0 0;font-size:12px;line-height:1.35;color:#c0392b;display:none;
  }
.v270 .bad-msg.show{display:block}
.v270 .field-in.jumped, .v270 .post-in.jumped{box-shadow:0 0 0 3px rgba(192,57,43,.16)}
.v270 .mos{display:grid;gap:0;border-radius:3px;overflow:hidden;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);flex:0 0 auto}
.v270 .mos i{display:block}
.v270 .entry-mos{display:flex;align-items:center;gap:10px;margin:2px 0 14px}
.v270 .entry-mos .em-k{font-size:11px;letter-spacing:.07em;text-transform:uppercase;
    color:var(--ink-3);font-weight:600}
.v270 .mos-ask{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:16px;
    background:var(--paper-2,#faf9f7)}
.v270 .mos-row{display:flex;align-items:center;gap:13px}
.v270 .mos-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.v270 .mos-txt strong{font-size:13.5px;line-height:1.35}
.v270 .mos-txt span{font-size:12px;color:var(--ink-3);line-height:1.45}
.v270 .mos-acts{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.v270 .mos-acts .btn{flex:0 0 auto;padding:8px 14px;font-size:13px}
.v270 .mos-ok{font-size:12px;color:var(--ink-3)}
.v270 .mos-gone{margin:0;font-size:13px;color:var(--ink-2)}
.v270 .cert.foot-tight .cert-meta{padding-top:1.1cqw;margin-bottom:1.0cqw;gap:1.4cqw}
.v270 .cert.foot-tight .cert-meta .k{font-size:1.55cqw}
.v270 .cert.foot-tight .cert-meta .v{font-size:2.05cqw}
.v270 .cert.foot-tight .cert-site{font-size:1.95cqw;line-height:1.24}
.v270 .cert.foot-tight .cert-term{margin-bottom:0.9cqw}
.v270 .cert.foot-tight .cert-site-row{margin-top:1.0%}
.v270 .cert.foot-tight .cert-owner{margin-bottom:1.2cqw}
.v270 .cert-site-row{
    order:98;display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;
    
    
    
    
    gap:2cqw;margin-top:2.6%;margin-bottom:3.2cqw;width:100%;
  }
.v270 .cert-site-row .cert-site{grid-column:2}
.v270 .cert-site-row > .cert-ref{
    grid-column:3;justify-self:end;text-align:right;
    padding-right:var(--ref-pad,0px);
  }
.v270 .cert-site-row > .cert-ref{visibility:hidden}
.v270 .cert-ref{
    font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;
    font-size:1.85cqw;letter-spacing:.09em;color:var(--ink-3);opacity:.62;
    white-space:nowrap;pointer-events:none;
  }
.v270 .card-ghost{color:var(--ink-3)}
.v270 .wal[disabled]{opacity:.42;cursor:default}
.v270 .btn[disabled]{opacity:.42;cursor:default;box-shadow:none}
.v270 .btn[disabled]:hover{box-shadow:none}
.v270 .prev-switch{display:flex;gap:8px;justify-content:center;margin:0 0 16px;flex-wrap:wrap}
.v270 .prev-switch .prev-opt{
    font:inherit;font-size:13.5px;padding:9px 16px;border-radius:100px;cursor:pointer;
    border:1px solid var(--line);background:#fff;color:var(--ink-2);
  }
.v270 .prev-switch .prev-opt.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.v270 .prev-one{max-width:430px;margin:0 auto 16px}
.v270 .cert-stage{position:relative}
.v270 .cert-peek{
    position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;
    align-items:center;justify-content:flex-start;
    background:var(--paper);
  }
.v270 .cert-peek[hidden]{display:none}
.v270 .cert-peek img{
    max-width:100%;max-height:100%;width:auto;display:block;
    box-shadow:0 1px 3px rgba(21,22,26,.14), 0 8px 26px rgba(21,22,26,.12);
    border-radius:3px;
  }
.v270 .cert-peek-x{
    margin:12px 0 0;border:1px solid var(--line);background:#fff;cursor:pointer;
    font:inherit;font-size:13px;padding:7px 15px;border-radius:20px;color:var(--ink-2);
  }
.v270 .cert-peek-x:hover{border-color:var(--ink-3);color:var(--ink)}
.v270 .cert-peek-cap{margin:8px 0 0;font-size:12.5px;color:var(--ink-3);text-align:center}
.v270 .prev-one .cert{width:100%}
.v270 .prev-draft{display:flex;flex-direction:column;align-items:center;gap:10px;
    text-align:center;border-top:1px solid var(--line);padding-top:14px;margin-bottom:16px}
.v270 .prev-draft .btn{flex:0 0 auto;min-width:220px}
.v270 .prev-draft span{max-width:420px;font-size:12px;line-height:1.5;color:var(--ink-3)}
.v270 .modal-sub{font-size:13.5px;line-height:1.55;color:var(--ink-3);margin:2px 0 16px}
.v270 .modal-acts{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.v270 .modal-acts .btn{width:100%}
.v270 .modal-acts .btn-ghost{white-space:nowrap;order:-1}
@media(max-width:560px){.v270 .modal-acts{flex-direction:column}
.v270 .modal-acts .btn{width:100%}}
.v270 .reorder-found{display:flex;align-items:center;gap:13px;margin:4px 0 14px;
    border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:var(--paper-2,#faf9f7)}
.v270 .ro-sw{width:46px;height:46px;border-radius:8px;flex:0 0 auto;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.v270 .ro-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.v270 .ro-txt strong{font-size:15px}
.v270 .ro-txt span{font-size:12.5px;color:var(--ink-3)}
.v270 .ro-post{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.v270 .ro-post .post-row{display:flex;gap:8px}
.v270 .ro-post .post-row #roCode{flex:0 0 110px}
.v270 .ro-post .post-in, .v270 .ro-post .field-in{width:100%}
.v270 .ref-out{border:1px dashed var(--line);border-radius:11px;padding:13px 14px;margin-bottom:16px;
    display:flex;flex-direction:column;gap:4px;text-align:center}
.v270 .ref-out .ro-k{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.v270 .ref-out b{font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;font-size:19px;letter-spacing:.1em}
.v270 .ref-out .ro-s{font-size:11.5px;color:var(--ink-3);line-height:1.5}
.v270 .promo{margin:14px 0 4px}
.v270 .promo-open{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:12.5px;
    color:var(--ink-2);border-bottom:1px solid var(--line)}
.v270 .promo-open:hover{color:var(--ink);border-color:var(--accent)}
.v270 .promo.open .promo-open{display:none}
.v270 .promo-box{display:none;gap:8px;min-width:0}
.v270 .promo.open .promo-box{display:flex}
.v270 .promo-box .field-in{flex:1 1 auto;min-width:0;font-size:16px}
.v270 .promo-box .btn{flex:0 0 auto;padding:11px 16px}
.v270 .promo-msg{margin-top:7px;font-size:12px;line-height:1.5;color:var(--ink-3)}
.v270 .promo-msg.ok{color:var(--ink-2)}
.v270 .hold-first{margin-bottom:18px}
.v270 .who{padding-bottom:6px}
.v270 .who .opts{margin-bottom:12px}
.v270 .mails{margin-bottom:4px}
.v270 .mail-row{margin-bottom:10px}
.v270 .mail-lab{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
    color:var(--ink-3);font-weight:600;margin-bottom:5px}
.v270 .mail-row .field-in{width:100%;font-size:16px}
.v270 .mail-note{font-size:11.5px;color:var(--ink-3);line-height:1.5;margin-top:-2px}
.v270 .mail-row.gone{display:none}
.v270 .mail-note.gone{display:none}
.v270 .knowns{margin:18px 0 0;padding:2px 0 0}
.v270 .knowns .line-item span:last-child{font-family:ui-monospace,monospace;font-size:12px;color:var(--ink)}
.v270 .seg{display:inline-flex;background:var(--paper-2);border:1px solid var(--line);
       border-radius:100px;padding:3px;margin-bottom:20px}
.v270 .seg-btn{border:none;background:none;cursor:pointer;font-family:var(--sans);
       font-size:13.5px;font-weight:600;color:var(--ink-3);padding:8px 18px;
       border-radius:100px;transition:all .2s}
.v270 .seg-btn.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,22,26,.1)}
.v270 .opts{display:flex;flex-direction:column;gap:9px}
.v270 .opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;
       border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px 15px;
       cursor:pointer;font-family:var(--sans);transition:all .2s;position:relative;padding-left:42px}
.v270 .opt::before{content:"";position:absolute;left:15px;top:16px;width:15px;height:15px;
       border-radius:50%;border:1.5px solid var(--line);transition:all .2s}
.v270 .opt.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.v270 .opt.on::before{border-color:var(--accent);background:var(--accent);border-width:1.5px}
.v270 .opt.on::after{content:"";position:absolute;left:20.5px;top:19.5px;width:4px;height:8px;
       border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}
.v270 .opt-t{font-size:14px;font-weight:600;color:var(--ink)}
.v270 .opt-s{font-size:12.5px;color:var(--ink-3)}
.v270 .opt-tog::before{border-radius:5px}
.v270 .opt-tog.on::before{border-width:1.5px;background:var(--accent)}
.v270 .opt-tog.on::after{content:"";position:absolute;left:20px;top:19px;width:5px;height:9px;
       border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.v270 .opt-free{
    display:inline-block;margin-left:6px;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
    color:var(--accent-text);border:1px solid var(--accent-line);border-radius:99px;padding:2px 7px;
    vertical-align:1px;font-weight:600;
  }
.v270 .field-in{
    width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:9px;
    font-size:14px;font-family:var(--sans);background:var(--paper);color:var(--ink);resize:vertical;
  }
.v270 .field-in:focus{outline:none;border-color:var(--accent);background:#fff}
.v270 .cert-gift{
    font-size:2.95cqw;color:var(--ink-3);font-style:italic;margin-top:-3.93cqw;margin-bottom:4.49cqw;
  }
.v270 .spin{
    width:13px;height:13px;border:2px solid var(--line);border-top-color:var(--ink-3);
    border-radius:50%;animation:sp .7s linear infinite;
  }
@keyframes sp{to{transform:rotate(360deg)}}
.v270 .dot-ok{width:8px;height:8px;border-radius:50%;background:#1f7a4d}
.v270 .dot-no{width:8px;height:8px;border-radius:50%;background:#b3372c}
.v270 .cert{
    
    position:relative;z-index:1;
    container-type:inline-size;
    background:#fff;
    border:1px solid #e2ded4;
    border-radius:3px;
    padding:4.4% 6% 3.6%;
    box-shadow:var(--shadow-lg);
    position:relative;
    text-align:center;
    overflow:hidden;
    aspect-ratio:1 / 1.41421356;
    display:flex;
    
    min-height:0;
    min-width:0;
  }
.v270 .cert-inner{
    flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;
    
    min-height:0;min-width:0;overflow:hidden;
  }
.v270 .cert-inner > *{min-height:0}
.v270 .cert::before{
    content:"";position:absolute;inset:9px;border:1px solid var(--accent-line);
    border-radius:3px;pointer-events:none;transition:border-color .35s;
  }
.v270 .cert::after{
    content:"";position:absolute;inset:13px;border:.5px solid rgba(0,0,0,.07);
    border-radius:2px;pointer-events:none;
  }
.v270 .cert-inner{position:relative;z-index:2}
.v270 .cert-crest{
    font-family:var(--serif);font-size:2.81cqw;letter-spacing:.3em;text-transform:uppercase;
    color:var(--ink-3);margin-bottom:0.15cqw;
  }
.v270 .cert-seal{
    width:18.5cqw;height:18.5cqw;color:var(--ink-2);margin:0 auto 2.25cqw;opacity:.85;
    font-family:var(--serif);
  }
.v270 .cert-org{
    display:flex;align-items:center;justify-content:center;gap:2.81cqw;margin-bottom:0.9%;
  }
.v270 .cert-org .globe{width:2.6em;height:2.6em}
.v270 .cert-org{font-size:4.63cqw}
.v270 .cert-org .logo-words{text-align:left}
.v270{ --sample-ratio: 1.41421356; }
.v270 .sample{
    width:100%;max-width:100%;aspect-ratio:var(--sample-ratio);height:auto;
    margin-left:auto;margin-right:auto;
  }
.v270 .cert-mount{
    width:61.8%;margin:0 auto 1.2%;padding:1.69cqw;background:#fff;
    box-shadow:0 0 0 1px #e2ded4, 0 1px 3px rgba(21,22,26,.07);
  }
.v270 .cert:not(.has-pic).pic-s .cert-mount{width:50%}
.v270 .cert:not(.has-pic).pic-m .cert-mount{width:70%}
.v270 .cert:not(.has-pic).pic-l .cert-mount{width:80%}
.v270 .cert:not(.has-pic):not(.has-note).pic-s .cert-mount{width:56%}
.v270 .cert:not(.has-pic):not(.has-note).pic-m .cert-mount{width:76%}
.v270 .cert:not(.has-pic):not(.has-note).pic-l .cert-mount{width:84%}
.v270 .cert-note.has-breaks{text-wrap:wrap}
.v270 .cert-note{
    font-family:var(--serif);font-style:italic;font-size:var(--note-fs,4cqw);line-height:1.22;
    
    color:var(--ink-3);margin:0 auto;
    
    max-width:84%;text-wrap:balance;text-align:center;
    
    white-space:pre-line;
    
    overflow-wrap:anywhere;
    
    flex:0 0 auto;
    
    display:block;
  }
.v270 .cert-title{width:100%}
.v270 .cert-name:has(+ .cert-code:not(:empty)){margin-bottom:0.3cqw}
.v270 .cert.has-note .cert-title{padding-bottom:3.6cqw}
.v270 .cert-code{
    font-family:var(--serif);font-size:2.55cqw;color:var(--ink-3);
    letter-spacing:.06em;margin-top:0.35cqw;text-align:center;line-height:1.2;
  }
.v270 .cert-code:empty{display:none}
.v270 .cert-day{
    font-family:var(--serif);font-style:italic;font-size:2.9cqw;
    color:var(--ink-3);margin-top:0.4cqw;text-align:center;
  }
.v270 .cert-day:empty{display:none}
.v270 .cert-code .cc-hex{
    font-family:var(--mono,ui-monospace,Menlo,monospace);
    font-size:.92em;letter-spacing:.08em;
  }
.v270 .cert-note.tight{line-height:1.06}
.v270 .cert-note:empty{display:none}
.v270 .cert-note.is-sample{color:rgba(21,22,26,.34)}
.v270 .cert.has-note .cert-owner{margin-top:2.4cqw}
.v270 .cert.has-note .cert-imp{margin-bottom:3.4cqw}
.v270 .cert.has-note .cert-gift{margin-bottom:2.9cqw}
.v270 .when{margin-top:12px}
.v270 .when.gone{display:none}
.v270 .when-note{font-size:12.5px;line-height:1.55;color:var(--ink-2);margin-top:9px}
.v270 .when-note b{color:var(--ink);font-weight:600}
.v270 .when-warn{
    font-size:12.5px;line-height:1.5;color:#8a5a2b;margin-top:7px;
    padding:8px 11px;background:rgba(138,90,43,.07);border-radius:9px;
  }
.v270 .when-warn.gone{display:none}
.v270 .post-seal{
    margin-top:12px;padding:12px 13px;background:var(--paper-2);
    border:1px solid var(--line);border-radius:12px;
  }
.v270 .post-seal.gone{display:none}
.v270 .seal-tick{
    display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;
    font:inherit;background:none;border:none;padding:0;cursor:pointer;
  }
.v270 .seal-tick .x-txt strong{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}
.v270 .seal-tick .x-txt em{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:2px}
.v270 .seal-when{margin-top:11px}
.v270 .seal-when.gone{display:none}
.v270 .seal-when .mail-lab{margin-bottom:6px}
.v270 .seal-prev{
    margin-top:11px;padding:13px 12px;background:#fff;border:1px dashed var(--line);
    border-radius:8px;text-align:center;
  }
.v270 .seal-prev.gone{display:none}
.v270 .seal-prev span{
    display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);
  }
.v270 .seal-prev b{
    display:block;margin-top:4px;font-size:clamp(19px,2.2vw,26px);font-weight:800;
    letter-spacing:.06em;color:var(--ink);
  }
.v270 .post-who{font-size:12.5px;line-height:1.55;color:var(--ink-2);margin-top:11px}
.v270 .post-swap{
    display:block;margin-top:6px;font:inherit;font-size:12px;color:var(--ink-3);
    background:none;border:none;padding:0;cursor:pointer;
    text-decoration:underline;text-underline-offset:3px;
  }
.v270 .post-swap:hover{color:var(--ink)}
.v270 .locked{text-align:center;padding:40px 24px}
.v270 .locked-k{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.v270 .locked-h{font-family:var(--serif);font-size:clamp(22px,3vw,30px);margin:10px 0 6px}
.v270 .locked-d{font-family:var(--serif);font-style:italic;color:var(--ink-2);font-size:16px}
.v270 .locked-n{font-size:12.5px;color:var(--ink-3);margin-top:16px;line-height:1.6}
.v270 .note-box{margin:0 0 18px}
.v270 .note-field{position:relative;display:block}
.v270 .note-lab{
    display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--ink-3);font-weight:600;margin-bottom:7px;
  }
.v270 .note-lab i{display:block;font-style:normal;letter-spacing:.04em;text-transform:none;
    font-weight:400;opacity:.8;margin-top:2px}
.v270 .note-in{
    width:100%;font:inherit;font-family:var(--serif);font-size:14.5px;line-height:1.5;
    text-align:center;
    color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;
    padding:11px 13px 22px;resize:none;transition:border-color .15s,color .2s;
  }
.v270 .note-in.is-sample{color:var(--ink-3)}
.v270 .field-in.is-sample{color:var(--ink-3)}
.v270 .name-input.is-eg, .v270 .field-in.is-eg, .v270 .note-in.is-eg{color:var(--warn,#b23b2e)}
.v270 .note-in:focus{outline:none;border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}
.v270 .note-in:focus{color:var(--ink)}
.v270 .note-count{
    position:absolute;right:12px;bottom:9px;font-size:11px;color:var(--ink-3);
    pointer-events:none;font-variant-numeric:tabular-nums;
  }
.v270 .note-count.low{color:#8a5a2b}
.v270 .note-hint{font-size:11.5px;line-height:1.5;color:var(--ink-3);margin-top:7px}
.v270 .note-hint.is-example{color:#8a5a2b}
.v270 .cert-pair{display:contents}
.v270 .cert-photo{
    width:max-content;max-width:76%;margin:0 auto 2.4%;padding:1.69cqw;background:#fff;
    box-shadow:0 0 0 1px #e2ded4, 0 1px 3px rgba(21,22,26,.07);
  }
.v270 .cert-photo[hidden]{display:none}
.v270 .cert-photo img{
    display:block;
    height:auto;width:auto;
    max-height:var(--ph,28cqw);max-width:100%;
    object-fit:contain;
  }
.v270 .cert-org{margin-top:max(16px, 4.2cqw)}
.v270 .cert.foot-tight .cert-org{margin-top:max(13px, 3.4cqw)}
.v270 .cert.has-pic .cert-pair{
    display:flex;align-items:center;justify-content:center;
    
    width:100%;margin:3.5cqw auto 2%;position:relative;
  }
.v270 .cert.has-pic .cert-photo, .v270 .cert.has-pic .cert-mount{padding:0.7cqw}
.v270 .cert.has-pic .cert-org{font-size:3.9cqw;margin-bottom:1%}
.v270 .cert.has-pic .cert-photo{margin:0;max-width:var(--pic-w,41%);position:relative;z-index:2}
.v270 .cert.has-pic .cert-mount{width:auto;margin:0;position:relative;z-index:1}
.v270 .cert.has-pic .cert-block{
    
    
    
    
    width:var(--blk-w);
    height:auto;
    aspect-ratio:var(--pic-ar, 1 / 1.41421356);
  }
.v270 .cert.has-pic .cert-pair{
    --blk-w:min(var(--pic-wq, 41cqw), calc(var(--ph,34cqw) * var(--pic-arn, 0.7071)));
    --blk-h:calc(var(--blk-w) / var(--pic-arn, 0.7071));
    
    --frame:1.4cqw;
  }
.v270 .cert.has-pic .cert-mount{width:max-content}
.v270 .cert.has-pic .cert-mount{max-width:var(--pic-w,41%);flex:0 0 auto}
.v270 .cert.lay-side .cert-pair{gap:2.4cqw}
.v270 .cert.lay-side.pic-wide .cert-pair{flex-direction:column;align-items:center}
.v270 .cert.lay-over .cert-pair{align-items:flex-start}
.v270 .cert.has-pic .cert-pair{flex:0 0 auto}
.v270 .cert.lay-over .cert-photo{margin-top:max(6cqw, calc((var(--blk-h) + var(--frame)) * 0.129))}
.v270 .cert.lay-over .cert-mount{
    
    
    margin-left:calc((var(--blk-w) + var(--frame)) * (var(--ovl, 0.129) - 1));
    margin-top:0;
  }
.v270 .cert.lay-side .cert-pair{--ph:calc(var(--phb) * 0.78)}
.v270 .cert.lay-over .cert-pair{--ph:var(--phb)}
.v270 .cert.pic-s{--phb-base:38.2cqw;--phb:var(--phb-base);--pic-w:62%}
.v270 .cert.pic-m{--phb-base:48.1cqw;--phb:var(--phb-base);--pic-w:80%}
.v270 .cert.pic-l{--phb-base:58.0cqw;--phb:var(--phb-base);--pic-w:96%}
.v270 .cert.pic-s .cert-pair{--pic-wq:62cqw}
.v270 .cert.pic-m .cert-pair{--pic-wq:80cqw}
.v270 .cert.pic-l .cert-pair{--pic-wq:96cqw}
.v270 .cert:not(.has-note).pic-s{--phb-base:42.4cqw;--pic-w:62%}
.v270 .cert:not(.has-note).pic-m{--phb-base:53.7cqw;--pic-w:80%}
.v270 .cert:not(.has-note).pic-l{--phb-base:63.6cqw;--pic-w:96%}
.v270 .cert:not(.has-note).pic-s .cert-pair{--pic-wq:62cqw}
.v270 .cert:not(.has-note).pic-m .cert-pair{--pic-wq:80cqw}
.v270 .cert:not(.has-note).pic-l .cert-pair{--pic-wq:96cqw}
.v270 .cert.lay-side.pic-s{--pic-w:36%}
.v270 .cert.lay-side.pic-s .cert-pair{--pic-wq:36cqw}
.v270 .cert.lay-side.pic-m{--pic-w:45%}
.v270 .cert.lay-side.pic-m .cert-pair{--pic-wq:45cqw}
.v270 .cert.lay-side.pic-l{--pic-w:55%}
.v270 .cert.lay-side.pic-l .cert-pair{--pic-wq:55cqw}
.v270 .cert.lay-side.pic-wide.pic-s{--pic-w:62%}
.v270 .cert.lay-side.pic-wide.pic-m{--pic-w:78%}
.v270 .cert.lay-side.pic-wide.pic-l{--pic-w:92%}
.v270 .cert.lay-side.pic-wide.pic-s .cert-pair{--pic-wq:62cqw}
.v270 .cert.lay-side.pic-wide.pic-m .cert-pair{--pic-wq:78cqw}
.v270 .cert.lay-side.pic-wide.pic-l .cert-pair{--pic-wq:92cqw}
.v270 .cert-block{
    
    max-height:none;
    border-radius:0;background:var(--accent);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);
    margin:0;transition:background .35s ease;
    display:flex;align-items:flex-end;justify-content:flex-end;padding:2.53cqw 3.09cqw;
    position:relative;overflow:hidden;
  }
.v270[data-entry="f"]{--ico-w:34px; --ico-gap:12px}
.v270[data-entry="f"] .word-row{
    
    display:block;margin:0;padding:4px 0 4px;
    padding-left:calc(var(--ico-w) + var(--ico-gap));
    
    width:100%;align-self:stretch;
    
    border:0;border-left:1px solid transparent;
  }
.v270[data-entry="f"] .word-lab{
    display:block;margin:0 0 6px;font-style:normal;
    font-family:var(--sans);font-size:14px;font-weight:400;
    letter-spacing:normal;text-transform:none;color:var(--ink);
  }
.v270[data-entry="f"] .word-field{display:block;width:100%;flex:1 1 100%}
.v270[data-entry="f"] .word-in{width:100%;font-style:normal}
.v270[data-entry="f"] .word-in::placeholder{font-style:normal}
.v270[data-entry="f"] #picInvite, .v270[data-entry="f"] #studio .wheel-box #picInvite{
    border-bottom:0;margin:0;width:100%;max-width:none;justify-self:stretch;
  }
.v270[data-entry="f"] #studio .wheel-box #picInvite .pic-btn, .v270[data-entry="f"] .wheel-box #picInvite .pic-btn{
    padding:26px 0 0;align-items:flex-start;gap:var(--ico-gap);width:100%;
  }
.v270[data-entry="f"] .pic-ico{width:var(--ico-w);height:var(--ico-w);flex:0 0 var(--ico-w)}
.v270[data-entry="f"] .pic-btn > span:last-child{padding-bottom:0}
.v270[data-entry="f"] #picBtn b .pb-tail{display:inline}
@media (max-width:1099px){.v270[data-entry="f"] #picBtn b .pb-tail{display:none}
.v270[data-entry="f"] #studio .wheel-box #picInvite .pic-btn, .v270[data-entry="f"] .wheel-box #picInvite .pic-btn{padding-top:0}}
@media (min-width:1100px){.v270[data-entry="f"] .word-row{
      display:flex;align-items:center;gap:10px;
    }
.v270[data-entry="f"] .word-lab{flex:0 0 auto;margin:0;white-space:nowrap}
.v270[data-entry="f"] .word-field{flex:1 1 auto;width:auto;min-width:0}}
.v270[data-entry="f"] #studio .wheel-box #picInvite .pic-btn b, .v270[data-entry="f"] .wheel-box #picInvite .pic-btn b{
    font-family:var(--sans);font-size:14px;font-weight:400;
    line-height:1.4;color:var(--ink);letter-spacing:normal;
  }
.v270[data-entry="f"] #studio .wheel-box #picInvite .pic-btn b i{
    display:block;margin:3px 0 0;color:var(--warn,#C8102E);opacity:1;
    font-family:var(--sans);font-style:normal;font-weight:700;
    font-size:14px;line-height:1.3;letter-spacing:.02em;text-transform:none;
    white-space:nowrap;
  }
.v270[data-entry="f"] .pic-btn b i::before{content:none}
.v270[data-entry="f"] #studio .wheel-box #picInvite .pic-btn em, .v270[data-entry="f"] .wheel-box #picInvite .pic-btn em{display:none}
.v270[data-entry="f"] .pic-btn em{display:none}
.v270 .word-row{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
    padding:11px 15px 13px;border-bottom:1px solid var(--line);
    margin:0 -20px 14px;
  }
.v270 .word-lab{
    flex:0 0 auto;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
    font-weight:600;color:var(--ink-3);
  }
.v270 .word-field{position:relative;flex:1 1 180px;min-width:0}
.v270 .word-in{
    width:100%;font:inherit;font-size:14.5px;padding:9px 11px;
    border:1px solid var(--line);border-radius:9px;background:var(--paper);
    color:var(--ink);
  }
.v270 .word-in:focus{outline:none;border-color:var(--accent-line);background:#fff}
.v270 .word-in::placeholder{color:var(--ink-4,#a9adb8)}
.v270 .word-list{
    position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:40;
    background:#fff;border:1px solid var(--line);border-radius:11px;
    box-shadow:var(--shadow-lg);overflow:hidden;max-height:280px;overflow-y:auto;
  }
.v270 .word-list[hidden]{display:none}
.v270 .wl-hit{
    display:flex;align-items:center;gap:10px;width:100%;text-align:left;
    font:inherit;font-size:14px;cursor:pointer;background:none;border:0;
    padding:8px 11px;color:var(--ink);
  }
.v270 .wl-hit:hover{background:var(--paper-2)}
.v270 .wl-sw{
    flex:0 0 auto;width:24px;height:24px;border-radius:6px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);
  }
.v270 .wl-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v270 .cb-nm{
    
    position:absolute;top:1.7cqw;right:1.05cqw;left:2.1cqw;
    text-align:right;
    font-family:"Alegreya SC",var(--serif);font-size:var(--cbn-fs,1.39cqw);
    
    line-height:1.08;letter-spacing:.045em;font-weight:400;
    
    color:var(--cbn-ink,#fff);opacity:.85;
    white-space:nowrap;overflow:hidden;
    pointer-events:none;
  }
.v270 .cb-nm:empty{display:none}
.v270 .cb-hx{
    display:block;margin-top:0;
    font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;
    font-size:calc(var(--cbn-fs,1.39cqw) * 0.80);
    letter-spacing:.02em;font-weight:400;opacity:.72;
  }
.v270 .cb-n{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v270 .cb-nm{color:#151a21;text-shadow:0 1px 2px rgba(255,255,255,.45)}
.v270 .cb-nm.on-dark{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.v270 .cert.lay-over .cert-block .cb-nm{overflow:hidden}
.v270 .cert.lay-over .cert-block .cb-hx{white-space:nowrap}
.v270 .cert-block-wl .cb-nm{display:none}
.v270 .cert:not(.has-pic) .cert-block{max-height:35.35cqw}
.v270 .cert:not(.has-pic).pic-s .cert-block{max-height:35.35cqw}
.v270 .cert:not(.has-pic).pic-m .cert-block{max-height:49.50cqw}
.v270 .cert:not(.has-pic).pic-l .cert-block{max-height:65.05cqw}
.v270 .cert:not(.has-pic):not(.has-note) .cert-block{max-height:49.50cqw}
.v270 .cert:not(.has-pic):not(.has-note).pic-s .cert-block{max-height:49.50cqw}
.v270 .cert:not(.has-pic):not(.has-note).pic-m .cert-block{max-height:63.64cqw}
.v270 .cert:not(.has-pic):not(.has-note).pic-l .cert-block{max-height:66.47cqw}
.v270 .cert-block code{
    font-family:ui-monospace,monospace;font-size:2.95cqw;letter-spacing:.1em;
    padding:0.843cqw 1.97cqw;border-radius:3px;background:rgba(255,255,255,.82);color:#222;
  }
.v270 #picBtn b strong{font-weight:700}
.v270 #picBtn b strong{color:#C8102E}
.v270 .cert-lead{
    font-family:"Alegreya SC",var(--serif);
    font-size:2.35cqw;letter-spacing:.13em;text-transform:uppercase;
    color:var(--ink-3);margin-bottom:1.5cqw;
  }
.v270 .cert-name{
    
    text-wrap:balance;
    letter-spacing:.01em;
    
    font-family:var(--serif);font-style:normal;font-size:7.87cqw;
    line-height:1.1;margin-bottom:0;color:var(--ink);
    word-break:break-word;
  }
.v270 .cert-desig{
    font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;font-size:3.09cqw;
    letter-spacing:.12em;color:var(--ink-2);margin-bottom:1.97cqw;text-transform:uppercase;
  }
.v270 .cert-inner > *{flex:0 0 auto}
.v270 .cert-owner{color:var(--ink-3);margin:3.8cqw 0 3.0cqw;letter-spacing:.01em;line-height:1.28}
.v270 .cert:not(.has-note) .cert-owner{margin-top:6.4cqw}
.v270 .cert-owner .co-k{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:2.11cqw;margin-bottom:0.281cqw}
.v270 .cert-owner .co-v{font-family:var(--serif);font-style:normal;
    font-size:6.01cqw;color:var(--ink);word-break:break-word}
.v270 .cf-v .cert-code{font-size:.64em;font-style:normal;letter-spacing:.04em;color:var(--ink-3)}
.v270 .cert-family{font-size:3.09cqw;color:var(--ink-3);margin-bottom:0.843cqw;font-style:italic}
.v270 .cert-term{font-size:2.5cqw;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.69cqw}
.v270 .cert-meta{
    display:grid;grid-template-columns:repeat(4,1fr);gap:2.1cqw;
    border-top:1px solid rgba(0,0,0,.09);padding-top:1.97cqw;margin-bottom:1.97cqw;
  }
.v270 .cert-meta div{text-align:center}
.v270 .cert-meta .k{font-size:2.11cqw;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:0.562cqw}
.v270 .cert-meta .v{font-family:ui-monospace,monospace;font-size:2.67cqw;color:var(--ink-2)}
.v270 .cert-site{
    font-family:"Alegreya SC",var(--serif);
    font-size:2.15cqw;letter-spacing:.06em;text-transform:none;
    color:var(--ink-3);line-height:1.32;
  }
.v270 .cert-site > span{display:block}
.v270 .cert-site em{
    display:block;font-style:normal;font-size:1em;letter-spacing:.05em;
    
    
    font-size:0.9em;
    margin:.05em 0 .38em;line-height:1.34;
  }
.v270 .cert-foot{padding:0.562cqw 7.6% 0;text-align:left}
.v270 .cf-row{
    display:flex;align-items:baseline;justify-content:space-between;gap:3.37cqw;
    padding:1.12cqw 0;border-bottom:.5px solid rgba(0,0,0,.08);
  }
.v270 .cf-row:last-child{border-bottom:none}
.v270 .cf-row.cf-gone{display:none}
.v270 .cert-foot.cf-gone{display:none}
.v270 .cf-k{
    font-size:2.11cqw;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);
    white-space:nowrap;flex:0 0 auto;
  }
.v270 .cf-v{
    font-family:var(--serif);font-style:italic;font-size:3.23cqw;color:var(--ink-2);
    text-align:right;min-width:0;
    
    overflow-wrap:anywhere;white-space:normal;
  }
.v270 .cf-row{align-items:flex-start}
.v270 .cert-wm{
    
    position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden;
    background:none;border-radius:inherit;
  }
.v270 .cert-wm > span{
    position:absolute;left:50%;width:110%;          
    transform:translate(-50%,-50%) rotate(-22deg);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--sans);font-weight:800;text-transform:uppercase;
    font-size:8.99cqw;letter-spacing:.18em;
    color:rgba(21,22,26,.30);
    border:1.12cqw solid rgba(21,22,26,.19);border-radius:8px;
    
    background:rgba(255,255,255,.46);
    padding:0;height:20.35cqw;white-space:nowrap;box-sizing:border-box;
    
  }
.v270 .cert-wm .wm1{top:30%}
.v270 .cert-wm .wm2{top:70%}
.v270 .cert-wm .wm1{font-size:9cqw;letter-spacing:.05em;line-height:.98;white-space:normal}
.v270 .cert-wm .wm2{font-size:9cqw;letter-spacing:.05em;line-height:.98;white-space:normal}
.v270 .cert-wm .wm2 b{font-weight:inherit;display:block;text-align:center;width:100%}
.v270 .cert-wm .wm1 b{font-weight:inherit;display:block;text-align:center;width:100%}
.v270 .cert.paid .cert-wm{display:none}
.v270 .cert-intro{
    text-align:center;font-family:var(--serif);font-style:italic;
    font-size:clamp(28px,4vw,42px);
    color:var(--ink-2);margin-bottom:14px;
  }
.v270 .pic-invite{margin:0 0 14px;text-align:center;width:100%}
.v270 .pic-invite .pic-btn{display:flex;width:100%;justify-content:flex-start}
.v270 .pic-btn{
    display:inline-flex;align-items:center;gap:11px;background:#fff;
    border:1px solid var(--line);border-radius:14px;padding:9px 16px 9px 11px;
    cursor:pointer;font:inherit;text-align:left;transition:border-color .15s,box-shadow .15s;
  }
.v270 .pic-btn:hover{border-color:var(--accent-line);box-shadow:var(--shadow)}
.v270 .pic-btn b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}
.v270 .pic-btn b i{font-style:normal;font-weight:400;color:var(--ink-3)}
.v270 .pic-btn em{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:1px}
.v270 .pic-ico{
    width:34px;height:34px;flex:0 0 auto;border-radius:7px;position:relative;
    overflow:hidden;background:#fff;
    box-shadow:0 0 0 1px rgba(21,22,26,.16), 0 1px 3px rgba(21,22,26,.14);
    background-image:linear-gradient(#7cc4e8 0 38%, #f2c86a 38% 56%, #d98a5a 56% 74%, #4e9e6a 74% 100%);
    background-clip:padding-box;
    border:3px solid #fff;
  }
.v270 .pic-ico::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:52%;
    background:rgba(28,58,42,.55);
    clip-path:polygon(0 100%,30% 26%,52% 62%,72% 34%,100% 100%);
  }
.v270 .pic-ico::before{
    content:"";position:absolute;right:5px;top:4px;width:7px;height:7px;border-radius:50%;
    background:#fff;opacity:.92;box-shadow:0 0 0 1px rgba(21,22,26,.10);
  }
.v270 .pic-stage{display:flex;flex-direction:column;align-items:stretch}
.v270 .pic-stage[hidden]{display:none}
.v270 .pic-hold{aspect-ratio:1 / 1.1;max-height:64vh}
.v270 .pic-hold{
    position:relative;background:var(--paper-2);border:1px solid var(--line);border-radius:4px;
    overflow:hidden;display:flex;align-items:center;justify-content:center;
    box-shadow:var(--shadow-lg);touch-action:none;
  }
.v270 .pic-hold img{display:block;max-width:100%;max-height:100%;object-fit:contain;
    -webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}
.v270 .disc{
    position:absolute;width:118px;height:118px;border-radius:50%;padding:0;
    background:#fff;overflow:hidden;
    cursor:grab;touch-action:none;transition:opacity .12s;
  }
.v270 .disc:active{cursor:grabbing}
.v270 .disc.hidden{opacity:0}
.v270 .pic-x, .v270 .pic-full{
    position:absolute;background:rgba(21,22,26,.62);color:#fff;border:none;
    border-radius:100px;cursor:pointer;font:inherit;backdrop-filter:blur(4px);
  }
.v270 .pic-x{top:10px;right:10px;width:30px;height:30px;font-size:20px;line-height:1;border-radius:50%}
.v270 .pic-full{left:10px;bottom:10px;font-size:12.5px;padding:8px 14px;display:none}
.v270.pic-is-ours #discTip, .v270.pic-is-ours #picFull, .v270.pic-is-ours #picX, .v270.pic-is-ours #picNote, .v270.pic-is-ours #disc{display:none!important}
.v270.pic-is-ours #picHold{cursor:default}
.v270 .pic-btn b i{
    display:block;margin:5px 0 0;font-style:normal;font-weight:400;
    font-size:12.5px;line-height:1.5;color:var(--ink-3);letter-spacing:normal;
    text-transform:none;
  }
.v270 .tri-note{margin:9px 1px 0;font-size:12px;color:var(--ink-3);line-height:1.5}
.v270 .tri-mine{position:relative}
.v270 .tri-hint{
    display:block;margin:8px 1px 0;text-align:left;
    color:var(--ink-3);
    font-family:var(--sans);font-size:11px;font-weight:400;font-style:normal;
    line-height:1.45;letter-spacing:0;text-transform:none;
    opacity:0;height:0;overflow:hidden;transition:opacity .18s ease;
  }
.v270 .tri-row:hover ~ .tri-hint, .v270 .tri-mine:hover ~ .tri-hint{opacity:1;height:auto}
.v270 .tri:hover .tri-hint{opacity:1;height:auto}
.v270 .tri-mine:hover .tri-hint, .v270 .tri-mine:focus-within .tri-hint{opacity:1}
.v270 .pic-default{
    width:28px;height:28px;border-radius:5px;flex:0 0 auto;object-fit:cover;
    box-shadow:inset 0 0 0 1px rgba(21,22,26,.14);opacity:.92;
  }
@media(min-width:1100px){.v270 #triMine{display:none}
.v270 .wheel-box #tri{grid-area:exs;width:100%;justify-self:stretch}
.v270 .tri{
      margin:18px 0 0;padding-top:15px;border-top:1px solid var(--line);
      max-width:430px;
    }
.v270 .tri-heads{display:flex;margin:0 0 7px}
.v270 .tri-heads .th-a{display:none}
.v270 .tri-heads .th-b{
      font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
      color:var(--ink-3);font-weight:700;
    }
.v270 .tri-row{display:flex;gap:12px;align-items:flex-start}
.v270 .tri-ex{
      flex:1 1 0;min-width:0;border:0;padding:0;background:#fff;cursor:pointer;
      border-radius:5px;overflow:hidden;display:block;
      box-shadow:0 1px 2px rgba(21,22,26,.13), 0 5px 14px rgba(21,22,26,.09);
      transition:transform .16s ease, box-shadow .16s ease;
    }
.v270 .tri-ex:hover{transform:translateY(-2px);
      box-shadow:0 2px 5px rgba(21,22,26,.15), 0 10px 22px rgba(21,22,26,.12)}
.v270 .tri-ex img{
      width:100%;display:block;
      aspect-ratio:1 / 1;
      object-fit:cover;
      object-position:top center;
    }
.v270 .tri-note{margin:9px 1px 0;font-size:12px;color:var(--ink-3)}
.v270.pic-is-ours #picStage{display:none}}
.v270 .exview{
    position:fixed;inset:0;z-index:60;background:var(--paper);overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
.v270 .exview[hidden]{display:none}
.v270 .exview-in{max-width:520px;margin:0 auto;padding:18px 20px 40px}
.v270 .exview-back{
    background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--ink-2);
    cursor:pointer;text-decoration:underline;text-decoration-color:var(--line);
    text-underline-offset:3px;margin:0 0 14px;
  }
.v270 .exview-sheet{border-radius:6px;overflow:hidden;
    box-shadow:0 2px 6px rgba(21,22,26,.16), 0 14px 34px rgba(21,22,26,.12)}
.v270 .exview-sheet img{width:100%;display:block}
.v270 .exview-nm{font-family:var(--serif);font-weight:400;font-size:21px;margin:14px 0 0}
.v270 .exview-note{
    font-family:var(--serif);font-style:italic;color:var(--ink-3);font-size:15px;
    margin:6px 0 0;white-space:pre-line;line-height:1.42;
  }
.v270 .exview-meta{font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:11.5px;
    color:var(--ink-3);margin:10px 0 0}
.v270 .exview-nav{display:flex;gap:9px;margin:16px 0 0}
.v270 .exview-nav button{
    flex:1;background:none;border:1px solid var(--line);border-radius:10px;padding:11px;
    font:inherit;font-size:13.5px;color:var(--ink-2);cursor:pointer;
  }
.v270 .exview-nav button:hover{border-color:var(--ink-3);color:var(--ink)}
.v270 .exview-cap{
    font-family:var(--serif);font-style:italic;font-size:14.5px;color:var(--ink-3);
    margin:14px 0 0;
  }
.v270 .exview-foot{font-size:12px;color:var(--ink-3);margin:16px 0 0;line-height:1.55}
@media(max-width:1099px){.v270 #navSteps{display:none!important}
.v270 section.lead{padding-top:13px!important}
.v270 section.lead .splitter{display:none}
.v270 section.lead > .wrap{padding-top:0}
.v270 .hero-top{padding-top:0;margin-top:0}
.v270 .hero h1{margin-top:0}
.v270 .hero-top h1{
      font-size:clamp(25px, 7.1vw, 31px);line-height:1.18;margin:0;
    }
.v270 .hero-top h1 em{font-size:.94em;display:block;margin-top:1px}
.v270 .wheel-hold{max-width:212px}
.v270 .pic-invite{margin-top:10px}
.v270 .studio-sliders{margin-bottom:9px}}
@media(max-width:1099px){.v270 #wordRow{display:none}
.v270 .studio-sliders{
      border:1px solid var(--line);border-radius:11px;background:#fff;
      padding:9px 12px 11px;margin:0 0 11px;
    }
.v270 .studio-sliders .slider-row{margin:0;gap:10px}
.v270 .studio-sliders .slider-row + .slider-row{margin-top:9px}
.v270 .studio-sliders .stepper{display:none}
.v270 .studio-sliders .slider-lab{
      font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;
      color:var(--ink-3);font-weight:700;width:58px;flex:0 0 auto;
    }
.v270 .studio-sliders input[type=range]{height:4px}
.v270 .studio-sliders input[type=range]::-webkit-slider-thumb{width:17px;height:17px}
.v270 .studio-sliders input[type=range]::-moz-range-thumb{width:17px;height:17px}
.v270 #codes .code-f.stack{flex-direction:row;align-items:center;gap:7px}
.v270 #codes .code-k{font-size:9.5px;letter-spacing:.08em;margin:0;flex:0 0 auto}
.v270 #codes .code-k::after{content:":"}
.v270 #codes .code-in{padding:8px 9px;font-size:13.5px}
.v270 .tri{margin:13px 0 0}
.v270 .tri-heads{display:flex;gap:8px;margin:0 0 5px}
.v270 .tri-heads span{
      font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;
      color:var(--ink-3);font-weight:700;
    }
.v270 .tri-heads .th-a{flex:0 0 calc((100% - 16px)/3)}
.v270 .tri-heads .th-b{flex:1}
.v270 .tri-row{display:flex;gap:8px}
.v270 .tri-row > *{
      flex:1 1 0;min-width:0;border-radius:7px;background:#fff;
      box-shadow:0 1px 2px rgba(21,22,26,.13), 0 4px 11px rgba(21,22,26,.08);
      
      overflow:hidden;position:relative;
    }
.v270 .tri-mine{align-self:flex-start}
.v270 .tri-clone{
      position:absolute;left:0;top:0;pointer-events:none;
      
    }
.v270 .tri-clone .cert-wm, .v270 .tri-clone .cert-draft{display:none!important}
.v270 .tri-mine .tri-clone{transform-origin:top left}
.v270 .tri-ex{cursor:pointer;border:0;padding:0;display:block}
.v270 .tri-ex img{width:100%;display:block;aspect-ratio:1 / 1;
      object-fit:cover;object-position:top center}
.v270 .tri-note{font-size:11px;color:var(--ink-3);margin:8px 1px 0;line-height:1.45}}
@media(max-width:1099px){.v270 .presets{display:none}
.v270 .change-note{display:none}
.v270 .wheel-ctrl .pic-invite{margin:14px 0 4px}
.v270 .wheel-ctrl .pic-btn{width:100%}
.v270 .pic-hold{aspect-ratio:1 / .92;max-height:48vh}
.v270 .pic-full{display:block}
.v270 .pic-warm{font-size:11px}}
.v270 .pic-note{font-size:12px;color:var(--ink-3);text-align:center;margin-top:10px;font-style:italic}
.v270 .pick-row{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin-top:12px;padding:9px 11px;background:var(--paper-2);
    border:1px solid var(--line);border-radius:12px;
  }
.v270 .pick-lab{font-size:12.5px;color:var(--ink-2);line-height:1.35}
.v270 .pick-sizes{display:flex;gap:6px;flex:0 0 auto}
.v270 .pick-sz{
    font:inherit;font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer;
    background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px 10px;
    line-height:1.15;text-align:center;transition:border-color .15s,color .15s;
  }
.v270 .pick-sz em{display:block;font-style:normal;font-weight:500;font-size:10px;color:var(--ink-3)}
.v270 .pick-sz:hover{border-color:var(--accent-line)}
.v270 .pick-sz.on{border-color:var(--accent-text);color:var(--ink);box-shadow:0 0 0 1px var(--accent-text)}
.v270 .pick-sz.on em{color:var(--accent-text)}
.v270 .pick-note{
    font-size:12px;color:var(--ink-2);text-align:center;margin-top:9px;font-style:italic;
  }
.v270 .pick-note[hidden]{display:none}
.v270 .loupe{
    position:fixed;width:118px;height:118px;border-radius:50%;
    display:none;pointer-events:none;z-index:9999;
    background:#fff;overflow:hidden;
  }
.v270 .loupe.on{display:block}
.v270 .loupe, .v270 .disc{
    border:15px solid var(--loupe-c,#fff);
    box-shadow:
      0 0 0 1.5px rgba(255,255,255,.98),
      0 0 0 2.6px rgba(21,22,26,.30),
      0 8px 22px rgba(21,22,26,.30);
  }
.v270 .loupe::after, .v270 .disc::after{
    content:"";position:absolute;inset:0;border-radius:50%;
    border:3px solid #fff;pointer-events:none;z-index:3;
  }
.v270 .loupe-mag{z-index:1}
.v270 .loupe-x{z-index:4}
.v270 .loupe-mag{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.v270 .loupe-x{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none}
.v270 .loupe-x::before, .v270 .loupe-x::after{
    content:"";position:absolute;background:rgba(255,255,255,.95);
    box-shadow:0 0 0 1px rgba(21,22,26,.6);
  }
.v270 .loupe-x::before{left:50%;top:0;bottom:0;width:1.5px;margin-left:-.75px}
.v270 .loupe-x::after{top:50%;left:0;right:0;height:1.5px;margin-top:-.75px}
.v270 .disc-tip{
    position:absolute;z-index:5;pointer-events:none;
    transform:translate(-50%,0);
    background:rgba(21,22,26,.78);color:#fff;
    font-size:11.5px;font-weight:600;letter-spacing:.02em;
    padding:4px 9px;border-radius:100px;white-space:nowrap;
    transition:opacity .25s ease;
  }
.v270 .disc-tip.gone{opacity:0}
.v270 .ver-badge{
    flex:0 0 auto;align-self:center;
    font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;
    font-size:11px;font-weight:600;letter-spacing:.04em;
    color:var(--warn,#b23b2e);
    background:rgba(178,59,46,.09);
    border:1px solid rgba(178,59,46,.30);
    border-radius:5px;padding:1px 6px;margin-left:10px;
  }
.v270 .pick-mark{
    position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;
    border:2px solid rgba(252,252,251,.96);box-shadow:0 0 0 1px rgba(21,22,26,.55);
    pointer-events:none;z-index:4;
  }
.v270 .pick-mark::after{
    content:"";position:absolute;inset:3px;border-radius:50%;
    border:1px solid rgba(21,22,26,.5);
  }
.v270 .pick-mark[hidden]{display:none}
.v270 .match-pick{justify-content:space-between}
.v270 .match-pick .pick-sizes{width:auto;flex:1 1 auto;justify-content:flex-end;
    text-transform:none;letter-spacing:normal;color:inherit}
.v270 .match-pick .pick-sz{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#e8e9ee}
.v270 .match-pick .pick-sz em{color:#a9abb4}
.v270 .match-pick .pick-sz.on{background:#fff;color:#15161a;border-color:#fff;box-shadow:none}
.v270 .match-pick .pick-sz.on em{color:#5b5d66}
@media(max-width:1099px){.v270 .pick-row{flex-direction:column;align-items:stretch;gap:8px;text-align:center}
.v270 .pick-sizes{justify-content:center}}
.v270 .pic-warm{font-size:11.5px;line-height:1.55;color:var(--ink-3);margin-top:10px;
    padding:11px 13px;background:var(--paper-2);border:1px solid var(--line);border-radius:10px}
.v270 .pic-soft{color:#8a5a2b}
.v270 .opt-lead{
    font-family:var(--serif);font-size:19px;color:var(--ink);margin-bottom:11px;
  }
.v270 #sizePick[hidden]{display:none!important}
.v270 .lay-pick{display:flex;flex-direction:column;gap:8px}
.v270 .size-pick{display:flex;gap:8px}
.v270 .size-sm{
    flex:1 1 0;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink-2);
    background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 6px;
    cursor:pointer;transition:border-color .15s,color .15s;
  }
.v270 .size-sm:hover{border-color:var(--accent-line)}
.v270 .size-sm.on{border-color:var(--accent-text);color:var(--ink);box-shadow:0 0 0 1px var(--accent-text)}
.v270 .opt-lead-2{margin-top:16px}
.v270.no-pic-lay #sizeLead, .v270.no-pic-lay #sizePick{display:none}
.v270 .size-opt{
    display:flex;align-items:center;gap:14px;text-align:left;font:inherit;cursor:pointer;
    background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px;
    transition:border-color .15s,box-shadow .15s;
  }
.v270 .size-opt:hover{border-color:var(--accent-line)}
.v270 .size-opt.on{border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}
.v270 .size-txt b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.v270 .size-txt em{display:block;font-style:normal;font-size:12px;color:var(--ink-3);margin-top:2px}
.v270 .size-fig{
    width:34px;flex:0 0 auto;aspect-ratio:1 / 1.41421356;background:#fff;
    border:1px solid #e2ded4;display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:2px;padding:3px;
  }
.v270 .size-fig i{display:block;background:var(--accent);opacity:.9}
.v270 .size-fig .sf-pic{background:var(--ink-3);opacity:.42}
.v270 .size-fig.lf-none .sf-col{width:62%;aspect-ratio:1.414}
.v270 .size-fig.lf-side{flex-direction:row;gap:3px}
.v270 .size-fig.lf-side .sf-pic{height:30%;aspect-ratio:1}
.v270 .size-fig.lf-side .sf-col{height:30%;aspect-ratio:1.414}
.v270.pic-landscape .size-fig.lf-side{flex-direction:column;gap:3px}
.v270.pic-landscape .size-fig.lf-side .sf-pic{height:auto;width:56%;aspect-ratio:2.4}
.v270.pic-landscape .size-fig.lf-side .sf-col{height:auto;width:56%;aspect-ratio:2.4}
.v270 .size-fig.lf-over{flex-direction:row;gap:0}
.v270 .size-fig.lf-over .sf-col{height:26%;aspect-ratio:1.414;margin-right:-9%}
.v270 .size-fig.lf-over .sf-pic{height:34%;aspect-ratio:1;position:relative;z-index:2}
.v270 .sheet-swap{
    margin-top:14px;font:inherit;font-size:13px;color:var(--ink-3);background:none;
    border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;
  }
.v270 .sheet-swap:hover{color:var(--ink)}
.v270 .sec-title{
    margin:0 0 6px;padding-top:30px;
    font-size:12px;letter-spacing:.13em;text-transform:uppercase;
    font-weight:600;color:var(--ink-3);
  }
.v270 .cert-stage .pic-opts{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.v270 .cert-stage .opt-lead{font-size:17px}
.v270 .cert-mini{
    display:flex;align-items:center;gap:11px;margin-top:12px;background:#fff;
    border:1px solid var(--line);border-radius:12px;padding:9px 14px 9px 10px;
    cursor:pointer;font:inherit;font-size:13.5px;color:var(--ink-2);width:100%;
  }
.v270 .cert-mini:hover{border-color:var(--accent-line)}
.v270 .mini-sheet{
    width:30px;height:42px;flex:0 0 auto;background:#fff;border:1px solid #e2ded4;
    display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(21,22,26,.1);
  }
.v270 .mini-patch{width:62%;aspect-ratio:1.41421356;background:var(--accent);display:block}
.v270 .match{position:fixed;left:0;top:0;width:100vw;width:100dvw;height:100vh;height:100dvh;
    z-index:300;background:#0e0f12;display:none;
    flex-direction:column;touch-action:none}
.v270 .match-x{
    position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:8;
    width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;
    background:rgba(18,19,23,.62);color:#fff;font-size:24px;line-height:1;
    display:flex;align-items:center;justify-content:center;
    backdrop-filter:blur(6px);
  }
.v270 .match-x:hover{background:rgba(18,19,23,.82)}
.v270 .match.show{display:flex}
.v270 .match-pic{flex:1 1 auto;position:relative;min-height:0;display:flex;
    align-items:center;justify-content:center;overflow:hidden}
.v270 .match-pic img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;
    -webkit-user-select:none;user-select:none}
.v270 .match-cancel{
    flex:0 0 auto;padding:0 22px;height:52px;border-radius:100px;cursor:pointer;
    background:none;border:1px solid rgba(255,255,255,.34);color:#fff;
    font:inherit;font-size:15px;font-weight:600;
  }
.v270 .match-cancel:hover{background:rgba(255,255,255,.10)}
.v270 .match-bar .match-done{flex:1 1 auto;margin:0}
.v270 .match-bar{
    flex:0 0 auto;background:rgba(18,19,23,.94);padding:14px 16px calc(14px + env(safe-area-inset-bottom));
    display:flex;flex-direction:row;align-items:center;gap:10px;
  }
.v270 .match-row{display:flex;align-items:center;gap:12px}
.v270 .match-row span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;
    color:#8b8f9c;width:64px;flex:0 0 auto}
.v270 .match-row input[type=range]{flex:1;height:10px;border:none}
.v270 .hue-strip{flex:1;height:14px;border-radius:100px;border:none;
    background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.v270 .match-done{
    background:#fff;color:#15161a;border:none;border-radius:100px;padding:12px 22px;
    font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;align-self:stretch;
  }
.v270 .match-top{position:absolute;top:0;left:0;right:0;padding:12px 16px;display:flex;
    justify-content:space-between;align-items:center;color:#fff;font-size:12.5px;
    background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);pointer-events:none;padding-right:64px}
.v270 .cert-caption{
    text-align:center;font-size:12px;color:var(--ink-3);margin-top:16px;font-style:italic;
  }
.v270 .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.v270 .tier{
    border:1px solid var(--line);border-radius:14px;padding:28px 24px;background:#fff;
    display:flex;flex-direction:column;transition:all .22s ease;position:relative;
  }
.v270 .tier:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.v270 .tier.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.v270 .tier-badge{
    position:absolute;top:-10px;left:50%;transform:translateX(-50%);
    background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:700;
    letter-spacing:.11em;text-transform:uppercase;padding:4px 12px;border-radius:100px;
    white-space:nowrap;transition:background .35s;
  }
.v270 .tier h3{font-size:21px;margin-bottom:5px}
.v270 .tier .price{font-family:var(--serif);font-size:34px;margin:12px 0 4px}
.v270 .tier .price small{font-size:13px;color:var(--ink-3);font-family:var(--sans)}
.v270 .tier .desc{font-size:13px;color:var(--ink-3);margin-bottom:18px;min-height:36px}
.v270 .tier ul{list-style:none;margin-bottom:22px;flex:1}
.v270 .tier li{
    font-size:13.5px;color:var(--ink-2);padding:6px 0 6px 22px;position:relative;
  }
.v270 .tier li::before{
    content:"";position:absolute;left:0;top:12px;width:11px;height:6px;
    border-left:1.8px solid var(--accent);border-bottom:1.8px solid var(--accent);
    transform:rotate(-45deg);transition:border-color .35s;
  }
.v270 .tier li.off{color:#c0bdb6}
.v270 .tier li.off::before{border-color:#dedbd4}
.v270 .buy-big{width:100%;margin-top:22px;padding:16px 24px;font-size:16px}
.v270 .buy-sub{text-align:center;font-size:12px;color:var(--ink-3);margin-top:10px}
.v270 .stmt-note{
    margin:8px 0 0;font-size:11.5px;line-height:1.5;
    color:var(--ink-3);text-align:center;
  }
.v270 .stmt-note b{font-family:var(--mono,'ICR Mono'),ui-monospace,Menlo,monospace;
    font-size:11px;letter-spacing:.04em;color:var(--ink-2)}
.v270 .reg-actions{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}
.v270 .reg-actions .btn{flex:1 1 auto;max-width:260px}
.v270 .reg-actions .btn.on{border-color:var(--accent);background:#fff;color:var(--ink)}
.v270 .reg-drawer{display:none;margin-top:26px}
.v270 .reg-drawer.open{display:block}
.v270 .held-market{
    max-width:1040px;margin:0 auto 20px;padding:16px 18px;
    background:#fff;border:1px solid var(--line);border-radius:14px;
    border-left:3px solid var(--accent-text);
  }
.v270 .held-market[hidden]{display:none}
.v270 .held-market strong{display:block;font-size:15px;margin-bottom:5px;color:var(--ink)}
.v270 .held-market span{font-size:13.5px;line-height:1.6;color:var(--ink-3)}
.v270 .review-card{
    max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--line);
    border-radius:16px;padding:24px;box-shadow:var(--shadow);
  }
.v270 .review-row{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.v270 .review-sw{width:52px;height:52px;border-radius:10px;flex:0 0 auto;background:var(--accent);
             box-shadow:inset 0 0 0 1px rgba(0,0,0,.13);transition:background .35s}
.v270 .review-txt{min-width:0}
.v270 .review-txt strong{display:block;font-family:var(--serif);font-style:italic;font-size:19px;
    font-weight:400;line-height:1.25;overflow-wrap:anywhere}
.v270 .review-row{align-items:flex-start}
.v270 .review-txt > span{font-size:12.5px;color:var(--ink-3)}
.v270 .review-txt strong .review-code{font-family:ui-monospace,monospace}
.v270 .review-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;
               font-size:14px;color:var(--ink-2);border-bottom:1px solid var(--line)}
.v270 .site-field{margin:-2px 0 10px;padding:12px 14px 13px;border:1px solid var(--line);
    border-radius:12px;background:var(--paper-2)}
.v270 .site-field .lab{display:block;margin-bottom:5px}
.v270 .site-field .field-in{width:100%}
.v270 .site-note{margin:7px 0 0;font-size:12.5px;color:var(--ink-3);line-height:1.4}
.v270 .site-note b{color:var(--ink-2)}
.v270 .site-note.bad{color:var(--warn,#C8102E)}
.v270 .site-field .field-in.bad{border-color:var(--warn,#C8102E);background:#fffafa}
.v270 .xtra{
    display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;
    background:#fff;border:1px solid var(--line);border-radius:12px;
    padding:13px 14px;margin-bottom:8px;cursor:pointer;font-family:var(--sans);
    transition:all .18s;
  }
.v270 .xtra:hover{border-color:var(--accent)}
.v270 .xtra.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.v270 .x-tick{
    flex:0 0 auto;width:19px;height:19px;border-radius:6px;border:1.5px solid var(--line);
    margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .18s;
  }
.v270 .xtra.on .x-tick, .v270 .seal-tick.on .x-tick{background:var(--accent);border-color:var(--accent)}
.v270 .xtra.on .x-tick::after, .v270 .seal-tick.on .x-tick::after{
    content:"";width:9px;height:5px;
    border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);
    transform:rotate(-45deg) translate(1px,-1px);
  }
.v270 .x-txt{flex:1;min-width:0}
.v270 .x-txt strong{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.v270 .x-txt em{display:block;font-style:normal;font-size:12.5px;color:var(--ink-3);margin-top:2px;line-height:1.4}
.v270 .x-p{flex:0 0 auto;font-family:var(--serif);font-size:15px;color:var(--ink-2)}
.v270 .v-who{font-size:13px;line-height:1.5;color:var(--ink-2);background:var(--paper-2);
    border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-top:18px}
.v270 .phys-note{display:none;margin:-2px 0 12px;padding:10px 12px;font-size:12.5px;line-height:1.5;
    color:var(--ink-2);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:11px}
.v270 .phys-note.show{display:block}
.v270 .xtra.locked{background:var(--paper-2);cursor:default;opacity:1}
.v270 .xtra.locked:hover{border-color:var(--line)}
.v270 .xtra.locked .x-tick{background:var(--ink-3);border-color:var(--ink-3)}
.v270 .xtra.locked .x-tick::after{
    content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;
    border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
  }
.v270 .review-code{font-size:.54em;color:var(--ink-3);font-family:ui-monospace,monospace;
    letter-spacing:.08em;font-style:normal;white-space:nowrap}
.v270 .retr-err{display:none;margin:-4px 0 14px;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.v270 .retr-err.show{display:block}
.v270 .xtra.gone{opacity:.45;cursor:not-allowed}
.v270 .xtra.gone:hover{border-color:var(--line)}
.v270 .x-uk{
    font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
    color:var(--ink-3);border:1px solid var(--line);border-radius:100px;padding:2px 7px;margin-left:6px;
  }
.v270 .review-total{font-family:var(--serif);font-size:18px;color:var(--ink);
                border-bottom:none;border-top:2px solid var(--ink);margin-top:6px;padding-top:13px}
.v270 .review-total span:first-child{font-family:var(--serif)}
.v270 .ecard{display:none;margin-top:14px;padding:16px;border:1px solid var(--accent-line);
    border-radius:12px;background:var(--accent-soft);min-width:0}
.v270 .ecard.show{display:block}
.v270 .tier-lab{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);
    font-weight:600;margin:0 0 8px}
.v270 .ecard-picker + .tier-lab, .v270 .style-picker + .tier-lab{margin-top:14px}
.v270 .style-picker{display:flex;gap:8px;min-width:0}
.v270 .sty{flex:1 1 0;min-width:0;background:#fff;border:1px solid var(--line);border-radius:9px;
    padding:0;cursor:pointer;overflow:hidden}
.v270 .sty.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.v270 .sty-art{height:44px;display:flex;align-items:center;justify-content:center;background:var(--paper-2)}
.v270 .sty-art svg{width:100%;height:100%}
.v270 .sty-name{font-size:10px;padding:5px 3px 6px;color:var(--ink-2);line-height:1.2;text-align:center;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v270 .sty.on .sty-name{color:var(--ink);font-weight:600}
.v270 .ecard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.v270 .ecard-free{
    font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
    color:var(--accent-text);border:1px solid var(--accent-line);border-radius:100px;padding:3px 9px;
    transition:color .35s,border-color .35s;
  }
.v270 .ecard-picker{
    display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:13px;
    scrollbar-width:none;min-width:0;max-width:100%;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%);
            mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%);
  }
.v270 .ecard-picker::-webkit-scrollbar{display:none}
.v270 .ec{
    flex:0 0 auto;width:76px;border:1px solid var(--line);border-radius:11px;background:#fff;
    cursor:pointer;padding:0;overflow:hidden;transition:all .18s;font-family:var(--sans);
  }
.v270 .ec:hover{border-color:var(--accent)}
.v270 .ec.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.v270 .ec-art{height:52px;display:flex;align-items:center;justify-content:center;background:var(--paper-2)}
.v270 .ec-art svg{width:30px;height:30px}
.v270 .ec-name{font-size:10px;padding:6px 4px 7px;color:var(--ink-2);line-height:1.2;text-align:center}
.v270 .ec.on .ec-name{color:var(--ink);font-weight:600}
.v270 .ec-seasonal{position:relative}
.v270 .ec-seasonal::after{
    content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;
    background:var(--accent);
  }
.v270 .single{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);
          border-radius:16px;padding:30px 32px;box-shadow:var(--shadow)}
.v270 .single ul{list-style:none}
.v270 .single li{
    font-size:15px;color:var(--ink-2);padding:9px 0 9px 26px;position:relative;
    border-bottom:1px solid var(--line);
  }
.v270 .single li:last-child{border-bottom:none}
.v270 .single li::before{
    content:"";position:absolute;left:0;top:17px;width:12px;height:6.5px;
    border-left:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);
    transform:rotate(-45deg);transition:border-color .35s;
  }
.v270 .single-note{
    margin-top:20px;padding-top:18px;border-top:1px solid var(--line);
    font-size:13.5px;color:var(--ink-3);font-style:italic;line-height:1.55;
  }
.v270 .addons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1099px){.v270 .addons{grid-template-columns:repeat(2,1fr)}}
.v270 .addon{
    border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;
    cursor:pointer;transition:all .2s;display:flex;flex-direction:column;
  }
.v270 .addon:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.v270 .addon.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.v270 .addon-vis{
    height:118px;display:flex;align-items:center;justify-content:center;
    background:var(--paper-2);position:relative;
  }
.v270 .addon-body{padding:15px 16px 17px}
.v270 .addon h4{font-size:14.5px;font-weight:600;margin-bottom:3px}
.v270 .addon p{font-size:12px;color:var(--ink-3);margin-bottom:10px;line-height:1.45}
.v270 .addon .row{display:flex;justify-content:space-between;align-items:center}
.v270 .addon .amt{font-family:var(--serif);font-size:17px}
.v270 .addon .tick{
    width:19px;height:19px;border-radius:50%;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  }
.v270 .addon.on .tick{background:var(--accent);border-color:var(--accent)}
.v270 .addon.on .tick::after{
    content:"";width:9px;height:5px;
    border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);
    transform:rotate(-45deg) translate(1px,-1px);
  }
.v270 .v-tin{width:60px;height:66px;border-radius:5px;background:var(--accent);position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 5px 14px rgba(0,0,0,.14);transition:background .35s}
.v270 .v-tin::before{content:"";position:absolute;top:-6px;left:-5px;right:-5px;height:9px;border-radius:3px;background:#c9c6bf;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.v270 .v-tin::after{content:"";position:absolute;left:8px;right:8px;top:22px;height:20px;background:rgba(255,255,255,.9);border-radius:2px}
.v270 .v-frame{width:74px;height:80px;background:#fff;padding:8px;box-shadow:0 5px 16px rgba(0,0,0,.16);border:1px solid #e0ddd6}
.v270 .v-frame i{display:block;width:100%;height:100%;background:var(--accent);transition:background .35s}
.v270 .v-mug{width:62px;height:54px;border-radius:5px 5px 9px 9px;background:var(--accent);position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 5px 14px rgba(0,0,0,.13);transition:background .35s}
.v270 .v-mug::after{content:"";position:absolute;right:-16px;top:12px;width:20px;height:22px;border:5px solid var(--accent);border-left:none;border-radius:0 12px 12px 0;transition:border-color .35s}
.v270 .v-card{width:66px;height:78px;background:#fffdf9;border:1px solid #e0ddd6;box-shadow:0 5px 16px rgba(0,0,0,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.v270 .v-card i{width:36px;height:36px;border-radius:50%;background:var(--accent);transition:background .35s}
.v270 .v-card u{width:34px;height:2px;background:#ddd9d1;text-decoration:none}
.v270 .basket{display:none!important;
    position:fixed;left:0;right:0;bottom:0;z-index:60;
    background:rgba(21,22,26,.96);backdrop-filter:blur(12px);color:#fff;
    transform:translateY(110%);transition:transform .32s cubic-bezier(.4,0,.2,1);
  }
.v270 .basket.show{transform:translateY(0)}
.v270 .basket-in{
    max-width:1180px;margin:0 auto;
    padding:15px 28px calc(15px + env(safe-area-inset-bottom));
    display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  }
.v270 .basket-left{display:flex;align-items:center;gap:14px;min-width:0}
.v270 .basket-sw{width:34px;height:34px;border-radius:7px;background:var(--accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);flex:0 0 auto;transition:background .35s}
.v270 .basket-txt strong{display:block;font-size:14px;font-family:var(--serif);font-style:italic;font-weight:400}
.v270 .basket-txt span{font-size:11.5px;color:#9a9ca6}
.v270 .basket-right{display:flex;align-items:center;gap:18px}
.v270 .basket-total{font-family:var(--serif);font-size:22px}
.v270 .search-bar{
    display:flex;gap:10px;max-width:560px;margin:0 auto 30px;
  }
.v270 .search-bar input{
    flex:1;padding:14px 18px;border:1px solid var(--line);border-radius:100px;
    font-size:15px;background:#fff;color:var(--ink);font-family:var(--sans);
  }
.v270 .search-bar input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.v270 .search-bar{display:flex;gap:10px;align-items:stretch}
.v270 .search-bar input{flex:1}
.v270 .search-bar .btn{flex:0 0 auto;padding:0 22px}
.v270 .reg-try{margin:10px 0 0;font-size:13px;color:var(--ink-3)}
.v270 .reg-try b{font-weight:600;color:var(--ink-2)}
.v270 .reg-more-t{margin:14px 0 0;background:none;border:0;padding:0;font:inherit;font-size:13.5px;
    color:var(--ink-2);cursor:pointer;text-decoration:underline;
    text-decoration-color:var(--line);text-underline-offset:4px}
.v270 .reg-adv{display:none;margin:16px 0 0;padding:18px;border:1px solid var(--line);
    border-radius:14px;background:#fff}
.v270 .reg-adv.on{display:block}
.v270 .reg-adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.v270 .rf label{display:block;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;
    color:var(--ink-3);font-weight:600;margin-bottom:5px}
.v270 .rf input, .v270 .rf select{width:100%;font:inherit;font-size:14px;padding:9px 11px;
    border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.v270 .rf3{display:flex;gap:6px}
.v270 .rf3 input{text-align:center}
.v270 .reg-adv-foot{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}
.v270 .reg-adv-note{font-size:12.5px;color:var(--ink-3)}
.v270 .btn-ghost-sm{background:none;border:1px solid var(--line);color:var(--ink-2);font:inherit;
    font-size:13.5px;padding:8px 14px;border-radius:9px;cursor:pointer}
.v270 .btn-ghost-sm:hover{border-color:var(--ink-3);color:var(--ink)}
.v270 .reg-verdict{display:none;margin:22px 0 0;border:1px solid var(--line);border-radius:16px;
    overflow:hidden;background:#fff}
.v270 .reg-verdict.on{display:block}
.v270 .rv-top{display:flex;align-items:stretch}
.v270 .rv-sw{width:180px;flex:0 0 180px;min-height:150px}
.v270 .rv-body{padding:20px 22px;flex:1}
.v270 .rv-state{font-family:var(--serif);font-size:26px;margin:0 0 2px;line-height:1.1}
.v270 .rv-state.free{color:var(--accent-text,#3D6B8C)}
.v270 .rv-hex{font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:12.5px;
    color:var(--ink-3);margin:0 0 12px}
.v270 .rv-rows div{display:flex;gap:10px;padding:3px 0}
.v270 .rv-rows dt{color:var(--ink-3);min-width:112px;font-size:11.5px;letter-spacing:.07em;
    text-transform:uppercase;padding-top:3px;margin:0}
.v270 .rv-rows dd{margin:0}
.v270 .rv-nm{font-family:var(--serif);font-size:17px}
.v270 .rv-cta{margin-top:14px}
.v270 .rv-tag{font-family:var(--serif);font-style:italic;color:var(--ink-2);margin:8px 0 0}
.v270 .noend{color:var(--accent-text,#3D6B8C)}
@media(max-width:1099px){.v270 .search-bar{flex-direction:column}
.v270 .rv-top{flex-direction:column}
.v270 .rv-sw{width:100%;flex:0 0 110px;min-height:110px}}
.v270 .reg-removal{
    margin:40px 0 8px;padding:22px 24px 6px;border:1px solid var(--line);
    border-radius:14px;background:var(--paper-2);
  }
.v270 .reg-removal h3{
    font-family:var(--serif);font-weight:400;font-size:19px;margin:0 0 10px;color:var(--ink);
  }
.v270 .reg-removal p{margin:0 0 12px;font-size:14px;color:var(--ink-2);line-height:1.55;max-width:64ch}
.v270 .reg-removal b{color:var(--ink);font-weight:600}
.v270 .rr-mail{color:var(--ink);text-decoration:underline;text-underline-offset:3px;
    text-decoration-color:var(--line)}
.v270 .rr-mail:hover{text-decoration-color:var(--ink-3)}
.v270 .rr-note{font-size:12.5px;color:var(--ink-3)}
.v270 .reg-list{max-width:760px;margin:0 auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.v270 .reg-row{
    display:flex;align-items:center;gap:16px;padding:14px 18px;
    border-bottom:1px solid var(--line);
  }
.v270 .reg-row:last-child{border-bottom:none}
.v270 .reg-row:hover{background:var(--paper)}
.v270 .reg-sw{width:38px;height:38px;border-radius:8px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.13)}
.v270 .reg-info{flex:1;min-width:0}
.v270 .reg-info strong{font-family:var(--serif);font-style:italic;font-size:16px;font-weight:400;display:block}
.v270 .reg-info span{font-size:10.5px;color:var(--ink-3);font-family:ui-monospace,monospace;letter-spacing:.06em}
.v270 .reg-hex{font-family:ui-monospace,monospace;font-size:12px;color:var(--ink-2);letter-spacing:.05em}
.v270 .reg-date{font-size:11.5px;color:var(--ink-3);width:96px;text-align:right}
.v270 .reg-empty{padding:36px;text-align:center;color:var(--ink-3);font-size:14px}
.v270 .reg-count{text-align:center;font-size:12.5px;color:var(--ink-3);margin-top:16px}
.v270 .reg-held{max-width:560px;margin:12px auto 0;text-align:center;font-size:11.5px;
    color:var(--ink-3);line-height:1.6}
.v270 a.reg-row{text-decoration:none;color:inherit}
.v270 .reg-no{font-family:ui-monospace,monospace;font-size:10.5px;color:var(--ink-3);
    width:60px;text-align:right;flex:0 0 auto}
.v270 #regIndex, .v270 #regEntry{display:none}
.v270.page-registry #studio, .v270.page-registry #tiers, .v270.page-registry #qa, .v270.page-registry #review, .v270.page-registry #front, .v270.page-registry .readbar{display:none!important}
.v270.page-registry #registry{
    border-top:0;background:var(--paper);min-height:70vh;
  }
.v270.page-registry .reg-head{padding-top:8px}
.v270.page-registry .nb-step{opacity:.45}
.v270.page-registry .nb-step.on{opacity:.45;border-color:var(--line);font-weight:400;background:var(--paper-2)}
.v270.page-registry .nav-links a[href="#/registry"]{
    border-color:var(--accent-text);color:var(--ink);font-weight:600;background:#fff;
  }
.v270.page-registry #registry .reg-title{display:block}
.v270 #registry .reg-title{
    display:none;text-align:center;font-family:var(--serif);font-style:italic;
    font-weight:400;font-size:clamp(26px,5vw,34px);color:var(--ink);margin:0 0 6px;
  }
.v270 #registry .reg-sub{
    display:none;text-align:center;font-size:13.5px;color:var(--ink-3);margin:0 0 22px;
  }
.v270.page-registry #registry .reg-sub{display:block}
.v270.route-index #regHome, .v270.route-entry #regHome{display:none}
.v270.route-index #regIndex{display:block}
.v270.route-entry #regEntry{display:block}
.v270 .reg-intro{max-width:520px;margin:0 auto 22px;text-align:center;font-size:14px;
    color:var(--ink-2);line-height:1.65}
.v270 .reg-open{text-align:center}
.v270 .reg-open .btn{min-width:260px}
.v270 .reg-more{display:none}
.v270 .reg-more.show{display:block}
.v270 .reg-more .sec-head{margin:34px 0 0}
.v270 #regHome.open .reg-open{display:none}
.v270 .reg-actions{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}
.v270 .reg-actions .btn{flex:1 1 auto;max-width:260px}
.v270 .reg-back{display:inline-block;margin-bottom:18px;font-size:12.5px;color:var(--ink-2);
    text-decoration:none;border-bottom:1px solid var(--line)}
.v270 .reg-back:hover{color:var(--ink);border-color:var(--accent)}
.v270 .entry{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);
    border-radius:16px;overflow:hidden}
.v270 .entry-sw{position:relative}
.v270 .entry-hex{position:absolute;right:16px;bottom:14px;font-family:ui-monospace,monospace;
    font-size:12px;letter-spacing:.08em;padding:5px 9px;border-radius:6px;background:rgba(255,255,255,.82);color:#15161a}
.v270 .entry-body{padding:28px 30px 30px}
.v270 .entry-name{font-family:var(--serif);font-style:italic;font-size:30px;line-height:1.15;margin-bottom:6px}
.v270 .entry-desig{font-family:ui-monospace,monospace;font-size:12.5px;letter-spacing:.1em;color:var(--ink-3);margin-bottom:18px}
.v270 .entry-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:18px}
.v270 .entry-meta .k{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.v270 .entry-meta .v{font-size:13px;color:var(--ink-2)}
.v270 .entry-note{font-size:12.5px;color:var(--ink-3);line-height:1.6}
.v270 .entry-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.v270 .entry-actions .btn{flex:1 1 180px}
.v270 .entry-res{display:inline-block;margin-bottom:14px;font-size:11px;letter-spacing:.14em;
    text-transform:uppercase;color:var(--accent-text);border:1px solid var(--accent-line);
    border-radius:99px;padding:4px 11px}
.v270 .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.v270 .step .num{
    font-family:var(--serif);font-size:13px;width:32px;height:32px;border-radius:50%;
    border:1px solid var(--accent-line);color:var(--accent);
    display:flex;align-items:center;justify-content:center;margin-bottom:14px;
    transition:all .35s;
  }
.v270 .step h4{font-family:var(--serif);font-size:18px;font-weight:400;margin-bottom:7px}
.v270 .step p{font-size:13.5px;color:var(--ink-2)}
.v270 .faq{max-width:720px;margin:0 auto}
.v270 .q{border-bottom:1px solid var(--line)}
.v270 .q button{
    width:100%;text-align:left;background:none;border:none;cursor:pointer;
    padding:20px 0;font-size:16px;font-family:var(--serif);color:var(--ink);
    display:flex;justify-content:space-between;align-items:center;gap:16px;
  }
.v270 .q button .qt{flex:1 1 auto}
.v270 .q button i{font-style:normal;color:var(--accent-text);font-size:20px;transition:transform .2s;flex:0 0 auto}
.v270 .q.open button i{transform:rotate(45deg)}
.v270 .q .a{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:14px;color:var(--ink-2)}
.v270 .q.open .a{max-height:340px}
.v270 .q .a p{padding-bottom:20px}
.v270 footer{background:var(--ink);color:#9a9ca6;padding:56px 0 40px;font-size:13px}
.v270 .foot-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:36px}
.v270 footer h5{color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-weight:600}
.v270 footer a{color:#9a9ca6;text-decoration:none;display:block;padding:4px 0}
.v270 footer a:hover{color:#fff}
.v270 .foot-legal{
    border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-bottom:22px;
    font-size:12px;line-height:1.7;
  }
.v270 .foot-legal p{margin-bottom:5px}
.v270 .foot-legal strong{color:#fff;font-weight:600}
.v270 .foot-legal a{display:inline;color:#c8cad2;text-decoration:underline;padding:0}
.v270 .foot-pay{margin-top:12px!important;color:#8b8d97;font-size:11.5px}
.v270 .foot-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;font-size:11.5px;line-height:1.7}
.v270 #legal{display:none;padding:56px 0 76px}
.v270.route-doc #legal{display:block}
.v270.route-doc #studio, .v270.route-doc #tiers, .v270.route-doc #registry, .v270.route-doc #qa, .v270.route-doc #review{display:none}
.v270 .doc{max-width:720px;margin:0 auto}
.v270 .doc h1{font-size:clamp(28px,4.4vw,38px);margin-bottom:8px}
.v270 .doc .doc-date{font-size:12px;color:var(--ink-3);margin-bottom:30px;
    padding-bottom:20px;border-bottom:1px solid var(--line)}
.v270 .doc h2{font-size:19px;margin:32px 0 10px}
.v270 .doc h3{font-size:15px;font-family:var(--sans);font-weight:600;margin:22px 0 6px}
.v270 .doc p{font-size:15px;line-height:1.75;color:var(--ink-2);margin-bottom:14px}
.v270 .doc ul{list-style:none;margin:0 0 16px}
.v270 .doc li{font-size:15px;line-height:1.7;color:var(--ink-2);padding-left:20px;position:relative;margin-bottom:8px}
.v270 .doc li::before{content:"";position:absolute;left:4px;top:11px;width:5px;height:5px;
    border-radius:50%;background:var(--accent-line)}
.v270 .doc a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.v270 .doc strong{color:var(--ink);font-weight:600}
.v270 .doc table{width:100%;border-collapse:collapse;margin:6px 0 20px;font-size:14px}
.v270 .doc th, .v270 .doc td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;color:var(--ink-2)}
.v270 .doc th{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.v270 .doc td:last-child, .v270 .doc th:last-child{text-align:right;white-space:nowrap;color:var(--ink)}
.v270 .doc .callout{
    background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:12px;
    padding:18px 20px;margin:6px 0 22px;
  }
.v270 .doc .callout p:last-child{margin-bottom:0}
.v270 .doc .doc-foot{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);
    font-size:12.5px;line-height:1.7;color:var(--ink-3)}
.v270 .modal-bg{
    position:fixed;inset:0;background:rgba(15,16,20,.6);backdrop-filter:blur(5px);
    z-index:100;display:none;align-items:center;justify-content:center;padding:24px;
  }
.v270 .modal-bg.show{display:flex}
.v270 .modal{
    background:var(--paper);border-radius:18px;max-width:460px;width:100%;
    padding:34px;box-shadow:var(--shadow-lg);position:relative;
    max-height:90vh;overflow-y:auto;
  }
.v270 .modal.wide{max-width:760px}
.v270 .modal h3{font-size:26px;margin-bottom:8px}
.v270 .modal .close{
    position:absolute;top:16px;right:18px;background:none;border:none;
    font-size:24px;color:var(--ink-3);cursor:pointer;line-height:1;
  }
.v270 .line-item{
    display:flex;justify-content:space-between;padding:11px 0;font-size:14px;
    border-bottom:1px solid var(--line);
  }
.v270 .line-item.tot{border-bottom:none;border-top:2px solid var(--ink);margin-top:8px;padding-top:14px;font-size:17px;font-family:var(--serif)}
.v270 .field{margin-bottom:14px}
.v270 .field input{
    width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;
    font-size:14px;font-family:var(--sans);background:#fff;color:var(--ink);
  }
.v270 .field input:focus{outline:none;border-color:var(--accent)}
.v270 .nextcode{
    margin:4px 0 18px;padding:14px;border:1px dashed var(--accent-line);border-radius:11px;
    text-align:center;font-size:12.5px;color:var(--ink-2);background:var(--accent-soft);
  }
.v270 .nextcode b{display:block;font-family:ui-monospace,monospace;font-size:19px;letter-spacing:.14em;
              color:var(--ink);margin:5px 0 3px}
.v270 .nextcode span{display:block;font-size:11px;color:var(--ink-3)}
.v270 .buy-alt{width:100%;margin-top:9px}
.v270 .v-free{
    margin-bottom:16px;padding:14px;border:1px solid var(--accent-line);border-radius:11px;
    background:var(--accent-soft);
  }
.v270 .v-free strong{display:block;font-family:var(--serif);font-size:16px;font-weight:400;margin-bottom:5px}
.v270 .v-free span{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.6}
.v270 .claim{
    margin:4px 0 16px;padding:14px;border:1px solid var(--line);border-radius:11px;
    background:var(--paper);text-align:center;
  }
.v270 .claim strong{display:block;font-family:var(--serif);font-size:15px;font-weight:400;margin-bottom:5px}
.v270 .claim span{display:block;font-size:11.5px;color:var(--ink-3);line-height:1.55}
.v270 .wallets{display:flex;gap:9px;margin:18px 0 0;min-width:0}
.v270 .wal{
    flex:1 1 0;min-width:0;height:46px;border-radius:9px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;gap:6px;
    border:1px solid transparent;font-size:15px;font-weight:600;
    font-family:var(--sans);letter-spacing:-.01em;
  }
.v270 .wal svg{height:19px;width:auto;flex:0 0 auto}
.v270 .wal-apple{background:#000;color:#fff}
.v270 .wal-apple:hover{background:#1c1c1e}
.v270 .wal-google{background:#fff;color:#3c4043;border-color:#dadce0}
.v270 .wal-google:hover{background:#f8f9fa}
.v270 .wal-paypal{background:#ffc439;color:#003087;border-color:#e5ac2c}
.v270 .wal-paypal:hover{background:#f2b833}
.v270 .wal-paypal svg{height:17px}
.v270 .ack-warn{display:none;margin-top:9px;font-size:12.5px;color:#9c2b2b}
.v270 .ack-warn.show{display:block}
.v270 .wal-or{
    display:flex;align-items:center;gap:12px;margin:16px 0;
    font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);
  }
.v270 .wal-or::before, .v270 .wal-or::after{content:"";flex:1 1 auto;height:1px;background:var(--line)}
.v270 .ack{margin-top:18px;font-size:12px;color:var(--ink-2);line-height:1.5}
.v270 .ack label{display:flex;gap:9px;align-items:flex-start;cursor:pointer}
.v270 .ack label > span{flex:1 1 auto;min-width:0}
.v270 .ack input{margin-top:2px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--accent)}
.v270 .ack + .ack{margin-top:10px}
.v270 .ack a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.v270 .sim-link{
    display:block;margin-top:12px;font:inherit;font-size:13px;font-weight:600;
    color:var(--accent-text);background:none;border:none;padding:0;cursor:pointer;
    text-decoration:underline;text-underline-offset:3px;
  }
.v270 .sim-link:hover{color:var(--ink)}
.v270 .sim-link[hidden]{display:none}
.v270 .sim-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 6px}
.v270 .sim-pair figure{margin:0}
.v270 .sim-hold{
    display:block;background:var(--paper-2);border:1px solid var(--line);border-radius:6px;
    overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;
  }
.v270 .sim-hold img, .v270 .sim-hold canvas{display:block;max-width:100%;max-height:100%}
.v270 .sim-pair figcaption{
    margin-top:7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--ink-3);text-align:center;font-weight:600;
  }
.v270 .sim-facts{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.v270 .sim-row{
    font-size:12.5px;line-height:1.5;color:var(--ink-2);
    padding:10px 12px;background:var(--paper-2);border:1px solid var(--line);border-radius:10px;
  }
.v270 .sim-row b{display:block;color:var(--ink);font-weight:600;margin-bottom:1px}
.v270 .sim-row.good{border-color:var(--accent-line);background:var(--accent-soft)}
.v270 .sim-row.soft b, .v270 .sim-row.bad b{color:#8a5a2b}
.v270 .sim-row.bad{border-color:rgba(138,90,43,.35);background:rgba(138,90,43,.07)}
.v270 .sim-crop{
    margin-top:18px;padding:14px 15px;background:#fff;border:1px solid var(--line);border-radius:12px;
  }
.v270 .sim-crop b{display:block;font-size:13.5px;color:var(--ink);margin-bottom:5px}
.v270 .sim-crop p{font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.v270 .sim-crop ul{margin:9px 0 12px;padding-left:17px}
.v270 .sim-crop li{font-size:12.5px;line-height:1.6;color:var(--ink-2)}
.v270 .sim-crop li b{display:inline;margin:0}
.v270 .sim-crop i{font-style:normal;color:var(--ink)}
@media(max-width:560px){.v270 .sim-pair{grid-template-columns:1fr}}
.v270 .prev-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 4px}
.v270 .prev-opt{
    display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;
    font:inherit;background:none;border:1px solid var(--line);border-radius:14px;
    padding:12px 12px 11px;transition:border-color .15s,box-shadow .15s;
  }
.v270 .prev-opt:hover{border-color:var(--accent-line)}
.v270 .prev-opt.on{border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}
.v270 .prev-opt b{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.v270 .prev-opt.on b{color:var(--ink)}
.v270 .prev-sheet{display:block;width:100%}
.v270 .prev-sheet .cert{box-shadow:0 1px 4px rgba(21,22,26,.1)}
.v270 .prev-owner{font-size:13px;color:var(--ink-2);margin-top:16px;text-align:center}
.v270 .prev-owner b{color:var(--ink)}
.v270 .owner-check{
    margin-top:18px;padding:12px 13px;background:var(--paper-2);
    border:1px solid var(--line);border-radius:12px;
  }
.v270 .owner-check b{color:var(--ink)}
.v270 .ack-terms{font-size:11.5px;color:var(--ink-3);line-height:1.55;margin-top:12px}
.v270 .hold-pdf{
    display:flex;gap:11px;align-items:flex-start;cursor:pointer;
    padding:12px 13px;margin:0 0 14px;
    background:#fff;border:1px solid var(--line);border-radius:11px;
  }
.v270 .hold-pdf input{flex:0 0 auto;margin-top:2px;width:17px;height:17px;accent-color:var(--ink)}
.v270 .hold-pdf span{font-size:13.5px;line-height:1.45;color:var(--ink)}
.v270 .hold-pdf em{display:block;margin-top:3px;font-style:normal;font-size:12px;
    line-height:1.5;color:var(--ink-3)}
.v270 .demo-note{
    background:var(--accent-soft);border:1px solid var(--accent-line);
    border-radius:9px;padding:11px 14px;font-size:12px;color:var(--ink-2);margin:18px 0;
  }
.v270 .success-mark{
    width:56px;height:56px;border-radius:50%;background:var(--accent);
    margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
  }
.v270 .success-mark::after{
    content:"";width:18px;height:9px;border-left:3px solid #fff;border-bottom:3px solid #fff;
    transform:rotate(-45deg) translate(2px,-2px);
  }
.v270 .proto-flag{
    background:var(--ink);color:#fff;text-align:center;padding:9px 20px;
    font-size:12px;letter-spacing:.03em;
  }
.v270 .proto-flag b{color:#fff}
.v270 .proto-flag select{
    background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25);
    border-radius:6px;padding:2px 5px;font-size:11.5px;font-family:var(--sans);
    margin-left:3px;cursor:pointer;
  }
.v270 .proto-flag select option{color:#15161a}
.v270 .proto-flag button{
    background:none;border:1px solid rgba(255,255,255,.34);color:#fff;border-radius:6px;
    padding:3px 9px;margin-left:6px;font:inherit;cursor:pointer;
  }
.v270 .proto-flag button:hover{background:rgba(255,255,255,.14)}
.v270 .fnl{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:16px}
.v270 .fnl th, .v270 .fnl td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.v270 .fnl td:first-child{max-width:150px;white-space:normal}
.v270 .fnl th:first-child, .v270 .fnl td:first-child{text-align:left}
.v270 .fnl thead th{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.v270 .fnl tbody tr:last-child td{border-bottom:none}
.v270 .fnl .v-name{font-family:var(--serif);font-style:italic;font-size:14px}
.v270 .fnl .pc{font-family:ui-monospace,monospace;font-size:11.5px;color:var(--ink-3)}
.v270 .fnl-live{display:inline-block;margin-left:7px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--accent-text);border:1px solid var(--accent-line);border-radius:99px;padding:2px 7px;vertical-align:2px}
@media(max-width:420px){.v270 .logo{gap:8px;font-size:14px}}
@media(max-width:1080px){.v270 .nav-links .nb-steps{display:none}}
@media(max-width:1099px){.v270 .nav-links a:not(.btn-nav){display:none}
.v270.front-on .nav-links #navPrice{display:inline-block}
.v270:not(.front-on) .nav-links #navPrice{display:none}
.v270:not(.front-on) .nav-links #navFront{
    display:inline-block;
    background:none;border:0;box-shadow:none;padding:0;
    color:var(--ink)!important;font-weight:600;font-size:13.5px;
    text-decoration:underline;text-decoration-color:var(--accent-line);
    text-decoration-thickness:2px;text-underline-offset:4px;
  }
.v270:not(.front-on) .nav-links #navFront:hover{text-decoration-color:var(--ink)}
.v270 .nav-links .btn-nav{
    background:none;border:0;box-shadow:none;padding:0;
    
    
    color:var(--ink)!important;font-weight:600;font-size:13.5px;
    text-decoration:underline;text-decoration-color:var(--accent-line);
    text-decoration-thickness:2px;text-underline-offset:4px;
  }
.v270 .nav-links .btn-nav:hover{text-decoration-color:var(--ink)}}
@media(max-width:1099px){.v270 section.lead{padding:14px 0 34px}
.v270 .hero-top{margin-bottom:12px}
.v270 .hero-top h1{font-size:clamp(23px,7.2vw,29px);line-height:1.18}
.v270 .hero-sub{font-size:12.5px;margin-top:6px}}
@media(max-width:1099px){.v270 .hero-sub{font-size:13px;margin-top:7px}
.v270 .hero-top{margin-bottom:8px}
.v270 section.lead{padding:10px 0 28px}}
@media(max-width:1099px){.v270 .studio-grid{grid-template-columns:1fr;gap:24px;display:flex;flex-direction:column;align-items:stretch}
.v270 .studio-grid > *, .v270 .picker-panel, .v270 .gift-panel, .v270 .cert-stage{min-width:0;max-width:100%}
.v270 .studio-col{display:contents}
.v270 .picker-panel{order:1}
.v270 .wheel-box{order:1}
.v270 .pic-stage{order:2}
.v270 .cert-stage{order:3}
.v270 .wheel-ctrl{order:4}
.v270 .gift-panel{order:5}}
@media(max-width:1099px){.v270 .mini{
      display:flex;align-items:center;gap:13px;margin-bottom:20px;
      border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:var(--paper);
    }
.v270 .mini-block{
      width:52px;height:52px;border-radius:9px;flex:0 0 auto;background:var(--accent);
      box-shadow:inset 0 0 0 1px rgba(0,0,0,.13);transition:background .3s ease;
    }
.v270 .mini-txt{min-width:0}
.v270 .mini-txt strong{
      display:block;font-family:var(--serif);font-style:italic;font-size:17px;font-weight:400;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
.v270 .mini-txt span{font-size:12px;color:var(--ink-3);font-style:italic}}
@media(max-width:1099px){.v270 .basket-in{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.v270 .wheel-row{flex-direction:column;gap:14px}
.v270 .wheel-ctrl{width:100%}
.v270 .panel{padding:16px 16px 12px}
.v270 .eyebrow{font-size:10px}
.v270 .sec-head{margin-bottom:32px}
.v270 section{padding:52px 0}}
@media(max-width:1099px) and (max-height:720px){.v270 section.lead{padding:6px 0 22px}
.v270 .hero-sub{display:none}
.v270 .hero-top{margin-bottom:6px}
.v270 .hero-top h1{font-size:clamp(23px,6.6vw,29px);line-height:1.18}
.v270 .picker-panel{padding:12px 12px 10px!important}
.v270 .slider-row{margin-bottom:7px!important}
.v270 .presets{margin-top:8px!important}
.v270 .preset{width:30px!important;height:30px!important}
.v270 .name-box-lab{margin:8px 0 4px!important}
.v270 .change-note{margin-top:6px!important}
.v270 .under-line{margin-top:4px!important}
.v270 .name-row .name-input{padding:10px 10px!important}}
@media(max-width:1099px) and (max-height:680px){.v270 .change-note, .v270 .under-line{display:none}
.v270 .wheel-ctrl .slider-row:first-child{margin-bottom:9px!important}}
@media(max-width:1099px){.v270 #wheel{width:clamp(150px, calc(100vh - var(--hero-h, 110px) - 462px), 280px);height:auto;aspect-ratio:1/1}}
@media(max-width:1099px){.v270 .stepper{width:44px;height:44px;font-size:21px}}
@media(max-width:1099px){.v270 .wheel-col{width:clamp(180px, calc(100vh - 545px), 280px)}}
@media(max-width:1099px){.v270 .preset{width:34px;height:34px}}
@media(max-width:380px){.v270 .spec-step{padding:9px 5px;font-size:11px}}
@media(max-width:1099px){.v270.kb .basket{transform:translateY(130%)}
.v270.kb .proto-flag{display:none}}
@media(max-width:400px){.v270 .nav-btn{width:40px}}
@media(max-width:340px){.v270 .opts-mode{flex-direction:column}
.v270 .opts-mode .opt{padding-left:42px}}
@media(max-width:1099px){.v270 .cert-stage{position:static}}
@media(max-width:1099px){.v270 .cert-intro{margin-bottom:13px}}
@media(max-width:1099px){.v270 .tiers{grid-template-columns:1fr}}
@media(max-width:520px){.v270 .single{padding:24px 20px}}
@media(max-width:520px){.v270 .addons{grid-template-columns:1fr}}
@media(max-width:1099px){.v270 .basket-in{padding:10px 16px;flex-wrap:nowrap;gap:10px}
.v270 .basket-left{flex:1 1 auto;min-width:0;gap:10px}
.v270 .basket-txt{min-width:0}
.v270 .basket-sw{width:28px;height:28px}
.v270 .basket-txt strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v270 .basket-txt span{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v270 .basket-right{gap:10px;flex:0 0 auto}
.v270 .basket-total{font-size:17px}
.v270 .basket-right .btn{padding:10px 14px;font-size:12.5px;white-space:nowrap}}
@media(max-width:400px){.v270 .basket-total{display:none}}
@media(max-width:600px){.v270 .reg-date{display:none}}
@media(max-width:600px){.v270 .reg-no{display:none}}
@media(max-width:520px){.v270 .entry-body{padding:22px 20px 24px}}
@media(max-width:1099px){.v270 .steps{grid-template-columns:repeat(2,1fr);gap:32px}}
@media(max-width:480px){.v270 .steps{grid-template-columns:1fr}}
@media(max-width:400px){.v270 .wal span{font-size:13px}
.v270 .wal svg{height:16px}}
@media(max-width:1099px){.v270 .field-in, .v270 .search-bar input, .v270 .modal .field input, .v270 .hex-input{font-size:16px}
.v270 .name-input{font-size:20px}}
@media(max-width:1099px){.v270 .proto-flag{display:none}}
@media(max-width:1099px){.v270 .wheel-box{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%}
.v270 .wheel-box #picInvite{order:4;width:100%}
.v270 #picInvite .pic-btn{
      flex-direction:row;flex-wrap:nowrap;align-items:center;text-align:left;
    }
.v270 .pic-pair{
      order:4;display:flex;flex-direction:row-reverse;align-items:center;
      gap:10px;width:100%;
    }
.v270 .pic-pair #picInvite{order:0;flex:1 1 auto;min-width:0;width:auto;margin:0}
.v270 .pic-pair #picStage{order:0;flex:0 0 38%;max-width:38%;margin:0}
.v270.has-own-pic .pic-pair{flex-direction:column;align-items:stretch;gap:8px}
.v270.has-own-pic .pic-pair #picStage{flex:1 1 auto;max-width:100%;width:100%}
.v270.has-own-pic .pic-pair #picInvite{width:100%}
.v270 .pic-pair #picStage .cert-intro{display:none}
.v270 .pic-pair #picInvite .pic-btn{width:100%;padding:10px 12px}
.v270 .wheel-box #picStage{order:5;width:100%}
.v270 .wheel-box .wheel-hold{order:0}
.v270 .wheel-box .studio-sliders{order:1}
.v270 #studio .studio-sliders{order:2!important}
.v270 .wheel-box .codes{order:2}
.v270 .wheel-box #tri{order:9}
.v270 .hero-top{margin-top:0;padding-top:6px}
.v270 .wheel-box .studio-sliders{width:100%;flex:0 0 auto;align-self:stretch;padding:8px 12px 9px}
.v270 .wheel-box .studio-sliders .slider-row{margin:0}
.v270 .wheel-box .studio-sliders .slider-row + .slider-row{margin-top:8px}
.v270.pic-is-ours #picStage .pic-hold{max-height:96px}
.v270.pic-is-ours #picStage{margin:0}
.v270 #tri{margin-top:6px}
.v270 .tri-heads{margin-bottom:3px}
.v270 .tri-note{margin-top:5px;font-size:10.5px;line-height:1.35}
.v270 .hero-top{padding-bottom:0;margin-bottom:0}
.v270 #studio .wheel-box #picInvite .pic-btn{padding-top:12px}
.v270 #studio .wheel-box #picInvite .pic-btn b i{margin-top:4px;line-height:1.4}
.v270 .wheel-box{gap:6px}
.v270 .hero-top{padding-top:2px;padding-bottom:0}
.v270 .wheel-box .wheel-hold{position:relative}
.v270 .wheel-box .codes{
      
      position:absolute;left:0;right:0;top:74%;
      display:flex;flex-direction:row;align-items:center;
      justify-content:space-between;gap:0;width:100%;max-width:none;
      margin:0;flex-wrap:nowrap;pointer-events:none;z-index:3;
    }
.v270 .wheel-box .codes .code-f{pointer-events:auto}
.v270 .wheel-box .codes{left:0;right:0;width:100%}
.v270 .wheel-box .codes .code-f:first-of-type{margin-left:-70px}
.v270 .wheel-box .codes .code-f:last-of-type{margin-right:-70px}
.v270 .wheel-box .codes .code-f{text-align:center}
.v270 .wheel-box #hexInput{width:68px}
.v270 .wheel-box #rgbInput{width:78px}
.v270 .wheel-box .code-in{font-size:9.5px;padding:4px 2px}
.v270 .wheel-box .code-in{font-size:10.5px;padding:4px 3px}
.v270 .wheel-box .code-k{font-size:8.5px}
.v270 .wheel-box .code-f{flex:0 0 auto;min-width:0}
.v270 .wheel-box .code-f.stack{gap:5px}
.v270 .wheel-box .code-k{font-size:9px;letter-spacing:.07em}
.v270 .wheel-box .code-in, .v270 #codes .code-in{
      width:auto;max-width:none;padding:5px 6px;font-size:11.5px;text-align:center;
    }
.v270 .wheel-box #hexInput{width:78px}
.v270 .wheel-box #rgbInput{width:104px}
.v270 .wheel-box .code-msg{flex:1 0 100%;order:1;min-height:0}
.v270 .wheel-box .code-msg:empty{display:none}}
.v270 .viewer{
    position:fixed;inset:0;z-index:400;background:var(--paper-2);
    display:flex;flex-direction:column;
  }
.v270 .viewer[hidden]{display:none}
.v270 .viewer-bar{
    flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
    gap:12px;padding:8px 14px;background:var(--ink);color:#fff;font-size:12px;
    letter-spacing:.06em;text-transform:uppercase;
  }
.v270 .viewer-bar button{
    background:none;border:1px solid rgba(255,255,255,.34);color:#fff;
    border-radius:6px;padding:4px 10px;font:inherit;cursor:pointer;
  }
.v270 .viewer-stage{
    flex:1 1 auto;min-height:0;display:flex;gap:22px;justify-content:center;
    align-items:stretch;padding:18px;overflow:auto;
  }
.v270 .viewer-stage iframe{
    border:1px solid var(--line);border-radius:12px;background:#fff;
    box-shadow:var(--shadow-lg);height:100%;flex:0 0 auto;
  }
.v270 .viewer-stage .vw-phone{width:412px}
.v270 .viewer-stage .vw-desk{width:1440px;max-width:100%;flex:1 1 auto}
.v270.bare .proto-flag{display:none}
@media(max-width:1099px){.v270 #viewPick{display:none}}
@media(max-width:1099px){.v270 .picker-panel, .v270 .wheel-row, .v270 .wheel-col, .v270 .wheel-ctrl, .v270 .cert-stage{display:contents}
.v270 .steprail{order:0}
.v270 .stepnext{order:21}
.v270 .studio-grid > *{order:30}
.v270 .wheel-ctrl > *{order:31}
.v270 .cert-stage > *{order:30}
.v270 .wheel-box{order:1}
.v270 .wheel-ctrl > .slider-row:not(.for-row){order:4}
.v270 .wheel-ctrl > .studio-sliders{order:4}
.v270 #presets{order:5}
.v270 #nameBoxLab{order:6}
.v270 .wheel-ctrl > .name-row{order:7}
.v270 #sugNote{order:8}
.v270 #certIntro{order:2}
.v270 #cert{order:3}
.v270 #persTitle{order:6}
.v270 .name-box{order:7}
.v270 .wheel-ctrl > .slider-row.for-row{order:12}
.v270 #noteBox{order:13}
.v270 #picOptsTitle{order:14}
.v270 #picOpts{order:15}
.v270 .wheel-ctrl > .change-note{order:16}
.v270 .util-row{order:17}
.v270 #heldStrip{order:16}
.v270 #whisper{order:17}
.v270 #specPanel{order:18}
.v270 .gift-panel{order:20}
.v270 #studio #certIntro{order:2 !important}
.v270 #studio #cert{order:3 !important}
.v270 #nameAsk{display:none}
.v270 .unclaimed{display:none}
.v270 #certIntro, .v270 #nameBoxLab, .v270 #persTitle, .v270 #picOptsTitle, .v270 #tiers .sec-head h2, .v270 #qa .sec-head h2{
      display:block;text-align:center;
      font-family:var(--serif);font-style:italic;font-weight:400;
      font-size:22px;line-height:1.25;letter-spacing:0;text-transform:none;
      color:var(--ink-2);
      margin:20px 0 var(--title-gap);
    }
.v270 #tiers .sec-head, .v270 #qa .sec-head{margin:0;max-width:none}
.v270 #picOptsTitle{margin-top:0}
.v270 #picInvite{margin:0 0 10px}
.v270 #picInvite .pic-btn{
      background:#fff;border-radius:14px;padding:13px 15px;align-items:flex-start;
    }
.v270 #picInvite .pic-btn b{font-size:14px;line-height:1.35}
.v270 #picInvite .pic-btn b i{
      display:block;margin-top:5px;font-size:12.5px;font-weight:400;font-style:normal;
      letter-spacing:normal;text-transform:none;color:var(--ink-3);line-height:1.5;
    }
.v270 #picInvite .pic-ico{margin-top:2px}
.v270 .wheel-box{border-radius:14px 14px 0 0;border-bottom:0;padding:12px 14px 8px;margin:0}
.v270 .wheel-ctrl > .slider-row:not(.for-row){
      background:#fff;border:1px solid var(--line);border-top:0;border-bottom:0;
      margin:0;padding:4px 14px;border-radius:0;
    }
.v270 .wheel-ctrl > .slider-row:has(#satRange){
      border-bottom:1px solid var(--line);border-radius:0 0 14px 14px;padding-bottom:12px;
    }
.v270 .wheel-ctrl > .name-row{
      background:#fff;border:1px solid var(--line);border-bottom:0;
      border-radius:14px 14px 0 0;padding:12px 14px 10px;margin:0;
    }
.v270 #sugNote{
      background:#fff;border:1px solid var(--line);border-top:0;
      border-radius:0 0 14px 14px;padding:0 14px 12px;margin:0;
    }
.v270 .wheel-ctrl > .name-row, .v270 #sugNote{box-sizing:border-box;width:100%}
.v270 .name-row{gap:7px;align-items:stretch}
.v270 .name-row .name-chip{width:28px;align-self:stretch}
.v270 .name-row .name-input{
      flex:1 1 auto;min-width:0;font-size:15px;line-height:1.35;
      padding:9px 8px;resize:none;overflow:hidden;
      font-family:var(--serif);
    }
.v270 #sugNote{display:flex;align-items:center;gap:10px}
.v270 #sugNote .sug-txt{flex:1 1 auto;min-width:0;text-align:right}
.v270 #sugNote .sug-arrows{flex:0 0 auto;display:flex;gap:6px}
.v270 #sugNote .nav-btn{width:36px;height:30px;font-size:14px;border-radius:8px}
.v270 .name-field{position:relative;display:block;flex:1 1 auto;min-width:0}
.v270 .name-field #firstName{
      width:100%;resize:none;overflow:hidden;line-height:1.35;
      padding:9px 44px 9px 10px;font-size:15px;
    }
.v270 .name-field #firstCount, .v270 .name-field #nameCount{
      position:absolute;right:10px;bottom:7px;font-size:10.5px;color:var(--ink-3);
      pointer-events:none;
    }
.v270 .name-field #firstCount.low, .v270 .name-field #nameCount.low{color:var(--accent-text)}
.v270 .name-field-2{position:relative;display:block;flex:1 1 auto;min-width:0}
.v270 .name-field-2 .name-input{width:100%;padding-right:52px}
.v270 .wheel-ctrl > .slider-row.for-row{
      background:#fff;border:1px solid var(--line);border-radius:14px 14px 0 0;
      border-bottom:0;padding:12px 14px;margin:0;align-items:center;
    }
.v270 .wheel-ctrl > .slider-row.for-row .slider-lab{
      align-self:center;text-transform:uppercase;letter-spacing:.06em;
      font-size:11px;font-weight:600;color:var(--ink-3);
      
      flex:0 0 auto;white-space:nowrap;
    }
.v270 #noteBox{
      background:#fff;border:1px solid var(--line);border-top:0;
      border-radius:0 0 14px 14px;padding:4px 14px 12px;margin:0;
    }
.v270 #picStage{
      background:#fff;border:1px solid var(--line);border-radius:14px;
      padding:12px;margin:0 0 10px;
    }
.v270 #picStage .pick-row{margin-top:10px}
.v270 #picOpts{
      background:#fff;border:1px solid var(--line);border-radius:14px;
      padding:12px 14px;margin:0;
    }
.v270 #picOpts .lay-pick{margin-top:10px}
.v270 #picOpts .pic-warm{margin-top:12px}
.v270 #tiers, .v270 #qa, .v270 #review{padding:0;background:transparent}
.v270 #tiers{padding-top:14px}
.v270 #tiers .sec-head, .v270 #qa .sec-head, .v270 #review .sec-head{margin:0 0 14px}
.v270 #qa .sec-head{margin-top:48px}
.v270 #review{padding-top:34px;padding-bottom:48px}
.v270 #review .review-card{margin-top:0}
.v270 #tiers .single, .v270 #qa .faq{
      background:#fff;border:1px solid var(--line);border-radius:14px;
      padding:16px 18px;
    }
.v270 #review .sec-head h2{font-style:italic;font-size:clamp(21px,5.4vw,26px)}
.v270 #qa .faq{columns:auto;max-width:none}
.v270 #studio{border-top:0;border-bottom:0}
.v270 #tiers .wrap, .v270 #qa .wrap{padding:0 16px}
.v270 .util-row{
      display:flex;justify-content:center;gap:18px;flex-wrap:wrap;
      margin:22px 0 0;
    }
.v270 #sugNote{font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.v270 #sugNote{padding-top:2px}
.v270 #cert{margin:0}
.v270 #picStage{margin:0 0 10px}
.v270 #noteBox{margin-bottom:0}
.v270 #picOpts{margin-top:18px}}
@media(max-width:1099px){.v270{--title-gap:6px}
.v270 .studio-grid{gap:0}
.v270 .wheel-box{background:#fff;border:1px solid var(--line)}
.v270 #wheel{width:clamp(210px, calc(100vh - var(--hero-h, 110px) - 250px), 320px)}
.v270 .wheel-col{width:auto}
.v270 .pic-stage .cert-intro{display:none}
.v270 .pic-stage .pic-warm{display:none}
.v270 .pic-stage{margin-top:2px}}
@media (min-width:1100px){.v270 #studio .wrap{
      max-width:1240px;
      display:grid;grid-template-columns:minmax(0,1fr) var(--rail,458px);
      column-gap:56px;align-items:start;
    }
.v270 .studio-grid{display:contents}
.v270 .studio-col{grid-column:1;grid-row:2}
.v270 #studio .cert-stage, .v270 #studio .pic-stage{
      grid-column:2;grid-row:1 / span 2;width:var(--rail,458px);position:static;
    }
.v270 #studio .pic-hold{max-height:none}
.v270 .picker-panel{padding:34px 34px 28px}
.v270 #wheel{width:276px;height:276px}
.v270 .preset{width:26px;height:26px}
.v270 .wheel-row{
      display:grid;grid-template-columns:minmax(0,1fr);
      row-gap:16px;justify-items:center;align-items:start;
    }
.v270 .wheel-col{display:contents}
.v270 .wheel-box{
      grid-column:1;grid-row:1;
      display:grid;
      grid-template-columns:auto 1fr auto;
      
      grid-template-areas:
        "wheel  wheel  wheel"
        "hexf   gap    rgbf"
        "word   word   word"
        "msg    msg    msg"
        "invite invite invite"
        "photo  photo  photo"
        "exs    exs    exs";
      justify-items:center;column-gap:18px;row-gap:6px;
    }
.v270 .wheel-box{
      background:#fff;border:1px solid var(--line);border-radius:16px;
      padding:0 20px 18px;box-shadow:var(--shadow);overflow:hidden;
    }
.v270 .wheel-box #picInvite{
      margin:14px 0 12px;padding:14px 0 0;width:100%;
      border-top:1px solid var(--line);
    }
.v270 .wheel-box #picInvite .pic-btn{
      border:0;border-radius:0;background:none;padding:26px 20px 20px;
    }
.v270 .wheel-box #picInvite .pic-btn:hover{background:var(--paper-2)}
.v270 .wheel-box .pic-pair{display:contents}
.v270 .wheel-box #picInvite{grid-area:invite;width:100%}
.v270 .wheel-box .word-row{grid-area:word;width:100%;justify-self:stretch}
.v270 .wheel-box #picInvite .pic-btn{border-radius:11px}
.v270 .wheel-box .pic-stage .cert-intro{display:none}
.v270 .wheel-box .pic-stage .pic-warm{display:none}
.v270 .wheel-box #picStage{
      grid-area:photo;width:100%;margin:0 0 12px;order:-1;
      background:none;border:0;border-radius:0;padding:0;box-shadow:none;
    }
.v270 .wheel-box .code-msg{order:0}
.v270 .wheel-box .wheel-hold{order:1}
.v270 .wheel-box .code-f{order:2}
.v270 .wheel-box .codes{display:contents}
.v270 .wheel-box .codes{display:contents}
.v270 .wheel-box .code-msg{grid-area:msg;justify-self:center;max-width:34ch}
.v270 .wheel-box .wheel-hold{grid-area:wheel}
.v270 .wheel-box .code-f:nth-of-type(1){grid-area:hexf;justify-self:start;text-align:left}
.v270 .wheel-box .code-f:nth-of-type(2){grid-area:rgbf;justify-self:end;text-align:right}
.v270 .wheel-box .code-f{width:146px;padding-bottom:0}
.v270 .wheel-box{width:100%;justify-self:stretch;padding-left:20px;padding-right:20px}
.v270 .wheel-box .code-in{width:100%}
.v270 #studio .wheel-box #picInvite .pic-btn{flex-direction:row;text-align:left}
.v270 #studio .wheel-box #picInvite .pic-btn > span{display:flex;flex-direction:column;gap:2px}
.v270 #studio .wheel-box #picInvite .pic-ico{width:34px;height:34px;flex:0 0 34px}
.v270 .presets{
      grid-column:1;justify-content:flex-start;gap:4px;
      
      max-width:480px;margin-inline:auto;
      
      -webkit-mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent 100%);
              mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent 100%);
    }
.v270 .wheel-ctrl{grid-column:1;grid-row:3;width:100%;max-width:520px}
.v270 .name-box-lab{margin:18px 0 8px}
.v270 .name-row .name-input{padding:15px 14px;font-size:17px}
.v270 .under-line{margin-top:10px}
.v270 .review-card{
      max-width:1040px;background:none;border:0;box-shadow:none;
      display:grid;grid-template-columns:minmax(0,1fr) 360px;
      gap:28px;align-items:start;padding:0;
    }
.v270 .review-main, .v270 .review-pay{
      background:#fff;border:1px solid var(--line);border-radius:16px;
      padding:24px 26px;box-shadow:var(--shadow);
    }
.v270 .review-pay{position:sticky;top:92px}
.v270 .review-pay .review-total{margin-top:0}
.v270 .faq{max-width:none;columns:2;column-gap:44px}
.v270 .faq .q{break-inside:avoid}
.v270.paged #studio, .v270.paged #sheet, .v270.paged #learn, .v270.paged #review, .v270.paged #registry{display:none}
.v270.paged:not(.route-doc)[data-pg="studio"] #studio{display:block}
.v270.paged:not(.route-doc)[data-pg="sheet"] #sheet{display:block}
.v270.paged:not(.route-doc)[data-pg="learn"] #learn{display:grid}
.v270.paged:not(.route-doc)[data-pg="review"] #review{display:block}
.v270.paged:not(.route-doc)[data-pg="registry"] #registry{display:block}
.v270 .pager{
      display:flex;justify-content:center;align-items:center;gap:14px;
      max-width:1240px;margin:44px auto 0;padding:0 28px;
    }
.v270 #sheet .pager{margin-top:24px}
.v270 .pg-btn{
      font:inherit;font-size:15px;cursor:pointer;border-radius:100px;
      padding:13px 30px;border:1px solid var(--line);background:#fff;color:var(--ink-2);
      transition:border-color .15s,box-shadow .15s;
    }
.v270 .pg-btn:hover{border-color:var(--accent-line);box-shadow:var(--shadow)}
.v270 .pg-btn.fwd{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.v270 .pg-btn.fwd:hover{box-shadow:var(--shadow-lg)}
.v270 .pg-btn[disabled]{opacity:.32;cursor:default;box-shadow:none}
.v270 .pg-btn[disabled]:hover{border-color:var(--line);box-shadow:none}
.v270 .sheet-grid{
      display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);
      gap:64px;align-items:start;max-width:1060px;margin:0 auto;
    }
.v270 #sheet .sec-head{text-align:left;margin:0 0 26px;max-width:none}
.v270 #sheet .sec-head h2{font-size:clamp(26px,2.6vw,34px);margin:0}
.v270.paged .sheet-main{display:flex;justify-content:center}
.v270 #sheet{padding:30px 0}
.v270 #sheet .cert-stage{width:min(470px, calc((100vh - 262px) / 1.41421356))}
.v270 #sheet .cert-intro, .v270 #sheet .pic-invite{display:none}
.v270.paged #learn{
      grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);
      gap:60px;max-width:1180px;margin:0 auto;padding:78px 28px;align-items:start;
    }
.v270.paged #learn > section{padding:0}
.v270.paged #learn .wrap{max-width:none;padding:0;margin:0}
.v270.paged #learn .sec-head{text-align:left;margin:0 0 22px;max-width:none}
.v270.paged #learn .sec-head h2{font-size:clamp(26px,2.6vw,34px);margin:0}
.v270.paged #learn .single{
      max-width:none;background:none;border:none;box-shadow:none;padding:0;
    }
.v270.paged #learn .single li{
      padding-left:0;font-family:var(--serif);font-size:16px;color:var(--ink-2);
      padding-top:14px;padding-bottom:14px;
    }
.v270.paged #learn .single li::before{display:none}
.v270.paged #learn .faq{max-width:none;columns:auto;column-gap:normal}
.v270.paged #learn .q button{padding:16px 0}
.v270.paged #learn > .pager{grid-column:1 / -1;max-width:none;padding:0}
.v270 .steprail{
      grid-column:1;grid-row:1;
      position:sticky;top:64px;z-index:20;
      display:flex;gap:8px;flex-wrap:wrap;align-items:center;
      margin:0 0 26px;padding:14px 0 15px;
      background:linear-gradient(to bottom, var(--paper-2) 0 78%, rgba(251,250,248,0) 100%);
    }
.v270 .steprail::after{
      content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;
      background:var(--line);
    }
.v270 .sr-b{
      font:inherit;font-size:13.5px;cursor:pointer;
      padding:7px 15px;border-radius:100px;
      border:1px solid var(--line);background:#fff;color:var(--ink-3);
      transition:border-color .15s,color .15s,box-shadow .15s;
    }
.v270 .sr-b:hover{border-color:var(--accent-line);color:var(--ink-2)}
.v270 .sr-b.on{border-color:var(--accent-text);color:var(--ink);font-weight:600}
.v270 .sr-b.on:hover{box-shadow:none}
.v270 #studio .cert-stage{display:contents}
.v270 #studio #certIntro{display:none}
.v270 #studio #cert{
      grid-column:3;grid-row:3 / span 9;
      position:sticky;top:82px;
      
      align-self:start;
      
      width:min(100%, calc((100vh - 130px) / 1.41421356));
      justify-self:center;
      margin-top:0;
    }
.v270 #studio .wrap{overflow:visible}
.v270 .splitter{grid-row:3 / span 9}
.v270 #studio .wrap{
      grid-template-columns:minmax(380px,1fr) 14px minmax(260px,var(--rail,458px));
      column-gap:0;
    }
.v270 .splitter{
      grid-column:2;grid-row:1 / span 4;
      align-self:stretch;justify-self:center;
      width:14px;cursor:col-resize;position:relative;
      touch-action:none;background:none;border:0;padding:0;
    }
.v270 .splitter::before{
      content:"";position:absolute;top:14px;bottom:14px;left:6px;width:1px;
      background:var(--line);transition:background .15s;
    }
.v270 .splitter:hover::before, .v270 .splitter.drag::before{background:var(--accent-line);width:2px;left:6px}
.v270.split-drag{cursor:col-resize;user-select:none}
.v270 .stepnext{display:none}
.v270 .stepnext button{
      font:inherit;font-size:15px;cursor:pointer;border-radius:100px;
      padding:13px 34px;border:1px solid var(--ink);background:var(--ink);
      color:#fff;font-weight:600;transition:box-shadow .15s;
    }
.v270 .stepnext button:hover{box-shadow:var(--shadow-lg)}
.v270 #tiers{padding:14px 0 18px;background:transparent}
.v270 #tiers .wrap{
      max-width:1180px;
      display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
      column-gap:48px;align-items:start;
    }
.v270 #tiers .sec-head{grid-column:1;grid-row:1;margin:0 0 14px;max-width:none}
.v270 #tiers .single{grid-column:1;grid-row:2;max-width:none;margin:0}
.v270 #qa, .v270 #qa .wrap{display:contents}
.v270 #qa .sec-head{grid-column:2;grid-row:1;margin:0 0 14px;max-width:none}
.v270 #qa .faq{grid-column:2;grid-row:2;max-width:none;margin:0;columns:auto;column-gap:0}
.v270 #tiers .single, .v270 #qa .faq{
      background:#fff;border:1px solid var(--line);border-radius:16px;
      padding:20px 22px;box-shadow:var(--shadow);
    }
.v270 #tiers .sec-head h2, .v270 #qa .sec-head h2, .v270 #review .sec-head h2{
      text-align:center;font-size:26px;font-style:italic;font-weight:400;
    }
.v270 #tiers .sec-head, .v270 #qa .sec-head{justify-self:stretch}
.v270 .nav-links{gap:8px}
.v270 .nb{
      font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;
      padding:8px 15px;border-radius:100px;border:1px solid var(--line);
      text-decoration:none;transition:border-color .15s,color .15s,background .15s;
    }
.v270 .nb-grey{background:var(--paper-2);color:var(--ink-3)}
.v270 .nb-grey:hover{background:#efece7;color:var(--ink-2)}
.v270 .nb-grey.on{border-color:var(--accent-text);color:var(--ink);font-weight:600;background:#fff}
.v270 .nb-steps{display:flex;gap:6px;margin:0 6px}
.v270 .nb-step{background:#fff;color:var(--ink-3)}
.v270 .nb-step:hover{border-color:var(--accent-line);color:var(--ink-2)}
.v270 .nb-step.on{border-color:var(--accent-text);color:var(--ink);font-weight:600}
.v270 .nb-buy{margin-left:6px}
.v270 .hero-top{
      
      grid-column:1 / -1;text-align:center;max-width:none;
      margin:0 auto 26px;
      transition:opacity .28s ease, transform .28s ease;
    }
.v270.hero-gone .hero-top{
      opacity:0;transform:translateY(-8px);pointer-events:none;
    }
.v270 #studio .wrap{
      grid-template-columns:minmax(380px,1fr) 14px minmax(260px,var(--rail,50%));
    }
.v270 #studio .wheel-box #picInvite .pic-btn{
      width:100%;justify-content:flex-start;text-align:left;
      background:none;border-color:transparent;padding:26px 20px 20px;
      align-items:flex-start;gap:12px;
    }
.v270 #studio .wheel-box #picInvite .pic-btn b{
      color:var(--ink);font-size:15px;line-height:1.35;white-space:nowrap;
    }
.v270 #studio .wheel-box #picInvite .pic-btn em{white-space:nowrap}
.v270 #studio .wheel-box #picInvite .pic-btn b i{
      display:block;margin:6px 0 0;color:var(--ink-3);opacity:1;
      font-family:var(--sans);font-style:normal;font-weight:400;
      font-size:13px;line-height:1.5;letter-spacing:normal;text-transform:none;
      white-space:normal;max-width:44ch;
    }
.v270 #studio .wheel-box #picInvite .pic-btn em{color:var(--ink-3);font-size:12px}
.v270 .wheel-ctrl > .name-row{
      background:#fff;border:1px solid var(--line);border-bottom:0;
      border-radius:14px 14px 0 0;padding:12px 14px 10px;margin:0;gap:7px;
    }
.v270 .wheel-ctrl > .name-row .name-chip{width:28px;align-self:stretch}
.v270 .wheel-ctrl > .name-row .name-input{
      flex:1 1 auto;min-width:0;font-family:var(--serif);font-size:15px;
      line-height:1.35;padding:9px 8px;resize:none;overflow:hidden;
    }
.v270 #sugNote{
      display:flex;align-items:center;gap:10px;
      background:#fff;border:1px solid var(--line);border-top:0;
      border-radius:0 0 14px 14px;padding:0 14px 12px;margin:0;
      font-size:11.5px;line-height:1.45;color:var(--ink-3);
    }
.v270 #sugNote .sug-txt{flex:1 1 auto;min-width:0;text-align:right}
.v270 #sugNote .sug-arrows{flex:0 0 auto;display:flex;gap:6px}
.v270 #sugNote .nav-btn{width:36px;height:30px;font-size:14px;border-radius:8px}
.v270 .name-field{position:relative;display:block;flex:1 1 auto;min-width:0}
.v270 .name-field #firstName{
      width:100%;resize:none;overflow:hidden;line-height:1.35;
      padding:9px 52px 9px 10px;font-size:15px;
    }
.v270 .name-field #firstCount, .v270 .name-field #nameCount{
      position:absolute;right:10px;bottom:7px;font-size:10.5px;color:var(--ink-3);
      pointer-events:none;
    }
.v270 .name-field #firstCount.low, .v270 .name-field #nameCount.low{color:var(--accent-text)}
.v270 .name-field-2{position:relative;display:block;flex:1 1 auto;min-width:0}
.v270 .name-field-2 .name-input{width:100%;padding-right:52px}
.v270 #nameAsk{display:none}
.v270 #persTitle, .v270 #nameBoxLab, .v270 #picOptsTitle{
      display:block;text-align:center;
      font-family:var(--serif);font-style:italic;font-weight:400;
      font-size:22px;line-height:1.25;letter-spacing:0;text-transform:none;
      color:var(--ink-2);margin:26px 0 10px;
    }
.v270 .wheel-ctrl > .slider-row.for-row{
      background:#fff;border:1px solid var(--line);border-bottom:0;
      border-radius:14px 14px 0 0;padding:12px 14px;margin:0;
      
      align-items:center;
    }
.v270 .wheel-ctrl > .slider-row.for-row .slider-lab{
      align-self:center;text-transform:uppercase;letter-spacing:.06em;
      font-size:11px;font-weight:600;color:var(--ink-3);
      
      flex:0 0 auto;white-space:nowrap;
    }
.v270 #noteBox{
      background:#fff;border:1px solid var(--line);border-top:0;
      border-radius:0 0 14px 14px;padding:4px 14px 12px;margin:0;
    }
.v270 #studio .studio-col, .v270 #studio .picker-panel, .v270 #studio .wheel-row, .v270 #studio .wheel-col, .v270 #studio .wheel-ctrl, .v270 #studio .cert-stage{display:contents}
.v270 :where(#studio .wrap > *, .v270 #studio .wheel-ctrl > *, .v270 #studio .cert-stage > *){
      grid-column:1;order:18;
    }
.v270 .hero-top{grid-column:1 / -1;grid-row:1;order:-1}
.v270 .wheel-box{order:1;grid-row:2}
.v270 .wheel-ctrl > .slider-row:not(.for-row){order:2}
.v270 .wheel-ctrl > .studio-sliders{order:2}
.v270 #presets{order:3}
.v270 #persTitle{order:4}
.v270 .name-box{order:5}
.v270 #picOptsTitle{order:10}
.v270 #picOpts{order:11}
.v270 .wheel-ctrl > .change-note{order:12}
.v270 .wheel-ctrl > .under-line{order:13}
.v270 #heldStrip{order:14}
.v270 #whisper{order:15}
.v270 #specPanel{order:16}
.v270 .stepnext{order:20}
.v270 #studio #cert{grid-column:3;grid-row:2 / span 60;order:0}
.v270 .splitter{grid-column:2;grid-row:2 / span 60;order:0}
.v270 #studio #certIntro{display:none}
.v270 .hero-sub{
      font-family:var(--serif);font-style:italic;font-weight:400;
      font-size:26px;line-height:1.25;color:var(--ink-2);
      margin-top:14px;
    }}