@charset "UTF-8";
:root{
  --pink:#e0637f;
  --pink-deep:#d14e6e;
  --pink-soft:#f7d9e0;
  --pink-bg:#f9eef2;
  --plum:#3f2230;
  --plum-2:#4a2635;
  --ink:#38222c;
  --gray:#8f8489;
  --line:#f0dde3;
  --shadow:0 16px 34px rgba(63,34,48,.12);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
body{
  background:#fff;color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei","Source Han Sans SC","Helvetica Neue",Arial,sans-serif;
  font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;outline:none;}
button{font-family:inherit;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;}
ul{list-style:none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 30px;}

.ico{display:inline-block;width:1em;height:1em;position:relative;vertical-align:-.14em;flex-shrink:0;}
.ico::before{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:var(--m) no-repeat center/contain;mask:var(--m) no-repeat center/contain;}
.ico-down{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%203h2v10h5l-6%208-6-8h5z%22%2F%3E%3C%2Fsvg%3E");}
.ico-flip{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M3.5%204.5H11v15H3.5zM13%204.5h7.5v15H13z%22%2F%3E%3C%2Fsvg%3E");}
.ico-volume{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%209h4l5-4v14l-5-4H4z%22%2F%3E%3Cpath%20d%3D%22M16%208.5a5%205%200%20010%207M18.5%206a8.5%208.5%200%20010%2012%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.ico-folder{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M3%206a1%201%200%20011-1h5l2.2%202.5H20a1%201%200%20011%201V18a1%201%200%2001-1%201H4a1%201%200%2001-1-1z%22%2F%3E%3C%2Fsvg%3E");}
.ico-user{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4.5%2020c1.6-3.6%204.6-5%207.5-5s5.9%201.4%207.5%205%22%2F%3E%3C%2Fsvg%3E");}
.ico-swap{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207H6M9.5%203.5L6%207l3.5%203.5M4%2017h14M14.5%2013.5L18%2017l-3.5%203.5%22%2F%3E%3C%2Fsvg%3E");}
.ico-gear{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M12%202.5v2.6M12%2018.9v2.6M2.5%2012h2.6M18.9%2012h2.6M5.3%205.3l1.8%201.8M16.9%2016.9l1.8%201.8M18.7%205.3l-1.8%201.8M7.1%2016.9l-1.8%201.8%22%2F%3E%3C%2Fsvg%3E");}
.ico-ques{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M8.8%209a3.2%203.2%200%20116%201.6c-.8%201.2-2.3%201.6-2.8%203v.6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2218.6%22%20r%3D%220.8%22%2F%3E%3C%2Fsvg%3E");}
.ico-heart{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020.8S4.3%2016%202.7%2011.2C1.5%207.7%203.5%204.4%206.9%204.4c2%200%203.5%201.1%204.4%202.6l.7%201.1.7-1.1c.9-1.5%202.4-2.6%204.4-2.6%203.4%200%205.4%203.3%204.2%206.8C19.7%2016%2012%2020.8%2012%2020.8z%22%2F%3E%3C%2Fsvg%3E");}
.ico-star{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.5l2.8%206%206.6.8-4.9%204.5%201.3%206.5L12%2017l-5.8%203.3%201.3-6.5-4.9-4.5%206.6-.8z%22%2F%3E%3C%2Fsvg%3E");}
.ico-mail{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3.5%207.5L12%2013l8.5-5.5%22%2F%3E%3C%2Fsvg%3E");}
.ico-apple{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221784207935071%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M791.488%20544.095c-1.28-129.695%20105.76-191.871%20110.528-194.975-60.16-88.032-153.856-100.064-187.232-101.472-79.744-8.064-155.584%2046.944-196.064%2046.944-40.352%200-102.816-45.76-168.96-44.544-86.912%201.28-167.072%2050.528-211.808%20128.384-90.304%20156.703-23.136%20388.831%2064.896%20515.935%2043.008%2062.208%2094.304%20132.064%20161.632%20129.568%2064.832-2.592%2089.376-41.952%20167.744-41.952s100.416%2041.952%20169.056%2040.672c69.76-1.312%20113.984-63.392%20156.704-125.792%2049.376-72.16%2069.728-142.048%2070.912-145.632-1.536-0.704-136.064-52.224-137.408-207.136zM662.56%20163.52C698.304%20120.16%20722.432%2060%20715.84%200c-51.488%202.112-113.888%2034.304-150.816%2077.536-33.152%2038.368-62.144%2099.616-54.368%20158.432%2057.472%204.48%20116.128-29.216%20151.904-72.448z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.ico-android{--m:url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221784207903349%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M911.020879%20320.237361c-36.202548%200-66.192962%2028.664228-66.192962%2063.470791V630.54159c0%2034.806563%2028.966692%2063.494057%2066.192962%2063.494057%2036.179281%200%2066.169695-28.687495%2066.169695-63.517323V383.731418c-1.023722-34.806563-29.990414-63.470791-66.169695-63.47079z%20m-798.317365%200C76.547499%20320.237361%2046.533818%20348.901589%2046.533818%20383.684885V630.54159c0%2034.806563%2028.943425%2063.494057%2066.169696%2063.494057%2037.22627%200%2066.192962-28.687495%2066.192961-63.517323V383.731418c0-34.806563-28.966692-63.470791-66.192961-63.47079z%20m106.513665%202.047445v451.601191c0%2026.616783%2022.754558%2049.138677%2051.697983%2049.138677h58.957106v137.225338c0%2034.829829%2028.943425%2063.494057%2066.169695%2063.494057%2036.202548%200%2066.192962-28.664228%2066.192962-63.494057v-137.225338h103.395965v137.225338c0%2034.829829%2028.966692%2063.494057%2066.192962%2063.494057C667.979867%201023.744069%20697.993547%20995.079841%20697.993547%20960.250012v-137.225338h58.933839c28.966692%200%2051.721249-21.498171%2051.72125-49.138677V322.26154H219.217179zM651.46071%2088.783026L706.276393%2015.051744c2.047445-5.118612%202.047445-11.260947-3.117701-13.308391-4.141423-3.071167-10.33029-1.023722-13.44799%203.071167l-55.839405%2076.802449A363.142266%20363.142266%200%200%200%20511.862196%2060.118798c-43.438404%200-84.78283%207.166057-122.009101%2021.498171l-55.839405-76.779183c-3.1177-5.118612-9.306568-6.165601-13.44799-3.094433a9.655564%209.655564%200%200%200-2.093978%2013.308391l54.815683%2073.754548c-85.806553%2037.87773-146.811103%20109.561567-154.070226%20193.530073h588.407734c-9.306568-83.991772-69.310662-155.652342-156.164203-193.553339zM387.782384%20205.533916c-18.613135%200-32.061125-13.308392-32.061125-30.711673%200-17.426548%2014.471713-30.711673%2032.061125-30.711673%2018.613135%200%2032.037859%2013.285125%2032.037859%2030.711673%200%2017.403281-14.471713%2030.711673-32.037859%2030.711673z%20m252.301047%200c-18.613135%200-32.061125-13.308392-32.061125-30.711673%200-17.426548%2014.494979-30.711673%2032.061125-30.711673%2018.613135%200%2032.061125%2013.285125%2032.061125%2030.711673%200%2017.403281-14.471713%2030.711673-32.061125%2030.711673z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}

.eyebrow{color:var(--pink);font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;}
.eyebrow.light{color:#e79ab0;}
.eyebrow.center{text-align:center;}
.sec{font-size:32px;color:var(--plum);letter-spacing:1px;line-height:1.35;}
.sec.center{text-align:center;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px;}
.sec-tip{width:320px;font-size:13px;color:#a08790;line-height:1.9;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--pink);color:#fff;font-size:14px;font-weight:600;
  padding:13px 26px;border-radius:10px;
  box-shadow:0 10px 22px rgba(224,99,127,.32);
  transition:background .2s,transform .2s,box-shadow .2s;
}
.btn:hover{background:var(--pink-deep);transform:translateY(-2px);}
.btn:active{transform:translateY(0);}
.btn-light{background:#fff;color:var(--plum);box-shadow:0 10px 22px rgba(0,0,0,.22);}
.btn-light:hover{background:#ffe9ef;color:var(--pink-deep);}
.btn-ghost{background:#fff;color:var(--pink);border:1.5px solid var(--pink);box-shadow:none;padding:9px 20px;}
.btn-ghost:hover{background:var(--pink);color:#fff;transform:none;}

.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);}
.nav-bar{display:flex;align-items:center;height:68px;gap:40px;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--plum);}
.brand img{width:32px;height:32px;border-radius:8px;object-fit:cover;}
.menu{display:flex;gap:34px;flex:1;}
.menu a{font-size:14px;color:#6d5c63;padding:6px 2px;position:relative;transition:color .2s;}
.menu a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--pink);border-radius:2px;transition:right .25s;}
.menu a:hover,.menu a.active{color:var(--pink);font-weight:600;}
.menu a:hover::after,.menu a.active::after{right:0;}
.nav-down{margin-left:auto;}
.burger{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.burger b{width:20px;height:2px;background:var(--plum);border-radius:2px;transition:transform .25s,opacity .25s;}
.burger.open b:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open b:nth-child(2){opacity:0;}
.burger.open b:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.hero{padding:76px 0 90px;overflow:hidden;}
.hero-grid{display:flex;align-items:center;gap:30px;}
.hero-copy{width:46%;flex-shrink:0;}
.hero-copy h1{font-size:52px;color:var(--plum);letter-spacing:2px;line-height:1.25;margin-bottom:18px;}
.hero-copy .lead{font-size:15px;line-height:1.9;color:var(--gray);margin-bottom:30px;}
.hero-btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.chan{
  display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--pink-soft);
  color:var(--plum);font-size:13px;font-weight:600;padding:10px 16px;border-radius:10px;
  transition:border-color .2s,color .2s,transform .2s;
}
.chan .ico{width:22px;height:22px;background:var(--pink);border-radius:50%;padding:5px;color:#fff;}
.chan:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-2px);}
.hero-shot{flex:1;display:flex;justify-content:flex-end;position:relative;padding:16px 20px 36px 120px;}
.phone{
  background:#20202a;border-radius:38px;padding:10px;
  box-shadow:0 30px 60px rgba(63,34,48,.28);transform:rotate(2deg);
}
.phone img{width:252px;height:448px;object-fit:cover;object-position:top;border-radius:30px;}
.float-card{
  position:absolute;left:0;top:70px;width:300px;background:#fff;border-radius:16px;
  box-shadow:0 24px 50px rgba(63,34,48,.16);padding:20px 22px;z-index:3;
}
.float-card h4{font-size:15px;color:var(--plum);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;}
.float-card h4 .ico{color:var(--pink);}
.fc-row{display:flex;gap:12px;padding:12px 0;border-top:1px solid #fbeff3;align-items:flex-start;}
.fc-ico{width:32px;height:32px;border-radius:9px;background:#fdeef2;color:var(--pink);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.fc-row b{display:block;font-size:13px;color:var(--plum);margin-bottom:2px;}
.fc-row span{font-size:11.5px;color:var(--gray);line-height:1.6;display:block;}

.ideas{padding:74px 0 84px;}
.ideas-grid{display:flex;gap:44px;margin-top:54px;}
.idea{flex:1;display:flex;gap:16px;text-align:left;border-left:1px solid var(--line);padding-left:26px;}
.idea:first-child{border-left:none;padding-left:0;}
.idea .num{font-size:13px;color:var(--pink);font-weight:700;padding-top:4px;}
.ico-ring{width:46px;height:46px;border-radius:50%;background:#fdeef2;color:var(--pink);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;transition:background .25s,color .25s,transform .25s;}
.idea:hover .ico-ring{background:var(--pink);color:#fff;transform:scale(1.08);}
.idea b{display:block;font-size:16px;color:var(--plum);margin-bottom:8px;}
.idea span:last-child{font-size:12.5px;color:var(--gray);line-height:1.8;display:block;}

.views{background:var(--pink-bg);padding:80px 0 88px;}
.views-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.vcard{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;border:2px solid transparent;transition:transform .25s,border-color .25s,box-shadow .25s;}
.vcard:hover{transform:translateY(-6px);}
.vcard.active{border-color:var(--pink);box-shadow:0 20px 40px rgba(224,99,127,.28);}
.vcard .shot img{width:100%;height:auto;object-fit:contain;object-position:top;background:#fff;}
.vcard .cap{padding:16px 18px 20px;border-top:1px solid #fbf1f4;}
.vcard .cap b{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--plum);margin-bottom:6px;}
.vcard .cap b i{font-style:normal;font-size:11px;color:var(--pink);font-weight:700;}
.vcard .cap span{font-size:12px;color:var(--gray);line-height:1.7;display:block;}

.studio{padding:86px 0;}
.studio-grid{display:flex;gap:60px;align-items:center;}
.studio-left{width:44%;flex-shrink:0;}
.studio-left .lead{font-size:14px;color:var(--gray);line-height:1.9;margin:14px 0 24px;}
.st-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f6e7ec;gap:16px;}
.lab{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--plum);font-weight:600;}
.lab .ico{color:var(--pink);font-size:16px;}
.seg{display:flex;background:#fdeef2;border-radius:9px;padding:3px;gap:3px;cursor:pointer;}
.seg span{font-size:12px;color:var(--pink);padding:6px 16px;border-radius:7px;font-weight:600;transition:background .2s,color .2s;user-select:none;}
.seg span.on{background:var(--pink);color:#fff;}
.seg span:not(.on):hover{color:var(--pink-deep);}
.slider{display:flex;align-items:center;cursor:pointer;padding:8px 0;}
.slider .track{width:160px;height:5px;border-radius:3px;background:#f6dce4;position:relative;}
.slider .fill{position:absolute;left:0;top:0;height:5px;background:var(--pink);border-radius:3px;}
.slider .dot{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;background:#fff;border:4px solid var(--pink);transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(224,99,127,.4);}
.studio-panel{flex:1;background:#fff;border-radius:20px;box-shadow:0 26px 60px rgba(63,34,48,.14);padding:26px 30px;}
.sp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.sp-head b{font-size:15px;color:#fff;background:var(--pink);padding:8px 18px;border-radius:9px;}
.sp-head span{font-size:11px;color:var(--gray);}
.sp-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #fbeff3;gap:14px;}
.sp-row .k{font-size:13.5px;color:var(--plum);font-weight:600;}
.sp-row .k em{display:block;font-style:normal;font-size:10.5px;color:#c4a9b2;font-weight:400;margin-top:3px;word-break:break-all;}
.pill2{display:flex;gap:10px;flex-shrink:0;}
.pill2 span{min-width:70px;text-align:center;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:9px;background:var(--pink);color:#fff;}
.pill2 span.dim{background:#c98ba0;}
.sp-note{margin-top:12px;padding-top:14px;border-top:1px solid #fbeff3;font-size:11px;color:#c4a9b2;line-height:1.8;}

.faq{padding:78px 0 88px;}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:38px;}
.faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;transition:box-shadow .25s,border-color .25s;}
.faq-item:hover{box-shadow:var(--shadow);}
.faq-item.open{border-color:var(--pink);}
.faq-item.wide{grid-column:1/-1;}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px;text-align:left;}
.faq-q span{font-size:14px;color:var(--plum);font-weight:600;display:flex;align-items:center;gap:10px;}
.faq-q .ico{color:var(--pink);font-size:15px;}
.faq-q em{font-style:normal;color:#cbb3bc;font-size:17px;transition:transform .25s,color .25s;flex-shrink:0;}
.faq-item.open .faq-q em{transform:rotate(45deg);color:var(--pink);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-item.open .faq-a{max-height:220px;}
.faq-a p{padding:0 22px 20px 47px;font-size:13px;color:var(--gray);line-height:1.9;}

.notes{background:var(--pink-bg);padding:80px 0 90px;}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ncard{background:#fff;border-radius:16px;padding:24px 24px 20px;box-shadow:0 14px 30px rgba(63,34,48,.08);position:relative;transition:transform .25s,box-shadow .25s;}
.ncard:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(63,34,48,.14);}
.ncard .no{font-size:11px;font-weight:800;color:var(--pink);letter-spacing:1px;}
.ncard .qm{position:absolute;right:22px;top:18px;font-size:36px;color:#f6d7e0;font-family:Georgia,serif;line-height:1;}
.ncard p{font-size:12.5px;color:#7c6a71;line-height:1.95;margin:10px 0 18px;}
.ncard .who{display:flex;align-items:center;gap:9px;border-top:1px solid #fbf1f4;padding-top:14px;}
.ncard .ava{width:26px;height:26px;border-radius:50%;background:var(--pink);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ncard .who b{font-size:12px;color:var(--plum);flex:1;font-weight:600;}
.ncard .who span{font-size:11px;color:#c4a9b2;}

.cta{padding:78px 0 84px;}
.cta-box{
  background:var(--plum-2);border-radius:24px;padding:52px 60px;
  display:flex;align-items:center;justify-content:space-between;gap:34px;
  box-shadow:0 30px 60px rgba(63,34,48,.3);
}
.cta-copy h2{color:#fff;font-size:32px;letter-spacing:2px;margin-bottom:12px;}
.cta-copy p{color:#c9a8b4;font-size:13.5px;line-height:1.8;}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap;flex-shrink:0;}

.footer{background:#381d29;color:#c8a9b4;}
.foot-grid{display:flex;gap:50px;padding:60px 0 46px;flex-wrap:wrap;}
.foot-brand{width:280px;}
.foot-brand .brand{color:#fff;margin-bottom:14px;}
.foot-brand p{font-size:12.5px;line-height:1.9;color:#a98593;}
.foot-col{flex:1;min-width:120px;}
.foot-col b{display:block;color:#fff;font-size:13.5px;margin-bottom:16px;letter-spacing:1px;font-weight:700;}
.foot-col a{display:block;color:#a98593;font-size:12.5px;margin-bottom:11px;transition:color .2s;}
.foot-col a:hover{color:#ffd9e3;}
.foot-soc{display:flex;gap:10px;}
.foot-soc span{width:32px;height:32px;border-radius:50%;border:1px solid #6b4453;display:flex;align-items:center;justify-content:center;font-size:13px;color:#d8b6c2;cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
.foot-soc span:hover{background:var(--pink);border-color:var(--pink);color:#fff;}
.foot-bar{border-top:1px solid #50303e;text-align:center;padding:20px 0;font-size:11.5px;color:#8d6b79;}

.backtop{
  position:fixed;right:26px;bottom:30px;z-index:60;width:44px;height:44px;border-radius:50%;
  background:var(--pink);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 24px rgba(224,99,127,.4);
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .25s,transform .25s,visibility .25s,background .2s;
}
.backtop .ico::before{transform:rotate(180deg);}
.backtop.show{opacity:1;visibility:visible;transform:translateY(0);}
.backtop:hover{background:var(--pink-deep);}

@media (max-width:1024px){
  .hero-copy h1{font-size:44px;}
  .float-card{width:270px;}
  .hero-shot{padding-left:60px;}
  .views-grid{gap:18px;}
  .studio-grid{gap:36px;}
  .sec-tip{width:260px;}
}
@media (max-width:860px){
  .nav-bar{gap:16px;}
  .menu{
    position:absolute;top:68px;left:0;right:0;background:#fff;
    flex-direction:column;gap:0;padding:8px 30px 16px;
    border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(63,34,48,.1);
    display:none;
  }
  .menu.open{display:flex;}
  .menu li{border-bottom:1px solid #fbeff3;}
  .menu li:last-child{border-bottom:none;}
  .menu a{display:block;padding:13px 2px;font-size:15px;}
  .menu a::after{display:none;}
  .nav-down{display:inline-flex;margin-left:auto;padding:9px 14px;font-size:13px;border-radius:9px;flex-shrink:0;}
  .burger{display:flex;}
  .hero{padding:48px 0 70px;}
  .hero-grid{flex-direction:column;align-items:flex-start;gap:44px;}
  .hero-copy{width:100%;}
  .hero-shot{width:100%;justify-content:center;padding:10px 0 30px 0;}
  .float-card{position:static;width:100%;max-width:420px;margin-bottom:26px;}
  .ideas{padding:56px 0 64px;}
  .ideas-grid{flex-direction:column;gap:26px;margin-top:38px;}
  .idea{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:24px;}
  .idea:first-child{border-top:none;padding-top:0;}
  .sec-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:32px;}
  .sec-tip{width:100%;}
  .views{padding:60px 0 66px;}
  .views-grid{grid-template-columns:1fr 1fr;}
  .studio{padding:60px 0;}
  .studio-grid{flex-direction:column;align-items:stretch;}
  .studio-left{width:100%;}
  .faq{padding:58px 0 66px;}
  .faq-list{grid-template-columns:1fr;gap:14px;margin-top:28px;}
  .notes{padding:60px 0 66px;}
  .notes-grid{grid-template-columns:1fr 1fr;gap:18px;}
  .cta{padding:58px 0 64px;}
  .cta-box{flex-direction:column;align-items:flex-start;padding:42px 36px;}
  .foot-grid{gap:30px;padding:48px 0 36px;}
  .foot-brand{width:100%;}
}
@media (max-width:560px){
  .wrap{padding:0 20px;}
  .menu{padding:8px 20px 14px;}
  .nav-bar{gap:10px;}
  .brand{font-size:15px;}
  .brand img{width:28px;height:28px;}
  .nav-down{padding:8px 11px;font-size:12px;}
  .hero-copy h1{font-size:36px;}
  .hero-btns .btn{width:100%;}
  .chan{flex:1;justify-content:center;}
  .hero-shot{display:none;}
  .sec{font-size:26px;}
  .views-grid{grid-template-columns:1fr 1fr;gap:14px;}
  .vcard{border-radius:12px;}
  .vcard .shot img{max-height:420px;object-fit:contain;}
  .vcard .cap{padding:12px 13px 15px;}
  .vcard .cap b{font-size:13px;}
  .vcard .cap span{font-size:11px;}
  .st-row{flex-wrap:wrap;}
  .studio-panel{padding:20px 18px;}
  .sp-row{flex-wrap:wrap;}
  .faq-q{padding:16px 16px;}
  .faq-q span{font-size:13.5px;}
  .faq-a p{padding:0 16px 18px 41px;}
  .notes-grid{grid-template-columns:1fr;}
  .cta-btns{width:100%;}
  .cta-btns .btn{flex:1;}
  .backtop{right:16px;bottom:20px;}
}