:root{background:#0b1319;color:#f3f3ec}
body{background:#0b1319}
.app-shell{position:relative;isolation:isolate;background:radial-gradient(ellipse 55% 19% at 77% 8%,#e7ae3030,transparent 75%),radial-gradient(ellipse 38% 19% at 8% 37%,#d8533430,transparent 75%),radial-gradient(ellipse 60% 25% at 78% 76%,#e0af3120,transparent 72%),#0b1319}
.app-shell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#0003,transparent 65%)}
.site-header{position:sticky;top:0;z-index:30;max-width:none;padding-inline:max(35px,calc((100vw - 1300px)/2));background:#0b1319ba;border-bottom:1px solid #f0ddb729;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
#scan,#wallet,#transfer,#concept{scroll-margin-top:100px}
.site-header nav a{transition:color .25s,opacity .25s}.site-header nav a:hover{color:#f9ca54}
.connect-button,.primary-cta,.scan-row button,.send-button,.card-button{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}
.connect-button:hover,.primary-cta:hover,.scan-row button:hover,.send-button:hover,.card-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0005}
.hero{background:transparent;color:#f7f3e9;min-height:660px}
.hero-inner{min-height:660px}
.hero-grid{background-size:70px 70px;background-image:linear-gradient(#fff3 1px,transparent 1px),linear-gradient(90deg,#fff3 1px,transparent 1px);mask-image:radial-gradient(circle at 73% 47%,#0009,transparent 62%)}
.hero-copy{padding-bottom:95px;animation:arrive .85s both}
.hero h1{font-size:clamp(61px,7vw,108px);line-height:1.03;margin:25px 0 26px;letter-spacing:-.09em}
.hero h1 span{color:#f8ca54;text-shadow:none;position:relative}
.hero h1 span:after{content:"";position:absolute;height:9px;left:3%;right:0;bottom:0;border-radius:50%;background:#e04b39;transform:rotate(-2deg);z-index:-1;box-shadow:0 0 30px #ee544b88}
.hero-copy>p{color:#adbdc4;font-weight:400;max-width:520px}
.primary-cta{background:#f2c54e;color:#18212a;box-shadow:0 12px 40px #e0a83b2b}
.quiet-link{border-color:#71818a;color:#d8e1dc}
.hero-proof{border-color:#f1d98a35;margin-top:32px}
.hero-proof span{color:#e5ae47}.hero-proof b{color:#9fb0b6}
.chain-pulse{margin-top:37px;display:inline-flex;align-items:center;gap:13px;border:1px solid #f2d2804a;border-radius:100px;padding:9px 12px 9px 10px;background:#f4cf6630;backdrop-filter:blur(12px);color:#dbddd6;font-size:12px;letter-spacing:.04em}
.chain-pulse strong{font-family:'Barlow Condensed',sans-serif;font-size:17px;color:#f4cd5e;letter-spacing:.04em}
.pulse-line{display:block;width:8px;height:8px;background:#86e2b4;border-radius:50%;box-shadow:0 0 0 5px #86e2b420,0 0 16px #86e2b4;animation:blink 2s ease-in-out infinite}
.hero-visual{min-height:660px;overflow:visible}
.sunburst{width:710px;height:710px;background:repeating-conic-gradient(from 8deg,#f3c95b13 0deg 10deg,transparent 10deg 29deg);opacity:1;animation:rotate 95s linear infinite}
.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #f8ca5366;border-radius:50%;pointer-events:none}.orbit-one{width:540px;height:540px;box-shadow:0 0 38px #e9a82415}.orbit-two{width:620px;height:620px;border-style:dashed;opacity:.4;animation:orbit 60s linear infinite}
.coin-halo{width:min(400px,34vw);height:min(400px,34vw);padding:11px;border:1px solid #ffe2a1;background:linear-gradient(145deg,#ffdd7b,#d65d3c 54%,#a7302b);box-shadow:0 0 0 11px #f8c85a19,0 0 100px #f7a94365,0 26px 66px #0008;animation:float 6s ease-in-out infinite}
.coin-inner{border:4px solid #fce7a6;box-shadow:inset 0 0 24px #0004}
.hero-stamp{background:#17232bcf;color:#f9eacf;border:1px solid #f4d37774;box-shadow:0 10px 25px #0004;backdrop-filter:blur(16px);border-radius:10px}.stamp-top strong{color:#ffb04d}.stamp-bottom{background:#d44e3ec9;color:#fff8df}
.coin-caption{bottom:24px;color:#c7d0cb}.coin-caption span{color:#f3c858}
.cat-mood{position:absolute;z-index:4;top:60px;right:10px;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #f7cf7866;border-radius:50px;background:#101a22a8;backdrop-filter:blur(15px);color:#f9e4ad;font-size:12px;font-weight:800;box-shadow:0 13px 30px #0005}.cat-mood i{width:7px;height:7px;border-radius:50%;background:#f3cb55;box-shadow:0 0 0 5px #f3cb5520}
body[data-mood="scanning"] .coin-halo{animation:sniff 1.05s ease-in-out infinite;box-shadow:0 0 0 13px #f8c85a29,0 0 150px #ffb749a0,0 26px 66px #0008}body[data-mood="scanning"] .orbit-one{animation:orbit 5s linear infinite}body[data-mood="caution"] .coin-halo{box-shadow:0 0 0 11px #dc6a5f30,0 0 110px #e14d4c70,0 26px 66px #0008}body[data-mood="clear"] .coin-halo{box-shadow:0 0 0 11px #9dd7a830,0 0 110px #92dbaa65,0 26px 66px #0008}
.workbench{position:relative;z-index:4;margin-top:-55px;margin-bottom:78px;max-width:1235px;padding:43px 46px 42px;border:1px solid #f2d9a43d;border-radius:24px;background:linear-gradient(135deg,#25333bb8,#15232dd4 52%,#1b2931c8);box-shadow:0 35px 90px #0008,inset 0 1px #fff2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.workbench:before{content:"SNIFF / 001";position:absolute;right:30px;top:18px;font-family:'Barlow Condensed',sans-serif;font-size:12px;color:#f8cd6960;letter-spacing:.25em}
.section-top h2{font-size:clamp(33px,3.6vw,49px)}.source-tag{background:#ecc45c18;border-color:#ecc45c50;color:#edc965}
.scan-form{background:#ffffff0d;border:1px solid #ffffff2f;backdrop-filter:blur(16px);border-radius:13px;margin-top:24px;transition:border-color .25s,transform .25s,box-shadow .25s}.scan-form:focus-within{border-color:#f3c754a0;transform:translateY(-2px);box-shadow:0 15px 35px #0004}.scan-row{border:1px solid #f2c64d;background:#f7f5edee}.scan-row button{background:#da5642}.scan-result{background:#ffffff0a;border-color:#ffffff2c;backdrop-filter:blur(16px);transition:box-shadow .35s,border-color .35s,transform .35s}.scan-result:not(.idle){box-shadow:0 19px 45px #0004;border-color:#e0c67666;animation:popIn .45s both}.idle-art{background:#f1c95325;animation:pawPulse 3s ease-in-out infinite}
.result-tabs{display:flex;gap:6px;padding:5px;background:#0a151db0;border:1px solid #ffffff1b;border-radius:10px;margin-top:25px;width:max-content;max-width:100%;overflow:auto}.result-tabs button{border:0;background:transparent;color:#aabac1;border-radius:7px;padding:9px 14px;font-size:13px;font-weight:800;white-space:nowrap;transition:background .2s,color .2s,transform .2s}.result-tabs button:hover{color:#fff}.result-tabs button[aria-selected="true"]{background:#f0c655;color:#16212b;box-shadow:0 5px 14px #0004}.result-pane{display:none}.result-pane.active{display:block;animation:tabEnter .35s ease both}.result-metrics{margin:17px 0 0}.result-metrics>div{background:#f4f4ed0e;border:1px solid #ffffff20}.result-metrics b{color:#fbf0ce}.result-notes{margin-top:18px}.result-actions{margin-top:20px}.result-actions button,.result-actions a{border:1px solid #e6c2625a;padding:10px 13px;border-radius:6px;background:#f2c55112;transition:background .25s,transform .25s}.result-actions button:hover,.result-actions a:hover{background:#f2c55130;transform:translateY(-2px)}.result-note{color:#9caeb4}
.wallet-section{background:transparent;color:#f5f3eb;padding:0 35px 90px}.wallet-layout{max-width:1235px;gap:50px;padding:58px;border:1px solid #f0d68c2b;border-radius:25px;background:linear-gradient(115deg,#f1c85716,#ffffff09 49%,#d3543c0e);box-shadow:inset 0 1px #ffffff1f,0 25px 70px #0004;backdrop-filter:blur(24px)}.wallet-intro .eyebrow{color:#eac264}.wallet-intro>p:not(.eyebrow){color:#adbac0}.wallet-steps div{border-color:#d4b75c70}.wallet-card{background:#0e1b25a6;border:1px solid #fff3;box-shadow:0 20px 45px #0005,inset 0 1px #fff2;backdrop-filter:blur(22px)}.card-top{border-color:#fff2}.wallet-avatar{background:#f8ca57;box-shadow:0 0 35px #f8ca5760;animation:float 5s ease-in-out infinite}.card-button{background:#f2c450}
.transfer-section{border:1px solid #ffffff22;background:linear-gradient(135deg,#ffffff0e,#ffffff03);backdrop-filter:blur(18px);border-radius:25px;padding:52px;margin-bottom:92px;box-shadow:0 24px 70px #0003}.transfer-form{background:#f7f4e9e8;backdrop-filter:blur(18px);box-shadow:0 24px 55px #0005}.transaction-info{padding:23px 0}.transaction-icon{box-shadow:0 0 27px #ecc24b50;animation:float 5s ease-in-out infinite}.flow-step{border-color:#ffffff2a}.transaction-status{background:#ffffff10;backdrop-filter:blur(12px)}
.concept{max-width:1235px;margin:0 auto 90px;grid-template-columns:.84fr 1.16fr;border:1px solid #ffffff29;border-radius:25px;background:linear-gradient(115deg,#ca45322b,#f3cd4c0b 42%,#ffffff08);color:#f2f0e7;overflow:hidden;box-shadow:0 28px 70px #0004;backdrop-filter:blur(22px)}.concept-identity{min-height:510px;background:radial-gradient(circle at 50% 46%,#e9aa4e55,transparent 48%),linear-gradient(145deg,#db513e78,#7a2f2b38 60%,transparent)}.concept-identity img{border-color:#edc458;box-shadow:0 0 50px #f8c55052,0 23px 50px #0009;animation:float 6s ease-in-out infinite}.concept-copy{padding:62px}.concept-copy .eyebrow{color:#efc760}.concept-copy>p:not(.eyebrow){color:#bbc5c3}.principles{border-color:#e7c56865}.principles div{border-color:#ffffff24}.principles span{color:#adbbbd}
.definitions{padding-top:0}.definition-grid article{background:#ffffff0a;border-color:#ffffff30;backdrop-filter:blur(20px);transition:transform .3s,border-color .3s,background .3s}.definition-grid article:hover{transform:translateY(-7px);border-color:#e9c65b8a;background:#f2c5581b}.definition-grid article>span{color:#f2c857}
.reveal-pending{opacity:0;transform:translateY(26px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tabEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes sniff{0%,100%{transform:scale(1) rotate(0deg)}45%{transform:scale(1.035) rotate(-2deg)}75%{transform:scale(.985) rotate(1deg)}}@keyframes orbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes blink{50%{opacity:.4;box-shadow:0 0 0 8px #86e2b410}}@keyframes pawPulse{50%{transform:scale(1.08);background:#f1c95338}}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr .9fr}.hero h1{font-size:75px}.orbit-one{width:410px;height:410px}.orbit-two{width:500px;height:500px}.wallet-layout{padding:40px}.concept-copy{padding:43px}}
@media(max-width:760px){.site-header{padding-inline:18px}.hero{min-height:0}.hero-inner{min-height:0}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(53px,12vw,76px)}.hero-visual{min-height:390px;overflow:hidden}.coin-halo{width:285px;height:285px}.orbit-one{width:370px;height:370px}.orbit-two{width:460px;height:460px}.sunburst{width:570px;height:570px}.cat-mood{top:22px;right:18px}.hero-stamp{font-size:12px}.stamp-bottom{font-size:15px}.chain-pulse{margin-top:28px}.workbench{margin:0 16px 80px;padding:31px 20px;border-radius:18px}.workbench:before{display:none}.wallet-section{padding:0 16px 75px}.wallet-layout{padding:35px 23px;gap:30px}.transfer-section{margin:0 16px 80px;padding:35px 22px}.concept{margin:0 16px 80px}.concept-identity{min-height:350px}.concept-copy{padding:38px 23px}.definitions{padding-inline:22px}.hero-copy>p{max-width:560px}}
@media(max-width:480px){.brand{font-size:20px}.brand img{width:35px;height:35px}.brand small{font-size:8px}.hero h1{font-size:52px}.hero-proof{gap:8px}.hero-proof span{font-size:11px}.chain-pulse{font-size:10px}.hero-visual{min-height:360px}.coin-halo{width:255px;height:255px}.cat-mood{right:15px}.scan-form{padding:13px}.result-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.result-tabs button{padding:9px 4px;font-size:12px}.wallet-layout{padding:28px 19px}.wallet-steps{gap:8px}.wallet-steps div{min-width:85px}.transfer-section{padding:28px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-pending{opacity:1;transform:none}}