.methods-hero{position:relative;isolation:isolate;background:#071e2b;color:white;min-height:680px;overflow:hidden}
.methods-hero-image{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071e2b 0%,rgba(7,30,43,.96) 16%,rgba(7,30,43,.72) 42%,rgba(7,30,43,.03) 78%),url('assets/methods-hero.jpg') center right/cover no-repeat}
.methods-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,30,43,.58),transparent 27%);pointer-events:none}
.methods-hero-inner{min-height:625px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:20px;padding-bottom:45px}.methods-hero .number{color:#bce6dd;margin-bottom:26px}.methods-hero h1{font-size:clamp(62px,6.7vw,104px);letter-spacing:-6px;line-height:1;margin-bottom:28px}.methods-hero h1 em{color:#ff907a}.methods-hero p{max-width:530px;font-size:20px;line-height:1.7;color:#d5e6e4;margin-bottom:29px}.methods-hero .button{min-width:220px}.methods-hero-bottom{height:55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(221,245,239,.22);font-size:10px;letter-spacing:1.9px;font-weight:800;color:#b6d2d0}
.method-jump{background:#d1e9e0}.method-jump .wrap{display:flex;align-items:center;gap:24px;min-height:80px}.method-jump span{font-size:10px;font-weight:800;letter-spacing:1.6px;margin-right:auto;white-space:nowrap}.method-jump a{font-size:12px;font-weight:800;white-space:nowrap;border-bottom:1px solid transparent;padding:8px 0}.method-jump a:hover{border-color:#123844;color:#d15e50}
.methods-intro{background:#f7f6f1;padding:130px 0}.methods-intro-grid{display:grid;grid-template-columns:32% 68%;gap:20px}.methods-intro h2{font-size:clamp(48px,4.8vw,72px);line-height:1.1;margin-bottom:26px}.methods-intro p{font-size:20px;line-height:1.7;max-width:750px;color:#4e6970}
.method-detail{padding:84px 0;scroll-margin-top:0}.method-layout{display:grid;grid-template-columns:50% 50%;min-height:540px;align-items:center}.method-layout.reverse{grid-template-columns:50% 50%}.method-narrative{padding:45px 80px 45px 0}.method-layout.reverse .method-narrative{padding:45px 0 45px 80px}.method-count{display:block;font-size:11px;color:#d46956;font-weight:800;letter-spacing:2px;margin-bottom:23px}.method-narrative h2{font-size:clamp(46px,4.3vw,66px);line-height:1.08;letter-spacing:-3.4px;margin-bottom:21px}.method-narrative h2 em{color:#dd735f}.method-narrative>p{font-size:17px;line-height:1.7;max-width:550px;color:#506a71;margin-bottom:29px}.method-facts{border-top:1px solid #b7c8c4;max-width:550px;margin-bottom:27px}.method-facts div{display:grid;grid-template-columns:170px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid #cbd6d1}.method-facts span{font-size:10px;letter-spacing:1.2px;color:#6f8f8b;font-weight:800}.method-facts strong{font-size:13px;color:#294a53;line-height:1.45}.method-action{display:inline-flex;gap:25px;align-items:center;font-size:14px;font-weight:800;border-bottom:1px solid #537c79;padding-bottom:8px;transition:gap .2s,color .2s}.method-action:hover{gap:32px;color:#d56958}.method-action span{font-size:20px;line-height:1}
.method-eye{background:#e8efeb}.method-face{background:#f7f6f1}.method-irt{background:#dcebe4}.method-prime{background:#eef0e9}.method-survey{background:#e4ece8}
.method-visual{height:535px;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.visual-caption{position:absolute;bottom:23px;left:24px;z-index:5;padding:8px 11px;background:rgba(255,255,255,.65);color:#2a5660;font-size:9px;letter-spacing:1.4px;font-weight:800}.visual-eye{background:radial-gradient(circle at 55% 40%,#2c5d64,#0e303d 72%)}.attention-window{width:77%;max-width:440px;background:#f7f6ef;box-shadow:19px 24px 0 #07233088,0 30px 55px #031b2c88;transform:rotate(-4deg);padding:9px}.attention-header{height:30px;display:flex;align-items:center;gap:5px;color:#4b7778;font-size:8px;font-weight:800;letter-spacing:1px}.attention-header i{width:6px;height:6px;background:#c0d6cd;border-radius:50%}.attention-header i:first-child{background:#f18e74}.attention-header span{margin-left:auto}.attention-canvas{height:310px;background:#c9ddd4;position:relative;display:grid;place-items:center;overflow:hidden}.attention-product{width:210px;height:235px;background:#f59d80;box-shadow:17px 16px 0 #a7bfb6;transform:rotate(7deg);display:flex;align-items:center;padding:26px}.attention-product span{font-size:27px;font-weight:800;line-height:1.06;letter-spacing:-1px;color:#163c46}.heatspot{position:absolute;width:20px;height:20px;background:#fa694d;border:1px solid #fff5;border-radius:50%;box-shadow:0 0 0 12px #ff785b50,0 0 0 26px #ff785b2b;z-index:2}.heat-a{top:29%;left:26%}.heat-b{top:47%;right:29%;width:29px;height:29px}.heat-c{bottom:25%;left:38%;width:16px;height:16px}.attention-canvas svg{position:absolute;inset:0;width:100%;height:100%}.attention-canvas path{fill:none;stroke:#fa745c;stroke-width:2;stroke-dasharray:6 7}
.visual-face{background:radial-gradient(circle at 70% 25%,#d4e6da,#b8d7cc)}.visual-face:before,.visual-face:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #8fbcb0;border-radius:50%;opacity:.55}.visual-face:after{width:280px;height:280px}.face-outline{position:relative;width:225px;height:280px;border:2px solid #3c7774;border-radius:47% 47% 45% 45%;z-index:2;background:#c9dfd3;box-shadow:20px 20px 0 #9abfb2}.face-eye{position:absolute;width:31px;height:14px;border-bottom:3px solid #376a69;border-radius:50%;top:104px}.face-eye.left{left:47px}.face-eye.right{right:47px}.face-mouth{position:absolute;width:72px;height:24px;border-bottom:3px solid #d98069;border-radius:50%;bottom:72px;left:76px}.face-point{position:absolute;width:12px;height:12px;background:#f48c72;border-radius:50%;box-shadow:0 0 0 10px #f48c7240}.point-a{top:99px;left:41px}.point-b{top:99px;right:41px}.point-c{bottom:72px;left:105px}.expression-timeline{position:absolute;display:flex;gap:5px;align-items:end;height:60px;bottom:54px;right:40px;z-index:3}.expression-timeline span{height:18px;width:8px;background:#396e6c;border-radius:4px}.expression-timeline span:nth-child(2),.expression-timeline span:nth-child(8){height:30px}.expression-timeline span:nth-child(3),.expression-timeline span:nth-child(7),.expression-timeline span:nth-child(10){height:41px;background:#ef927a}.expression-timeline span:nth-child(4),.expression-timeline span:nth-child(9){height:26px}.expression-timeline span:nth-child(5){height:48px}.expression-timeline span:nth-child(6){height:35px}.expression-timeline span:nth-child(11){height:52px;background:#ef927a}.expression-timeline span:nth-child(12){height:21px}
.visual-irt{background:#133b48}.visual-irt:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #4b7b80;border-radius:50%;opacity:.35}.irt-card{position:absolute;width:170px;height:160px;background:#e4ece6;color:#15414b;display:grid;place-items:center;font-size:14px;font-weight:800;letter-spacing:1.5px;box-shadow:17px 18px 0 #071f2c88}.irt-card-left{left:12%;top:26%;transform:rotate(-7deg)}.irt-card-right{right:12%;top:27%;background:#f3a386;transform:rotate(7deg)}.irt-signal{font-size:46px;color:#d0e8dd;position:relative;z-index:2}.irt-bars{position:absolute;bottom:59px;display:flex;align-items:end;gap:8px;height:60px}.irt-bars i{width:18px;background:#71a9a0;height:20px}.irt-bars i:nth-child(2),.irt-bars i:nth-child(6){height:40px}.irt-bars i:nth-child(3){height:27px}.irt-bars i:nth-child(4){height:57px;background:#f39b7c}.irt-bars i:nth-child(5){height:34px}.irt-bars i:nth-child(7){height:49px}
.visual-prime{background:#d6e8df}.prime-orbit{width:410px;height:410px;border:1px solid #8cbbaf;border-radius:50%;position:absolute}.prime-orbit.orbit-b{width:270px;height:270px}.prime-sequence{display:flex;align-items:center;gap:16px;z-index:2}.prime-sequence span{background:#173f4b;color:#e4f2eb;padding:18px 21px;font-size:16px;letter-spacing:1.5px;font-weight:800;box-shadow:11px 11px 0 #91bcb0}.prime-sequence span:last-child{background:#f39379;color:#173f4b;box-shadow:11px 11px 0 #c9a596}.prime-sequence b{font-size:35px;color:#327b74}.prime-spark{position:absolute;top:95px;right:80px;color:#e88d73;font-size:65px}
.visual-survey{background:radial-gradient(circle at 78% 25%,#b9d7cb,#b0cec5 70%)}.survey-window{width:74%;background:#fafbf6;border:1px solid #d4e0d8;box-shadow:24px 24px 0 #4d827b55,0 28px 45px #2c625c44;padding:32px 35px;transform:rotate(-4deg)}.survey-label{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#d46e5a}.survey-question{font-size:26px;line-height:1.2;letter-spacing:-.7px;font-weight:800;color:#214a54;margin:18px 0 27px}.survey-option{height:46px;border:1px solid #d8e3dd;margin:9px 0;display:flex;align-items:center;padding:0 12px;gap:15px}.survey-option i{width:15px;height:15px;border:1px solid #9cb8b0;border-radius:50%}.survey-option span{height:7px;width:60%;background:#d8e4dc;border-radius:8px}.survey-option:nth-of-type(4) span{width:42%}.survey-option:nth-of-type(5) span{width:70%}.survey-button{background:#173f4b;color:#e6f3ec;font-size:10px;letter-spacing:1px;font-weight:800;padding:13px 16px;width:max-content;margin-top:23px}.survey-spark{position:absolute;font-size:80px;color:#f38e74;right:35px;top:60px;z-index:2}
.method-combine{background:#102f3d;color:#f7f9f5;padding:110px 0}.combine-grid{display:grid;grid-template-columns:55% 45%;align-items:center}.combine-grid h2{font-size:clamp(47px,4.7vw,70px);letter-spacing:-3.8px;line-height:1.1}.combine-grid p{font-size:18px;color:#bdd1d0;line-height:1.7;max-width:630px;margin-bottom:27px}.combine-visual{height:430px;position:relative;display:grid;place-items:center}.combine-ring{position:absolute;border:1px solid #5f9e99;border-radius:50%;width:350px;height:350px}.ring-two{width:220px;height:220px}.combine-center{width:125px;height:125px;border-radius:50%;background:#d2e9df;color:#19414a;display:grid;place-items:center;font-size:16px;letter-spacing:1.5px;font-weight:800;z-index:2}.combine-label{position:absolute;font-size:11px;letter-spacing:1.4px;font-weight:800;color:#e7f4ed;background:#1e4a54;padding:9px 12px;z-index:3}.label-see{top:13px;left:47%}.label-feel{right:10px;top:48%}.label-think{bottom:25px;left:40%}.label-say{left:20px;top:49%}
.methods-privacy{background:#dcebe4;padding:105px 0}.privacy-method-grid{display:grid;grid-template-columns:35% 65%;align-items:center}.privacy-method-icon{width:250px;height:250px;border:1px solid #91bdb2;border-radius:50%;display:grid;place-items:center;font-size:100px;color:#4c8c80;box-shadow:0 0 0 22px #b5d8cd,0 0 0 23px #91bdb2;margin:auto}.methods-privacy h2{font-size:clamp(43px,4.3vw,63px)}.methods-privacy p{font-size:17px;line-height:1.7;color:#466971;max-width:700px}.methods-contact{background:#092633;color:#f5f9f4;padding:120px 0}.methods-contact h2{font-size:clamp(60px,6vw,90px);letter-spacing:-5px;line-height:1.04}.methods-contact p{font-size:18px;color:#bdd1d0;line-height:1.7;max-width:590px;margin-bottom:27px}
@media(max-width:1100px){.method-jump .wrap{gap:15px}.method-jump a{font-size:11px}.method-narrative{padding-right:45px}.method-layout.reverse .method-narrative{padding-left:45px}.method-narrative h2{font-size:52px}.method-visual{height:500px}}
@media(max-width:800px){.methods-hero{min-height:620px}.methods-hero-inner{min-height:565px}.methods-hero h1{font-size:70px}.methods-hero-image{background-position:center,60% center;background-image:linear-gradient(90deg,#071e2b 0%,rgba(7,30,43,.84) 34%,rgba(7,30,43,.35) 100%),url('assets/methods-hero.jpg')}.method-jump .wrap{flex-wrap:wrap;gap:10px 18px;padding:16px 0}.method-jump span{width:100%}.methods-intro-grid{grid-template-columns:1fr}.method-layout,.method-layout.reverse{display:flex;flex-direction:column}.method-layout.reverse{flex-direction:column-reverse}.method-narrative,.method-layout.reverse .method-narrative{padding:60px 10px 40px;width:100%}.method-visual{width:100%;height:450px}.method-detail{padding:35px 0 70px}.combine-grid{grid-template-columns:1fr}.combine-visual{margin-top:25px}.privacy-method-grid{grid-template-columns:1fr}.privacy-method-icon{width:175px;height:175px;font-size:68px;margin:0 0 60px}.methods-privacy{padding:85px 0}}
@media(max-width:520px){.methods-hero{min-height:580px}.methods-hero-inner{min-height:525px}.methods-hero h1{font-size:clamp(50px,11vw,62px);letter-spacing:-3.6px}.methods-hero p{font-size:17px}.methods-hero-bottom{font-size:8px;letter-spacing:1px}.methods-hero-bottom span:first-child{max-width:220px}.method-jump .wrap{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.method-jump span{grid-column:1/-1}.method-jump a{white-space:normal}.methods-intro{padding:85px 0}.methods-intro h2{font-size:45px}.methods-intro p{font-size:17px}.method-narrative,.method-layout.reverse .method-narrative{padding:47px 0 32px}.method-narrative h2{font-size:47px;letter-spacing:-2.8px}.method-narrative>p{font-size:16px}.method-facts div{grid-template-columns:1fr;gap:5px}.method-visual{height:380px}.attention-window{width:80%}.attention-canvas{height:255px}.attention-product{width:160px;height:180px}.attention-product span{font-size:20px}.face-outline{transform:scale(.8)}.expression-timeline{right:17px;bottom:38px}.irt-card{width:115px;height:125px;font-size:11px}.irt-card-left{left:8%}.irt-card-right{right:8%}.prime-orbit{width:340px;height:340px}.prime-orbit.orbit-b{width:220px}.prime-sequence{gap:6px}.prime-sequence span{font-size:12px;padding:14px}.prime-spark{right:20px;top:40px}.survey-window{width:82%;padding:25px}.survey-question{font-size:21px}.survey-spark{right:10px;top:30px;font-size:50px}.method-combine{padding:90px 0}.combine-grid h2{font-size:48px;letter-spacing:-2.7px}.combine-grid p{font-size:16px}.combine-visual{height:340px}.combine-ring{width:300px;height:300px}.ring-two{width:190px}.label-feel{right:0}.label-say{left:0}.methods-privacy h2{font-size:46px}.methods-contact{padding:90px 0}.methods-contact h2{font-size:58px;letter-spacing:-3px}}