/* Final presentation layer for the private cinematic preview. */
:root{--muted:#c3aea1;--radius:18px}body{background:radial-gradient(ellipse at 70% 0,#27120b 0,transparent 42%),#0b0909}header{background:transparent}.shell{max-width:1500px}.sidebar{background:#100d0d}.brand{font-family:Georgia,serif;letter-spacing:1px}.brand small{font-family:'Segoe UI',sans-serif}.brand img{background:radial-gradient(circle,#873811,#1c100b);box-shadow:0 0 18px #e95e2220}.header-actions .preview-pill{border-color:#6b3c26;color:#d5aa8a}.cart-icon svg{width:23px;height:23px}.avatar{background:#382117}.hero{min-height:340px;border-color:#7e351e;background-position:center 43%;box-shadow:inset 0 -60px 80px #0d080855,0 15px 50px #0003}.hero-copy{max-width:55%}.hero h1{font-weight:700;letter-spacing:-2px;font-size:64px;text-shadow:0 2px 14px #0009}.hero p{line-height:1.9;color:#e3b891}.balance-preview{background:linear-gradient(100deg,#3c2118a6,#191212);border-color:#62341f;box-shadow:inset 0 1px #a06b3122}.balance-preview>span:last-child{color:#d9bba5}.balance-preview b{line-height:1.1}.toolbar .search{background:#161212;border-color:#392922}.search:focus-within{outline:1px solid #d76b32;outline-offset:2px}.categories{scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.chip{background:#171313;border-color:#3a2a22;color:#c4b1a2}.chip.active{box-shadow:inset 0 0 15px #c25c1020}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product.folder{display:flex;align-items:center;gap:11px;min-height:93px;padding:14px 11px;background:linear-gradient(130deg,#241b17,#151111);border-color:#503020;transition:border-color .18s,transform .18s;overflow:hidden}.product.folder:hover{transform:translateY(-2px);border-color:#dd783d}.folder-copy{display:block;min-width:0;flex:1}.folder-copy>strong{display:block;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-copy>small{display:block;font-size:9px;color:#c0a793;margin:2px 0}.folder-copy>b{color:#ffa154;font-size:15px;font-weight:600;white-space:nowrap}.folder-copy>b small{font-size:9px;color:#bfa087;font-weight:400}.folder .arrow{flex-shrink:0;margin-left:auto;background:#27160d;border-color:#a25125;font-size:19px;width:25px;height:25px}.brand-tile{width:46px;height:50px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(130deg,#9d5b29,#402311);box-shadow:inset 0 1px #ffffff30;font-size:19px;font-weight:700;color:#fff}.brand-tile img{width:29px;height:29px;object-fit:contain}.brand-chatgpt{background:linear-gradient(140deg,#19a684,#085a4d)}.brand-claude{background:linear-gradient(140deg,#e7a786,#ac5f45)}.brand-gemini{background:linear-gradient(140deg,#4e88ed,#ac64de)}.brand-perplexity{background:linear-gradient(140deg,#348487,#13393e)}.brand-canva{background:linear-gradient(140deg,#11c4c5,#6434db)}.brand-netflix{background:#a91a24}.brand-youtube{background:#c72927}.brand-spotify{background:#148547}.brand-figma{background:linear-gradient(135deg,#b54f31,#6d46ae)}.brand-notion,.brand-capcut{background:linear-gradient(140deg,#494342,#151515)}.brand-surfshark,.brand-duolingo{background:linear-gradient(140deg,#67a737,#225d3d)}.brand-zoom,.brand-prime,.brand-outlook,.brand-nordvpn{background:linear-gradient(140deg,#238fe5,#174491)}.brand-gmail,.brand-adobe{background:linear-gradient(140deg,#d55f51,#972b26)}.brand-whatsapp{background:linear-gradient(140deg,#20a475,#145d48)}.browse-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:10px;color:#bfa899;padding:6px 2px}.browse-tools>span{margin-right:auto}.browse-tools button{padding:6px 8px;border-radius:7px}.browse-tools button.selected{color:#ffad69;background:#442310}.browse-tools label{display:flex;align-items:center;gap:4px;cursor:pointer}.browse-tools input{accent-color:#ed853c}.snapshot-note{font-size:10px;color:#b19b8e;line-height:1.7;margin-top:18px}.brand-heading{display:flex;align-items:center;gap:14px}.brand-heading .brand-tile{width:60px;height:64px}.brand-heading h2{font-size:29px}.brand-heading p{font-size:11px;color:#bda28f;margin-top:3px}.save-brand{margin-left:auto;border:1px solid #653c2a;border-radius:50%;height:43px;min-width:43px;font-size:25px}.save-brand.saved{background:#773719;color:#ffbb87}.plan-intro{color:#c7b1a3;font-size:12px;margin:22px 0 14px}.plan-list{display:grid;gap:10px}.plan-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #4e3024;background:#211715;border-radius:13px;padding:15px}.plan-option>span:first-child{flex:1}.plan-option strong{font-size:13px;font-weight:500;display:block}.plan-option small{display:block;font-size:10px;font-weight:400;color:#c1a18b;margin-top:5px}.plan-option b{font-size:16px;color:#ffac72;text-align:right;white-space:nowrap}.plan-option>span:last-child{color:#f59959;font-size:22px}.detail-quantity{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;font-size:12px}.detail-quantity input{background:transparent;border:0;width:40px;text-align:center;color:white;appearance:textfield}.detail-quantity input::-webkit-inner-spin-button{appearance:none}.detail-quantity strong{font-size:20px;color:#ffa767}.detail-field{line-height:1.8}.detail-field>strong{font-size:13px}.description strong{color:#fff0e3}.description code{background:#2f211b;padding:2px 4px;border-radius:4px}.stock{max-width:48%;text-align:right}.dialog-head{position:sticky;top:-28px;background:#181313;z-index:2;padding:12px 0}.dialog-head .eyebrow{margin:0;flex:1}.dialog-actions{z-index:2;border-top:1px solid #4a2d20}.dialog-actions .notice{font-size:10px;margin-top:12px;padding:10px}.detail-price{padding:12px 0;border-bottom:1px solid #41271d}.support-hero{display:flex;align-items:center;gap:25px;margin:26px 0 38px;border:1px solid #623620;padding:25px;border-radius:22px;background:radial-gradient(circle at 20% 60%,#6d2c1844,transparent 60%),#191110}.support-hero img{width:34%;max-width:210px;filter:drop-shadow(0 0 20px #df62212a)}.support-hero h2{font:700 36px/1.05 Georgia,serif}.support-hero p{color:#d3b9a8;max-width:370px;margin:15px 0;font-size:13px}.support-hero small{display:block;margin-top:10px;color:#c4977b;font-size:11px}.faq-heading{margin:20px 0}.faq details{border-bottom:1px solid #402a20;padding:17px 3px}.faq summary{cursor:pointer;color:#f3d7c4;font-size:14px}.faq p{color:#c0a99a;font-size:13px;line-height:1.8;margin-top:12px;max-width:700px}.wallet{background:radial-gradient(ellipse at 80% 50%,#773b1e55,transparent),#211713;border-color:#704026}.account-card{background:#1c1411;border-color:#543222}.account-card h3{color:#f2d8c4}.empty{border:1px dashed #4c3125;border-radius:20px;margin-top:20px}.empty-icon{color:#dd8a51}.mobile-nav svg,.desktop-nav svg{width:23px;height:23px;stroke:currentColor}.desktop-nav button{display:flex;align-items:center;gap:12px}.dexter-help{filter:drop-shadow(0 3px 9px #0008)}.dexter-help a span{background:#281710e8}.dexter-help button{width:32px;height:32px}.notice{line-height:1.65}.quantity button{min-width:36px}.cart-summary strong{color:#ffac72}footer{color:#b39883}.mobile-nav button{min-height:44px}.desktop-nav .active{border:1px solid #6b3924}.mobile-nav .active{background:radial-gradient(ellipse at 50% 20%,#a343202d,transparent 70%);border-radius:12px}.cart-icon{min-height:44px}button:focus-visible{outline-color:#ffad66}#main:focus{outline:none}.loader{border-top-color:#ff964d}
@media(max-width:1150px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.folder .arrow{display:none}.hero h1{font-size:54px}}
@media(max-width:760px){.shell{padding:0 13px}.brand img{height:36px;width:36px}.brand{font-size:18px}.header-actions{gap:8px}.preview-pill{font-size:6px!important}.hero{min-height:260px;padding:25px 16px;background-position:61% center;border-radius:17px}.hero h1{font-size:40px;letter-spacing:-1.6px}.hero-copy{max-width:67%}.hero-copy p{font-size:7px;max-width:160px;letter-spacing:1px}.hero .text-button{margin-top:16px}.balance-preview{min-height:59px;margin:10px 0}.balance-preview b{font-size:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product.folder{min-height:80px;padding:10px 8px;gap:8px;border-radius:12px}.brand-tile{width:37px;height:42px;border-radius:8px;font-size:15px}.brand-tile img{width:25px;height:25px}.folder-copy>strong{font-size:11px}.folder-copy>small{font-size:8px}.folder-copy>b{font-size:12px}.folder-copy>b small{font-size:7px}.folder .arrow{display:grid;width:19px;height:19px;font-size:16px;margin-left:-3px}.browse-tools{gap:7px;font-size:9px;padding:3px 0}.browse-tools button{font-size:10px}.toolbar{margin:11px 0}.chip{font-size:10px}.search{min-height:43px}.toolbar select{font-size:10px}.plan-option{gap:8px;padding:13px 11px}.plan-option strong{font-size:12px}.plan-option b{font-size:14px}.brand-heading h2{font-size:26px}.dialog-head{top:-22px}.support-hero{padding:18px 12px;gap:8px}.support-hero img{width:36%;align-self:flex-end}.support-hero h2{font-size:26px}.support-hero p{font-size:11px}.support-hero .primary{font-size:11px;padding:10px 12px;gap:8px}.mobile-nav button{min-width:50px}.mobile-nav{padding-top:7px}.dexter-help{width:76px;right:10px}.dexter-help img{width:76px;height:86px}.dexter-help a span{font-size:9px;padding:6px}.dexter-help button{right:-4px;top:-15px;font-size:15px}.detail-quantity{flex-wrap:wrap}.folder-copy{min-width:0}.account-card{padding:18px}footer{margin-bottom:90px}}
@media(max-width:359px){.folder .arrow{display:none}.folder-copy>strong{font-size:10px}.product.folder{gap:6px}.header-actions .preview-pill{display:none}.brand-heading h2{font-size:23px}}

.product.folder{flex-direction:row}.folder .arrow{align-self:center}.folder-copy{text-align:left}.plan-option:focus-visible{outline:2px solid #ffac72}.brand-tile img{display:block}

.detail-brand-visual{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #503020;border-radius:16px;background:radial-gradient(ellipse at right,#75371933,transparent),#201613;margin-bottom:20px}.detail-brand-visual .brand-tile{width:60px;height:64px}.detail-brand-visual>span{font:600 26px Georgia,serif}.detail-brand-visual small{display:block;font:10px 'Segoe UI',sans-serif;color:#c2a78e;margin-top:8px}.cart-row .quantity{flex-shrink:0}.cart-info small{font-size:11px}.description{font-size:13px;line-height:1.9}.detail-field{overflow-wrap:anywhere}
.delivery-note{padding:13px 16px;border-radius:12px;border:1px solid #5c3a23;background:#312015;margin:16px 0}.delivery-note strong{display:block;color:#ffb57c;font-size:12px}.delivery-note span{display:block;font-size:11px;color:#ccb3a1;line-height:1.7;margin-top:4px}
.featured{margin:20px 0 24px;min-width:0}.featured-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:9px;letter-spacing:2px;color:#d0b5a4}.featured-heading button{width:30px;height:28px;background:#251b17;color:#ffb37a;border:1px solid #513225;border-radius:8px;font-size:21px;margin-left:6px;cursor:pointer}.featured-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px}.featured-track::-webkit-scrollbar{display:none}.featured-slide{flex:0 0 100%;min-width:0;box-sizing:border-box;scroll-snap-align:start;position:relative;isolation:isolate;overflow:hidden;border:1px solid #685246;border-radius:20px;background:radial-gradient(ellipse at 85% 20%,#88756a 0%,#3e322b 35%,#191512 75%);padding:24px}.featured-slide.tone-1{background:radial-gradient(ellipse at 85% 20%,#a94c22,#3d231b 40%,#181311 80%)}.featured-slide.tone-2{background:radial-gradient(ellipse at 85% 20%,#727779,#333334 40%,#171717 80%)}.featured-art{position:absolute;right:7%;top:22px;transform:rotate(-12deg);opacity:.65;z-index:-1}.featured-art .brand-tile{width:150px;height:150px;border-radius:35px;background:linear-gradient(140deg,#ffffff38,#ffffff08);border:1px solid #ffffff44;box-shadow:12px 15px 30px #0007}.featured-art .brand-tile img{width:100px;height:100px;filter:drop-shadow(4px 5px 2px #0007)}.featured-copy>span{font-size:11px;font-weight:700;color:#ffc49c}.featured-copy h2{max-width:65%;font:700 27px/1.08 'Segoe UI',sans-serif;letter-spacing:-1px;margin:14px 0;min-height:58px;overflow-wrap:anywhere}.featured-copy p{max-width:65%;font-size:12px;line-height:1.5;color:#dfd5ce;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.featured-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:20px}.featured-bottom strong{font-size:24px;color:#fff}.featured-bottom small{display:block;font-size:10px;font-weight:400;color:#d5b8a5;margin-top:3px}.featured-bottom .primary{width:auto;min-height:38px;padding:10px 15px;font-size:11px;border-radius:30px}.featured-dots{display:flex;gap:6px;justify-content:center;padding:10px}.featured-dots button{border:0;width:8px;height:8px;padding:0;border-radius:10px;background:#65554a;cursor:pointer}.featured-dots button[aria-pressed=true]{background:#ff873a;width:24px}.featured button:focus-visible,.featured-track:focus-visible{outline:2px solid #ffbc8b;outline-offset:3px}@media(max-width:400px){.featured-slide{padding:18px}.featured-copy h2{font-size:23px}.featured-art{right:4%;top:35px}.featured-art .brand-tile{width:100px;height:110px}.featured-art .brand-tile img{width:70px;height:70px}}
.profile-identity{display:flex;gap:18px;align-items:center;border:1px solid #69402b;border-radius:20px;padding:22px;background:linear-gradient(130deg,#392118,#181311)}.profile-avatar{display:grid;place-items:center;flex-shrink:0;width:65px;height:65px;border:1px solid #ff9d5d;border-radius:50%;font-size:35px;color:#ffaf78}.profile-identity h2{font-size:21px;margin:0}.profile-identity p,.reward-card p,.referral-link p{font-size:12px;color:#cbb8ac;line-height:1.7}.referral-link{padding:20px 0}.referral-link h2{font-size:20px}.referral-link small{color:#cbb8ac}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reward-card{padding:22px;border:1px solid #513626;border-radius:18px;background:#211813}.reward-card>span{font-size:9px;color:#e5a87b;letter-spacing:1px}.reward-card h2{font-size:28px}.reward-balance{display:block;font-size:32px;margin:24px 0}.reward-balance small{font-size:10px;color:#cbb8ac}.reward-card button{margin-top:10px;width:100%;font-size:11px}.reward-card button:disabled,.referral-link button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.reward-grid{grid-template-columns:1fr}.profile-identity{padding:16px}.profile-identity h2{font-size:18px}}
.profile-identity{position:relative;overflow:hidden;padding-top:55px;min-height:180px;background:radial-gradient(ellipse at 90% 0,#ad4d2044,transparent 65%),linear-gradient(130deg,#33221c,#111);box-shadow:inset 0 1px 0 #f9c29c44}.member-label{position:absolute;top:20px;left:22px;font-size:9px;letter-spacing:4px;color:#f8b68a}.profile-avatar{background:linear-gradient(140deg,#5d4740,#1b1513);box-shadow:0 0 25px #e97b2833}.profile-avatar svg{width:35px;height:35px}.reward-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,#a3421822,transparent 65%),linear-gradient(145deg,#251d19,#131110);box-shadow:inset 0 1px 0 #b9a39233;transition:transform .25s,border-color .25s}.reward-card:hover{transform:translateY(-3px);border-color:#ae7048}.reward-emblem{height:48px;width:48px;border:1px solid #ad754c77;border-radius:14px;display:grid;place-items:center;background:linear-gradient(130deg,#7e5538,#241b15);color:#ffd3a9;margin-bottom:20px;box-shadow:0 8px 30px #0005}.reward-emblem svg{width:27px;height:27px}.reward-card h2{background:linear-gradient(100deg,#fff,#ffc193,#f7dcc6);background-clip:text;color:transparent}.reward-track{height:5px;border-radius:10px;background:#514338;margin:12px 0 6px;overflow:hidden}.reward-track span{display:block;width:0;height:100%}.progress-caption{font-size:9px;color:#bda99b}.reward-explorer{margin:25px 0;padding:24px;border:1px solid #79513a;border-radius:22px;background:radial-gradient(ellipse at top right,#b3511933,transparent 70%),#1a1411}.reward-explorer h2{font-size:30px;margin:12px 0}.reward-explorer p,.reward-how p{color:#c8b4a7;font-size:12px;line-height:1.8}.reward-tabs{display:flex;gap:6px;padding:5px;background:#0c0b0a;border-radius:12px;margin:20px 0}.reward-tabs button{flex:1;background:transparent;border:0;color:#c9b9ad;padding:11px;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}.reward-tabs button[aria-pressed=true]{background:linear-gradient(130deg,#b05f30,#6c341d);color:#fff;box-shadow:0 3px 12px #0005}.reward-explorer label{display:block;font-size:11px;color:#e5c9b6}.reward-explorer input[type=range]{width:100%;margin:24px 0;accent-color:#ff9b53;cursor:pointer}.simulation-values{display:flex;justify-content:space-between;align-items:center;gap:15px}.simulation-values span{font-size:11px;color:#cbb7a7}.simulation-values output{font-size:32px;letter-spacing:-1px;color:#ffc18d;font-weight:700}.reward-how details{border-bottom:1px solid #473127;padding:16px 0}.reward-how summary{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:13px}.reward-how summary:after{content:'+';margin-left:auto;color:#ffa461}.reward-how details[open] summary:after{content:'−'}.reward-how svg{width:23px;height:23px;color:#f6b382;flex-shrink:0}#main>*,.reward-card{animation:reward-enter .35s ease both}@keyframes reward-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#main>*,.reward-card{animation:none}.reward-card{transition:none}.reward-card:hover{transform:none}}
.recent-products{margin:24px 0}.compare-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.compare-heading h2{font-size:18px}.recent-products p{font-size:11px;color:#bca99a}.recent-track{display:flex;gap:10px;overflow:auto;padding:5px 0 12px}.recent-track button{flex:0 0 145px;text-align:left;border:1px solid #553829;border-radius:15px;padding:14px;background:#211813;color:#f5d8c3;cursor:pointer}.recent-track strong{display:block;font-size:12px;line-height:1.5;margin:10px 0}.recent-track>button>span:last-child{font-size:13px;color:#ffab6d}#compare-bar{position:fixed;z-index:15;bottom:82px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#2b1d16f5;border:1px solid #c07d4d;border-radius:16px;padding:9px 14px;box-shadow:0 8px 30px #0009;max-width:calc(100% - 24px);white-space:nowrap}#compare-bar span{font-size:11px}#compare-bar .primary{width:auto;padding:9px 15px;min-height:36px;font-size:12px}#comparison{width:min(900px,94vw);max-width:94vw}#comparison>p{font-size:12px;color:#bda99b}.comparison-scroll{overflow:auto}.comparison-scroll table{border-collapse:collapse;width:100%;min-width:420px;font-size:12px}.comparison-scroll caption{text-align:left;color:#c9ab94;padding:10px 0}.comparison-scroll th,.comparison-scroll td{text-align:left;padding:15px;vertical-align:top;border-bottom:1px solid #513729;max-width:240px;overflow-wrap:anywhere}.comparison-scroll thead th{background:#291c15}.comparison-scroll .brand-tile{margin-bottom:12px}.comparison-scroll td .secondary{font-size:11px;white-space:nowrap}.dialog-actions>[data-compare]{margin-bottom:8px}[data-compare][aria-pressed=true]{border-color:#ffac73;color:#ffc294}@media(min-width:761px){#compare-bar{bottom:24px}} 
.personal-invite{display:block;width:100%;box-sizing:border-box;margin:14px 0;padding:13px;background:#151210;color:#edc7aa;border:1px solid #68462f;border-radius:10px;font-size:12px}
.detail-bullet{display:inline-block;width:5px;height:5px;background:#efaa74;border-radius:50%;vertical-align:middle;margin:0 9px 2px 2px}#compare-feedback{border:1px solid #795338;border-radius:12px;padding:10px;margin:9px 0}#compare-feedback p{font-size:11px;line-height:1.5;color:#dfc5b1}.brand-tile.brand-surfshark{background:transparent!important;box-shadow:none!important;border:0!important}.brand-surfshark img{width:100%!important;height:100%!important;object-fit:contain;filter:none!important}.featured-art{transform:none}.featured-art .brand-tile img{filter:none}
