/* Approved v18 landing styles; unused member/preview selectors removed. */ #hugtone-landing{--wp-bg:#100e15;--wp-text:#eee5f4;--wp-muted:#b6a7c3;--wp-purple:#edbaff;--wp-teal:#71d7cd;--wp-line:#80608e36;--wp-glow:.8;color:var(--wp-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;width:100%;font-size:14px;line-height:1.5} #hugtone-landing *{box-sizing:border-box}#hugtone-landing [hidden]{display:none!important}#hugtone-landing :is(button,a),#hugtone-landing input,#hugtone-landing select,#hugtone-landing textarea{font:inherit}#hugtone-landing :is(button,a){cursor:pointer;color:inherit}#hugtone-landing :is(button,a):disabled{opacity:.45;cursor:default}#hugtone-landing :is(button,a){border:0;background:none}#hugtone-landing :is(button,a):focus-visible,#hugtone-landing input:focus-visible,#hugtone-landing textarea:focus-visible,#hugtone-landing select:focus-visible{outline:2px solid #71d7cd;outline-offset:4px}#hugtone-landing h1,#hugtone-landing h2,#hugtone-landing h3,#hugtone-landing p{margin:0}#hugtone-landing h1,#hugtone-landing h2,#hugtone-landing h3{color:var(--wp-text)}#hugtone-landing svg{width:18px!important;height:18px!important;flex-shrink:0}#hugtone-landing img{object-fit:contain}{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;color:#b6a7c3;font-size:11px;letter-spacing:1.2px}{display:flex;gap:5px;flex-wrap:wrap}{border:1px solid #80608e66;background:#17131e;color:#b6a7c3;padding:9px 13px;border-radius:9px;letter-spacing:0;font-size:12px}{color:#edbaff;background:#362341;border-color:#b480c0} #hugtone-landing .wp-product{position:relative;background:var(--wp-bg);isolation:isolate;overflow:hidden;min-height:760px}#hugtone-landing .wp-product:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 15%,#59336d42,transparent 42%),radial-gradient(ellipse at 3% 42%,#15585224,transparent 40%),radial-gradient(ellipse at 90% 90%,#60432514,transparent 35%);opacity:var(--wp-glow)}#hugtone-landing .wp-publicnav{height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--wp-line);padding:0 5%}#hugtone-landing .wp-wordmark{font-size:18px;letter-spacing:4.5px;font-weight:500;white-space:nowrap;padding:0}#hugtone-landing .wp-wordmark span{color:#edbaff}#hugtone-landing .wp-wordmark b{color:#71d7cd;font-weight:500}#hugtone-landing .wp-publicnav nav{display:flex;gap:24px;color:#c9b9d4;font-size:13px}#hugtone-landing .wp-publicnav nav :is(button,a):hover{color:#edbaff}#hugtone-landing .wp-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #89639777;border-radius:12px;padding:10px 16px;background:#201726;color:#e1c5ef}#hugtone-landing .wp-primary{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:linear-gradient(115deg,#edbaff,#bfa9e7 58%,#85d6d0);color:#302039;border:1px solid #ffffff22;border-radius:13px;padding:15px 20px;font-weight:600;box-shadow:0 8px 35px #bd78d51a}#hugtone-landing .wp-primary:hover{filter:brightness(1.07)}#hugtone-landing .wp-eyebrow{font-size:11px;letter-spacing:2.4px;color:#c2a0d0}{color:#b6a7c3;font-size:12px}{display:grid;grid-template-columns:1.02fr 1fr;min-height:605px;padding:34px 6% 40px;gap:20px;max-width:1400px;margin:auto}{align-self:center;position:relative;z-index:2}{font-size:clamp(43px,5.6vw,76px);font-weight:400;letter-spacing:-3px;line-height:1.07;margin:20px 0 24px}{font-style:normal;background:linear-gradient(100deg,#edbaff,#8edfd5);background-clip:text;-webkit-text-fill-color:transparent}{max-width:340px;font-size:16px;color:#c4b5cf;line-height:1.8}{display:flex;align-items:flex-start;flex-direction:column;gap:17px;margin-top:30px}#hugtone-landing .wp-textbutton{display:flex;align-items:center;gap:9px;font-size:13px;color:#d7b7e4;padding:0}{display:flex;align-items:center;gap:9px;margin-top:31px;color:#a598af;font-size:12px}{color:#83bbb0}{position:relative;min-width:0;min-height:530px;background:radial-gradient(ellipse at 50% 42%,#71d7cd14,transparent 55%)}{position:absolute;width:76%;height:490px;left:15%;top:3px;mix-blend-mode:screen;filter:drop-shadow(0 0 15px #71d7cd16);animation:wp-shimmer 7s ease-in-out infinite}{position:absolute;top:25px;left:0;z-index:2;font-size:10px;letter-spacing:2px;color:#9ee4d8;display:flex;flex-wrap:wrap;gap:7px;align-items:center;max-width:130px}{letter-spacing:0;color:#a6bfbf;font-size:11px;width:100%;margin-left:13px}{width:5px;height:5px;display:inline-block;border-radius:50%;background:#71d7cd;box-shadow:0 0 10px #71d7cd88;flex-shrink:0}{position:absolute;border:1px solid #9a74af25;inset:75px -8px 110px -8px;border-radius:50%;transform:rotate(-24deg);z-index:-1}{inset:96px -28px 130px -28px;transform:rotate(29deg);border-color:#71d7cd1f}{position:absolute;bottom:0;left:1%;right:0;padding:19px 22px;border:1px solid #b18cbb70;border-radius:21px;background:radial-gradient(ellipse at 100% 0,#754b7e44,transparent 75%),#211827;box-shadow:0 22px 40px #0005,inset 0 1px 0 #edbaff17;z-index:3}{display:flex;align-items:center;gap:11px}{width:43px;height:43px}{flex:1}{font-size:14px;font-weight:500;display:block}{font-size:12px;color:#edbaff}{font-size:30px;font-weight:500}{font-size:14px;color:#cb9cdb}{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}{color:#8ddad3;border:1px solid #71d7cd33;background:#71d7cd0a;border-radius:7px;padding:3px 9px;font-size:11px}{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0 0;border-top:1px solid #edbaff20;color:#e7c7f3;font-size:12px}#hugtone-landing .wp-how{padding:35px 6% 43px;border-top:1px solid var(--wp-line);background:#15101999}#hugtone-landing .wp-sectionline{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}#hugtone-landing h2{font-size:28px;font-weight:400;letter-spacing:-.7px;margin-top:8px}#hugtone-landing .wp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}#hugtone-landing .wp-steps article{border-top:1px solid #8d759333;padding-top:18px}{color:#91cac4;font-size:11px;letter-spacing:1px}#hugtone-landing h3{font-size:16px;font-weight:500;margin:9px 0}#hugtone-landing .wp-steps p{font-size:13px;line-height:1.8;color:#b6a7c3}#hugtone-landing .wp-price{padding:38px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--wp-line)}#hugtone-landing .wp-price p{font-size:13px;color:#b6a7c3;margin-top:10px}#hugtone-landing .wp-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 6%;border-top:1px solid var(--wp-line);font-size:11px;color:#a998b6}#hugtone-landing .wp-footer .wp-wordmark{font-size:12px} {height:76px;padding:0 26px}{font-size:16px}{display:flex;align-items:center;gap:8px;color:#b6a7c3;font-size:12px;margin-left:auto}{display:flex;align-items:center;gap:9px;font-size:12px;margin-left:15px}{display:grid;place-items:center;width:32px;height:32px;background:#422d4d;border:1px solid #9975a66b;border-radius:50%;color:#edbaff}{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:740px}{padding:30px 11px 20px;border-right:1px solid var(--wp-line);background:#17111be0;display:flex;flex-direction:column;gap:31px}{display:block;font-size:9px;letter-spacing:1.6px;color:#9f8cae;margin:0 12px 13px}{display:flex;align-items:center;text-align:left;gap:9px;width:100%;padding:11px 10px;margin:3px 0;font-size:11px;color:#bbabc6;border:1px solid transparent;border-radius:10px;min-height:43px}{width:22px;height:22px}{width:17px!important;height:17px!important;color:#b18cc1}{color:#edbaff;border-color:#b381c433;background:linear-gradient(105deg,#623b733d,#342139)}{background:#302139}{margin-left:auto;color:#debbeb;font-size:10px}{margin-top:auto;padding-top:32px}{padding:28px;min-width:0;max-width:1450px;width:100%;margin:0 auto}{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:12px}{font-size:36px;line-height:1.2;font-weight:400;letter-spacing:-1.4px;margin-top:9px}{display:flex;align-items:center;gap:8px;color:#bfaece;font-size:11px}{width:69px;height:61px;filter:drop-shadow(0 0 16px #bb80c522)}{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px}{padding-top:3px}{display:flex;align-items:center;gap:8px;border:1px solid #926ca244;border-radius:12px;background:#1d1625;padding:10px 11px;color:#b298bf}{width:100%;min-width:0;border:0;background:transparent;color:#eae2f2;font-size:13px;outline-offset:4px}#hugtone-landing input::placeholder,#hugtone-landing textarea::placeholder{color:#a691b5;opacity:1}{margin-top:25px;padding-top:21px;border-top:1px solid var(--wp-line)}{font-size:12px;line-height:1.7;color:#b6a7c3;margin-top:11px}{display:flex;gap:12px;align-items:center;font-size:12px}{font-weight:500;flex:1}#hugtone-landing input[role=switch]{appearance:none;position:relative;width:34px;height:20px;flex-shrink:0;border:1px solid #9b70af55;background:#3d2b49;border-radius:20px;cursor:pointer;margin:0}#hugtone-landing input[role=switch]:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#ad97b9;left:3px;top:3px;transition:transform .2s}#hugtone-landing input[role=switch]:checked{background:#9467a4}#hugtone-landing input[role=switch]:checked:before{transform:translateX(14px);background:#f1d6fc}{font-size:12px;color:#d8c1e3}{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:12px}{padding:8px 0;border:1px solid #80628f48;border-radius:8px;font-size:10px;background:#211829}{background:#51325f;border-color:#b388c6;color:#edbaff}{margin-top:27px;display:flex;align-items:flex-start;gap:9px;color:#a18aaf}{font-size:11px;line-height:1.7}{width:14px!important;height:14px!important;margin-top:3px}{display:flex;justify-content:space-between;align-items:center;color:#aa93b7;font-size:11px;margin:0 0 13px}{font-size:9px;letter-spacing:1.2px}{border:1px solid color-mix(in srgb,var(--tone) 30%,#33263d);border-radius:20px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--tone) 10%,transparent),transparent 65%),#19131f;margin-bottom:15px;overflow:hidden;box-shadow:inset 0 1px 0 #edbaff12;cursor:pointer}{box-shadow:0 8px 28px #0002,inset 0 1px 0 #edbaff1c}{display:flex;align-items:center;gap:12px;padding:19px 18px 4px;width:100%;text-align:left}{width:46px;height:46px;border:1px solid #edbaff30;border-radius:50%;display:grid;place-items:center;background:#edbaff08;flex-shrink:0}{width:34px;height:34px}{flex:1;min-width:0}{font-size:14px;font-weight:500;display:block}{font-size:11px;color:var(--tone);display:block;margin-top:2px}{font-size:9px!important;padding:1px 6px;border:1px solid #f687b344;border-radius:5px;color:#f687b3!important;background:#f687b312;display:inline-block!important;margin-top:6px!important}{color:#83bdf6!important;border-color:#83bdf64a;background:#83bdf612}{font-size:29px;font-weight:500;align-self:flex-start;line-height:1.3}{font-size:12px;color:var(--tone)}{margin:12px 18px 15px}{display:flex;width:100%;padding:12px 18px;border-top:1px solid #edbaff16;justify-content:space-between;align-items:center;font-size:11px;color:#d6b9e3}{padding:0 20px 19px;animation:wp-enter .5s ease}{height:115px;position:relative;display:grid;place-items:center}{position:absolute;width:77px;height:77px;border-radius:50%;border:1px solid #edbaff88;box-shadow:0 0 17px #edbaff10,inset 0 0 16px #edbaff0a;animation:wp-meetleft 1.1s cubic-bezier(.16,1,.3,1) both;transform:translateX(-23px)}{border-color:#71d7cd88;transform:translateX(23px);animation-name:wp-meetright}{width:84px;height:65px;z-index:1;animation:wp-enter 1s ease both}{font-size:13px;color:#dbc4e8;margin:0 0 15px}{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;margin-bottom:22px}{display:flex;justify-content:space-between;font-size:10px;color:#bba6c8;margin-bottom:6px;gap:5px}{font-weight:500;color:#e3d4ec}{display:block;height:3px;background:#614c6d40;border-radius:3px;overflow:hidden}{content:"";display:block;height:100%;width:var(--value);background:var(--bar,#edbaff);border-radius:3px}{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 9px;background:linear-gradient(110deg,#18312f,#172023);border:1px solid #71d7cd50;border-radius:12px;color:#93e2d8;font-size:12px}{width:24px;height:24px}{display:flex;gap:9px;margin-top:10px}{flex:1;border-radius:12px;border:1px solid #edbaff44;padding:10px 7px;font-size:11px;display:flex;justify-content:center;align-items:center;gap:5px;background:linear-gradient(110deg,#6d3a84,#54256a);color:#edbaff}{width:22px;height:22px}{background:#17251e;border-color:#68d39150;color:#8cdda9}{background:#68d3910f;border:1px solid #68d39133;border-radius:14px;margin-top:18px;padding:17px 15px;cursor:text}{color:#68d391;font-size:12px;display:flex;align-items:center;gap:8px;margin:0 0 10px}{font-size:12px;color:#eae2f2;line-height:1.9}{display:block;font-size:10px;color:#9fbaaa;margin-top:10px}{padding:10px 18px 15px;display:flex;align-items:center;gap:7px;font-size:11px;color:#c8afd5}{margin-right:auto}{border:1px solid #b386c450;padding:5px 10px;border-radius:7px}{background:#614075;color:#edbaff}{padding:30px 10px;text-align:center} {display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--wp-line)}{padding:10px 16px 15px;color:#b6a7c3;font-size:13px;border-bottom:2px solid transparent}{color:#edbaff;border-bottom-color:#edbaff}{font-size:10px;border:1px solid #9979a533;padding:1px 5px;border-radius:5px;margin-left:5px}{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,1.5fr);border:1px solid #89659640;border-radius:19px;overflow:hidden;background:#18111ed9}{border-right:1px solid var(--wp-line);padding:15px 10px;background:#1b1421}{padding:0 2px 10px}{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#aa92b7;padding:12px 3px 3px}{max-width:140px;border:0;background:#211829;color:#d6bbdf;font-size:10px;padding:4px;border-radius:5px}{display:block;width:100%;text-align:left;padding:15px 10px;border:1px solid transparent;border-radius:13px;margin-bottom:6px}{background:linear-gradient(130deg,#3a2547,#251b30);border-color:#c89adb66;box-shadow:inset 0 1px 0 #edbaff17}{display:flex;align-items:center;gap:10px}{width:39px;height:39px;border-radius:50%;background:#45324f;border:1px solid #af85ba77;color:#e8c9f4;display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-size:15px}{height:100%;width:100%;object-fit:cover}{flex:1;min-width:0}{font-size:13px;font-weight:500;display:block}{font-size:12px;color:#dfc2ee}{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9a7c6;font-size:11px;margin:11px 0 7px}{display:flex;justify-content:space-between;font-size:9px;color:#9d86ac}{width:5px;height:5px;background:#f687b3;border-radius:50%;margin-top:4px;box-shadow:0 0 8px #f687b344}{min-width:0;display:flex;flex-direction:column;min-height:575px;background:radial-gradient(ellipse at 90% 30%,#66397c14,transparent 65%),#151019}{display:flex;align-items:center;padding:17px 19px;gap:10px;border-bottom:1px solid var(--wp-line)}{flex:1;min-width:0}{font-size:14px;font-weight:500;display:block}{font-size:11px;color:#ba94cd}{padding:4px;color:#c4a9d2}{width:27px;height:27px}{flex:1;display:flex;flex-direction:column;gap:15px;padding:23px 21px}{text-align:center;color:#9c87a9;font-size:10px;margin-bottom:8px}{max-width:86%;align-self:flex-start;background:linear-gradient(120deg,#2d2237,#231c2c);border:1px solid #9473a028;padding:12px 14px;border-radius:15px 15px 15px 4px;font-size:13px;color:#e5d6ee;line-height:1.65;animation:wp-enter .35s ease}{align-self:flex-end;border-radius:15px 15px 4px 15px;background:linear-gradient(120deg,#603a76,#452752);border-color:#b388c342}{display:block;font-size:9px;color:#b79cc5;margin-top:5px;text-align:right}{color:#d3b7df}{display:flex;align-items:center;gap:10px;padding:14px 17px 5px;border-top:1px solid var(--wp-line)}{resize:vertical;min-width:0;flex:1;background:#24192d;border:1px solid #9772a446;border-radius:15px;padding:12px;color:#eedcf5;font-size:14px;min-height:49px;max-height:160px}{background:linear-gradient(130deg,#dca8ef,#8866a5);color:#25152c;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}{font-size:9px;text-align:center;color:#9b89a6;padding:5px 15px 12px}{border:1px solid #a67abb44;background:#281c31;border-radius:14px;padding:15px;margin:7px 0}{font-size:12px;line-height:1.7;color:#d6c0e0;margin:15px 0;border-left:2px solid #c898dc;padding-left:10px}{flex-wrap:wrap}{margin:auto;text-align:center;padding:40px 20px;color:#b6a7c3}{display:block;width:65px;height:65px;margin:0 auto 12px}{font-size:13px} {position:absolute;left:50%;transform:translateX(-50%);top:95px;z-index:12;width:max-content;max-width:85%;padding:12px 18px;border:1px solid #c49ed85c;background:#392441;color:#eed9f6;border-radius:12px;box-shadow:0 12px 35px #0006;font-size:12px}{position:absolute;inset:0;z-index:20;background:#09070fc9;display:flex;align-items:flex-start;justify-content:center;padding:130px 20px 40px}{width:100%;max-width:480px;background:#201728;border:1px solid #b688c16b;border-radius:22px;padding:30px;position:relative;box-shadow:0 25px 80px #0008}{position:absolute;right:15px;top:15px;color:#cbaad9;padding:5px}{font-size:25px;margin:12px 25px 18px 0}{font-size:13px;line-height:1.8;color:#cbb6d8;margin-bottom:18px}{display:block;color:#cbb6d8;font-size:12px;margin:17px 0}{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid #8e699e66;background:#19121f;border-radius:10px;color:#eae2f2}{width:100%;margin-top:9px}{width:100%;height:260px;display:block;background:#110f17;border-radius:16px;margin-bottom:18px}{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} @keyframes wp-shimmer{0%,100%{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes wp-enter{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes wp-meetleft{from{opacity:0;transform:translateX(-60px) scale(.8)}to{opacity:1;transform:translateX(-23px) scale(1)}}@keyframes wp-meetright{from{opacity:0;transform:translateX(60px) scale(.8)}to{opacity:1;transform:translateX(23px) scale(1)}} @media(min-width:1300px){{padding:35px 44px}{grid-template-columns:230px minmax(0,1fr);gap:32px}{grid-template-columns:repeat(3,1fr)}{grid-template-columns:315px 1fr}{grid-template-columns:205px minmax(0,1fr)}{font-size:12px}{font-size:11px}} @media(max-width:850px){{grid-template-columns:150px minmax(0,1fr)}{padding:23px 18px}{padding-left:6px;padding-right:6px}{font-size:10px;gap:6px;padding-left:8px}{grid-template-columns:1fr}{display:grid;grid-template-columns:1fr 1fr;gap:16px}{display:none}{margin:0;padding:0;border:0}{grid-column:1/-1}{max-width:320px}{display:none}{grid-template-columns:190px minmax(0,1fr)}{font-size:12px;padding:10px}{padding:20px 12px}{max-width:96%;font-size:12px}#hugtone-landing .wp-publicnav nav{gap:12px}{min-height:485px}{height:440px;width:90%;left:8%}{top:0}{left:-10%;padding:16px}{font-size:49px}{font-size:14px}#hugtone-landing .wp-primary{font-size:13px;padding:13px 15px}{padding:28px 5%;gap:12px}} @media(max-width:620px){{justify-content:center}{width:100%;text-align:center}#hugtone-landing .wp-publicnav{height:70px;padding:0 20px}#hugtone-landing .wp-publicnav nav{display:none}#hugtone-landing .wp-wordmark{font-size:16px;letter-spacing:3px}{grid-template-columns:1fr;padding:36px 24px 28px;gap:12px}{font-size:54px;margin-top:18px}{display:none}{max-width:400px}{min-height:510px;max-width:420px;width:100%;margin:auto}{height:450px;width:80%;left:14%;top:5px}{top:28px}{left:0;right:0;bottom:0}#hugtone-landing .wp-steps{grid-template-columns:1fr;gap:20px}#hugtone-landing .wp-sectionline{align-items:flex-start;flex-direction:column;gap:8px}#hugtone-landing .wp-price{flex-direction:column;align-items:flex-start}#hugtone-landing .wp-footer{flex-wrap:wrap}{padding:0 16px;height:67px}{display:none}{display:flex;flex-direction:column}{flex-direction:row;padding:7px 14px;border-right:0;border-bottom:1px solid var(--wp-line);gap:7px}{display:contents}{display:none}{width:auto;flex:1;justify-content:center;font-size:12px}{margin-left:5px}{padding:24px 16px}{font-size:31px}{margin-bottom:24px}{width:52px;height:52px}{grid-template-columns:1fr;gap:18px}{max-width:none}{min-height:40px;font-size:12px}{grid-column:auto}{font-size:16px}{grid-template-columns:1fr}{border-right:0;border-bottom:1px solid var(--wp-line)}{min-height:540px}{gap:0}{flex:1;padding:10px 4px;font-size:12px}{padding:15px}{font-size:14px}{font-size:16px}{padding:85px 12px}{padding:25px 20px}{top:78px}{font-size:10px}} @media(prefers-reduced-motion:reduce){#hugtone-landing *,#hugtone-landing *:before,#hugtone-landing *:after{animation:none!important;transition:none!important}} {animation:none!important} {position:relative;--wp-avatar:39px} {position:static;width:100%;height:100%;max-width:100%;object-fit:cover} {background-color:transparent} {height:390px;top:0;filter:none;mask-image:linear-gradient(to right,transparent 6%,#000 26%,#000 74%,transparent 94%)} {line-height:1.05} @media(min-width:1150px){ {display:grid;grid-template-columns:1.1fr 1fr;column-gap:24px} {grid-column:1/-1;height:92px} {grid-column:1;grid-row:2} {grid-column:1;grid-row:3;grid-template-columns:1fr 1fr} {grid-column:1;grid-row:4} {grid-column:1;grid-row:5} {grid-column:2;grid-row:2/6;margin-top:0;align-self:start} {font-size:16px} {font-size:13px} {font-size:14px;max-width:80%} {font-size:14px} } @media(max-width:620px){{height:375px}} {align-self:start} {font-size:clamp(36px,4.2vw,58px);line-height:1.12;letter-spacing:-2px;text-wrap:balance} {display:block;margin-top:.16em} @media(max-width:850px){{font-size:38px;letter-spacing:-1.3px}} @media(max-width:620px){{font-size:38px;line-height:1.14;letter-spacing:-1.2px}} #hugtone-landing .wp-product:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 8% 7%,#edbaff80 0 .7px,transparent 1.6px),radial-gradient(circle at 31% 22%,#71d7cd75 0 .6px,transparent 1.5px),radial-gradient(circle at 74% 4%,#fff6 0 1px,transparent 2px),radial-gradient(circle at 95% 16%,#edbaff77 0 .7px,transparent 1.7px),radial-gradient(circle at 47% 49%,#71d7cd88 0 .6px,transparent 1.5px),radial-gradient(circle at 16% 72%,#edbaff88 0 .7px,transparent 1.5px),radial-gradient(circle at 84% 67%,#edbaff66 0 .7px,transparent 1.6px),radial-gradient(circle at 76% 92%,#71d7cd66 0 .7px,transparent 1.8px);opacity:var(--wp-glow)} {background:radial-gradient(ellipse at 55% 30%,#71d7cd0b,transparent 65%);min-height:470px} {min-height:575px;padding-top:35px;padding-bottom:40px} {max-width:390px;font-size:15px;line-height:1.9} {position:absolute;top:0;left:0;right:0;height:330px;display:grid;place-items:center;isolation:isolate} #hugtone-landing .wp-mainheart{width:310px;max-width:88%;height:300px;filter:drop-shadow(0 0 19px #edbaff45) drop-shadow(0 0 45px #71d7cd27);animation:wp-heartbreathe 3.2s ease-in-out infinite} #hugtone-landing .wp-heartpulse{position:absolute;width:255px;height:255px;border:1px solid #edbaff70;border-radius:50%;animation:wp-originalpulse 3.2s ease-out infinite;z-index:-1} #hugtone-landing .wp-pulse2{border-color:#71d7cd70;animation-delay:1.6s} #hugtone-landing .wp-illustratedsteps{gap:20px;margin-top:30px} #hugtone-landing .wp-illustratedsteps article{border:1px solid #ad7bc63b;border-radius:20px;padding:24px;background:radial-gradient(ellipse at 85% 0%,#6f428324,transparent 75%),#1b1422;box-shadow:inset 0 1px 0 #edbaff0a} #hugtone-landing .wp-illustratedsteps article>img{width:78px;height:70px;margin:0 0 14px;filter:drop-shadow(0 0 14px #b780d722)} #hugtone-landing .wp-illustratedsteps article h3{font-size:17px;margin:0 0 12px;color:#e4c9ef} #hugtone-landing .wp-proximity{margin:38px 6%;padding:35px;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;border:1px solid #71d7cd45;border-radius:23px;background:radial-gradient(ellipse at 15% 50%,#36746e21,transparent 70%),#19151f;box-shadow:0 0 60px #71d7cd06} #hugtone-landing .wp-proximity h2{font-size:30px;line-height:1.3;margin:10px 0 20px} #hugtone-landing .wp-proximity em{font-style:normal;color:#8ee4da} #hugtone-landing .wp-proximity p{font-size:14px;line-height:1.9;color:#c4b2cf;margin-bottom:18px} #hugtone-landing .wp-proximity .wp-eyebrow{color:#86d8cd} #hugtone-landing .wp-proximityart{height:260px;position:relative;display:grid;place-items:center;isolation:isolate} #hugtone-landing .wp-proximityart img{width:270px;max-width:100%;height:220px;filter:drop-shadow(0 0 18px #c08dda26)} #hugtone-landing .wp-proximityring{position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid #edbaff42;transform:translateX(-34px);z-index:-1;box-shadow:0 0 24px #edbaff09} #hugtone-landing .wp-proximityring2{border-color:#71d7cd42;transform:translateX(34px)} #hugtone-landing .wp-price h2{font-size:24px;max-width:440px;line-height:1.4} {width:25px;height:25px;filter:drop-shadow(0 0 7px #b780d719)} @keyframes wp-heartbreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}} @keyframes wp-originalpulse{0%{opacity:.45;transform:scale(.8)}100%{opacity:0;transform:scale(1.45)}} @media(max-width:850px){#hugtone-landing .wp-mainheart{width:255px;height:270px}#hugtone-landing .wp-heartpulse{width:210px;height:210px}#hugtone-landing .wp-illustratedsteps article{padding:20px 17px}#hugtone-landing .wp-proximity{gap:20px;padding:25px}#hugtone-landing .wp-proximity h2{font-size:26px}} @media(max-width:620px){{padding-top:24px}{min-height:455px}{height:285px}#hugtone-landing .wp-mainheart{width:255px;height:255px}#hugtone-landing .wp-illustratedsteps article{display:grid;grid-template-columns:65px minmax(0,1fr);gap:0 15px;padding:23px 20px}#hugtone-landing .wp-illustratedsteps article>img{width:60px;height:60px;grid-row:1/3;align-self:center;margin:0}#hugtone-landing .wp-illustratedsteps article h3{font-size:16px;margin-bottom:8px}#hugtone-landing .wp-illustratedsteps article p{font-size:12px}#hugtone-landing .wp-proximity{grid-template-columns:1fr;gap:10px;padding:24px;margin:28px 6%}#hugtone-landing .wp-proximityart{height:170px}#hugtone-landing .wp-proximityart img{height:145px;width:190px}#hugtone-landing .wp-proximityring{width:130px;height:130px}#hugtone-landing .wp-proximity h2{font-size:25px}} #hugtone-landing .wp-footer{justify-content:center;gap:28px;padding:30px 6%;font-size:13px} #hugtone-landing .wp-footerlinks{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap} #hugtone-landing .wp-footerlinks a{color:#aa98b7;text-decoration:none} #hugtone-landing .wp-footerlinks a:hover{color:#edbaff;text-decoration:underline} #hugtone-landing .wp-footerlinks a:focus-visible{outline:2px solid #71d7cd;outline-offset:5px} @media(max-width:620px){#hugtone-landing .wp-footer{gap:15px}#hugtone-landing .wp-footer>span{width:100%;text-align:center}} #hugtone-landing [data-page=landing]>.wp-publicnav{max-width:1100px;margin:auto;padding:0 42px;height:82px;border:0} #hugtone-landing [data-page=landing]>.wp-publicnav .wp-outline{border:0;background:none;padding:12px 0;color:#b6a7c3;font-size:13px} #hugtone-landing [data-page=landing]>.wp-publicnav .wp-wordmark{font-size:15px;letter-spacing:4.5px} #hugtone-landing .wp-moodhero{position:relative;isolation:isolate;padding:22px 35px 62px;text-align:center;display:flex;align-items:center;flex-direction:column;background:radial-gradient(ellipse 480px 330px at 50% 20%,#58456715,transparent 85%);overflow:hidden} #hugtone-landing .wp-moodheart{position:relative;isolation:isolate;width:230px;height:230px;display:grid;place-items:center;margin:0 auto 22px} #hugtone-landing .wp-moodheart .wp-mainheart{width:185px;height:185px;max-width:none;filter:drop-shadow(0 0 22px #edbaff32) drop-shadow(0 0 55px #71d7cd25)} #hugtone-landing .wp-moodheart .wp-heartpulse{width:195px;height:195px;border-color:#edbaff38} #hugtone-landing .wp-moodheart .wp-pulse2{border-color:#71d7cd44} #hugtone-landing .wp-moodhero>.wp-eyebrow{color:#a99aae;font-size:10px;letter-spacing:3px;margin:0 0 21px} #hugtone-landing .wp-moodhero h1{max-width:1000px;font-size:clamp(33px,3.35vw,47px);font-weight:400;line-height:1.2;letter-spacing:-1.8px;margin:0;color:#e7dceb;text-wrap:balance} #hugtone-landing .wp-moodhero h1 em{display:block;font-style:normal;background:linear-gradient(100deg,#e5b4f9 15%,#b7b1e5 48%,#76d8d0 85%);background-clip:text;-webkit-text-fill-color:transparent;margin-top:3px} #hugtone-landing .wp-moodhero>p{max-width:540px;font-size:15px;color:#b5a8be;line-height:1.9;margin:33px auto 25px} #hugtone-landing .wp-moodactions{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px} #hugtone-landing .wp-moodactions :is(button,a){width:100%;min-height:49px;border-radius:14px;font-size:14px} #hugtone-landing .wp-moodactions .wp-outline{background:#1c1722;border-color:#8f7b9a55;color:#ddcbe7} #hugtone-landing .wp-moodhero>.wp-returning{font-size:11px;margin:18px 0 0;color:#92829d} #hugtone-landing .wp-returning :is(button,a){color:#71d7cd;padding:0 0 0 3px;font-size:inherit} #hugtone-landing .wp-moodstars{position:absolute;inset:0;z-index:-1;pointer-events:none} #hugtone-landing .wp-moodstars span{position:absolute;width:var(--s);height:var(--s);left:var(--x);top:var(--y);border-radius:50%;background:var(--star);opacity:.38;box-shadow:0 0 0 4px color-mix(in srgb,var(--star) 9%,transparent);animation:wp-softtwinkle 9s ease-in-out var(--delay) infinite alternate} #hugtone-landing .wp-illustratedsteps article:nth-child(2) .wp-textbutton{margin-top:18px;color:#ceaae0;font-size:12px} @keyframes wp-softtwinkle{from{opacity:.18}to{opacity:.55}} @media(min-width:1500px){#hugtone-landing .wp-moodhero{padding-top:37px;padding-bottom:75px}#hugtone-landing .wp-moodheart{margin-bottom:28px}} @media(max-width:850px){#hugtone-landing .wp-moodhero h1{font-size:36px;max-width:700px}#hugtone-landing .wp-moodhero{padding-left:25px;padding-right:25px}} @media(max-width:620px){#hugtone-landing [data-page=landing]>.wp-publicnav{height:70px;padding:0 22px}#hugtone-landing .wp-moodhero{padding:12px 23px 43px}#hugtone-landing .wp-moodheart{width:180px;height:190px;margin-bottom:20px}#hugtone-landing .wp-moodheart .wp-mainheart{width:155px;height:155px}#hugtone-landing .wp-moodheart .wp-heartpulse{width:165px;height:165px}#hugtone-landing .wp-moodhero>.wp-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:19px}#hugtone-landing .wp-moodhero h1{font-size:32px;letter-spacing:-1.25px;line-height:1.2}#hugtone-landing .wp-moodhero h1 em{margin-top:8px}#hugtone-landing .wp-moodhero>p{font-size:13px;line-height:1.9;margin:25px auto 23px}#hugtone-landing .wp-moodactions :is(button,a){font-size:13px}#hugtone-landing .wp-moodhero>.wp-returning{margin:16px auto 0}} #hugtone-landing .wp-encounter{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;padding:66px 6%;border-top:1px solid #b287c51c;background:radial-gradient(ellipse at 80% 55%,#6e45752b,transparent 60%),#120f18} #hugtone-landing .wp-encounter h2{font-size:clamp(26px,3.1vw,40px);font-weight:400;letter-spacing:-1px;line-height:1.35;margin:0 0 23px} #hugtone-landing .wp-encounter h2 em{font-style:normal;color:#cab1d9} {color:#b5a8be;font-size:14px;line-height:1.9;max-width:400px;margin-bottom:14px} #hugtone-landing #wp-play-encounter{margin-top:11px;min-width:166px;min-height:45px;font-size:12px} {position:relative;min-width:0;min-height:340px;border:1px solid #b184c138;border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#3a2b4624,transparent 70%),#15111c;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px 15px;isolation:isolate;box-shadow:inset 0 1px 0 #edbaff0c} {color:#a38aad;letter-spacing:1.7px;font-size:9px;text-align:center} {position:relative;height:210px;display:flex;align-items:center;justify-content:space-between;padding:0 10px} {content:"";position:absolute;left:12%;right:12%;top:99px;height:1px;background:linear-gradient(90deg,transparent,#9c799849,transparent);z-index:-1} {position:absolute;left:9%;top:59px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform 2.7s cubic-bezier(.45,0,.2,1),opacity 1.2s;font-size:12px;color:#ccb1dc;z-index:2} {left:auto;right:9%;color:#9dcfc7} {display:grid;place-items:center;width:68px;height:68px;border:1px solid #bf8cd176;border-radius:50%;background:#2b1d36;position:relative} {border-color:#71d7cd70;background:#182d2d} {width:45px;height:45px} {content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid currentColor;opacity:0} {position:absolute;left:50%;top:28px;transform:translate(-50%,12px);opacity:0;transition:opacity 1.2s,transform 1.2s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none} {width:110px;height:78px;filter:drop-shadow(0 0 20px #bf8bd738)} {font-size:43px;font-weight:400;color:#e9d7f4;line-height:1.1} {font-size:17px;color:#82d7cf} {font-size:9px;white-space:nowrap;color:#aa9ab8} {text-align:center;color:#d8c2e4;font-size:17px;min-height:29px;font-weight:400} {transform:translateX(-5px)} {transform:translateX(5px)} {transform:translateX(23px)} {transform:translateX(-23px)} {animation:wp-encounterpulse 2s ease-out 2} {animation-delay:.5s} {transform:translateX(-12px);opacity:.65} {transform:translateX(12px);opacity:.65} {transform:translate(-50%,0);opacity:1} #hugtone-landing [data-phase=together]{background:radial-gradient(ellipse at 50% 40%,#744c8330,transparent 68%),#15111c} @keyframes wp-encounterpulse{from{opacity:.45;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}} #hugtone-landing .wp-proof{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;padding:55px 6%;border-top:1px solid #b184c122} #hugtone-landing .wp-proof h2{font-size:32px;line-height:1.3;margin:15px 0 21px} #hugtone-landing .wp-proofcopy>p{font-size:14px;color:#b7a5c1;line-height:1.8;margin-bottom:24px} {display:flex;align-items:center;gap:12px;padding-bottom:22px} {width:53px;height:46px} {flex:1;min-width:0} {display:block;color:#e7c9f1;font-size:15px;font-weight:500} {font-size:11px;color:#aa92b7} {font-size:34px;font-weight:400;color:#eadaf2} {font-size:14px;color:#c798d8} {padding:20px 17px;margin-top:18px;min-height:139px;background:#68d3910f;border:1px solid #68d39133;border-radius:15px} {font-size:13px;color:#68d391;margin:0 0 9px} {font-size:13px;line-height:1.85;color:#e2d6e9} {font-size:10px;color:#a994b7;margin-top:12px;text-align:center} {display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:10px 6% 45px} {display:flex;align-items:flex-start;gap:20px;padding:23px 0;border-top:1px solid #9e79af32} {width:73px;height:73px;flex-shrink:0} {font-size:24px;margin:0 0 12px} {font-size:13px;color:#bba8c6;line-height:1.8;max-width:360px} #hugtone-landing .wp-presencecopy{display:flex;align-items:center;justify-content:center;padding:0 6% 32px;gap:12px} #hugtone-landing .wp-presencecopy img{width:31px;height:31px} #hugtone-landing .wp-presencecopy p{font-size:12px;line-height:1.8;color:#b3a1bf;max-width:610px} @media(max-width:850px){#hugtone-landing .wp-encounter{gap:25px;padding:44px 5%}#hugtone-landing .wp-encounter h2{font-size:29px}#hugtone-landing .wp-proof{gap:24px;padding:40px 5%}#hugtone-landing .wp-proof h2{font-size:26px}{gap:24px}{gap:13px}{width:55px;height:55px}} @media(max-width:620px){#hugtone-landing .wp-encounter,#hugtone-landing .wp-proof{grid-template-columns:1fr;gap:28px;padding:38px 23px}#hugtone-landing .wp-encounter h2{font-size:28px}{min-height:300px}{left:4%}{left:auto;right:4%}{height:200px}{width:57px;height:57px}{width:38px;height:38px}{width:94px;height:72px}{font-size:36px}{grid-template-columns:1fr;gap:5px;padding:0 23px 25px}{padding:25px 0}#hugtone-landing .wp-presencecopy{align-items:flex-start;padding:0 23px 28px}} #hugtone-landing .wp-townencounter{display:block;padding:64px 5% 50px;background:radial-gradient(ellipse at 70% 75%,#45334920,transparent 65%),#120f18} #hugtone-landing .wp-townheading{display:flex;justify-content:space-between;gap:36px;align-items:center;margin-bottom:30px} #hugtone-landing .wp-townheading h2{font-size:clamp(26px,3vw,38px);line-height:1.3;margin:0;max-width:620px} #hugtone-landing .wp-townintro{flex:0 1 355px} #hugtone-landing .wp-townintro p{font-size:13px;line-height:1.85;color:#bcacc6;margin:0 0 16px} #hugtone-landing .wp-townbuttons{display:flex;gap:9px;flex-wrap:wrap} #hugtone-landing .wp-townbuttons .wp-outline{margin:0!important;font-size:11px;min-height:42px;padding:10px 15px} #hugtone-landing #wp-encounter-sound{color:#8ad3c9;min-width:85px;border-color:#71d7cd50} #hugtone-landing #wp-encounter-sound[aria-pressed=false]{color:#b4a2c0;border-color:#b4a2c040} #hugtone-landing .wp-townstage{position:relative;isolation:isolate;width:100%;aspect-ratio:1000/600;border:1px solid #ab88c53b;border-radius:22px;overflow:hidden;background:#191625;box-shadow:0 22px 80px #08060c50} #hugtone-landing #wp-town-canvas{display:block;width:100%;height:100%;object-fit:cover} {position:absolute;left:25px;top:23px;font-size:9px;letter-spacing:2px;color:#cfb7df;pointer-events:none} {position:absolute;bottom:0;left:0;right:0;padding:26px 25px 19px;display:flex;gap:12px;align-items:center;background:linear-gradient(transparent,#100e1bd9);pointer-events:none;font-size:10px;color:#bba9cc} {font-style:italic;color:#dac8e5;font-family:Georgia,serif;font-size:15px;letter-spacing:.15px} {border-left:1px solid #93809e60;padding-left:12px} #hugtone-landing .wp-townsr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #hugtone-landing .wp-illustratedsteps article>img[data-art=RHIANNON]{height:116px;width:92px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px #71d7cd20);margin-top:-12px;margin-bottom:2px} @media(max-width:850px){#hugtone-landing .wp-townheading{display:block}#hugtone-landing .wp-townintro{margin-top:22px}#hugtone-landing .wp-townintro p br{display:none}#hugtone-landing .wp-townintro p{max-width:520px}{top:37%}} @media(max-width:620px){#hugtone-landing .wp-townencounter{padding:38px 18px}#hugtone-landing .wp-townheading h2{font-size:27px}#hugtone-landing .wp-townstage{aspect-ratio:4/3;border-radius:15px}{left:14px;top:15px;font-size:8px;letter-spacing:1.1px}{padding:23px 13px 12px;gap:8px}{font-size:12px}{font-size:9px;padding-left:8px}{top:33%;gap:5px}{width:43px;height:35px}{font-size:25px}{font-size:12px}{font-size:8px}} @media(prefers-reduced-motion:reduce){{transition:none}} #hugtone-landing .wp-fieldproof{grid-template-columns:minmax(300px,.6fr) minmax(0,1.4fr);gap:30px;padding-bottom:35px} #hugtone-landing .wp-fieldexample{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 44%,#2b26353b,transparent 68%);border-radius:24px} #hugtone-landing .wp-fieldlegend{display:flex;justify-content:center;gap:24px;margin:-8px 0 22px;font-size:11px;color:#cab3d5} #hugtone-landing .wp-fieldlegend span{display:flex;align-items:center;gap:8px} #hugtone-landing .wp-fieldlegend b{width:6px;height:6px;background:#edbaff;border-radius:50%;box-shadow:0 0 12px #edbaff88} #hugtone-landing .wp-fieldlegend span+span b{background:#71d7cd;box-shadow:0 0 12px #71d7cd88} #hugtone-landing .wp-friendships{padding:50px 6% 46px;border-top:1px solid #aa80bc28;background:radial-gradient(ellipse at 10% 25%,#426c6720,transparent 58%)} #hugtone-landing .wp-friendshipsintro{display:flex;align-items:center;gap:27px;margin-bottom:35px} #hugtone-landing .wp-friendshipsintro img{width:110px;height:110px;object-fit:contain} #hugtone-landing .wp-friendshipsintro h2{font-size:31px;font-weight:400;line-height:1.25;margin:10px 0 0} #hugtone-landing .wp-friendshipfeatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px} #hugtone-landing .wp-friendshipfeatures article{padding-top:21px;border-top:1px solid #75c8bc48} #hugtone-landing .wp-friendshipfeatures article:nth-child(2){border-color:#cbb78350} #hugtone-landing .wp-friendshipfeatures article:nth-child(3){border-color:#c18fd448} #hugtone-landing .wp-friendshipfeatures h3{font-size:19px;font-weight:400;color:#a7ded5;margin:0 0 14px} #hugtone-landing .wp-friendshipfeatures article:nth-child(2) h3{color:#d2bf94} #hugtone-landing .wp-friendshipfeatures article:nth-child(3) h3{color:#d8b6e7} #hugtone-landing .wp-friendshipfeatures p{font-size:13px;line-height:1.9;color:#bdaac8;margin:0} #hugtone-landing .wp-soullinkfeature{display:flex;align-items:center;gap:30px;padding:35px 8% 48px;background:radial-gradient(ellipse at 85% 40%,#77528c17,transparent 75%)} #hugtone-landing .wp-soullinkfeature>img{width:140px;height:140px;flex-shrink:0} #hugtone-landing .wp-soullinkfeature h2{font-size:clamp(25px,3vw,36px);font-weight:400;line-height:1.3;max-width:760px;margin:13px 0 0;letter-spacing:-.6px} @media(max-width:750px){#hugtone-landing .wp-fieldproof{grid-template-columns:1fr;gap:15px}#hugtone-landing .wp-fieldexample{max-width:none;width:100%;margin:auto}#hugtone-landing .wp-friendshipfeatures{grid-template-columns:1fr;gap:25px}#hugtone-landing .wp-friendshipsintro img{width:80px;height:80px}#hugtone-landing .wp-friendshipsintro h2{font-size:27px}#hugtone-landing .wp-soullinkfeature{gap:20px;padding:30px 6% 42px}#hugtone-landing .wp-soullinkfeature>img{width:85px;height:85px}} #hugtone-landing .wp-illustratedsteps article{display:block} #hugtone-landing .wp-stepart{height:136px;display:flex;align-items:center;justify-content:center;margin:0 0 20px;isolation:isolate} #hugtone-landing .wp-stepart>img{display:block;width:100px;height:100px;object-fit:contain;margin:0;filter:drop-shadow(0 0 14px #b780d722)} #hugtone-landing .wp-stepart>img[data-art=RHIANNON]{width:96px;height:136px;object-fit:contain;margin:0;mix-blend-mode:normal;filter:url(#wp-rhiannon-clear-background) drop-shadow(0 0 5px #71d7cd18)} #hugtone-landing #wp-music-status[hidden]{display:none!important} @media(max-width:620px){#hugtone-landing .wp-illustratedsteps article{display:block;padding:23px 20px}#hugtone-landing .wp-stepart{height:126px;margin:0 0 20px}#hugtone-landing .wp-stepart>img[data-art=RHIANNON]{height:126px;width:90px}} #hugtone-landing .wp-townstage:after{content:"";position:absolute;inset:0;background:#100b2075;opacity:0;transition:opacity .6s;pointer-events:none} #hugtone-landing .wp-townstage[data-phase=alert]:after,#hugtone-landing .wp-townstage[data-phase=call]:after{opacity:1} #hugtone-landing .wp-townlogo{position:absolute;left:50%;top:48%;z-index:2;transform:translate(-50%,-45%);opacity:0;transition:opacity 1.5s,transform 1.5s;display:flex;align-items:center;flex-direction:column;pointer-events:none} #hugtone-landing .wp-townlogo>img{width:200px;height:180px;object-fit:contain;filter:drop-shadow(0 0 26px #71d7cd35)} #hugtone-landing .wp-townlogo>div{font-size:24px;letter-spacing:7px;font-weight:400;margin-top:20px;white-space:nowrap} #hugtone-landing .wp-townlogo span{color:#edbaff} #hugtone-landing .wp-townlogo b{color:#71d7cd;font-weight:400} #hugtone-landing .wp-townstage[data-phase=ending] .wp-townlogo{opacity:1;transform:translate(-50%,-50%)} {transition:opacity 1s} {opacity:0} @media(max-width:620px){#hugtone-landing .wp-townlogo>img{width:115px;height:105px}#hugtone-landing .wp-townlogo>div{font-size:16px;letter-spacing:5px;margin-top:12px}} #hugtone-landing .wp-scenephone{position:absolute;z-index:2;top:47%;width:188px;height:322px;padding:4px;border:1px solid #bcb3cb;border-radius:29px;background:linear-gradient(130deg,#524b60,#15111e 42%,#736b80);box-shadow:0 16px 38px #08040b80;transform:translate(-50%,-44%);opacity:0;transition:opacity .65s,transform .85s cubic-bezier(.2,.75,.25,1);pointer-events:none} #hugtone-landing .wp-scenephone-julia{left:20%} #hugtone-landing .wp-scenephone-ryan{left:80%} #hugtone-landing .wp-townstage[data-phase=alert] .wp-scenephone,#hugtone-landing .wp-townstage[data-phase=call] .wp-scenephone{opacity:1;transform:translate(-50%,-50%)} #hugtone-landing .wp-scenephoneglass{position:relative;height:100%;border:1px solid #08060d;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 0 100%,#21433c65,transparent 68%),radial-gradient(ellipse at 100% 0,#54356855,transparent 70%),#110e19;color:#f8f2fc;text-align:center} #hugtone-landing .wp-phoneisland{position:absolute;width:48px;height:11px;left:50%;top:7px;transform:translateX(-50%);border-radius:9px;background:#050408} #hugtone-landing .wp-incoming-label{font-size:11px;color:#d2c7dd;margin-top:32px;letter-spacing:.4px} #hugtone-landing .wp-incoming-name{font-size:17px;line-height:1.2;margin-top:9px;color:#dfd4e9} #hugtone-landing .wp-incoming-name strong{display:block;margin-top:2px;font-size:30px;line-height:1.15;font-weight:500;letter-spacing:-.5px;color:#fff7ff} #hugtone-landing .wp-phoneglow{position:absolute;left:50%;top:50%;width:86px;height:80px;transform:translate(-50%,-50%);display:grid;place-items:center} #hugtone-landing .wp-phoneglow img{width:78px;height:74px;object-fit:contain;filter:drop-shadow(0 0 10px #71d7cd24)} #hugtone-landing .wp-phoneanswer{position:absolute;left:28px;right:28px;bottom:49px;display:flex;justify-content:space-between;transition:opacity .25s} #hugtone-landing .wp-phoneanswer>span{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white} #hugtone-landing .wp-phoneanswer svg{width:20px;height:20px} #hugtone-landing .wp-reject{background:#c44768} #hugtone-landing .wp-reject svg{transform:rotate(135deg)} #hugtone-landing .wp-answer{background:#42977d} #hugtone-landing .wp-phoneanswer small{position:absolute;top:46px;left:50%;transform:translateX(-50%);font-size:11px;color:#eee4f5} #hugtone-landing .wp-phonehome{position:absolute;bottom:8px;left:50%;width:54px;height:3px;transform:translateX(-50%);border-radius:3px;background:#ddd4e780} #hugtone-landing .wp-townstage[data-phase=call] .wp-phoneanswer{opacity:0} #hugtone-landing .wp-townstage:after{background:#100b2030} @media(max-width:850px) and (min-width:621px){#hugtone-landing .wp-scenephone{zoom:.86}#hugtone-landing .wp-scenephone-julia{left:18%}#hugtone-landing .wp-scenephone-ryan{left:82%}} @media(max-width:620px){ #hugtone-landing .wp-scenephone{width:108px;height:211px;padding:3px;border-radius:19px;top:47%} #hugtone-landing .wp-scenephone-julia{left:18%}#hugtone-landing .wp-scenephone-ryan{left:82%} #hugtone-landing .wp-scenephoneglass{border-radius:15px} #hugtone-landing .wp-phoneisland{width:29px;height:7px;top:5px} #hugtone-landing .wp-incoming-label{font-size:10px;letter-spacing:0;margin-top:19px} #hugtone-landing .wp-incoming-name{font-size:12px;margin-top:5px} #hugtone-landing .wp-incoming-name strong{font-size:23px;margin-top:1px} #hugtone-landing .wp-phoneglow{top:50%;width:55px;height:52px} #hugtone-landing .wp-phoneglow img{width:52px;height:50px} #hugtone-landing .wp-phoneanswer{left:11px;right:11px;bottom:32px} #hugtone-landing .wp-phoneanswer>span{width:28px;height:28px} #hugtone-landing .wp-phoneanswer svg{width:15px;height:15px} #hugtone-landing .wp-phoneanswer small{top:31px;font-size:10px} #hugtone-landing .wp-phonehome{bottom:5px;width:32px;height:2px} } @media(prefers-reduced-motion:reduce){#hugtone-landing .wp-townlogo,#hugtone-landing .wp-scenephone,#hugtone-landing .wp-townstage:after{transition:none}} #hugtone-landing .wp-matchscreen{position:absolute;inset:0;background:radial-gradient(circle at 95% 5%,#b794f61a,transparent 45%),radial-gradient(circle at 0 100%,#edbaff15,transparent 42%),radial-gradient(circle at 50% 45%,#71d7cd12,transparent 58%),#0f0d13;opacity:0;transition:opacity .45s;pointer-events:none;overflow:hidden} #hugtone-landing .wp-townstage[data-phase=call] .wp-matchscreen{opacity:1} #hugtone-landing .wp-townstage[data-phase=call] .wp-scenephone{height:410px;width:204px} #hugtone-landing .wp-scenephone{transition:opacity .65s,transform .85s cubic-bezier(.2,.75,.25,1),height .45s,width .45s} #hugtone-landing .wp-phoneisland,#hugtone-landing .wp-phonehome{z-index:3} #hugtone-landing .wp-matchcontent{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;padding:26px 14px 15px;box-sizing:border-box;color:#eae2f2} #hugtone-landing .wp-matchcategory{font-size:8px;letter-spacing:1.6px;color:#afa8b7} #hugtone-landing .wp-matchscore{font-size:35px;line-height:1.15;font-weight:500;letter-spacing:-1px;color:#b794f6;margin:3px 0} #hugtone-landing .wp-matchscore span{font-size:27px} #hugtone-landing .wp-matchhero{font-size:11px;line-height:1.35;opacity:.8} #hugtone-landing .wp-matchidentity{position:relative;display:flex;align-items:center;flex-direction:column;margin:17px 0 19px} #hugtone-landing .wp-matchhalo{position:absolute;width:116px;height:116px;border-radius:50%;border:1px solid #ffd7008c;top:-12px;left:50%;transform:translateX(-50%)} #hugtone-landing .wp-matchportrait{position:relative;width:72px;height:72px;border-radius:50%;border:2px solid #2e2a37;background:#211e28} #hugtone-landing .wp-matchidentity>strong{font-size:19px;font-weight:500;line-height:1.2;margin-top:6px} #hugtone-landing .wp-matchtone{width:100%;box-sizing:border-box;border:1px solid #4a4652;background:#2b263599;border-radius:10px;padding:8px 4px;display:flex;flex-direction:column;gap:3px} #hugtone-landing .wp-matchtone strong{color:#b794f6;font-size:10px;letter-spacing:.8px;font-weight:500} #hugtone-landing .wp-matchtone>span{color:#afa8b7;font-size:10px} #hugtone-landing .wp-matchstatus{display:flex;align-items:center;gap:4px;border-radius:20px;border:1px solid #4a4652;background:#2b263580;padding:4px 7px;color:#afa8b7;font-size:7px;letter-spacing:1px;margin:9px 0} #hugtone-landing .wp-matchstatus>span{width:4px;height:4px;background:#71d7cd;border-radius:50%} #hugtone-landing .wp-matchdismiss{margin-top:auto;border-radius:30px;background:linear-gradient(100deg,#edbaff,#c8c2ef 65%,#abcbdc);color:#54256a;font-size:12px;font-weight:500;padding:8px 27px;line-height:1} #hugtone-landing .wp-matchrings{position:absolute;left:50%;top:46%} #hugtone-landing .wp-matchrings span{position:absolute;width:130px;height:130px;left:-65px;top:-65px;border:1px solid #b794f6;border-radius:50%;opacity:0;animation:wp-match-ripple 3s ease-out infinite;animation-play-state:paused} #hugtone-landing .wp-matchrings span:nth-child(2){animation-delay:1s} #hugtone-landing .wp-matchrings span:nth-child(3){animation-delay:2s} #hugtone-landing .wp-townstage[data-phase=call] .wp-matchrings span{animation-play-state:running} @keyframes wp-match-ripple{from{opacity:.3;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}} @media(max-width:620px){ #hugtone-landing .wp-townstage{min-height:500px} #hugtone-landing .wp-scenephone{top:26%} #hugtone-landing .wp-townstage[data-phase=call] .wp-scenephone{height:262px;width:108px;top:27%} #hugtone-landing .wp-matchcontent{padding:17px 6px 10px} #hugtone-landing .wp-matchcategory{font-size:6px;letter-spacing:.7px} #hugtone-landing .wp-matchscore{font-size:25px;line-height:1.1;margin:2px 0} #hugtone-landing .wp-matchscore span{font-size:19px} #hugtone-landing .wp-matchhero{font-size:8px;line-height:1.2} #hugtone-landing .wp-matchidentity{margin:10px 0 10px} #hugtone-landing .wp-matchportrait{width:47px;height:47px;border-width:1px} #hugtone-landing .wp-matchhalo{width:76px;height:76px;top:-7px} #hugtone-landing .wp-matchidentity>strong{font-size:13px;margin-top:3px} #hugtone-landing .wp-matchtone{border-radius:6px;padding:4px 1px;gap:2px} #hugtone-landing .wp-matchtone strong{font-size:7px;letter-spacing:.2px} #hugtone-landing .wp-matchtone>span{font-size:8px} #hugtone-landing .wp-matchstatus{font-size:5px;letter-spacing:.4px;padding:3px 4px;margin:5px 0} #hugtone-landing .wp-matchdismiss{font-size:10px;padding:6px 18px} } @media(prefers-reduced-motion:reduce){#hugtone-landing .wp-matchrings span{animation:none}#hugtone-landing .wp-matchscreen,#hugtone-landing .wp-scenephone{transition:none}} #hugtone-landing .wp-fieldmetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 25px;margin:28px 0 25px} #hugtone-landing .wp-fieldmetrics>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px 8px} #hugtone-landing .wp-fieldmetrics dt{color:#d6c8df;font-size:12px;line-height:1.45} #hugtone-landing .wp-fieldmetrics dd{margin:0;font-size:23px;line-height:1;color:#f0e6f5;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.6px} #hugtone-landing .wp-fieldmetrics dd>span{font-size:12px;color:#ad99ba;margin-left:2px} #hugtone-landing .wp-metrictrack{grid-column:1 / 3;height:3px;background:#b997ca22;border-radius:3px;overflow:hidden} #hugtone-landing .wp-metrictrack>span{display:block;height:100%;background:linear-gradient(90deg,#edbaff,#71d7cd)} @media(max-width:400px){#hugtone-landing .wp-fieldmetrics{gap:20px 17px}#hugtone-landing .wp-fieldmetrics>div{grid-template-columns:1fr;gap:7px}#hugtone-landing .wp-fieldmetrics dt{min-height:35px}#hugtone-landing .wp-fieldmetrics dd{font-size:24px}#hugtone-landing .wp-metrictrack{grid-column:1}} #hugtone-landing #wp-nativefield .axis-labels { position: absolute; inset: 0; pointer-events: none; z-index: 5; opacity: 0; transition: opacity 0.4s ease; } #hugtone-landing #wp-nativefield .axis-labels.visible { opacity: 1; } #hugtone-landing #wp-nativefield .axis-label { position: absolute; transform: translate(-50%, -50%); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.55); white-space: nowrap; text-shadow: 0 0 8px rgba(0,0,0,0.85); cursor: pointer; pointer-events: auto; } #hugtone-landing #wp-nativefield .axis-label:hover { color: rgba(255,255,255,0.95); } #hugtone-landing #wp-nativefield .dim-panel { position: absolute; top: 90px; left: 50%; transform: translateX(-50%) translateY(-12px); width: 320px; background: rgba(18, 14, 22, 0.78); backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 22px 26px; opacity: 0; pointer-events: none; transition: opacity 0.25s ease, transform 0.25s ease; z-index: 20; } #hugtone-landing #wp-nativefield .dim-panel.visible { opacity: 1; transform: translateX(-50%) translateY(0); } #hugtone-landing #wp-nativefield .dim-panel-kind { font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase; color: rgba(255,255,255,0.42); font-weight: 500; margin-bottom: 4px; } #hugtone-landing #wp-nativefield .dim-panel-name { font-size: 22px; font-weight: 300; letter-spacing: -0.01em; color: rgba(255,255,255,0.95); margin-bottom: 16px; } #hugtone-landing #wp-nativefield .dim-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-top: 1px solid rgba(255,255,255,0.06); } #hugtone-landing #wp-nativefield .dim-row:first-of-type { border-top: none; padding-top: 4px; } #hugtone-landing #wp-nativefield .dim-row .name { font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.55); font-weight: 500; } #hugtone-landing #wp-nativefield .dim-row .val { font-size: 16px; font-weight: 400; letter-spacing: -0.005em; font-variant-numeric: tabular-nums; } #hugtone-landing #wp-nativefield .dim-row .val.you { color: #00dbe7; } { color: #edbaff; } #hugtone-landing #wp-nativefield .dim-row.alignment { padding-top: 14px; margin-top: 6px; border-top: 1px solid rgba(255,255,255,0.12); } #hugtone-landing #wp-nativefield .dim-row.alignment .val { font-size: 20px; background: linear-gradient(135deg, #edbaff 0%, #00dbe7 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 300; } #hugtone-landing #wp-nativefield .dim-panel-desc { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.06); font-size: 12.5px; line-height: 1.6; color: rgba(255,255,255,0.72); letter-spacing: 0.005em; font-weight: 350; } { display: none; } #hugtone-landing #wp-nativefield .btns :is(button,a) { background: rgba(21,18,25,0.7); color: #eae2f2; border: 1px solid rgba(74,70,82,0.5); border-radius: 18px; padding: 9px 13px; font: 600 12px -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; backdrop-filter: blur(10px); } #hugtone-landing #wp-nativefield .btns :is(button,a).on { border-color: #71d7cd; color: #71d7cd; } #hugtone-landing #wp-nativefield{background:#000;border-radius:24px;padding-bottom:20px;overflow:hidden} #hugtone-landing #native-stage{position:relative;width:100%;height:540px;overflow:hidden;background:#000} #hugtone-landing #scene{display:block;width:100%;height:100%;touch-action:none} #hugtone-landing #wp-nativefield .axis-label{border:0;background:transparent;padding:3px;font-family:inherit} #hugtone-landing #wp-nativefield .dim-panel{top:15px;width:min(320px,calc(100% - 24px));background:#120e16f2;box-sizing:border-box} #hugtone-landing #wp-nativefield .dim-panel.visible{pointer-events:auto} #hugtone-landing #wp-nativefield .dim-panel-desc:empty{display:none} #hugtone-landing #native-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#d8cae2;font-size:22px;width:30px;height:30px} #hugtone-landing #wp-nativefield .btns{display:flex;justify-content:center;gap:8px;margin-top:14px} #hugtone-landing #wp-nativefield .wp-fieldlegend{margin:10px 0 18px} #hugtone-landing #wp-nativefield .native-mode{color:#aaa0b4;font-size:10px;letter-spacing:2px;text-transform:uppercase;text-align:center} #hugtone-landing #native-loading{position:absolute;inset:0;display:grid;place-items:center;background:#000;color:#b9a8c4;font-size:13px} #hugtone-landing #native-loading[hidden]{display:none} @media(max-width:620px){#hugtone-landing #native-stage{height:430px}#hugtone-landing #wp-nativefield .axis-label{font-size:8px}#hugtone-landing #wp-nativefield .btns{gap:5px}#hugtone-landing #wp-nativefield .btns :is(button,a){padding:9px 10px;font-size:10px}} @media(max-width:900px){#hugtone-landing .wp-fieldproof{grid-template-columns:1fr}} /* Production semantics, focus visibility, and motion lifecycle. */ html { color-scheme: dark; } body { background: #100e15; } #hugtone-landing a { text-decoration: none; } #hugtone-landing a:focus-visible { outline:2px solid #71d7cd;outline-offset:4px; } #hugtone-landing .wp-moodactions a { width:100%;min-height:49px;border-radius:14px;font-size:14px; } #hugtone-landing .wp-returning a { color:#71d7cd;padding-left:3px; } #hugtone-landing .wp-publicnav a, #hugtone-landing .wp-textbutton, #hugtone-landing .wp-returning a, #hugtone-landing .wp-footerlinks a { min-height:44px;display:inline-flex;align-items:center; } #hugtone-landing #wp-nativefield .btns button, #hugtone-landing #native-close { min-height:44px;min-width:44px; } #hugtone-landing #wp-nativefield .axis-labels:not(.visible) { visibility:hidden; } #hugtone-landing #wp-nativefield .dim-panel:not(.visible) { visibility:hidden; } #hugtone-landing .paused *, #hugtone-landing .offscreen *, #hugtone-landing .offscreen *::before, #hugtone-landing .offscreen *::after { animation-play-state:paused!important; } #hugtone-landing #wp-play-encounter[aria-pressed=true] .icon-play path { d:path('M8 4v16M16 4v16'); } #hugtone-landing #wp-play-encounter[data-replay=true] .icon-play path { d:path('M3 10a9 9 0 1 1 2 8M3 3v7h7'); } #hugtone-landing #wp-encounter-sound[aria-pressed=false] { text-decoration:line-through; } #hugtone-landing #wp-nativefield .dim-panel-kind { color:#b6a7c3; } #hugtone-landing .wp-fieldmetrics { min-width:0; } #hugtone-landing .wp-fieldmetrics dt { overflow-wrap:break-word; } @media(max-width:360px) { #hugtone-landing .wp-fieldmetrics { column-gap:14px; } #hugtone-landing .wp-soullinkfeature { flex-direction:column;align-items:flex-start; } #hugtone-landing .wp-friendshipsintro { gap:15px; } #hugtone-landing .wp-friendshipsintro img { width:60px;height:60px; } } #hugtone-landing #wp-nativefield[data-fallback=true] #scene { display:none; } #hugtone-landing #wp-nativefield[data-fallback=true] #native-stage { overflow:auto; } #hugtone-landing #wp-nativefield[data-fallback=true] .axis-labels { position:static;display:flex;flex-wrap:wrap;gap:8px;padding:24px;opacity:1; } #hugtone-landing #wp-nativefield[data-fallback=true] .axis-labels button { pointer-events:auto;border:1px solid #71d7cd55;border-radius:12px;padding:10px;min-height:44px; }