/* build:begin assets/css/pages/platform-landing.css */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Inter+Tight:wght@500;600;700;800;900&display=swap");

:root{
      --ink:#171a1f;
      --ink-soft:#2c3139;
      --muted:#69717f;
      --muted-strong:#4f5867;
      --canvas:#f6f8fb;
      --paper:#ffffff;
      --line:#dce2ea;
      --line-soft:#e8edf3;
      --cobalt:#245cf0;
      --cobalt-dark:#1744b8;
      --coral:#f2674a;
      --sage:#3f7a5b;
      --plum:#684a6f;
      --sun:#f2b84b;
      --mint:#dcf4e8;
      --sky:#e7efff;
      --rose:#ffe6de;
      --boutify-blue:#245CFF;
      --startup-coral:#FF5A3D;
      --growth-mint:#29E6A7;
      --violet:#7C3AED;
      --graphite:#151821;
      --soft-bg:#F7F9FC;
      --max:1180px;
      --radius:8px;
      --shadow:0 24px 70px rgba(25,34,48,.12);
      --shadow-strong:0 30px 90px rgba(10,16,27,.24);
      --sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      --display:"Inter Tight","Inter",system-ui,sans-serif;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--canvas);
      font-family:var(--sans);
      line-height:1.55;
      overflow-x:hidden;
    }

    a{color:inherit;text-decoration:none}
    button{font:inherit;color:inherit}
    img{display:block;max-width:100%}
    section[id]{scroll-margin-top:88px}

    .sr-only{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0;
    }

    .container{
      width:min(var(--max),calc(100% - 40px));
      margin-inline:auto;
    }

    .topbar{
      position:fixed;
      inset:0 0 auto;
      z-index:90;
      background:rgba(255,255,255,.88);
      border-bottom:1px solid rgba(220,226,234,.88);
      backdrop-filter:blur(18px);
    }

    .nav{
      min-height:74px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:24px;
      align-items:center;
    }

    .brand{
      display:inline-flex;
      align-items:center;
      min-width:132px;
    }

    .brand img{
      display:block;
      width:auto;
      height:38px;
      max-width:154px;
      object-fit:contain;
    }

    .nav__links{
      justify-self:center;
      display:flex;
      gap:18px;
      color:var(--muted-strong);
      font-size:13px;
      font-weight:700;
    }

    .nav__links a{
      position:relative;
      padding:8px 0;
    }

    .nav__links a::after{
      content:"";
      position:absolute;
      left:0;
      right:100%;
      bottom:2px;
      height:2px;
      background:var(--cobalt);
      transition:right .24s ease;
    }

    .nav__links a:hover::after{right:0}

    .nav__actions{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .btn{
      min-height:46px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:0 18px;
      border:1px solid transparent;
      border-radius:999px;
      background:transparent;
      font-size:13px;
      font-weight:800;
      cursor:pointer;
      transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
      white-space:nowrap;
    }

    .btn:hover{
      transform:translateY(-2px);
    }

    .btn--primary{
      color:#fff;
      background:var(--cobalt);
      box-shadow:0 14px 32px rgba(36,92,240,.25);
    }

    .btn--primary:hover{background:var(--cobalt-dark)}

    .btn--ghost{
      color:var(--ink);
      border-color:var(--line);
      background:#fff;
    }

    .btn--dark{
      color:#fff;
      background:var(--ink);
      box-shadow:0 14px 34px rgba(23,26,31,.24);
    }

    .btn--light{
      color:var(--ink);
      background:#fff;
      box-shadow:0 18px 42px rgba(0,0,0,.18);
    }

    .btn--outline-light{
      color:#fff;
      border-color:rgba(255,255,255,.34);
      background:rgba(255,255,255,.08);
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:9px;
      min-height:32px;
      padding:0 12px;
      border:1px solid var(--line);
      border-radius:999px;
      background:#fff;
      color:var(--muted-strong);
      font-size:11px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .eyebrow::before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--coral);
    }

    .section--dark .eyebrow,
    .hero .eyebrow{
      color:#fff;
      border-color:rgba(255,255,255,.28);
      background:rgba(255,255,255,.12);
    }

    .section{
      padding:96px 0;
      position:relative;
    }

    .section--white{background:#fff}
    .section--dark{
      color:#fff;
      background:var(--ink);
    }
    .section--sage{
      color:#fff;
      background:var(--sage);
    }

    .section__head{
      max-width:760px;
      margin-bottom:34px;
    }

    .section__head--center{
      margin-inline:auto;
      text-align:center;
    }

    .section__head h2{
      margin:16px 0 0;
      font-family:var(--display);
      font-size:48px;
      line-height:1.04;
      font-weight:800;
    }

    .section__head p,
    .lead{
      margin:18px 0 0;
      color:var(--muted);
      font-size:18px;
      max-width:700px;
    }

    .section--dark .section__head p,
    .section--sage .section__head p,
    .section--dark .lead,
    .section--sage .lead{
      color:rgba(255,255,255,.76);
    }

    .section-kicker{
      margin:0 0 10px;
      color:var(--ink);
      font-size:14px;
      line-height:1.2;
      font-weight:800;
      letter-spacing:0;
    }

    .section-kicker--dark{
      color:rgba(255,255,255,.82);
    }

    .hero{
      min-height:88svh;
      padding:136px 0 72px;
      color:var(--graphite);
      background:
        radial-gradient(circle at 7% 20%,rgba(41,230,167,.28),transparent 26rem),
        radial-gradient(circle at 84% 12%,rgba(124,58,237,.22),transparent 28rem),
        radial-gradient(circle at 52% 100%,rgba(255,90,61,.14),transparent 25rem),
        var(--soft-bg);
      display:grid;
      align-items:center;
      overflow:hidden;
    }

    .hero__grid{
      min-height:calc(88svh - 208px);
      display:grid;
      grid-template-columns:minmax(0,.94fr) minmax(340px,.78fr);
      gap:64px;
      align-items:center;
    }

    .hero__content{
      max-width:720px;
      padding:0;
    }

    .hero h1{
      margin:0;
      max-width:710px;
      font-family:var(--display);
      font-size:clamp(48px,5.4vw,66px);
      line-height:.98;
      font-weight:800;
      letter-spacing:0;
      word-break:normal;
      overflow-wrap:normal;
      hyphens:none;
      text-wrap:balance;
    }

    .hero__accent{
      display:block;
    }

    .hero__nowrap{
      white-space:nowrap;
    }

    .hero__accent{
      color:transparent;
      background:linear-gradient(95deg,var(--boutify-blue),var(--violet) 48%,var(--startup-coral));
      -webkit-background-clip:text;
      background-clip:text;
    }

    .hero__lead{
      margin:24px 0 0;
      max-width:650px;
      color:var(--muted-strong);
      font-size:19px;
    }

    .hero__actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:34px;
    }

    .hero__visual{
      min-height:520px;
      position:relative;
      display:grid;
      place-items:center;
    }

    .hero__visual::before,
    .hero__visual::after{
      content:"";
      position:absolute;
      border-radius:50%;
      filter:blur(.2px);
      pointer-events:none;
    }

    .hero__visual::before{
      width:180px;
      height:180px;
      right:-28px;
      top:52px;
      background:var(--growth-mint);
      opacity:.52;
    }

    .hero__visual::after{
      width:138px;
      height:138px;
      left:24px;
      bottom:70px;
      background:var(--startup-coral);
      opacity:.62;
    }

    .hero__image-slot{
      width:min(100%,540px);
      aspect-ratio:1008/1045;
      position:relative;
      z-index:1;
      overflow:hidden;
      border:1px solid rgba(21,24,33,.08);
      border-radius:var(--radius);
      padding:8px;
      background:#fff;
      box-shadow:var(--shadow-strong);
    }

    .hero__image-slot img{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:calc(var(--radius) - 2px);
    }

    .first-sale{
      padding:84px 0 88px;
      background:#fff;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
      overflow:hidden;
    }

    .first-sale__rail{
      width:min(900px,100%);
      min-height:56px;
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      margin:0 auto 44px;
      padding:0;
      list-style:none;
      border:1px solid #e9edf4;
      border-radius:var(--radius);
      background:#f6f8fc;
      box-shadow:0 16px 42px rgba(28,38,55,.06);
      overflow:hidden;
    }

    .first-sale__rail li{
      min-width:0;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:10px 14px;
      color:#262c35;
      font-size:12px;
      font-weight:800;
      line-height:1.12;
      border-right:1px solid #e1e6ef;
    }

    .first-sale__rail li:last-child{
      border-right:0;
    }

    .first-sale__rail svg{
      flex:0 0 auto;
      width:18px;
      height:18px;
      color:#2d3440;
      stroke-width:1.8;
    }

    .first-sale__header{
      max-width:760px;
      margin:0 auto 48px;
      text-align:center;
    }

    .first-sale__header h2{
      max-width:680px;
      margin:0 auto;
      font-family:var(--display);
      font-size:46px;
      line-height:1.04;
      letter-spacing:0;
    }

    .first-sale__header p:not(.section-kicker){
      max-width:680px;
      margin:16px auto 0;
      color:var(--muted-strong);
      font-size:18px;
      line-height:1.55;
    }

    .first-sale__steps{
      --flow-arrow-y:clamp(74px,8.5vw,104px);
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:42px;
      align-items:start;
    }

    .first-sale-step{
      min-width:0;
      position:relative;
    }

    .first-sale-step:not(:last-child)::before{
      content:"";
      position:absolute;
      top:var(--flow-arrow-y);
      right:-33px;
      z-index:3;
      width:24px;
      height:1px;
      background:#c4ccd8;
    }

    .first-sale-step:not(:last-child)::after{
      content:"";
      position:absolute;
      top:calc(var(--flow-arrow-y) - 4px);
      right:-33px;
      z-index:3;
      width:8px;
      height:8px;
      border-top:1px solid #c4ccd8;
      border-right:1px solid #c4ccd8;
      transform:rotate(45deg);
    }

    .first-sale-visual{
      position:relative;
      aspect-ratio:3/2;
      border-radius:var(--radius);
      margin-bottom:18px;
      overflow:hidden;
      background:#f6f8fc;
      box-shadow:0 22px 54px rgba(19,28,46,.12);
    }

    .first-sale-visual img{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:inherit;
    }

    .first-sale-step h3{
      margin:0;
      font-family:var(--display);
      font-size:22px;
      line-height:1.18;
      letter-spacing:0;
    }

    .first-sale-step h3 span{
      font-variant-numeric:tabular-nums;
    }

    .first-sale-step p{
      margin:10px 0 0;
      color:var(--ink-soft);
      font-size:15px;
      line-height:1.55;
    }

    .first-sale__cta{
      display:grid;
      justify-items:center;
      gap:12px;
      margin-top:42px;
      text-align:center;
    }

    .product-demo{
      padding:104px 0;
      overflow:hidden;
      background:linear-gradient(180deg,#f7faff 0%,#edf3fb 100%);
      border-bottom:1px solid var(--line);
    }

    .product-demo__intro{
      max-width:790px;
      margin:0 auto;
      text-align:center;
    }

    .product-demo__intro h2{
      max-width:730px;
      margin:0 auto;
      font-family:var(--display);
      font-size:46px;
      line-height:1.04;
      letter-spacing:0;
    }

    .product-demo__intro p:not(.section-kicker){
      max-width:720px;
      margin:14px auto 0;
      color:var(--ink-soft);
      font-size:17px;
      line-height:1.55;
    }

    .product-carousel{
      position:relative;
      max-width:1120px;
      margin:36px auto 0;
      padding:0 52px;
    }

    .product-carousel__viewport{
      position:relative;
      min-height:360px;
      overflow:hidden;
    }

    .product-carousel__screen{
      position:absolute;
      top:20px;
      left:50%;
      width:min(560px,62vw);
      aspect-ratio:16/9;
      border:1px solid rgba(99,118,148,.32);
      border-radius:8px;
      background:#fff;
      box-shadow:0 22px 60px rgba(36,92,255,.16),0 8px 24px rgba(18,27,44,.08);
      opacity:0;
      pointer-events:none;
      transform:translateX(-50%) scale(.9);
      transition:opacity .36s ease,transform .36s ease,filter .36s ease;
    }

    .product-carousel__screen.is-active{
      z-index:3;
      opacity:1;
      pointer-events:auto;
      transform:translateX(-50%) scale(1);
    }

    .product-carousel__screen.is-prev{
      z-index:1;
      opacity:.18;
      filter:saturate(.72);
      transform:translateX(calc(-50% - 390px)) scale(.96);
    }

    .product-carousel__screen.is-next{
      z-index:1;
      opacity:.18;
      filter:saturate(.72);
      transform:translateX(calc(-50% + 390px)) scale(.96);
    }

    .product-carousel__image{
      width:100%;
      height:100%;
      display:block;
      border-radius:8px;
      object-fit:cover;
      object-position:center;
      background:#fff;
    }

    .product-carousel__arrow{
      position:absolute;
      top:180px;
      z-index:5;
      width:40px;
      height:40px;
      display:grid;
      place-items:center;
      border:0;
      border-radius:50%;
      background:transparent;
      color:var(--ink);
      cursor:pointer;
    }

    .product-carousel__arrow:hover{
      background:rgba(255,255,255,.72);
      box-shadow:0 8px 24px rgba(18,27,44,.08);
    }

    .product-carousel__arrow span{
      width:12px;
      height:12px;
      display:block;
      border-top:2px solid currentColor;
      border-left:2px solid currentColor;
    }

    .product-carousel__arrow--prev{
      left:0;
    }

    .product-carousel__arrow--prev span{
      transform:rotate(-45deg);
    }

    .product-carousel__arrow--next{
      right:0;
    }

    .product-carousel__arrow--next span{
      transform:rotate(135deg);
    }

    .product-carousel__dots{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:18px;
    }

    .product-carousel__dot{
      width:42px;
      height:10px;
      padding:0;
      border:1px solid #94a3b8;
      border-radius:999px;
      background:#fff;
      cursor:pointer;
      transition:width .24s ease,background-color .24s ease,border-color .24s ease;
    }

    .product-carousel__dot.is-active{
      width:56px;
      border-color:var(--boutify-blue);
      background:var(--boutify-blue);
    }

    .product-carousel__copy{
      max-width:760px;
      min-height:84px;
      margin:22px auto 0;
      text-align:center;
    }

    .product-carousel__copy h3{
      margin:0;
      font-family:var(--display);
      font-size:30px;
      line-height:1.12;
      letter-spacing:0;
    }

    .product-carousel__copy p{
      max-width:680px;
      margin:10px auto 0;
      color:var(--ink-soft);
      font-size:16px;
      line-height:1.55;
    }

    .product-demo__cta{
      display:grid;
      justify-items:center;
      gap:12px;
      margin-top:18px;
      text-align:center;
    }

    .carousel-mock{
      height:100%;
      overflow:hidden;
      border-radius:8px;
      background:#fff;
    }

    .carousel-mock__bar{
      height:42px;
      display:grid;
      grid-template-columns:auto auto minmax(120px,1fr) auto;
      gap:14px;
      align-items:center;
      padding:0 14px;
      border-bottom:1px solid #e7edf6;
      background:#fbfcff;
    }

    .carousel-mock__traffic{
      display:flex;
      gap:5px;
    }

    .carousel-mock__traffic i{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#c8d2e1;
    }

    .carousel-mock__traffic i:nth-child(1){background:#ff6f61}
    .carousel-mock__traffic i:nth-child(2){background:#f6c44f}
    .carousel-mock__traffic i:nth-child(3){background:#29e6a7}

    .carousel-mock__brand{
      color:#172033;
      font-size:13px;
      font-weight:850;
    }

    .carousel-mock__search{
      height:16px;
      border-radius:999px;
      background:#e9eef6;
    }

    .carousel-mock__icons{
      display:flex;
      gap:8px;
    }

    .carousel-mock__icons i{
      width:16px;
      height:16px;
      border-radius:50%;
      background:#e2e8f3;
    }

    .carousel-mock__body{
      height:calc(100% - 42px);
      display:grid;
      gap:14px;
      padding:14px;
      background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
    }

    .carousel-mock--store .carousel-mock__body{
      grid-template-columns:104px 1fr;
    }

    .carousel-mock__sidebar{
      padding:10px;
      border-radius:8px;
      background:#f1f5fb;
    }

    .carousel-mock__sidebar strong{
      display:block;
      margin-bottom:12px;
      color:#172033;
      font-size:10px;
    }

    .carousel-mock__line{
      display:block;
      height:8px;
      margin-bottom:8px;
      border-radius:999px;
      background:#d9e2ef;
    }

    .carousel-mock__line:nth-child(3){width:78%}
    .carousel-mock__line:nth-child(4){width:62%}
    .carousel-mock__line:nth-child(5){width:86%}

    .carousel-store-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
      min-width:0;
    }

    .carousel-product-card{
      min-width:0;
      overflow:hidden;
      border:1px solid #e3eaf4;
      border-radius:8px;
      background:#fff;
      box-shadow:0 8px 18px rgba(18,27,44,.05);
    }

    .carousel-product-card__image{
      height:96px;
      background:linear-gradient(135deg,#d8e8ff 0%,#f7c5dc 100%);
    }

    .carousel-product-card:nth-child(2) .carousel-product-card__image{
      background:linear-gradient(135deg,#d4f8e9 0%,#ffe3b5 100%);
    }

    .carousel-product-card:nth-child(3) .carousel-product-card__image{
      background:linear-gradient(135deg,#20242f 0%,#7c3aed 100%);
    }

    .carousel-product-card:nth-child(4) .carousel-product-card__image{
      background:linear-gradient(135deg,#f9d7cf 0%,#245cff 100%);
    }

    .carousel-product-card__meta{
      display:grid;
      gap:6px;
      padding:9px;
    }

    .carousel-product-card__title,
    .carousel-product-card__price{
      height:8px;
      border-radius:999px;
      background:#dce5f1;
    }

    .carousel-product-card__price{
      width:56%;
      background:#245cff;
    }

    .carousel-mock--product .carousel-mock__body,
    .carousel-mock--checkout .carousel-mock__body,
    .carousel-mock--admin .carousel-mock__body{
      grid-template-columns:1fr 1fr;
    }

    .carousel-product-photo{
      border-radius:8px;
      background:linear-gradient(135deg,#f4f7fc 0%,#bdd5ff 52%,#7c3aed 100%);
    }

    .carousel-product-info{
      display:grid;
      align-content:center;
      gap:12px;
      min-width:0;
    }

    .carousel-options,
    .carousel-size-row{
      display:flex;
      gap:8px;
      align-items:center;
      flex-wrap:wrap;
    }

    .carousel-option{
      width:22px;
      height:22px;
      border-radius:50%;
      background:#245cff;
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.72);
    }

    .carousel-option:nth-child(2){background:#ff5a3d}
    .carousel-option:nth-child(3){background:#29e6a7}
    .carousel-option:nth-child(4){background:#7c3aed}

    .carousel-size-row span{
      min-width:30px;
      height:24px;
      display:grid;
      place-items:center;
      border:1px solid #d9e2ef;
      border-radius:6px;
      color:#475569;
      font-size:10px;
      font-weight:800;
      background:#fff;
    }

    .carousel-mock__button{
      width:68%;
      height:34px;
      border-radius:7px;
      background:var(--boutify-blue);
    }

    .carousel-checkout-form,
    .carousel-checkout-summary,
    .carousel-admin-table,
    .carousel-admin-metrics{
      display:grid;
      gap:10px;
      min-width:0;
    }

    .carousel-checkout-form span{
      height:28px;
      border:1px solid #dce5f1;
      border-radius:7px;
      background:#fff;
    }

    .carousel-checkout-summary{
      padding:14px;
      border-radius:8px;
      background:#f1f5fb;
    }

    .carousel-checkout-summary strong{
      height:14px;
      border-radius:999px;
      background:#172033;
    }

    .carousel-checkout-summary i{
      height:10px;
      border-radius:999px;
      background:#cdd7e6;
    }

    .carousel-checkout-summary b{
      height:32px;
      border-radius:7px;
      background:var(--growth-mint);
    }

    .carousel-admin-metrics{
      grid-template-columns:1fr 1fr;
      align-content:start;
    }

    .carousel-admin-metrics span{
      min-height:58px;
      border-radius:8px;
      background:#eef4ff;
    }

    .carousel-admin-metrics span:nth-child(2){
      background:#e9fbf4;
    }

    .carousel-admin-table{
      align-content:start;
    }

    .carousel-admin-table span{
      height:32px;
      border:1px solid #e3eaf4;
      border-radius:7px;
      background:#fff;
      box-shadow:0 8px 18px rgba(18,27,44,.05);
    }

    .trust-section{
      position:relative;
      overflow:hidden;
      padding:104px 0;
      background:#f4f7fb;
      border-bottom:1px solid var(--line);
    }

    .trust-section__decor{
      position:absolute;
      pointer-events:none;
      opacity:.58;
    }

    .trust-section__decor--diamond{
      width:86px;
      height:86px;
      top:-28px;
      left:26%;
      border:1px solid rgba(36,92,255,.34);
      background:linear-gradient(135deg,rgba(36,92,255,.12),rgba(124,58,237,.1));
      transform:rotate(45deg);
    }

    .trust-section__decor--mini-diamond{
      width:34px;
      height:34px;
      top:56px;
      left:72px;
      border:1px solid rgba(20,30,48,.18);
      background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(36,92,255,.08));
      transform:rotate(45deg);
    }

    .trust-section__decor--mini-diamond::after{
      content:"";
      position:absolute;
      right:0;
      bottom:0;
      width:52%;
      height:52%;
      background:var(--boutify-blue);
      opacity:.9;
    }

    .trust-section__decor--wedge{
      width:104px;
      height:128px;
      left:-34px;
      top:122px;
      background:linear-gradient(135deg,rgba(255,90,61,.78),rgba(41,230,167,.54));
      clip-path:polygon(0 0,100% 45%,38% 100%,0 76%);
    }

    .trust-section__decor--line{
      width:360px;
      height:190px;
      right:-76px;
      top:92px;
      border:1px solid rgba(20,30,48,.18);
      border-left:0;
      border-bottom:0;
      border-radius:50%;
      transform:rotate(14deg);
    }

    .trust-section__decor--line-soft{
      width:430px;
      height:230px;
      right:-118px;
      top:176px;
      border:1px solid rgba(20,30,48,.11);
      border-left:0;
      border-bottom:0;
      border-radius:50%;
      transform:rotate(-11deg);
    }

    .trust-section__decor--fold{
      width:122px;
      height:92px;
      right:-26px;
      bottom:82px;
      background:linear-gradient(135deg,rgba(41,230,167,.56),rgba(124,58,237,.74));
      clip-path:polygon(0 0,100% 32%,70% 100%,18% 78%);
    }

    .trust-section__decor--scribble{
      width:330px;
      height:120px;
      left:118px;
      bottom:-42px;
      border-top:1px solid rgba(20,30,48,.45);
      border-radius:56% 44% 0 0;
      transform:rotate(-12deg);
      opacity:.5;
    }

    .trust-section__decor--scribble::after{
      content:"";
      position:absolute;
      left:64px;
      top:18px;
      width:180px;
      height:76px;
      border-top:1px solid rgba(20,30,48,.42);
      border-radius:50% 50% 0 0;
      transform:rotate(16deg);
    }

    .trust-section__decor--spark{
      width:28px;
      height:28px;
      right:96px;
      top:58px;
    }

    .trust-section__decor--spark::before,
    .trust-section__decor--spark::after{
      content:"";
      position:absolute;
      inset:50% auto auto 50%;
      width:20px;
      height:1px;
      background:rgba(20,30,48,.22);
      transform:translate(-50%,-50%) rotate(90deg);
    }

    .trust-section__decor--spark::after{
      transform:translate(-50%,-50%);
    }

    .trust-section__decor--burst{
      width:42px;
      height:42px;
      right:46%;
      bottom:52px;
    }

    .trust-section__decor--burst::before,
    .trust-section__decor--burst::after{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      width:28px;
      height:1px;
      background:rgba(20,30,48,.18);
      transform:translate(-50%,-50%) rotate(18deg);
    }

    .trust-section__decor--burst::after{
      transform:translate(-50%,-50%) rotate(108deg);
    }

    .trust-section__decor--slash{
      width:18px;
      height:1px;
      left:36%;
      bottom:96px;
      background:rgba(20,30,48,.62);
      transform:rotate(-48deg);
    }

    .trust-section__grid{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:minmax(0,.95fr) minmax(420px,.86fr);
      gap:76px;
      align-items:center;
    }

    .trust-section__copy h2{
      max-width:600px;
      margin:0;
      font-family:var(--display);
      font-size:54px;
      line-height:1.03;
      letter-spacing:0;
    }

    .trust-section__copy p:not(.section-kicker){
      max-width:520px;
      margin:24px 0 0;
      color:var(--ink-soft);
      font-size:18px;
      line-height:1.55;
    }

    .trust-section__copy strong{
      color:var(--ink);
      font-weight:850;
    }

    .trust-section__cards{
      display:grid;
      gap:16px;
    }

    .trust-card{
      --card-accent:var(--boutify-blue);
      position:relative;
      display:grid;
      grid-template-columns:42px 1fr;
      gap:16px;
      align-items:center;
      padding:20px 22px;
      border:1px solid rgba(148,163,184,.34);
      border-radius:8px;
      background:rgba(255,255,255,.9);
      box-shadow:0 18px 44px rgba(18,27,44,.08);
    }

    .trust-card:nth-child(2){
      --card-accent:var(--growth-mint);
      border-color:rgba(41,230,167,.32);
    }

    .trust-card:nth-child(3){
      --card-accent:var(--violet);
    }

    .trust-card:nth-child(3)::after{
      content:"";
      position:absolute;
      top:0;
      right:0;
      width:54px;
      height:13px;
      border-left:1px solid rgba(124,58,237,.13);
      border-bottom:1px solid rgba(124,58,237,.13);
      border-radius:0 8px 0 8px;
      background:rgba(124,58,237,.1);
    }

    .trust-card:nth-child(4){
      --card-accent:var(--cobalt);
    }

    .trust-card::before{
      content:"";
      position:absolute;
      inset:0 auto 0 0;
      width:3px;
      border-radius:8px 0 0 8px;
      background:var(--card-accent);
      opacity:.58;
    }

    .trust-card__number{
      width:36px;
      height:36px;
      display:grid;
      place-items:center;
      justify-self:center;
      border:1px solid color-mix(in srgb,var(--card-accent) 36%,#fff);
      border-radius:8px;
      background:color-mix(in srgb,var(--card-accent) 10%,#fff);
      color:var(--card-accent);
      font-size:13px;
      font-weight:900;
      font-variant-numeric:tabular-nums;
    }

    .trust-card h3{
      margin:0;
      font-family:var(--display);
      font-size:22px;
      line-height:1.12;
      letter-spacing:0;
    }

    .trust-card p{
      margin:8px 0 0;
      color:var(--ink-soft);
      font-size:15px;
      line-height:1.45;
    }

    .fashion-segments{
      position:relative;
      overflow:hidden;
      padding:104px 0;
      color:#fff;
      background:#151515;
      border-bottom:1px solid rgba(255,255,255,.1);
    }

    .fashion-segments::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 88px),
        repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 88px);
      opacity:.3;
    }

    .fashion-segments__header{
      position:relative;
      z-index:1;
      grid-column:span 6;
      align-self:center;
      max-width:620px;
      margin:0;
    }

    .fashion-segments__header h2{
      max-width:670px;
      margin:0;
      font-family:var(--display);
      font-size:52px;
      line-height:1.03;
      letter-spacing:0;
    }

    .fashion-segments__header p:not(.section-kicker){
      max-width:600px;
      margin:18px 0 0;
      color:rgba(255,255,255,.78);
      font-size:17px;
      line-height:1.55;
    }

    .fashion-board{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(12,minmax(0,1fr));
      gap:14px;
    }

    .segment-tile{
      position:relative;
      grid-column:span 2;
      min-height:250px;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      padding:14px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:8px;
      background:#2E2C2F;
      box-shadow:0 24px 48px rgba(0,0,0,.2);
      isolation:isolate;
    }

    .segment-tile--large{
      grid-column:span 3;
      min-height:270px;
    }

    .segment-tile--wide{
      grid-column:span 2;
      min-height:250px;
    }

    .segment-tile--palette{
      grid-column:span 2;
      min-height:250px;
      align-content:start;
      gap:14px;
      background:#17181b;
    }

    .segment-tile h3,
    .segment-tile p{
      position:relative;
      z-index:2;
    }

    .segment-tile h3{
      margin:0;
      max-width:none;
      font-family:var(--display);
      font-size:18px;
      line-height:1.04;
      letter-spacing:0;
    }

    .segment-tile--large h3{
      font-size:20px;
    }

    .segment-tile p{
      max-width:none;
      margin:6px 0 0;
      color:rgba(255,255,255,.76);
      font-size:11px;
      line-height:1.28;
    }

    .segment-tile--large p{
      font-size:12px;
      line-height:1.32;
    }

    .segment-art{
      position:relative;
      flex:0 0 116px;
      width:100%;
      height:116px;
      margin:-6px -6px 12px;
      overflow:hidden;
      display:grid;
      gap:4px;
      border-radius:6px;
      background:#2E2C2F;
      z-index:0;
    }

    .segment-tile--large .segment-art{
      flex-basis:142px;
      height:142px;
      grid-template-columns:1fr 1fr;
    }

    .segment-tile--wide .segment-art{
      flex-basis:116px;
      height:116px;
    }

    .segment-art span{
      min-width:0;
      min-height:0;
      border-radius:5px;
    }

    .segment-art img{
      width:100%;
      height:100%;
      grid-column:1/-1;
      grid-row:1/-1;
      object-fit:contain;
      border-radius:inherit;
    }

    .segment-art--author img,
    .segment-art--multi img{
      object-position:center 44%;
    }

    .segment-art--clothes img,
    .segment-art--kids img{
      object-position:center 38%;
    }

    .segment-art--author .art-label{
      display:grid;
      place-items:center;
      color:#17181b;
      font-family:var(--display);
      font-size:58px;
      font-weight:800;
      background:
        linear-gradient(135deg,rgba(36,92,255,.74),rgba(255,255,255,.16)),
        #f2f1ec;
    }

    .segment-art--author .art-fabric{
      background:
        linear-gradient(135deg,rgba(255,255,255,.42),rgba(0,0,0,.5)),
        repeating-linear-gradient(105deg,#1d1d1f 0 7px,#c7c1b6 7px 15px,#0f1012 15px 24px);
    }

    .segment-art--multi{
      grid-template-columns:1.2fr 1fr 1fr;
      grid-template-rows:1fr 1fr;
    }

    .segment-art--multi span:nth-child(1){
      grid-row:span 2;
      background:linear-gradient(135deg,#c89b74,#ede2d6 48%,#6b4e3f);
    }

    .segment-art--multi span:nth-child(2){
      background:repeating-linear-gradient(90deg,#f0ede7 0 12px,#101113 12px 22px);
    }

    .segment-art--multi span:nth-child(3){
      background:linear-gradient(135deg,#1d1f24,#f07b64);
    }

    .segment-art--multi span:nth-child(4){
      background:linear-gradient(135deg,#f2ede5,#a06d55);
    }

    .segment-art--multi span:nth-child(5){
      background:repeating-linear-gradient(135deg,#f3c7b7 0 12px,#2f6d79 12px 22px,#101113 22px 26px);
    }

    .segment-art--clothes{
      grid-template-columns:1fr 1fr;
      background:#2E2C2F;
    }

    .segment-art--clothes span:nth-child(1){
      background:linear-gradient(135deg,#e2e8f4,#111318);
    }

    .segment-art--clothes span:nth-child(2){
      background:linear-gradient(135deg,#c4b8ff,#e8e2dc);
    }

    .segment-art--clothes span:nth-child(3){
      background:#245cff;
    }

    .segment-art--clothes span:nth-child(4){
      background:#29e6a7;
    }

    .segment-art--clothes span:nth-child(5){
      background:#ff5a3d;
    }

    .segment-art--accessories{
      grid-template-columns:1fr 1fr;
      background:
        repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 2px,transparent 2px 8px),
        #222;
    }

    .segment-art--accessories span{
      border:2px solid #c9b7a0;
      border-radius:999px;
      background:transparent;
      transform:rotate(-24deg);
    }

    .segment-art--shoes{
      grid-template-columns:1fr 1fr;
    }

    .segment-art--shoes span:nth-child(1){
      background:linear-gradient(135deg,#ff6f57 0 45%,#201f21 45%);
    }

    .segment-art--shoes span:nth-child(2){
      background:linear-gradient(135deg,#f3e5d6 0 42%,#8f5d3e 42%);
    }

    .segment-art--shoes span:nth-child(3){
      background:linear-gradient(135deg,#d9f3eb 0 48%,#2b2c30 48%);
    }

    .segment-art--shoes span:nth-child(4){
      display:grid;
      place-items:center;
      color:#111;
      font-size:12px;
      font-weight:850;
      background:linear-gradient(135deg,#a2e8dc,#f0eee6);
    }

    .segment-art--beach{
      grid-template-columns:1fr 1fr;
    }

    .segment-art--beach span:nth-child(1){
      background:linear-gradient(135deg,#ffb5a5 0 45%,#f06e59 45%);
    }

    .segment-art--beach span:nth-child(2){
      background:linear-gradient(135deg,#86daca 0 45%,#f7d37e 45%,#f7d37e 60%,#287b93 60%);
    }

    .segment-art--fitness{
      grid-template-columns:1fr 1fr;
      background:#2E2C2F;
    }

    .segment-art--fitness span:nth-child(1){
      background:
        linear-gradient(120deg,rgba(255,255,255,.14),transparent),
        repeating-linear-gradient(135deg,#0c0d10 0 9px,#3f4650 9px 16px);
    }

    .segment-art--fitness span:nth-child(2){
      background:linear-gradient(135deg,#111318,#d7dbe2 44%,#0f1012 44%);
    }

    .segment-art--kids{
      grid-template-columns:1.2fr .8fr;
      background:#2E2C2F;
    }

    .segment-art--kids span:nth-child(1){
      background:
        radial-gradient(circle at 20% 24%,#245cff 0 4px,transparent 5px),
        radial-gradient(circle at 64% 38%,#ff5a3d 0 4px,transparent 5px),
        radial-gradient(circle at 42% 74%,#29e6a7 0 4px,transparent 5px),
        radial-gradient(circle at 82% 72%,#7c3aed 0 4px,transparent 5px),
        #f7efe3;
    }

    .segment-art--kids span:nth-child(2){
      display:grid;
      place-items:center;
      color:#111;
      font-size:12px;
      font-weight:850;
      background:linear-gradient(135deg,#d9ccff,#f5f0e8);
    }

    .segment-palette{
      position:relative;
      z-index:2;
      display:grid;
      gap:14px;
    }

    .segment-palette__dots{
      display:flex;
      gap:5px;
    }

    .segment-palette__dots i{
      width:4px;
      height:4px;
      border-radius:50%;
      background:rgba(255,255,255,.36);
    }

    .segment-palette__swatches,
    .segment-palette__blocks,
    .segment-palette__sizes{
      display:grid;
      gap:9px;
    }

    .segment-palette__swatches{
      grid-template-columns:repeat(3,1fr);
    }

    .segment-palette__swatches span{
      height:34px;
      border-radius:999px;
    }

    .segment-palette__swatches span:nth-child(1){background:var(--boutify-blue)}
    .segment-palette__swatches span:nth-child(2){background:var(--growth-mint)}
    .segment-palette__swatches span:nth-child(3){background:#f1eee5}

    .segment-palette__blocks{
      grid-template-columns:1fr 1fr;
    }

    .segment-palette__blocks span{
      height:48px;
      border-radius:6px;
      background:#bec8de;
    }

    .segment-palette__blocks span:nth-child(2){background:var(--startup-coral)}

    .segment-palette__label{
      color:rgba(255,255,255,.68);
      font-size:11px;
      font-weight:750;
    }

    .segment-palette__sizes{
      grid-template-columns:1fr 1fr;
    }

    .segment-palette__sizes span{
      height:30px;
      border-radius:999px;
      background:#b692f6;
    }

    .segment-palette__sizes span:nth-child(2){background:#8b5cf6}

    .sales-flow{
      position:relative;
      overflow:hidden;
      padding:98px 0 84px;
      background:
        radial-gradient(circle at 4% 20%,rgba(255,90,61,.08),transparent 26%),
        radial-gradient(circle at 94% 18%,rgba(36,92,255,.13),transparent 32%),
        linear-gradient(100deg,#fbfaf5 0%,#f9fbff 52%,#edf7ff 100%);
      border-bottom:1px solid rgba(18,27,44,.08);
    }

    .sales-flow::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(90deg,rgba(18,27,44,.04) 0 1px,transparent 1px 96px),
        linear-gradient(0deg,rgba(18,27,44,.035) 0 1px,transparent 1px 96px);
      opacity:.22;
      mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 78%,transparent 100%);
    }

    .sales-flow__inner{
      position:relative;
      z-index:1;
    }

    .sales-flow__head{
      max-width:780px;
      margin:0 auto;
      text-align:center;
    }

    .sales-flow__head h2{
      margin:0;
      color:#081832;
      font-family:var(--display);
      font-size:46px;
      line-height:1.06;
      letter-spacing:0;
    }

    .sales-flow__head p:not(.section-kicker){
      max-width:720px;
      margin:18px auto 0;
      color:#26344a;
      font-size:16px;
      line-height:1.5;
    }

    .sales-flow__body{
      position:relative;
      display:block;
      margin-top:54px;
    }

    .sales-flow__track{
      display:grid;
      grid-template-columns:repeat(5,minmax(86px,1fr) 46px) minmax(86px,1fr);
      gap:0;
      align-items:start;
      min-width:0;
    }

    .sales-flow-step{
      display:grid;
      justify-items:center;
      text-align:center;
      min-width:0;
    }

    .sales-flow-step__icon{
      width:52px;
      height:52px;
      display:grid;
      place-items:center;
      border:0;
      border-radius:0;
      background:transparent;
    }

    .sales-flow-step__icon img{
      width:52px;
      height:52px;
      object-fit:contain;
      display:block;
    }

    .sales-flow-step h3{
      min-height:42px;
      margin:16px 0 0;
      color:#050b18;
      font-family:var(--display);
      font-size:18px;
      line-height:1.02;
      letter-spacing:0;
    }

    .sales-flow-step p{
      max-width:130px;
      margin:10px auto 0;
      color:#18243a;
      font-size:13px;
      line-height:1.24;
    }

    .sales-flow-connector{
      height:52px;
      display:grid;
      place-items:center;
      align-self:start;
    }

    .sales-flow-connector__slot{
      position:relative;
      width:100%;
      height:22px;
      display:block;
    }

    .sales-flow-connector__slot::before{
      content:"";
      position:absolute;
      left:2px;
      right:8px;
      top:50%;
      height:1px;
      background:rgba(8,24,50,.58);
      transform:translateY(-50%);
    }

    .sales-flow-connector__slot::after{
      content:"";
      position:absolute;
      right:3px;
      top:50%;
      width:8px;
      height:8px;
      border-top:1px solid rgba(8,24,50,.7);
      border-right:1px solid rgba(8,24,50,.7);
      transform:translateY(-50%) rotate(45deg);
    }

    .sales-flow__cta{
      display:grid;
      justify-items:center;
      gap:12px;
      margin-top:64px;
      text-align:center;
    }

    .sales-flow__cta .btn{
      box-shadow:0 16px 34px rgba(36,92,255,.2);
    }

    .publication-control{
      position:relative;
      overflow:hidden;
      padding:106px 0;
      color:#050b18;
      background:
        radial-gradient(circle at 88% 12%,rgba(36,92,255,.12),transparent 30rem),
        radial-gradient(circle at 12% 88%,rgba(41,230,167,.1),transparent 24rem),
        linear-gradient(100deg,#f8fbff 0%,#edf5ff 100%);
      border-bottom:1px solid rgba(18,27,44,.08);
    }

    .publication-control::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(90deg,rgba(36,92,255,.035) 0 1px,transparent 1px 92px),
        linear-gradient(0deg,rgba(36,92,255,.025) 0 1px,transparent 1px 92px);
      opacity:.28;
      mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 78%,transparent 100%);
    }

    .publication-control__grid{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:minmax(0,.82fr) minmax(440px,1fr);
      gap:72px;
      align-items:center;
    }

    .publication-control__copy{
      max-width:590px;
    }

    .publication-control__copy h2{
      margin:18px 0 0;
      font-family:var(--display);
      font-size:52px;
      line-height:1.05;
      letter-spacing:0;
    }

    .publication-control__lead{
      margin:24px 0 0;
      max-width:560px;
      color:#17243a;
      font-size:18px;
      line-height:1.5;
    }

    .publication-control__assurance{
      margin:26px 0 0;
      color:#050b18;
      font-size:18px;
      line-height:1.35;
    }

    .publication-control__actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:28px;
    }

    .publication-control__visual{
      position:relative;
      min-width:0;
      display:grid;
      justify-items:end;
    }

    .publication-control__mockup{
      position:relative;
      z-index:1;
      width:min(100%,660px);
      overflow:hidden;
      border-radius:18px;
      background:#fff;
      box-shadow:0 30px 78px rgba(18,27,44,.16);
    }

    .publication-control__mockup img{
      display:block;
      width:100%;
      height:auto;
    }

    .domain-section{
      position:relative;
      overflow:hidden;
      padding:106px 0;
      color:#061529;
      background:
        radial-gradient(circle at 55% 8%,rgba(41,230,167,.16),transparent 26rem),
        radial-gradient(circle at 94% 88%,rgba(36,92,255,.16),transparent 30rem),
        radial-gradient(circle at 8% 12%,rgba(255,90,61,.06),transparent 24rem),
        linear-gradient(105deg,#fbfaf5 0%,#f2fbf5 47%,#edf7ff 100%);
      border-bottom:1px solid rgba(18,27,44,.08);
    }

    .domain-section::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(90deg,rgba(18,27,44,.035) 0 1px,transparent 1px 96px),
        linear-gradient(0deg,rgba(18,27,44,.025) 0 1px,transparent 1px 96px);
      opacity:.24;
      mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 78%,transparent 100%);
    }

    .domain-shell{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:minmax(0,.82fr) minmax(520px,1fr);
      gap:76px;
      align-items:center;
    }

    .domain-copy{
      max-width:610px;
    }

    .domain-copy h2{
      margin:18px 0 0;
      font-family:var(--display);
      font-size:50px;
      line-height:1.06;
      letter-spacing:0;
    }

    .domain-copy__lead{
      margin:24px 0 0;
      max-width:560px;
      color:#17243a;
      font-size:17px;
      line-height:1.52;
    }

    .domain-copy__actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:28px;
    }

    .domain-visual{
      position:relative;
      min-width:0;
      display:grid;
      gap:22px;
    }

    .domain-cards{
      display:grid;
      grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);
      gap:12px;
      align-items:center;
    }

    .domain-card{
      border:1px solid rgba(148,163,184,.3);
      background:rgba(255,255,255,.78);
      box-shadow:0 24px 58px rgba(18,27,44,.13);
      backdrop-filter:blur(16px);
    }

    .domain-card{
      min-height:284px;
      display:grid;
      align-content:start;
      justify-items:center;
      padding:25px 20px 22px;
      border-radius:18px;
      text-align:center;
    }

    .domain-card--boutify{
      border-color:rgba(41,230,167,.34);
      background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(235,255,247,.78));
    }

    .domain-card--brand{
      border-color:rgba(255,90,61,.34);
      background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,242,237,.76));
    }

    .domain-card__icon{
      width:72px;
      height:72px;
      display:grid;
      place-items:center;
    }

    .domain-card__icon img{
      width:100%;
      height:100%;
      display:block;
      object-fit:contain;
    }

    .domain-card h3{
      margin:14px 0 0;
      font-family:var(--display);
      font-size:22px;
      line-height:1.08;
      letter-spacing:0;
    }

    .domain-card p{
      max-width:220px;
      margin:14px auto 0;
      color:#17243a;
      font-size:14px;
      line-height:1.35;
    }

    .domain-browser{
      box-sizing:border-box;
      width:224px;
      max-width:100%;
      margin-top:15px;
      margin-inline:auto;
      padding:9px 8px;
      border:1px solid rgba(148,163,184,.34);
      border-radius:12px;
      background:rgba(255,255,255,.86);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 10px 22px rgba(18,27,44,.07);
    }

    .domain-browser__chrome{
      box-sizing:border-box;
      min-height:14px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:0 2px 8px;
    }

    .domain-browser__dots{
      display:flex;
      gap:5px;
    }

    .domain-browser__dots i{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#ff7a63;
    }

    .domain-browser__dots i:nth-child(2){background:#f1c86d}
    .domain-browser__dots i:nth-child(3){background:#52d49e}

    .domain-browser__address{
      box-sizing:border-box;
      min-width:0;
      min-height:34px;
      display:flex;
      align-items:center;
      padding:0 9px;
      border:1px solid rgba(148,163,184,.26);
      border-radius:9px;
      background:#fff;
    }

    .domain-browser__address code{
      display:block;
      min-width:0;
      width:100%;
      color:#132034;
      font-family:var(--sans);
      font-size:11.7px;
      font-weight:760;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:clip;
    }

    .domain-status{
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:3px 7px;
      border-radius:999px;
      color:#087a43;
      background:rgba(41,230,167,.18);
      font-size:10px;
      font-weight:850;
      white-space:nowrap;
    }

    .domain-status::before{
      content:"✓";
      width:12px;
      height:12px;
      display:grid;
      place-items:center;
      border-radius:50%;
      color:#fff;
      background:#0ea36a;
      font-size:8px;
      line-height:1;
      font-weight:900;
    }

    .domain-evolution{
      position:relative;
      height:90px;
      display:grid;
      place-items:center;
      color:#9b5cf6;
    }

    .domain-evolution img{
      width:64px;
      height:36px;
      display:block;
      object-fit:contain;
      filter:drop-shadow(0 8px 12px rgba(124,58,237,.24));
    }

    .domain-evolution i{
      position:absolute;
      width:7px;
      height:7px;
      border-radius:2px;
      background:var(--startup-coral);
      transform:rotate(45deg);
    }

    .domain-evolution i:nth-child(1){
      left:8px;
      top:18px;
    }

    .domain-evolution i:nth-child(2){
      right:12px;
      bottom:16px;
      background:var(--violet);
    }

    .domain-evolution i:nth-child(3){
      left:26px;
      bottom:10px;
      width:5px;
      height:5px;
      background:var(--boutify-blue);
      opacity:.64;
    }

    .features-section{
      position:relative;
      overflow:hidden;
      padding:108px 0;
      color:#061529;
      background:
        radial-gradient(circle at 82% 16%,rgba(41,230,167,.17),transparent 27rem),
        radial-gradient(circle at 13% 86%,rgba(36,92,255,.12),transparent 26rem),
        radial-gradient(circle at 96% 82%,rgba(255,90,61,.08),transparent 20rem),
        linear-gradient(112deg,#fbfcff 0%,#f4fbf6 52%,#edf6ff 100%);
      border-bottom:1px solid rgba(18,27,44,.08);
    }

    .features-section::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(90deg,rgba(18,27,44,.035) 0 1px,transparent 1px 96px),
        linear-gradient(0deg,rgba(18,27,44,.024) 0 1px,transparent 1px 96px);
      opacity:.2;
      mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 78%,transparent 100%);
    }

    .features-section__inner{
      position:relative;
      z-index:1;
    }

    .features-section__head{
      max-width:820px;
      margin:0 auto;
      text-align:center;
    }

    .features-section__head h2{
      margin:18px 0 0;
      font-family:var(--display);
      font-size:46px;
      line-height:1.06;
      letter-spacing:0;
    }

    .features-section__head p:not(.section-kicker){
      max-width:760px;
      margin:18px auto 0;
      color:#17243a;
      font-size:17px;
      line-height:1.52;
    }

    .features-main-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:16px;
      margin-top:52px;
    }

    .features-main-card{
      --feature-color:var(--boutify-blue);
      --feature-bg:rgba(36,92,255,.1);
      --feature-border:rgba(36,92,255,.22);
      position:relative;
      min-width:0;
      min-height:238px;
      overflow:hidden;
      padding:20px;
      border:1px solid rgba(148,163,184,.34);
      border-radius:8px;
      background:rgba(255,255,255,.92);
      box-shadow:0 20px 48px rgba(18,27,44,.1);
      backdrop-filter:blur(14px);
    }

    .features-main-card::before{
      content:"";
      position:absolute;
      inset:0 0 auto;
      height:4px;
      background:linear-gradient(90deg,var(--feature-color),transparent);
      opacity:.78;
    }

    .features-main-card__icon{
      width:62px;
      height:62px;
      display:grid;
      place-items:center;
      margin-bottom:18px;
      border:1px solid var(--feature-border);
      border-radius:8px;
      color:var(--feature-color);
      background:var(--feature-bg);
    }

    .features-main-card__icon img{
      width:38px;
      height:38px;
      object-fit:contain;
    }

    .features-main-card h3{
      margin:0;
      color:#071426;
      font-family:var(--display);
      font-size:21px;
      line-height:1.12;
      letter-spacing:0;
    }

    .features-main-card p{
      margin:10px 0 0;
      color:#26344a;
      font-size:14px;
      line-height:1.38;
    }

    .features-section__divider{
      display:grid;
      grid-template-columns:1fr auto 1fr;
      gap:18px;
      align-items:center;
      margin:50px 0 24px;
      color:#344258;
      font-size:13px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:0;
    }

    .features-section__divider span{
      height:1px;
      background:linear-gradient(90deg,transparent,rgba(148,163,184,.46),transparent);
    }

    .features-group-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:16px;
      min-width:0;
    }

    .features-group{
      --feature-color:var(--boutify-blue);
      --feature-bg:rgba(36,92,255,.08);
      --feature-border:rgba(36,92,255,.2);
      min-width:0;
      padding:16px;
      border:1px solid rgba(148,163,184,.28);
      border-radius:8px;
      background:rgba(255,255,255,.66);
      box-shadow:0 14px 34px rgba(18,27,44,.08);
    }

    .features-group__head{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
      margin-bottom:12px;
    }

    .features-group__icon{
      flex:0 0 auto;
      width:34px;
      height:34px;
      display:grid;
      place-items:center;
      border-radius:8px;
      border:1px solid var(--feature-border);
      background:var(--feature-bg);
    }

    .features-group__icon img{
      width:20px;
      height:20px;
      object-fit:contain;
    }

    .features-group__head h3{
      min-width:0;
      margin:0;
      color:#071426;
      font-family:var(--display);
      font-size:18px;
      line-height:1.12;
      letter-spacing:0;
    }

    .features-mini-list{
      display:grid;
      gap:9px;
      margin:0;
      padding:0;
      list-style:none;
    }

    .features-mini-card{
      --feature-color:var(--boutify-blue);
      --feature-bg:rgba(36,92,255,.08);
      --feature-border:rgba(36,92,255,.18);
      display:grid;
      grid-template-columns:28px 1fr;
      gap:9px;
      align-items:start;
      min-width:0;
      padding:10px;
      border:1px solid rgba(148,163,184,.22);
      border-radius:8px;
      background:rgba(255,255,255,.82);
    }

    .features-mini-card__icon{
      width:28px;
      height:28px;
      display:grid;
      place-items:center;
      border-radius:7px;
      border:1px solid var(--feature-border);
      background:var(--feature-bg);
    }

    .features-mini-card__icon img{
      width:17px;
      height:17px;
      object-fit:contain;
    }

    .features-mini-card strong{
      display:block;
      color:#071426;
      font-size:13px;
      line-height:1.16;
    }

    .features-mini-card small{
      display:block;
      margin-top:4px;
      color:#45546a;
      font-size:11px;
      line-height:1.28;
    }

    .features-main-card--blue,
    .features-group--blue,
    .features-mini-card--blue{--feature-color:#245cff;--feature-bg:rgba(36,92,255,.1);--feature-border:rgba(36,92,255,.24)}
    .features-main-card--mint,
    .features-group--mint,
    .features-mini-card--mint{--feature-color:#0f9f77;--feature-bg:rgba(41,230,167,.13);--feature-border:rgba(15,159,119,.24)}
    .features-main-card--coral,
    .features-group--coral,
    .features-mini-card--coral{--feature-color:#ff5a3d;--feature-bg:rgba(255,90,61,.12);--feature-border:rgba(255,90,61,.24)}
    .features-main-card--violet,
    .features-group--violet,
    .features-mini-card--violet{--feature-color:#7c3aed;--feature-bg:rgba(124,58,237,.11);--feature-border:rgba(124,58,237,.24)}
    .features-main-card--sage,
    .features-group--sage,
    .features-mini-card--sage{--feature-color:#3f7a5b;--feature-bg:rgba(63,122,91,.12);--feature-border:rgba(63,122,91,.24)}
    .features-main-card--gold,
    .features-group--gold,
    .features-mini-card--gold{--feature-color:#b7791f;--feature-bg:rgba(217,151,25,.13);--feature-border:rgba(217,151,25,.26)}
    .features-main-card--pink,
    .features-group--pink,
    .features-mini-card--pink{--feature-color:#c445a4;--feature-bg:rgba(225,91,189,.12);--feature-border:rgba(225,91,189,.24)}
    .features-main-card--sky,
    .features-group--sky,
    .features-mini-card--sky{--feature-color:#2c7be5;--feature-bg:rgba(44,123,229,.1);--feature-border:rgba(44,123,229,.24)}

    .features-section img{
      opacity:.9;
    }

    .faq-section{
      position:relative;
      overflow:hidden;
      padding:104px 0;
      color:#061529;
      background:
        radial-gradient(circle at 6% 12%,rgba(41,230,167,.09),transparent 24rem),
        radial-gradient(circle at 92% 86%,rgba(36,92,255,.08),transparent 26rem),
        linear-gradient(110deg,#fffdf8 0%,#f9fbff 55%,#f5fbff 100%);
      border-bottom:1px solid rgba(18,27,44,.08);
    }

    .faq-section::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(90deg,rgba(18,27,44,.028) 0 1px,transparent 1px 104px),
        linear-gradient(0deg,rgba(18,27,44,.018) 0 1px,transparent 1px 104px);
      opacity:.18;
      mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 82%,transparent 100%);
    }

    .faq{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:minmax(0,.82fr) minmax(520px,1fr);
      gap:78px;
      align-items:start;
    }

    .faq__copy{
      max-width:560px;
    }

    .faq__copy h2{
      margin:18px 0 0;
      font-family:var(--display);
      font-size:52px;
      line-height:1.06;
      letter-spacing:0;
    }

    .faq__copy p:not(.section-kicker){
      max-width:520px;
      margin:24px 0 0;
      color:#17243a;
      font-size:18px;
      line-height:1.52;
    }

    .faq__items{
      display:grid;
      gap:12px;
    }

    .faq-item{
      --faq-accent:var(--boutify-blue);
      border:1px solid rgba(148,163,184,.32);
      border-radius:8px;
      background:rgba(255,255,255,.92);
      box-shadow:0 14px 34px rgba(18,27,44,.08);
      overflow:hidden;
      transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
    }

    .faq-item[open]{
      border-color:color-mix(in srgb,var(--faq-accent) 64%,#dbe4f0);
      box-shadow:0 20px 46px rgba(18,27,44,.12);
    }

    .faq-item summary{
      min-height:58px;
      display:grid;
      grid-template-columns:28px 1fr 22px;
      align-items:center;
      gap:12px;
      padding:14px 18px 14px 14px;
      cursor:pointer;
      color:#061529;
      font-family:var(--sans);
      font-size:15px;
      font-weight:900;
      line-height:1.25;
      list-style:none;
    }

    .faq-item summary::-webkit-details-marker{display:none}

    .faq-item__mark{
      width:24px;
      height:24px;
      display:grid;
      place-items:center;
      border-radius:6px;
      color:color-mix(in srgb,var(--faq-accent) 72%,#061529);
      background:color-mix(in srgb,var(--faq-accent) 20%,#fff);
      font-size:17px;
      line-height:1;
      font-weight:900;
    }

    .faq-item__mark::before{
      content:"+";
      transform:translateY(-1px);
    }

    .faq-item[open] .faq-item__mark::before{
      content:"-";
    }

    .faq-item summary::after{
      content:"";
      width:8px;
      height:8px;
      justify-self:end;
      border-right:1.5px solid #334155;
      border-bottom:1.5px solid #334155;
      transform:rotate(45deg);
      transition:transform .2s ease,border-color .2s ease,background .2s ease;
      flex:0 0 auto;
    }

    .faq-item[open] summary::after{
      width:12px;
      height:2px;
      border:0;
      background:#64748b;
      transform:none;
    }

    .faq-item p{
      margin:0;
      padding:0 54px 18px;
      color:#334155;
      font-size:14px;
      line-height:1.52;
    }

    .pricing-section{
      position:relative;
      overflow:hidden;
      padding:76px 0 58px;
      color:#061529;
      background:
        radial-gradient(circle at 18% 56%,rgba(41,230,167,.18),transparent 19rem),
        radial-gradient(circle at 82% 26%,rgba(124,58,237,.16),transparent 21rem),
        linear-gradient(120deg,#f8fbff 0%,#f7fbf9 45%,#f7f4ff 100%);
    }

    .pricing-section::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(90deg,rgba(18,27,44,.032) 0 1px,transparent 1px 100px),
        linear-gradient(0deg,rgba(18,27,44,.022) 0 1px,transparent 1px 100px);
      opacity:.2;
      mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 82%,transparent 100%);
    }

    .pricing{
      position:relative;
      z-index:1;
      display:grid;
      padding-bottom:0;
    }

    .pricing__header{
      max-width:780px;
      margin:0 auto;
      text-align:center;
    }

    .pricing__header h2{
      max-width:760px;
      margin:12px auto 0;
      color:#061529;
      font-family:var(--display);
      font-size:42px;
      line-height:1.04;
      letter-spacing:0;
    }

    .pricing__header p:not(.section-kicker){
      max-width:720px;
      margin:14px auto 0;
      color:#17243a;
      font-size:18px;
      line-height:1.45;
    }

    .pricing__cards{
      display:grid;
      gap:14px;
      align-items:stretch;
      width:min(100%,980px);
      margin:34px auto 0;
    }

    .pricing__cards--single{
      grid-template-columns:minmax(0,500px);
      justify-content:center;
      width:min(100%,500px);
      margin-top:48px;
    }

    .pricing-card{
      position:relative;
      display:grid;
      gap:24px;
      min-height:0;
      overflow:visible;
      padding:44px 36px 30px;
      border:1px solid rgba(148,163,184,.28);
      border-radius:8px;
      background:rgba(255,255,255,.97);
      box-shadow:0 28px 70px rgba(18,27,44,.16);
      backdrop-filter:blur(18px);
    }

    .pricing-card--featured{
      border-color:rgba(117,132,177,.34);
      box-shadow:0 30px 76px rgba(18,27,44,.17),0 0 0 1px rgba(36,92,255,.06);
    }

    .pricing-card--featured::before{
      content:"";
      position:absolute;
      left:0;
      right:0;
      top:0;
      height:5px;
      background:var(--boutify-blue);
    }

    .pricing-card__head{
      display:grid;
      justify-items:center;
      gap:12px;
      text-align:center;
    }

    .pricing-card__badge{
      position:absolute;
      top:2.5px;
      left:50%;
      z-index:2;
      transform:translate(-50%,-50%);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      width:max-content;
      max-width:calc(100% - 32px);
      min-height:32px;
      padding:0 14px;
      border:1px solid #f59e0b;
      border-radius:999px;
      color:#b45309;
      background:linear-gradient(180deg,#fff7d6 0%,#ffedb3 100%);
      font-size:14px;
      line-height:1;
      font-weight:760;
      white-space:nowrap;
      box-shadow:0 10px 24px rgba(180,83,9,.16),inset 0 1px 0 rgba(255,255,255,.82);
    }

    .pricing-card__badge img{
      width:16px;
      height:16px;
      filter:brightness(0) saturate(100%) invert(34%) sepia(92%) saturate(1042%) hue-rotate(2deg) brightness(96%) contrast(92%);
    }

    .pricing-card h3{
      margin:0;
      font-family:var(--display);
      font-size:34px;
      line-height:1.02;
      letter-spacing:0;
    }

    .pricing-card__subtitle{
      max-width:360px;
      margin:0;
      color:#23344d;
      font-size:16px;
      line-height:1.38;
    }

    .pricing-card__price{
      display:grid;
      justify-items:center;
      gap:8px;
      padding:0;
      text-align:center;
    }

    .pricing-card__main-price{
      display:flex;
      flex-wrap:wrap;
      align-items:baseline;
      justify-content:center;
      gap:10px;
    }

    .pricing-card__lead{
      margin:0;
      color:#17243a;
      font-size:24px;
      line-height:1.35;
      font-weight:860;
    }

    .pricing-card__amount{
      display:flex;
      align-items:baseline;
      justify-content:center;
      gap:7px;
      color:#050b18;
      font-family:var(--display);
      font-size:62px;
      line-height:1;
      font-weight:900;
      letter-spacing:0;
    }

    .pricing-card__amount small{
      font-family:var(--sans);
      font-size:21px;
      font-weight:750;
    }

    .pricing-card__currency{
      font-family:var(--sans);
      font-size:22px;
      font-weight:850;
    }

    .pricing-card__price p{
      margin:0;
      color:#53657f;
      font-size:16px;
      line-height:1.35;
      font-weight:620;
    }

    .pricing-card__upfront{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
      gap:8px;
      color:#17243a;
      font-size:15px;
      font-weight:680;
    }

    .pricing-card__saving{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:max-content;
      min-height:26px;
      padding:0 10px;
      border:1px solid #7be0b7;
      border-radius:999px;
      color:#177a63;
      background:#dbfff1;
      font-size:12px;
      font-weight:860;
    }

    .pricing-card__action{
      display:grid;
      gap:12px;
    }

    .pricing-card__action .btn{
      width:100%;
      min-height:52px;
      border:0;
      border-radius:999px;
      background:var(--cobalt);
      box-shadow:0 16px 34px rgba(36,92,240,.26);
      font-size:15px;
      font-weight:900;
    }

    .pricing-card__action .btn:hover{
      background:var(--cobalt-dark);
      box-shadow:0 18px 38px rgba(36,92,240,.3);
    }

    .pricing-card__trial{
      max-width:none;
      margin:0 auto;
      color:#53657f;
      font-size:12px;
      line-height:1.45;
      text-align:center;
      white-space:nowrap;
    }

    .pricing-benefits{
      display:grid;
      gap:11px;
      margin:0;
      padding:25px 0 0;
      border-top:1px solid rgba(148,163,184,.24);
      list-style:none;
    }

    .pricing-benefits li{
      display:grid;
      grid-template-columns:26px 1fr;
      gap:10px;
      align-items:center;
      color:#17243a;
      font-size:14px;
      line-height:1.32;
      font-weight:650;
    }

    .pricing-benefit-icon{
      display:grid;
      place-items:center;
      width:22px;
      height:22px;
      border:1px solid rgba(36,92,255,.16);
      border-radius:999px;
      background:rgba(36,92,255,.08);
    }

    .pricing-benefit-icon img{
      width:14px;
      height:14px;
      display:block;
      filter:brightness(0) saturate(100%) invert(8%) sepia(15%) saturate(1019%) hue-rotate(176deg) brightness(94%) contrast(97%);
    }

    .footer{
      position:relative;
      overflow:hidden;
      z-index:1;
      padding:60px 0 28px;
      color:#eef6ff;
      background:
        radial-gradient(circle at 12% 8%,rgba(36,92,255,.16),transparent 18rem),
        radial-gradient(circle at 86% 78%,rgba(41,230,167,.1),transparent 16rem),
        linear-gradient(135deg,#061529 0%,#071524 52%,#05111d 100%);
    }

    .footer::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 96px),
        linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 96px);
      opacity:.12;
      mask-image:linear-gradient(180deg,#000,transparent 86%);
    }

    .footer__shell{
      position:relative;
      z-index:1;
      display:grid;
      gap:44px;
    }

    .footer__top{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:28px;
      align-items:start;
    }

    .footer__intro{
      display:grid;
      gap:42px;
    }

    .footer__brand{
      width:max-content;
      color:#fff;
      font-family:var(--display);
      font-size:32px;
      line-height:1;
      font-weight:900;
      letter-spacing:0;
    }

    .footer__copy{
      max-width:560px;
      margin:0;
      color:rgba(255,255,255,.9);
      font-size:16px;
      line-height:1.45;
    }

    .footer__actions{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      align-items:center;
      gap:12px;
    }

    .footer__trial{
      min-height:38px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:0 16px;
      border:1px solid rgba(133,164,255,.46);
      border-radius:8px;
      color:#cddcff;
      background:rgba(36,92,255,.08);
      font-size:13px;
      font-weight:850;
      transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
    }

    .footer__trial:hover{
      color:#fff;
      border-color:rgba(133,164,255,.72);
      background:rgba(36,92,255,.16);
      transform:translateY(-1px);
    }

    .footer__login{
      color:#fff;
      font-size:13px;
      font-weight:900;
      transition:color .2s ease;
    }

    .footer__login:hover{
      color:#cddcff;
    }

    .footer__columns{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      gap:28px;
    }

    .footer__column{
      min-width:0;
    }

    .footer__column h3{
      margin:0 0 14px;
      color:#fff;
      font-family:var(--display);
      font-size:18px;
      line-height:1.1;
      font-weight:900;
      letter-spacing:0;
    }

    .footer__column ul{
      display:grid;
      gap:9px;
      margin:0;
      padding:0;
      list-style:none;
    }

    .footer__column a{
      display:inline-flex;
      color:rgba(238,246,255,.68);
      font-size:14px;
      line-height:1.22;
      transition:color .2s ease,transform .2s ease;
    }

    .footer__column a:hover{
      color:#fff;
      transform:translateX(2px);
    }

    .footer__bottom{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:24px;
      padding-top:24px;
      border-top:1px solid rgba(255,255,255,.12);
    }

    .footer__copyright{
      margin:0;
      color:rgba(238,246,255,.66);
      font-size:12px;
      line-height:1.35;
    }

    .footer__badges{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:24px;
      color:rgba(238,246,255,.72);
      font-size:12px;
      line-height:1;
    }

    .footer__badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      white-space:nowrap;
    }

    .footer__badge svg{
      width:16px;
      height:16px;
      flex:0 0 auto;
      fill:none;
      stroke:currentColor;
      stroke-width:1.8;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .floating-cta{
      position:fixed;
      left:50%;
      bottom:14px;
      z-index:85;
      display:none;
      transform:translate(-50%,90px);
      opacity:0;
      transition:opacity .24s ease,transform .24s ease;
      box-shadow:0 18px 44px rgba(10,16,27,.24);
    }

    .floating-cta.is-visible{
      transform:translate(-50%,0);
      opacity:1;
    }

    [data-reveal]{
      opacity:0;
      transform:translateY(18px);
      transition:opacity .55s ease,transform .55s ease;
    }

    [data-reveal].is-visible{
      opacity:1;
      transform:none;
    }

    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{
        animation:none!important;
        transition:none!important;
      }
      [data-reveal]{
        opacity:1;
        transform:none;
      }
    }

    @media (max-width:980px){
      .nav{
        grid-template-columns:auto auto;
        justify-content:space-between;
      }
      .nav__links{display:none}
      .hero{
        min-height:86svh;
        padding-top:128px;
      }
      .hero h1{font-size:54px}
      .first-sale__rail{
        grid-template-columns:repeat(3,minmax(160px,1fr));
      }
      .first-sale__rail li:nth-child(3){
        border-right:0;
      }
      .first-sale__rail li:nth-child(4),
      .first-sale__rail li:nth-child(5),
      .first-sale__rail li:nth-child(6){
        border-top:1px solid #e1e6ef;
      }
      .first-sale__steps{
        grid-template-columns:1fr;
        gap:54px;
      }
      .product-carousel{
        padding:0 44px;
      }
      .product-carousel__screen{
        width:min(560px,74vw);
      }
      .product-carousel__screen.is-prev{
        transform:translateX(calc(-50% - 320px)) scale(.94);
      }
      .product-carousel__screen.is-next{
        transform:translateX(calc(-50% + 320px)) scale(.94);
      }
      .trust-section__grid{
        grid-template-columns:1fr;
        gap:42px;
      }
      .trust-section__copy h2{
        max-width:720px;
        font-size:48px;
      }
      .trust-section__copy p:not(.section-kicker){
        max-width:640px;
      }
      .trust-section__cards{
        max-width:720px;
      }
      .fashion-segments{
        padding:88px 0;
      }
      .fashion-segments__header{
        grid-column:span 6;
      }
      .fashion-segments__header h2{
        font-size:46px;
      }
      .fashion-board{
        grid-template-columns:repeat(6,minmax(0,1fr));
      }
      .segment-tile,
      .segment-tile--large,
      .segment-tile--wide,
      .segment-tile--palette{
        grid-column:span 3;
      }
      .segment-tile--palette{
        min-height:210px;
      }
      .sales-flow{
        padding:88px 0 78px;
      }
      .sales-flow__head h2{
        font-size:42px;
      }
      .sales-flow__body{
        grid-template-columns:1fr;
        gap:38px;
      }
      .sales-flow__track{
        max-width:720px;
        margin:0 auto;
        grid-template-columns:1fr;
      }
      .sales-flow-step{
        grid-template-columns:64px 1fr;
        gap:16px;
        justify-items:start;
        align-items:start;
        text-align:left;
      }
      .sales-flow-step__icon{
        width:54px;
        height:54px;
      }
      .sales-flow-step__icon img{
        width:54px;
        height:54px;
      }
      .sales-flow-step h3{
        min-height:auto;
        margin:3px 0 0;
      }
      .sales-flow-step p{
        max-width:520px;
        margin:8px 0 0;
      }
      .sales-flow-connector{
        width:64px;
        height:34px;
        place-items:center;
      }
      .sales-flow-connector__slot{
        width:22px;
        height:34px;
      }
      .sales-flow-connector__slot::before{
        left:50%;
        right:auto;
        top:2px;
        bottom:8px;
        width:1px;
        height:auto;
        transform:translateX(-50%);
      }
      .sales-flow-connector__slot::after{
        right:auto;
        top:auto;
        left:50%;
        bottom:4px;
        border-top:0;
        border-left:0;
        border-right:1px solid rgba(8,24,50,.7);
        border-bottom:1px solid rgba(8,24,50,.7);
        transform:translateX(-50%) rotate(45deg);
      }
      .first-sale-step:not(:last-child)::before{
        top:auto;
        right:auto;
        bottom:-30px;
        left:50%;
        width:1px;
        height:20px;
        transform:translateX(-50%);
      }
      .first-sale-step:not(:last-child)::after{
        top:auto;
        right:auto;
        bottom:-32px;
        left:calc(50% - 4px);
        border-top:0;
        border-right:1px solid #c4ccd8;
        border-bottom:1px solid #c4ccd8;
        transform:rotate(45deg);
      }
      .compare,
      .showcase,
      .hero__grid,
      .publication-control__grid,
      .faq{
        grid-template-columns:1fr;
      }
      .feature-grid{
        grid-template-columns:1fr 1fr;
      }
      .publication-control__copy{
        max-width:760px;
      }
      .publication-control__visual{
        justify-items:start;
      }
      .publication-control__mockup{
        width:min(100%,720px);
      }
      .domain-shell{
        grid-template-columns:1fr;
        gap:46px;
      }
      .domain-copy{
        max-width:760px;
      }
      .domain-visual{
        max-width:760px;
      }
      .domain-cards{
        grid-template-columns:1fr;
        gap:16px;
      }
      .domain-evolution{
        height:42px;
      }
      .domain-evolution img{
        width:54px;
        height:32px;
        transform:rotate(90deg);
      }
      .domain-evolution i:nth-child(1){
        left:36%;
        top:4px;
      }
      .domain-evolution i:nth-child(2){
        right:36%;
        bottom:2px;
      }
      .features-main-grid,
      .features-group-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      .pricing__cards{
        max-width:560px;
        margin-inline:auto;
        grid-template-columns:1fr;
      }
      .pricing-card--featured{
        transform:none;
      }
      .footer__top{
        grid-template-columns:1fr;
      }
      .footer__actions{
        justify-content:flex-start;
      }
      .footer__columns{
        grid-template-columns:repeat(3,minmax(0,1fr));
      }
      .footer__bottom{
        align-items:flex-start;
        flex-direction:column;
      }
      .footer__badges{
        justify-content:flex-start;
      }
    }

    @media (max-width:640px){
      .container{width:min(100% - 28px,var(--max))}
      .topbar{background:rgba(255,255,255,.94)}
      .nav{min-height:66px;gap:12px}
      .brand{min-width:0}
      .brand img{height:31px;max-width:122px}
      .nav__actions .btn--ghost{display:none}
      .btn{
        min-height:43px;
        padding:0 14px;
        font-size:12px;
      }
      .section{padding:72px 0}
      .section__head h2{
        font-size:36px;
      }
      .section__head p,
      .lead,
      .hero__lead{
        font-size:16px;
      }
      .hero{
        min-height:auto;
        padding:112px 0 56px;
      }
      .hero__grid{
        min-height:auto;
        gap:36px;
      }
      .hero h1{
        font-size:44px;
        line-height:1.04;
      }
      .hero__actions .btn{
        width:100%;
      }
      .hero__visual{
        min-height:330px;
      }
      .hero__image-slot{
        width:min(100%,380px);
      }
      .first-sale{
        padding:62px 0 68px;
      }
      .first-sale__rail{
        width:100%;
        display:flex;
        justify-content:flex-start;
        margin-bottom:36px;
        overflow-x:auto;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
      }
      .first-sale__rail::-webkit-scrollbar{
        display:none;
      }
      .first-sale__rail li{
        flex:0 0 172px;
        justify-content:flex-start;
        border-top:0!important;
      }
      .first-sale__rail li:nth-child(3){
        border-right:1px solid #e1e6ef;
      }
      .first-sale__header{
        margin-bottom:34px;
      }
      .first-sale__header h2{
        font-size:36px;
        line-height:1.08;
      }
      .first-sale__header p:not(.section-kicker){
        font-size:16px;
      }
      .first-sale__steps,
      .feature-grid{
        grid-template-columns:1fr;
      }
      .first-sale__steps{
        gap:50px;
      }
      .first-sale-step h3{
        font-size:20px;
      }
      .first-sale__cta .btn{
        width:100%;
        max-width:280px;
      }
      .product-demo{
        padding:72px 0;
      }
      .product-demo__intro h2{
        font-size:36px;
        line-height:1.08;
      }
      .product-demo__intro p:not(.section-kicker){
        font-size:16px;
      }
      .product-carousel{
        margin-top:28px;
        padding:0;
      }
      .product-carousel__viewport{
        min-height:244px;
      }
      .product-carousel__screen{
        top:14px;
        width:100%;
      }
      .product-carousel__screen.is-prev,
      .product-carousel__screen.is-next{
        opacity:0;
        transform:translateX(-50%) scale(.94);
      }
      .product-carousel__arrow{
        top:120px;
        width:38px;
        height:38px;
        border:1px solid rgba(148,163,184,.38);
        background:rgba(255,255,255,.82);
        box-shadow:0 10px 24px rgba(18,27,44,.1);
      }
      .product-carousel__arrow--prev{
        left:8px;
      }
      .product-carousel__arrow--next{
        right:8px;
      }
      .product-carousel__dots{
        margin-top:14px;
      }
      .product-carousel__dot{
        width:34px;
      }
      .product-carousel__dot.is-active{
        width:48px;
      }
      .product-carousel__copy{
        min-height:auto;
      }
      .product-carousel__copy h3{
        font-size:24px;
      }
      .product-demo__cta .btn{
        width:100%;
        max-width:280px;
      }
      .carousel-mock__bar{
        grid-template-columns:auto 1fr;
      }
      .carousel-mock__brand,
      .carousel-mock__icons,
      .carousel-mock__sidebar{
        display:none;
      }
      .carousel-mock--store .carousel-mock__body,
      .carousel-mock--product .carousel-mock__body,
      .carousel-mock--checkout .carousel-mock__body,
      .carousel-mock--admin .carousel-mock__body{
        grid-template-columns:1fr;
      }
      .carousel-store-grid{
        grid-template-columns:1fr 1fr;
      }
      .carousel-product-card:nth-child(n+5){
        display:none;
      }
      .carousel-product-card__image{
        height:70px;
      }
      .carousel-product-photo,
      .carousel-checkout-summary{
        min-height:102px;
      }
      .carousel-admin-metrics{
        display:none;
      }
      .trust-section{
        padding:72px 0;
      }
      .trust-section__decor{
        opacity:.34;
      }
      .trust-section__decor--diamond{
        width:64px;
        height:64px;
        left:auto;
        right:18px;
      }
      .trust-section__decor--wedge{
        width:74px;
        height:92px;
        left:-34px;
        top:90px;
      }
      .trust-section__decor--line,
      .trust-section__decor--line-soft,
      .trust-section__decor--fold,
      .trust-section__decor--scribble,
      .trust-section__decor--spark,
      .trust-section__decor--burst,
      .trust-section__decor--slash{
        display:none;
      }
      .trust-section__grid{
        gap:34px;
      }
      .trust-section__copy h2{
        font-size:39px;
        line-height:1.05;
      }
      .trust-section__copy p:not(.section-kicker){
        margin-top:18px;
        font-size:16px;
      }
      .trust-card{
        grid-template-columns:38px 1fr;
        gap:14px;
        padding:18px;
      }
      .trust-card__number{
        width:32px;
        height:32px;
        font-size:12px;
      }
      .trust-card h3{
        font-size:20px;
      }
      .trust-card p{
        font-size:14px;
      }
      .fashion-segments{
        padding:72px 0;
      }
      .fashion-segments__header{
        grid-column:1/-1;
        margin-bottom:18px;
      }
      .fashion-segments__header h2{
        font-size:38px;
        line-height:1.05;
      }
      .fashion-segments__header p:not(.section-kicker){
        font-size:15px;
      }
      .fashion-board{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
      }
      .segment-tile,
      .segment-tile--large,
      .segment-tile--wide{
        grid-column:span 1;
        min-height:246px;
        padding:12px;
      }
      .segment-tile--large{
        min-height:264px;
      }
      .segment-tile--palette{
        display:none;
      }
      .segment-tile h3{
        font-size:17px;
      }
      .segment-tile p{
        font-size:10.5px;
        line-height:1.28;
      }
      .segment-art,
      .segment-tile--large .segment-art{
        flex-basis:106px;
        height:106px;
        margin:-5px -5px 10px;
      }
      .segment-tile--large .segment-art{
        flex-basis:126px;
        height:126px;
      }
      .segment-tile--wide .segment-art{
        flex-basis:106px;
        height:106px;
      }
      .sales-flow{
        padding:72px 0;
      }
      .sales-flow__head h2{
        font-size:36px;
        line-height:1.08;
      }
      .sales-flow__head p:not(.section-kicker){
        font-size:15px;
      }
      .sales-flow__body{
        margin-top:36px;
      }
      .sales-flow-step{
        grid-template-columns:54px 1fr;
        gap:14px;
      }
      .sales-flow-step__icon{
        width:46px;
        height:46px;
        border-radius:8px;
      }
      .sales-flow-step__icon img{
        width:46px;
        height:46px;
      }
      .sales-flow-step h3{
        font-size:18px;
      }
      .sales-flow-step p{
        font-size:13px;
      }
      .sales-flow-connector{
        width:54px;
        height:28px;
      }
      .sales-flow-connector__slot{
        height:28px;
      }
      .sales-flow__cta{
        margin-top:42px;
      }
      .sales-flow__cta .btn{
        width:100%;
        max-width:280px;
      }
      .publication-control{
        padding:72px 0;
      }
      .publication-control__grid{
        gap:34px;
      }
      .publication-control__copy h2{
        font-size:38px;
        line-height:1.07;
      }
      .publication-control__lead,
      .publication-control__assurance{
        font-size:16px;
      }
      .publication-control__actions .btn{
        width:100%;
        max-width:280px;
      }
      .publication-control__mockup{
        border-radius:14px;
        box-shadow:0 20px 54px rgba(18,27,44,.14);
      }
      .domain-section{
        padding:72px 0;
      }
      .domain-copy h2{
        font-size:38px;
        line-height:1.07;
      }
      .domain-copy__lead{
        font-size:16px;
      }
      .domain-copy__actions .btn{
        width:100%;
        max-width:280px;
      }
      .features-section{
        padding:72px 0;
      }
      .features-section__head h2{
        font-size:38px;
        line-height:1.07;
      }
      .features-section__head p:not(.section-kicker){
        font-size:16px;
      }
      .features-main-grid,
      .features-group-grid{
        grid-template-columns:1fr;
        gap:14px;
      }
      .features-main-card{
        min-height:auto;
        padding:18px;
      }
      .features-section__divider{
        grid-template-columns:1fr;
        gap:10px;
        margin:40px 0 20px;
        text-align:center;
      }
      .features-section__divider span{
        width:100%;
      }
      .domain-card{
        min-height:auto;
        padding:22px 18px;
      }
      .compare__panel,
      .features-main-card{
        min-height:auto;
      }
      .faq-section{
        padding:72px 0;
      }
      .faq{
        gap:34px;
      }
      .faq__copy h2{
        font-size:38px;
        line-height:1.07;
      }
      .faq__copy p:not(.section-kicker){
        font-size:16px;
      }
      .faq-item summary{
        grid-template-columns:26px 1fr 20px;
        gap:10px;
        padding:13px 14px 13px 12px;
        font-size:14px;
      }
      .faq-item__mark{
        width:24px;
        height:24px;
      }
      .faq-item p{
        padding:0 46px 16px;
        font-size:13px;
      }
      .pricing-section{
        padding:62px 0 46px;
      }
      .pricing{
        padding-bottom:0;
      }
      .pricing__header h2{
        font-size:34px;
        line-height:1.07;
      }
      .pricing__header p:not(.section-kicker){
        font-size:15px;
      }
      .pricing__cards{
        margin-top:30px;
      }
      .pricing-card{
        min-height:auto;
        gap:22px;
        padding:44px 16px 22px;
      }
      .pricing-card h3{
        font-size:34px;
      }
      .pricing-card__lead{
        font-size:20px;
      }
      .pricing-card__amount{
        font-size:46px;
      }
      .pricing-card__currency{
        font-size:18px;
      }
      .pricing-card__amount small{
        font-size:17px;
      }
      .pricing-card__trial{
        font-size:clamp(9px,2.45vw,12px);
      }
      .pricing-benefits li{
        font-size:14px;
      }
      .catalog-row{
        grid-template-columns:64px 1fr;
      }
      .catalog-row .status-pill{
        grid-column:2;
        justify-self:start;
      }
      .footer{
        padding:50px 0 92px;
      }
      .footer__shell{
        gap:36px;
      }
      .footer__intro{
        gap:28px;
      }
      .footer__brand{
        font-size:30px;
      }
      .footer__copy{
        font-size:15px;
      }
      .footer__columns{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:26px 18px;
      }
      .footer__column h3{
        font-size:16px;
        margin-bottom:12px;
      }
      .footer__column a{
        font-size:13px;
      }
      .footer__badges{
        gap:13px;
      }
      .floating-cta{
        display:inline-flex;
        left:14px;
        right:14px;
        transform:translateY(90px);
      }
      .floating-cta.is-visible{
        transform:none;
      }
    }

    @media (max-width:420px){
      .fashion-board{
        grid-template-columns:1fr;
      }
      .segment-tile,
      .segment-tile--large,
      .segment-tile--wide{
        min-height:236px;
      }
      .segment-tile--large{
        min-height:252px;
      }
      .segment-art,
      .segment-tile--large .segment-art,
      .segment-tile--wide .segment-art{
        flex-basis:118px;
        height:118px;
      }
    }


.platform-legal-body {
  min-width: 320px;
  margin: 0;
  color: var(--ink);
  background: var(--canvas);
  font-family: var(--sans);
  line-height: 1.6;
}

.platform-legal-page {
  min-height: 100svh;
  padding: 116px 0 72px;
  background:
    radial-gradient(circle at 8% 18%, rgba(41,230,167,.18), transparent 24rem),
    radial-gradient(circle at 90% 12%, rgba(36,92,255,.14), transparent 28rem),
    var(--soft-bg);
}

.platform-legal-card {
  width: min(880px, calc(100% - 40px));
  margin: 0 auto;
  padding: 42px;
  border: 1px solid rgba(148,163,184,.28);
  border-radius: 8px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 70px rgba(18,27,44,.1);
}

.platform-legal-card h1 {
  margin: 0;
  color: #061529;
  font-family: var(--display);
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1.04;
  letter-spacing: 0;
}

.platform-legal-content {
  margin-top: 26px;
  color: #243047;
  font-size: 16px;
}

.platform-legal-content h2,
.platform-legal-content h3 {
  margin: 30px 0 10px;
  color: #061529;
  font-family: var(--display);
  line-height: 1.15;
  letter-spacing: 0;
}

.platform-legal-content h2 { font-size: 25px; }
.platform-legal-content h3 { font-size: 20px; }

.platform-legal-content p,
.platform-legal-content ul,
.platform-legal-content ol {
  margin: 12px 0 0;
}

.platform-legal-content ul,
.platform-legal-content ol {
  padding-left: 22px;
}

.platform-legal-back {
  display: inline-flex;
  align-items: center;
  margin-top: 28px;
  color: var(--boutify-blue);
  font-weight: 800;
}

@media (max-width: 640px) {
  .platform-legal-page { padding: 96px 0 56px; }
  .platform-legal-card { width: min(100% - 28px, 880px); padding: 28px 22px; }
  .platform-legal-content { font-size: 15px; }
}

/* build:end */


.platform-public-body {
    background:#f6f8fb;
}

.platform-public-main {
    background:#f6f8fb;
}

.nav__links a[aria-current="page"] {
    color:var(--cobalt);
    font-weight:800;
}

.public-hero {
    padding:132px 0 72px;
    background:#fff;
    border-bottom:1px solid rgba(23,26,31,.08);
}

.public-hero__grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,520px);
    gap:44px;
    align-items:center;
}

.public-hero__content {
    max-width:760px;
}

.public-hero h1 {
    margin:0;
    color:var(--ink);
    font-size:clamp(2.15rem,4vw,4.6rem);
    line-height:1.02;
    letter-spacing:0;
}

.public-hero__lead {
    margin:22px 0 0;
    max-width:680px;
    color:var(--muted);
    font-size:1.12rem;
    line-height:1.7;
}

.public-hero__actions,
.public-contact-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.public-hero__actions .btn,
.public-contact-actions .btn {
    min-height:46px;
    white-space:normal;
    text-align:center;
}

.public-hero__media {
    margin:0;
    border-radius:8px;
    overflow:hidden;
    border:1px solid rgba(23,26,31,.12);
    box-shadow:0 26px 70px rgba(23,26,31,.14);
    background:#e8edf5;
    aspect-ratio:1.12/1;
}

.public-hero__media img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.public-section {
    padding:76px 0;
    background:#fff;
}

.public-section--muted {
    background:#f6f8fb;
}

.public-section__head {
    max-width:800px;
    margin:0 0 28px;
}

.public-section__head h2,
.public-split h2,
.public-cta-band h2 {
    margin:0;
    color:var(--ink);
    font-size:clamp(1.65rem,2.5vw,2.65rem);
    line-height:1.12;
    letter-spacing:0;
}

.public-section__head p,
.public-split p,
.public-cta-band p,
.public-pricing-card p {
    color:var(--muted);
    line-height:1.7;
}

.public-card-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.public-card {
    min-height:220px;
    padding:24px;
    border:1px solid rgba(23,26,31,.1);
    border-radius:8px;
    background:#fff;
    box-shadow:0 14px 36px rgba(23,26,31,.06);
}

.public-card__icon {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    margin-bottom:18px;
    border-radius:8px;
    background:#eaf1ff;
}

.public-card:nth-child(3n+2) .public-card__icon {
    background:#e7f7ef;
}

.public-card:nth-child(3n+3) .public-card__icon {
    background:#fff1e9;
}

.public-card__icon img {
    width:24px;
    height:24px;
}

.public-card h3,
.public-feature-group h3,
.public-list-panel h3,
.public-faq summary {
    margin:0;
    color:var(--ink);
    font-size:1.05rem;
    line-height:1.25;
    letter-spacing:0;
}

.public-card p {
    margin:12px 0 0;
    color:var(--muted);
    line-height:1.65;
}

.public-split {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,430px);
    gap:28px;
    align-items:start;
}

.public-list-panel {
    padding:24px;
    border-radius:8px;
    border:1px solid rgba(23,26,31,.1);
    background:#fff;
}

.public-list-panel ul,
.public-feature-group ul {
    margin:16px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    gap:12px;
}

.public-list-panel li,
.public-feature-group li {
    position:relative;
    padding-left:22px;
    color:var(--muted);
    line-height:1.55;
}

.public-list-panel li::before,
.public-feature-group li::before {
    content:"";
    position:absolute;
    left:0;
    top:.62em;
    width:8px;
    height:8px;
    border-radius:99px;
    background:#16a085;
}

.public-feature-matrix {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.public-feature-group {
    min-height:224px;
    padding:20px;
    border:1px solid rgba(23,26,31,.1);
    border-radius:8px;
    background:#fff;
}

.public-letter-section {
    scroll-margin-top:92px;
}

.public-letter-note {
    max-width:760px;
    margin:22px 0 0;
    color:var(--muted);
    font-weight:700;
    line-height:1.65;
}

.public-letter-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,440px);
    gap:32px;
    align-items:center;
}

.public-letter-grid--reverse {
    grid-template-columns:minmax(300px,480px) minmax(0,1fr);
}

.public-letter-copy {
    max-width:820px;
}

.public-letter-copy h2 {
    margin:0;
    color:var(--ink);
    font-size:clamp(1.8rem,2.8vw,3rem);
    line-height:1.08;
    letter-spacing:0;
}

.public-letter-copy p {
    margin:18px 0 0;
    color:var(--muted);
    font-size:1.02rem;
    line-height:1.75;
}

.public-list-panel--warning {
    border-color:rgba(238,126,56,.26);
    background:#fff8f4;
}

.public-list-panel--accent {
    border-color:rgba(36,92,240,.18);
    background:#f3f7ff;
}

.public-media-panel {
    margin:0;
    border-radius:8px;
    overflow:hidden;
    border:1px solid rgba(23,26,31,.12);
    background:#e8edf5;
    box-shadow:0 20px 52px rgba(23,26,31,.1);
    aspect-ratio:1.18/1;
}

.public-media-panel img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.public-mechanism {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    counter-reset:mechanism;
}

.public-mechanism__item {
    min-height:270px;
    padding:22px;
    border:1px solid rgba(23,26,31,.1);
    border-radius:8px;
    background:#fff;
    box-shadow:0 14px 36px rgba(23,26,31,.06);
}

.public-mechanism__item span {
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    margin-bottom:18px;
    border-radius:999px;
    color:#fff;
    background:var(--ink);
    font-size:.9rem;
    font-weight:900;
}

.public-mechanism__item h3 {
    margin:0;
    color:var(--ink);
    font-size:1.05rem;
    line-height:1.25;
    letter-spacing:0;
}

.public-mechanism__item p {
    margin:12px 0 0;
    color:var(--muted);
    line-height:1.65;
}

.public-faq-list {
    display:grid;
    gap:12px;
}

.public-faq {
    border:1px solid rgba(23,26,31,.1);
    border-radius:8px;
    background:#fff;
    padding:18px 20px;
}

.public-faq summary {
    cursor:pointer;
}

.public-faq p {
    margin:12px 0 0;
    color:var(--muted);
    line-height:1.65;
}

.public-cta-band {
    padding:72px 0;
    background:#171a1f;
    color:#fff;
}

.public-cta-band__inner {
    display:flex;
    gap:24px;
    align-items:center;
    justify-content:space-between;
}

.public-cta-band__actions {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.public-cta-band__actions .btn {
    min-height:46px;
    white-space:normal;
    text-align:center;
}

.public-cta-band__ghost {
    color:#fff;
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.08);
}

.public-cta-band h2 {
    color:#fff;
}

.public-cta-band p {
    max-width:720px;
    color:rgba(255,255,255,.72);
}

.public-pricing-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.public-pricing-card {
    padding:32px;
    border-radius:8px;
    border:1px solid rgba(23,26,31,.1);
    background:#fff;
    box-shadow:0 18px 42px rgba(23,26,31,.08);
}

.public-pricing-card--alt {
    background:#f7fbf6;
}

.public-pricing-card h2 {
    margin:10px 0 8px;
    color:var(--ink);
    font-size:clamp(2rem,3vw,3.2rem);
    line-height:1;
    letter-spacing:0;
}

.public-pricing-card h2 span {
    font-size:1.1rem;
    color:var(--muted);
}

.public-table-wrap {
    overflow:auto;
    border:1px solid rgba(23,26,31,.1);
    border-radius:8px;
    background:#fff;
}

.public-table {
    width:100%;
    min-width:760px;
    border-collapse:collapse;
}

.public-table th,
.public-table td {
    padding:16px 18px;
    border-bottom:1px solid rgba(23,26,31,.08);
    text-align:left;
    vertical-align:top;
    color:var(--muted);
    line-height:1.5;
}

.public-table th {
    color:var(--ink);
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    background:#f8fafc;
}

.public-table td:first-child {
    color:var(--ink);
    font-weight:800;
}

.public-form-shell {
    display:grid;
    grid-template-columns:minmax(260px,420px) minmax(0,1fr);
    gap:28px;
    align-items:start;
}

.public-form-copy {
    position:sticky;
    top:92px;
}

.public-form {
    padding:26px;
    border:1px solid rgba(23,26,31,.1);
    border-radius:8px;
    background:#fff;
    box-shadow:0 20px 46px rgba(23,26,31,.08);
}

.public-form__grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.public-form label {
    display:grid;
    gap:8px;
    color:var(--ink);
    font-size:.9rem;
    font-weight:800;
}

.public-form input[type="text"],
.public-form input[type="email"],
.public-form select,
.public-form textarea {
    width:100%;
    min-height:46px;
    border:1px solid rgba(23,26,31,.18);
    border-radius:8px;
    background:#fff;
    padding:11px 12px;
    color:var(--ink);
    font:inherit;
    font-weight:600;
}

.public-form textarea {
    min-height:126px;
    resize:vertical;
}

.public-form__span {
    grid-column:1/-1;
}

.public-choice-row {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.public-choice {
    display:inline-flex !important;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:8px !important;
    min-height:38px;
    padding:8px 10px;
    border:1px solid rgba(23,26,31,.14);
    border-radius:8px;
    background:#f8fafc;
    font-weight:700 !important;
}

.public-check {
    display:flex !important;
    grid-template-columns:auto 1fr;
    align-items:flex-start;
    gap:10px !important;
    margin-top:16px;
    color:var(--muted) !important;
    font-weight:700 !important;
    line-height:1.5;
}

.public-form__submit {
    margin-top:18px;
}

.public-form__hp {
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    overflow:hidden;
}

.public-form__error,
.public-form__success {
    margin:0 0 14px;
    padding:12px 14px;
    border-radius:8px;
    line-height:1.5;
    font-weight:700;
}

.public-form__error {
    color:#8a1f1f;
    background:#fff1f1;
    border:1px solid #ffd0d0;
}

.public-form__success {
    color:#166534;
    background:#ecfdf3;
    border:1px solid #bdebd0;
}

@media (max-width: 980px) {
    .public-hero {
        padding-top:112px;
    }

    .public-hero__grid,
    .public-letter-grid,
    .public-letter-grid--reverse,
    .public-split,
    .public-form-shell {
        grid-template-columns:1fr;
    }

    .public-card-grid,
    .public-mechanism,
    .public-feature-matrix,
    .public-pricing-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .public-form-copy {
        position:static;
    }
}

@media (max-width: 680px) {
    .public-hero {
        padding:104px 0 48px;
    }

    .public-section {
        padding:52px 0;
    }

    .public-card-grid,
    .public-mechanism,
    .public-feature-matrix,
    .public-pricing-grid,
    .public-form__grid {
        grid-template-columns:1fr;
    }

    .public-cta-band__inner {
        align-items:flex-start;
        flex-direction:column;
    }

    .public-cta-band__actions {
        justify-content:flex-start;
    }

    .public-form {
        padding:20px;
    }
}