/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.design-retain h1,.design-retain h2,.design-retain h3,.design-retain h4,.design-retain h5,.design-retain h6{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.design-retain{--coral:var(--tone-0a444543);--corald:var(--tone-27b70d19);--cream:var(--tone-e473539e);--dark:var(--tone-61533c70);--ease:cubic-bezier(.2,.82,.18,1);--en:"Avenir Next","Inter",Arial,sans-serif;--ink2:var(--tone-7f33c618);--ink:var(--tone-39178ba8);--lavender:var(--tone-d2c77652);--lilac:var(--tone-158e98bb);--line:var(--tone-362e0b27);--muted:var(--tone-6edbe631);--paper:var(--tone-849ce789);--sage:var(--tone-3e7e5552);--serif:Georgia,"Iowan Old Style",serif;--violet-dark:var(--tone-2e2541ef);--violet-mid:var(--tone-524dce56);--violet:var(--tone-f78ff2d3);--zh:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}.design-retain *,.design-retain :before,.design-retain :after{box-sizing:border-box}.design-retain{scroll-behavior:smooth;font-family:var(--zh);color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--cream);margin:0;scroll-padding-top:110px;overflow-x:hidden}html[lang=en] .design-retain{font-family:var(--en)}html[lang=zh] .design-retain .en,html[lang=en] .design-retain .zh{display:none!important}.design-retain a{color:inherit;text-decoration:none}.design-retain button,.design-retain input,.design-retain textarea,.design-retain select{font:inherit}.design-retain button{cursor:pointer}.design-retain a:focus-visible,.design-retain button:focus-visible,.design-retain input:focus-visible,.design-retain textarea:focus-visible,.design-retain select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.design-retain ::selection{color:var(--ink);background:var(--tone-75e4730b)}.design-retain p{line-height:1.85}.design-retain img{max-width:100%}.design-retain .wrap{width:min(1340px,100% - 96px);margin:auto}.design-retain .eyebrow{letter-spacing:.17em;color:var(--tone-54c501f4);text-transform:uppercase;font:800 11px var(--en);align-items:center;gap:12px;display:flex}.design-retain .eyebrow:before{content:"";background:var(--violet);flex:none;width:7px;height:7px;transform:rotate(45deg)}.design-retain .btn{text-align:center;border:1px solid var(--ink);min-height:53px;transition:.25s var(--ease);border-radius:50px;justify-content:center;align-items:center;gap:20px;padding:15px 24px;font-size:13px;font-weight:800;display:inline-flex}.design-retain .btn:hover{transform:translateY(-3px)}.design-retain .btn.ink{color:var(--tone-d14f9016);box-shadow:0 13px 26px var(--tone-9634f7c0);background:var(--ink)}.design-retain .btn.ink:hover{background:var(--tone-ea466dea)}.design-retain .btn.light{color:var(--ink);background:var(--tone-b05c0172)}.design-retain .btn.violet{border-color:var(--violet-dark);color:var(--tone-d14f9016);background:var(--violet-dark)}.design-retain .btn.arrow:after{content:"↗";font:700 18px var(--en)}.design-retain .btn.scroll:after{content:"↓";font:700 18px var(--en)}.design-retain .text-link{border-bottom:1px solid;padding-bottom:4px;font-size:13px;font-weight:850}.design-retain .micro{letter-spacing:.125em;height:29px;color:var(--tone-031c8c0c);background:var(--ink);font:800 10px var(--en);align-items:center;display:flex}.design-retain .micro .wrap{justify-content:space-between;align-items:center;display:flex}.design-retain .micro em{color:var(--tone-d021a110);font-style:normal}.design-retain .header{z-index:60;backdrop-filter:blur(17px);background:var(--tone-5abb80b8);border-bottom:1px solid var(--tone-ab50515b);height:83px;position:sticky;top:0}.design-retain .head-inner{align-items:center;gap:28px;height:100%;display:flex}.design-retain .brand{flex:none;align-items:center;gap:10px;display:flex}.design-retain .brand svg{width:127px;height:45px;overflow:visible}.design-retain .brand small{letter-spacing:.19em;border-left:1px solid var(--tone-f54ec6d1);font:800 9px/1.5 var(--en);padding-left:10px}.design-retain .nav{align-items:center;gap:26px;margin-left:auto;display:flex}.design-retain .nav a{font-size:13px;font-weight:750}.design-retain .nav a:hover{color:var(--tone-648f7264)}.design-retain .nav-tools{align-items:center;gap:12px;display:flex}.design-retain .lang{border:1px solid var(--tone-6fc219bc);border-radius:50px;align-items:center;padding:3px;display:flex}.design-retain .lang button{min-width:34px;height:34px;color:var(--tone-86f5cd3c);background:0 0;border:0;border-radius:50%;font-size:12px;font-weight:800}.design-retain .lang button[aria-pressed=true]{color:var(--tone-d14f9016);background:var(--ink)}.design-retain .nav-cta{white-space:nowrap;min-height:45px;color:var(--tone-d14f9016);background:var(--ink);border-radius:99px;justify-content:center;align-items:center;gap:16px;padding:0 20px;font-size:12px;font-weight:800;display:flex}.design-retain .nav-cta:hover{background:var(--tone-67f272f6)}.design-retain .burger{width:43px;height:43px;color:var(--ink);border:1px solid var(--tone-756a6179);background:0 0;border-radius:50%;font-size:20px;display:none}.design-retain .hero{background:radial-gradient(ellipse 55% 90% at 88% 40%,var(--tone-d07514aa) 0%,transparent 75%),radial-gradient(ellipse 44% 50% at 7% 110%,var(--tone-e974847b) 0%,transparent 82%),var(--cream);position:relative;overflow:hidden}.design-retain .hero:before{background-image:radial-gradient(var(--tone-2576abf9) .75px,transparent .75px);-webkit-mask-image:linear-gradient(90deg,transparent 38%,var(--tone-598b32b7));-webkit-mask-image:linear-gradient(90deg,transparent 38%,var(--tone-598b32b7));mask-image:linear-gradient(90deg,transparent 38%,var(--tone-598b32b7));content:"";background-size:17px 17px;position:absolute;inset:0}.design-retain .hero-grid{grid-template-columns:51% 49%;align-items:center;min-height:695px;padding-top:52px;padding-bottom:52px;display:grid;position:relative}.design-retain .hero-text{z-index:4;max-width:620px;position:relative}.design-retain .back{color:var(--tone-659b01eb);align-items:center;gap:10px;margin-bottom:32px;font-size:12px;font-weight:800;display:inline-flex}.design-retain .back:hover{color:var(--corald)}.design-retain .hero .eyebrow{margin-bottom:21px}.design-retain .hero h1{letter-spacing:-.09em;margin:0;font-size:clamp(60px,6.55vw,100px);font-weight:900;line-height:1.14}.design-retain .hero h1 .line{white-space:nowrap;display:block}.design-retain .hero h1 em{z-index:0;white-space:nowrap;font-style:normal;position:relative}.design-retain .hero h1 em:after{z-index:-1;content:"";background:var(--tone-6b91b19f);border-radius:100% 40% 70%;height:.14em;position:absolute;bottom:.04em;left:-.025em;right:-.015em;transform:rotate(-2deg)}html[lang=en] .design-retain .hero h1{letter-spacing:-.075em;font-size:clamp(56px,5.75vw,88px);line-height:1.09}.design-retain .hero-summary{max-width:505px;color:var(--tone-0562e05a);margin:28px 0;font-size:16px;line-height:1.95}.design-retain .hero-actions{flex-wrap:wrap;gap:11px;display:flex}.design-retain .hero-note{color:var(--tone-06bbb20e);align-items:center;gap:9px;margin-top:19px;font-size:11px;display:flex}.design-retain .hero-note:before{content:"";background:var(--violet);border-radius:50%;width:5px;height:5px}.design-retain .hero-art{isolation:isolate;z-index:2;min-width:0;height:559px;position:relative}.design-retain .hero-art:before{content:"";border:1px dashed var(--tone-618c5534);border-radius:49% 48% 50% 52%;width:81%;height:86%;position:absolute;top:28px;left:8%;transform:rotate(-22deg)}.design-retain .halo{box-shadow:25px 30px 47px var(--tone-e299bb48);background:linear-gradient(130deg,var(--tone-35a4fcc8),var(--tone-0492652d));border-radius:31px;position:absolute;inset:83px 8% 52px 18%;transform:rotate(10deg)}.design-retain .halo:after{content:"";border:1px solid var(--tone-fb7bd2c2);border-radius:20px;position:absolute;inset:15px}.design-retain .customer-card{height:380px;box-shadow:5px 8px 0 var(--tone-a041432c),18px 22px 0 var(--tone-8a9bc93b),26px 37px 55px var(--tone-90631588);background:var(--tone-80e45259);border:1px solid var(--tone-83a0b384);transition:transform .5s var(--ease);border-radius:14px;position:absolute;top:90px;left:17%;right:1%;overflow:hidden;transform:rotate(3deg)}.design-retain .hero-art:hover .customer-card{transform:rotate(1deg)translateY(-4px)}.design-retain .store-top{background:var(--tone-a69e7c7b);border-bottom:1px solid var(--tone-0c7fcb16);justify-content:space-between;align-items:center;padding:13px 19px;display:flex}.design-retain .store-top span{gap:5px;display:flex}.design-retain .store-top i{background:var(--tone-53a8088d);border-radius:50%;width:6px;height:6px;display:block}.design-retain .store-top small{letter-spacing:.13em;color:var(--tone-97f54bd7);font:800 8px var(--en)}.design-retain .store-head{border-bottom:1px solid var(--tone-a0b1b99c);justify-content:space-between;align-items:center;height:59px;padding:0 25px;display:flex}.design-retain .store-head b{letter-spacing:-.06em;font:700 25px var(--serif)}.design-retain .store-head span{letter-spacing:.09em;color:var(--tone-31babe6e);font:700 9px var(--en)}.design-retain .store-body{grid-template-columns:1.07fr .93fr;gap:19px;padding:23px 25px;display:grid}.design-retain .store-body label{letter-spacing:.15em;color:var(--tone-10e5242c);font:800 9px var(--en)}.design-retain .store-body h3{letter-spacing:-.06em;margin:11px 0 8px;font-size:23px;line-height:1.23}.design-retain .store-body p{color:var(--tone-0bfe9bed);margin:0 0 14px;font-size:11px;line-height:1.6}.design-retain .history-rows{gap:9px;display:grid}.design-retain .history-row{border:1px solid var(--tone-c9294d4d);border-radius:8px;align-items:center;gap:9px;padding:9px 10px;display:flex}.design-retain .product-spot{background:linear-gradient(145deg,var(--tone-9a9ed750),var(--tone-2e5bd852));border-radius:4px;flex:none;width:29px;height:30px;position:relative}.design-retain .product-spot:after{content:"";background:var(--tone-c8321e67);border-radius:9px 9px 3px 3px;position:absolute;inset:8px 10px;transform:rotate(-17deg)}.design-retain .product-spot.alt{background:linear-gradient(145deg,var(--tone-a934b1e9),var(--tone-79aedf4f))}.design-retain .product-spot.alt:after{background:var(--tone-4e820ee2)}.design-retain .history-row b{font-size:10px;display:block}.design-retain .history-row small{color:var(--tone-b5eb9706);font-size:8px}.design-retain .store-right{background:var(--tone-996f0af7);border:1px solid var(--tone-c222867a);border-radius:8px;flex-direction:column;padding:18px 15px;display:flex}.design-retain .store-right .eyeline{letter-spacing:.12em;color:var(--tone-5ea8cee3);font:800 9px var(--en)}.design-retain .store-right strong{margin-top:12px;font-size:18px;line-height:1.35}.design-retain .store-right p{color:var(--tone-a12dea3d);margin:10px 0 auto;font-size:10px;line-height:1.6}.design-retain .repurchase{text-align:center;color:#fff;background:var(--tone-13e5d279);font:800 10px var(--en);border-radius:5px;margin-top:17px;padding:11px}.design-retain .store-right small{text-align:center;color:var(--tone-239721b2);margin-top:10px;font-size:8px;display:block}.design-retain .float-ticket{z-index:5;width:190px;box-shadow:0 13px 27px var(--tone-25ab3134);background:var(--tone-311d3d54);border:1px solid var(--tone-f8618a43);border-radius:10px;padding:17px 18px;position:absolute;top:18px;left:0;transform:rotate(-9deg)}.design-retain .float-ticket:after{color:var(--tone-e6e51267);content:"✦";font-size:18px;position:absolute;top:13px;right:13px}.design-retain .float-ticket small{letter-spacing:.14em;color:var(--tone-76c4a86f);font:800 9px var(--en)}.design-retain .float-ticket strong{letter-spacing:-.08em;margin:13px 0 2px;font-size:24px;display:block}.design-retain .float-ticket span{color:var(--tone-38203739);font-size:10px}.design-retain .float-message{z-index:6;width:242px;box-shadow:0 11px 20px var(--tone-02796544),0 23px 40px var(--tone-29a0ed45);background:var(--tone-6e1ba96c);border:1px solid var(--tone-2a909b37);border-radius:11px;padding:19px 18px;position:absolute;bottom:28px;right:-1%;transform:rotate(-7deg)}.design-retain .float-message small{letter-spacing:.13em;color:var(--tone-5ca1b8bf);font:800 9px var(--en)}.design-retain .float-message strong{margin:9px 0;font-size:17px;line-height:1.44;display:block}.design-retain .float-message span{color:var(--tone-87d3dd8f);font-size:10px}.design-retain .vertical-brand{letter-spacing:.15em;color:var(--tone-b99e9b01);font:800 10px var(--en);writing-mode:vertical-rl;position:absolute;top:8px;right:0}.design-retain .hero-foot{background:var(--tone-69b30060);border-bottom:1px solid var(--tone-cb1dd6c7);border-top:1px solid var(--tone-cb1dd6c7)}.design-retain .hero-foot .wrap{letter-spacing:.09em;min-height:52px;color:var(--tone-827cd053);font:800 10px var(--en);justify-content:space-between;align-items:center;gap:15px;display:flex}.design-retain .hero-foot b{color:var(--tone-30dcc440)}.design-retain .section{padding:117px 0}.design-retain .section-head{grid-template-columns:1.1fr .78fr;align-items:end;gap:60px;margin-bottom:47px;display:grid}.design-retain .section-head h2{letter-spacing:-.071em;margin:20px 0 0;font-size:clamp(39px,4vw,64px);font-weight:900;line-height:1.23}.design-retain .section-head>p{max-width:465px;color:var(--tone-6e57ab5b);margin:0 0 5px;font-size:15px;line-height:1.98}.design-retain .section-head h2 em{color:var(--violet);font-style:normal}html[lang=en] .design-retain .section-head h2{letter-spacing:-.06em;font-size:clamp(38px,3.5vw,59px);line-height:1.12}.design-retain .reality{background:var(--paper)}.design-retain .reality-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;display:grid}.design-retain .reason{background:var(--tone-c33abb81);border:1px solid var(--tone-ad57bce6);min-height:334px;transition:transform .28s var(--ease),box-shadow .28s;flex-direction:column;padding:28px 23px;display:flex;position:relative;overflow:hidden}.design-retain .reason:hover{box-shadow:0 19px 40px var(--tone-c07a58b4);transform:translateY(-5px)}.design-retain .reason:nth-child(2){border-color:var(--tone-e688f233);background:var(--tone-8784944e)}.design-retain .reason:nth-child(3){border-color:var(--tone-b3bc5ffc);background:var(--tone-8b70b800)}.design-retain .reason:nth-child(4){border-color:var(--tone-3c3da20e);background:var(--tone-d661d7c3)}.design-retain .reason .n{letter-spacing:.1em;color:var(--tone-40a36afc);font:800 11px var(--en);justify-content:space-between;align-items:center;display:flex}.design-retain .reason .n i{opacity:.75;font-size:23px;font-style:normal}.design-retain .reason .scene{letter-spacing:-.03em;margin:51px 0 14px;font-size:17px;font-weight:850;line-height:1.5}.design-retain .reason h3{letter-spacing:-.06em;margin:0 0 13px;font-size:24px;line-height:1.35}.design-retain .reason p{color:var(--tone-f208cd43);margin:0 auto 0 0;font-size:12px;line-height:1.75}.design-retain .reality-callout{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding-top:26px;display:flex}.design-retain .reality-callout strong{letter-spacing:-.05em;font-size:21px}.design-retain .reality-callout small{letter-spacing:.09em;color:var(--tone-4ea0a1f1);font:700 10px var(--en)}.design-retain .journey{background:var(--tone-97693e71);position:relative;overflow:hidden}.design-retain .journey:before{pointer-events:none;content:"";border:1px solid var(--tone-dfbb626f);border-radius:50%;width:600px;height:600px;position:absolute;top:-330px;right:-140px}.design-retain .journey .section-head{position:relative}.design-retain .journey-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px;display:grid;position:relative}.design-retain .journey-tab{text-align:left;min-height:99px;color:var(--tone-13ba32b0);background:var(--tone-74569d7f);border:1px solid var(--tone-14848fda);transition:.25s var(--ease);padding:20px 22px}.design-retain .journey-tab:hover{background:#fff}.design-retain .journey-tab[aria-selected=true]{border-color:var(--ink);color:#fff;box-shadow:0 10px 26px var(--tone-5048bd55);background:var(--ink)}.design-retain .journey-tab span{letter-spacing:.12em;color:var(--tone-8ed5d8d5);font:800 10px var(--en);margin-bottom:8px;display:block}.design-retain .journey-tab strong{font-size:17px}.design-retain .journey-tab[aria-selected=true] span{color:var(--tone-282c7c35)}.design-retain .journey-surface{min-height:485px;box-shadow:0 25px 50px var(--tone-966bd604);background:var(--tone-e0f1dc75);border:1px solid var(--tone-a6bd0813);border-radius:4px;overflow:hidden}.design-retain .stage[hidden]{display:none!important}.design-retain .stage{grid-template-columns:39% 61%;min-height:485px;animation:.3s retain-fade-in;display:grid}.design-retain .stage-narrative{color:#fff;background:var(--tone-16f51680);flex-direction:column;padding:48px 43px;display:flex}.design-retain .stage-count{letter-spacing:.13em;color:var(--tone-1511e547);font:800 11px var(--en)}.design-retain .stage-narrative h3{letter-spacing:-.065em;margin:27px 0 16px;font-size:clamp(27px,2.5vw,41px);line-height:1.32}.design-retain .stage-narrative p{color:var(--tone-0cc609a5);margin:0;font-size:13px;line-height:1.9}.design-retain .stage-insight{color:var(--tone-8b3bfade);border-top:1px solid var(--tone-502c00c0);margin-top:auto;padding-top:24px;font-size:13px;line-height:1.7}.design-retain .stage-insight:before{color:var(--tone-4598e8b9);content:"✦";margin-bottom:10px;font-size:19px;display:block}.design-retain .stage-show{background:radial-gradient(ellipse at 100% 0%,var(--tone-bcda6d99),transparent 75%),var(--tone-93c667a9);justify-content:center;align-items:center;padding:30px;display:flex;position:relative}.design-retain .scene-unit{width:min(100%,590px);min-height:340px;box-shadow:0 19px 34px var(--tone-55c17115);border:1px solid var(--tone-7352bacb);background:#fff;border-radius:9px;overflow:hidden}.design-retain .unit-top{letter-spacing:.08em;min-height:39px;color:var(--tone-0773c598);background:var(--tone-13fce3c5);border-bottom:1px solid var(--tone-aba00313);font:800 9px var(--en);justify-content:space-between;align-items:center;padding:0 17px;display:flex}.design-retain .dots{gap:5px;display:flex}.design-retain .dots i{background:var(--tone-f39be60e);border-radius:50%;width:6px;height:6px}.design-retain .scene-section{padding:20px 24px}.design-retain .unit-title{letter-spacing:-.04em;margin:0 0 15px;font-size:20px}.design-retain .illustration-banner{background:var(--tone-a429af4a);border-radius:5px;align-items:center;gap:15px;margin-bottom:16px;padding:15px;display:flex}.design-retain .illustration-banner .thumb{background:linear-gradient(140deg,var(--tone-e9c71629),var(--tone-75f4acf5));border-radius:3px;width:64px;height:65px;position:relative}.design-retain .illustration-banner .thumb:after{color:var(--tone-b38ee96c);content:"✦";font-size:28px;position:absolute;top:13px;left:20px}.design-retain .illustration-banner strong{font-size:15px;line-height:1.6;display:block}.design-retain .illustration-banner span{color:var(--tone-fa1eea36);margin-top:4px;font-size:11px;display:block}.design-retain .scene-steps{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.design-retain .scene-steps div{min-height:83px;color:var(--tone-c9d8bb0e);background:var(--tone-c02685a2);padding:12px 10px;font-size:11px;line-height:1.5}.design-retain .scene-steps b{color:var(--tone-247e8e46);font:800 10px var(--en);margin-bottom:8px;display:block}.design-retain .micro-label{letter-spacing:.13em;color:var(--tone-2dd8cdff);font:800 9px var(--en);margin:14px 0 8px}.design-retain .journey-caveat{color:var(--tone-92bf9384);margin:18px 0 0;font-size:11px;line-height:1.65}.design-retain .principle{background:var(--tone-5009744b)}.design-retain .principle-layout{grid-template-columns:33% 1fr;gap:60px;display:grid}.design-retain .sticky-intro{align-self:start;position:sticky;top:142px}.design-retain .sticky-intro h2{letter-spacing:-.07em;margin:19px 0;font-size:clamp(40px,3.65vw,61px);line-height:1.26}.design-retain .sticky-intro p{max-width:300px;color:var(--tone-b9c5c7b9);font-size:14px}.design-retain .principles{gap:0;display:grid}.design-retain .principle-row{border-top:1px solid var(--tone-54cf3601);grid-template-columns:76px 1fr 170px;align-items:center;gap:18px;min-height:146px;display:grid}.design-retain .principle-row:last-child{border-bottom:1px solid var(--tone-54cf3601)}.design-retain .principle-num{color:var(--tone-5f2cdb67);font:800 13px var(--en);align-self:start;padding-top:36px}.design-retain .principle-row h3{letter-spacing:-.05em;margin:0 0 9px;font-size:24px;line-height:1.38}.design-retain .principle-row p{max-width:490px;color:var(--tone-7857d799);margin:0;font-size:12px;line-height:1.8}.design-retain .principle-icon{background:var(--tone-6ebcd9b3);border:1px solid var(--tone-c4a050ea);border-radius:90px;place-items:center;height:102px;display:grid;position:relative;overflow:hidden}.design-retain .principle-icon em{color:var(--tone-744c886c);font-size:40px;font-style:normal;font-weight:300}.design-retain .principle-icon small{letter-spacing:.12em;color:var(--tone-409ef0ef);font:800 8px var(--en);position:absolute;bottom:13px}.design-retain .difference{color:var(--tone-d14f9016);background:var(--tone-0ad2fb2b);overflow:hidden}.design-retain .difference .section-head>p{color:var(--tone-fe954b4f)}.design-retain .difference .eyebrow{color:var(--tone-17e3181f)}.design-retain .difference h2 em{color:var(--tone-3f485e83)}.design-retain .connection{grid-template-columns:1fr 1fr;gap:16px;display:grid}.design-retain .connect-card{background:var(--tone-91db9a75);border:1px solid var(--tone-0c1adec5);min-height:328px;padding:32px;position:relative;overflow:hidden}.design-retain .connect-card.featured{border-color:var(--tone-1bfc36a2);color:var(--ink);background:var(--tone-6338b047)}.design-retain .connect-card .label{letter-spacing:.14em;color:var(--tone-7f4f7c5a);font:800 11px var(--en)}.design-retain .connect-card.featured .label{color:var(--tone-cb5ed125)}.design-retain .connect-card h3{letter-spacing:-.06em;max-width:380px;margin:26px 0 16px;font-size:30px;line-height:1.36}.design-retain .connect-card p{max-width:370px;color:var(--tone-020ff71b);font-size:14px}.design-retain .connect-card.featured p{color:var(--tone-19a83d0a)}.design-retain .flowline{letter-spacing:.03em;font:800 10px var(--en);flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;display:flex}.design-retain .flowline b{background:var(--tone-016a0aa6);border:1px solid var(--tone-86cc1db2);border-radius:4px;padding:11px;font-weight:850}.design-retain .connect-card.featured .flowline b{background:var(--tone-0f704bb7);border:1px solid var(--tone-7c6ec289)}.design-retain .flowline i{color:var(--tone-25828d54);font-style:normal}.design-retain .connect-card.featured .flowline i{color:var(--tone-bfb14edd)}.design-retain .connect-foot{color:var(--tone-7055928e);border-top:1px solid var(--tone-192258d6);justify-content:space-between;gap:20px;margin-top:28px;padding-top:23px;font-size:13px;line-height:1.8;display:flex}.design-retain .connect-foot strong{max-width:360px;font-size:18px;line-height:1.55}.design-retain .cases{background:var(--tone-311d3d54)}.design-retain .case-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.design-retain .case{background:var(--tone-b4d4bbbf);border:1px solid var(--tone-9726ec8e);transition:.3s var(--ease);display:block;overflow:hidden}.design-retain .case:hover{box-shadow:0 19px 36px var(--tone-9c1d2e76);transform:translateY(-5px)}.design-retain .case-art{place-items:center;min-height:290px;display:grid;position:relative;overflow:hidden}.design-retain .case-art.ao{background:radial-gradient(circle at 25% 10%,var(--tone-860ba903),transparent 50%),var(--tone-1cce45d8)}.design-retain .case-art.js{background:radial-gradient(circle at 76% 20%,var(--tone-e8f45329),transparent 55%),var(--tone-3d5cdd86)}.design-retain .art-canvas{width:75%;max-width:420px;min-height:175px;box-shadow:7px 9px 0 var(--tone-c5262b20),20px 23px 35px var(--tone-0187bf03);background:var(--tone-e0f1dc75);border:1px solid var(--tone-0a36b8a4);border-radius:10px;padding:19px;transform:rotate(-4deg)}.design-retain .case-art.js .art-canvas{box-shadow:7px 9px 0 var(--tone-990427f3),20px 23px 35px var(--tone-b7ab30f8);transform:rotate(4deg)}.design-retain .art-canvas .top{letter-spacing:.14em;color:var(--tone-99ef2f7e);border-bottom:1px solid var(--tone-5731b88c);font:800 9px var(--en);justify-content:space-between;gap:10px;padding-bottom:11px;display:flex}.design-retain .art-canvas h4{letter-spacing:-.05em;margin:17px 0 14px;font-size:20px;line-height:1.4}.design-retain .art-pills{flex-wrap:wrap;gap:8px;display:flex}.design-retain .art-pills b{color:var(--tone-8e23bab3);background:var(--tone-ea7edc9d);font:750 10px var(--zh);border-radius:4px;padding:8px 9px}.design-retain .case-art.js .art-pills b{color:var(--tone-6397acc7);background:var(--tone-726f1911)}.design-retain .art-chip{letter-spacing:.1em;color:var(--tone-b97d9a12);background:var(--tone-d14f9016);border:1px solid var(--tone-643428f7);font:800 9px var(--en);padding:9px 11px;position:absolute;bottom:16px;right:23px;transform:rotate(3deg)}.design-retain .case-body{padding:29px 32px 33px}.design-retain .case-body .kind{letter-spacing:.13em;color:var(--tone-0d91c5bf);font:800 10px var(--en)}.design-retain .case-body h3{letter-spacing:-.055em;font:700 36px var(--serif);margin:12px 0}.design-retain .case-body p{min-height:77px;color:var(--tone-afb4537e);margin:0 0 22px;font-size:14px;line-height:1.85}.design-retain .case-body .go{border-top:1px solid var(--tone-42b0d9de);justify-content:space-between;align-items:center;padding-top:18px;font-size:12px;font-weight:850;display:flex}.design-retain .case small{color:var(--tone-e9effbe7);margin-top:8px;font-size:10px;display:block}.design-retain .case-notes{color:var(--tone-02e998a0);margin:20px 0 0;font-size:11px;line-height:1.8}.design-retain .review{background:var(--tone-841a072d)}.design-retain .review-panel{min-height:530px;box-shadow:0 22px 55px var(--tone-2281b85f);background:var(--tone-311d3d54);border:1px solid var(--tone-18fc5d0d);grid-template-columns:.83fr 1.17fr;gap:0;display:grid}.design-retain .review-preview{background:var(--tone-a3624e8d);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:54px 25px;display:flex}.design-retain .report-sheet{width:min(100%,320px);min-height:370px;box-shadow:11px 17px 0 var(--tone-c419438a),18px 25px 43px var(--tone-4d906047);background:var(--tone-849ce789);padding:26px 27px;transform:rotate(-4deg)}.design-retain .report-head{border-bottom:1px solid var(--tone-90d5b7c7);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.design-retain .report-head strong{letter-spacing:-.08em;font:800 22px var(--en)}.design-retain .report-head strong i{color:var(--coral);font-style:normal}.design-retain .report-head small{letter-spacing:.1em;color:var(--tone-5f1d605f);font:800 8px var(--en)}.design-retain .report-kicker{letter-spacing:.12em;color:var(--tone-bd2c563b);font:800 9px var(--en);margin:20px 0 10px;display:block}.design-retain .report-sheet h3{letter-spacing:-.075em;margin:10px 0;font-size:25px;line-height:1.4}.design-retain .report-sheet p{color:var(--tone-cd14d991);font-size:11px}.design-retain .report-rows{margin-top:25px}.design-retain .report-rows div{color:var(--tone-e2723948);border-top:1px solid var(--tone-39fda458);gap:15px;padding:12px 0;font-size:11px;display:flex}.design-retain .report-rows div b{color:var(--tone-531eb9f9);font:800 10px var(--en)}.design-retain .report-disclaimer{text-align:center;letter-spacing:.12em;color:var(--tone-65fd57f7);font:800 9px var(--en);margin-top:38px}.design-retain .review-form{padding:43px 55px}.design-retain .review-form h3{letter-spacing:-.06em;margin:13px 0 6px;font-size:30px}.design-retain .review-form>.intro{color:var(--tone-cb231eb2);margin:0 0 22px;font-size:13px;line-height:1.85}.design-retain .fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.design-retain .field{margin-bottom:15px}.design-retain .field label,.design-retain .form-label{color:var(--tone-f916068b);margin-bottom:8px;font-size:11px;font-weight:850;display:block}.design-retain .field input,.design-retain .field textarea,.design-retain .field select{width:100%;color:var(--ink);background:var(--tone-a83fe71d);border:1px solid var(--tone-430ae9b4);border-radius:5px;padding:14px 13px;font-size:13px}.design-retain .field textarea{resize:vertical;min-height:84px}.design-retain .field select{appearance:auto}.design-retain .needs{flex-wrap:wrap;gap:7px;margin:6px 0 18px;display:flex}.design-retain .need{color:var(--tone-1774814f);background:var(--tone-d14f9016);border:1px solid var(--tone-c6bcf440);border-radius:40px;padding:10px 12px;font-size:11px;font-weight:800;transition:all .2s}.design-retain .need[aria-pressed=true]{border-color:var(--tone-705c3eac);color:var(--tone-0db156e9);background:var(--tone-2d895afe)}.design-retain .review-submit{color:#fff;background:var(--ink);border:none;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;font-size:13px;font-weight:850;display:flex}.design-retain .review-submit:hover{background:var(--tone-77604382)}.design-retain .form-fine{color:var(--tone-1a7ac505);margin-top:12px;font-size:10px;line-height:1.7}.design-retain .preview-result{overflow-wrap:anywhere;background:var(--tone-56335592);border:1px solid var(--tone-762c5a34);margin-top:15px;padding:15px;font-size:12px;line-height:1.8;display:none}.design-retain .preview-result.show{display:block}.design-retain .preview-result strong{margin-bottom:6px;display:block}.design-retain .review-caveat{color:var(--tone-71bdbd6f);margin:20px 0 0;font-size:11px;line-height:1.8}.design-retain .other{background:var(--tone-e473539e);padding:55px 0}.design-retain .other-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.design-retain .other h2{letter-spacing:-.05em;margin:0;font-size:28px}.design-retain .goals{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.design-retain .goals a{background:var(--tone-adc7fd57);border:1px solid var(--tone-2dea505e);justify-content:space-between;padding:19px 23px;font-size:16px;font-weight:850;transition:all .25s;display:flex}.design-retain .goals a:hover{background:var(--tone-27b0740e)}.design-retain .footer{color:var(--tone-fa080dc7);background:var(--tone-68d70da0);padding:25px 0}.design-retain .footer .wrap{letter-spacing:.1em;font:700 10px var(--en);justify-content:space-between;align-items:center;gap:18px;display:flex}.design-retain .footer strong{letter-spacing:-.09em;color:#fff;font:800 33px var(--en)}.design-retain .footer strong i{color:var(--coral);font-style:normal}@media (width<=1150px){.design-retain .wrap{width:min(100% - 72px,1340px)}.design-retain .nav{gap:17px}.design-retain .nav-tools{gap:7px}.design-retain .hero h1{font-size:clamp(55px,6.2vw,84px)}.design-retain .customer-card{left:10%}.design-retain .store-body{gap:7px;padding:17px 16px}.design-retain .store-body h3{font-size:20px}.design-retain .float-ticket{left:-3%}.design-retain .float-message{right:-5%}.design-retain .reason h3{font-size:21px}.design-retain .principle-row{grid-template-columns:43px 1fr 125px}.design-retain .principle-layout{gap:30px}}@media (width<=930px){.design-retain .wrap{width:calc(100% - 52px)}.design-retain .header{height:70px}.design-retain .brand svg{width:112px}.design-retain .nav{box-shadow:0 17px 26px var(--tone-05dae07f);background:var(--tone-e473539e);border-bottom:1px solid var(--tone-6fc219bc);flex-direction:column;align-items:stretch;margin:0;padding:19px 26px 26px;display:none;position:absolute;top:69px;left:0;right:0}.design-retain .nav.open{display:flex}.design-retain .nav a{padding:11px 8px;font-size:16px}.design-retain .burger{place-items:center;display:inline-grid}.design-retain .nav-cta{display:none}.design-retain .hero-grid{grid-template-columns:1fr;gap:0;padding-top:42px;padding-bottom:35px}.design-retain .hero-text{max-width:700px}.design-retain .hero h1{font-size:clamp(60px,9vw,83px)}.design-retain .hero-art{width:min(690px,100%);height:500px;margin:20px auto 0}.design-retain .hero-summary{max-width:630px}.design-retain .section{padding:90px 0}.design-retain .section-head{gap:35px}.design-retain .reality-grid{grid-template-columns:1fr 1fr}.design-retain .reason{min-height:285px}.design-retain .reason .scene{margin-top:35px}.design-retain .stage{grid-template-columns:1fr}.design-retain .stage-narrative{min-height:240px;padding:30px}.design-retain .stage-narrative h3{margin:12px 0}.design-retain .stage-insight{margin-top:17px;padding-top:13px}.design-retain .stage-show{min-height:405px}.design-retain .principle-layout{grid-template-columns:1fr;gap:30px}.design-retain .sticky-intro{position:static}.design-retain .sticky-intro p{max-width:600px}.design-retain .review-form{padding:38px 33px}}@media (width<=600px){.design-retain{scroll-padding-top:78px}.design-retain .wrap{width:calc(100% - 38px)}.design-retain .micro{letter-spacing:.06em;height:25px;font-size:8px}.design-retain .micro .wrap span:last-child{display:none}.design-retain .header{height:65px}.design-retain .head-inner{gap:12px}.design-retain .brand svg{width:99px;height:36px}.design-retain .brand small{letter-spacing:.13em;padding-left:7px;font-size:7px}.design-retain .nav{top:64px}.design-retain .lang{padding:2px}.design-retain .lang button{min-width:31px;height:30px;font-size:11px}.design-retain .burger{width:36px;height:36px;font-size:19px}.design-retain .hero-grid{padding-top:33px;padding-bottom:28px}.design-retain .back{margin-bottom:28px;font-size:11px}.design-retain .hero .eyebrow{margin-bottom:16px}.design-retain .hero h1{letter-spacing:-.088em;font-size:clamp(44px,10.6vw,63px);line-height:1.19}.design-retain .hero h1 .line{white-space:normal}html[lang=en] .design-retain .hero h1{font-size:clamp(42px,9.3vw,61px);line-height:1.13}.design-retain .hero-summary{margin:22px 0;font-size:14px;line-height:1.82}.design-retain .hero-actions{gap:9px}.design-retain .hero-actions .btn{min-height:49px;padding:12px 16px;font-size:12px}.design-retain .hero-note{align-items:flex-start;font-size:10px;line-height:1.5}.design-retain .hero-art{height:340px;margin:25px auto 5px}.design-retain .hero-art:before{width:80%;height:93%;top:4px;left:11%}.design-retain .halo{border-radius:16px;inset:36px 12% 32px 16%}.design-retain .customer-card{height:250px;box-shadow:4px 5px 0 var(--tone-a041432c),9px 11px 0 var(--tone-8a9bc93b),15px 20px 28px var(--tone-3abb2c4e);border-radius:7px;top:46px;left:12%;right:5%}.design-retain .store-top{padding:7px 10px}.design-retain .store-top small{font-size:6px}.design-retain .store-top i{width:4px;height:4px}.design-retain .store-head{height:38px;padding:0 13px}.design-retain .store-head b{font-size:18px}.design-retain .store-head span{font-size:6px}.design-retain .store-body{gap:7px;padding:10px 13px}.design-retain .store-body label{font-size:6px}.design-retain .store-body h3{margin:6px 0 4px;font-size:15px}.design-retain .store-body p{margin:0 0 8px;font-size:7px}.design-retain .history-row{border-radius:4px;gap:5px;padding:5px}.design-retain .history-row b{font-size:7px}.design-retain .history-row small{font-size:6px}.design-retain .product-spot{width:22px;height:22px}.design-retain .product-spot:after{inset:5px 8px}.design-retain .store-right{padding:9px 8px}.design-retain .store-right .eyeline{font-size:6px}.design-retain .store-right strong{margin-top:7px;font-size:12px}.design-retain .store-right p{margin-top:5px;font-size:7px}.design-retain .repurchase{margin-top:6px;padding:7px;font-size:7px}.design-retain .store-right small{margin-top:6px;font-size:5px}.design-retain .float-ticket{border-radius:6px;width:117px;padding:10px;top:7px;left:0}.design-retain .float-ticket small{font-size:6px}.design-retain .float-ticket strong{margin:5px 0 1px;font-size:15px}.design-retain .float-ticket span{font-size:7px}.design-retain .float-ticket:after{font-size:12px;top:4px;right:7px}.design-retain .float-message{border-radius:7px;width:151px;padding:10px 11px;bottom:0;right:-1%}.design-retain .float-message small{font-size:6px}.design-retain .float-message strong{margin:5px 0;font-size:11px}.design-retain .float-message span{font-size:6px}.design-retain .vertical-brand{font-size:7px}.design-retain .hero-foot .wrap{min-height:45px;font-size:8px;line-height:1.6}.design-retain .hero-foot .wrap span:last-child{display:none}.design-retain .section{padding:70px 0}.design-retain .section-head{margin-bottom:30px;display:block}.design-retain .section-head h2{margin:14px 0 18px;font-size:clamp(37px,9.35vw,49px);line-height:1.25}.design-retain .section-head>p{max-width:580px;font-size:13px;line-height:1.9}.design-retain .eyebrow{letter-spacing:.11em;font-size:10px}.design-retain .reality-grid{grid-template-columns:1fr 1fr;gap:9px}.design-retain .reason{min-height:273px;padding:18px 14px}.design-retain .reason .scene{margin:26px 0 10px;font-size:12px;line-height:1.5}.design-retain .reason h3{font-size:18px;line-height:1.4}.design-retain .reason p{font-size:10px;line-height:1.7}.design-retain .reason .n{font-size:9px}.design-retain .reason .n i{font-size:18px}.design-retain .reality-callout{padding-top:22px;display:block}.design-retain .reality-callout strong{font-size:17px;line-height:1.55;display:block}.design-retain .reality-callout small{margin-top:12px;font-size:9px;display:block}.design-retain .journey-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.design-retain .journey-tab{min-height:79px;padding:12px 9px}.design-retain .journey-tab span{margin-bottom:9px;font-size:8px}.design-retain .journey-tab strong{font-size:12px;line-height:1.5;display:block}.design-retain .stage-narrative{min-height:unset;padding:24px 20px}.design-retain .stage-narrative h3{font-size:26px;line-height:1.32}.design-retain .stage-narrative p{font-size:12px}.design-retain .stage-insight{font-size:11px}.design-retain .stage-show{min-height:365px;padding:17px 13px}.design-retain .scene-unit{min-height:320px}.design-retain .scene-section{padding:18px 14px}.design-retain .unit-title{font-size:17px}.design-retain .illustration-banner{gap:10px;padding:10px}.design-retain .illustration-banner .thumb{width:48px;height:50px}.design-retain .illustration-banner strong{font-size:11px}.design-retain .illustration-banner span{font-size:9px}.design-retain .scene-steps div{padding:10px 7px;font-size:9px}.design-retain .scene-steps b{font-size:8px}.design-retain .journey-caveat{font-size:10px}.design-retain .principle-layout{gap:20px}.design-retain .sticky-intro h2{font-size:40px}.design-retain .principle-row{grid-template-columns:34px 1fr 58px;gap:8px;min-height:135px}.design-retain .principle-num{padding-top:27px;font-size:11px}.design-retain .principle-row h3{font-size:20px}.design-retain .principle-row p{font-size:11px}.design-retain .principle-icon{height:64px}.design-retain .principle-icon em{font-size:24px}.design-retain .principle-icon small{display:none}.design-retain .connection,.design-retain .case-grid{grid-template-columns:1fr}.design-retain .connect-card{min-height:310px;padding:25px 22px}.design-retain .connect-card h3{font-size:27px}.design-retain .connect-card p{font-size:12px}.design-retain .connect-foot{display:block}.design-retain .connect-foot strong{margin-top:8px;display:block}.design-retain .case-art{min-height:240px}.design-retain .art-canvas{width:77%;min-height:150px}.design-retain .case-body{padding:25px 24px}.design-retain .case-body h3{font-size:33px}.design-retain .case-body p{min-height:unset;font-size:13px}.design-retain .review-panel{grid-template-columns:1fr}.design-retain .review-preview{padding:42px 15px}.design-retain .report-sheet{min-height:310px}.design-retain .review-form{padding:29px 22px 34px}.design-retain .review-form h3{font-size:27px}.design-retain .fields{grid-template-columns:1fr;gap:0}.design-retain .other{padding:40px 0}.design-retain .other-header{display:block}.design-retain .other h2{margin-bottom:16px;font-size:24px}.design-retain .goals{grid-template-columns:1fr}.design-retain .goals a{padding:16px 18px;font-size:14px}.design-retain .footer .wrap{grid-template-columns:1fr 1fr;gap:10px;display:grid}.design-retain .footer .wrap>span{grid-area:2/1/auto/-1;font-size:8px}.design-retain .footer a{justify-self:end}}@media (width<=355px){.design-retain .wrap{width:calc(100% - 30px)}.design-retain .brand svg{width:88px}.design-retain .brand small{font-size:6px}.design-retain .hero h1{font-size:42px}.design-retain .reason{min-height:275px;padding:16px 12px}.design-retain .reason h3{font-size:16px}.design-retain .reason p{font-size:10px}.design-retain .hero-art{height:320px}.design-retain .customer-card{top:47px;left:9%;right:5%}.design-retain .float-ticket{left:-3%}.design-retain .scene-steps div{font-size:8px}}@media (prefers-reduced-motion:reduce){.design-retain *,.design-retain :before,.design-retain :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-font-weight{syntax:"*";inherits:false}